Add job control deactivate/reactivate hooks

Initial commit: Video Converter Suite application scaffold

HealthBridge/App/HealthBridgeApp.swift

@@ -0,0 +1,91 @@
+import SwiftUI
+import HealthKit
+import BackgroundTasks
+
+@main
+struct HealthBridgeApp: App {
+    @StateObject private var appState = AppState()
+    @StateObject private var healthKitManager = HealthKitManager.shared
+    @StateObject private var syncCoordinator = SyncCoordinator.shared
+
+    init() {
+        registerBackgroundTasks()
+    }
+
+    var body: some Scene {
+        WindowGroup {
+            ContentView()
+                .environmentObject(appState)
+                .environmentObject(healthKitManager)
+                .environmentObject(syncCoordinator)
+                .onAppear {
+                    Task {
+                        await requestHealthKitAuthorization()
+                    }
+                }
+        }
+    }
+
+    private func registerBackgroundTasks() {
+        BGTaskScheduler.shared.register(
+            forTaskWithIdentifier: "com.healthbridge.sync",
+            using: nil
+        ) { task in
+            guard let bgTask = task as? BGAppRefreshTask else { return }
+            handleBackgroundSync(task: bgTask)
+        }
+    }
+
+    private func handleBackgroundSync(task: BGAppRefreshTask) {
+        scheduleNextBackgroundSync()
+
+        let syncTask = Task {
+            do {
+                try await syncCoordinator.performSync()
+                task.setTaskCompleted(success: true)
+            } catch {
+                task.setTaskCompleted(success: false)
+            }
+        }
+
+        task.expirationHandler = {
+            syncTask.cancel()
+        }
+    }
+
+    private func scheduleNextBackgroundSync() {
+        let request = BGAppRefreshTaskRequest(identifier: "com.healthbridge.sync")
+        request.earliestBeginDate = Date(timeIntervalSinceNow: 15 * 60) // 15 min
+
+        do {
+            try BGTaskScheduler.shared.submit(request)
+        } catch {
+            print("Failed to schedule background sync: \(error)")
+        }
+    }
+
+    private func requestHealthKitAuthorization() async {
+        do {
+            try await healthKitManager.requestAuthorization()
+        } catch {
+            print("HealthKit authorization failed: \(error)")
+        }
+    }
+}
+
+// MARK: - App State
+@MainActor
+class AppState: ObservableObject {
+    @Published var selectedTab: Tab = .dashboard
+    @Published var showingConflictDetail: Conflict?
+    @Published var isLoading = false
+    @Published var lastSyncDate: Date?
+    @Published var pendingConflicts: [Conflict] = []
+
+    enum Tab {
+        case dashboard
+        case conflicts
+        case rules
+        case sources
+    }
+}

HealthBridge/Models/Conflict.swift

@@ -0,0 +1,315 @@
+import Foundation
+
+// MARK: - Conflict
+struct Conflict: Identifiable, Codable {
+    let id: UUID
+    let dataType: HealthDataType
+    let timeWindow: TimeWindow
+    var readings: [SourceReading]
+    var status: ConflictStatus
+    var resolution: ConflictResolution?
+    var appliedStrategy: MergeStrategy?
+    let detectedAt: Date
+    var resolvedAt: Date?
+
+    init(
+        id: UUID = UUID(),
+        dataType: HealthDataType,
+        timeWindow: TimeWindow,
+        readings: [SourceReading],
+        status: ConflictStatus = .pending,
+        resolution: ConflictResolution? = nil,
+        appliedStrategy: MergeStrategy? = nil,
+        detectedAt: Date = Date(),
+        resolvedAt: Date? = nil
+    ) {
+        self.id = id
+        self.dataType = dataType
+        self.timeWindow = timeWindow
+        self.readings = readings
+        self.status = status
+        self.resolution = resolution
+        self.appliedStrategy = appliedStrategy
+        self.detectedAt = detectedAt
+        self.resolvedAt = resolvedAt
+    }
+
+    var valueDifference: Double {
+        guard readings.count >= 2 else { return 0 }
+        let values = readings.map { $0.value }
+        return (values.max() ?? 0) - (values.min() ?? 0)
+    }
+
+    var percentageDifference: Double {
+        guard readings.count >= 2 else { return 0 }
+        let values = readings.map { $0.value }
+        guard let min = values.min(), min > 0 else { return 0 }
+        guard let max = values.max() else { return 0 }
+        return ((max - min) / min) * 100
+    }
+
+    var severity: ConflictSeverity {
+        let pctDiff = percentageDifference
+        if pctDiff < 5 { return .minor }
+        if pctDiff < 20 { return .moderate }
+        if pctDiff < 50 { return .significant }
+        return .major
+    }
+
+    var highestValueReading: SourceReading? {
+        readings.max(by: { $0.value < $1.value })
+    }
+
+    var lowestValueReading: SourceReading? {
+        readings.min(by: { $0.value < $1.value })
+    }
+
+    var primarySourceReading: SourceReading? {
+        readings.max(by: { $0.sourceCategory.priority < $1.sourceCategory.priority })
+    }
+}
+
+// MARK: - Conflict Status
+enum ConflictStatus: String, Codable {
+    case pending = "pending"
+    case resolved = "resolved"
+    case manualReview = "manual_review"
+    case ignored = "ignored"
+
+    var displayName: String {
+        switch self {
+        case .pending: return "Offen"
+        case .resolved: return "Gelöst"
+        case .manualReview: return "Manuelle Prüfung"
+        case .ignored: return "Ignoriert"
+        }
+    }
+
+    var icon: String {
+        switch self {
+        case .pending: return "clock.fill"
+        case .resolved: return "checkmark.circle.fill"
+        case .manualReview: return "hand.raised.fill"
+        case .ignored: return "eye.slash.fill"
+        }
+    }
+}
+
+// MARK: - Conflict Severity
+enum ConflictSeverity: String, Codable {
+    case minor = "minor"
+    case moderate = "moderate"
+    case significant = "significant"
+    case major = "major"
+
+    var displayName: String {
+        switch self {
+        case .minor: return "Gering"
+        case .moderate: return "Moderat"
+        case .significant: return "Erheblich"
+        case .major: return "Gross"
+        }
+    }
+
+    var color: String {
+        switch self {
+        case .minor: return "green"
+        case .moderate: return "yellow"
+        case .significant: return "orange"
+        case .major: return "red"
+        }
+    }
+}
+
+// MARK: - Conflict Resolution
+struct ConflictResolution: Codable {
+    let resolvedValue: Double
+    let secondaryResolvedValue: Double? // For blood pressure
+    let winningSourceId: String
+    let strategy: MergeStrategy
+    let isManual: Bool
+    let resolvedAt: Date
+    let notes: String?
+
+    init(
+        resolvedValue: Double,
+        secondaryResolvedValue: Double? = nil,
+        winningSourceId: String,
+        strategy: MergeStrategy,
+        isManual: Bool = false,
+        resolvedAt: Date = Date(),
+        notes: String? = nil
+    ) {
+        self.resolvedValue = resolvedValue
+        self.secondaryResolvedValue = secondaryResolvedValue
+        self.winningSourceId = winningSourceId
+        self.strategy = strategy
+        self.isManual = isManual
+        self.resolvedAt = resolvedAt
+        self.notes = notes
+    }
+}
+
+// MARK: - Merge Strategy
+enum MergeStrategy: String, Codable, CaseIterable, Identifiable {
+    case exclusive = "exclusive"
+    case priority = "priority"
+    case higherWins = "higher_wins"
+    case lowerWins = "lower_wins"
+    case average = "average"
+    case coverage = "coverage"
+    case coverageThenHigher = "coverage_then_higher"
+    case manual = "manual"
+    case mostRecent = "most_recent"
+
+    var id: String { rawValue }
+
+    var displayName: String {
+        switch self {
+        case .exclusive: return "Exklusiv"
+        case .priority: return "Priorität"
+        case .higherWins: return "Höherer Wert"
+        case .lowerWins: return "Niedrigerer Wert"
+        case .average: return "Durchschnitt"
+        case .coverage: return "Abdeckung"
+        case .coverageThenHigher: return "Abdeckung + Höher"
+        case .manual: return "Manuell"
+        case .mostRecent: return "Neuester"
+        }
+    }
+
+    var description: String {
+        switch self {
+        case .exclusive:
+            return "Nur eine Quelle kann diesen Datentyp liefern"
+        case .priority:
+            return "Höchste Priorität gewinnt basierend auf Benutzereinstellungen"
+        case .higherWins:
+            return "Der grössere Wert wird verwendet (z.B. mehr Schritte = war aktiv)"
+        case .lowerWins:
+            return "Der kleinere Wert wird verwendet"
+        case .average:
+            return "Durchschnitt aller Quellen"
+        case .coverage:
+            return "Quelle mit Daten für dieses Zeitfenster"
+        case .coverageThenHigher:
+            return "Erst Abdeckung prüfen, dann höherer Wert bei Konflikt"
+        case .manual:
+            return "Benutzer entscheidet bei jedem Konflikt"
+        case .mostRecent:
+            return "Zuletzt erfasster Wert"
+        }
+    }
+
+    var icon: String {
+        switch self {
+        case .exclusive: return "1.circle.fill"
+        case .priority: return "list.number"
+        case .higherWins: return "arrow.up.circle.fill"
+        case .lowerWins: return "arrow.down.circle.fill"
+        case .average: return "divide.circle.fill"
+        case .coverage: return "square.fill.on.square.fill"
+        case .coverageThenHigher: return "square.stack.3d.up.fill"
+        case .manual: return "hand.raised.fill"
+        case .mostRecent: return "clock.arrow.circlepath"
+        }
+    }
+}
+
+// MARK: - Merge Rule
+struct MergeRule: Identifiable, Codable {
+    let id: UUID
+    let dataType: HealthDataType
+    var strategy: MergeStrategy
+    var primarySourceId: String?
+    var fallbackSourceId: String?
+    var sourcePriorities: [String: Int]
+    var autoApply: Bool
+    var thresholdForManualReview: Double? // Percentage difference threshold
+
+    init(
+        id: UUID = UUID(),
+        dataType: HealthDataType,
+        strategy: MergeStrategy,
+        primarySourceId: String? = nil,
+        fallbackSourceId: String? = nil,
+        sourcePriorities: [String: Int] = [:],
+        autoApply: Bool = true,
+        thresholdForManualReview: Double? = nil
+    ) {
+        self.id = id
+        self.dataType = dataType
+        self.strategy = strategy
+        self.primarySourceId = primarySourceId
+        self.fallbackSourceId = fallbackSourceId
+        self.sourcePriorities = sourcePriorities
+        self.autoApply = autoApply
+        self.thresholdForManualReview = thresholdForManualReview
+    }
+
+    static func defaultRule(for dataType: HealthDataType) -> MergeRule {
+        switch dataType {
+        case .bloodPressureSystolic, .bloodPressureDiastolic, .bloodOxygen,
+             .heartRate, .restingHeartRate, .heartRateVariability, .respiratoryRate:
+            return MergeRule(dataType: dataType, strategy: .exclusive)
+        case .floorsClimbed:
+            return MergeRule(dataType: dataType, strategy: .exclusive)
+        case .steps, .distance, .activeEnergy:
+            return MergeRule(dataType: dataType, strategy: .coverageThenHigher)
+        case .sleep:
+            return MergeRule(dataType: dataType, strategy: .priority)
+        }
+    }
+}
+
+// MARK: - Sync Record
+struct SyncRecord: Identifiable, Codable {
+    let id: UUID
+    let dataType: HealthDataType
+    let timeWindow: TimeWindow
+    var readings: [SourceReading]
+    var mergedValue: Double?
+    var secondaryMergedValue: Double? // For blood pressure
+    var strategy: MergeStrategy
+    var status: SyncStatus
+    var hasConflict: Bool
+    var conflictId: UUID?
+    let createdAt: Date
+    var processedAt: Date?
+
+    enum SyncStatus: String, Codable {
+        case pending = "pending"
+        case processing = "processing"
+        case completed = "completed"
+        case failed = "failed"
+        case requiresManualReview = "requires_manual"
+    }
+
+    init(
+        id: UUID = UUID(),
+        dataType: HealthDataType,
+        timeWindow: TimeWindow,
+        readings: [SourceReading],
+        mergedValue: Double? = nil,
+        secondaryMergedValue: Double? = nil,
+        strategy: MergeStrategy = .priority,
+        status: SyncStatus = .pending,
+        hasConflict: Bool = false,
+        conflictId: UUID? = nil,
+        createdAt: Date = Date(),
+        processedAt: Date? = nil
+    ) {
+        self.id = id
+        self.dataType = dataType
+        self.timeWindow = timeWindow
+        self.readings = readings
+        self.mergedValue = mergedValue
+        self.secondaryMergedValue = secondaryMergedValue
+        self.strategy = strategy
+        self.status = status
+        self.hasConflict = hasConflict
+        self.conflictId = conflictId
+        self.createdAt = createdAt
+        self.processedAt = processedAt
+    }
+}

HealthBridge/Models/HealthDataTypes.swift

@@ -0,0 +1,269 @@
+import Foundation
+import HealthKit
+
+// MARK: - Health Data Type
+enum HealthDataType: String, CaseIterable, Codable, Identifiable {
+    case steps = "steps"
+    case heartRate = "heart_rate"
+    case bloodPressureSystolic = "blood_pressure_systolic"
+    case bloodPressureDiastolic = "blood_pressure_diastolic"
+    case bloodOxygen = "blood_oxygen"
+    case sleep = "sleep"
+    case distance = "distance"
+    case floorsClimbed = "floors_climbed"
+    case activeEnergy = "active_energy"
+    case restingHeartRate = "resting_heart_rate"
+    case heartRateVariability = "hrv"
+    case respiratoryRate = "respiratory_rate"
+
+    var id: String { rawValue }
+
+    var displayName: String {
+        switch self {
+        case .steps: return "Schritte"
+        case .heartRate: return "Herzfrequenz"
+        case .bloodPressureSystolic: return "Blutdruck (Systolisch)"
+        case .bloodPressureDiastolic: return "Blutdruck (Diastolisch)"
+        case .bloodOxygen: return "Blutsauerstoff (SpO2)"
+        case .sleep: return "Schlaf"
+        case .distance: return "Distanz"
+        case .floorsClimbed: return "Stockwerke"
+        case .activeEnergy: return "Aktive Energie"
+        case .restingHeartRate: return "Ruhepuls"
+        case .heartRateVariability: return "HRV"
+        case .respiratoryRate: return "Atemfrequenz"
+        }
+    }
+
+    var icon: String {
+        switch self {
+        case .steps: return "figure.walk"
+        case .heartRate, .restingHeartRate: return "heart.fill"
+        case .bloodPressureSystolic, .bloodPressureDiastolic: return "drop.fill"
+        case .bloodOxygen: return "lungs.fill"
+        case .sleep: return "bed.double.fill"
+        case .distance: return "map.fill"
+        case .floorsClimbed: return "stairs"
+        case .activeEnergy: return "flame.fill"
+        case .heartRateVariability: return "waveform.path.ecg"
+        case .respiratoryRate: return "wind"
+        }
+    }
+
+    var unit: String {
+        switch self {
+        case .steps: return "Schritte"
+        case .heartRate, .restingHeartRate: return "bpm"
+        case .bloodPressureSystolic, .bloodPressureDiastolic: return "mmHg"
+        case .bloodOxygen: return "%"
+        case .sleep: return "h"
+        case .distance: return "km"
+        case .floorsClimbed: return "Stockwerke"
+        case .activeEnergy: return "kcal"
+        case .heartRateVariability: return "ms"
+        case .respiratoryRate: return "/min"
+        }
+    }
+
+    var hkQuantityType: HKQuantityType? {
+        switch self {
+        case .steps:
+            return HKQuantityType.quantityType(forIdentifier: .stepCount)
+        case .heartRate:
+            return HKQuantityType.quantityType(forIdentifier: .heartRate)
+        case .bloodPressureSystolic:
+            return HKQuantityType.quantityType(forIdentifier: .bloodPressureSystolic)
+        case .bloodPressureDiastolic:
+            return HKQuantityType.quantityType(forIdentifier: .bloodPressureDiastolic)
+        case .bloodOxygen:
+            return HKQuantityType.quantityType(forIdentifier: .oxygenSaturation)
+        case .distance:
+            return HKQuantityType.quantityType(forIdentifier: .distanceWalkingRunning)
+        case .floorsClimbed:
+            return HKQuantityType.quantityType(forIdentifier: .flightsClimbed)
+        case .activeEnergy:
+            return HKQuantityType.quantityType(forIdentifier: .activeEnergyBurned)
+        case .restingHeartRate:
+            return HKQuantityType.quantityType(forIdentifier: .restingHeartRate)
+        case .heartRateVariability:
+            return HKQuantityType.quantityType(forIdentifier: .heartRateVariabilitySDNN)
+        case .respiratoryRate:
+            return HKQuantityType.quantityType(forIdentifier: .respiratoryRate)
+        case .sleep:
+            return nil // Sleep uses category type
+        }
+    }
+
+    var hkCategoryType: HKCategoryType? {
+        switch self {
+        case .sleep:
+            return HKCategoryType.categoryType(forIdentifier: .sleepAnalysis)
+        default:
+            return nil
+        }
+    }
+
+    var hkUnit: HKUnit {
+        switch self {
+        case .steps, .floorsClimbed:
+            return .count()
+        case .heartRate, .restingHeartRate, .respiratoryRate:
+            return HKUnit.count().unitDivided(by: .minute())
+        case .bloodPressureSystolic, .bloodPressureDiastolic:
+            return .millimeterOfMercury()
+        case .bloodOxygen:
+            return .percent()
+        case .sleep:
+            return .hour()
+        case .distance:
+            return .meterUnit(with: .kilo)
+        case .activeEnergy:
+            return .kilocalorie()
+        case .heartRateVariability:
+            return .secondUnit(with: .milli)
+        }
+    }
+
+    /// Default primary source for this data type
+    var defaultPrimarySource: SourceCategory {
+        switch self {
+        case .floorsClimbed:
+            return .iPhone
+        case .steps, .heartRate, .bloodPressureSystolic, .bloodPressureDiastolic,
+             .bloodOxygen, .sleep, .distance, .activeEnergy, .restingHeartRate,
+             .heartRateVariability, .respiratoryRate:
+            return .watch
+        }
+    }
+
+    /// Whether this data type typically has only one source
+    var isExclusive: Bool {
+        switch self {
+        case .bloodPressureSystolic, .bloodPressureDiastolic, .bloodOxygen,
+             .heartRate, .restingHeartRate, .heartRateVariability, .respiratoryRate, .sleep:
+            return true
+        default:
+            return false
+        }
+    }
+}
+
+// MARK: - Source Category
+enum SourceCategory: String, Codable, CaseIterable {
+    case iPhone = "iphone"
+    case watch = "watch"
+    case thirdPartyWatch = "third_party_watch"
+    case thirdPartyApp = "third_party_app"
+    case healthBridge = "health_bridge"
+    case unknown = "unknown"
+
+    var displayName: String {
+        switch self {
+        case .iPhone: return "iPhone"
+        case .watch: return "Apple Watch"
+        case .thirdPartyWatch: return "Drittanbieter-Watch"
+        case .thirdPartyApp: return "Drittanbieter-App"
+        case .healthBridge: return "HealthBridge"
+        case .unknown: return "Unbekannt"
+        }
+    }
+
+    var icon: String {
+        switch self {
+        case .iPhone: return "iphone"
+        case .watch: return "applewatch"
+        case .thirdPartyWatch: return "applewatch.side.right"
+        case .thirdPartyApp: return "app.badge"
+        case .healthBridge: return "arrow.triangle.2.circlepath"
+        case .unknown: return "questionmark.circle"
+        }
+    }
+
+    var priority: Int {
+        switch self {
+        case .healthBridge: return 100
+        case .watch: return 80
+        case .thirdPartyWatch: return 70
+        case .iPhone: return 50
+        case .thirdPartyApp: return 30
+        case .unknown: return 0
+        }
+    }
+}
+
+// MARK: - Data Quality
+enum DataQuality: String, Codable {
+    case complete = "complete"
+    case partial = "partial"
+    case missing = "missing"
+    case invalid = "invalid"
+
+    var icon: String {
+        switch self {
+        case .complete: return "checkmark.circle.fill"
+        case .partial: return "circle.lefthalf.filled"
+        case .missing: return "circle.dashed"
+        case .invalid: return "xmark.circle.fill"
+        }
+    }
+
+    var color: String {
+        switch self {
+        case .complete: return "green"
+        case .partial: return "yellow"
+        case .missing: return "gray"
+        case .invalid: return "red"
+        }
+    }
+}
+
+// MARK: - Time Window
+struct TimeWindow: Codable, Hashable, Identifiable {
+    let start: Date
+    let end: Date
+
+    var id: String { "\(start.timeIntervalSince1970)-\(end.timeIntervalSince1970)" }
+
+    var interval: DateInterval {
+        DateInterval(start: start, end: end)
+    }
+
+    var duration: TimeInterval {
+        end.timeIntervalSince(start)
+    }
+
+    var formattedRange: String {
+        let formatter = DateFormatter()
+        formatter.dateStyle = .none
+        formatter.timeStyle = .short
+        return "\(formatter.string(from: start)) - \(formatter.string(from: end))"
+    }
+
+    var formattedDate: String {
+        let formatter = DateFormatter()
+        formatter.dateStyle = .medium
+        formatter.timeStyle = .none
+        return formatter.string(from: start)
+    }
+
+    static func windows(for date: Date, intervalMinutes: Int = 15) -> [TimeWindow] {
+        let calendar = Calendar.current
+        let startOfDay = calendar.startOfDay(for: date)
+        let endOfDay = calendar.date(byAdding: .day, value: 1, to: startOfDay)!
+
+        var windows: [TimeWindow] = []
+        var current = startOfDay
+
+        while current < endOfDay {
+            let windowEnd = calendar.date(byAdding: .minute, value: intervalMinutes, to: current)!
+            windows.append(TimeWindow(start: current, end: min(windowEnd, endOfDay)))
+            current = windowEnd
+        }
+
+        return windows
+    }
+
+    static func hourlyWindows(for date: Date) -> [TimeWindow] {
+        windows(for: date, intervalMinutes: 60)
+    }
+}

HealthBridge/Models/Source.swift

@@ -0,0 +1,183 @@
+import Foundation
+import HealthKit
+
+// MARK: - Health Source
+struct HealthSource: Identifiable, Codable, Hashable {
+    let id: String
+    let bundleIdentifier: String
+    let name: String
+    let category: SourceCategory
+    var supportedDataTypes: Set<HealthDataType>
+    var lastActivityDate: Date?
+    var userPriorities: [HealthDataType: Int]
+    var isEnabled: Bool
+
+    init(
+        id: String = UUID().uuidString,
+        bundleIdentifier: String,
+        name: String,
+        category: SourceCategory,
+        supportedDataTypes: Set<HealthDataType> = [],
+        lastActivityDate: Date? = nil,
+        userPriorities: [HealthDataType: Int] = [:],
+        isEnabled: Bool = true
+    ) {
+        self.id = id
+        self.bundleIdentifier = bundleIdentifier
+        self.name = name
+        self.category = category
+        self.supportedDataTypes = supportedDataTypes
+        self.lastActivityDate = lastActivityDate
+        self.userPriorities = userPriorities
+        self.isEnabled = isEnabled
+    }
+
+    var displayName: String {
+        if name.isEmpty {
+            return bundleIdentifier.components(separatedBy: ".").last ?? bundleIdentifier
+        }
+        return name
+    }
+
+    var isHealthBridge: Bool {
+        bundleIdentifier == HealthBridgeConstants.bundleIdentifier
+    }
+
+    func priority(for dataType: HealthDataType) -> Int {
+        userPriorities[dataType] ?? category.priority
+    }
+
+    static func from(hkSource: HKSource) -> HealthSource {
+        let category = classifySource(bundleId: hkSource.bundleIdentifier)
+        return HealthSource(
+            id: hkSource.bundleIdentifier,
+            bundleIdentifier: hkSource.bundleIdentifier,
+            name: hkSource.name,
+            category: category
+        )
+    }
+
+    private static func classifySource(bundleId: String) -> SourceCategory {
+        let lowercased = bundleId.lowercased()
+
+        if lowercased.contains("healthbridge") {
+            return .healthBridge
+        } else if lowercased.contains("apple.health") {
+            return .iPhone
+        } else if lowercased.contains("watch") || lowercased.contains("applewatch") {
+            return .watch
+        } else if lowercased.contains("huawei") || lowercased.contains("samsung") ||
+                  lowercased.contains("fitbit") || lowercased.contains("garmin") ||
+                  lowercased.contains("polar") || lowercased.contains("withings") {
+            return .thirdPartyWatch
+        } else {
+            return .thirdPartyApp
+        }
+    }
+}
+
+// MARK: - Source Reading
+struct SourceReading: Identifiable, Codable {
+    let id: UUID
+    let sourceId: String
+    let sourceName: String
+    let sourceCategory: SourceCategory
+    let value: Double
+    let secondaryValue: Double? // For blood pressure (diastolic)
+    let timestamp: Date
+    let originalRecordId: String?
+    let quality: DataQuality
+
+    init(
+        id: UUID = UUID(),
+        sourceId: String,
+        sourceName: String,
+        sourceCategory: SourceCategory,
+        value: Double,
+        secondaryValue: Double? = nil,
+        timestamp: Date,
+        originalRecordId: String? = nil,
+        quality: DataQuality = .complete
+    ) {
+        self.id = id
+        self.sourceId = sourceId
+        self.sourceName = sourceName
+        self.sourceCategory = sourceCategory
+        self.value = value
+        self.secondaryValue = secondaryValue
+        self.timestamp = timestamp
+        self.originalRecordId = originalRecordId
+        self.quality = quality
+    }
+
+    var formattedValue: String {
+        if value == floor(value) {
+            return String(format: "%.0f", value)
+        }
+        return String(format: "%.1f", value)
+    }
+}
+
+// MARK: - Source Health Status
+struct SourceHealthStatus: Identifiable {
+    let id: String
+    let source: HealthSource
+    let lastSync: Date?
+    let recordCount: Int
+    let dataGaps: [TimeWindow]
+    let overallQuality: DataQuality
+
+    var syncStatus: SyncStatus {
+        guard let lastSync = lastSync else {
+            return .neverSynced
+        }
+
+        let hoursSinceSync = Date().timeIntervalSince(lastSync) / 3600
+
+        if hoursSinceSync < 1 {
+            return .recentlySynced
+        } else if hoursSinceSync < 24 {
+            return .syncedToday
+        } else if hoursSinceSync < 72 {
+            return .stale
+        } else {
+            return .veryStale
+        }
+    }
+
+    enum SyncStatus {
+        case recentlySynced
+        case syncedToday
+        case stale
+        case veryStale
+        case neverSynced
+
+        var icon: String {
+            switch self {
+            case .recentlySynced: return "checkmark.circle.fill"
+            case .syncedToday: return "checkmark.circle"
+            case .stale: return "exclamationmark.circle"
+            case .veryStale: return "exclamationmark.triangle"
+            case .neverSynced: return "xmark.circle"
+            }
+        }
+
+        var description: String {
+            switch self {
+            case .recentlySynced: return "Kürzlich synchronisiert"
+            case .syncedToday: return "Heute synchronisiert"
+            case .stale: return "Sync überfällig"
+            case .veryStale: return "Lange nicht synchronisiert"
+            case .neverSynced: return "Nie synchronisiert"
+            }
+        }
+    }
+}
+
+// MARK: - Constants
+enum HealthBridgeConstants {
+    static let bundleIdentifier = "com.healthbridge.merged"
+    static let displayName = "HealthBridge"
+    static let defaultSyncInterval: TimeInterval = 15 * 60 // 15 minutes
+    static let conflictThreshold: TimeInterval = 60 // 1 minute overlap tolerance
+}

HealthBridge/README.md

@@ -0,0 +1,140 @@
+# HealthBridge
+
+Intelligente Health-Daten-Synchronisation für iOS – Eine "Single Source of Truth" für Gesundheitsdaten.
+
+## Übersicht
+
+HealthBridge liest alle Quellen aus Apple Health, erkennt Konflikte zwischen verschiedenen Geräten und Apps, merged intelligent basierend auf konfigurierbaren Regeln und schreibt bereinigte Daten zurück.
+
+## Features
+
+### Source Discovery
+- Automatische Erkennung aller verbundenen Datenquellen
+- Klassifizierung nach Gerätetyp (iPhone, Apple Watch, Drittanbieter-Watch, Apps)
+- Übersicht über Fähigkeiten und unterstützte Datentypen pro Quelle
+
+### Konflikt-Erkennung
+- Automatische Erkennung von Datenkonflikten zwischen Quellen
+- Zeitfenster-basierte Analyse (15-Minuten-Intervalle)
+- Schweregrad-Klassifizierung (minor, moderate, significant, major)
+
+### Merge-Strategien
+- **Exclusive**: Nur eine Quelle möglich (z.B. Blutdruck, SpO2)
+- **Priority**: Fixe Rangfolge basierend auf Benutzereinstellungen
+- **Higher Wins**: Grösserer Wert gewinnt (ideal für Schritte)
+- **Coverage**: Quelle mit Daten für Zeitfenster gewinnt
+- **Coverage Then Higher**: Erst Abdeckung, dann höherer Wert
+- **Average**: Durchschnitt aller Quellen
+- **Manual**: Benutzer entscheidet bei jedem Konflikt
+
+### UI-Komponenten
+- **Dashboard**: Tagesübersicht aller Gesundheitsdaten mit Sync-Status
+- **Konflikte**: Liste offener Konflikte mit One-Tap-Auflösung
+- **Regeln**: Konfiguration der Merge-Strategien pro Datentyp
+- **Quellen**: Übersicht aller erkannten Datenquellen
+
+### Background Sync
+- Automatische Synchronisierung im Hintergrund
+- Konfigurierbares Intervall (15 Min bis 2 Stunden)
+- Push-Benachrichtigungen bei neuen Konflikten
+
+## Unterstützte Datentypen
+
+| Datentyp | Primärquelle | Strategie |
+|----------|--------------|-----------|
+| Schritte | Watch | Coverage + Higher |
+| Herzfrequenz | Watch | Exclusive |
+| Blutdruck | Watch D2 | Exclusive |
+| SpO2 | Watch | Exclusive |
+| Schlaf | Watch | Priority |
+| Distanz | Watch/iPhone | Coverage + Higher |
+| Stockwerke | iPhone | Exclusive |
+| Aktive Energie | Watch | Coverage + Higher |
+
+## Architektur
+
+```
+┌─────────────────────────────────────────────────────────────────┐
+│                        Apple Health                             │
+└─────────────────────────────────────────────────────────────────┘
+                              ▲
+                              │
+┌─────────────────────────────────────────────────────────────────┐
+│                      HealthBridge App                           │
+│                                                                 │
+│  ┌─────────────┐  ┌─────────────┐  ┌─────────────┐            │
+│  │ DataReader  │→ │ MergeEngine │→ │ DataWriter  │            │
+│  └─────────────┘  └─────────────┘  └─────────────┘            │
+│         ▲               ▲                                      │
+│  ┌─────────────┐  ┌─────────────┐                             │
+│  │SourceManager│  │ RuleEngine  │                             │
+│  └─────────────┘  └─────────────┘                             │
+│                                                                │
+│  ┌─────────────────────────────────────────────────────────┐  │
+│  │                   SyncCoordinator                        │  │
+│  └─────────────────────────────────────────────────────────┘  │
+└─────────────────────────────────────────────────────────────────┘
+```
+
+## Projektstruktur
+
+```
+HealthBridge/
+├── App/
+│   └── HealthBridgeApp.swift      # App-Entry, Background Tasks
+├── Models/
+│   ├── HealthDataTypes.swift      # Datentypen, TimeWindow
+│   ├── Source.swift               # HealthSource, SourceReading
+│   └── Conflict.swift             # Conflict, MergeStrategy, MergeRule
+├── Services/
+│   ├── HealthKitManager.swift     # HealthKit-Integration
+│   ├── SourceManager.swift        # Source Discovery & Management
+│   ├── DataReader.swift           # Daten lesen, Konflikte erkennen
+│   ├── RuleEngine.swift           # Merge-Regeln verwalten & anwenden
+│   ├── MergeEngine.swift          # Konflikte analysieren & lösen
+│   ├── DataWriter.swift           # Daten zurückschreiben
+│   └── SyncCoordinator.swift      # Orchestrierung aller Services
+├── Views/
+│   ├── ContentView.swift          # Tab-Navigation
+│   ├── DashboardView.swift        # Hauptübersicht
+│   ├── ConflictsView.swift        # Konflikt-Liste & Detail
+│   ├── RulesView.swift            # Regelwerk-Editor
+│   ├── SourcesView.swift          # Quellen-Übersicht
+│   ├── SettingsView.swift         # Einstellungen
+│   └── Components/
+│       └── HealthChart.swift      # Diagramm-Komponenten
+├── ViewModels/
+│   └── DashboardViewModel.swift   # Dashboard-Logik
+├── Utils/
+│   ├── Extensions.swift           # Swift-Erweiterungen
+│   └── NotificationManager.swift  # Push-Benachrichtigungen
+└── Resources/
+    ├── Info.plist                 # App-Konfiguration
+    └── HealthBridge.entitlements  # HealthKit-Berechtigungen
+```
+
+## Voraussetzungen
+
+- iOS 16.0+
+- Xcode 15.0+
+- Apple Developer Account (für HealthKit-Entitlements)
+- Physisches Gerät (HealthKit nicht im Simulator verfügbar)
+
+## Installation
+
+1. Projekt in Xcode öffnen
+2. Team für Code Signing auswählen
+3. HealthKit-Capability aktivieren
+4. Auf physischem Gerät ausführen
+
+## Berechtigungen
+
+Die App benötigt folgende Berechtigungen:
+- **HealthKit Read**: Lesen aller Gesundheitsdaten
+- **HealthKit Write**: Schreiben gemergter Daten
+- **Background App Refresh**: Für automatische Synchronisierung
+- **Notifications**: Für Konflikt-Benachrichtigungen
+
+## Lizenz
+
+MIT License

HealthBridge/Resources/HealthBridge.entitlements

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+    <key>com.apple.developer.healthkit</key>
+    <true/>
+    <key>com.apple.developer.healthkit.access</key>
+    <array>
+        <string>health-records</string>
+    </array>
+    <key>com.apple.developer.healthkit.background-delivery</key>
+    <true/>
+    <key>aps-environment</key>
+    <string>development</string>
+</dict>
+</plist>

HealthBridge/Resources/Info.plist

@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+    <key>CFBundleDevelopmentRegion</key>
+    <string>$(DEVELOPMENT_LANGUAGE)</string>
+    <key>CFBundleDisplayName</key>
+    <string>HealthBridge</string>
+    <key>CFBundleExecutable</key>
+    <string>$(EXECUTABLE_NAME)</string>
+    <key>CFBundleIdentifier</key>
+    <string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+    <key>CFBundleInfoDictionaryVersion</key>
+    <string>6.0</string>
+    <key>CFBundleName</key>
+    <string>$(PRODUCT_NAME)</string>
+    <key>CFBundlePackageType</key>
+    <string>$(PRODUCT_BUNDLE_PACKAGE_TYPE)</string>
+    <key>CFBundleShortVersionString</key>
+    <string>1.0</string>
+    <key>CFBundleVersion</key>
+    <string>1</string>
+    <key>LSRequiresIPhoneOS</key>
+    <true/>
+    <key>UIApplicationSceneManifest</key>
+    <dict>
+        <key>UIApplicationSupportsMultipleScenes</key>
+        <false/>
+    </dict>
+    <key>UILaunchScreen</key>
+    <dict>
+        <key>UIColorName</key>
+        <string>LaunchScreenBackground</string>
+        <key>UIImageName</key>
+        <string>LaunchIcon</string>
+    </dict>
+    <key>UISupportedInterfaceOrientations</key>
+    <array>
+        <string>UIInterfaceOrientationPortrait</string>
+        <string>UIInterfaceOrientationLandscapeLeft</string>
+        <string>UIInterfaceOrientationLandscapeRight</string>
+    </array>
+    <key>UISupportedInterfaceOrientations~ipad</key>
+    <array>
+        <string>UIInterfaceOrientationPortrait</string>
+        <string>UIInterfaceOrientationPortraitUpsideDown</string>
+        <string>UIInterfaceOrientationLandscapeLeft</string>
+        <string>UIInterfaceOrientationLandscapeRight</string>
+    </array>
+    <key>UIRequiredDeviceCapabilities</key>
+    <array>
+        <string>armv7</string>
+        <string>healthkit</string>
+    </array>
+
+    <!-- HealthKit -->
+    <key>NSHealthShareUsageDescription</key>
+    <string>HealthBridge benötigt Zugriff auf Ihre Gesundheitsdaten, um diese zwischen verschiedenen Quellen zu synchronisieren und Konflikte zu lösen.</string>
+    <key>NSHealthUpdateUsageDescription</key>
+    <string>HealthBridge schreibt bereinigte Gesundheitsdaten zurück in Apple Health, um eine konsistente Datenbasis zu gewährleisten.</string>
+
+    <!-- Background Modes -->
+    <key>UIBackgroundModes</key>
+    <array>
+        <string>fetch</string>
+        <string>processing</string>
+    </array>
+    <key>BGTaskSchedulerPermittedIdentifiers</key>
+    <array>
+        <string>com.healthbridge.sync</string>
+        <string>com.healthbridge.cleanup</string>
+    </array>
+</dict>
+</plist>

HealthBridge/Services/DataReader.swift

@@ -0,0 +1,488 @@
+import Foundation
+import HealthKit
+import Combine
+
+// MARK: - Data Reader
+@MainActor
+class DataReader: ObservableObject {
+    static let shared = DataReader()
+
+    private let healthKitManager = HealthKitManager.shared
+    private let sourceManager = SourceManager.shared
+
+    @Published var isReading = false
+    @Published var lastReadDate: Date?
+    @Published var detectedConflicts: [Conflict] = []
+    @Published var readingProgress: Double = 0
+
+    private init() {}
+
+    // MARK: - Fetch Data by Type and Date Range
+
+    func fetchData(
+        for dataType: HealthDataType,
+        from startDate: Date,
+        to endDate: Date,
+        groupByWindow intervalMinutes: Int = 15
+    ) async throws -> [TimeWindowData] {
+        isReading = true
+        defer { isReading = false }
+
+        let samples = try await healthKitManager.fetchSamples(
+            for: dataType,
+            from: startDate,
+            to: endDate
+        )
+
+        // Group samples by source
+        let groupedBySource = groupBySource(samples: samples, dataType: dataType)
+
+        // Create time windows
+        let windows = generateTimeWindows(from: startDate, to: endDate, intervalMinutes: intervalMinutes)
+
+        // Assign samples to windows
+        var windowDataList: [TimeWindowData] = []
+
+        for window in windows {
+            let windowData = createWindowData(
+                window: window,
+                dataType: dataType,
+                groupedBySource: groupedBySource
+            )
+            windowDataList.append(windowData)
+        }
+
+        lastReadDate = Date()
+        return windowDataList
+    }
+
+    private func groupBySource(samples: [HKSample], dataType: HealthDataType) -> [String: [HKSample]] {
+        var grouped: [String: [HKSample]] = [:]
+
+        for sample in samples {
+            let sourceId = sample.sourceRevision.source.bundleIdentifier
+            if grouped[sourceId] == nil {
+                grouped[sourceId] = []
+            }
+            grouped[sourceId]?.append(sample)
+        }
+
+        return grouped
+    }
+
+    private func generateTimeWindows(from start: Date, to end: Date, intervalMinutes: Int) -> [TimeWindow] {
+        var windows: [TimeWindow] = []
+        var current = start
+
+        while current < end {
+            let windowEnd = min(
+                Calendar.current.date(byAdding: .minute, value: intervalMinutes, to: current)!,
+                end
+            )
+            windows.append(TimeWindow(start: current, end: windowEnd))
+            current = windowEnd
+        }
+
+        return windows
+    }
+
+    private func createWindowData(
+        window: TimeWindow,
+        dataType: HealthDataType,
+        groupedBySource: [String: [HKSample]]
+    ) -> TimeWindowData {
+        var readings: [SourceReading] = []
+
+        for (sourceId, samples) in groupedBySource {
+            let windowSamples = samples.filter { sample in
+                sample.startDate < window.end && sample.endDate > window.start
+            }
+
+            if !windowSamples.isEmpty {
+                let reading = createReading(
+                    from: windowSamples,
+                    sourceId: sourceId,
+                    dataType: dataType,
+                    window: window
+                )
+                readings.append(reading)
+            }
+        }
+
+        let hasConflict = detectConflict(in: readings, dataType: dataType)
+
+        return TimeWindowData(
+            timeWindow: window,
+            dataType: dataType,
+            readings: readings,
+            hasConflict: hasConflict
+        )
+    }
+
+    private func createReading(
+        from samples: [HKSample],
+        sourceId: String,
+        dataType: HealthDataType,
+        window: TimeWindow
+    ) -> SourceReading {
+        let value: Double
+        var secondaryValue: Double? = nil
+
+        switch dataType {
+        case .steps, .floorsClimbed, .activeEnergy, .distance:
+            // Sum up values for cumulative types
+            value = samples.compactMap { sample -> Double? in
+                guard let quantitySample = sample as? HKQuantitySample else { return nil }
+                return quantitySample.quantity.doubleValue(for: dataType.hkUnit)
+            }.reduce(0, +)
+
+        case .heartRate, .restingHeartRate, .respiratoryRate, .heartRateVariability, .bloodOxygen:
+            // Average for rate-based types
+            let values = samples.compactMap { sample -> Double? in
+                guard let quantitySample = sample as? HKQuantitySample else { return nil }
+                return quantitySample.quantity.doubleValue(for: dataType.hkUnit)
+            }
+            value = values.isEmpty ? 0 : values.reduce(0, +) / Double(values.count)
+
+        case .bloodPressureSystolic, .bloodPressureDiastolic:
+            // For blood pressure, we need to handle correlations
+            let values = samples.compactMap { sample -> Double? in
+                guard let quantitySample = sample as? HKQuantitySample else { return nil }
+                return quantitySample.quantity.doubleValue(for: dataType.hkUnit)
+            }
+            value = values.isEmpty ? 0 : values.reduce(0, +) / Double(values.count)
+
+        case .sleep:
+            // Sum up sleep duration
+            value = samples.reduce(0) { acc, sample in
+                acc + sample.endDate.timeIntervalSince(sample.startDate) / 3600
+            }
+        }
+
+        let source = sourceManager.sources.first { $0.bundleIdentifier == sourceId }
+        let category = source?.category ?? sourceManager.classifySource(sourceId)
+
+        return SourceReading(
+            sourceId: sourceId,
+            sourceName: source?.name ?? sourceId,
+            sourceCategory: category,
+            value: value,
+            secondaryValue: secondaryValue,
+            timestamp: window.start,
+            originalRecordId: samples.first?.uuid.uuidString,
+            quality: samples.isEmpty ? .missing : .complete
+        )
+    }
+
+    // MARK: - Conflict Detection
+
+    private func detectConflict(in readings: [SourceReading], dataType: HealthDataType) -> Bool {
+        // No conflict if less than 2 readings
+        guard readings.count >= 2 else { return false }
+
+        // Filter out zero values (device wasn't tracking)
+        let nonZeroReadings = readings.filter { $0.value > 0 }
+        guard nonZeroReadings.count >= 2 else { return false }
+
+        // Check if values differ significantly
+        let values = nonZeroReadings.map { $0.value }
+        guard let minVal = values.min(), let maxVal = values.max() else { return false }
+
+        // Threshold varies by data type
+        let threshold = conflictThreshold(for: dataType)
+
+        if minVal == 0 {
+            return maxVal > threshold.absoluteThreshold
+        }
+
+        let percentDiff = (maxVal - minVal) / minVal * 100
+        return percentDiff > threshold.percentageThreshold
+    }
+
+    private func conflictThreshold(for dataType: HealthDataType) -> ConflictThreshold {
+        switch dataType {
+        case .steps:
+            return ConflictThreshold(percentageThreshold: 10, absoluteThreshold: 100)
+        case .distance:
+            return ConflictThreshold(percentageThreshold: 10, absoluteThreshold: 0.1) // 100m
+        case .heartRate:
+            return ConflictThreshold(percentageThreshold: 15, absoluteThreshold: 10)
+        case .bloodPressureSystolic, .bloodPressureDiastolic:
+            return ConflictThreshold(percentageThreshold: 5, absoluteThreshold: 5)
+        case .bloodOxygen:
+            return ConflictThreshold(percentageThreshold: 2, absoluteThreshold: 2)
+        case .floorsClimbed:
+            return ConflictThreshold(percentageThreshold: 20, absoluteThreshold: 2)
+        case .activeEnergy:
+            return ConflictThreshold(percentageThreshold: 15, absoluteThreshold: 50)
+        case .sleep:
+            return ConflictThreshold(percentageThreshold: 10, absoluteThreshold: 0.5) // 30 min
+        case .restingHeartRate:
+            return ConflictThreshold(percentageThreshold: 10, absoluteThreshold: 5)
+        case .heartRateVariability:
+            return ConflictThreshold(percentageThreshold: 20, absoluteThreshold: 10)
+        case .respiratoryRate:
+            return ConflictThreshold(percentageThreshold: 15, absoluteThreshold: 2)
+        }
+    }
+
+    // MARK: - Detect All Conflicts
+
+    func detectConflicts(
+        for date: Date,
+        dataTypes: [HealthDataType] = HealthDataType.allCases
+    ) async throws -> [Conflict] {
+        let calendar = Calendar.current
+        let startOfDay = calendar.startOfDay(for: date)
+        let endOfDay = calendar.date(byAdding: .day, value: 1, to: startOfDay)!
+
+        var allConflicts: [Conflict] = []
+
+        for (index, dataType) in dataTypes.enumerated() {
+            readingProgress = Double(index) / Double(dataTypes.count)
+
+            do {
+                let windowData = try await fetchData(
+                    for: dataType,
+                    from: startOfDay,
+                    to: endOfDay
+                )
+
+                let conflicts = windowData
+                    .filter { $0.hasConflict }
+                    .map { data in
+                        Conflict(
+                            dataType: dataType,
+                            timeWindow: data.timeWindow,
+                            readings: data.readings,
+                            status: .pending
+                        )
+                    }
+
+                allConflicts.append(contentsOf: conflicts)
+            } catch {
+                print("Failed to detect conflicts for \(dataType): \(error)")
+            }
+        }
+
+        readingProgress = 1.0
+        detectedConflicts = allConflicts
+        return allConflicts
+    }
+
+    // MARK: - Data Gaps Detection
+
+    func detectGaps(
+        for dataType: HealthDataType,
+        from startDate: Date,
+        to endDate: Date,
+        expectedIntervalMinutes: Int = 15
+    ) async throws -> [DataGap] {
+        let samples = try await healthKitManager.fetchSamples(
+            for: dataType,
+            from: startDate,
+            to: endDate
+        )
+
+        guard !samples.isEmpty else {
+            return [DataGap(
+                dataType: dataType,
+                timeWindow: TimeWindow(start: startDate, end: endDate),
+                expectedRecordCount: 0,
+                actualRecordCount: 0
+            )]
+        }
+
+        let sortedSamples = samples.sorted { $0.startDate < $1.startDate }
+        var gaps: [DataGap] = []
+        let expectedInterval = TimeInterval(expectedIntervalMinutes * 60)
+
+        // Check gap at start
+        if let firstSample = sortedSamples.first,
+           firstSample.startDate.timeIntervalSince(startDate) > expectedInterval * 2 {
+            gaps.append(DataGap(
+                dataType: dataType,
+                timeWindow: TimeWindow(start: startDate, end: firstSample.startDate),
+                expectedRecordCount: Int(firstSample.startDate.timeIntervalSince(startDate) / expectedInterval),
+                actualRecordCount: 0
+            ))
+        }
+
+        // Check gaps between samples
+        for i in 0..<(sortedSamples.count - 1) {
+            let current = sortedSamples[i]
+            let next = sortedSamples[i + 1]
+            let gap = next.startDate.timeIntervalSince(current.endDate)
+
+            if gap > expectedInterval * 2 {
+                gaps.append(DataGap(
+                    dataType: dataType,
+                    timeWindow: TimeWindow(start: current.endDate, end: next.startDate),
+                    expectedRecordCount: Int(gap / expectedInterval),
+                    actualRecordCount: 0
+                ))
+            }
+        }
+
+        // Check gap at end
+        if let lastSample = sortedSamples.last,
+           endDate.timeIntervalSince(lastSample.endDate) > expectedInterval * 2 {
+            gaps.append(DataGap(
+                dataType: dataType,
+                timeWindow: TimeWindow(start: lastSample.endDate, end: endDate),
+                expectedRecordCount: Int(endDate.timeIntervalSince(lastSample.endDate) / expectedInterval),
+                actualRecordCount: 0
+            ))
+        }
+
+        return gaps
+    }
+
+    // MARK: - Aggregated Data
+
+    func fetchDailySummary(for date: Date) async throws -> DailySummary {
+        let calendar = Calendar.current
+        let startOfDay = calendar.startOfDay(for: date)
+        let endOfDay = calendar.date(byAdding: .day, value: 1, to: startOfDay)!
+
+        var summary = DailySummary(date: date)
+
+        for dataType in HealthDataType.allCases {
+            do {
+                let samples = try await healthKitManager.fetchSamples(
+                    for: dataType,
+                    from: startOfDay,
+                    to: endOfDay
+                )
+
+                let value = aggregateValue(samples: samples, dataType: dataType)
+                summary.values[dataType] = value
+
+                // Check for conflicts
+                let windowData = try await fetchData(
+                    for: dataType,
+                    from: startOfDay,
+                    to: endOfDay
+                )
+                let conflictCount = windowData.filter { $0.hasConflict }.count
+                summary.conflictCounts[dataType] = conflictCount
+            } catch {
+                print("Failed to fetch \(dataType) for summary: \(error)")
+            }
+        }
+
+        return summary
+    }
+
+    private func aggregateValue(samples: [HKSample], dataType: HealthDataType) -> Double {
+        switch dataType {
+        case .steps, .floorsClimbed, .activeEnergy, .distance:
+            return samples.compactMap { sample -> Double? in
+                guard let quantitySample = sample as? HKQuantitySample else { return nil }
+                return quantitySample.quantity.doubleValue(for: dataType.hkUnit)
+            }.reduce(0, +)
+
+        case .heartRate, .restingHeartRate, .respiratoryRate, .heartRateVariability,
+             .bloodOxygen, .bloodPressureSystolic, .bloodPressureDiastolic:
+            let values = samples.compactMap { sample -> Double? in
+                guard let quantitySample = sample as? HKQuantitySample else { return nil }
+                return quantitySample.quantity.doubleValue(for: dataType.hkUnit)
+            }
+            return values.isEmpty ? 0 : values.reduce(0, +) / Double(values.count)
+
+        case .sleep:
+            return samples.reduce(0) { acc, sample in
+                acc + sample.endDate.timeIntervalSince(sample.startDate) / 3600
+            }
+        }
+    }
+}
+
+// MARK: - Supporting Types
+
+struct TimeWindowData: Identifiable {
+    let id = UUID()
+    let timeWindow: TimeWindow
+    let dataType: HealthDataType
+    let readings: [SourceReading]
+    let hasConflict: Bool
+
+    var primaryReading: SourceReading? {
+        readings.max { $0.sourceCategory.priority < $1.sourceCategory.priority }
+    }
+
+    var conflictSeverity: ConflictSeverity? {
+        guard hasConflict, readings.count >= 2 else { return nil }
+
+        let values = readings.map { $0.value }.filter { $0 > 0 }
+        guard let min = values.min(), let max = values.max(), min > 0 else { return nil }
+
+        let percentDiff = (max - min) / min * 100
+
+        if percentDiff < 5 { return .minor }
+        if percentDiff < 20 { return .moderate }
+        if percentDiff < 50 { return .significant }
+        return .major
+    }
+}
+
+struct ConflictThreshold {
+    let percentageThreshold: Double
+    let absoluteThreshold: Double
+}
+
+struct DataGap: Identifiable {
+    let id = UUID()
+    let dataType: HealthDataType
+    let timeWindow: TimeWindow
+    let expectedRecordCount: Int
+    let actualRecordCount: Int
+
+    var severity: GapSeverity {
+        let duration = timeWindow.duration
+        if duration < 3600 { return .minor } // < 1 hour
+        if duration < 4 * 3600 { return .moderate } // < 4 hours
+        if duration < 12 * 3600 { return .significant } // < 12 hours
+        return .major
+    }
+
+    enum GapSeverity {
+        case minor, moderate, significant, major
+    }
+}
+
+struct DailySummary {
+    let date: Date
+    var values: [HealthDataType: Double] = [:]
+    var conflictCounts: [HealthDataType: Int] = [:]
+    var lastUpdated = Date()
+
+    var totalConflicts: Int {
+        conflictCounts.values.reduce(0, +)
+    }
+
+    func formattedValue(for dataType: HealthDataType) -> String {
+        guard let value = values[dataType] else { return "–" }
+
+        switch dataType {
+        case .steps, .floorsClimbed:
+            return String(format: "%.0f", value)
+        case .distance:
+            return String(format: "%.2f km", value)
+        case .heartRate, .restingHeartRate, .respiratoryRate:
+            return String(format: "%.0f %@", value, dataType.unit)
+        case .bloodPressureSystolic, .bloodPressureDiastolic:
+            return String(format: "%.0f mmHg", value)
+        case .bloodOxygen:
+            return String(format: "%.0f%%", value * 100)
+        case .activeEnergy:
+            return String(format: "%.0f kcal", value)
+        case .sleep:
+            let hours = Int(value)
+            let minutes = Int((value - Double(hours)) * 60)
+            return "\(hours)h \(minutes)min"
+        case .heartRateVariability:
+            return String(format: "%.0f ms", value)
+        }
+    }
+}

HealthBridge/Services/DataWriter.swift

@@ -0,0 +1,395 @@
+import Foundation
+import HealthKit
+import Combine
+
+// MARK: - Data Writer
+@MainActor
+class DataWriter: ObservableObject {
+    static let shared = DataWriter()
+
+    private let healthKitManager = HealthKitManager.shared
+    private let healthStore = HKHealthStore()
+
+    @Published var isWriting = false
+    @Published var writeProgress: Double = 0
+    @Published var lastWriteDate: Date?
+    @Published var writtenRecords: [WrittenRecord] = []
+    @Published var failedWrites: [FailedWrite] = []
+
+    private let processedRecordsKey = "healthbridge.processed.records"
+
+    private init() {
+        loadProcessedRecords()
+    }
+
+    // MARK: - Write Single Record
+
+    func writeRecord(_ mergedRecord: MergedRecord) async throws -> WrittenRecord {
+        isWriting = true
+        defer { isWriting = false }
+
+        // Check if already written
+        if isAlreadyWritten(mergedRecord) {
+            throw DataWriterError.duplicateRecord
+        }
+
+        let metadata = createMetadata(from: mergedRecord)
+
+        switch mergedRecord.dataType {
+        case .bloodPressureSystolic, .bloodPressureDiastolic:
+            // Blood pressure needs special handling
+            guard let diastolic = mergedRecord.secondaryValue else {
+                throw DataWriterError.missingSecondaryValue
+            }
+            try await writeBloodPressure(
+                systolic: mergedRecord.value,
+                diastolic: diastolic,
+                date: mergedRecord.timeWindow.start,
+                metadata: metadata
+            )
+
+        default:
+            try await writeSample(
+                dataType: mergedRecord.dataType,
+                value: mergedRecord.value,
+                date: mergedRecord.timeWindow.start,
+                metadata: metadata
+            )
+        }
+
+        let writtenRecord = WrittenRecord(
+            id: UUID(),
+            mergedRecordId: mergedRecord.id,
+            dataType: mergedRecord.dataType,
+            value: mergedRecord.value,
+            secondaryValue: mergedRecord.secondaryValue,
+            writtenAt: Date(),
+            timeWindow: mergedRecord.timeWindow
+        )
+
+        writtenRecords.append(writtenRecord)
+        markAsProcessed(mergedRecord)
+        lastWriteDate = Date()
+
+        return writtenRecord
+    }
+
+    // MARK: - Write Batch
+
+    func writeBatch(_ mergedRecords: [MergedRecord]) async -> BatchWriteResult {
+        isWriting = true
+        defer { isWriting = false }
+
+        var successful: [WrittenRecord] = []
+        var failed: [FailedWrite] = []
+
+        for (index, record) in mergedRecords.enumerated() {
+            writeProgress = Double(index) / Double(mergedRecords.count)
+
+            do {
+                let writtenRecord = try await writeRecord(record)
+                successful.append(writtenRecord)
+            } catch {
+                let failedWrite = FailedWrite(
+                    mergedRecord: record,
+                    error: error,
+                    attemptedAt: Date()
+                )
+                failed.append(failedWrite)
+                failedWrites.append(failedWrite)
+            }
+        }
+
+        writeProgress = 1.0
+
+        return BatchWriteResult(
+            successful: successful,
+            failed: failed,
+            completedAt: Date()
+        )
+    }
+
+    // MARK: - Private Write Methods
+
+    private func writeSample(
+        dataType: HealthDataType,
+        value: Double,
+        date: Date,
+        metadata: [String: Any]
+    ) async throws {
+        guard let quantityType = dataType.hkQuantityType else {
+            throw DataWriterError.unsupportedDataType
+        }
+
+        let quantity = HKQuantity(unit: dataType.hkUnit, doubleValue: value)
+        let sample = HKQuantitySample(
+            type: quantityType,
+            quantity: quantity,
+            start: date,
+            end: date,
+            metadata: metadata
+        )
+
+        try await healthStore.save(sample)
+    }
+
+    private func writeBloodPressure(
+        systolic: Double,
+        diastolic: Double,
+        date: Date,
+        metadata: [String: Any]
+    ) async throws {
+        // Validate blood pressure values
+        let validation = BloodPressureHandler.shared.validate(
+            systolic: systolic,
+            diastolic: diastolic
+        )
+
+        if !validation.isValid {
+            throw DataWriterError.invalidValue(validation.issues.joined(separator: ", "))
+        }
+
+        guard let systolicType = HKQuantityType.quantityType(forIdentifier: .bloodPressureSystolic),
+              let diastolicType = HKQuantityType.quantityType(forIdentifier: .bloodPressureDiastolic),
+              let correlationType = HKCorrelationType.correlationType(forIdentifier: .bloodPressure) else {
+            throw DataWriterError.unsupportedDataType
+        }
+
+        let systolicQuantity = HKQuantity(unit: .millimeterOfMercury(), doubleValue: systolic)
+        let diastolicQuantity = HKQuantity(unit: .millimeterOfMercury(), doubleValue: diastolic)
+
+        let systolicSample = HKQuantitySample(
+            type: systolicType,
+            quantity: systolicQuantity,
+            start: date,
+            end: date,
+            metadata: metadata
+        )
+
+        let diastolicSample = HKQuantitySample(
+            type: diastolicType,
+            quantity: diastolicQuantity,
+            start: date,
+            end: date,
+            metadata: metadata
+        )
+
+        let correlation = HKCorrelation(
+            type: correlationType,
+            start: date,
+            end: date,
+            objects: [systolicSample, diastolicSample],
+            metadata: metadata
+        )
+
+        try await healthStore.save(correlation)
+    }
+
+    // MARK: - Metadata
+
+    private func createMetadata(from record: MergedRecord) -> [String: Any] {
+        var metadata: [String: Any] = [
+            HKMetadataKeyWasUserEntered: false,
+            "HealthBridgeSource": HealthBridgeConstants.bundleIdentifier,
+            "OriginalSourceId": record.originalSourceId,
+            "MergeStrategy": record.strategy.rawValue,
+            "MergedRecordId": record.id.uuidString,
+            "MergedAt": ISO8601DateFormatter().string(from: record.createdAt)
+        ]
+
+        for (key, value) in record.metadata {
+            metadata["HB_\(key)"] = value
+        }
+
+        return metadata
+    }
+
+    // MARK: - Duplicate Prevention
+
+    private var processedRecordIds: Set<String> = []
+
+    private func loadProcessedRecords() {
+        if let data = UserDefaults.standard.data(forKey: processedRecordsKey),
+           let ids = try? JSONDecoder().decode(Set<String>.self, from: data) {
+            processedRecordIds = ids
+        }
+    }
+
+    private func saveProcessedRecords() {
+        if let data = try? JSONEncoder().encode(processedRecordIds) {
+            UserDefaults.standard.set(data, forKey: processedRecordsKey)
+        }
+    }
+
+    private func isAlreadyWritten(_ record: MergedRecord) -> Bool {
+        let identifier = createRecordIdentifier(record)
+        return processedRecordIds.contains(identifier)
+    }
+
+    private func markAsProcessed(_ record: MergedRecord) {
+        let identifier = createRecordIdentifier(record)
+        processedRecordIds.insert(identifier)
+        saveProcessedRecords()
+
+        // Cleanup old records (keep last 7 days)
+        cleanupOldRecords()
+    }
+
+    private func createRecordIdentifier(_ record: MergedRecord) -> String {
+        let components = [
+            record.dataType.rawValue,
+            String(record.timeWindow.start.timeIntervalSince1970),
+            String(record.value)
+        ]
+        return components.joined(separator: "-")
+    }
+
+    private func cleanupOldRecords() {
+        // Keep only identifiers that contain recent timestamps
+        let sevenDaysAgo = Date().addingTimeInterval(-7 * 24 * 60 * 60)
+        let cutoffTimestamp = sevenDaysAgo.timeIntervalSince1970
+
+        processedRecordIds = processedRecordIds.filter { identifier in
+            guard let parts = identifier.split(separator: "-").dropFirst().first,
+                  let timestamp = Double(parts) else {
+                return false
+            }
+            return timestamp > cutoffTimestamp
+        }
+
+        saveProcessedRecords()
+    }
+
+    // MARK: - Delete Records
+
+    func deleteHealthBridgeRecords(
+        for dataType: HealthDataType,
+        from startDate: Date,
+        to endDate: Date
+    ) async throws -> Int {
+        guard let sampleType = dataType.hkQuantityType else {
+            throw DataWriterError.unsupportedDataType
+        }
+
+        let predicate = HKQuery.predicateForSamples(
+            withStart: startDate,
+            end: endDate,
+            options: .strictStartDate
+        )
+
+        return try await withCheckedThrowingContinuation { continuation in
+            let query = HKSampleQuery(
+                sampleType: sampleType,
+                predicate: predicate,
+                limit: HKObjectQueryNoLimit,
+                sortDescriptors: nil
+            ) { [weak self] _, samplesOrNil, errorOrNil in
+                guard let self = self else {
+                    continuation.resume(throwing: DataWriterError.unknownError)
+                    return
+                }
+
+                if let error = errorOrNil {
+                    continuation.resume(throwing: error)
+                    return
+                }
+
+                guard let samples = samplesOrNil else {
+                    continuation.resume(returning: 0)
+                    return
+                }
+
+                // Filter to only HealthBridge records
+                let healthBridgeSamples = samples.filter { sample in
+                    if let metadata = sample.metadata,
+                       let source = metadata["HealthBridgeSource"] as? String {
+                        return source == HealthBridgeConstants.bundleIdentifier
+                    }
+                    return false
+                }
+
+                guard !healthBridgeSamples.isEmpty else {
+                    continuation.resume(returning: 0)
+                    return
+                }
+
+                Task {
+                    do {
+                        try await self.healthStore.delete(healthBridgeSamples)
+                        continuation.resume(returning: healthBridgeSamples.count)
+                    } catch {
+                        continuation.resume(throwing: error)
+                    }
+                }
+            }
+
+            healthStore.execute(query)
+        }
+    }
+}
+
+// MARK: - Supporting Types
+
+struct WrittenRecord: Identifiable, Codable {
+    let id: UUID
+    let mergedRecordId: UUID
+    let dataType: HealthDataType
+    let value: Double
+    let secondaryValue: Double?
+    let writtenAt: Date
+    let timeWindow: TimeWindow
+}
+
+struct FailedWrite: Identifiable {
+    let id = UUID()
+    let mergedRecord: MergedRecord
+    let error: Error
+    let attemptedAt: Date
+
+    var errorMessage: String {
+        error.localizedDescription
+    }
+}
+
+struct BatchWriteResult {
+    let successful: [WrittenRecord]
+    let failed: [FailedWrite]
+    let completedAt: Date
+
+    var successCount: Int { successful.count }
+    var failureCount: Int { failed.count }
+    var totalCount: Int { successCount + failureCount }
+
+    var successRate: Double {
+        guard totalCount > 0 else { return 1.0 }
+        return Double(successCount) / Double(totalCount)
+    }
+}
+
+// MARK: - Errors
+
+enum DataWriterError: LocalizedError {
+    case unsupportedDataType
+    case duplicateRecord
+    case missingSecondaryValue
+    case invalidValue(String)
+    case writeFailed(String)
+    case unknownError
+
+    var errorDescription: String? {
+        switch self {
+        case .unsupportedDataType:
+            return "Dieser Datentyp wird nicht unterstützt"
+        case .duplicateRecord:
+            return "Dieser Datensatz wurde bereits geschrieben"
+        case .missingSecondaryValue:
+            return "Fehlender sekundärer Wert (z.B. diastolischer Blutdruck)"
+        case .invalidValue(let message):
+            return "Ungültiger Wert: \(message)"
+        case .writeFailed(let message):
+            return "Schreiben fehlgeschlagen: \(message)"
+        case .unknownError:
+            return "Unbekannter Fehler"
+        }
+    }
+}

HealthBridge/Services/HealthKitManager.swift

@@ -0,0 +1,391 @@
+import Foundation
+import HealthKit
+import Combine
+
+// MARK: - HealthKit Manager
+@MainActor
+class HealthKitManager: ObservableObject {
+    static let shared = HealthKitManager()
+
+    private let healthStore = HKHealthStore()
+
+    @Published var isAuthorized = false
+    @Published var authorizationStatus: [HealthDataType: HKAuthorizationStatus] = [:]
+    @Published var discoveredSources: [HealthSource] = []
+    @Published var sourceHealthStatus: [String: SourceHealthStatus] = [:]
+    @Published var lastError: Error?
+
+    private init() {}
+
+    // MARK: - Authorization
+
+    var allQuantityTypes: Set<HKQuantityType> {
+        var types = Set<HKQuantityType>()
+        for dataType in HealthDataType.allCases {
+            if let quantityType = dataType.hkQuantityType {
+                types.insert(quantityType)
+            }
+        }
+        return types
+    }
+
+    var allCategoryTypes: Set<HKCategoryType> {
+        var types = Set<HKCategoryType>()
+        for dataType in HealthDataType.allCases {
+            if let categoryType = dataType.hkCategoryType {
+                types.insert(categoryType)
+            }
+        }
+        return types
+    }
+
+    var allSampleTypes: Set<HKSampleType> {
+        var types = Set<HKSampleType>()
+        allQuantityTypes.forEach { types.insert($0) }
+        allCategoryTypes.forEach { types.insert($0) }
+        return types
+    }
+
+    func requestAuthorization() async throws {
+        guard HKHealthStore.isHealthDataAvailable() else {
+            throw HealthKitError.healthDataNotAvailable
+        }
+
+        let typesToRead = allSampleTypes
+        let typesToWrite = allQuantityTypes
+
+        try await healthStore.requestAuthorization(toShare: typesToWrite, read: typesToRead)
+        isAuthorized = true
+
+        await updateAuthorizationStatus()
+        await discoverSources()
+    }
+
+    func updateAuthorizationStatus() async {
+        for dataType in HealthDataType.allCases {
+            if let quantityType = dataType.hkQuantityType {
+                let status = healthStore.authorizationStatus(for: quantityType)
+                authorizationStatus[dataType] = status
+            } else if let categoryType = dataType.hkCategoryType {
+                let status = healthStore.authorizationStatus(for: categoryType)
+                authorizationStatus[dataType] = status
+            }
+        }
+    }
+
+    // MARK: - Source Discovery
+
+    func discoverSources() async {
+        var allSources: [String: HealthSource] = [:]
+
+        for dataType in HealthDataType.allCases {
+            guard let sampleType = dataType.hkQuantityType ?? dataType.hkCategoryType else {
+                continue
+            }
+
+            do {
+                let sources = try await fetchSources(for: sampleType)
+                for source in sources {
+                    if var existingSource = allSources[source.bundleIdentifier] {
+                        existingSource.supportedDataTypes.insert(dataType)
+                        allSources[source.bundleIdentifier] = existingSource
+                    } else {
+                        var newSource = source
+                        newSource.supportedDataTypes.insert(dataType)
+                        allSources[source.bundleIdentifier] = newSource
+                    }
+                }
+            } catch {
+                print("Failed to fetch sources for \(dataType): \(error)")
+            }
+        }
+
+        discoveredSources = Array(allSources.values).sorted { $0.category.priority > $1.category.priority }
+
+        // Update source health status
+        for source in discoveredSources {
+            await updateSourceHealth(source)
+        }
+    }
+
+    private func fetchSources(for sampleType: HKSampleType) async throws -> [HealthSource] {
+        let query = HKSourceQuery(sampleType: sampleType, samplePredicate: nil) { _, sourcesOrNil, errorOrNil in
+            // Handled via continuation
+        }
+
+        return try await withCheckedThrowingContinuation { continuation in
+            let query = HKSourceQuery(sampleType: sampleType, samplePredicate: nil) { _, sourcesOrNil, errorOrNil in
+                if let error = errorOrNil {
+                    continuation.resume(throwing: error)
+                    return
+                }
+
+                guard let sources = sourcesOrNil else {
+                    continuation.resume(returning: [])
+                    return
+                }
+
+                let healthSources = sources.map { HealthSource.from(hkSource: $0) }
+                continuation.resume(returning: healthSources)
+            }
+
+            healthStore.execute(query)
+        }
+    }
+
+    private func updateSourceHealth(_ source: HealthSource) async {
+        var recordCount = 0
+        var lastActivity: Date?
+
+        for dataType in source.supportedDataTypes {
+            if let quantityType = dataType.hkQuantityType {
+                let predicate = HKQuery.predicateForObjects(from: HKSource(bundleIdentifier: source.bundleIdentifier, name: source.name) )
+                // Simplified: just get count
+                if let count = try? await fetchRecordCount(for: quantityType, source: source) {
+                    recordCount += count
+                }
+                if let date = try? await fetchLastActivityDate(for: quantityType, source: source) {
+                    if lastActivity == nil || date > lastActivity! {
+                        lastActivity = date
+                    }
+                }
+            }
+        }
+
+        let status = SourceHealthStatus(
+            id: source.id,
+            source: source,
+            lastSync: lastActivity,
+            recordCount: recordCount,
+            dataGaps: [], // TODO: Implement gap detection
+            overallQuality: recordCount > 0 ? .complete : .missing
+        )
+
+        sourceHealthStatus[source.id] = status
+    }
+
+    private func fetchRecordCount(for sampleType: HKSampleType, source: HealthSource) async throws -> Int {
+        let calendar = Calendar.current
+        let now = Date()
+        let startOfDay = calendar.startOfDay(for: now)
+
+        let predicate = HKQuery.predicateForSamples(withStart: startOfDay, end: now, options: .strictStartDate)
+
+        return try await withCheckedThrowingContinuation { continuation in
+            let query = HKSampleQuery(
+                sampleType: sampleType,
+                predicate: predicate,
+                limit: HKObjectQueryNoLimit,
+                sortDescriptors: nil
+            ) { _, samplesOrNil, errorOrNil in
+                if let error = errorOrNil {
+                    continuation.resume(throwing: error)
+                    return
+                }
+
+                let samples = samplesOrNil ?? []
+                let matchingSamples = samples.filter { $0.sourceRevision.source.bundleIdentifier == source.bundleIdentifier }
+                continuation.resume(returning: matchingSamples.count)
+            }
+
+            self.healthStore.execute(query)
+        }
+    }
+
+    private func fetchLastActivityDate(for sampleType: HKSampleType, source: HealthSource) async throws -> Date? {
+        let sortDescriptor = NSSortDescriptor(key: HKSampleSortIdentifierEndDate, ascending: false)
+
+        return try await withCheckedThrowingContinuation { continuation in
+            let query = HKSampleQuery(
+                sampleType: sampleType,
+                predicate: nil,
+                limit: 1,
+                sortDescriptors: [sortDescriptor]
+            ) { _, samplesOrNil, errorOrNil in
+                if let error = errorOrNil {
+                    continuation.resume(throwing: error)
+                    return
+                }
+
+                let matchingSample = samplesOrNil?.first { $0.sourceRevision.source.bundleIdentifier == source.bundleIdentifier }
+                continuation.resume(returning: matchingSample?.endDate)
+            }
+
+            self.healthStore.execute(query)
+        }
+    }
+
+    // MARK: - Source Classification
+
+    func classifySource(_ source: HKSource) -> SourceCategory {
+        let bundleId = source.bundleIdentifier.lowercased()
+
+        if bundleId.contains("healthbridge") {
+            return .healthBridge
+        } else if bundleId.contains("apple.health") && !bundleId.contains("watch") {
+            return .iPhone
+        } else if bundleId.contains("apple") && bundleId.contains("watch") {
+            return .watch
+        } else if bundleId.contains("huawei") {
+            return .thirdPartyWatch
+        } else if bundleId.contains("samsung") || bundleId.contains("galaxy") {
+            return .thirdPartyWatch
+        } else if bundleId.contains("fitbit") {
+            return .thirdPartyWatch
+        } else if bundleId.contains("garmin") {
+            return .thirdPartyWatch
+        } else if bundleId.contains("polar") {
+            return .thirdPartyWatch
+        } else if bundleId.contains("withings") {
+            return .thirdPartyWatch
+        } else {
+            return .thirdPartyApp
+        }
+    }
+
+    func getSourceCapabilities(_ source: HealthSource) -> Set<HealthDataType> {
+        return source.supportedDataTypes
+    }
+
+    // MARK: - Data Fetching (Basic)
+
+    func fetchSamples(
+        for dataType: HealthDataType,
+        from startDate: Date,
+        to endDate: Date
+    ) async throws -> [HKSample] {
+        guard let sampleType = dataType.hkQuantityType ?? dataType.hkCategoryType else {
+            throw HealthKitError.unsupportedDataType
+        }
+
+        let predicate = HKQuery.predicateForSamples(
+            withStart: startDate,
+            end: endDate,
+            options: .strictStartDate
+        )
+
+        return try await withCheckedThrowingContinuation { continuation in
+            let query = HKSampleQuery(
+                sampleType: sampleType,
+                predicate: predicate,
+                limit: HKObjectQueryNoLimit,
+                sortDescriptors: [NSSortDescriptor(key: HKSampleSortIdentifierStartDate, ascending: true)]
+            ) { _, samplesOrNil, errorOrNil in
+                if let error = errorOrNil {
+                    continuation.resume(throwing: error)
+                    return
+                }
+                continuation.resume(returning: samplesOrNil ?? [])
+            }
+
+            self.healthStore.execute(query)
+        }
+    }
+
+    // MARK: - Data Writing
+
+    func writeSample(
+        dataType: HealthDataType,
+        value: Double,
+        secondaryValue: Double? = nil,
+        date: Date,
+        metadata: [String: Any]? = nil
+    ) async throws {
+        guard let quantityType = dataType.hkQuantityType else {
+            throw HealthKitError.unsupportedDataType
+        }
+
+        let quantity = HKQuantity(unit: dataType.hkUnit, doubleValue: value)
+        let sample = HKQuantitySample(
+            type: quantityType,
+            quantity: quantity,
+            start: date,
+            end: date,
+            metadata: metadata
+        )
+
+        try await healthStore.save(sample)
+    }
+
+    func writeBloodPressure(
+        systolic: Double,
+        diastolic: Double,
+        date: Date,
+        metadata: [String: Any]? = nil
+    ) async throws {
+        guard let systolicType = HKQuantityType.quantityType(forIdentifier: .bloodPressureSystolic),
+              let diastolicType = HKQuantityType.quantityType(forIdentifier: .bloodPressureDiastolic) else {
+            throw HealthKitError.unsupportedDataType
+        }
+
+        let systolicQuantity = HKQuantity(unit: .millimeterOfMercury(), doubleValue: systolic)
+        let diastolicQuantity = HKQuantity(unit: .millimeterOfMercury(), doubleValue: diastolic)
+
+        let systolicSample = HKQuantitySample(
+            type: systolicType,
+            quantity: systolicQuantity,
+            start: date,
+            end: date,
+            metadata: metadata
+        )
+
+        let diastolicSample = HKQuantitySample(
+            type: diastolicType,
+            quantity: diastolicQuantity,
+            start: date,
+            end: date,
+            metadata: metadata
+        )
+
+        // Create correlation for blood pressure
+        guard let correlationType = HKCorrelationType.correlationType(forIdentifier: .bloodPressure) else {
+            throw HealthKitError.unsupportedDataType
+        }
+
+        let correlation = HKCorrelation(
+            type: correlationType,
+            start: date,
+            end: date,
+            objects: [systolicSample, diastolicSample],
+            metadata: metadata
+        )
+
+        try await healthStore.save(correlation)
+    }
+}
+
+// MARK: - HealthKit Errors
+enum HealthKitError: LocalizedError {
+    case healthDataNotAvailable
+    case authorizationDenied
+    case unsupportedDataType
+    case noDataFound
+    case writeFailed(Error)
+    case queryFailed(Error)
+
+    var errorDescription: String? {
+        switch self {
+        case .healthDataNotAvailable:
+            return "Health-Daten sind auf diesem Gerät nicht verfügbar"
+        case .authorizationDenied:
+            return "Zugriff auf Health-Daten wurde verweigert"
+        case .unsupportedDataType:
+            return "Dieser Datentyp wird nicht unterstützt"
+        case .noDataFound:
+            return "Keine Daten gefunden"
+        case .writeFailed(let error):
+            return "Schreiben fehlgeschlagen: \(error.localizedDescription)"
+        case .queryFailed(let error):
+            return "Abfrage fehlgeschlagen: \(error.localizedDescription)"
+        }
+    }
+}
+
+// MARK: - HKSource Extension
+extension HKSource {
+    convenience init(bundleIdentifier: String, name: String) {
+        // Note: This is a workaround since HKSource doesn't have a public initializer
+        // In production, sources come from HealthKit queries
+        fatalError("HKSource cannot be initialized directly - use source from HKSample")
+    }
+}

HealthBridge/Services/MergeEngine.swift

@@ -0,0 +1,287 @@
+import Foundation
+import Combine
+
+// MARK: - Merge Engine
+@MainActor
+class MergeEngine: ObservableObject {
+    static let shared = MergeEngine()
+
+    private let ruleEngine = RuleEngine.shared
+    private let dataReader = DataReader.shared
+
+    @Published var pendingMerges: [MergeOperation] = []
+    @Published var completedMerges: [MergeOperation] = []
+    @Published var isMerging = false
+    @Published var mergeProgress: Double = 0
+
+    private init() {}
+
+    // MARK: - Analyze Window
+
+    func analyze(windowData: TimeWindowData) -> WindowAnalysis {
+        let readings = windowData.readings
+        let dataType = windowData.dataType
+
+        // No analysis needed for single reading
+        if readings.count <= 1 {
+            return WindowAnalysis(
+                windowData: windowData,
+                hasConflict: false,
+                conflictSeverity: nil,
+                recommendedReading: readings.first,
+                alternativeReadings: [],
+                confidence: .high,
+                analysisNotes: readings.isEmpty ? "Keine Daten" : "Einzelne Quelle"
+            )
+        }
+
+        // Apply rule to get recommendation
+        let result = ruleEngine.applyRule(to: readings, dataType: dataType)
+
+        // Calculate conflict severity
+        let values = readings.map { $0.value }.filter { $0 > 0 }
+        var severity: ConflictSeverity? = nil
+
+        if values.count >= 2, let min = values.min(), let max = values.max(), min > 0 {
+            let percentDiff = (max - min) / min * 100
+            if percentDiff >= 5 {
+                if percentDiff < 10 { severity = .minor }
+                else if percentDiff < 25 { severity = .moderate }
+                else if percentDiff < 50 { severity = .significant }
+                else { severity = .major }
+            }
+        }
+
+        let alternativeReadings = readings.filter { $0.id != result.selectedReading?.id }
+
+        return WindowAnalysis(
+            windowData: windowData,
+            hasConflict: windowData.hasConflict,
+            conflictSeverity: severity,
+            recommendedReading: result.selectedReading,
+            alternativeReadings: alternativeReadings,
+            confidence: result.confidence,
+            analysisNotes: result.reason
+        )
+    }
+
+    // MARK: - Resolve Conflict
+
+    func resolveConflict(_ conflict: Conflict, using result: RuleApplicationResult) -> ConflictResolution? {
+        guard let selectedReading = result.selectedReading else {
+            return nil
+        }
+
+        return ConflictResolution(
+            resolvedValue: selectedReading.value,
+            secondaryResolvedValue: selectedReading.secondaryValue,
+            winningSourceId: selectedReading.sourceId,
+            strategy: result.strategy,
+            isManual: result.strategy == .manual
+        )
+    }
+
+    func resolveConflictManually(
+        _ conflict: Conflict,
+        selectedReadingId: UUID
+    ) -> ConflictResolution? {
+        guard let selectedReading = conflict.readings.first(where: { $0.id == selectedReadingId }) else {
+            return nil
+        }
+
+        return ConflictResolution(
+            resolvedValue: selectedReading.value,
+            secondaryResolvedValue: selectedReading.secondaryValue,
+            winningSourceId: selectedReading.sourceId,
+            strategy: .manual,
+            isManual: true
+        )
+    }
+
+    // MARK: - Create Merged Record
+
+    func createMergedRecord(from conflict: Conflict, resolution: ConflictResolution) -> MergedRecord {
+        return MergedRecord(
+            id: UUID(),
+            dataType: conflict.dataType,
+            timeWindow: conflict.timeWindow,
+            value: resolution.resolvedValue,
+            secondaryValue: resolution.secondaryResolvedValue,
+            originalSourceId: resolution.winningSourceId,
+            strategy: resolution.strategy,
+            createdAt: Date(),
+            metadata: [
+                "conflictId": conflict.id.uuidString,
+                "originalSourceCount": String(conflict.readings.count),
+                "isManualResolution": String(resolution.isManual)
+            ]
+        )
+    }
+
+    // MARK: - Batch Processing
+
+    func processConflicts(_ conflicts: [Conflict]) async -> [MergeOperation] {
+        isMerging = true
+        defer { isMerging = false }
+
+        var operations: [MergeOperation] = []
+
+        for (index, conflict) in conflicts.enumerated() {
+            mergeProgress = Double(index) / Double(conflicts.count)
+
+            let result = ruleEngine.applyRule(to: conflict.readings, dataType: conflict.dataType)
+
+            if result.confidence == .requiresManual ||
+               ruleEngine.shouldRequestManualReview(readings: conflict.readings, dataType: conflict.dataType) {
+                // Add to pending for manual review
+                let operation = MergeOperation(
+                    conflict: conflict,
+                    status: .pendingManualReview,
+                    result: result
+                )
+                pendingMerges.append(operation)
+                operations.append(operation)
+            } else if let resolution = resolveConflict(conflict, using: result) {
+                // Auto-resolve
+                let mergedRecord = createMergedRecord(from: conflict, resolution: resolution)
+                let operation = MergeOperation(
+                    conflict: conflict,
+                    status: .resolved,
+                    result: result,
+                    resolution: resolution,
+                    mergedRecord: mergedRecord
+                )
+                completedMerges.append(operation)
+                operations.append(operation)
+            }
+        }
+
+        mergeProgress = 1.0
+        return operations
+    }
+
+    // MARK: - Daily Merge
+
+    func performDailyMerge(for date: Date) async throws -> DailyMergeReport {
+        let calendar = Calendar.current
+        let startOfDay = calendar.startOfDay(for: date)
+        let endOfDay = calendar.date(byAdding: .day, value: 1, to: startOfDay)!
+
+        var report = DailyMergeReport(date: date)
+
+        for dataType in HealthDataType.allCases {
+            do {
+                let windowData = try await dataReader.fetchData(
+                    for: dataType,
+                    from: startOfDay,
+                    to: endOfDay
+                )
+
+                let conflictWindows = windowData.filter { $0.hasConflict }
+                report.totalConflicts += conflictWindows.count
+
+                for window in conflictWindows {
+                    let analysis = analyze(windowData: window)
+
+                    if analysis.confidence == .requiresManual {
+                        report.pendingManualReview += 1
+                    } else {
+                        report.autoResolved += 1
+                    }
+
+                    report.analysesByType[dataType, default: []].append(analysis)
+                }
+            } catch {
+                report.errors.append("Fehler bei \(dataType.displayName): \(error.localizedDescription)")
+            }
+        }
+
+        return report
+    }
+}
+
+// MARK: - Supporting Types
+
+struct WindowAnalysis {
+    let windowData: TimeWindowData
+    let hasConflict: Bool
+    let conflictSeverity: ConflictSeverity?
+    let recommendedReading: SourceReading?
+    let alternativeReadings: [SourceReading]
+    let confidence: RuleConfidence
+    let analysisNotes: String
+
+    var recommendedValue: Double? {
+        recommendedReading?.value
+    }
+
+    var valueDifference: Double? {
+        guard let recommended = recommendedReading?.value,
+              let alternative = alternativeReadings.first?.value else {
+            return nil
+        }
+        return abs(recommended - alternative)
+    }
+}
+
+struct MergeOperation: Identifiable {
+    let id = UUID()
+    let conflict: Conflict
+    var status: MergeStatus
+    let result: RuleApplicationResult
+    var resolution: ConflictResolution?
+    var mergedRecord: MergedRecord?
+    let createdAt = Date()
+    var processedAt: Date?
+
+    enum MergeStatus {
+        case pending
+        case pendingManualReview
+        case resolved
+        case written
+        case failed
+    }
+}
+
+struct MergedRecord: Identifiable, Codable {
+    let id: UUID
+    let dataType: HealthDataType
+    let timeWindow: TimeWindow
+    let value: Double
+    let secondaryValue: Double?
+    let originalSourceId: String
+    let strategy: MergeStrategy
+    let createdAt: Date
+    var writtenAt: Date?
+    var healthKitRecordId: String?
+    var metadata: [String: String]
+
+    var formattedValue: String {
+        if value == floor(value) {
+            return String(format: "%.0f", value)
+        }
+        return String(format: "%.1f", value)
+    }
+}
+
+struct DailyMergeReport {
+    let date: Date
+    var totalConflicts = 0
+    var autoResolved = 0
+    var pendingManualReview = 0
+    var analysesByType: [HealthDataType: [WindowAnalysis]] = [:]
+    var errors: [String] = []
+    let generatedAt = Date()
+
+    var successRate: Double {
+        guard totalConflicts > 0 else { return 1.0 }
+        return Double(autoResolved) / Double(totalConflicts)
+    }
+
+    var summary: String {
+        if totalConflicts == 0 {
+            return "Keine Konflikte gefunden"
+        }
+        return "\(autoResolved)/\(totalConflicts) automatisch gelöst, \(pendingManualReview) zur Prüfung"
+    }
+}

HealthBridge/Services/RuleEngine.swift

@@ -0,0 +1,571 @@
+import Foundation
+import Combine
+
+// MARK: - Rule Engine
+@MainActor
+class RuleEngine: ObservableObject {
+    static let shared = RuleEngine()
+
+    @Published var rules: [HealthDataType: MergeRule] = [:]
+    @Published var isLoaded = false
+
+    private let storage = RuleStorageManager()
+    private let sourceManager = SourceManager.shared
+
+    private init() {
+        loadRules()
+    }
+
+    // MARK: - Rule Loading
+
+    func loadRules() {
+        let savedRules = storage.loadRules()
+
+        if savedRules.isEmpty {
+            // Initialize with defaults
+            for dataType in HealthDataType.allCases {
+                rules[dataType] = MergeRule.defaultRule(for: dataType)
+            }
+            saveRules()
+        } else {
+            rules = savedRules
+        }
+
+        isLoaded = true
+    }
+
+    func saveRules() {
+        storage.saveRules(rules)
+    }
+
+    // MARK: - Rule Access
+
+    func getRule(for dataType: HealthDataType) -> MergeRule {
+        return rules[dataType] ?? MergeRule.defaultRule(for: dataType)
+    }
+
+    func setRule(_ rule: MergeRule, for dataType: HealthDataType) {
+        rules[dataType] = rule
+        saveRules()
+    }
+
+    func resetToDefault(for dataType: HealthDataType) {
+        rules[dataType] = MergeRule.defaultRule(for: dataType)
+        saveRules()
+    }
+
+    func resetAllToDefaults() {
+        for dataType in HealthDataType.allCases {
+            rules[dataType] = MergeRule.defaultRule(for: dataType)
+        }
+        saveRules()
+    }
+
+    // MARK: - Rule Application
+
+    func applyRule(
+        to readings: [SourceReading],
+        dataType: HealthDataType
+    ) -> RuleApplicationResult {
+        let rule = getRule(for: dataType)
+
+        // Filter out empty/zero readings for most strategies
+        let validReadings = readings.filter { $0.value > 0 || $0.quality == .complete }
+
+        guard !validReadings.isEmpty else {
+            return RuleApplicationResult(
+                selectedReading: nil,
+                strategy: rule.strategy,
+                confidence: .low,
+                reason: "Keine gültigen Werte vorhanden"
+            )
+        }
+
+        // If only one valid reading, no conflict
+        if validReadings.count == 1 {
+            return RuleApplicationResult(
+                selectedReading: validReadings[0],
+                strategy: rule.strategy,
+                confidence: .high,
+                reason: "Nur eine Quelle verfügbar"
+            )
+        }
+
+        // Apply strategy
+        switch rule.strategy {
+        case .exclusive:
+            return applyExclusiveStrategy(readings: validReadings, rule: rule)
+
+        case .priority:
+            return applyPriorityStrategy(readings: validReadings, rule: rule, dataType: dataType)
+
+        case .higherWins:
+            return applyHigherWinsStrategy(readings: validReadings, rule: rule)
+
+        case .lowerWins:
+            return applyLowerWinsStrategy(readings: validReadings, rule: rule)
+
+        case .average:
+            return applyAverageStrategy(readings: validReadings, rule: rule)
+
+        case .coverage:
+            return applyCoverageStrategy(readings: validReadings, rule: rule)
+
+        case .coverageThenHigher:
+            return applyCoverageThenHigherStrategy(readings: validReadings, rule: rule)
+
+        case .mostRecent:
+            return applyMostRecentStrategy(readings: validReadings, rule: rule)
+
+        case .manual:
+            return RuleApplicationResult(
+                selectedReading: nil,
+                strategy: .manual,
+                confidence: .requiresManual,
+                reason: "Manuelle Entscheidung erforderlich"
+            )
+        }
+    }
+
+    // MARK: - Strategy Implementations
+
+    private func applyExclusiveStrategy(
+        readings: [SourceReading],
+        rule: MergeRule
+    ) -> RuleApplicationResult {
+        // If primary source is specified, use it
+        if let primaryId = rule.primarySourceId,
+           let reading = readings.first(where: { $0.sourceId == primaryId }) {
+            return RuleApplicationResult(
+                selectedReading: reading,
+                strategy: .exclusive,
+                confidence: .high,
+                reason: "Exklusive Quelle: \(reading.sourceName)"
+            )
+        }
+
+        // Otherwise use highest priority source
+        let sorted = readings.sorted { $0.sourceCategory.priority > $1.sourceCategory.priority }
+        if let first = sorted.first {
+            return RuleApplicationResult(
+                selectedReading: first,
+                strategy: .exclusive,
+                confidence: .high,
+                reason: "Höchste Priorität: \(first.sourceName)"
+            )
+        }
+
+        return RuleApplicationResult(
+            selectedReading: nil,
+            strategy: .exclusive,
+            confidence: .low,
+            reason: "Keine geeignete Quelle gefunden"
+        )
+    }
+
+    private func applyPriorityStrategy(
+        readings: [SourceReading],
+        rule: MergeRule,
+        dataType: HealthDataType
+    ) -> RuleApplicationResult {
+        // Sort by user-defined priority, then by category priority
+        let sorted = readings.sorted { r1, r2 in
+            let p1 = rule.sourcePriorities[r1.sourceId] ?? r1.sourceCategory.priority
+            let p2 = rule.sourcePriorities[r2.sourceId] ?? r2.sourceCategory.priority
+            return p1 > p2
+        }
+
+        if let first = sorted.first {
+            return RuleApplicationResult(
+                selectedReading: first,
+                strategy: .priority,
+                confidence: .high,
+                reason: "Höchste Priorität: \(first.sourceName)"
+            )
+        }
+
+        return RuleApplicationResult(
+            selectedReading: nil,
+            strategy: .priority,
+            confidence: .low,
+            reason: "Keine Quelle mit Priorität gefunden"
+        )
+    }
+
+    private func applyHigherWinsStrategy(
+        readings: [SourceReading],
+        rule: MergeRule
+    ) -> RuleApplicationResult {
+        let sorted = readings.sorted { $0.value > $1.value }
+
+        if let highest = sorted.first {
+            // Check if there's a significant difference
+            let values = readings.map { $0.value }
+            let spread = (values.max() ?? 0) - (values.min() ?? 0)
+            let avgValue = values.reduce(0, +) / Double(values.count)
+            let spreadPercent = avgValue > 0 ? (spread / avgValue) * 100 : 0
+
+            let confidence: RuleConfidence = spreadPercent < 10 ? .high : .medium
+
+            return RuleApplicationResult(
+                selectedReading: highest,
+                strategy: .higherWins,
+                confidence: confidence,
+                reason: "Höchster Wert: \(highest.formattedValue) von \(highest.sourceName)"
+            )
+        }
+
+        return RuleApplicationResult(
+            selectedReading: nil,
+            strategy: .higherWins,
+            confidence: .low,
+            reason: "Keine Werte zum Vergleich"
+        )
+    }
+
+    private func applyLowerWinsStrategy(
+        readings: [SourceReading],
+        rule: MergeRule
+    ) -> RuleApplicationResult {
+        let sorted = readings.sorted { $0.value < $1.value }
+
+        if let lowest = sorted.first {
+            return RuleApplicationResult(
+                selectedReading: lowest,
+                strategy: .lowerWins,
+                confidence: .medium,
+                reason: "Niedrigster Wert: \(lowest.formattedValue) von \(lowest.sourceName)"
+            )
+        }
+
+        return RuleApplicationResult(
+            selectedReading: nil,
+            strategy: .lowerWins,
+            confidence: .low,
+            reason: "Keine Werte zum Vergleich"
+        )
+    }
+
+    private func applyAverageStrategy(
+        readings: [SourceReading],
+        rule: MergeRule
+    ) -> RuleApplicationResult {
+        let values = readings.map { $0.value }
+        let average = values.reduce(0, +) / Double(values.count)
+
+        // Create a synthetic reading for the average
+        let syntheticReading = SourceReading(
+            sourceId: HealthBridgeConstants.bundleIdentifier,
+            sourceName: "Durchschnitt",
+            sourceCategory: .healthBridge,
+            value: average,
+            timestamp: readings.first?.timestamp ?? Date(),
+            quality: .complete
+        )
+
+        return RuleApplicationResult(
+            selectedReading: syntheticReading,
+            strategy: .average,
+            confidence: .medium,
+            reason: "Durchschnitt aus \(readings.count) Quellen"
+        )
+    }
+
+    private func applyCoverageStrategy(
+        readings: [SourceReading],
+        rule: MergeRule
+    ) -> RuleApplicationResult {
+        // Prefer readings with complete quality
+        let completeReadings = readings.filter { $0.quality == .complete }
+
+        if completeReadings.count == 1 {
+            return RuleApplicationResult(
+                selectedReading: completeReadings[0],
+                strategy: .coverage,
+                confidence: .high,
+                reason: "Einzige Quelle mit vollständigen Daten: \(completeReadings[0].sourceName)"
+            )
+        }
+
+        // If multiple complete readings, fall back to priority
+        if !completeReadings.isEmpty {
+            let sorted = completeReadings.sorted { $0.sourceCategory.priority > $1.sourceCategory.priority }
+            if let first = sorted.first {
+                return RuleApplicationResult(
+                    selectedReading: first,
+                    strategy: .coverage,
+                    confidence: .medium,
+                    reason: "Mehrere Quellen verfügbar, gewählt: \(first.sourceName)"
+                )
+            }
+        }
+
+        // No complete readings, use any reading with highest priority
+        let sorted = readings.sorted { $0.sourceCategory.priority > $1.sourceCategory.priority }
+        if let first = sorted.first {
+            return RuleApplicationResult(
+                selectedReading: first,
+                strategy: .coverage,
+                confidence: .low,
+                reason: "Keine vollständigen Daten, gewählt: \(first.sourceName)"
+            )
+        }
+
+        return RuleApplicationResult(
+            selectedReading: nil,
+            strategy: .coverage,
+            confidence: .low,
+            reason: "Keine Quelle mit Daten gefunden"
+        )
+    }
+
+    private func applyCoverageThenHigherStrategy(
+        readings: [SourceReading],
+        rule: MergeRule
+    ) -> RuleApplicationResult {
+        // First check if one source has data and others don't (coverage)
+        let nonZeroReadings = readings.filter { $0.value > 0 }
+        let zeroReadings = readings.filter { $0.value == 0 }
+
+        // If only one source has data, it wins on coverage
+        if nonZeroReadings.count == 1 && !zeroReadings.isEmpty {
+            return RuleApplicationResult(
+                selectedReading: nonZeroReadings[0],
+                strategy: .coverageThenHigher,
+                confidence: .high,
+                reason: "Einzige Quelle mit Daten: \(nonZeroReadings[0].sourceName)"
+            )
+        }
+
+        // Multiple sources have data, use higher wins
+        if nonZeroReadings.count > 1 {
+            let sorted = nonZeroReadings.sorted { $0.value > $1.value }
+            if let highest = sorted.first {
+                return RuleApplicationResult(
+                    selectedReading: highest,
+                    strategy: .coverageThenHigher,
+                    confidence: .medium,
+                    reason: "Höherer Wert bei Konflikt: \(highest.formattedValue) von \(highest.sourceName)"
+                )
+            }
+        }
+
+        // Fallback
+        if let first = readings.first {
+            return RuleApplicationResult(
+                selectedReading: first,
+                strategy: .coverageThenHigher,
+                confidence: .low,
+                reason: "Fallback auf erste Quelle"
+            )
+        }
+
+        return RuleApplicationResult(
+            selectedReading: nil,
+            strategy: .coverageThenHigher,
+            confidence: .low,
+            reason: "Keine Daten verfügbar"
+        )
+    }
+
+    private func applyMostRecentStrategy(
+        readings: [SourceReading],
+        rule: MergeRule
+    ) -> RuleApplicationResult {
+        let sorted = readings.sorted { $0.timestamp > $1.timestamp }
+
+        if let mostRecent = sorted.first {
+            return RuleApplicationResult(
+                selectedReading: mostRecent,
+                strategy: .mostRecent,
+                confidence: .high,
+                reason: "Neuester Wert von \(mostRecent.sourceName)"
+            )
+        }
+
+        return RuleApplicationResult(
+            selectedReading: nil,
+            strategy: .mostRecent,
+            confidence: .low,
+            reason: "Keine Zeitstempel verfügbar"
+        )
+    }
+
+    // MARK: - Threshold Check
+
+    func shouldRequestManualReview(
+        readings: [SourceReading],
+        dataType: HealthDataType
+    ) -> Bool {
+        let rule = getRule(for: dataType)
+
+        guard let threshold = rule.thresholdForManualReview else {
+            return rule.strategy == .manual
+        }
+
+        let values = readings.map { $0.value }.filter { $0 > 0 }
+        guard values.count >= 2,
+              let min = values.min(),
+              let max = values.max(),
+              min > 0 else {
+            return false
+        }
+
+        let percentDiff = (max - min) / min * 100
+        return percentDiff > threshold
+    }
+}
+
+// MARK: - Rule Application Result
+struct RuleApplicationResult {
+    let selectedReading: SourceReading?
+    let strategy: MergeStrategy
+    let confidence: RuleConfidence
+    let reason: String
+
+    var resolvedValue: Double? {
+        selectedReading?.value
+    }
+
+    var winningSourceId: String? {
+        selectedReading?.sourceId
+    }
+}
+
+enum RuleConfidence: String, Codable {
+    case high = "high"
+    case medium = "medium"
+    case low = "low"
+    case requiresManual = "requires_manual"
+
+    var displayName: String {
+        switch self {
+        case .high: return "Hohe Sicherheit"
+        case .medium: return "Mittlere Sicherheit"
+        case .low: return "Geringe Sicherheit"
+        case .requiresManual: return "Manuelle Prüfung"
+        }
+    }
+
+    var icon: String {
+        switch self {
+        case .high: return "checkmark.seal.fill"
+        case .medium: return "checkmark.seal"
+        case .low: return "questionmark.circle"
+        case .requiresManual: return "hand.raised.fill"
+        }
+    }
+}
+
+// MARK: - Rule Storage Manager
+class RuleStorageManager {
+    private let userDefaults = UserDefaults.standard
+    private let rulesKey = "healthbridge.merge.rules"
+
+    func saveRules(_ rules: [HealthDataType: MergeRule]) {
+        do {
+            let data = try JSONEncoder().encode(rules)
+            userDefaults.set(data, forKey: rulesKey)
+        } catch {
+            print("Failed to save rules: \(error)")
+        }
+    }
+
+    func loadRules() -> [HealthDataType: MergeRule] {
+        guard let data = userDefaults.data(forKey: rulesKey) else {
+            return [:]
+        }
+
+        do {
+            return try JSONDecoder().decode([HealthDataType: MergeRule].self, from: data)
+        } catch {
+            print("Failed to load rules: \(error)")
+            return [:]
+        }
+    }
+}
+
+// MARK: - Blood Pressure Handler
+class BloodPressureHandler {
+    static let shared = BloodPressureHandler()
+
+    struct ValidationResult {
+        let isValid: Bool
+        let issues: [String]
+    }
+
+    func validate(systolic: Double, diastolic: Double) -> ValidationResult {
+        var issues: [String] = []
+
+        // Range validation
+        if systolic < 70 || systolic > 200 {
+            issues.append("Systolischer Wert ausserhalb des Normalbereichs (70-200 mmHg)")
+        }
+
+        if diastolic < 40 || diastolic > 130 {
+            issues.append("Diastolischer Wert ausserhalb des Normalbereichs (40-130 mmHg)")
+        }
+
+        // Plausibility check
+        if diastolic >= systolic {
+            issues.append("Diastolischer Wert muss kleiner als systolischer Wert sein")
+        }
+
+        if systolic - diastolic < 20 {
+            issues.append("Pulsdruck zu gering (< 20 mmHg)")
+        }
+
+        if systolic - diastolic > 100 {
+            issues.append("Pulsdruck zu hoch (> 100 mmHg)")
+        }
+
+        return ValidationResult(isValid: issues.isEmpty, issues: issues)
+    }
+
+    func classifyBloodPressure(systolic: Double, diastolic: Double) -> BloodPressureClassification {
+        if systolic < 120 && diastolic < 80 {
+            return .normal
+        } else if systolic < 130 && diastolic < 80 {
+            return .elevated
+        } else if systolic < 140 || diastolic < 90 {
+            return .hypertensionStage1
+        } else if systolic < 180 || diastolic < 120 {
+            return .hypertensionStage2
+        } else {
+            return .hypertensiveCrisis
+        }
+    }
+
+    enum BloodPressureClassification: String {
+        case normal = "Normal"
+        case elevated = "Erhöht"
+        case hypertensionStage1 = "Bluthochdruck Stufe 1"
+        case hypertensionStage2 = "Bluthochdruck Stufe 2"
+        case hypertensiveCrisis = "Hypertensive Krise"
+
+        var color: String {
+            switch self {
+            case .normal: return "green"
+            case .elevated: return "yellow"
+            case .hypertensionStage1: return "orange"
+            case .hypertensionStage2: return "red"
+            case .hypertensiveCrisis: return "purple"
+            }
+        }
+
+        var recommendation: String {
+            switch self {
+            case .normal:
+                return "Weiter so! Regelmässige Kontrolle empfohlen."
+            case .elevated:
+                return "Lebensstiländerungen empfohlen. Mehr Bewegung, weniger Salz."
+            case .hypertensionStage1:
+                return "Arztbesuch empfohlen. Möglicherweise Medikation erforderlich."
+            case .hypertensionStage2:
+                return "Zeitnaher Arztbesuch erforderlich. Medikation wahrscheinlich notwendig."
+            case .hypertensiveCrisis:
+                return "SOFORT medizinische Hilfe aufsuchen!"
+            }
+        }
+    }
+}

HealthBridge/Services/SourceManager.swift

@@ -0,0 +1,409 @@
+import Foundation
+import HealthKit
+import Combine
+
+// MARK: - Source Manager
+@MainActor
+class SourceManager: ObservableObject {
+    static let shared = SourceManager()
+
+    @Published var sources: [HealthSource] = []
+    @Published var sourceProfiles: [String: SourceProfile] = [:]
+    @Published var isDiscovering = false
+
+    private let healthKitManager = HealthKitManager.shared
+    private let storage = SourceStorageManager()
+
+    private init() {}
+
+    // MARK: - Source Discovery
+
+    func discoverSources() async {
+        isDiscovering = true
+        defer { isDiscovering = false }
+
+        await healthKitManager.discoverSources()
+        sources = healthKitManager.discoveredSources
+
+        // Load saved source profiles and merge with discovered sources
+        let savedProfiles = storage.loadSourceProfiles()
+        for source in sources {
+            if let savedProfile = savedProfiles[source.bundleIdentifier] {
+                sourceProfiles[source.bundleIdentifier] = savedProfile
+            } else {
+                sourceProfiles[source.bundleIdentifier] = SourceProfile(source: source)
+            }
+        }
+    }
+
+    // MARK: - Source Classification
+
+    func classifySource(_ bundleIdentifier: String) -> SourceCategory {
+        let lowercased = bundleIdentifier.lowercased()
+
+        // HealthBridge
+        if lowercased.contains("healthbridge") {
+            return .healthBridge
+        }
+
+        // Apple Devices
+        if lowercased.contains("com.apple") {
+            if lowercased.contains("watch") || lowercased.contains("nano") {
+                return .watch
+            }
+            if lowercased.contains("health") {
+                return .iPhone
+            }
+        }
+
+        // Known Watch Brands
+        let watchBrands = ["huawei", "samsung", "galaxy", "fitbit", "garmin", "polar",
+                          "withings", "amazfit", "xiaomi", "honor", "oppo", "suunto",
+                          "coros", "whoop", "oura"]
+        for brand in watchBrands {
+            if lowercased.contains(brand) {
+                return .thirdPartyWatch
+            }
+        }
+
+        // Known Health Apps
+        let healthApps = ["strava", "nike", "adidas", "runtastic", "runkeeper",
+                         "mapmyrun", "endomondo", "myfitnesspal", "flo", "clue"]
+        for app in healthApps {
+            if lowercased.contains(app) {
+                return .thirdPartyApp
+            }
+        }
+
+        return .unknown
+    }
+
+    // MARK: - Source Capabilities
+
+    func getSourceCapabilities(_ source: HealthSource) -> SourceCapabilities {
+        let category = source.category
+
+        switch category {
+        case .iPhone:
+            return SourceCapabilities(
+                canMeasureSteps: true,
+                canMeasureDistance: true,
+                canMeasureFloors: true,
+                canMeasureHeartRate: false,
+                canMeasureBloodPressure: false,
+                canMeasureBloodOxygen: false,
+                canMeasureSleep: false,
+                canMeasureWorkouts: true,
+                hasGPS: true,
+                hasBarometer: true,
+                hasAccelerometer: true
+            )
+
+        case .watch:
+            return SourceCapabilities(
+                canMeasureSteps: true,
+                canMeasureDistance: true,
+                canMeasureFloors: false,
+                canMeasureHeartRate: true,
+                canMeasureBloodPressure: false,
+                canMeasureBloodOxygen: true,
+                canMeasureSleep: true,
+                canMeasureWorkouts: true,
+                hasGPS: true,
+                hasBarometer: false,
+                hasAccelerometer: true
+            )
+
+        case .thirdPartyWatch:
+            // Check for specific features based on name
+            let name = source.name.lowercased()
+            let isHuaweiD2 = name.contains("huawei") && (name.contains("d2") || name.contains("watch d"))
+
+            return SourceCapabilities(
+                canMeasureSteps: true,
+                canMeasureDistance: true,
+                canMeasureFloors: false,
+                canMeasureHeartRate: true,
+                canMeasureBloodPressure: isHuaweiD2, // Huawei Watch D2 has BP sensor
+                canMeasureBloodOxygen: true,
+                canMeasureSleep: true,
+                canMeasureWorkouts: true,
+                hasGPS: true,
+                hasBarometer: false,
+                hasAccelerometer: true
+            )
+
+        case .thirdPartyApp:
+            return SourceCapabilities(
+                canMeasureSteps: true,
+                canMeasureDistance: true,
+                canMeasureFloors: false,
+                canMeasureHeartRate: false,
+                canMeasureBloodPressure: false,
+                canMeasureBloodOxygen: false,
+                canMeasureSleep: false,
+                canMeasureWorkouts: true,
+                hasGPS: true,
+                hasBarometer: false,
+                hasAccelerometer: false
+            )
+
+        case .healthBridge, .unknown:
+            return SourceCapabilities.empty
+        }
+    }
+
+    // MARK: - Source Health
+
+    func getSourceHealth(_ source: HealthSource) async -> SourceHealthReport {
+        var dataGaps: [HealthDataType: [TimeWindow]] = [:]
+        var lastActivityByType: [HealthDataType: Date] = [:]
+        var recordCountByType: [HealthDataType: Int] = [:]
+
+        let calendar = Calendar.current
+        let now = Date()
+        let yesterday = calendar.date(byAdding: .day, value: -1, to: now)!
+
+        for dataType in source.supportedDataTypes {
+            do {
+                let samples = try await healthKitManager.fetchSamples(
+                    for: dataType,
+                    from: yesterday,
+                    to: now
+                )
+
+                let matchingSamples = samples.filter {
+                    $0.sourceRevision.source.bundleIdentifier == source.bundleIdentifier
+                }
+
+                recordCountByType[dataType] = matchingSamples.count
+
+                if let lastSample = matchingSamples.last {
+                    lastActivityByType[dataType] = lastSample.endDate
+                }
+
+                // Detect gaps
+                let gaps = detectDataGaps(
+                    in: matchingSamples,
+                    from: yesterday,
+                    to: now,
+                    expectedInterval: 15 * 60 // 15 minutes
+                )
+                if !gaps.isEmpty {
+                    dataGaps[dataType] = gaps
+                }
+            } catch {
+                print("Error checking health for \(dataType): \(error)")
+            }
+        }
+
+        let overallQuality: DataQuality
+        if recordCountByType.values.reduce(0, +) == 0 {
+            overallQuality = .missing
+        } else if dataGaps.isEmpty {
+            overallQuality = .complete
+        } else {
+            overallQuality = .partial
+        }
+
+        return SourceHealthReport(
+            source: source,
+            lastActivityByType: lastActivityByType,
+            recordCountByType: recordCountByType,
+            dataGaps: dataGaps,
+            overallQuality: overallQuality,
+            checkedAt: Date()
+        )
+    }
+
+    private func detectDataGaps(
+        in samples: [HKSample],
+        from start: Date,
+        to end: Date,
+        expectedInterval: TimeInterval
+    ) -> [TimeWindow] {
+        guard !samples.isEmpty else {
+            return [TimeWindow(start: start, end: end)]
+        }
+
+        var gaps: [TimeWindow] = []
+        let sortedSamples = samples.sorted { $0.startDate < $1.startDate }
+
+        // Check gap at beginning
+        if let firstSample = sortedSamples.first,
+           firstSample.startDate.timeIntervalSince(start) > expectedInterval * 2 {
+            gaps.append(TimeWindow(start: start, end: firstSample.startDate))
+        }
+
+        // Check gaps between samples
+        for i in 0..<(sortedSamples.count - 1) {
+            let currentEnd = sortedSamples[i].endDate
+            let nextStart = sortedSamples[i + 1].startDate
+            let gap = nextStart.timeIntervalSince(currentEnd)
+
+            if gap > expectedInterval * 2 {
+                gaps.append(TimeWindow(start: currentEnd, end: nextStart))
+            }
+        }
+
+        // Check gap at end
+        if let lastSample = sortedSamples.last,
+           end.timeIntervalSince(lastSample.endDate) > expectedInterval * 2 {
+            gaps.append(TimeWindow(start: lastSample.endDate, end: end))
+        }
+
+        return gaps
+    }
+
+    // MARK: - Priority Management
+
+    func setPriority(_ priority: Int, for source: HealthSource, dataType: HealthDataType) {
+        guard var profile = sourceProfiles[source.bundleIdentifier] else { return }
+        profile.priorities[dataType] = priority
+        sourceProfiles[source.bundleIdentifier] = profile
+        storage.saveSourceProfiles(sourceProfiles)
+    }
+
+    func getPriority(for source: HealthSource, dataType: HealthDataType) -> Int {
+        if let profile = sourceProfiles[source.bundleIdentifier],
+           let priority = profile.priorities[dataType] {
+            return priority
+        }
+        return source.category.priority
+    }
+
+    func getSourcesByPriority(for dataType: HealthDataType) -> [HealthSource] {
+        return sources
+            .filter { $0.supportedDataTypes.contains(dataType) }
+            .sorted { getPriority(for: $0, dataType: dataType) > getPriority(for: $1, dataType: dataType) }
+    }
+
+    // MARK: - Source Enable/Disable
+
+    func setEnabled(_ enabled: Bool, for source: HealthSource) {
+        guard var profile = sourceProfiles[source.bundleIdentifier] else { return }
+        profile.isEnabled = enabled
+        sourceProfiles[source.bundleIdentifier] = profile
+        storage.saveSourceProfiles(sourceProfiles)
+    }
+
+    func isEnabled(_ source: HealthSource) -> Bool {
+        return sourceProfiles[source.bundleIdentifier]?.isEnabled ?? true
+    }
+}
+
+// MARK: - Source Profile
+struct SourceProfile: Codable {
+    let bundleIdentifier: String
+    var priorities: [HealthDataType: Int]
+    var isEnabled: Bool
+    var customName: String?
+    var notes: String?
+    let addedAt: Date
+
+    init(source: HealthSource) {
+        self.bundleIdentifier = source.bundleIdentifier
+        self.priorities = [:]
+        self.isEnabled = true
+        self.customName = nil
+        self.notes = nil
+        self.addedAt = Date()
+    }
+}
+
+// MARK: - Source Capabilities
+struct SourceCapabilities {
+    let canMeasureSteps: Bool
+    let canMeasureDistance: Bool
+    let canMeasureFloors: Bool
+    let canMeasureHeartRate: Bool
+    let canMeasureBloodPressure: Bool
+    let canMeasureBloodOxygen: Bool
+    let canMeasureSleep: Bool
+    let canMeasureWorkouts: Bool
+    let hasGPS: Bool
+    let hasBarometer: Bool
+    let hasAccelerometer: Bool
+
+    static let empty = SourceCapabilities(
+        canMeasureSteps: false,
+        canMeasureDistance: false,
+        canMeasureFloors: false,
+        canMeasureHeartRate: false,
+        canMeasureBloodPressure: false,
+        canMeasureBloodOxygen: false,
+        canMeasureSleep: false,
+        canMeasureWorkouts: false,
+        hasGPS: false,
+        hasBarometer: false,
+        hasAccelerometer: false
+    )
+
+    var supportedDataTypes: Set<HealthDataType> {
+        var types = Set<HealthDataType>()
+        if canMeasureSteps { types.insert(.steps) }
+        if canMeasureDistance { types.insert(.distance) }
+        if canMeasureFloors { types.insert(.floorsClimbed) }
+        if canMeasureHeartRate {
+            types.insert(.heartRate)
+            types.insert(.restingHeartRate)
+        }
+        if canMeasureBloodPressure {
+            types.insert(.bloodPressureSystolic)
+            types.insert(.bloodPressureDiastolic)
+        }
+        if canMeasureBloodOxygen { types.insert(.bloodOxygen) }
+        if canMeasureSleep { types.insert(.sleep) }
+        return types
+    }
+}
+
+// MARK: - Source Health Report
+struct SourceHealthReport {
+    let source: HealthSource
+    let lastActivityByType: [HealthDataType: Date]
+    let recordCountByType: [HealthDataType: Int]
+    let dataGaps: [HealthDataType: [TimeWindow]]
+    let overallQuality: DataQuality
+    let checkedAt: Date
+
+    var lastOverallActivity: Date? {
+        lastActivityByType.values.max()
+    }
+
+    var totalRecordCount: Int {
+        recordCountByType.values.reduce(0, +)
+    }
+
+    var hasSignificantGaps: Bool {
+        dataGaps.values.flatMap { $0 }.contains { $0.duration > 3600 } // > 1 hour gap
+    }
+}
+
+// MARK: - Source Storage Manager
+class SourceStorageManager {
+    private let userDefaults = UserDefaults.standard
+    private let profilesKey = "healthbridge.source.profiles"
+
+    func saveSourceProfiles(_ profiles: [String: SourceProfile]) {
+        do {
+            let data = try JSONEncoder().encode(profiles)
+            userDefaults.set(data, forKey: profilesKey)
+        } catch {
+            print("Failed to save source profiles: \(error)")
+        }
+    }
+
+    func loadSourceProfiles() -> [String: SourceProfile] {
+        guard let data = userDefaults.data(forKey: profilesKey) else {
+            return [:]
+        }
+
+        do {
+            return try JSONDecoder().decode([String: SourceProfile].self, from: data)
+        } catch {
+            print("Failed to load source profiles: \(error)")
+            return [:]
+        }
+    }
+}

HealthBridge/Services/SyncCoordinator.swift

@@ -0,0 +1,301 @@
+import Foundation
+import Combine
+import UserNotifications
+
+// MARK: - Sync Coordinator
+@MainActor
+class SyncCoordinator: ObservableObject {
+    static let shared = SyncCoordinator()
+
+    private let healthKitManager = HealthKitManager.shared
+    private let sourceManager = SourceManager.shared
+    private let dataReader = DataReader.shared
+    private let ruleEngine = RuleEngine.shared
+    private let mergeEngine = MergeEngine.shared
+    private let dataWriter = DataWriter.shared
+
+    @Published var isSyncing = false
+    @Published var syncProgress: Double = 0
+    @Published var lastSyncDate: Date?
+    @Published var lastSyncResult: SyncResult?
+    @Published var pendingConflicts: [Conflict] = []
+    @Published var syncHistory: [SyncResult] = []
+
+    private let syncHistoryKey = "healthbridge.sync.history"
+    private let maxHistoryItems = 50
+
+    private init() {
+        loadSyncHistory()
+    }
+
+    // MARK: - Main Sync
+
+    func performSync(
+        for date: Date = Date(),
+        dataTypes: [HealthDataType] = HealthDataType.allCases
+    ) async throws {
+        guard !isSyncing else { return }
+
+        isSyncing = true
+        syncProgress = 0
+        defer { isSyncing = false }
+
+        let startTime = Date()
+        var result = SyncResult(startedAt: startTime)
+
+        do {
+            // Step 1: Refresh sources (10%)
+            syncProgress = 0.05
+            await sourceManager.discoverSources()
+            syncProgress = 0.1
+
+            // Step 2: Detect conflicts (40%)
+            let conflicts = try await dataReader.detectConflicts(for: date, dataTypes: dataTypes)
+            result.totalConflicts = conflicts.count
+            syncProgress = 0.4
+
+            // Step 3: Process conflicts with merge engine (70%)
+            let operations = await mergeEngine.processConflicts(conflicts)
+            syncProgress = 0.7
+
+            let autoResolved = operations.filter { $0.status == .resolved }
+            let pendingManual = operations.filter { $0.status == .pendingManualReview }
+
+            result.autoResolved = autoResolved.count
+            result.pendingManualReview = pendingManual.count
+
+            // Update pending conflicts
+            pendingConflicts = pendingManual.map { $0.conflict }
+
+            // Step 4: Write resolved records (90%)
+            let recordsToWrite = autoResolved.compactMap { $0.mergedRecord }
+            if !recordsToWrite.isEmpty {
+                let writeResult = await dataWriter.writeBatch(recordsToWrite)
+                result.writtenRecords = writeResult.successCount
+                result.writeErrors = writeResult.failureCount
+            }
+            syncProgress = 0.9
+
+            // Step 5: Finalize (100%)
+            result.completedAt = Date()
+            result.status = .success
+            syncProgress = 1.0
+
+        } catch {
+            result.status = .failed
+            result.error = error.localizedDescription
+            result.completedAt = Date()
+            throw error
+        }
+
+        lastSyncDate = Date()
+        lastSyncResult = result
+        addToHistory(result)
+
+        // Send notification if there are pending conflicts
+        if result.pendingManualReview > 0 {
+            await sendConflictNotification(count: result.pendingManualReview)
+        }
+    }
+
+    // MARK: - Quick Sync
+
+    func performQuickSync() async throws {
+        try await performSync(
+            for: Date(),
+            dataTypes: [.steps, .heartRate, .activeEnergy]
+        )
+    }
+
+    // MARK: - Sync Specific Data Type
+
+    func syncDataType(_ dataType: HealthDataType, for date: Date = Date()) async throws {
+        try await performSync(for: date, dataTypes: [dataType])
+    }
+
+    // MARK: - Manual Conflict Resolution
+
+    func resolveConflict(_ conflict: Conflict, selectedReadingId: UUID) async throws {
+        guard let resolution = mergeEngine.resolveConflictManually(conflict, selectedReadingId: selectedReadingId) else {
+            throw SyncError.resolutionFailed
+        }
+
+        var resolvedConflict = conflict
+        resolvedConflict.status = .resolved
+        resolvedConflict.resolution = resolution
+        resolvedConflict.resolvedAt = Date()
+
+        let mergedRecord = mergeEngine.createMergedRecord(from: resolvedConflict, resolution: resolution)
+
+        // Write the record
+        _ = try await dataWriter.writeRecord(mergedRecord)
+
+        // Remove from pending
+        pendingConflicts.removeAll { $0.id == conflict.id }
+    }
+
+    func ignoreConflict(_ conflict: Conflict) {
+        pendingConflicts.removeAll { $0.id == conflict.id }
+    }
+
+    // MARK: - Sync History
+
+    private func loadSyncHistory() {
+        guard let data = UserDefaults.standard.data(forKey: syncHistoryKey),
+              let history = try? JSONDecoder().decode([SyncResult].self, from: data) else {
+            return
+        }
+        syncHistory = history
+    }
+
+    private func addToHistory(_ result: SyncResult) {
+        syncHistory.insert(result, at: 0)
+        if syncHistory.count > maxHistoryItems {
+            syncHistory = Array(syncHistory.prefix(maxHistoryItems))
+        }
+        saveSyncHistory()
+    }
+
+    private func saveSyncHistory() {
+        guard let data = try? JSONEncoder().encode(syncHistory) else { return }
+        UserDefaults.standard.set(data, forKey: syncHistoryKey)
+    }
+
+    func clearHistory() {
+        syncHistory.removeAll()
+        UserDefaults.standard.removeObject(forKey: syncHistoryKey)
+    }
+
+    // MARK: - Notifications
+
+    private func sendConflictNotification(count: Int) async {
+        let center = UNUserNotificationCenter.current()
+
+        let settings = await center.notificationSettings()
+        guard settings.authorizationStatus == .authorized else { return }
+
+        let content = UNMutableNotificationContent()
+        content.title = "HealthBridge"
+        content.body = count == 1
+            ? "1 Konflikt erfordert Ihre Aufmerksamkeit"
+            : "\(count) Konflikte erfordern Ihre Aufmerksamkeit"
+        content.sound = .default
+        content.badge = NSNumber(value: count)
+
+        let request = UNNotificationRequest(
+            identifier: "healthbridge.conflicts",
+            content: content,
+            trigger: nil
+        )
+
+        try? await center.add(request)
+    }
+
+    func requestNotificationPermission() async -> Bool {
+        let center = UNUserNotificationCenter.current()
+
+        do {
+            return try await center.requestAuthorization(options: [.alert, .sound, .badge])
+        } catch {
+            return false
+        }
+    }
+
+    // MARK: - Statistics
+
+    var todayStats: TodayStats {
+        let today = Calendar.current.startOfDay(for: Date())
+        let todaySyncs = syncHistory.filter {
+            Calendar.current.isDate($0.startedAt, inSameDayAs: today)
+        }
+
+        return TodayStats(
+            syncCount: todaySyncs.count,
+            totalConflicts: todaySyncs.reduce(0) { $0 + $1.totalConflicts },
+            autoResolved: todaySyncs.reduce(0) { $0 + $1.autoResolved },
+            pendingManual: pendingConflicts.count,
+            lastSync: lastSyncDate
+        )
+    }
+}
+
+// MARK: - Supporting Types
+
+struct SyncResult: Identifiable, Codable {
+    let id = UUID()
+    let startedAt: Date
+    var completedAt: Date?
+    var status: SyncStatus = .inProgress
+    var totalConflicts = 0
+    var autoResolved = 0
+    var pendingManualReview = 0
+    var writtenRecords = 0
+    var writeErrors = 0
+    var error: String?
+
+    enum SyncStatus: String, Codable {
+        case inProgress = "in_progress"
+        case success = "success"
+        case partialSuccess = "partial_success"
+        case failed = "failed"
+    }
+
+    var duration: TimeInterval? {
+        guard let completed = completedAt else { return nil }
+        return completed.timeIntervalSince(startedAt)
+    }
+
+    var formattedDuration: String {
+        guard let duration = duration else { return "–" }
+        if duration < 1 {
+            return "< 1s"
+        }
+        return String(format: "%.1fs", duration)
+    }
+
+    var successRate: Double {
+        guard totalConflicts > 0 else { return 1.0 }
+        return Double(autoResolved) / Double(totalConflicts)
+    }
+}
+
+struct TodayStats {
+    let syncCount: Int
+    let totalConflicts: Int
+    let autoResolved: Int
+    let pendingManual: Int
+    let lastSync: Date?
+
+    var resolutionRate: Double {
+        guard totalConflicts > 0 else { return 1.0 }
+        return Double(autoResolved) / Double(totalConflicts)
+    }
+
+    var formattedLastSync: String {
+        guard let date = lastSync else { return "Nie" }
+
+        let formatter = RelativeDateTimeFormatter()
+        formatter.unitsStyle = .abbreviated
+        return formatter.localizedString(for: date, relativeTo: Date())
+    }
+}
+
+enum SyncError: LocalizedError {
+    case notAuthorized
+    case syncInProgress
+    case resolutionFailed
+    case writeFailed
+
+    var errorDescription: String? {
+        switch self {
+        case .notAuthorized:
+            return "Keine Berechtigung für HealthKit"
+        case .syncInProgress:
+            return "Synchronisierung läuft bereits"
+        case .resolutionFailed:
+            return "Konfliktauflösung fehlgeschlagen"
+        case .writeFailed:
+            return "Schreiben der Daten fehlgeschlagen"
+        }
+    }
+}

HealthBridge/Utils/Extensions.swift

@@ -0,0 +1,153 @@
+import Foundation
+import SwiftUI
+
+// MARK: - Date Extensions
+extension Date {
+    var startOfDay: Date {
+        Calendar.current.startOfDay(for: self)
+    }
+
+    var endOfDay: Date {
+        Calendar.current.date(byAdding: .day, value: 1, to: startOfDay)!.addingTimeInterval(-1)
+    }
+
+    var isToday: Bool {
+        Calendar.current.isDateInToday(self)
+    }
+
+    var isYesterday: Bool {
+        Calendar.current.isDateInYesterday(self)
+    }
+
+    func formatted(style: DateFormatter.Style) -> String {
+        let formatter = DateFormatter()
+        formatter.dateStyle = style
+        formatter.timeStyle = .none
+        return formatter.string(from: self)
+    }
+
+    func formattedTime() -> String {
+        let formatter = DateFormatter()
+        formatter.dateStyle = .none
+        formatter.timeStyle = .short
+        return formatter.string(from: self)
+    }
+
+    func formattedRelative() -> String {
+        let formatter = RelativeDateTimeFormatter()
+        formatter.unitsStyle = .abbreviated
+        return formatter.localizedString(for: self, relativeTo: Date())
+    }
+
+    func adding(days: Int) -> Date {
+        Calendar.current.date(byAdding: .day, value: days, to: self)!
+    }
+
+    func adding(hours: Int) -> Date {
+        Calendar.current.date(byAdding: .hour, value: hours, to: self)!
+    }
+
+    func adding(minutes: Int) -> Date {
+        Calendar.current.date(byAdding: .minute, value: minutes, to: self)!
+    }
+}
+
+// MARK: - Double Extensions
+extension Double {
+    func formatted(decimals: Int = 1) -> String {
+        String(format: "%.\(decimals)f", self)
+    }
+
+    var formattedAsInteger: String {
+        String(format: "%.0f", self)
+    }
+
+    var formattedAsPercentage: String {
+        String(format: "%.1f%%", self * 100)
+    }
+}
+
+// MARK: - Array Extensions
+extension Array {
+    func chunked(into size: Int) -> [[Element]] {
+        stride(from: 0, to: count, by: size).map {
+            Array(self[$0..<Swift.min($0 + size, count)])
+        }
+    }
+}
+
+// MARK: - Color Extensions
+extension Color {
+    static let healthBridgePrimary = Color.blue
+    static let healthBridgeSecondary = Color.cyan
+    static let healthBridgeAccent = Color.orange
+
+    static func forSeverity(_ severity: ConflictSeverity) -> Color {
+        switch severity {
+        case .minor: return .green
+        case .moderate: return .yellow
+        case .significant: return .orange
+        case .major: return .red
+        }
+    }
+
+    static func forQuality(_ quality: DataQuality) -> Color {
+        switch quality {
+        case .complete: return .green
+        case .partial: return .yellow
+        case .missing: return .gray
+        case .invalid: return .red
+        }
+    }
+}
+
+// MARK: - View Extensions
+extension View {
+    func cardStyle() -> some View {
+        self
+            .padding()
+            .background(Color(.systemBackground))
+            .clipShape(RoundedRectangle(cornerRadius: 12))
+            .shadow(color: .black.opacity(0.05), radius: 4, y: 2)
+    }
+
+    func sectionHeader(_ title: String) -> some View {
+        VStack(alignment: .leading, spacing: 8) {
+            Text(title)
+                .font(.headline)
+                .foregroundStyle(.primary)
+            self
+        }
+    }
+}
+
+// MARK: - Binding Extensions
+extension Binding {
+    func onChange(_ handler: @escaping (Value) -> Void) -> Binding<Value> {
+        Binding(
+            get: { self.wrappedValue },
+            set: { newValue in
+                self.wrappedValue = newValue
+                handler(newValue)
+            }
+        )
+    }
+}
+
+// MARK: - Optional Extensions
+extension Optional where Wrapped == String {
+    var orEmpty: String {
+        self ?? ""
+    }
+
+    var isNilOrEmpty: Bool {
+        self?.isEmpty ?? true
+    }
+}
+
+// MARK: - Collection Extensions
+extension Collection {
+    var isNotEmpty: Bool {
+        !isEmpty
+    }
+}

HealthBridge/Utils/NotificationManager.swift

@@ -0,0 +1,185 @@
+import Foundation
+import UserNotifications
+
+@MainActor
+class NotificationManager: ObservableObject {
+    static let shared = NotificationManager()
+
+    @Published var isAuthorized = false
+    @Published var pendingNotifications: [String] = []
+
+    private let center = UNUserNotificationCenter.current()
+
+    private init() {
+        Task {
+            await checkAuthorization()
+        }
+    }
+
+    // MARK: - Authorization
+
+    func requestAuthorization() async -> Bool {
+        do {
+            let granted = try await center.requestAuthorization(options: [.alert, .sound, .badge])
+            isAuthorized = granted
+            return granted
+        } catch {
+            print("Notification authorization failed: \(error)")
+            return false
+        }
+    }
+
+    func checkAuthorization() async {
+        let settings = await center.notificationSettings()
+        isAuthorized = settings.authorizationStatus == .authorized
+    }
+
+    // MARK: - Conflict Notifications
+
+    func sendConflictNotification(count: Int) async {
+        guard isAuthorized else { return }
+
+        let content = UNMutableNotificationContent()
+        content.title = "HealthBridge"
+
+        if count == 1 {
+            content.body = "1 neuer Konflikt erfordert Ihre Aufmerksamkeit"
+        } else {
+            content.body = "\(count) neue Konflikte erfordern Ihre Aufmerksamkeit"
+        }
+
+        content.sound = .default
+        content.badge = NSNumber(value: count)
+        content.categoryIdentifier = "CONFLICT"
+
+        let request = UNNotificationRequest(
+            identifier: "healthbridge.conflict.\(Date().timeIntervalSince1970)",
+            content: content,
+            trigger: nil
+        )
+
+        do {
+            try await center.add(request)
+        } catch {
+            print("Failed to send notification: \(error)")
+        }
+    }
+
+    // MARK: - Sync Notifications
+
+    func sendSyncCompleteNotification(
+        conflictsResolved: Int,
+        pendingConflicts: Int
+    ) async {
+        guard isAuthorized else { return }
+
+        let content = UNMutableNotificationContent()
+        content.title = "Sync abgeschlossen"
+
+        if pendingConflicts > 0 {
+            content.body = "\(conflictsResolved) Konflikte gelöst, \(pendingConflicts) offen"
+        } else {
+            content.body = "Alle \(conflictsResolved) Konflikte wurden gelöst"
+        }
+
+        content.sound = .default
+        content.categoryIdentifier = "SYNC_COMPLETE"
+
+        let request = UNNotificationRequest(
+            identifier: "healthbridge.sync.\(Date().timeIntervalSince1970)",
+            content: content,
+            trigger: nil
+        )
+
+        do {
+            try await center.add(request)
+        } catch {
+            print("Failed to send notification: \(error)")
+        }
+    }
+
+    // MARK: - Scheduled Notifications
+
+    func scheduleReminder(at hour: Int, minute: Int) async {
+        guard isAuthorized else { return }
+
+        let content = UNMutableNotificationContent()
+        content.title = "HealthBridge Erinnerung"
+        content.body = "Vergessen Sie nicht, Ihre Gesundheitsdaten zu synchronisieren"
+        content.sound = .default
+
+        var dateComponents = DateComponents()
+        dateComponents.hour = hour
+        dateComponents.minute = minute
+
+        let trigger = UNCalendarNotificationTrigger(dateMatching: dateComponents, repeats: true)
+
+        let request = UNNotificationRequest(
+            identifier: "healthbridge.reminder.daily",
+            content: content,
+            trigger: trigger
+        )
+
+        do {
+            try await center.add(request)
+        } catch {
+            print("Failed to schedule reminder: \(error)")
+        }
+    }
+
+    func cancelReminder() {
+        center.removePendingNotificationRequests(withIdentifiers: ["healthbridge.reminder.daily"])
+    }
+
+    // MARK: - Badge Management
+
+    func clearBadge() async {
+        do {
+            try await center.setBadgeCount(0)
+        } catch {
+            print("Failed to clear badge: \(error)")
+        }
+    }
+
+    func updateBadge(count: Int) async {
+        do {
+            try await center.setBadgeCount(count)
+        } catch {
+            print("Failed to update badge: \(error)")
+        }
+    }
+
+    // MARK: - Notification Categories
+
+    func registerCategories() {
+        // Conflict category with actions
+        let resolveAction = UNNotificationAction(
+            identifier: "RESOLVE_AUTO",
+            title: "Automatisch lösen",
+            options: []
+        )
+
+        let viewAction = UNNotificationAction(
+            identifier: "VIEW_CONFLICTS",
+            title: "Anzeigen",
+            options: [.foreground]
+        )
+
+        let conflictCategory = UNNotificationCategory(
+            identifier: "CONFLICT",
+            actions: [resolveAction, viewAction],
+            intentIdentifiers: [],
+            options: []
+        )
+
+        // Sync complete category
+        let syncCategory = UNNotificationCategory(
+            identifier: "SYNC_COMPLETE",
+            actions: [viewAction],
+            intentIdentifiers: [],
+            options: []
+        )
+
+        center.setNotificationCategories([conflictCategory, syncCategory])
+    }
+}

HealthBridge/ViewModels/DashboardViewModel.swift

@@ -0,0 +1,103 @@
+import Foundation
+import Combine
+
+@MainActor
+class DashboardViewModel: ObservableObject {
+    private let syncCoordinator = SyncCoordinator.shared
+    private let dataReader = DataReader.shared
+    private let sourceManager = SourceManager.shared
+
+    @Published var dailySummary: DailySummary?
+    @Published var isLoading = false
+    @Published var selectedDate = Date()
+    @Published var errorMessage: String?
+
+    private var cancellables = Set<AnyCancellable>()
+
+    init() {
+        setupBindings()
+    }
+
+    private func setupBindings() {
+        $selectedDate
+            .debounce(for: .milliseconds(300), scheduler: DispatchQueue.main)
+            .sink { [weak self] date in
+                Task {
+                    await self?.loadData(for: date)
+                }
+            }
+            .store(in: &cancellables)
+    }
+
+    func loadData(for date: Date = Date()) async {
+        isLoading = true
+        errorMessage = nil
+
+        do {
+            dailySummary = try await dataReader.fetchDailySummary(for: date)
+        } catch {
+            errorMessage = error.localizedDescription
+        }
+
+        isLoading = false
+    }
+
+    func performSync() async {
+        do {
+            try await syncCoordinator.performSync(for: selectedDate)
+            await loadData(for: selectedDate)
+        } catch {
+            errorMessage = "Sync fehlgeschlagen: \(error.localizedDescription)"
+        }
+    }
+
+    func refresh() async {
+        await sourceManager.discoverSources()
+        await loadData(for: selectedDate)
+    }
+
+    var syncStatus: SyncStatus {
+        if syncCoordinator.isSyncing {
+            return .syncing
+        } else if let lastSync = syncCoordinator.lastSyncDate {
+            let hoursSinceSync = Date().timeIntervalSince(lastSync) / 3600
+            if hoursSinceSync < 1 {
+                return .synced
+            } else if hoursSinceSync < 24 {
+                return .stale
+            } else {
+                return .veryStale
+            }
+        } else {
+            return .neverSynced
+        }
+    }
+
+    enum SyncStatus {
+        case syncing
+        case synced
+        case stale
+        case veryStale
+        case neverSynced
+
+        var description: String {
+            switch self {
+            case .syncing: return "Synchronisiere..."
+            case .synced: return "Synchronisiert"
+            case .stale: return "Sync empfohlen"
+            case .veryStale: return "Sync überfällig"
+            case .neverSynced: return "Nie synchronisiert"
+            }
+        }
+
+        var icon: String {
+            switch self {
+            case .syncing: return "arrow.triangle.2.circlepath"
+            case .synced: return "checkmark.circle.fill"
+            case .stale: return "exclamationmark.circle"
+            case .veryStale: return "exclamationmark.triangle"
+            case .neverSynced: return "xmark.circle"
+            }
+        }
+    }
+}

HealthBridge/Views/Components/HealthChart.swift

@@ -0,0 +1,241 @@
+import SwiftUI
+import Charts
+
+struct HealthChart: View {
+    let dataType: HealthDataType
+    let data: [ChartDataPoint]
+    let showConflicts: Bool
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: 8) {
+            HStack {
+                Image(systemName: dataType.icon)
+                    .foregroundStyle(.blue)
+                Text(dataType.displayName)
+                    .font(.headline)
+                Spacer()
+                if let latest = data.last {
+                    Text(latest.formattedValue)
+                        .font(.title3)
+                        .fontWeight(.semibold)
+                    Text(dataType.unit)
+                        .font(.caption)
+                        .foregroundStyle(.secondary)
+                }
+            }
+
+            if #available(iOS 16.0, *) {
+                Chart(data) { point in
+                    LineMark(
+                        x: .value("Zeit", point.date),
+                        y: .value("Wert", point.value)
+                    )
+                    .foregroundStyle(.blue)
+
+                    PointMark(
+                        x: .value("Zeit", point.date),
+                        y: .value("Wert", point.value)
+                    )
+                    .foregroundStyle(point.hasConflict && showConflicts ? .orange : .blue)
+                    .symbolSize(point.hasConflict && showConflicts ? 100 : 50)
+                }
+                .frame(height: 150)
+                .chartXAxis {
+                    AxisMarks(values: .stride(by: .hour, count: 4)) { value in
+                        AxisValueLabel(format: .dateTime.hour())
+                    }
+                }
+                .chartYAxis {
+                    AxisMarks(position: .leading)
+                }
+            } else {
+                // Fallback for iOS 15
+                simpleChart
+            }
+        }
+        .padding()
+        .background(Color(.secondarySystemBackground))
+        .clipShape(RoundedRectangle(cornerRadius: 12))
+    }
+
+    private var simpleChart: some View {
+        GeometryReader { geometry in
+            let maxValue = data.map { $0.value }.max() ?? 1
+            let minValue = data.map { $0.value }.min() ?? 0
+            let range = maxValue - minValue
+
+            Path { path in
+                guard !data.isEmpty else { return }
+
+                let xStep = geometry.size.width / CGFloat(max(1, data.count - 1))
+
+                for (index, point) in data.enumerated() {
+                    let x = CGFloat(index) * xStep
+                    let normalizedY = range > 0 ? (point.value - minValue) / range : 0.5
+                    let y = geometry.size.height * (1 - normalizedY)
+
+                    if index == 0 {
+                        path.move(to: CGPoint(x: x, y: y))
+                    } else {
+                        path.addLine(to: CGPoint(x: x, y: y))
+                    }
+                }
+            }
+            .stroke(Color.blue, lineWidth: 2)
+        }
+        .frame(height: 150)
+    }
+}
+
+struct ChartDataPoint: Identifiable {
+    let id = UUID()
+    let date: Date
+    let value: Double
+    let hasConflict: Bool
+    let sourceId: String?
+
+    var formattedValue: String {
+        if value == floor(value) {
+            return String(format: "%.0f", value)
+        }
+        return String(format: "%.1f", value)
+    }
+}
+
+// MARK: - Blood Pressure Chart
+struct BloodPressureChart: View {
+    let data: [BloodPressurePoint]
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: 8) {
+            HStack {
+                Image(systemName: "drop.fill")
+                    .foregroundStyle(.red)
+                Text("Blutdruck")
+                    .font(.headline)
+                Spacer()
+                if let latest = data.last {
+                    Text("\(Int(latest.systolic))/\(Int(latest.diastolic))")
+                        .font(.title3)
+                        .fontWeight(.semibold)
+                    Text("mmHg")
+                        .font(.caption)
+                        .foregroundStyle(.secondary)
+                }
+            }
+
+            if #available(iOS 16.0, *) {
+                Chart(data) { point in
+                    // Systolic
+                    LineMark(
+                        x: .value("Zeit", point.date),
+                        y: .value("Systolisch", point.systolic)
+                    )
+                    .foregroundStyle(.red)
+
+                    // Diastolic
+                    LineMark(
+                        x: .value("Zeit", point.date),
+                        y: .value("Diastolisch", point.diastolic)
+                    )
+                    .foregroundStyle(.blue)
+                }
+                .frame(height: 150)
+                .chartYScale(domain: 40...180)
+                .chartLegend(position: .bottom)
+            }
+        }
+        .padding()
+        .background(Color(.secondarySystemBackground))
+        .clipShape(RoundedRectangle(cornerRadius: 12))
+    }
+}
+
+struct BloodPressurePoint: Identifiable {
+    let id = UUID()
+    let date: Date
+    let systolic: Double
+    let diastolic: Double
+    let classification: BloodPressureHandler.BloodPressureClassification
+}
+
+// MARK: - Summary Ring
+struct SummaryRing: View {
+    let progress: Double
+    let color: Color
+    let icon: String
+    let value: String
+    let label: String
+
+    var body: some View {
+        VStack(spacing: 4) {
+            ZStack {
+                Circle()
+                    .stroke(color.opacity(0.2), lineWidth: 8)
+
+                Circle()
+                    .trim(from: 0, to: min(progress, 1.0))
+                    .stroke(color, style: StrokeStyle(lineWidth: 8, lineCap: .round))
+                    .rotationEffect(.degrees(-90))
+
+                VStack(spacing: 2) {
+                    Image(systemName: icon)
+                        .font(.caption)
+                        .foregroundStyle(color)
+                    Text(value)
+                        .font(.caption2)
+                        .fontWeight(.semibold)
+                }
+            }
+            .frame(width: 60, height: 60)
+
+            Text(label)
+                .font(.caption2)
+                .foregroundStyle(.secondary)
+        }
+    }
+}
+
+#Preview {
+    VStack(spacing: 20) {
+        HealthChart(
+            dataType: .steps,
+            data: (0..<24).map { hour in
+                ChartDataPoint(
+                    date: Calendar.current.date(byAdding: .hour, value: hour, to: Calendar.current.startOfDay(for: Date()))!,
+                    value: Double.random(in: 0...1000),
+                    hasConflict: hour % 5 == 0,
+                    sourceId: nil
+                )
+            },
+            showConflicts: true
+        )
+
+        HStack(spacing: 20) {
+            SummaryRing(
+                progress: 0.75,
+                color: .blue,
+                icon: "figure.walk",
+                value: "7.5k",
+                label: "Schritte"
+            )
+
+            SummaryRing(
+                progress: 0.5,
+                color: .red,
+                icon: "heart.fill",
+                value: "72",
+                label: "Puls"
+            )
+
+            SummaryRing(
+                progress: 1.0,
+                color: .green,
+                icon: "checkmark.circle",
+                value: "100%",
+                label: "Synced"
+            )
+        }
+    }
+    .padding()
+}

HealthBridge/Views/ConflictsView.swift

@@ -0,0 +1,348 @@
+import SwiftUI
+
+struct ConflictsView: View {
+    @EnvironmentObject var syncCoordinator: SyncCoordinator
+    @State private var selectedConflict: Conflict?
+    @State private var showingDetail = false
+
+    var body: some View {
+        NavigationStack {
+            Group {
+                if syncCoordinator.pendingConflicts.isEmpty {
+                    emptyState
+                } else {
+                    conflictsList
+                }
+            }
+            .navigationTitle("Konflikte")
+            .toolbar {
+                ToolbarItem(placement: .topBarTrailing) {
+                    Menu {
+                        Button("Alle automatisch lösen") {
+                            Task { await resolveAllAuto() }
+                        }
+                        Button("Alle ignorieren", role: .destructive) {
+                            ignoreAll()
+                        }
+                    } label: {
+                        Image(systemName: "ellipsis.circle")
+                    }
+                    .disabled(syncCoordinator.pendingConflicts.isEmpty)
+                }
+            }
+            .sheet(item: $selectedConflict) { conflict in
+                ConflictDetailView(conflict: conflict) { selectedReadingId in
+                    Task {
+                        await resolveConflict(conflict, selectedReadingId: selectedReadingId)
+                    }
+                }
+            }
+        }
+    }
+
+    // MARK: - Empty State
+
+    private var emptyState: some View {
+        VStack(spacing: 16) {
+            Image(systemName: "checkmark.circle.fill")
+                .font(.system(size: 64))
+                .foregroundStyle(.green)
+
+            Text("Keine Konflikte")
+                .font(.title2)
+                .fontWeight(.semibold)
+
+            Text("Alle Ihre Gesundheitsdaten sind synchronisiert")
+                .font(.subheadline)
+                .foregroundStyle(.secondary)
+                .multilineTextAlignment(.center)
+        }
+        .padding()
+    }
+
+    // MARK: - Conflicts List
+
+    private var conflictsList: some View {
+        List {
+            ForEach(groupedConflicts.keys.sorted(by: { $0.displayName < $1.displayName }), id: \.self) { dataType in
+                Section(dataType.displayName) {
+                    ForEach(groupedConflicts[dataType] ?? []) { conflict in
+                        ConflictRow(conflict: conflict)
+                            .contentShape(Rectangle())
+                            .onTapGesture {
+                                selectedConflict = conflict
+                            }
+                    }
+                }
+            }
+        }
+        .listStyle(.insetGrouped)
+    }
+
+    private var groupedConflicts: [HealthDataType: [Conflict]] {
+        Dictionary(grouping: syncCoordinator.pendingConflicts, by: { $0.dataType })
+    }
+
+    // MARK: - Actions
+
+    private func resolveConflict(_ conflict: Conflict, selectedReadingId: UUID) async {
+        do {
+            try await syncCoordinator.resolveConflict(conflict, selectedReadingId: selectedReadingId)
+            selectedConflict = nil
+        } catch {
+            print("Failed to resolve conflict: \(error)")
+        }
+    }
+
+    private func resolveAllAuto() async {
+        for conflict in syncCoordinator.pendingConflicts {
+            if let primaryReading = conflict.primarySourceReading {
+                try? await syncCoordinator.resolveConflict(conflict, selectedReadingId: primaryReading.id)
+            }
+        }
+    }
+
+    private func ignoreAll() {
+        for conflict in syncCoordinator.pendingConflicts {
+            syncCoordinator.ignoreConflict(conflict)
+        }
+    }
+}
+
+// MARK: - Conflict Row
+
+struct ConflictRow: View {
+    let conflict: Conflict
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: 8) {
+            HStack {
+                Image(systemName: conflict.dataType.icon)
+                    .foregroundStyle(.blue)
+
+                Text(conflict.timeWindow.formattedRange)
+                    .font(.headline)
+
+                Spacer()
+
+                severityBadge
+            }
+
+            HStack(spacing: 16) {
+                ForEach(conflict.readings.prefix(3)) { reading in
+                    VStack(alignment: .leading, spacing: 2) {
+                        Text(reading.sourceName)
+                            .font(.caption)
+                            .foregroundStyle(.secondary)
+                        Text(reading.formattedValue)
+                            .font(.subheadline)
+                            .fontWeight(.medium)
+                    }
+                }
+            }
+
+            if conflict.readings.count > 3 {
+                Text("+\(conflict.readings.count - 3) weitere")
+                    .font(.caption)
+                    .foregroundStyle(.secondary)
+            }
+        }
+        .padding(.vertical, 4)
+    }
+
+    private var severityBadge: some View {
+        Text(conflict.severity.displayName)
+            .font(.caption2)
+            .padding(.horizontal, 8)
+            .padding(.vertical, 4)
+            .background(severityColor.opacity(0.2))
+            .foregroundStyle(severityColor)
+            .clipShape(Capsule())
+    }
+
+    private var severityColor: Color {
+        switch conflict.severity {
+        case .minor: return .green
+        case .moderate: return .yellow
+        case .significant: return .orange
+        case .major: return .red
+        }
+    }
+}
+
+// MARK: - Conflict Detail View
+
+struct ConflictDetailView: View {
+    let conflict: Conflict
+    let onResolve: (UUID) -> Void
+
+    @Environment(\.dismiss) private var dismiss
+    @State private var selectedReadingId: UUID?
+
+    var body: some View {
+        NavigationStack {
+            ScrollView {
+                VStack(spacing: 20) {
+                    // Header
+                    headerSection
+
+                    // Readings
+                    readingsSection
+
+                    // Difference Info
+                    differenceSection
+
+                    Spacer()
+                }
+                .padding()
+            }
+            .navigationTitle("Konflikt lösen")
+            .navigationBarTitleDisplayMode(.inline)
+            .toolbar {
+                ToolbarItem(placement: .cancellationAction) {
+                    Button("Abbrechen") {
+                        dismiss()
+                    }
+                }
+
+                ToolbarItem(placement: .confirmationAction) {
+                    Button("Auswählen") {
+                        if let id = selectedReadingId {
+                            onResolve(id)
+                        }
+                    }
+                    .disabled(selectedReadingId == nil)
+                }
+            }
+        }
+    }
+
+    // MARK: - Header
+
+    private var headerSection: some View {
+        VStack(spacing: 8) {
+            Image(systemName: conflict.dataType.icon)
+                .font(.largeTitle)
+                .foregroundStyle(.blue)
+
+            Text(conflict.dataType.displayName)
+                .font(.title2)
+                .fontWeight(.semibold)
+
+            Text(conflict.timeWindow.formattedDate)
+                .font(.subheadline)
+                .foregroundStyle(.secondary)
+
+            Text(conflict.timeWindow.formattedRange)
+                .font(.subheadline)
+                .foregroundStyle(.secondary)
+        }
+        .padding()
+    }
+
+    // MARK: - Readings
+
+    private var readingsSection: some View {
+        VStack(alignment: .leading, spacing: 12) {
+            Text("Quellen")
+                .font(.headline)
+
+            ForEach(conflict.readings) { reading in
+                ReadingCard(
+                    reading: reading,
+                    isSelected: selectedReadingId == reading.id,
+                    dataType: conflict.dataType
+                )
+                .onTapGesture {
+                    selectedReadingId = reading.id
+                }
+            }
+        }
+    }
+
+    // MARK: - Difference
+
+    private var differenceSection: some View {
+        VStack(alignment: .leading, spacing: 8) {
+            Text("Analyse")
+                .font(.headline)
+
+            HStack {
+                VStack(alignment: .leading) {
+                    Text("Differenz")
+                        .font(.caption)
+                        .foregroundStyle(.secondary)
+                    Text(String(format: "%.1f %@", conflict.valueDifference, conflict.dataType.unit))
+                        .font(.title3)
+                        .fontWeight(.medium)
+                }
+
+                Spacer()
+
+                VStack(alignment: .trailing) {
+                    Text("Prozentual")
+                        .font(.caption)
+                        .foregroundStyle(.secondary)
+                    Text(String(format: "%.1f%%", conflict.percentageDifference))
+                        .font(.title3)
+                        .fontWeight(.medium)
+                }
+            }
+            .padding()
+            .background(Color(.secondarySystemBackground))
+            .clipShape(RoundedRectangle(cornerRadius: 12))
+        }
+    }
+}
+
+// MARK: - Reading Card
+
+struct ReadingCard: View {
+    let reading: SourceReading
+    let isSelected: Bool
+    let dataType: HealthDataType
+
+    var body: some View {
+        HStack {
+            VStack(alignment: .leading, spacing: 4) {
+                HStack {
+                    Image(systemName: reading.sourceCategory.icon)
+                        .foregroundStyle(.blue)
+                    Text(reading.sourceName)
+                        .font(.headline)
+                }
+
+                Text(reading.sourceCategory.displayName)
+                    .font(.caption)
+                    .foregroundStyle(.secondary)
+            }
+
+            Spacer()
+
+            VStack(alignment: .trailing, spacing: 4) {
+                Text(reading.formattedValue)
+                    .font(.title2)
+                    .fontWeight(.semibold)
+                Text(dataType.unit)
+                    .font(.caption)
+                    .foregroundStyle(.secondary)
+            }
+
+            Image(systemName: isSelected ? "checkmark.circle.fill" : "circle")
+                .font(.title2)
+                .foregroundStyle(isSelected ? .blue : .secondary)
+        }
+        .padding()
+        .background(isSelected ? Color.blue.opacity(0.1) : Color(.secondarySystemBackground))
+        .clipShape(RoundedRectangle(cornerRadius: 12))
+        .overlay(
+            RoundedRectangle(cornerRadius: 12)
+                .stroke(isSelected ? Color.blue : Color.clear, lineWidth: 2)
+        )
+    }
+}
+
+#Preview {
+    ConflictsView()
+        .environmentObject(SyncCoordinator.shared)
+}

HealthBridge/Views/ContentView.swift

@@ -0,0 +1,42 @@
+import SwiftUI
+
+struct ContentView: View {
+    @EnvironmentObject var appState: AppState
+    @EnvironmentObject var syncCoordinator: SyncCoordinator
+
+    var body: some View {
+        TabView(selection: $appState.selectedTab) {
+            DashboardView()
+                .tabItem {
+                    Label("Dashboard", systemImage: "chart.bar.fill")
+                }
+                .tag(AppState.Tab.dashboard)
+
+            ConflictsView()
+                .tabItem {
+                    Label("Konflikte", systemImage: "arrow.triangle.2.circlepath")
+                }
+                .tag(AppState.Tab.conflicts)
+                .badge(syncCoordinator.pendingConflicts.count)
+
+            RulesView()
+                .tabItem {
+                    Label("Regeln", systemImage: "slider.horizontal.3")
+                }
+                .tag(AppState.Tab.rules)
+
+            SourcesView()
+                .tabItem {
+                    Label("Quellen", systemImage: "antenna.radiowaves.left.and.right")
+                }
+                .tag(AppState.Tab.sources)
+        }
+        .tint(.blue)
+    }
+}
+
+#Preview {
+    ContentView()
+        .environmentObject(AppState())
+        .environmentObject(SyncCoordinator.shared)
+}

HealthBridge/Views/DashboardView.swift

@@ -0,0 +1,379 @@
+import SwiftUI
+
+struct DashboardView: View {
+    @EnvironmentObject var appState: AppState
+    @EnvironmentObject var syncCoordinator: SyncCoordinator
+    @StateObject private var dataReader = DataReader.shared
+
+    @State private var dailySummary: DailySummary?
+    @State private var isLoading = false
+    @State private var selectedDate = Date()
+
+    var body: some View {
+        NavigationStack {
+            ScrollView {
+                VStack(spacing: 20) {
+                    // Sync Status Card
+                    syncStatusCard
+
+                    // Date Picker
+                    datePicker
+
+                    // Health Metrics
+                    if let summary = dailySummary {
+                        healthMetricsGrid(summary: summary)
+                    } else if isLoading {
+                        loadingView
+                    } else {
+                        emptyStateView
+                    }
+
+                    // Pending Conflicts Alert
+                    if !syncCoordinator.pendingConflicts.isEmpty {
+                        pendingConflictsCard
+                    }
+
+                    // Recent Sync History
+                    recentSyncHistory
+                }
+                .padding()
+            }
+            .navigationTitle("HealthBridge")
+            .toolbar {
+                ToolbarItem(placement: .topBarTrailing) {
+                    Button {
+                        Task { await performSync() }
+                    } label: {
+                        if syncCoordinator.isSyncing {
+                            ProgressView()
+                                .scaleEffect(0.8)
+                        } else {
+                            Image(systemName: "arrow.clockwise")
+                        }
+                    }
+                    .disabled(syncCoordinator.isSyncing)
+                }
+            }
+            .refreshable {
+                await loadData()
+            }
+            .task {
+                await loadData()
+            }
+            .onChange(of: selectedDate) {
+                Task { await loadData() }
+            }
+        }
+    }
+
+    // MARK: - Sync Status Card
+
+    private var syncStatusCard: some View {
+        VStack(spacing: 12) {
+            HStack {
+                VStack(alignment: .leading, spacing: 4) {
+                    Text("Heute")
+                        .font(.headline)
+                    Text(syncCoordinator.todayStats.formattedLastSync)
+                        .font(.caption)
+                        .foregroundStyle(.secondary)
+                }
+
+                Spacer()
+
+                if syncCoordinator.isSyncing {
+                    VStack(alignment: .trailing) {
+                        ProgressView(value: syncCoordinator.syncProgress)
+                            .frame(width: 60)
+                        Text("Synchronisiere...")
+                            .font(.caption2)
+                            .foregroundStyle(.secondary)
+                    }
+                } else {
+                    Image(systemName: "checkmark.circle.fill")
+                        .font(.title2)
+                        .foregroundStyle(.green)
+                }
+            }
+
+            Divider()
+
+            HStack(spacing: 20) {
+                StatItem(
+                    value: "\(syncCoordinator.todayStats.syncCount)",
+                    label: "Syncs",
+                    icon: "arrow.triangle.2.circlepath"
+                )
+
+                StatItem(
+                    value: "\(syncCoordinator.todayStats.totalConflicts)",
+                    label: "Konflikte",
+                    icon: "exclamationmark.triangle"
+                )
+
+                StatItem(
+                    value: "\(Int(syncCoordinator.todayStats.resolutionRate * 100))%",
+                    label: "Gelöst",
+                    icon: "checkmark.circle"
+                )
+            }
+        }
+        .padding()
+        .background(Color(.systemBackground))
+        .clipShape(RoundedRectangle(cornerRadius: 16))
+        .shadow(color: .black.opacity(0.05), radius: 8, y: 4)
+    }
+
+    // MARK: - Date Picker
+
+    private var datePicker: some View {
+        DatePicker(
+            "Datum",
+            selection: $selectedDate,
+            in: ...Date(),
+            displayedComponents: .date
+        )
+        .datePickerStyle(.compact)
+        .padding(.horizontal)
+    }
+
+    // MARK: - Health Metrics Grid
+
+    private func healthMetricsGrid(summary: DailySummary) -> some View {
+        LazyVGrid(columns: [
+            GridItem(.flexible()),
+            GridItem(.flexible())
+        ], spacing: 16) {
+            ForEach(HealthDataType.allCases) { dataType in
+                if let value = summary.values[dataType], value > 0 {
+                    HealthMetricCard(
+                        dataType: dataType,
+                        value: summary.formattedValue(for: dataType),
+                        conflictCount: summary.conflictCounts[dataType] ?? 0
+                    )
+                }
+            }
+        }
+    }
+
+    // MARK: - Pending Conflicts Card
+
+    private var pendingConflictsCard: some View {
+        Button {
+            appState.selectedTab = .conflicts
+        } label: {
+            HStack {
+                Image(systemName: "exclamationmark.triangle.fill")
+                    .foregroundStyle(.orange)
+
+                VStack(alignment: .leading) {
+                    Text("\(syncCoordinator.pendingConflicts.count) Konflikte zu prüfen")
+                        .font(.headline)
+                    Text("Tippen zum Anzeigen")
+                        .font(.caption)
+                        .foregroundStyle(.secondary)
+                }
+
+                Spacer()
+
+                Image(systemName: "chevron.right")
+                    .foregroundStyle(.secondary)
+            }
+            .padding()
+            .background(Color.orange.opacity(0.1))
+            .clipShape(RoundedRectangle(cornerRadius: 12))
+        }
+        .buttonStyle(.plain)
+    }
+
+    // MARK: - Recent Sync History
+
+    private var recentSyncHistory: some View {
+        VStack(alignment: .leading, spacing: 12) {
+            Text("Letzte Synchronisierungen")
+                .font(.headline)
+
+            ForEach(syncCoordinator.syncHistory.prefix(5)) { result in
+                SyncHistoryRow(result: result)
+            }
+
+            if syncCoordinator.syncHistory.isEmpty {
+                Text("Keine Synchronisierungen")
+                    .font(.subheadline)
+                    .foregroundStyle(.secondary)
+                    .frame(maxWidth: .infinity)
+                    .padding()
+            }
+        }
+        .padding()
+        .background(Color(.systemBackground))
+        .clipShape(RoundedRectangle(cornerRadius: 16))
+        .shadow(color: .black.opacity(0.05), radius: 8, y: 4)
+    }
+
+    // MARK: - Loading & Empty States
+
+    private var loadingView: some View {
+        VStack(spacing: 12) {
+            ProgressView()
+            Text("Lade Daten...")
+                .font(.subheadline)
+                .foregroundStyle(.secondary)
+        }
+        .frame(maxWidth: .infinity)
+        .padding(.vertical, 40)
+    }
+
+    private var emptyStateView: some View {
+        VStack(spacing: 12) {
+            Image(systemName: "heart.text.square")
+                .font(.system(size: 48))
+                .foregroundStyle(.secondary)
+            Text("Keine Daten verfügbar")
+                .font(.headline)
+            Text("Synchronisieren Sie, um Daten zu laden")
+                .font(.subheadline)
+                .foregroundStyle(.secondary)
+        }
+        .frame(maxWidth: .infinity)
+        .padding(.vertical, 40)
+    }
+
+    // MARK: - Actions
+
+    private func loadData() async {
+        isLoading = true
+        defer { isLoading = false }
+
+        do {
+            dailySummary = try await dataReader.fetchDailySummary(for: selectedDate)
+        } catch {
+            print("Failed to load data: \(error)")
+        }
+    }
+
+    private func performSync() async {
+        do {
+            try await syncCoordinator.performSync(for: selectedDate)
+            await loadData()
+        } catch {
+            print("Sync failed: \(error)")
+        }
+    }
+}
+
+// MARK: - Supporting Views
+
+struct StatItem: View {
+    let value: String
+    let label: String
+    let icon: String
+
+    var body: some View {
+        VStack(spacing: 4) {
+            Image(systemName: icon)
+                .font(.caption)
+                .foregroundStyle(.secondary)
+            Text(value)
+                .font(.title3)
+                .fontWeight(.semibold)
+            Text(label)
+                .font(.caption2)
+                .foregroundStyle(.secondary)
+        }
+        .frame(maxWidth: .infinity)
+    }
+}
+
+struct HealthMetricCard: View {
+    let dataType: HealthDataType
+    let value: String
+    let conflictCount: Int
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: 8) {
+            HStack {
+                Image(systemName: dataType.icon)
+                    .foregroundStyle(.blue)
+                Spacer()
+                if conflictCount > 0 {
+                    Text("\(conflictCount)")
+                        .font(.caption2)
+                        .padding(.horizontal, 6)
+                        .padding(.vertical, 2)
+                        .background(Color.orange.opacity(0.2))
+                        .clipShape(Capsule())
+                }
+            }
+
+            Text(value)
+                .font(.title2)
+                .fontWeight(.semibold)
+
+            Text(dataType.displayName)
+                .font(.caption)
+                .foregroundStyle(.secondary)
+        }
+        .padding()
+        .background(Color(.systemBackground))
+        .clipShape(RoundedRectangle(cornerRadius: 12))
+        .shadow(color: .black.opacity(0.05), radius: 4, y: 2)
+    }
+}
+
+struct SyncHistoryRow: View {
+    let result: SyncResult
+
+    var body: some View {
+        HStack {
+            Image(systemName: statusIcon)
+                .foregroundStyle(statusColor)
+
+            VStack(alignment: .leading, spacing: 2) {
+                Text(formattedDate)
+                    .font(.subheadline)
+                Text("\(result.autoResolved)/\(result.totalConflicts) gelöst")
+                    .font(.caption)
+                    .foregroundStyle(.secondary)
+            }
+
+            Spacer()
+
+            Text(result.formattedDuration)
+                .font(.caption)
+                .foregroundStyle(.secondary)
+        }
+        .padding(.vertical, 4)
+    }
+
+    private var statusIcon: String {
+        switch result.status {
+        case .success: return "checkmark.circle.fill"
+        case .partialSuccess: return "exclamationmark.circle.fill"
+        case .failed: return "xmark.circle.fill"
+        case .inProgress: return "arrow.clockwise"
+        }
+    }
+
+    private var statusColor: Color {
+        switch result.status {
+        case .success: return .green
+        case .partialSuccess: return .orange
+        case .failed: return .red
+        case .inProgress: return .blue
+        }
+    }
+
+    private var formattedDate: String {
+        let formatter = DateFormatter()
+        formatter.dateStyle = .short
+        formatter.timeStyle = .short
+        return formatter.string(from: result.startedAt)
+    }
+}
+
+#Preview {
+    DashboardView()
+        .environmentObject(AppState())
+        .environmentObject(SyncCoordinator.shared)
+}

HealthBridge/Views/RulesView.swift

@@ -0,0 +1,252 @@
+import SwiftUI
+
+struct RulesView: View {
+    @StateObject private var ruleEngine = RuleEngine.shared
+    @StateObject private var sourceManager = SourceManager.shared
+    @State private var selectedDataType: HealthDataType?
+    @State private var showingResetConfirmation = false
+
+    var body: some View {
+        NavigationStack {
+            List {
+                Section {
+                    Text("Regeln bestimmen, wie Konflikte zwischen verschiedenen Datenquellen automatisch gelöst werden.")
+                        .font(.caption)
+                        .foregroundStyle(.secondary)
+                }
+
+                ForEach(HealthDataType.allCases) { dataType in
+                    RuleRow(
+                        dataType: dataType,
+                        rule: ruleEngine.getRule(for: dataType)
+                    )
+                    .contentShape(Rectangle())
+                    .onTapGesture {
+                        selectedDataType = dataType
+                    }
+                }
+            }
+            .listStyle(.insetGrouped)
+            .navigationTitle("Regeln")
+            .toolbar {
+                ToolbarItem(placement: .topBarTrailing) {
+                    Menu {
+                        Button("Alle zurücksetzen", role: .destructive) {
+                            showingResetConfirmation = true
+                        }
+                    } label: {
+                        Image(systemName: "ellipsis.circle")
+                    }
+                }
+            }
+            .sheet(item: $selectedDataType) { dataType in
+                RuleEditorView(dataType: dataType)
+            }
+            .confirmationDialog(
+                "Alle Regeln zurücksetzen?",
+                isPresented: $showingResetConfirmation,
+                titleVisibility: .visible
+            ) {
+                Button("Zurücksetzen", role: .destructive) {
+                    ruleEngine.resetAllToDefaults()
+                }
+                Button("Abbrechen", role: .cancel) {}
+            } message: {
+                Text("Alle Regeln werden auf die Standardwerte zurückgesetzt.")
+            }
+        }
+    }
+}
+
+// MARK: - Rule Row
+
+struct RuleRow: View {
+    let dataType: HealthDataType
+    let rule: MergeRule
+
+    var body: some View {
+        HStack {
+            Image(systemName: dataType.icon)
+                .foregroundStyle(.blue)
+                .frame(width: 30)
+
+            VStack(alignment: .leading, spacing: 4) {
+                Text(dataType.displayName)
+                    .font(.headline)
+
+                HStack(spacing: 8) {
+                    Image(systemName: rule.strategy.icon)
+                        .font(.caption)
+                    Text(rule.strategy.displayName)
+                        .font(.caption)
+                }
+                .foregroundStyle(.secondary)
+            }
+
+            Spacer()
+
+            if !rule.autoApply {
+                Image(systemName: "hand.raised.fill")
+                    .foregroundStyle(.orange)
+                    .font(.caption)
+            }
+
+            Image(systemName: "chevron.right")
+                .font(.caption)
+                .foregroundStyle(.secondary)
+        }
+        .padding(.vertical, 4)
+    }
+}
+
+// MARK: - Rule Editor View
+
+struct RuleEditorView: View {
+    let dataType: HealthDataType
+    @Environment(\.dismiss) private var dismiss
+    @StateObject private var ruleEngine = RuleEngine.shared
+    @StateObject private var sourceManager = SourceManager.shared
+
+    @State private var selectedStrategy: MergeStrategy
+    @State private var autoApply: Bool
+    @State private var primarySourceId: String?
+    @State private var thresholdForManualReview: Double?
+    @State private var useThreshold: Bool
+
+    init(dataType: HealthDataType) {
+        self.dataType = dataType
+        let rule = RuleEngine.shared.getRule(for: dataType)
+        _selectedStrategy = State(initialValue: rule.strategy)
+        _autoApply = State(initialValue: rule.autoApply)
+        _primarySourceId = State(initialValue: rule.primarySourceId)
+        _thresholdForManualReview = State(initialValue: rule.thresholdForManualReview)
+        _useThreshold = State(initialValue: rule.thresholdForManualReview != nil)
+    }
+
+    var body: some View {
+        NavigationStack {
+            Form {
+                // Data Type Info
+                Section {
+                    HStack {
+                        Image(systemName: dataType.icon)
+                            .font(.title2)
+                            .foregroundStyle(.blue)
+                        VStack(alignment: .leading) {
+                            Text(dataType.displayName)
+                                .font(.headline)
+                            Text(dataType.unit)
+                                .font(.caption)
+                                .foregroundStyle(.secondary)
+                        }
+                    }
+                }
+
+                // Strategy Selection
+                Section("Strategie") {
+                    Picker("Merge-Strategie", selection: $selectedStrategy) {
+                        ForEach(MergeStrategy.allCases) { strategy in
+                            Label(strategy.displayName, systemImage: strategy.icon)
+                                .tag(strategy)
+                        }
+                    }
+                    .pickerStyle(.navigationLink)
+
+                    Text(selectedStrategy.description)
+                        .font(.caption)
+                        .foregroundStyle(.secondary)
+                }
+
+                // Primary Source (for exclusive/priority)
+                if selectedStrategy == .exclusive || selectedStrategy == .priority {
+                    Section("Primäre Quelle") {
+                        let sources = sourceManager.sources.filter {
+                            $0.supportedDataTypes.contains(dataType)
+                        }
+
+                        if sources.isEmpty {
+                            Text("Keine Quellen für diesen Datentyp")
+                                .foregroundStyle(.secondary)
+                        } else {
+                            Picker("Quelle", selection: $primarySourceId) {
+                                Text("Automatisch").tag(nil as String?)
+                                ForEach(sources) { source in
+                                    Text(source.displayName).tag(source.bundleIdentifier as String?)
+                                }
+                            }
+                        }
+                    }
+                }
+
+                // Auto Apply
+                Section("Automatisierung") {
+                    Toggle("Automatisch anwenden", isOn: $autoApply)
+
+                    if autoApply {
+                        Toggle("Schwellenwert für manuelle Prüfung", isOn: $useThreshold)
+
+                        if useThreshold {
+                            VStack(alignment: .leading) {
+                                Text("Bei Differenz über \(Int(thresholdForManualReview ?? 20))% nachfragen")
+                                    .font(.caption)
+                                    .foregroundStyle(.secondary)
+
+                                Slider(
+                                    value: Binding(
+                                        get: { thresholdForManualReview ?? 20 },
+                                        set: { thresholdForManualReview = $0 }
+                                    ),
+                                    in: 5...50,
+                                    step: 5
+                                )
+                            }
+                        }
+                    }
+                }
+
+                // Reset
+                Section {
+                    Button("Auf Standard zurücksetzen", role: .destructive) {
+                        let defaultRule = MergeRule.defaultRule(for: dataType)
+                        selectedStrategy = defaultRule.strategy
+                        autoApply = defaultRule.autoApply
+                        primarySourceId = defaultRule.primarySourceId
+                        thresholdForManualReview = defaultRule.thresholdForManualReview
+                        useThreshold = defaultRule.thresholdForManualReview != nil
+                    }
+                }
+            }
+            .navigationTitle("Regel bearbeiten")
+            .navigationBarTitleDisplayMode(.inline)
+            .toolbar {
+                ToolbarItem(placement: .cancellationAction) {
+                    Button("Abbrechen") {
+                        dismiss()
+                    }
+                }
+
+                ToolbarItem(placement: .confirmationAction) {
+                    Button("Speichern") {
+                        saveRule()
+                        dismiss()
+                    }
+                }
+            }
+        }
+    }
+
+    private func saveRule() {
+        let rule = MergeRule(
+            dataType: dataType,
+            strategy: selectedStrategy,
+            primarySourceId: primarySourceId,
+            autoApply: autoApply,
+            thresholdForManualReview: useThreshold ? thresholdForManualReview : nil
+        )
+        ruleEngine.setRule(rule, for: dataType)
+    }
+}
+
+#Preview {
+    RulesView()
+}

HealthBridge/Views/SettingsView.swift

@@ -0,0 +1,218 @@
+import SwiftUI
+
+struct SettingsView: View {
+    @AppStorage("backgroundSyncEnabled") private var backgroundSyncEnabled = true
+    @AppStorage("syncIntervalMinutes") private var syncIntervalMinutes = 15
+    @AppStorage("notificationsEnabled") private var notificationsEnabled = true
+    @AppStorage("notifyOnConflict") private var notifyOnConflict = true
+    @AppStorage("notifyOnSyncComplete") private var notifyOnSyncComplete = false
+    @AppStorage("autoResolveMinorConflicts") private var autoResolveMinorConflicts = true
+
+    @StateObject private var syncCoordinator = SyncCoordinator.shared
+    @StateObject private var healthKitManager = HealthKitManager.shared
+
+    @State private var showingClearDataConfirmation = false
+    @State private var showingExportSheet = false
+
+    var body: some View {
+        NavigationStack {
+            Form {
+                // Sync Settings
+                Section("Synchronisierung") {
+                    Toggle("Hintergrund-Sync", isOn: $backgroundSyncEnabled)
+
+                    if backgroundSyncEnabled {
+                        Picker("Intervall", selection: $syncIntervalMinutes) {
+                            Text("15 Minuten").tag(15)
+                            Text("30 Minuten").tag(30)
+                            Text("1 Stunde").tag(60)
+                            Text("2 Stunden").tag(120)
+                        }
+                    }
+
+                    Toggle("Kleine Konflikte automatisch lösen", isOn: $autoResolveMinorConflicts)
+                }
+
+                // Notification Settings
+                Section("Benachrichtigungen") {
+                    Toggle("Benachrichtigungen aktivieren", isOn: $notificationsEnabled)
+
+                    if notificationsEnabled {
+                        Toggle("Bei neuen Konflikten", isOn: $notifyOnConflict)
+                        Toggle("Nach Synchronisierung", isOn: $notifyOnSyncComplete)
+                    }
+                }
+
+                // Health Status
+                Section("HealthKit Status") {
+                    HStack {
+                        Text("Autorisierung")
+                        Spacer()
+                        if healthKitManager.isAuthorized {
+                            Label("Erteilt", systemImage: "checkmark.circle.fill")
+                                .foregroundStyle(.green)
+                        } else {
+                            Label("Ausstehend", systemImage: "exclamationmark.circle")
+                                .foregroundStyle(.orange)
+                        }
+                    }
+
+                    if !healthKitManager.isAuthorized {
+                        Button("HealthKit-Zugriff anfordern") {
+                            Task {
+                                try? await healthKitManager.requestAuthorization()
+                            }
+                        }
+                    }
+                }
+
+                // Statistics
+                Section("Statistiken") {
+                    StatRow(label: "Syncs heute", value: "\(syncCoordinator.todayStats.syncCount)")
+                    StatRow(label: "Konflikte heute", value: "\(syncCoordinator.todayStats.totalConflicts)")
+                    StatRow(label: "Automatisch gelöst", value: "\(syncCoordinator.todayStats.autoResolved)")
+                    StatRow(label: "Auflösungsrate", value: "\(Int(syncCoordinator.todayStats.resolutionRate * 100))%")
+                }
+
+                // Data Management
+                Section("Daten") {
+                    Button("Sync-Verlauf exportieren") {
+                        showingExportSheet = true
+                    }
+
+                    Button("Sync-Verlauf löschen", role: .destructive) {
+                        showingClearDataConfirmation = true
+                    }
+                }
+
+                // About
+                Section("Info") {
+                    HStack {
+                        Text("Version")
+                        Spacer()
+                        Text("1.0.0")
+                            .foregroundStyle(.secondary)
+                    }
+
+                    Link(destination: URL(string: "https://apple.com/health")!) {
+                        HStack {
+                            Text("Apple Health")
+                            Spacer()
+                            Image(systemName: "arrow.up.right.square")
+                                .foregroundStyle(.secondary)
+                        }
+                    }
+                }
+            }
+            .navigationTitle("Einstellungen")
+            .confirmationDialog(
+                "Sync-Verlauf löschen?",
+                isPresented: $showingClearDataConfirmation,
+                titleVisibility: .visible
+            ) {
+                Button("Löschen", role: .destructive) {
+                    syncCoordinator.clearHistory()
+                }
+                Button("Abbrechen", role: .cancel) {}
+            } message: {
+                Text("Der gesamte Sync-Verlauf wird gelöscht. Dies kann nicht rückgängig gemacht werden.")
+            }
+            .sheet(isPresented: $showingExportSheet) {
+                ExportView()
+            }
+        }
+    }
+}
+
+// MARK: - Stat Row
+
+struct StatRow: View {
+    let label: String
+    let value: String
+
+    var body: some View {
+        HStack {
+            Text(label)
+            Spacer()
+            Text(value)
+                .foregroundStyle(.secondary)
+        }
+    }
+}
+
+// MARK: - Export View
+
+struct ExportView: View {
+    @Environment(\.dismiss) private var dismiss
+    @StateObject private var syncCoordinator = SyncCoordinator.shared
+
+    @State private var exportFormat: ExportFormat = .json
+    @State private var isExporting = false
+
+    enum ExportFormat: String, CaseIterable {
+        case json = "JSON"
+        case csv = "CSV"
+    }
+
+    var body: some View {
+        NavigationStack {
+            VStack(spacing: 20) {
+                Image(systemName: "square.and.arrow.up")
+                    .font(.system(size: 48))
+                    .foregroundStyle(.blue)
+
+                Text("Daten exportieren")
+                    .font(.title2)
+                    .fontWeight(.semibold)
+
+                Picker("Format", selection: $exportFormat) {
+                    ForEach(ExportFormat.allCases, id: \.self) { format in
+                        Text(format.rawValue).tag(format)
+                    }
+                }
+                .pickerStyle(.segmented)
+                .padding(.horizontal)
+
+                Text("\(syncCoordinator.syncHistory.count) Sync-Einträge")
+                    .font(.subheadline)
+                    .foregroundStyle(.secondary)
+
+                Spacer()
+
+                Button {
+                    exportData()
+                } label: {
+                    Label("Exportieren", systemImage: "square.and.arrow.up")
+                        .frame(maxWidth: .infinity)
+                }
+                .buttonStyle(.borderedProminent)
+                .padding()
+                .disabled(isExporting || syncCoordinator.syncHistory.isEmpty)
+            }
+            .padding()
+            .navigationTitle("Export")
+            .navigationBarTitleDisplayMode(.inline)
+            .toolbar {
+                ToolbarItem(placement: .cancellationAction) {
+                    Button("Abbrechen") {
+                        dismiss()
+                    }
+                }
+            }
+        }
+    }
+
+    private func exportData() {
+        isExporting = true
+
+        // In a real app, this would create and share a file
+        DispatchQueue.main.asyncAfter(deadline: .now() + 1) {
+            isExporting = false
+            dismiss()
+        }
+    }
+}
+
+#Preview {
+    SettingsView()
+}

HealthBridge/Views/SourcesView.swift

@@ -0,0 +1,407 @@
+import SwiftUI
+
+struct SourcesView: View {
+    @StateObject private var sourceManager = SourceManager.shared
+    @State private var selectedSource: HealthSource?
+    @State private var isRefreshing = false
+
+    var body: some View {
+        NavigationStack {
+            Group {
+                if sourceManager.sources.isEmpty && !sourceManager.isDiscovering {
+                    emptyState
+                } else {
+                    sourcesList
+                }
+            }
+            .navigationTitle("Quellen")
+            .toolbar {
+                ToolbarItem(placement: .topBarTrailing) {
+                    Button {
+                        Task { await refreshSources() }
+                    } label: {
+                        if isRefreshing {
+                            ProgressView()
+                                .scaleEffect(0.8)
+                        } else {
+                            Image(systemName: "arrow.clockwise")
+                        }
+                    }
+                    .disabled(isRefreshing)
+                }
+            }
+            .sheet(item: $selectedSource) { source in
+                SourceDetailView(source: source)
+            }
+            .task {
+                if sourceManager.sources.isEmpty {
+                    await refreshSources()
+                }
+            }
+        }
+    }
+
+    // MARK: - Empty State
+
+    private var emptyState: some View {
+        VStack(spacing: 16) {
+            Image(systemName: "antenna.radiowaves.left.and.right")
+                .font(.system(size: 64))
+                .foregroundStyle(.secondary)
+
+            Text("Keine Quellen gefunden")
+                .font(.title2)
+                .fontWeight(.semibold)
+
+            Text("Verbinden Sie Geräte mit Apple Health")
+                .font(.subheadline)
+                .foregroundStyle(.secondary)
+                .multilineTextAlignment(.center)
+
+            Button {
+                Task { await refreshSources() }
+            } label: {
+                Label("Aktualisieren", systemImage: "arrow.clockwise")
+            }
+            .buttonStyle(.bordered)
+        }
+        .padding()
+    }
+
+    // MARK: - Sources List
+
+    private var sourcesList: some View {
+        List {
+            ForEach(groupedSources.keys.sorted(by: { $0.priority > $1.priority }), id: \.self) { category in
+                Section(category.displayName) {
+                    ForEach(groupedSources[category] ?? []) { source in
+                        SourceRow(source: source)
+                            .contentShape(Rectangle())
+                            .onTapGesture {
+                                selectedSource = source
+                            }
+                    }
+                }
+            }
+        }
+        .listStyle(.insetGrouped)
+        .refreshable {
+            await refreshSources()
+        }
+    }
+
+    private var groupedSources: [SourceCategory: [HealthSource]] {
+        Dictionary(grouping: sourceManager.sources, by: { $0.category })
+    }
+
+    private func refreshSources() async {
+        isRefreshing = true
+        defer { isRefreshing = false }
+        await sourceManager.discoverSources()
+    }
+}
+
+// MARK: - Source Row
+
+struct SourceRow: View {
+    let source: HealthSource
+    @StateObject private var sourceManager = SourceManager.shared
+
+    var body: some View {
+        HStack {
+            Image(systemName: source.category.icon)
+                .font(.title2)
+                .foregroundStyle(.blue)
+                .frame(width: 40)
+
+            VStack(alignment: .leading, spacing: 4) {
+                Text(source.displayName)
+                    .font(.headline)
+
+                Text("\(source.supportedDataTypes.count) Datentypen")
+                    .font(.caption)
+                    .foregroundStyle(.secondary)
+            }
+
+            Spacer()
+
+            if let status = sourceManager.sourceHealthStatus[source.id] {
+                Image(systemName: status.syncStatus.icon)
+                    .foregroundStyle(statusColor(for: status.syncStatus))
+            }
+
+            Image(systemName: "chevron.right")
+                .font(.caption)
+                .foregroundStyle(.secondary)
+        }
+        .padding(.vertical, 4)
+    }
+
+    private func statusColor(for status: SourceHealthStatus.SyncStatus) -> Color {
+        switch status {
+        case .recentlySynced: return .green
+        case .syncedToday: return .blue
+        case .stale: return .orange
+        case .veryStale, .neverSynced: return .red
+        }
+    }
+}
+
+// MARK: - Source Detail View
+
+struct SourceDetailView: View {
+    let source: HealthSource
+    @Environment(\.dismiss) private var dismiss
+    @StateObject private var sourceManager = SourceManager.shared
+    @State private var healthReport: SourceHealthReport?
+    @State private var isLoading = false
+
+    var body: some View {
+        NavigationStack {
+            ScrollView {
+                VStack(spacing: 20) {
+                    // Header
+                    headerSection
+
+                    // Capabilities
+                    capabilitiesSection
+
+                    // Data Types
+                    dataTypesSection
+
+                    // Health Report
+                    if let report = healthReport {
+                        healthReportSection(report)
+                    }
+
+                    // Priority Settings
+                    prioritySection
+                }
+                .padding()
+            }
+            .navigationTitle(source.displayName)
+            .navigationBarTitleDisplayMode(.inline)
+            .toolbar {
+                ToolbarItem(placement: .confirmationAction) {
+                    Button("Fertig") {
+                        dismiss()
+                    }
+                }
+            }
+            .task {
+                await loadHealthReport()
+            }
+        }
+    }
+
+    // MARK: - Header
+
+    private var headerSection: some View {
+        VStack(spacing: 12) {
+            Image(systemName: source.category.icon)
+                .font(.system(size: 48))
+                .foregroundStyle(.blue)
+
+            Text(source.displayName)
+                .font(.title2)
+                .fontWeight(.semibold)
+
+            Text(source.category.displayName)
+                .font(.subheadline)
+                .foregroundStyle(.secondary)
+
+            Text(source.bundleIdentifier)
+                .font(.caption)
+                .foregroundStyle(.secondary)
+                .textSelection(.enabled)
+        }
+        .padding()
+    }
+
+    // MARK: - Capabilities
+
+    private var capabilitiesSection: some View {
+        let capabilities = sourceManager.getSourceCapabilities(source)
+
+        return VStack(alignment: .leading, spacing: 12) {
+            Text("Fähigkeiten")
+                .font(.headline)
+
+            LazyVGrid(columns: [GridItem(.adaptive(minimum: 100))], spacing: 8) {
+                CapabilityBadge(name: "Schritte", available: capabilities.canMeasureSteps)
+                CapabilityBadge(name: "Herzfrequenz", available: capabilities.canMeasureHeartRate)
+                CapabilityBadge(name: "Blutdruck", available: capabilities.canMeasureBloodPressure)
+                CapabilityBadge(name: "SpO2", available: capabilities.canMeasureBloodOxygen)
+                CapabilityBadge(name: "Schlaf", available: capabilities.canMeasureSleep)
+                CapabilityBadge(name: "GPS", available: capabilities.hasGPS)
+            }
+        }
+        .padding()
+        .background(Color(.secondarySystemBackground))
+        .clipShape(RoundedRectangle(cornerRadius: 12))
+    }
+
+    // MARK: - Data Types
+
+    private var dataTypesSection: some View {
+        VStack(alignment: .leading, spacing: 12) {
+            Text("Unterstützte Datentypen")
+                .font(.headline)
+
+            ForEach(Array(source.supportedDataTypes).sorted(by: { $0.displayName < $1.displayName }), id: \.self) { dataType in
+                HStack {
+                    Image(systemName: dataType.icon)
+                        .foregroundStyle(.blue)
+                        .frame(width: 24)
+                    Text(dataType.displayName)
+                    Spacer()
+                    Text(dataType.unit)
+                        .font(.caption)
+                        .foregroundStyle(.secondary)
+                }
+                .padding(.vertical, 4)
+            }
+        }
+        .padding()
+        .background(Color(.secondarySystemBackground))
+        .clipShape(RoundedRectangle(cornerRadius: 12))
+    }
+
+    // MARK: - Health Report
+
+    private func healthReportSection(_ report: SourceHealthReport) -> some View {
+        VStack(alignment: .leading, spacing: 12) {
+            Text("Zustand")
+                .font(.headline)
+
+            HStack {
+                VStack(alignment: .leading) {
+                    Text("Datensätze (24h)")
+                        .font(.caption)
+                        .foregroundStyle(.secondary)
+                    Text("\(report.totalRecordCount)")
+                        .font(.title3)
+                        .fontWeight(.medium)
+                }
+
+                Spacer()
+
+                VStack(alignment: .trailing) {
+                    Text("Qualität")
+                        .font(.caption)
+                        .foregroundStyle(.secondary)
+                    Image(systemName: report.overallQuality.icon)
+                        .font(.title3)
+                        .foregroundStyle(qualityColor(report.overallQuality))
+                }
+            }
+
+            if let lastActivity = report.lastOverallActivity {
+                HStack {
+                    Text("Letzte Aktivität")
+                        .font(.caption)
+                        .foregroundStyle(.secondary)
+                    Spacer()
+                    Text(formattedDate(lastActivity))
+                        .font(.subheadline)
+                }
+            }
+
+            if report.hasSignificantGaps {
+                HStack {
+                    Image(systemName: "exclamationmark.triangle.fill")
+                        .foregroundStyle(.orange)
+                    Text("Datenlücken erkannt")
+                        .font(.subheadline)
+                }
+            }
+        }
+        .padding()
+        .background(Color(.secondarySystemBackground))
+        .clipShape(RoundedRectangle(cornerRadius: 12))
+    }
+
+    // MARK: - Priority Section
+
+    private var prioritySection: some View {
+        VStack(alignment: .leading, spacing: 12) {
+            Text("Priorität")
+                .font(.headline)
+
+            Text("Höhere Priorität bedeutet, dass Daten dieser Quelle bevorzugt werden")
+                .font(.caption)
+                .foregroundStyle(.secondary)
+
+            ForEach(Array(source.supportedDataTypes).sorted(by: { $0.displayName < $1.displayName }), id: \.self) { dataType in
+                HStack {
+                    Text(dataType.displayName)
+
+                    Spacer()
+
+                    Stepper(
+                        "\(sourceManager.getPriority(for: source, dataType: dataType))",
+                        value: Binding(
+                            get: { sourceManager.getPriority(for: source, dataType: dataType) },
+                            set: { sourceManager.setPriority($0, for: source, dataType: dataType) }
+                        ),
+                        in: 0...100,
+                        step: 10
+                    )
+                    .frame(width: 150)
+                }
+                .padding(.vertical, 4)
+            }
+        }
+        .padding()
+        .background(Color(.secondarySystemBackground))
+        .clipShape(RoundedRectangle(cornerRadius: 12))
+    }
+
+    // MARK: - Helpers
+
+    private func loadHealthReport() async {
+        isLoading = true
+        defer { isLoading = false }
+        healthReport = await sourceManager.getSourceHealth(source)
+    }
+
+    private func qualityColor(_ quality: DataQuality) -> Color {
+        switch quality {
+        case .complete: return .green
+        case .partial: return .yellow
+        case .missing: return .gray
+        case .invalid: return .red
+        }
+    }
+
+    private func formattedDate(_ date: Date) -> String {
+        let formatter = RelativeDateTimeFormatter()
+        formatter.unitsStyle = .abbreviated
+        return formatter.localizedString(for: date, relativeTo: Date())
+    }
+}
+
+// MARK: - Capability Badge
+
+struct CapabilityBadge: View {
+    let name: String
+    let available: Bool
+
+    var body: some View {
+        HStack(spacing: 4) {
+            Image(systemName: available ? "checkmark.circle.fill" : "xmark.circle")
+                .foregroundStyle(available ? .green : .secondary)
+            Text(name)
+                .font(.caption)
+                .foregroundStyle(available ? .primary : .secondary)
+        }
+        .padding(.horizontal, 8)
+        .padding(.vertical, 4)
+        .background(available ? Color.green.opacity(0.1) : Color.gray.opacity(0.1))
+        .clipShape(Capsule())
+    }
+}
+
+#Preview {
+    SourcesView()
+}

RollkofferSimulator/AppDelegate.swift

@@ -14,6 +14,10 @@ class AppDelegate: UIResponder, UIApplicationDelegate {
 
     func application(_ application: UIApplication,
                      didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
+        #if targetEnvironment(macCatalyst)
+        // Configure for macOS
+        configureMacOS()
+        #endif
         return true
     }
 
@@ -33,10 +37,60 @@ class AppDelegate: UIResponder, UIApplicationDelegate {
     func applicationDidBecomeActive(_ application: UIApplication) {
         // Resume game if needed
     }
+
+    #if targetEnvironment(macCatalyst)
+    // MARK: - macOS Configuration
+    private func configureMacOS() {
+        // Set minimum window size for macOS
+        UIApplication.shared.connectedScenes.compactMap { $0 as? UIWindowScene }.forEach { windowScene in
+            windowScene.sizeRestrictions?.minimumSize = CGSize(width: 400, height: 600)
+            windowScene.sizeRestrictions?.maximumSize = CGSize(width: 600, height: 900)
+        }
+    }
+
+    override func buildMenu(with builder: UIMenuBuilder) {
+        super.buildMenu(with: builder)
+
+        // Remove unnecessary menus for a game
+        builder.remove(menu: .format)
+        builder.remove(menu: .edit)
+
+        // Add Game menu
+        let pauseCommand = UIKeyCommand(
+            title: "Pause",
+            action: #selector(handlePauseCommand),
+            input: "p",
+            modifierFlags: .command
+        )
+
+        let restartCommand = UIKeyCommand(
+            title: "Neustart",
+            action: #selector(handleRestartCommand),
+            input: "r",
+            modifierFlags: .command
+        )
+
+        let gameMenu = UIMenu(
+            title: "Spiel",
+            children: [pauseCommand, restartCommand]
+        )
+
+        builder.insertSibling(gameMenu, afterMenu: .file)
+    }
+
+    @objc private func handlePauseCommand() {
+        NotificationCenter.default.post(name: .pauseGame, object: nil)
+    }
+
+    @objc private func handleRestartCommand() {
+        NotificationCenter.default.post(name: .restartGame, object: nil)
+    }
+    #endif
 }
 
 // MARK: - Notification Names
 extension Notification.Name {
     static let pauseGame = Notification.Name("pauseGame")
     static let resumeGame = Notification.Name("resumeGame")
+    static let restartGame = Notification.Name("restartGame")
 }

RollkofferSimulator/GameViewController.swift

@@ -36,6 +36,10 @@ class GameViewController: UIViewController {
 
         // Setup notification observers
         setupNotificationObservers()
+
+        #if targetEnvironment(macCatalyst)
+        setupMacCatalyst()
+        #endif
     }
 
     private func setupNotificationObservers() {
@@ -45,6 +49,13 @@ class GameViewController: UIViewController {
             name: .pauseGame,
             object: nil
         )
+
+        NotificationCenter.default.addObserver(
+            self,
+            selector: #selector(handleRestartNotification),
+            name: .restartGame,
+            object: nil
+        )
     }
 
     @objc private func handlePauseNotification() {
@@ -57,12 +68,46 @@ class GameViewController: UIViewController {
         // This is just a notification that the app is going to background
     }
 
+    @objc private func handleRestartNotification() {
+        guard let skView = self.view as? SKView else { return }
+
+        let menuScene = MenuScene(size: skView.bounds.size)
+        menuScene.scaleMode = .aspectFill
+
+        let transition = SKTransition.fade(withDuration: 0.5)
+        skView.presentScene(menuScene, transition: transition)
+    }
+
+    #if targetEnvironment(macCatalyst)
+    private func setupMacCatalyst() {
+        // Configure window appearance for macOS
+        if let windowScene = view.window?.windowScene {
+            windowScene.title = "Rollkoffer Simulator"
+
+            // Set window style
+            if let titlebar = windowScene.titlebar {
+                titlebar.titleVisibility = .visible
+                titlebar.toolbarStyle = .unified
+            }
+        }
+    }
+
+    // Enable keyboard input
+    override var canBecomeFirstResponder: Bool {
+        return true
+    }
+    #endif
+
     override var supportedInterfaceOrientations: UIInterfaceOrientationMask {
+        #if targetEnvironment(macCatalyst)
+        return .all
+        #else
         if UIDevice.current.userInterfaceIdiom == .phone {
             return .portrait
         } else {
             return .all
         }
+        #endif
     }
 
     override var prefersStatusBarHidden: Bool {

RollkofferSimulator/Info.plist

@@ -50,5 +50,9 @@
 		<string>UIInterfaceOrientationLandscapeLeft</string>
 		<string>UIInterfaceOrientationLandscapeRight</string>
 	</array>
+	<key>LSMinimumSystemVersion</key>
+	<string>13.0</string>
+	<key>NSHumanReadableCopyright</key>
+	<string>Copyright 2024 Ingo K. All rights reserved.</string>
 </dict>
 </plist>

RollkofferSimulator/RollkofferSimulator.xcodeproj/project.pbxproj

@@ -381,6 +381,7 @@
 				ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;
 				CODE_SIGN_STYLE = Automatic;
 				CURRENT_PROJECT_VERSION = 1;
+				DERIVE_MACCATALYST_PRODUCT_BUNDLE_IDENTIFIER = YES;
 				GENERATE_INFOPLIST_FILE = YES;
 				INFOPLIST_FILE = Info.plist;
 				INFOPLIST_KEY_UIApplicationSupportsIndirectInputEvents = YES;
@@ -393,9 +394,12 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
+				MACOSX_DEPLOYMENT_TARGET = 13.0;
 				MARKETING_VERSION = 1.0;
 				PRODUCT_BUNDLE_IDENTIFIER = com.ingok.RollkofferSimulator;
 				PRODUCT_NAME = "$(TARGET_NAME)";
+				SUPPORTS_MACCATALYST = YES;
+				SUPPORTS_MAC_DESIGNED_FOR_IPHONE_IPAD = NO;
 				SWIFT_EMIT_LOC_STRINGS = YES;
 				SWIFT_VERSION = 5.0;
 				TARGETED_DEVICE_FAMILY = "1,2";
@@ -409,6 +413,7 @@
 				ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;
 				CODE_SIGN_STYLE = Automatic;
 				CURRENT_PROJECT_VERSION = 1;
+				DERIVE_MACCATALYST_PRODUCT_BUNDLE_IDENTIFIER = YES;
 				GENERATE_INFOPLIST_FILE = YES;
 				INFOPLIST_FILE = Info.plist;
 				INFOPLIST_KEY_UIApplicationSupportsIndirectInputEvents = YES;
@@ -421,9 +426,12 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
+				MACOSX_DEPLOYMENT_TARGET = 13.0;
 				MARKETING_VERSION = 1.0;
 				PRODUCT_BUNDLE_IDENTIFIER = com.ingok.RollkofferSimulator;
 				PRODUCT_NAME = "$(TARGET_NAME)";
+				SUPPORTS_MACCATALYST = YES;
+				SUPPORTS_MAC_DESIGNED_FOR_IPHONE_IPAD = NO;
 				SWIFT_EMIT_LOC_STRINGS = YES;
 				SWIFT_VERSION = 5.0;
 				TARGETED_DEVICE_FAMILY = "1,2";

RollkofferSimulator/Scenes/GameOverScene.swift

@@ -223,6 +223,27 @@ class GameOverScene: SKScene {
         }
     }
 
+    // MARK: - Keyboard Handling (macOS)
+    #if targetEnvironment(macCatalyst)
+    override var canBecomeFirstResponder: Bool { true }
+
+    override func pressesBegan(_ presses: Set<UIPress>, with event: UIPressesEvent?) {
+        guard let key = presses.first?.key else {
+            super.pressesBegan(presses, with: event)
+            return
+        }
+
+        switch key.keyCode {
+        case .keyboardSpacebar, .keyboardReturnOrEnter:
+            retryGame()
+        case .keyboardEscape:
+            returnToMenu()
+        default:
+            super.pressesBegan(presses, with: event)
+        }
+    }
+    #endif
+
     private func retryGame() {
         let pressDown = SKAction.scale(to: 0.9, duration: 0.1)
         let pressUp = SKAction.scale(to: 1.0, duration: 0.1)

RollkofferSimulator/Scenes/GameScene.swift

@@ -318,6 +318,29 @@ class GameScene: SKScene {
         isDragging = false
     }
 
+    // MARK: - Keyboard Handling (macOS)
+    #if targetEnvironment(macCatalyst)
+    override var canBecomeFirstResponder: Bool { true }
+
+    override func pressesBegan(_ presses: Set<UIPress>, with event: UIPressesEvent?) {
+        guard let key = presses.first?.key else {
+            super.pressesBegan(presses, with: event)
+            return
+        }
+
+        switch key.keyCode {
+        case .keyboardEscape:
+            togglePause()
+        case .keyboardSpacebar:
+            if gameState.currentState == .paused {
+                resumeGame()
+            }
+        default:
+            super.pressesBegan(presses, with: event)
+        }
+    }
+    #endif
+
     // MARK: - Pause Handling
     private func togglePause() {
         if gameState.currentState == .playing {

RollkofferSimulator/Scenes/MenuScene.swift

@@ -245,6 +245,25 @@ class MenuScene: SKScene {
         }
     }
 
+    // MARK: - Keyboard Handling (macOS)
+    #if targetEnvironment(macCatalyst)
+    override var canBecomeFirstResponder: Bool { true }
+
+    override func pressesBegan(_ presses: Set<UIPress>, with event: UIPressesEvent?) {
+        guard let key = presses.first?.key else {
+            super.pressesBegan(presses, with: event)
+            return
+        }
+
+        switch key.keyCode {
+        case .keyboardSpacebar, .keyboardReturnOrEnter:
+            startGame()
+        default:
+            super.pressesBegan(presses, with: event)
+        }
+    }
+    #endif
+
     private func startGame() {
         // Button press effect
         let pressDown = SKAction.scale(to: 0.9, duration: 0.1)

RollkofferSimulator/Scenes/VictoryScene.swift

@@ -280,6 +280,27 @@ class VictoryScene: SKScene {
         }
     }
 
+    // MARK: - Keyboard Handling (macOS)
+    #if targetEnvironment(macCatalyst)
+    override var canBecomeFirstResponder: Bool { true }
+
+    override func pressesBegan(_ presses: Set<UIPress>, with event: UIPressesEvent?) {
+        guard let key = presses.first?.key else {
+            super.pressesBegan(presses, with: event)
+            return
+        }
+
+        switch key.keyCode {
+        case .keyboardSpacebar, .keyboardReturnOrEnter:
+            playAgain()
+        case .keyboardEscape:
+            returnToMenu()
+        default:
+            super.pressesBegan(presses, with: event)
+        }
+    }
+    #endif
+
     private func playAgain() {
         let pressDown = SKAction.scale(to: 0.9, duration: 0.1)
         let pressUp = SKAction.scale(to: 1.0, duration: 0.1)

aurora-livecam/.gitignore

@@ -0,0 +1,26 @@
+# Configuration (contains secrets)
+config.php
+
+# Cache files
+weather_cache.json
+active_viewers.json
+
+# IDE
+.idea/
+.vscode/
+*.swp
+*.swo
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Logs
+*.log
+logs/
+
+# Vendor (if using composer)
+# vendor/
+
+# Uploads (user content)
+uploads/

aurora-livecam/INTEGRATION.md

@@ -0,0 +1,240 @@
+# Integration Guide für Aurora Livecam Erweiterungen
+
+## Übersicht der neuen Dateien
+
+```
+aurora-livecam/
+├── SettingsManager.php      # Admin-Einstellungen Klasse
+├── settings.json            # Einstellungen Datei
+├── js/
+│   ├── timelapse-controls.js   # Timelapse mit Slider
+│   ├── video-player.js         # Tagesvideos im Player
+│   └── admin-settings.js       # Admin AJAX
+├── css/
+│   └── player-controls.css     # Styles für Controls
+└── INTEGRATION.md           # Diese Anleitung
+```
+
+## Änderungen in index.php
+
+### 1. Am Anfang der Datei (nach den requires)
+
+```php
+<?php
+// ... bestehende requires ...
+
+// NEU: Settings Manager einbinden
+require_once 'SettingsManager.php';
+$settingsManager = new SettingsManager();
+
+// AJAX-Handler für Settings (VOR session_start!)
+$settingsManager->handleAjax();
+```
+
+### 2. Im HEAD-Bereich (CSS einbinden)
+
+```html
+<link rel="stylesheet" href="css/player-controls.css">
+```
+
+### 3. Vor </body> (JavaScript einbinden)
+
+```html
+<script src="js/timelapse-controls.js"></script>
+<script src="js/video-player.js"></script>
+<?php if ($adminManager->isAdmin()): ?>
+<script src="js/admin-settings.js"></script>
+<?php endif; ?>
+```
+
+### 4. Video-Container anpassen
+
+Ersetze den bestehenden video-container:
+
+```html
+<div class="video-container">
+    <?php echo $webcamManager->displayWebcam(); ?>
+
+    <!-- Timelapse Overlay -->
+    <div id="timelapse-viewer" style="display: none;">
+        <img id="timelapse-image" src="" alt="Timelapse">
+    </div>
+
+    <!-- NEU: Daily Video Player (wird dynamisch befüllt) -->
+</div>
+
+<!-- NEU: Timelapse Controls (außerhalb des Containers) -->
+<div id="timelapse-controls"></div>
+```
+
+### 5. Zuschauer-Anzeige konditionell machen
+
+Ersetze die Viewer-Stat Anzeige:
+
+```php
+<?php
+$viewerCount = $viewerCounter->getInitialCount();
+$showViewers = $settingsManager->shouldShowViewers($viewerCount);
+?>
+
+<?php if ($showViewers): ?>
+<div class="info-badge viewer-stat">
+    <span class="live-dot"></span>
+    <strong id="viewer-count-display"><?php echo $viewerCount; ?></strong>
+    <span>Zuschauer</span>
+</div>
+<?php endif; ?>
+```
+
+### 6. Kalender Links anpassen
+
+In der `VisualCalendarManager::displayVisualCalendar()` Methode:
+
+```php
+// Für Tagesvideos
+$playInPlayer = $settingsManager->shouldPlayInPlayer();
+$allowDownload = $settingsManager->shouldAllowDownload();
+
+if ($playInPlayer) {
+    // Im Player abspielen
+    $output .= '<a href="#" onclick="DailyVideoPlayer.playVideo(\'' . $video['path'] . '\', ' . ($allowDownload ? 'true' : 'false') . '); return false;" class="play-link">';
+    $output .= '▶️ Abspielen';
+    $output .= '</a>';
+}
+
+if ($allowDownload) {
+    // Download Link
+    $output .= '<a href="?download_specific_video=..." class="download-link">⬇️ Download</a>';
+}
+```
+
+### 7. Admin-Panel erweitern
+
+Füge im Admin-Bereich hinzu:
+
+```php
+<?php if ($adminManager->isAdmin()): ?>
+<section id="admin" class="section">
+    <div class="container">
+        <h2>Admin-Bereich</h2>
+
+        <!-- NEU: Settings Panel -->
+        <div id="admin-settings-panel">
+            <h3>⚙️ Anzeige-Einstellungen</h3>
+
+            <div class="settings-group">
+                <h4>👥 Zuschauer-Anzeige</h4>
+
+                <div class="setting-row">
+                    <span class="setting-label">Zuschauer-Anzahl anzeigen</span>
+                    <div class="setting-input">
+                        <label class="toggle-switch">
+                            <input type="checkbox" id="setting-viewer-enabled"
+                                   <?php echo $settingsManager->get('viewer_display.enabled') ? 'checked' : ''; ?>>
+                            <span class="toggle-slider"></span>
+                        </label>
+                    </div>
+                </div>
+
+                <div class="setting-row">
+                    <span class="setting-label">Mindestanzahl für Anzeige</span>
+                    <div class="setting-input">
+                        <input type="number" id="setting-min-viewers" class="number-input"
+                               min="1" max="100"
+                               value="<?php echo $settingsManager->get('viewer_display.min_viewers'); ?>">
+                    </div>
+                </div>
+            </div>
+
+            <div class="settings-group">
+                <h4>🎬 Video-Modus</h4>
+
+                <div class="setting-row">
+                    <span class="setting-label">Videos im Player abspielen</span>
+                    <div class="setting-input">
+                        <label class="toggle-switch">
+                            <input type="checkbox" id="setting-play-in-player"
+                                   <?php echo $settingsManager->get('video_mode.play_in_player') ? 'checked' : ''; ?>>
+                            <span class="toggle-slider"></span>
+                        </label>
+                    </div>
+                </div>
+
+                <div class="setting-row">
+                    <span class="setting-label">Download erlauben</span>
+                    <div class="setting-input">
+                        <label class="toggle-switch">
+                            <input type="checkbox" id="setting-allow-download"
+                                   <?php echo $settingsManager->get('video_mode.allow_download') ? 'checked' : ''; ?>>
+                            <span class="toggle-slider"></span>
+                        </label>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Bestehender Admin-Content -->
+        <?php echo $adminManager->displayAdminContent(); ?>
+    </div>
+</section>
+<?php endif; ?>
+```
+
+### 8. Timelapse Button Event anpassen
+
+Im bestehenden JavaScript:
+
+```javascript
+timelapseButton.addEventListener('click', function(e) {
+    e.preventDefault();
+
+    if (timelapseViewer.style.display === 'none') {
+        // NEU: TimelapseController verwenden
+        TimelapseController.init(imageFiles);
+        TimelapseController.show();
+        timelapseButton.textContent = 'Zurück zur Live-Webcam';
+    } else {
+        TimelapseController.backToLive();
+    }
+});
+```
+
+### 9. Viewer Heartbeat anpassen
+
+Im JavaScript für den Viewer-Counter:
+
+```javascript
+function updateViewerCount() {
+    fetch(window.location.href, {
+        method: 'POST',
+        body: new URLSearchParams({action: 'viewer_heartbeat'})
+    })
+    .then(r => r.json())
+    .then(data => {
+        const display = document.getElementById('viewer-count-display');
+        const container = document.querySelector('.viewer-stat');
+
+        if (data.count && display) {
+            display.textContent = data.count;
+
+            // Mindestanzahl prüfen (aus Settings)
+            const minViewers = window.minViewersToShow || 1;
+            if (container) {
+                container.style.display = data.count >= minViewers ? 'inline-flex' : 'none';
+            }
+        }
+    });
+}
+```
+
+## Fertig!
+
+Nach diesen Änderungen hast du:
+- ✅ Timelapse mit Slider und 1x/10x/100x Geschwindigkeit
+- ✅ Rückwärts-Spulen im Timelapse
+- ✅ Tagesvideos im Player abspielen statt nur Download
+- ✅ "Zurück zu Live" Button
+- ✅ Admin-Einstellungen für Zuschauer-Anzeige
+- ✅ Mindestanzahl für Zuschauer-Anzeige
+- ✅ Video-Modus wählbar (Player/Download)
+- ✅ Alles ohne Seiten-Reload

aurora-livecam/SettingsManager.php

@@ -0,0 +1,394 @@
+<?php
+/**
+ * SettingsManager - Verwaltet Admin-Einstellungen
+ * Speichert in settings.json, lädt ohne Reload
+ */
+class SettingsManager {
+    private $settingsFile;
+    private $settings = [];
+
+    public function __construct($file = null) {
+        $this->settingsFile = $file ?: (__DIR__ . '/settings.json');
+        $this->load();
+    }
+
+    private function load() {
+        if (file_exists($this->settingsFile)) {
+            $content = file_get_contents($this->settingsFile);
+            $this->settings = json_decode($content, true) ?? $this->getDefaults();
+        } else {
+            $this->settings = $this->getDefaults();
+            $this->save();
+        }
+    }
+
+    private function getDefaults() {
+        return [
+            'viewer_display' => [
+                'enabled' => true,
+                'min_viewers' => 1,
+                'update_interval' => 5 // Sekunden
+            ],
+            'video_mode' => [
+                'play_in_player' => true,
+                'allow_download' => true
+            ],
+            'timelapse' => [
+                'default_speed' => 1,
+                'available_speeds' => [1, 10, 100]
+            ],
+            // Punkt 2: UI-Anzeige Features
+            'ui_display' => [
+                'show_recommendation_banner' => true,
+                'show_qr_code' => true,
+                'show_social_media' => true,
+                'show_patrouille_suisse' => true
+            ],
+            // Punkt 3: Zoom & Timelapse
+            'zoom_timelapse' => [
+                'show_zoom_controls' => true,
+                'max_zoom_level' => 4.0,
+                'timelapse_reverse_enabled' => true,
+                'weekly_timelapse_enabled' => true // Wochenzeitraffer Button
+            ],
+            // Auto-Screenshot für Galerie
+            'auto_screenshot' => [
+                'enabled' => false,
+                'interval_minutes' => 10,
+                'max_images' => 144, // 24h bei 10min Intervall
+                'save_to_gallery' => true
+            ],
+            // Email-Sharing
+            'sharing' => [
+                'email_enabled' => false,
+                'share_link_expiry_hours' => 24
+            ],
+            // Punkt 5: Content Management
+            'content' => [
+                'guestbook_enabled' => true,
+                'gallery_enabled' => true,
+                'ai_events_enabled' => true,
+                'max_guestbook_entries' => 50
+            ],
+            // Punkt 6: Technische Settings
+            'technical' => [
+                'viewer_update_interval' => 5, // Sekunden
+                'session_timeout' => 30 // Sekunden
+            ],
+            // Punkt 7: Theme & Design
+            'theme' => [
+                'default_theme' => 'theme-legacy',
+                'show_theme_switcher' => false
+            ],
+            // Punkt 8: SEO & Meta
+            'seo' => [
+                'custom_title' => '',
+                'meta_description' => '',
+                'meta_keywords' => ''
+            ],
+            // Weather Widget
+            'weather' => [
+                'enabled' => true,
+         
+                'location' => 'Oberdürnten,CH',
+                'lat' => '47.2833',
+                'lon' => '8.7167',
+                'update_interval' => 5, // Minuten
+                'units' => 'metric' // metric (Celsius) oder imperial (Fahrenheit)
+            ],
+            // SaaS Features - alle aktivierbar/deaktivierbar
+            'saas_features' => [
+                // Multi-Tenant
+                'multi_tenant_enabled' => false, // Aktiviert DB-basierte Tenant-Verwaltung
+                'customer_management_enabled' => false,
+
+                // Onboarding
+                'self_registration_enabled' => false,
+                'email_verification_required' => true,
+                'trial_enabled' => true,
+                'trial_days' => 14,
+
+                // Billing
+                'billing_enabled' => false,
+                'stripe_enabled' => false,
+                'free_plan_available' => true,
+
+                // Dashboard
+                'tenant_dashboard_enabled' => false,
+                'analytics_enabled' => false,
+                'custom_domain_enabled' => false,
+                'custom_branding_enabled' => false,
+
+                // Landing
+                'landing_page_enabled' => false,
+                'demo_mode_enabled' => false,
+
+                // Limits (Default für Free-Plan)
+                'default_max_viewers' => 50,
+                'default_storage_mb' => 500,
+                'default_retention_days' => 7
+            ],
+            'last_updated' => null,
+            'updated_by' => null
+        ];
+    }
+
+    public function get($key = null) {
+        if ($key === null) return $this->settings;
+        $keys = explode('.', $key);
+        $value = $this->settings;
+        foreach ($keys as $k) {
+            if (!isset($value[$k])) return null;
+            $value = $value[$k];
+        }
+        return $value;
+    }
+
+    public function set($key, $value) {
+        $keys = explode('.', $key);
+        $ref = &$this->settings;
+        foreach ($keys as $i => $k) {
+            if ($i === count($keys) - 1) {
+                $ref[$k] = $value;
+            } else {
+                if (!isset($ref[$k])) $ref[$k] = [];
+                $ref = &$ref[$k];
+            }
+        }
+        $this->settings['last_updated'] = date('Y-m-d H:i:s');
+        return $this->save();
+    }
+
+    private function save() {
+        $payload = json_encode($this->settings, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE);
+        if ($payload === false) {
+            return false;
+        }
+
+        return file_put_contents($this->settingsFile, $payload, LOCK_EX) !== false;
+    }
+
+    // Für AJAX-Anfragen
+    public function handleAjax() {
+        if ($_SERVER['REQUEST_METHOD'] !== 'POST') return;
+        if (!isset($_POST['settings_action'])) return;
+
+        header('Content-Type: application/json');
+
+        switch ($_POST['settings_action']) {
+            case 'get':
+                echo json_encode(['success' => true, 'settings' => $this->settings]);
+                exit;
+
+            case 'update':
+                $key = $_POST['key'] ?? null;
+                $value = $_POST['value'] ?? null;
+
+                // Boolean-Werte konvertieren
+                if ($value === 'true') $value = true;
+                if ($value === 'false') $value = false;
+                if (is_numeric($value)) $value = intval($value);
+
+                if ($key && $this->set($key, $value)) {
+                    echo json_encode(['success' => true, 'message' => 'Einstellung gespeichert']);
+                } else {
+                    echo json_encode([
+                        'success' => false,
+                        'message' => 'Fehler beim Speichern. Bitte Dateirechte prüfen.'
+                    ]);
+                }
+                exit;
+        }
+    }
+
+    // Viewer-Anzeige prüfen
+    public function shouldShowViewers($currentCount) {
+        if (!$this->get('viewer_display.enabled')) return false;
+        return $currentCount >= $this->get('viewer_display.min_viewers');
+    }
+
+    // Video-Modus prüfen
+    public function shouldPlayInPlayer() {
+        return $this->get('video_mode.play_in_player') === true;
+    }
+
+    public function shouldAllowDownload() {
+        return $this->get('video_mode.allow_download') === true;
+    }
+
+    // UI Display Helper
+    public function shouldShowRecommendationBanner() {
+        return $this->get('ui_display.show_recommendation_banner') === true;
+    }
+
+    public function shouldShowQRCode() {
+        return $this->get('ui_display.show_qr_code') === true;
+    }
+
+    public function shouldShowSocialMedia() {
+        return $this->get('ui_display.show_social_media') === true;
+    }
+
+    public function shouldShowPatrouillesuisse() {
+        return $this->get('ui_display.show_patrouille_suisse') === true;
+    }
+
+    // Content Management Helper
+    public function isGuestbookEnabled() {
+        return $this->get('content.guestbook_enabled') === true;
+    }
+
+    public function isGalleryEnabled() {
+        return $this->get('content.gallery_enabled') === true;
+    }
+
+    public function isAIEventsEnabled() {
+        return $this->get('content.ai_events_enabled') === true;
+    }
+
+    public function getMaxGuestbookEntries() {
+        return $this->get('content.max_guestbook_entries') ?? 50;
+    }
+
+    // Theme Helper
+    public function getDefaultTheme() {
+        return $this->get('theme.default_theme') ?? 'theme-legacy';
+    }
+
+    public function shouldShowThemeSwitcher() {
+        return $this->get('theme.show_theme_switcher') === true;
+    }
+
+    // Technical Helper
+    public function getViewerUpdateInterval() {
+        return $this->get('technical.viewer_update_interval') ?? 5;
+    }
+
+    public function getSessionTimeout() {
+        return $this->get('technical.session_timeout') ?? 30;
+    }
+
+    // Zoom & Timelapse Helper
+    public function shouldShowZoomControls() {
+        return $this->get('zoom_timelapse.show_zoom_controls') === true;
+    }
+
+    public function getMaxZoomLevel() {
+        return $this->get('zoom_timelapse.max_zoom_level') ?? 4.0;
+    }
+
+    public function isTimelapseReverseEnabled() {
+        return $this->get('zoom_timelapse.timelapse_reverse_enabled') === true;
+    }
+
+    public function isWeeklyTimelapseEnabled() {
+        return $this->get('zoom_timelapse.weekly_timelapse_enabled') !== true;
+    }
+
+    // Auto-Screenshot Helper
+    public function isAutoScreenshotEnabled() {
+        return $this->get('auto_screenshot.enabled') === true;
+    }
+
+    public function getAutoScreenshotInterval() {
+        return $this->get('auto_screenshot.interval_minutes') ?? 10;
+    }
+
+    public function getAutoScreenshotMaxImages() {
+        return $this->get('auto_screenshot.max_images') ?? 144;
+    }
+
+    // Sharing Helper
+    public function isEmailSharingEnabled() {
+        return $this->get('sharing.email_enabled') === true;
+    }
+
+    public function getShareLinkExpiryHours() {
+        return $this->get('sharing.share_link_expiry_hours') ?? 24;
+    }
+
+    // SEO Helper
+    public function getCustomTitle() {
+        $title = $this->get('seo.custom_title');
+        return !empty($title) ? $title : null;
+    }
+
+    public function getMetaDescription() {
+        return $this->get('seo.meta_description') ?? '';
+    }
+
+    public function getMetaKeywords() {
+        return $this->get('seo.meta_keywords') ?? '';
+    }
+
+    // Weather Helper
+    public function isWeatherEnabled() {
+        return $this->get('weather.enabled') === true;
+    }
+
+ 
+
+    public function getWeatherLocation() {
+        return $this->get('weather.location') ?? 'Oberdürnten,CH';
+    }
+
+    public function getWeatherCoords() {
+        return [
+            'lat' => $this->get('weather.lat') ?? '47.2833',
+            'lon' => $this->get('weather.lon') ?? '8.7167'
+        ];
+    }
+
+    public function getWeatherUpdateInterval() {
+        return $this->get('weather.update_interval') ?? 5;
+    }
+
+    public function getWeatherUnits() {
+        return $this->get('weather.units') ?? 'metric';
+    }
+
+    // SaaS Feature Helper
+    public function isMultiTenantEnabled() {
+        return $this->get('saas_features.multi_tenant_enabled') === true;
+    }
+
+    public function isSelfRegistrationEnabled() {
+        return $this->get('saas_features.self_registration_enabled') === true;
+    }
+
+    public function isBillingEnabled() {
+        return $this->get('saas_features.billing_enabled') === true;
+    }
+
+    public function isStripeEnabled() {
+        return $this->get('saas_features.stripe_enabled') === true;
+    }
+
+    public function isTenantDashboardEnabled() {
+        return $this->get('saas_features.tenant_dashboard_enabled') === true;
+    }
+
+    public function isAnalyticsEnabled() {
+        return $this->get('saas_features.analytics_enabled') === true;
+    }
+
+    public function isCustomDomainEnabled() {
+        return $this->get('saas_features.custom_domain_enabled') === true;
+    }
+
+    public function isCustomBrandingEnabled() {
+        return $this->get('saas_features.custom_branding_enabled') === true;
+    }
+
+    public function isLandingPageEnabled() {
+        return $this->get('saas_features.landing_page_enabled') === true;
+    }
+
+    public function getTrialDays() {
+        return $this->get('saas_features.trial_days') ?? 14;
+    }
+
+    public function getDefaultMaxViewers() {
+        return $this->get('saas_features.default_max_viewers') ?? 50;
+    }
+}

aurora-livecam/WeatherManager.php

@@ -0,0 +1,286 @@
+<?php
+/**
+ * WeatherManager - Holt und cached Wetterdaten von Open-Meteo (kostenlos!)
+ * Keine API Key nötig!
+ */
+class WeatherManager {
+    private $settingsManager;
+    private $cacheFile = 'weather_cache.json';
+    private $cacheTime = 300; // 5 Minuten in Sekunden
+
+    public function __construct($settingsManager) {
+        $this->settingsManager = $settingsManager;
+    }
+
+    /**
+     * Holt aktuelle Wetterdaten (cached)
+     */
+    public function getCurrentWeather() {
+        // Prüfe ob Weather aktiviert ist
+        if (!$this->settingsManager->isWeatherEnabled()) {
+            return null;
+        }
+
+        // Prüfe Cache
+        $cached = $this->getCache();
+        if ($cached !== null) {
+            return $cached;
+        }
+
+        $coords = $this->settingsManager->getWeatherCoords();
+        $apiKey = trim($this->settingsManager->getWeatherApiKey());
+
+        $weather = $apiKey !== ''
+            ? $this->fetchOpenWeather($coords, $apiKey)
+            : $this->fetchOpenMeteo($coords);
+
+        if (isset($weather['error'])) {
+            return $weather;
+        }
+
+        // Cache speichern
+        $this->saveCache($weather);
+
+        return $weather;
+    }
+
+    private function fetchOpenMeteo($coords) {
+        // Open-Meteo API URL - komplett kostenlos, kein API Key!
+        $url = "https://api.open-meteo.com/v1/forecast?" . http_build_query([
+            'latitude' => $coords['lat'],
+            'longitude' => $coords['lon'],
+            'current' => 'temperature_2m,relative_humidity_2m,precipitation,weather_code,wind_speed_10m,wind_direction_10m,pressure_msl,cloud_cover',
+            'timezone' => 'Europe/Zurich'
+        ]);
+
+        $response = $this->fetchUrl($url);
+        if ($response === null) {
+            return ['error' => 'API Fehler'];
+        }
+
+        $data = json_decode($response, true);
+        if (!$data || !isset($data['current'])) {
+            return ['error' => 'Ungültige API Antwort'];
+        }
+
+        $current = $data['current'];
+
+        return [
+            'temp' => round($current['temperature_2m'], 1),
+            'feels_like' => round($current['temperature_2m'], 1), // Open-Meteo hat keine "feels like"
+            'humidity' => $current['relative_humidity_2m'],
+            'pressure' => round($current['pressure_msl'], 0),
+            'wind_speed' => round($current['wind_speed_10m'], 1), // Schon in km/h!
+            'wind_deg' => $current['wind_direction_10m'],
+            'wind_direction' => $this->getWindDirection($current['wind_direction_10m']),
+            'clouds' => $current['cloud_cover'] ?? 0,
+            'description' => $this->getWeatherDescription($current['weather_code']),
+            'icon' => $this->getWeatherIcon($current['weather_code']),
+            'rain_1h' => $current['precipitation'] ?? 0,
+            'snow_1h' => 0, // Open-Meteo gibt Niederschlag gesamt
+            'location' => $this->settingsManager->getWeatherLocation(),
+            'timestamp' => time()
+        ];
+    }
+
+    private function fetchOpenWeather($coords, $apiKey) {
+        $units = $this->settingsManager->getWeatherUnits();
+        $url = "https://api.openweathermap.org/data/2.5/weather?" . http_build_query([
+            'lat' => $coords['lat'],
+            'lon' => $coords['lon'],
+            'appid' => $apiKey,
+            'units' => $units,
+            'lang' => 'de'
+        ]);
+
+        $response = $this->fetchUrl($url);
+        if ($response === null) {
+            return ['error' => 'API Fehler'];
+        }
+
+        $data = json_decode($response, true);
+        if (!$data || !isset($data['main'], $data['weather'][0], $data['wind'])) {
+            return ['error' => 'Ungültige API Antwort'];
+        }
+
+        $windSpeed = $data['wind']['speed'];
+        if ($units === 'metric') {
+            $windSpeed = $windSpeed * 3.6; // m/s -> km/h
+        }
+
+        return [
+            'temp' => round($data['main']['temp'], 1),
+            'feels_like' => round($data['main']['feels_like'], 1),
+            'humidity' => $data['main']['humidity'],
+            'pressure' => round($data['main']['pressure'], 0),
+            'wind_speed' => round($windSpeed, 1),
+            'wind_deg' => $data['wind']['deg'] ?? 0,
+            'wind_direction' => $this->getWindDirection($data['wind']['deg'] ?? 0),
+            'clouds' => $data['clouds']['all'] ?? 0,
+            'description' => ucfirst($data['weather'][0]['description']),
+            'icon' => $data['weather'][0]['icon'] ?? '01d',
+            'rain_1h' => $data['rain']['1h'] ?? 0,
+            'snow_1h' => $data['snow']['1h'] ?? 0,
+            'location' => $data['name'] ?? $this->settingsManager->getWeatherLocation(),
+            'timestamp' => time()
+        ];
+    }
+
+    private function fetchUrl($url) {
+        $ch = curl_init();
+        curl_setopt($ch, CURLOPT_URL, $url);
+        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
+        curl_setopt($ch, CURLOPT_TIMEOUT, 5);
+        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, true);
+
+        $response = curl_exec($ch);
+        $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
+        curl_close($ch);
+
+        if ($httpCode !== 200 || !$response) {
+            return null;
+        }
+
+        return $response;
+    }
+
+    /**
+     * Wandelt WMO Weather Code in Beschreibung um
+     * https://open-meteo.com/en/docs
+     */
+    private function getWeatherDescription($code) {
+        $descriptions = [
+            0 => 'Klar',
+            1 => 'Überwiegend klar',
+            2 => 'Teilweise bewölkt',
+            3 => 'Bewölkt',
+            45 => 'Neblig',
+            48 => 'Nebel mit Reifablagerung',
+            51 => 'Leichter Nieselregen',
+            53 => 'Mäßiger Nieselregen',
+            55 => 'Dichter Nieselregen',
+            61 => 'Leichter Regen',
+            63 => 'Mäßiger Regen',
+            65 => 'Starker Regen',
+            71 => 'Leichter Schneefall',
+            73 => 'Mäßiger Schneefall',
+            75 => 'Starker Schneefall',
+            77 => 'Schneegraupeln',
+            80 => 'Leichte Regenschauer',
+            81 => 'Mäßige Regenschauer',
+            82 => 'Starke Regenschauer',
+            85 => 'Leichte Schneeschauer',
+            86 => 'Starke Schneeschauer',
+            95 => 'Gewitter',
+            96 => 'Gewitter mit leichtem Hagel',
+            99 => 'Gewitter mit starkem Hagel'
+        ];
+
+        return $descriptions[$code] ?? 'Unbekannt';
+    }
+
+    /**
+     * Wandelt WMO Weather Code in Icon-Code um (OpenWeatherMap kompatibel)
+     */
+    private function getWeatherIcon($code) {
+        if ($code == 0) return '01d'; // Klar
+        if ($code >= 1 && $code <= 2) return '02d'; // Teilweise bewölkt
+        if ($code == 3) return '04d'; // Bewölkt
+        if ($code >= 45 && $code <= 48) return '50d'; // Nebel
+        if ($code >= 51 && $code <= 55) return '09d'; // Nieselregen
+        if ($code >= 61 && $code <= 65) return '10d'; // Regen
+        if ($code >= 71 && $code <= 77) return '13d'; // Schnee
+        if ($code >= 80 && $code <= 82) return '09d'; // Regenschauer
+        if ($code >= 85 && $code <= 86) return '13d'; // Schneeschauer
+        if ($code >= 95 && $code <= 99) return '11d'; // Gewitter
+
+        return '01d'; // Default
+    }
+
+    /**
+     * Wandelt Windrichtung (Grad) in Kompassrichtung um
+     */
+    private function getWindDirection($deg) {
+        $directions = ['N', 'NNO', 'NO', 'ONO', 'O', 'OSO', 'SO', 'SSO', 'S', 'SSW', 'SW', 'WSW', 'W', 'WNW', 'NW', 'NNW'];
+        $index = round($deg / 22.5) % 16;
+        return $directions[$index];
+    }
+
+    /**
+     * Holt Daten aus Cache (wenn noch gültig)
+     */
+    private function getCache() {
+        if (!file_exists($this->cacheFile)) {
+            return null;
+        }
+
+        $content = file_get_contents($this->cacheFile);
+        $data = json_decode($content, true);
+
+        if (!$data || !isset($data['timestamp'])) {
+            return null;
+        }
+
+        // Fehler nicht aus Cache zurückgeben (z.B. alter "API Key fehlt" Error)
+        if (isset($data['error'])) {
+            @unlink($this->cacheFile); // Cache mit Fehler löschen
+            return null;
+        }
+
+        // Update-Intervall aus Settings holen (in Minuten)
+        $updateInterval = $this->settingsManager->getWeatherUpdateInterval() * 60; // Minuten -> Sekunden
+
+        // Prüfe ob Cache noch gültig
+        if (time() - $data['timestamp'] < $updateInterval) {
+            return $data;
+        }
+
+        return null;
+    }
+
+    /**
+     * Speichert Daten im Cache (nur wenn kein Fehler)
+     */
+    private function saveCache($data) {
+        // Fehler nicht cachen
+        if (isset($data['error'])) {
+            return;
+        }
+        $json = json_encode($data, JSON_PRETTY_PRINT);
+        file_put_contents($this->cacheFile, $json, LOCK_EX);
+    }
+
+    /**
+     * Gibt Wetter-Icon-Emoji zurück
+     */
+    public function getWeatherEmoji($iconCode) {
+        $map = [
+            '01d' => '☀️', '01n' => '🌙',
+            '02d' => '⛅', '02n' => '☁️',
+            '03d' => '☁️', '03n' => '☁️',
+            '04d' => '☁️', '04n' => '☁️',
+            '09d' => '🌧️', '09n' => '🌧️',
+            '10d' => '🌦️', '10n' => '🌧️',
+            '11d' => '⛈️', '11n' => '⛈️',
+            '13d' => '❄️', '13n' => '❄️',
+            '50d' => '🌫️', '50n' => '🌫️'
+        ];
+        return $map[$iconCode] ?? '🌤️';
+    }
+
+    /**
+     * AJAX Handler für Wetter-Updates
+     */
+    public function handleAjax() {
+        if ($_SERVER['REQUEST_METHOD'] !== 'GET') return;
+        if (!isset($_GET['weather_action'])) return;
+
+        header('Content-Type: application/json');
+
+        if ($_GET['weather_action'] === 'get') {
+            $weather = $this->getCurrentWeather();
+            echo json_encode(['success' => true, 'data' => $weather]);
+            exit;
+        }
+    }
+}

aurora-livecam/api/auto-screenshot.php

@@ -0,0 +1,104 @@
+<?php
+/**
+ * Auto-Screenshot API
+ *
+ * Kann als Cron-Job aufgerufen werden:
+ * */10 * * * * curl -s http://localhost/api/auto-screenshot.php?key=YOUR_SECRET_KEY
+ *
+ * Oder via Webhook/Timer
+ */
+
+require_once dirname(__DIR__) . '/vendor/autoload.php';
+require_once dirname(__DIR__) . '/SettingsManager.php';
+
+header('Content-Type: application/json');
+
+$settingsManager = new SettingsManager();
+
+// Prüfe ob Feature aktiviert
+if (!$settingsManager->isAutoScreenshotEnabled()) {
+    echo json_encode(['success' => false, 'error' => 'Auto-Screenshot deaktiviert']);
+    exit;
+}
+
+// Optionale API-Key Validierung
+$configFile = dirname(__DIR__) . '/config.php';
+if (file_exists($configFile)) {
+    $config = require $configFile;
+    $apiKey = $config['auto_screenshot_key'] ?? '';
+
+    if (!empty($apiKey) && ($_GET['key'] ?? '') !== $apiKey) {
+        http_response_code(403);
+        echo json_encode(['success' => false, 'error' => 'Ungültiger API-Key']);
+        exit;
+    }
+}
+
+// Galerie-Verzeichnis erstellen
+$galleryDir = dirname(__DIR__) . '/gallery/auto/';
+if (!is_dir($galleryDir)) {
+    mkdir($galleryDir, 0755, true);
+}
+
+// Screenshot-Dateiname
+$filename = 'auto_' . date('Y-m-d_H-i-s') . '.jpg';
+$filepath = $galleryDir . $filename;
+
+// Video-Stream URL
+$streamUrl = 'test_video.m3u8';
+$logoPath = dirname(__DIR__) . '/logo.png';
+
+// FFmpeg-Befehl zum Erstellen des Screenshots
+$command = sprintf(
+    'ffmpeg -i %s -vframes 1 -q:v 2 %s 2>&1',
+    escapeshellarg($streamUrl),
+    escapeshellarg($filepath)
+);
+
+exec($command, $output, $returnVar);
+
+if ($returnVar !== 0 || !file_exists($filepath)) {
+    echo json_encode([
+        'success' => false,
+        'error' => 'Screenshot fehlgeschlagen',
+        'command' => $command,
+        'output' => implode("\n", $output)
+    ]);
+    exit;
+}
+
+// Alte Screenshots aufräumen (max. Anzahl einhalten)
+$maxImages = $settingsManager->getAutoScreenshotMaxImages();
+$existingFiles = glob($galleryDir . 'auto_*.jpg');
+rsort($existingFiles); // Neueste zuerst
+
+if (count($existingFiles) > $maxImages) {
+    $filesToDelete = array_slice($existingFiles, $maxImages);
+    foreach ($filesToDelete as $file) {
+        @unlink($file);
+    }
+}
+
+// Metadaten speichern
+$metaFile = $galleryDir . 'metadata.json';
+$metadata = [];
+if (file_exists($metaFile)) {
+    $metadata = json_decode(file_get_contents($metaFile), true) ?? [];
+}
+
+$metadata[$filename] = [
+    'created_at' => date('Y-m-d H:i:s'),
+    'timestamp' => time(),
+    'size' => filesize($filepath)
+];
+
+// Nur die letzten maxImages behalten
+$metadata = array_slice($metadata, -$maxImages, null, true);
+file_put_contents($metaFile, json_encode($metadata, JSON_PRETTY_PRINT));
+
+echo json_encode([
+    'success' => true,
+    'file' => $filename,
+    'path' => '/gallery/auto/' . $filename,
+    'total_images' => count(glob($galleryDir . 'auto_*.jpg'))
+]);

aurora-livecam/api/gallery.php

@@ -0,0 +1,97 @@
+<?php
+/**
+ * Gallery API
+ *
+ * GET /api/gallery.php - Liste alle Galerie-Bilder
+ * GET /api/gallery.php?date=2024-01-30 - Bilder eines bestimmten Datums
+ * GET /api/gallery.php?from=2024-01-01&to=2024-01-31 - Bilder in einem Zeitraum
+ */
+
+require_once dirname(__DIR__) . '/vendor/autoload.php';
+require_once dirname(__DIR__) . '/SettingsManager.php';
+
+header('Content-Type: application/json');
+header('Access-Control-Allow-Origin: *');
+
+$settingsManager = new SettingsManager();
+
+$galleryDir = dirname(__DIR__) . '/gallery/auto/';
+
+// Prüfe ob Galerie existiert
+if (!is_dir($galleryDir)) {
+    echo json_encode(['success' => true, 'images' => [], 'total' => 0]);
+    exit;
+}
+
+// Parameter
+$date = $_GET['date'] ?? null;
+$from = $_GET['from'] ?? null;
+$to = $_GET['to'] ?? null;
+$limit = min(100, (int)($_GET['limit'] ?? 50));
+$offset = max(0, (int)($_GET['offset'] ?? 0));
+
+// Alle Bilder holen
+$allFiles = glob($galleryDir . 'auto_*.jpg');
+rsort($allFiles); // Neueste zuerst
+
+$images = [];
+
+foreach ($allFiles as $file) {
+    $filename = basename($file);
+    // Extrahiere Datum aus Dateinamen: auto_2024-01-30_14-30-00.jpg
+    if (preg_match('/auto_(\d{4}-\d{2}-\d{2})_(\d{2}-\d{2}-\d{2})\.jpg/', $filename, $matches)) {
+        $fileDate = $matches[1];
+        $fileTime = str_replace('-', ':', $matches[2]);
+
+        // Datumsfilter
+        if ($date !== null && $fileDate !== $date) {
+            continue;
+        }
+
+        if ($from !== null && $fileDate < $from) {
+            continue;
+        }
+
+        if ($to !== null && $fileDate > $to) {
+            continue;
+        }
+
+        $images[] = [
+            'filename' => $filename,
+            'path' => '/gallery/auto/' . $filename,
+            'date' => $fileDate,
+            'time' => $fileTime,
+            'datetime' => $fileDate . ' ' . $fileTime,
+            'timestamp' => strtotime($fileDate . ' ' . $fileTime),
+            'size' => filesize($file)
+        ];
+    }
+}
+
+$total = count($images);
+
+// Pagination
+$images = array_slice($images, $offset, $limit);
+
+// Verfügbare Daten (für Kalender/Filter)
+$availableDates = [];
+foreach (glob($galleryDir . 'auto_*.jpg') as $file) {
+    if (preg_match('/auto_(\d{4}-\d{2}-\d{2})/', basename($file), $m)) {
+        $availableDates[$m[1]] = ($availableDates[$m[1]] ?? 0) + 1;
+    }
+}
+krsort($availableDates);
+
+echo json_encode([
+    'success' => true,
+    'images' => $images,
+    'total' => $total,
+    'offset' => $offset,
+    'limit' => $limit,
+    'available_dates' => $availableDates,
+    'filters' => [
+        'date' => $date,
+        'from' => $from,
+        'to' => $to
+    ]
+]);

aurora-livecam/api/share.php

@@ -0,0 +1,315 @@
+<?php
+/**
+ * Share API - Teilen von Bildern/Videos per E-Mail
+ *
+ * POST /api/share.php
+ * Body: { email: "friend@example.com", type: "video|image", path: "/videos/...", message: "Schau dir das an!" }
+ */
+
+use PHPMailer\PHPMailer\PHPMailer;
+use PHPMailer\PHPMailer\Exception;
+
+require_once dirname(__DIR__) . '/vendor/autoload.php';
+require_once dirname(__DIR__) . '/SettingsManager.php';
+
+header('Content-Type: application/json');
+header('Access-Control-Allow-Origin: *');
+header('Access-Control-Allow-Methods: POST, GET, OPTIONS');
+header('Access-Control-Allow-Headers: Content-Type');
+
+if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
+    http_response_code(200);
+    exit;
+}
+
+$settingsManager = new SettingsManager();
+
+// Prüfe ob Feature aktiviert
+if (!$settingsManager->isEmailSharingEnabled()) {
+    echo json_encode(['success' => false, 'error' => 'E-Mail-Sharing ist deaktiviert']);
+    exit;
+}
+
+// Config laden
+$configFile = dirname(__DIR__) . '/config.php';
+$config = file_exists($configFile) ? require $configFile : [];
+$mailConfig = $config['mail'] ?? [];
+
+if (empty($mailConfig['host']) || empty($mailConfig['username'])) {
+    echo json_encode(['success' => false, 'error' => 'E-Mail-Server nicht konfiguriert']);
+    exit;
+}
+
+// === GET: Share-Link generieren ===
+if ($_SERVER['REQUEST_METHOD'] === 'GET' && isset($_GET['generate'])) {
+    $path = $_GET['path'] ?? '';
+    $type = $_GET['type'] ?? 'video';
+
+    if (empty($path)) {
+        echo json_encode(['success' => false, 'error' => 'Kein Pfad angegeben']);
+        exit;
+    }
+
+    // Token generieren
+    $expiryHours = $settingsManager->getShareLinkExpiryHours();
+    $expiry = time() + ($expiryHours * 3600);
+    $token = hash_hmac('sha256', $path . $expiry, session_id() . 'share_secret');
+
+    // Share-Link speichern
+    $shareDir = dirname(__DIR__) . '/data/shares/';
+    if (!is_dir($shareDir)) {
+        mkdir($shareDir, 0755, true);
+    }
+
+    $shareId = bin2hex(random_bytes(16));
+    $shareData = [
+        'id' => $shareId,
+        'path' => $path,
+        'type' => $type,
+        'token' => $token,
+        'expiry' => $expiry,
+        'created_at' => date('Y-m-d H:i:s')
+    ];
+
+    file_put_contents($shareDir . $shareId . '.json', json_encode($shareData));
+
+    // URL generieren
+    $baseUrl = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https' : 'http')
+        . '://' . $_SERVER['HTTP_HOST'];
+    $shareUrl = $baseUrl . '/api/share.php?view=' . $shareId;
+
+    echo json_encode([
+        'success' => true,
+        'share_url' => $shareUrl,
+        'share_id' => $shareId,
+        'expires_at' => date('Y-m-d H:i:s', $expiry)
+    ]);
+    exit;
+}
+
+// === GET: Share-Link anzeigen ===
+if ($_SERVER['REQUEST_METHOD'] === 'GET' && isset($_GET['view'])) {
+    $shareId = preg_replace('/[^a-f0-9]/', '', $_GET['view']);
+    $shareFile = dirname(__DIR__) . '/data/shares/' . $shareId . '.json';
+
+    if (!file_exists($shareFile)) {
+        header('Content-Type: text/html; charset=utf-8');
+        echo '<!DOCTYPE html><html><head><title>Link ungültig</title></head><body style="font-family:sans-serif;text-align:center;padding:50px;"><h1>❌ Link nicht gefunden</h1><p>Dieser Share-Link existiert nicht oder wurde bereits gelöscht.</p></body></html>';
+        exit;
+    }
+
+    $shareData = json_decode(file_get_contents($shareFile), true);
+
+    // Ablauf prüfen
+    if (time() > $shareData['expiry']) {
+        @unlink($shareFile);
+        header('Content-Type: text/html; charset=utf-8');
+        echo '<!DOCTYPE html><html><head><title>Link abgelaufen</title></head><body style="font-family:sans-serif;text-align:center;padding:50px;"><h1>⏰ Link abgelaufen</h1><p>Dieser Share-Link ist abgelaufen. Bitte fordere einen neuen Link an.</p></body></html>';
+        exit;
+    }
+
+    // Datei existiert?
+    $filePath = dirname(__DIR__) . $shareData['path'];
+    if (!file_exists($filePath)) {
+        header('Content-Type: text/html; charset=utf-8');
+        echo '<!DOCTYPE html><html><head><title>Datei nicht gefunden</title></head><body style="font-family:sans-serif;text-align:center;padding:50px;"><h1>📭 Datei nicht gefunden</h1><p>Die geteilte Datei existiert nicht mehr.</p></body></html>';
+        exit;
+    }
+
+    // Redirect zur Datei oder HTML-Seite mit eingebettetem Player
+    $isVideo = in_array(pathinfo($filePath, PATHINFO_EXTENSION), ['mp4', 'webm', 'mov']);
+    $isImage = in_array(pathinfo($filePath, PATHINFO_EXTENSION), ['jpg', 'jpeg', 'png', 'gif', 'webp']);
+
+    $siteName = $config['app']['name'] ?? 'Aurora Livecam';
+    $baseUrl = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https' : 'http')
+        . '://' . $_SERVER['HTTP_HOST'];
+
+    header('Content-Type: text/html; charset=utf-8');
+    echo '<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Geteilte ' . ($isVideo ? 'Video' : 'Bild') . ' - ' . htmlspecialchars($siteName) . '</title>
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            padding: 20px;
+        }
+        .container {
+            background: white;
+            border-radius: 16px;
+            padding: 30px;
+            max-width: 900px;
+            width: 100%;
+            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
+        }
+        h1 { font-size: 1.5rem; margin-bottom: 20px; color: #333; }
+        video, img {
+            width: 100%;
+            max-height: 70vh;
+            object-fit: contain;
+            border-radius: 8px;
+            background: #000;
+        }
+        .download-btn {
+            display: inline-block;
+            margin-top: 20px;
+            padding: 12px 30px;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            text-decoration: none;
+            border-radius: 8px;
+            font-weight: 600;
+        }
+        .download-btn:hover { opacity: 0.9; }
+        .footer {
+            margin-top: 20px;
+            color: rgba(255,255,255,0.8);
+            font-size: 0.9rem;
+        }
+        .footer a { color: white; }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>📤 Geteilte' . ($isVideo ? 's Video' : 's Bild') . '</h1>';
+
+    if ($isVideo) {
+        echo '<video controls autoplay><source src="' . htmlspecialchars($shareData['path']) . '" type="video/mp4">Ihr Browser unterstützt kein Video.</video>';
+    } else {
+        echo '<img src="' . htmlspecialchars($shareData['path']) . '" alt="Geteiltes Bild">';
+    }
+
+    echo '
+        <a href="' . htmlspecialchars($shareData['path']) . '" download class="download-btn">⬇️ Herunterladen</a>
+    </div>
+    <div class="footer">
+        Geteilt von <a href="' . $baseUrl . '">' . htmlspecialchars($siteName) . '</a>
+    </div>
+</body>
+</html>';
+    exit;
+}
+
+// === POST: E-Mail senden ===
+if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
+    http_response_code(405);
+    echo json_encode(['success' => false, 'error' => 'Nur POST erlaubt']);
+    exit;
+}
+
+// JSON-Body parsen
+$input = json_decode(file_get_contents('php://input'), true);
+if (!$input) {
+    $input = $_POST;
+}
+
+$email = filter_var($input['email'] ?? '', FILTER_VALIDATE_EMAIL);
+$path = $input['path'] ?? '';
+$type = $input['type'] ?? 'video';
+$message = htmlspecialchars($input['message'] ?? '');
+$senderName = htmlspecialchars($input['sender_name'] ?? 'Ein Freund');
+
+if (!$email) {
+    echo json_encode(['success' => false, 'error' => 'Ungültige E-Mail-Adresse']);
+    exit;
+}
+
+if (empty($path)) {
+    echo json_encode(['success' => false, 'error' => 'Kein Pfad angegeben']);
+    exit;
+}
+
+// Share-Link generieren
+$expiryHours = $settingsManager->getShareLinkExpiryHours();
+$expiry = time() + ($expiryHours * 3600);
+
+$shareDir = dirname(__DIR__) . '/data/shares/';
+if (!is_dir($shareDir)) {
+    mkdir($shareDir, 0755, true);
+}
+
+$shareId = bin2hex(random_bytes(16));
+$shareData = [
+    'id' => $shareId,
+    'path' => $path,
+    'type' => $type,
+    'expiry' => $expiry,
+    'created_at' => date('Y-m-d H:i:s'),
+    'shared_to' => $email
+];
+
+file_put_contents($shareDir . $shareId . '.json', json_encode($shareData));
+
+$baseUrl = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https' : 'http')
+    . '://' . $_SERVER['HTTP_HOST'];
+$shareUrl = $baseUrl . '/api/share.php?view=' . $shareId;
+$siteName = $config['app']['name'] ?? 'Aurora Livecam';
+
+// E-Mail senden
+try {
+    $mail = new PHPMailer(true);
+
+    // SMTP Konfiguration
+    $mail->isSMTP();
+    $mail->Host = $mailConfig['host'];
+    $mail->SMTPAuth = true;
+    $mail->Username = $mailConfig['username'];
+    $mail->Password = $mailConfig['password'];
+    $mail->SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS;
+    $mail->Port = $mailConfig['port'] ?? 587;
+    $mail->CharSet = 'UTF-8';
+
+    // Absender/Empfänger
+    $mail->setFrom($mailConfig['from_address'], $mailConfig['from_name'] ?? $siteName);
+    $mail->addAddress($email);
+
+    // Inhalt
+    $mail->isHTML(true);
+    $mail->Subject = $senderName . ' hat ' . ($type === 'video' ? 'ein Video' : 'ein Bild') . ' mit dir geteilt';
+
+    $mail->Body = '
+    <div style="font-family: -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, sans-serif; max-width: 600px; margin: 0 auto; padding: 20px;">
+        <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 30px; border-radius: 12px 12px 0 0; text-align: center;">
+            <h1 style="color: white; margin: 0; font-size: 24px;">📤 ' . htmlspecialchars($siteName) . '</h1>
+        </div>
+        <div style="background: #f7f7f7; padding: 30px; border-radius: 0 0 12px 12px;">
+            <p style="font-size: 18px; color: #333; margin-bottom: 20px;">
+                <strong>' . htmlspecialchars($senderName) . '</strong> hat ' . ($type === 'video' ? 'ein Video' : 'ein Bild') . ' mit dir geteilt!
+            </p>
+            ' . (!empty($message) ? '<div style="background: white; padding: 15px; border-radius: 8px; border-left: 4px solid #667eea; margin-bottom: 20px;"><em>"' . nl2br($message) . '"</em></div>' : '') . '
+            <a href="' . htmlspecialchars($shareUrl) . '" style="display: inline-block; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 15px 30px; text-decoration: none; border-radius: 8px; font-weight: 600; font-size: 16px;">
+                ▶️ Jetzt ansehen
+            </a>
+            <p style="margin-top: 20px; color: #888; font-size: 12px;">
+                Dieser Link ist ' . $expiryHours . ' Stunden gültig.
+            </p>
+        </div>
+    </div>';
+
+    $mail->AltBody = $senderName . ' hat ' . ($type === 'video' ? 'ein Video' : 'ein Bild') . ' mit dir geteilt: ' . $shareUrl;
+
+    $mail->send();
+
+    echo json_encode([
+        'success' => true,
+        'message' => 'E-Mail wurde gesendet',
+        'share_url' => $shareUrl
+    ]);
+
+} catch (Exception $e) {
+    error_log('Share email error: ' . $e->getMessage());
+    echo json_encode([
+        'success' => false,
+        'error' => 'E-Mail konnte nicht gesendet werden',
+        'share_url' => $shareUrl // URL trotzdem zurückgeben
+    ]);
+}

aurora-livecam/api/stripe-webhook.php

@@ -0,0 +1,56 @@
+<?php
+/**
+ * Stripe Webhook Endpoint
+ *
+ * URL: /api/stripe-webhook.php
+ * Konfigurieren Sie diesen Endpoint in Ihrem Stripe Dashboard
+ */
+
+// Keine Session, keine Ausgabe vor JSON
+error_reporting(0);
+ini_set('display_errors', 0);
+
+require_once dirname(__DIR__) . '/vendor/autoload.php';
+
+if (file_exists(dirname(__DIR__) . '/src/bootstrap.php')) {
+    require_once dirname(__DIR__) . '/src/bootstrap.php';
+}
+
+use AuroraLivecam\Billing\WebhookHandler;
+
+// Nur POST erlaubt
+if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
+    http_response_code(405);
+    echo json_encode(['error' => 'Method not allowed']);
+    exit;
+}
+
+// Payload lesen
+$payload = file_get_contents('php://input');
+$signature = $_SERVER['HTTP_STRIPE_SIGNATURE'] ?? '';
+
+if (empty($payload)) {
+    http_response_code(400);
+    echo json_encode(['error' => 'Empty payload']);
+    exit;
+}
+
+// Webhook verarbeiten
+try {
+    $handler = new WebhookHandler();
+    $result = $handler->handle($payload, $signature);
+
+    if ($result['success']) {
+        http_response_code(200);
+    } else {
+        http_response_code(400);
+    }
+
+    header('Content-Type: application/json');
+    echo json_encode($result);
+
+} catch (\Exception $e) {
+    error_log('Stripe Webhook Error: ' . $e->getMessage());
+    http_response_code(500);
+    echo json_encode(['error' => 'Internal server error']);
+}

aurora-livecam/api/video-search.php

@@ -0,0 +1,192 @@
+<?php
+/**
+ * Video Search API
+ *
+ * Suche nach Videos nach Datum und Uhrzeit
+ *
+ * GET /api/video-search.php?date=2024-01-30
+ * GET /api/video-search.php?date=2024-01-30&time=14:30
+ * GET /api/video-search.php?from=2024-01-01&to=2024-01-31
+ * GET /api/video-search.php?time_from=08:00&time_to=18:00
+ */
+
+require_once dirname(__DIR__) . '/vendor/autoload.php';
+require_once dirname(__DIR__) . '/SettingsManager.php';
+
+header('Content-Type: application/json');
+header('Access-Control-Allow-Origin: *');
+
+$settingsManager = new SettingsManager();
+
+$videoDir = dirname(__DIR__) . '/videos/';
+$aiDir = dirname(__DIR__) . '/ai/';
+
+// Parameter
+$date = $_GET['date'] ?? null; // Format: YYYY-MM-DD
+$time = $_GET['time'] ?? null; // Format: HH:MM
+$fromDate = $_GET['from'] ?? null;
+$toDate = $_GET['to'] ?? null;
+$timeFrom = $_GET['time_from'] ?? null;
+$timeTo = $_GET['time_to'] ?? null;
+$type = $_GET['type'] ?? 'all'; // all, daily, ai
+$aiCategory = $_GET['ai_category'] ?? null;
+$limit = min(100, (int)($_GET['limit'] ?? 50));
+
+$results = [
+    'daily_videos' => [],
+    'ai_videos' => [],
+    'gallery_images' => []
+];
+
+// AI-Kategorien
+$aiCategories = ['sunny', 'rainy', 'snowy', 'planes', 'birds', 'sunset', 'sunrise', 'rainbow'];
+
+// === TAGESVIDEOS SUCHEN ===
+if ($type === 'all' || $type === 'daily') {
+    $pattern = $videoDir . 'daily_video_*.mp4';
+    $dailyVideos = glob($pattern);
+
+    foreach ($dailyVideos as $video) {
+        $filename = basename($video);
+
+        // Extrahiere Datum aus Dateinamen: daily_video_YYYYMMDD_HHMMSS.mp4
+        if (preg_match('/daily_video_(\d{4})(\d{2})(\d{2})_(\d{2})(\d{2})(\d{2})\.mp4/', $filename, $matches)) {
+            $videoDate = $matches[1] . '-' . $matches[2] . '-' . $matches[3];
+            $videoTime = $matches[4] . ':' . $matches[5];
+            $videoDateTime = $videoDate . ' ' . $videoTime . ':' . $matches[6];
+
+            // Datumsfilter
+            if ($date !== null && $videoDate !== $date) {
+                continue;
+            }
+
+            if ($fromDate !== null && $videoDate < $fromDate) {
+                continue;
+            }
+
+            if ($toDate !== null && $videoDate > $toDate) {
+                continue;
+            }
+
+            // Uhrzeitfilter
+            if ($timeFrom !== null && $videoTime < $timeFrom) {
+                continue;
+            }
+
+            if ($timeTo !== null && $videoTime > $timeTo) {
+                continue;
+            }
+
+            // Spezifische Uhrzeit (mit 30 Min Toleranz)
+            if ($time !== null) {
+                $searchMinutes = intval(substr($time, 0, 2)) * 60 + intval(substr($time, 3, 2));
+                $videoMinutes = intval($matches[4]) * 60 + intval($matches[5]);
+
+                if (abs($searchMinutes - $videoMinutes) > 30) {
+                    continue;
+                }
+            }
+
+            $results['daily_videos'][] = [
+                'type' => 'daily',
+                'filename' => $filename,
+                'path' => '/videos/' . $filename,
+                'date' => $videoDate,
+                'time' => $videoTime,
+                'datetime' => $videoDateTime,
+                'timestamp' => strtotime($videoDateTime),
+                'size' => filesize($video),
+                'size_mb' => round(filesize($video) / (1024 * 1024), 2)
+            ];
+        }
+    }
+}
+
+// === AI-VIDEOS SUCHEN ===
+if ($type === 'all' || $type === 'ai') {
+    $searchCategories = $aiCategory ? [$aiCategory] : $aiCategories;
+
+    foreach ($searchCategories as $category) {
+        $categoryDir = $aiDir . $category . '/';
+        if (!is_dir($categoryDir)) continue;
+
+        $pattern = $categoryDir . $category . '_*.mp4';
+        $aiVideos = glob($pattern);
+
+        foreach ($aiVideos as $video) {
+            $filename = basename($video);
+
+            // Extrahiere Datum aus Dateinamen: category_YYYYMMDD_HHMMSS.mp4
+            if (preg_match('/' . $category . '_(\d{4})(\d{2})(\d{2})_?(\d{2})?(\d{2})?(\d{2})?\.mp4/', $filename, $matches)) {
+                $videoDate = $matches[1] . '-' . $matches[2] . '-' . $matches[3];
+                $videoTime = isset($matches[4]) ? ($matches[4] . ':' . ($matches[5] ?? '00')) : '00:00';
+                $videoDateTime = $videoDate . ' ' . $videoTime;
+
+                // Datumsfilter
+                if ($date !== null && $videoDate !== $date) {
+                    continue;
+                }
+
+                if ($fromDate !== null && $videoDate < $fromDate) {
+                    continue;
+                }
+
+                if ($toDate !== null && $videoDate > $toDate) {
+                    continue;
+                }
+
+                // Uhrzeitfilter
+                if ($timeFrom !== null && $videoTime < $timeFrom) {
+                    continue;
+                }
+
+                if ($timeTo !== null && $videoTime > $timeTo) {
+                    continue;
+                }
+
+                $results['ai_videos'][] = [
+                    'type' => 'ai',
+                    'category' => $category,
+                    'filename' => $filename,
+                    'path' => '/ai/' . $category . '/' . $filename,
+                    'date' => $videoDate,
+                    'time' => $videoTime,
+                    'datetime' => $videoDateTime,
+                    'timestamp' => strtotime($videoDateTime),
+                    'size' => filesize($video),
+                    'size_mb' => round(filesize($video) / (1024 * 1024), 2)
+                ];
+            }
+        }
+    }
+}
+
+// Sortieren nach Datum/Zeit (neueste zuerst)
+usort($results['daily_videos'], fn($a, $b) => $b['timestamp'] - $a['timestamp']);
+usort($results['ai_videos'], fn($a, $b) => $b['timestamp'] - $a['timestamp']);
+
+// Limit anwenden
+$results['daily_videos'] = array_slice($results['daily_videos'], 0, $limit);
+$results['ai_videos'] = array_slice($results['ai_videos'], 0, $limit);
+
+// Statistiken
+$results['stats'] = [
+    'total_daily' => count($results['daily_videos']),
+    'total_ai' => count($results['ai_videos']),
+    'total' => count($results['daily_videos']) + count($results['ai_videos'])
+];
+
+$results['filters'] = [
+    'date' => $date,
+    'time' => $time,
+    'from' => $fromDate,
+    'to' => $toDate,
+    'time_from' => $timeFrom,
+    'time_to' => $timeTo,
+    'type' => $type,
+    'ai_category' => $aiCategory
+];
+
+$results['success'] = true;
+
+echo json_encode($results, JSON_PRETTY_PRINT);

aurora-livecam/clear-cache.php

@@ -0,0 +1,15 @@
+<?php
+// Clear PHP OPcache
+if (function_exists('opcache_reset')) {
+    opcache_reset();
+    echo "OPcache cleared successfully!\n";
+} else {
+    echo "OPcache not available\n";
+}
+
+// Clear realpath cache
+clearstatcache(true);
+echo "Realpath cache cleared!\n";
+
+echo "\nNow reload the page with CTRL+F5 (hard refresh)\n";
+?>

aurora-livecam/config.example.php

@@ -0,0 +1,59 @@
+<?php
+/**
+ * Aurora Livecam - Konfigurationsdatei
+ *
+ * Kopiere diese Datei zu config.php und passe die Werte an.
+ * WICHTIG: config.php niemals in Git committen!
+ */
+
+return [
+    // Datenbank-Konfiguration
+    'database' => [
+        'host' => 'localhost',
+        'port' => 3306,
+        'database' => 'aurora_livecam',
+        'username' => 'root',
+        'password' => '',
+        'charset' => 'utf8mb4',
+    ],
+
+    // Anwendungs-Einstellungen
+    'app' => [
+        'name' => 'Aurora Livecam',
+        'url' => 'https://aurora-weather-livecam.com',
+        'debug' => false,
+        'timezone' => 'Europe/Zurich',
+    ],
+
+    // Multi-Tenant Einstellungen
+    'tenant' => [
+        'default_subdomain_suffix' => '.aurora-livecam.com',
+        'allow_custom_domains' => true,
+        'trial_days' => 14,
+    ],
+
+    // Stripe (für Billing)
+    'stripe' => [
+        'public_key' => '',
+        'secret_key' => '',
+        'webhook_secret' => '',
+        'currency' => 'chf',
+    ],
+
+    // E-Mail Einstellungen (für Onboarding)
+    'mail' => [
+        'host' => 'smtp.example.com',
+        'port' => 587,
+        'username' => '',
+        'password' => '',
+        'from_address' => 'noreply@aurora-livecam.com',
+        'from_name' => 'Aurora Livecam',
+    ],
+
+    // Sicherheit
+    'security' => [
+        'session_lifetime' => 7200, // 2 Stunden
+        'remember_me_days' => 30,
+        'password_min_length' => 8,
+    ],
+];

aurora-livecam/css/player-controls.css

@@ -0,0 +1,274 @@
+/* ========== TIMELAPSE CONTROLS ========== */
+#timelapse-controls {
+    display: none;
+    margin-top: 15px;
+}
+
+.timelapse-control-bar {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    background: rgba(255, 255, 255, 0.95);
+    padding: 12px 20px;
+    border-radius: 50px;
+    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.tl-btn {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: white;
+    border: none;
+    width: 44px;
+    height: 44px;
+    border-radius: 50%;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 16px;
+    transition: all 0.3s ease;
+    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
+}
+
+.tl-btn:hover {
+    transform: scale(1.1);
+    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.5);
+}
+
+.tl-btn.active {
+    background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
+}
+
+.tl-slider-container {
+    flex: 1;
+    min-width: 200px;
+    max-width: 400px;
+    display: flex;
+    align-items: center;
+    gap: 15px;
+}
+
+#tl-slider {
+    flex: 1;
+    height: 8px;
+    border-radius: 4px;
+    background: #e0e0e0;
+    outline: none;
+    -webkit-appearance: none;
+}
+
+#tl-slider::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    cursor: pointer;
+    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
+}
+
+#tl-slider::-moz-range-thumb {
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    cursor: pointer;
+    border: none;
+}
+
+#tl-time-display {
+    font-family: monospace;
+    font-size: 14px;
+    color: #333;
+    background: #f5f5f5;
+    padding: 6px 12px;
+    border-radius: 20px;
+    min-width: 140px;
+    text-align: center;
+}
+
+.tl-speed-btn {
+    width: auto !important;
+    padding: 0 20px !important;
+    border-radius: 22px !important;
+    font-weight: bold;
+    font-size: 14px;
+}
+
+.tl-back-btn {
+    width: auto !important;
+    padding: 0 20px !important;
+    border-radius: 22px !important;
+    background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%) !important;
+    gap: 8px;
+}
+
+/* ========== DAILY VIDEO PLAYER ========== */
+#daily-video-player {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: #000;
+    z-index: 50;
+}
+
+#daily-video {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+}
+
+.video-player-controls {
+    position: absolute;
+    bottom: 20px;
+    left: 50%;
+    transform: translateX(-50%);
+    display: flex;
+    gap: 15px;
+    z-index: 60;
+}
+
+/* ========== ADMIN SETTINGS PANEL ========== */
+#admin-settings-panel {
+    background: white;
+    padding: 25px;
+    border-radius: 12px;
+    margin-bottom: 30px;
+    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
+}
+
+#admin-settings-panel h3 {
+    color: #667eea;
+    border-bottom: 2px solid #667eea;
+    padding-bottom: 10px;
+    margin-bottom: 20px;
+}
+
+.settings-group {
+    margin-bottom: 25px;
+    padding: 20px;
+    background: #f9f9f9;
+    border-radius: 8px;
+}
+
+.settings-group h4 {
+    margin-bottom: 15px;
+    color: #333;
+}
+
+.setting-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 12px 0;
+    border-bottom: 1px solid #eee;
+}
+
+.setting-row:last-child {
+    border-bottom: none;
+}
+
+.setting-label {
+    font-weight: 500;
+    color: #555;
+}
+
+.setting-input {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+/* Toggle Switch */
+.toggle-switch {
+    position: relative;
+    width: 50px;
+    height: 26px;
+}
+
+.toggle-switch input {
+    opacity: 0;
+    width: 0;
+    height: 0;
+}
+
+.toggle-slider {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #ccc;
+    transition: 0.3s;
+    border-radius: 26px;
+}
+
+.toggle-slider:before {
+    position: absolute;
+    content: "";
+    height: 20px;
+    width: 20px;
+    left: 3px;
+    bottom: 3px;
+    background-color: white;
+    transition: 0.3s;
+    border-radius: 50%;
+}
+
+input:checked + .toggle-slider {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+}
+
+input:checked + .toggle-slider:before {
+    transform: translateX(24px);
+}
+
+/* Number Input */
+.number-input {
+    width: 70px;
+    padding: 8px;
+    border: 2px solid #ddd;
+    border-radius: 8px;
+    font-size: 16px;
+    text-align: center;
+}
+
+.number-input:focus {
+    border-color: #667eea;
+    outline: none;
+}
+
+/* ========== MOBILE RESPONSIVE ========== */
+@media (max-width: 600px) {
+    .timelapse-control-bar {
+        padding: 10px 15px;
+        gap: 8px;
+    }
+
+    .tl-btn {
+        width: 38px;
+        height: 38px;
+        font-size: 14px;
+    }
+
+    .tl-slider-container {
+        width: 100%;
+        order: 10;
+        margin-top: 10px;
+    }
+
+    #tl-time-display {
+        font-size: 12px;
+        min-width: 120px;
+    }
+
+    .video-player-controls {
+        flex-direction: column;
+        bottom: 10px;
+    }
+}

aurora-livecam/dashboard/api/stats.php

@@ -0,0 +1,75 @@
+<?php
+/**
+ * Dashboard API - Stats
+ */
+
+header('Content-Type: application/json');
+
+require_once dirname(__DIR__, 2) . '/vendor/autoload.php';
+require_once dirname(__DIR__, 2) . '/SettingsManager.php';
+
+if (file_exists(dirname(__DIR__, 2) . '/src/bootstrap.php')) {
+    require_once dirname(__DIR__, 2) . '/src/bootstrap.php';
+}
+
+use AuroraLivecam\Auth\AuthManager;
+use AuroraLivecam\Core\Database;
+
+$auth = new AuthManager();
+
+// Auth check
+if (!$auth->isLoggedIn()) {
+    http_response_code(401);
+    echo json_encode(['success' => false, 'error' => 'Unauthorized']);
+    exit;
+}
+
+$user = $auth->getUser();
+$tenantId = $user['tenant_id'] ?? 0;
+
+$stats = [
+    'viewers_current' => 0,
+    'viewers_today' => 0,
+    'viewers_peak' => 0,
+    'stream_status' => 'unknown',
+];
+
+// Aktuelle Zuschauer aus Datei
+$viewerFile = dirname(__DIR__, 2) . '/active_viewers.json';
+if (file_exists($viewerFile)) {
+    $viewers = json_decode(file_get_contents($viewerFile), true);
+    $stats['viewers_current'] = count($viewers ?? []);
+}
+
+// DB Stats falls verfügbar
+try {
+    $db = Database::getInstance();
+
+    if ($tenantId > 0) {
+        $todayStats = $db->fetchOne(
+            "SELECT SUM(viewer_count) as total, MAX(viewer_count) as peak
+             FROM viewer_stats
+             WHERE tenant_id = ? AND DATE(recorded_at) = CURDATE()",
+            [$tenantId]
+        );
+
+        if ($todayStats) {
+            $stats['viewers_today'] = (int)($todayStats['total'] ?? 0);
+            $stats['viewers_peak'] = (int)($todayStats['peak'] ?? 0);
+        }
+
+        $stream = $db->fetchOne(
+            "SELECT last_status FROM tenant_streams WHERE tenant_id = ? AND is_primary = 1",
+            [$tenantId]
+        );
+        $stats['stream_status'] = $stream['last_status'] ?? 'unknown';
+    }
+} catch (\Exception $e) {
+    // DB nicht verfügbar - Stats bleiben auf Defaults
+}
+
+echo json_encode([
+    'success' => true,
+    'stats' => $stats,
+    'timestamp' => time(),
+]);

aurora-livecam/dashboard/assets/dashboard.css

@@ -0,0 +1,536 @@
+/* Dashboard CSS */
+:root {
+    --primary: #667eea;
+    --primary-dark: #5a67d8;
+    --secondary: #764ba2;
+    --accent: #f093fb;
+    --success: #48bb78;
+    --warning: #ed8936;
+    --danger: #f56565;
+    --dark: #1a202c;
+    --gray-900: #1a202c;
+    --gray-800: #2d3748;
+    --gray-700: #4a5568;
+    --gray-600: #718096;
+    --gray-500: #a0aec0;
+    --gray-400: #cbd5e0;
+    --gray-300: #e2e8f0;
+    --gray-200: #edf2f7;
+    --gray-100: #f7fafc;
+    --white: #ffffff;
+    --sidebar-width: 260px;
+    --header-height: 60px;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
+    background: var(--gray-100);
+    color: var(--gray-800);
+    line-height: 1.6;
+}
+
+/* Dashboard Container */
+.dashboard-container {
+    display: flex;
+    min-height: 100vh;
+}
+
+/* Sidebar */
+.sidebar {
+    width: var(--sidebar-width);
+    background: linear-gradient(180deg, var(--gray-900) 0%, var(--gray-800) 100%);
+    color: var(--white);
+    display: flex;
+    flex-direction: column;
+    position: fixed;
+    height: 100vh;
+    z-index: 100;
+}
+
+.sidebar-header {
+    padding: 1.5rem;
+    border-bottom: 1px solid var(--gray-700);
+}
+
+.sidebar-header h2 {
+    font-size: 1.25rem;
+    font-weight: 600;
+    margin-bottom: 0.25rem;
+}
+
+.role-badge {
+    font-size: 0.75rem;
+    background: var(--primary);
+    padding: 0.125rem 0.5rem;
+    border-radius: 9999px;
+    text-transform: capitalize;
+}
+
+/* Navigation */
+.sidebar-nav {
+    flex: 1;
+    padding: 1rem 0;
+    overflow-y: auto;
+}
+
+.nav-item {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    padding: 0.75rem 1.5rem;
+    color: var(--gray-400);
+    text-decoration: none;
+    transition: all 0.2s;
+}
+
+.nav-item:hover {
+    background: var(--gray-700);
+    color: var(--white);
+}
+
+.nav-item.active {
+    background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);
+    color: var(--white);
+}
+
+.nav-icon {
+    font-size: 1.25rem;
+    width: 1.5rem;
+    text-align: center;
+}
+
+.nav-divider {
+    height: 1px;
+    background: var(--gray-700);
+    margin: 1rem 0;
+}
+
+.nav-label {
+    display: block;
+    padding: 0.5rem 1.5rem;
+    font-size: 0.75rem;
+    text-transform: uppercase;
+    color: var(--gray-500);
+    letter-spacing: 0.05em;
+}
+
+.sidebar-footer {
+    border-top: 1px solid var(--gray-700);
+    padding: 0.5rem 0;
+}
+
+.nav-item.logout:hover {
+    background: var(--danger);
+}
+
+/* Main Content */
+.main-content {
+    flex: 1;
+    margin-left: var(--sidebar-width);
+    min-height: 100vh;
+}
+
+.main-header {
+    height: var(--header-height);
+    background: var(--white);
+    border-bottom: 1px solid var(--gray-300);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 2rem;
+    position: sticky;
+    top: 0;
+    z-index: 50;
+}
+
+.main-header h1 {
+    font-size: 1.5rem;
+    font-weight: 600;
+}
+
+.user-info {
+    color: var(--gray-600);
+    font-size: 0.875rem;
+}
+
+.content-wrapper {
+    padding: 2rem;
+}
+
+/* Cards */
+.card {
+    background: var(--white);
+    border-radius: 0.5rem;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+    margin-bottom: 1.5rem;
+}
+
+.card-header {
+    padding: 1rem 1.5rem;
+    border-bottom: 1px solid var(--gray-200);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.card-title {
+    font-size: 1rem;
+    font-weight: 600;
+}
+
+.card-body {
+    padding: 1.5rem;
+}
+
+/* Stats Grid */
+.stats-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: 1.5rem;
+    margin-bottom: 2rem;
+}
+
+.stat-card {
+    background: var(--white);
+    border-radius: 0.5rem;
+    padding: 1.5rem;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+}
+
+.stat-icon {
+    font-size: 2rem;
+    margin-bottom: 0.5rem;
+}
+
+.stat-value {
+    font-size: 2rem;
+    font-weight: 700;
+    color: var(--gray-900);
+}
+
+.stat-label {
+    color: var(--gray-600);
+    font-size: 0.875rem;
+}
+
+.stat-change {
+    font-size: 0.875rem;
+    margin-top: 0.25rem;
+}
+
+.stat-change.positive { color: var(--success); }
+.stat-change.negative { color: var(--danger); }
+
+/* Forms */
+.form-group {
+    margin-bottom: 1.5rem;
+}
+
+.form-label {
+    display: block;
+    font-weight: 500;
+    margin-bottom: 0.5rem;
+    color: var(--gray-700);
+}
+
+.form-input,
+.form-select,
+.form-textarea {
+    width: 100%;
+    padding: 0.75rem 1rem;
+    border: 1px solid var(--gray-300);
+    border-radius: 0.375rem;
+    font-size: 1rem;
+    transition: border-color 0.2s, box-shadow 0.2s;
+}
+
+.form-input:focus,
+.form-select:focus,
+.form-textarea:focus {
+    outline: none;
+    border-color: var(--primary);
+    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
+}
+
+.form-help {
+    font-size: 0.875rem;
+    color: var(--gray-500);
+    margin-top: 0.25rem;
+}
+
+.form-textarea {
+    min-height: 100px;
+    resize: vertical;
+}
+
+/* Buttons */
+.btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5rem;
+    padding: 0.75rem 1.5rem;
+    border: none;
+    border-radius: 0.375rem;
+    font-size: 1rem;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.2s;
+    text-decoration: none;
+}
+
+.btn-primary {
+    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
+    color: var(--white);
+}
+
+.btn-primary:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
+}
+
+.btn-secondary {
+    background: var(--gray-200);
+    color: var(--gray-700);
+}
+
+.btn-secondary:hover {
+    background: var(--gray-300);
+}
+
+.btn-danger {
+    background: var(--danger);
+    color: var(--white);
+}
+
+.btn-success {
+    background: var(--success);
+    color: var(--white);
+}
+
+.btn-sm {
+    padding: 0.5rem 1rem;
+    font-size: 0.875rem;
+}
+
+/* Alerts */
+.alert {
+    padding: 1rem 1.5rem;
+    border-radius: 0.375rem;
+    margin-bottom: 1.5rem;
+}
+
+.alert-success {
+    background: #c6f6d5;
+    color: #22543d;
+    border: 1px solid #9ae6b4;
+}
+
+.alert-error {
+    background: #fed7d7;
+    color: #742a2a;
+    border: 1px solid #feb2b2;
+}
+
+.alert-warning {
+    background: #feebc8;
+    color: #744210;
+    border: 1px solid #fbd38d;
+}
+
+.alert-info {
+    background: #bee3f8;
+    color: #2a4365;
+    border: 1px solid #90cdf4;
+}
+
+/* Tables */
+.table {
+    width: 100%;
+    border-collapse: collapse;
+}
+
+.table th,
+.table td {
+    padding: 1rem;
+    text-align: left;
+    border-bottom: 1px solid var(--gray-200);
+}
+
+.table th {
+    font-weight: 600;
+    color: var(--gray-600);
+    font-size: 0.875rem;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+}
+
+.table tbody tr:hover {
+    background: var(--gray-50);
+}
+
+/* Status Badges */
+.badge {
+    display: inline-block;
+    padding: 0.25rem 0.75rem;
+    border-radius: 9999px;
+    font-size: 0.75rem;
+    font-weight: 500;
+}
+
+.badge-success { background: #c6f6d5; color: #22543d; }
+.badge-warning { background: #feebc8; color: #744210; }
+.badge-danger { background: #fed7d7; color: #742a2a; }
+.badge-info { background: #bee3f8; color: #2a4365; }
+
+/* Grid */
+.grid {
+    display: grid;
+    gap: 1.5rem;
+}
+
+.grid-2 { grid-template-columns: repeat(2, 1fr); }
+.grid-3 { grid-template-columns: repeat(3, 1fr); }
+
+/* Color Picker */
+.color-picker-wrapper {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+}
+
+.color-picker {
+    width: 50px;
+    height: 40px;
+    border: none;
+    border-radius: 0.375rem;
+    cursor: pointer;
+}
+
+.color-value {
+    font-family: monospace;
+    color: var(--gray-600);
+}
+
+/* Preview Box */
+.preview-box {
+    border: 2px dashed var(--gray-300);
+    border-radius: 0.5rem;
+    padding: 2rem;
+    text-align: center;
+    background: var(--gray-50);
+}
+
+/* Toggle Switch */
+.toggle-wrapper {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+}
+
+.toggle {
+    position: relative;
+    width: 48px;
+    height: 24px;
+}
+
+.toggle input {
+    opacity: 0;
+    width: 0;
+    height: 0;
+}
+
+.toggle-slider {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: var(--gray-300);
+    border-radius: 24px;
+    transition: 0.3s;
+}
+
+.toggle-slider:before {
+    position: absolute;
+    content: "";
+    height: 18px;
+    width: 18px;
+    left: 3px;
+    bottom: 3px;
+    background: white;
+    border-radius: 50%;
+    transition: 0.3s;
+}
+
+.toggle input:checked + .toggle-slider {
+    background: var(--primary);
+}
+
+.toggle input:checked + .toggle-slider:before {
+    transform: translateX(24px);
+}
+
+/* Login Page */
+.login-container {
+    min-height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
+}
+
+.login-box {
+    background: var(--white);
+    padding: 2.5rem;
+    border-radius: 1rem;
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    width: 100%;
+    max-width: 400px;
+}
+
+.login-title {
+    text-align: center;
+    margin-bottom: 2rem;
+}
+
+.login-title h1 {
+    font-size: 1.5rem;
+    margin-bottom: 0.5rem;
+}
+
+.login-title p {
+    color: var(--gray-500);
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+    .sidebar {
+        transform: translateX(-100%);
+        transition: transform 0.3s;
+    }
+
+    .sidebar.open {
+        transform: translateX(0);
+    }
+
+    .main-content {
+        margin-left: 0;
+    }
+
+    .stats-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .grid-2,
+    .grid-3 {
+        grid-template-columns: 1fr;
+    }
+}

aurora-livecam/dashboard/assets/dashboard.js

@@ -0,0 +1,131 @@
+/**
+ * Dashboard JavaScript
+ */
+
+document.addEventListener('DOMContentLoaded', function() {
+    // Auto-dismiss alerts after 5 seconds
+    const alerts = document.querySelectorAll('.alert');
+    alerts.forEach(alert => {
+        setTimeout(() => {
+            alert.style.transition = 'opacity 0.3s';
+            alert.style.opacity = '0';
+            setTimeout(() => alert.remove(), 300);
+        }, 5000);
+    });
+
+    // Mobile sidebar toggle
+    const sidebar = document.querySelector('.sidebar');
+    const mainContent = document.querySelector('.main-content');
+
+    if (window.innerWidth <= 768) {
+        // Add menu button
+        const menuBtn = document.createElement('button');
+        menuBtn.className = 'btn btn-secondary';
+        menuBtn.style.cssText = 'position: fixed; top: 10px; left: 10px; z-index: 200; padding: 0.5rem;';
+        menuBtn.innerHTML = '☰';
+        menuBtn.onclick = () => sidebar.classList.toggle('open');
+        document.body.appendChild(menuBtn);
+
+        // Close sidebar on content click
+        mainContent.addEventListener('click', () => {
+            sidebar.classList.remove('open');
+        });
+    }
+
+    // Color picker live preview
+    document.querySelectorAll('.color-picker').forEach(picker => {
+        picker.addEventListener('input', function() {
+            const wrapper = this.closest('.color-picker-wrapper');
+            if (wrapper) {
+                const valueDisplay = wrapper.querySelector('.color-value');
+                if (valueDisplay) {
+                    valueDisplay.textContent = this.value;
+                }
+            }
+        });
+    });
+
+    // Form unsaved changes warning
+    const forms = document.querySelectorAll('form');
+    let formChanged = false;
+
+    forms.forEach(form => {
+        form.addEventListener('change', () => {
+            formChanged = true;
+        });
+
+        form.addEventListener('submit', () => {
+            formChanged = false;
+        });
+    });
+
+    window.addEventListener('beforeunload', (e) => {
+        if (formChanged) {
+            e.preventDefault();
+            e.returnValue = '';
+        }
+    });
+
+    // Stats refresh (every 30 seconds on overview page)
+    if (document.querySelector('.stats-grid')) {
+        setInterval(refreshStats, 30000);
+    }
+});
+
+/**
+ * Refresh stats via AJAX
+ */
+function refreshStats() {
+    fetch('/dashboard/api/stats.php')
+        .then(response => response.json())
+        .then(data => {
+            if (data.success) {
+                updateStatCard('viewers_current', data.stats.viewers_current);
+                updateStatCard('viewers_today', data.stats.viewers_today);
+                updateStatCard('viewers_peak', data.stats.viewers_peak);
+            }
+        })
+        .catch(err => console.log('Stats refresh failed:', err));
+}
+
+/**
+ * Update a stat card value
+ */
+function updateStatCard(id, value) {
+    const cards = document.querySelectorAll('.stat-card');
+    cards.forEach(card => {
+        const label = card.querySelector('.stat-label');
+        if (label) {
+            // Match by label text (simplified)
+            const valueEl = card.querySelector('.stat-value');
+            if (valueEl && typeof value !== 'undefined') {
+                valueEl.textContent = value;
+            }
+        }
+    });
+}
+
+/**
+ * Show notification toast
+ */
+function showNotification(message, type = 'info') {
+    const toast = document.createElement('div');
+    toast.className = `alert alert-${type}`;
+    toast.style.cssText = 'position: fixed; top: 20px; right: 20px; z-index: 1000; min-width: 300px;';
+    toast.textContent = message;
+
+    document.body.appendChild(toast);
+
+    setTimeout(() => {
+        toast.style.transition = 'opacity 0.3s';
+        toast.style.opacity = '0';
+        setTimeout(() => toast.remove(), 300);
+    }, 3000);
+}
+
+/**
+ * Confirm dangerous actions
+ */
+function confirmAction(message) {
+    return confirm(message || 'Sind Sie sicher?');
+}

aurora-livecam/dashboard/billing.php

@@ -0,0 +1,282 @@
+<?php
+/**
+ * Dashboard - Abrechnung
+ */
+
+require_once dirname(__DIR__) . '/vendor/autoload.php';
+require_once dirname(__DIR__) . '/SettingsManager.php';
+
+if (file_exists(dirname(__DIR__) . '/src/bootstrap.php')) {
+    require_once dirname(__DIR__) . '/src/bootstrap.php';
+}
+
+use AuroraLivecam\Auth\AuthManager;
+use AuroraLivecam\Billing\StripeService;
+use AuroraLivecam\Billing\SubscriptionManager;
+
+$settingsManager = new SettingsManager();
+$auth = new AuthManager();
+$auth->requireLogin();
+
+// Prüfe ob Billing aktiviert
+if (!$settingsManager->isBillingEnabled()) {
+    header('Location: /dashboard/');
+    exit;
+}
+
+$user = $auth->getUser();
+$tenantId = $user['tenant_id'] ?? 0;
+
+$flashMessage = null;
+$flashType = 'info';
+
+$stripe = new StripeService();
+$subscriptions = new SubscriptionManager();
+
+// Aktuelle Subscription
+$currentSub = null;
+$plans = [];
+$invoices = [];
+$trialDays = 0;
+
+try {
+    $currentSub = $subscriptions->getSubscription($tenantId);
+    $plans = $subscriptions->getPlans();
+    $invoices = $subscriptions->getInvoices($tenantId, 5);
+    $trialDays = $subscriptions->getTrialDaysRemaining($tenantId);
+} catch (\Exception $e) {
+    $flashMessage = 'Fehler beim Laden der Abrechnungsdaten';
+    $flashType = 'error';
+}
+
+// Checkout starten
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['plan_id'])) {
+    $planId = (int)$_POST['plan_id'];
+    $plan = $subscriptions->getPlan($planId);
+
+    if ($plan && !empty($plan['stripe_price_id'])) {
+        $baseUrl = (isset($_SERVER['HTTPS']) ? 'https' : 'http') . '://' . $_SERVER['HTTP_HOST'];
+        $session = $stripe->createCheckoutSession(
+            $tenantId,
+            $plan['stripe_price_id'],
+            $baseUrl . '/dashboard/billing.php?success=1',
+            $baseUrl . '/dashboard/billing.php?canceled=1'
+        );
+
+        if ($session && isset($session['url'])) {
+            header('Location: ' . $session['url']);
+            exit;
+        } else {
+            $flashMessage = 'Fehler beim Erstellen der Checkout-Session';
+            $flashType = 'error';
+        }
+    }
+}
+
+// Billing Portal öffnen
+if (isset($_GET['portal'])) {
+    $baseUrl = (isset($_SERVER['HTTPS']) ? 'https' : 'http') . '://' . $_SERVER['HTTP_HOST'];
+    $session = $stripe->createPortalSession($tenantId, $baseUrl . '/dashboard/billing.php');
+
+    if ($session && isset($session['url'])) {
+        header('Location: ' . $session['url']);
+        exit;
+    }
+}
+
+// Success/Cancel Messages
+if (isset($_GET['success'])) {
+    $flashMessage = 'Zahlung erfolgreich! Ihr Abo ist jetzt aktiv.';
+    $flashType = 'success';
+}
+if (isset($_GET['canceled'])) {
+    $flashMessage = 'Checkout abgebrochen.';
+    $flashType = 'warning';
+}
+
+$pageTitle = 'Abrechnung';
+$currentPage = 'billing';
+
+ob_start();
+?>
+
+<!-- Aktueller Plan -->
+<div class="card">
+    <div class="card-header">
+        <h3 class="card-title">Aktueller Plan</h3>
+        <?php if ($currentSub): ?>
+        <span class="badge badge-<?php echo $currentSub['status'] === 'active' ? 'success' : ($currentSub['status'] === 'trialing' ? 'warning' : 'danger'); ?>">
+            <?php echo ucfirst($currentSub['status']); ?>
+        </span>
+        <?php endif; ?>
+    </div>
+    <div class="card-body">
+        <?php if ($currentSub): ?>
+        <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;">
+            <div>
+                <h2 style="margin: 0; font-size: 1.75rem;"><?php echo htmlspecialchars($currentSub['plan_name'] ?? 'Free'); ?></h2>
+                <?php if ($currentSub['status'] === 'trialing' && $trialDays > 0): ?>
+                <p style="color: var(--warning); margin: 0.5rem 0 0 0;">
+                    Trial endet in <?php echo $trialDays; ?> Tag<?php echo $trialDays !== 1 ? 'en' : ''; ?>
+                </p>
+                <?php elseif ($currentSub['current_period_end']): ?>
+                <p style="color: var(--gray-500); margin: 0.5rem 0 0 0;">
+                    Nächste Abrechnung: <?php echo date('d.m.Y', strtotime($currentSub['current_period_end'])); ?>
+                </p>
+                <?php endif; ?>
+            </div>
+            <?php if ($stripe->isConfigured() && !empty($currentSub['stripe_customer_id'])): ?>
+            <a href="?portal=1" class="btn btn-secondary">
+                Abo verwalten
+            </a>
+            <?php endif; ?>
+        </div>
+
+        <?php if (!empty($currentSub['plan_features'])): ?>
+        <div style="margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--gray-200);">
+            <h4 style="font-size: 0.875rem; color: var(--gray-500); margin-bottom: 0.75rem;">Enthaltene Features:</h4>
+            <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;">
+                <?php foreach ($currentSub['plan_features'] as $feature => $value): ?>
+                <?php if ($value): ?>
+                <span class="badge badge-info">
+                    <?php
+                    $labels = [
+                        'max_viewers' => 'Max. Zuschauer: ' . ($value === -1 ? '∞' : $value),
+                        'storage_gb' => 'Speicher: ' . $value . ' GB',
+                        'custom_domain' => 'Custom Domain',
+                        'weather_widget' => 'Wetter-Widget',
+                        'timelapse' => 'Timelapse',
+                        'analytics' => 'Analytics',
+                        'branding' => 'Custom Branding',
+                        'priority_support' => 'Priority Support',
+                    ];
+                    echo $labels[$feature] ?? ucfirst(str_replace('_', ' ', $feature));
+                    ?>
+                </span>
+                <?php endif; ?>
+                <?php endforeach; ?>
+            </div>
+        </div>
+        <?php endif; ?>
+        <?php else: ?>
+        <p style="color: var(--gray-500);">Kein aktives Abo</p>
+        <?php endif; ?>
+    </div>
+</div>
+
+<!-- Verfügbare Pläne -->
+<?php if (!empty($plans)): ?>
+<div class="card">
+    <div class="card-header">
+        <h3 class="card-title">Verfügbare Pläne</h3>
+    </div>
+    <div class="card-body">
+        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem;">
+            <?php foreach ($plans as $plan): ?>
+            <?php $isCurrent = $currentSub && $currentSub['plan_id'] == $plan['id']; ?>
+            <div style="border: 2px solid <?php echo $isCurrent ? 'var(--primary)' : 'var(--gray-200)'; ?>; border-radius: 0.75rem; padding: 1.5rem; <?php echo $isCurrent ? 'background: rgba(102,126,234,0.05);' : ''; ?>">
+                <h4 style="margin: 0 0 0.5rem 0;"><?php echo htmlspecialchars($plan['name']); ?></h4>
+                <div style="font-size: 2rem; font-weight: 700; color: var(--gray-900);">
+                    <?php if ($plan['price_monthly'] > 0): ?>
+                    CHF <?php echo number_format($plan['price_monthly'], 0); ?>
+                    <span style="font-size: 1rem; font-weight: 400; color: var(--gray-500);">/Monat</span>
+                    <?php else: ?>
+                    Kostenlos
+                    <?php endif; ?>
+                </div>
+
+                <?php if (!empty($plan['features'])): ?>
+                <ul style="list-style: none; padding: 0; margin: 1rem 0; font-size: 0.875rem;">
+                    <?php foreach ($plan['features'] as $feature => $value): ?>
+                    <?php if ($value): ?>
+                    <li style="padding: 0.25rem 0; color: var(--gray-600);">
+                        ✓ <?php
+                        $labels = [
+                            'max_viewers' => 'Bis ' . ($value === -1 ? 'unbegrenzt' : $value) . ' Zuschauer',
+                            'storage_gb' => $value . ' GB Speicher',
+                            'custom_domain' => 'Eigene Domain',
+                            'weather_widget' => 'Wetter-Widget',
+                            'timelapse' => 'Timelapse',
+                            'analytics' => 'Analytics',
+                            'branding' => 'Custom Branding',
+                            'priority_support' => 'Priority Support',
+                        ];
+                        echo $labels[$feature] ?? ucfirst(str_replace('_', ' ', $feature));
+                        ?>
+                    </li>
+                    <?php endif; ?>
+                    <?php endforeach; ?>
+                </ul>
+                <?php endif; ?>
+
+                <?php if ($isCurrent): ?>
+                <button class="btn btn-secondary" style="width: 100%;" disabled>Aktueller Plan</button>
+                <?php elseif ($plan['price_monthly'] > 0 && $stripe->isConfigured()): ?>
+                <form method="POST" action="">
+                    <input type="hidden" name="plan_id" value="<?php echo $plan['id']; ?>">
+                    <button type="submit" class="btn btn-primary" style="width: 100%;">
+                        Upgrade
+                    </button>
+                </form>
+                <?php elseif ($plan['price_monthly'] == 0): ?>
+                <button class="btn btn-secondary" style="width: 100%;" disabled>Free Plan</button>
+                <?php else: ?>
+                <button class="btn btn-secondary" style="width: 100%;" disabled>Stripe nicht konfiguriert</button>
+                <?php endif; ?>
+            </div>
+            <?php endforeach; ?>
+        </div>
+    </div>
+</div>
+<?php endif; ?>
+
+<!-- Rechnungen -->
+<?php if (!empty($invoices)): ?>
+<div class="card">
+    <div class="card-header">
+        <h3 class="card-title">Rechnungen</h3>
+    </div>
+    <div class="card-body">
+        <table class="table">
+            <thead>
+                <tr>
+                    <th>Datum</th>
+                    <th>Betrag</th>
+                    <th>Status</th>
+                    <th>PDF</th>
+                </tr>
+            </thead>
+            <tbody>
+                <?php foreach ($invoices as $invoice): ?>
+                <tr>
+                    <td><?php echo date('d.m.Y', strtotime($invoice['created_at'])); ?></td>
+                    <td><?php echo $invoice['currency']; ?> <?php echo number_format($invoice['amount'], 2); ?></td>
+                    <td>
+                        <span class="badge badge-<?php echo $invoice['status'] === 'paid' ? 'success' : 'warning'; ?>">
+                            <?php echo ucfirst($invoice['status']); ?>
+                        </span>
+                    </td>
+                    <td>
+                        <?php if ($invoice['invoice_pdf_url']): ?>
+                        <a href="<?php echo htmlspecialchars($invoice['invoice_pdf_url']); ?>" target="_blank" class="btn btn-sm btn-secondary">
+                            Download
+                        </a>
+                        <?php endif; ?>
+                    </td>
+                </tr>
+                <?php endforeach; ?>
+            </tbody>
+        </table>
+    </div>
+</div>
+<?php endif; ?>
+
+<?php if (!$stripe->isConfigured()): ?>
+<div class="alert alert-warning">
+    <strong>Hinweis:</strong> Stripe ist noch nicht konfiguriert. Bitte fügen Sie Ihre Stripe API-Keys in config.php hinzu.
+</div>
+<?php endif; ?>
+
+<?php
+$content = ob_get_clean();
+include __DIR__ . '/templates/layout.php';

aurora-livecam/dashboard/branding.php

@@ -0,0 +1,230 @@
+<?php
+/**
+ * Dashboard - Branding Einstellungen
+ */
+
+require_once dirname(__DIR__) . '/vendor/autoload.php';
+require_once dirname(__DIR__) . '/SettingsManager.php';
+
+if (file_exists(dirname(__DIR__) . '/src/bootstrap.php')) {
+    require_once dirname(__DIR__) . '/src/bootstrap.php';
+}
+
+use AuroraLivecam\Auth\AuthManager;
+use AuroraLivecam\Core\Database;
+use AuroraLivecam\Tenant\TenantManager;
+
+$settingsManager = new SettingsManager();
+$auth = new AuthManager();
+$auth->requireLogin();
+
+$user = $auth->getUser();
+$tenantId = $user['tenant_id'] ?? 0;
+
+$flashMessage = null;
+$flashType = 'info';
+
+// Branding-Daten laden
+$branding = [
+    'site_name' => '',
+    'site_name_full' => '',
+    'tagline' => '',
+    'primary_color' => '#667eea',
+    'secondary_color' => '#764ba2',
+    'accent_color' => '#f093fb',
+    'welcome_text_de' => '',
+    'welcome_text_en' => '',
+    'footer_text' => '',
+    'custom_css' => '',
+];
+
+try {
+    $db = Database::getInstance();
+    if ($tenantId > 0) {
+        $tenantManager = new TenantManager($db);
+        $dbBranding = $tenantManager->getBranding($tenantId);
+        if ($dbBranding) {
+            $branding = array_merge($branding, $dbBranding);
+        }
+    }
+} catch (\Exception $e) {
+    // DB nicht verfügbar
+}
+
+// Formular verarbeiten
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    $newBranding = [
+        'site_name' => trim($_POST['site_name'] ?? ''),
+        'site_name_full' => trim($_POST['site_name_full'] ?? ''),
+        'tagline' => trim($_POST['tagline'] ?? ''),
+        'primary_color' => $_POST['primary_color'] ?? '#667eea',
+        'secondary_color' => $_POST['secondary_color'] ?? '#764ba2',
+        'accent_color' => $_POST['accent_color'] ?? '#f093fb',
+        'welcome_text_de' => trim($_POST['welcome_text_de'] ?? ''),
+        'welcome_text_en' => trim($_POST['welcome_text_en'] ?? ''),
+        'footer_text' => trim($_POST['footer_text'] ?? ''),
+        'custom_css' => trim($_POST['custom_css'] ?? ''),
+    ];
+
+    try {
+        $db = Database::getInstance();
+        if ($tenantId > 0) {
+            $tenantManager = new TenantManager($db);
+            $tenantManager->updateBranding($tenantId, $newBranding);
+
+            $flashMessage = 'Branding gespeichert!';
+            $flashType = 'success';
+            $branding = array_merge($branding, $newBranding);
+        } else {
+            $flashMessage = 'Branding kann im Legacy-Modus nicht gespeichert werden.';
+            $flashType = 'warning';
+        }
+    } catch (\Exception $e) {
+        $flashMessage = 'Fehler beim Speichern: ' . $e->getMessage();
+        $flashType = 'error';
+    }
+}
+
+$pageTitle = 'Branding';
+$currentPage = 'branding';
+
+ob_start();
+?>
+
+<form method="POST" action="">
+    <div class="grid grid-2">
+        <!-- Grundeinstellungen -->
+        <div class="card">
+            <div class="card-header">
+                <h3 class="card-title">Grundeinstellungen</h3>
+            </div>
+            <div class="card-body">
+                <div class="form-group">
+                    <label class="form-label" for="site_name">Site Name (kurz)</label>
+                    <input type="text" id="site_name" name="site_name" class="form-input"
+                           value="<?php echo htmlspecialchars($branding['site_name']); ?>"
+                           placeholder="MeineCam">
+                </div>
+
+                <div class="form-group">
+                    <label class="form-label" for="site_name_full">Site Name (vollständig)</label>
+                    <input type="text" id="site_name_full" name="site_name_full" class="form-input"
+                           value="<?php echo htmlspecialchars($branding['site_name_full']); ?>"
+                           placeholder="Meine Wetter Livecam">
+                </div>
+
+                <div class="form-group">
+                    <label class="form-label" for="tagline">Tagline / Slogan</label>
+                    <input type="text" id="tagline" name="tagline" class="form-input"
+                           value="<?php echo htmlspecialchars($branding['tagline']); ?>"
+                           placeholder="Ihre Live-Webcam 24/7">
+                </div>
+            </div>
+        </div>
+
+        <!-- Farben -->
+        <div class="card">
+            <div class="card-header">
+                <h3 class="card-title">Farben</h3>
+            </div>
+            <div class="card-body">
+                <div class="form-group">
+                    <label class="form-label">Primärfarbe</label>
+                    <div class="color-picker-wrapper">
+                        <input type="color" name="primary_color" class="color-picker"
+                               value="<?php echo htmlspecialchars($branding['primary_color']); ?>">
+                        <span class="color-value"><?php echo htmlspecialchars($branding['primary_color']); ?></span>
+                    </div>
+                </div>
+
+                <div class="form-group">
+                    <label class="form-label">Sekundärfarbe</label>
+                    <div class="color-picker-wrapper">
+                        <input type="color" name="secondary_color" class="color-picker"
+                               value="<?php echo htmlspecialchars($branding['secondary_color']); ?>">
+                        <span class="color-value"><?php echo htmlspecialchars($branding['secondary_color']); ?></span>
+                    </div>
+                </div>
+
+                <div class="form-group">
+                    <label class="form-label">Akzentfarbe</label>
+                    <div class="color-picker-wrapper">
+                        <input type="color" name="accent_color" class="color-picker"
+                               value="<?php echo htmlspecialchars($branding['accent_color']); ?>">
+                        <span class="color-value"><?php echo htmlspecialchars($branding['accent_color']); ?></span>
+                    </div>
+                </div>
+
+                <!-- Vorschau -->
+                <div style="margin-top: 1rem; padding: 1rem; border-radius: 0.5rem;
+                            background: linear-gradient(135deg, <?php echo htmlspecialchars($branding['primary_color']); ?> 0%, <?php echo htmlspecialchars($branding['secondary_color']); ?> 100%);">
+                    <span style="color: white; font-weight: bold;">Farbvorschau</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Texte -->
+    <div class="card">
+        <div class="card-header">
+            <h3 class="card-title">Willkommenstexte</h3>
+        </div>
+        <div class="card-body">
+            <div class="grid grid-2">
+                <div class="form-group">
+                    <label class="form-label" for="welcome_text_de">Willkommenstext (Deutsch)</label>
+                    <textarea id="welcome_text_de" name="welcome_text_de" class="form-textarea"
+                              placeholder="Willkommen bei unserer Livecam..."><?php echo htmlspecialchars($branding['welcome_text_de']); ?></textarea>
+                </div>
+
+                <div class="form-group">
+                    <label class="form-label" for="welcome_text_en">Welcome Text (English)</label>
+                    <textarea id="welcome_text_en" name="welcome_text_en" class="form-textarea"
+                              placeholder="Welcome to our livecam..."><?php echo htmlspecialchars($branding['welcome_text_en']); ?></textarea>
+                </div>
+            </div>
+
+            <div class="form-group">
+                <label class="form-label" for="footer_text">Footer Text</label>
+                <input type="text" id="footer_text" name="footer_text" class="form-input"
+                       value="<?php echo htmlspecialchars($branding['footer_text']); ?>"
+                       placeholder="© 2024 Ihre Livecam">
+            </div>
+        </div>
+    </div>
+
+    <!-- Custom CSS -->
+    <div class="card">
+        <div class="card-header">
+            <h3 class="card-title">Eigenes CSS</h3>
+        </div>
+        <div class="card-body">
+            <div class="form-group">
+                <label class="form-label" for="custom_css">Custom CSS (optional)</label>
+                <textarea id="custom_css" name="custom_css" class="form-textarea"
+                          style="font-family: monospace; min-height: 150px;"
+                          placeholder="/* Eigene CSS-Regeln hier */"><?php echo htmlspecialchars($branding['custom_css']); ?></textarea>
+                <p class="form-help">Fortgeschrittene Benutzer können hier eigene CSS-Regeln hinzufügen.</p>
+            </div>
+        </div>
+    </div>
+
+    <div style="margin-top: 1.5rem;">
+        <button type="submit" class="btn btn-primary">
+            Branding speichern
+        </button>
+    </div>
+</form>
+
+<script>
+// Color picker update
+document.querySelectorAll('.color-picker').forEach(picker => {
+    picker.addEventListener('input', (e) => {
+        e.target.parentNode.querySelector('.color-value').textContent = e.target.value;
+    });
+});
+</script>
+
+<?php
+$content = ob_get_clean();
+include __DIR__ . '/templates/layout.php';

aurora-livecam/dashboard/index.php

@@ -0,0 +1,147 @@
+<?php
+/**
+ * Dashboard - Übersicht
+ */
+
+require_once dirname(__DIR__) . '/vendor/autoload.php';
+require_once dirname(__DIR__) . '/SettingsManager.php';
+
+if (file_exists(dirname(__DIR__) . '/src/bootstrap.php')) {
+    require_once dirname(__DIR__) . '/src/bootstrap.php';
+}
+
+use AuroraLivecam\Auth\AuthManager;
+use AuroraLivecam\Core\Database;
+use AuroraLivecam\Core\TenantResolver;
+
+$settingsManager = new SettingsManager();
+$auth = new AuthManager();
+
+// Login erforderlich
+$auth->requireLogin();
+
+$user = $auth->getUser();
+$tenantId = $user['tenant_id'] ?? 0;
+
+// Stats laden
+$stats = [
+    'viewers_current' => 0,
+    'viewers_today' => 0,
+    'viewers_peak' => 0,
+    'stream_status' => 'unknown',
+];
+
+// Versuche Stats aus DB zu laden
+try {
+    $db = Database::getInstance();
+
+    if ($tenantId > 0) {
+        // Aktuelle Zuschauer (vereinfacht)
+        $viewerFile = dirname(__DIR__) . '/active_viewers.json';
+        if (file_exists($viewerFile)) {
+            $viewers = json_decode(file_get_contents($viewerFile), true);
+            $stats['viewers_current'] = count($viewers ?? []);
+        }
+
+        // Heute Stats
+        $todayStats = $db->fetchOne(
+            "SELECT SUM(viewer_count) as total, MAX(viewer_count) as peak
+             FROM viewer_stats
+             WHERE tenant_id = ? AND DATE(recorded_at) = CURDATE()",
+            [$tenantId]
+        );
+
+        if ($todayStats) {
+            $stats['viewers_today'] = $todayStats['total'] ?? 0;
+            $stats['viewers_peak'] = $todayStats['peak'] ?? 0;
+        }
+
+        // Stream Status
+        $stream = $db->fetchOne(
+            "SELECT last_status FROM tenant_streams WHERE tenant_id = ? AND is_primary = 1",
+            [$tenantId]
+        );
+        $stats['stream_status'] = $stream['last_status'] ?? 'unknown';
+    }
+} catch (\Exception $e) {
+    // DB nicht verfügbar - Legacy-Modus
+    $viewerFile = dirname(__DIR__) . '/active_viewers.json';
+    if (file_exists($viewerFile)) {
+        $viewers = json_decode(file_get_contents($viewerFile), true);
+        $stats['viewers_current'] = count($viewers ?? []);
+    }
+}
+
+// Page Setup
+$pageTitle = 'Übersicht';
+$currentPage = 'overview';
+
+ob_start();
+?>
+
+<!-- Stats Grid -->
+<div class="stats-grid">
+    <div class="stat-card">
+        <div class="stat-icon">👥</div>
+        <div class="stat-value"><?php echo $stats['viewers_current']; ?></div>
+        <div class="stat-label">Aktuelle Zuschauer</div>
+    </div>
+
+    <div class="stat-card">
+        <div class="stat-icon">📊</div>
+        <div class="stat-value"><?php echo $stats['viewers_today']; ?></div>
+        <div class="stat-label">Zuschauer heute</div>
+    </div>
+
+    <div class="stat-card">
+        <div class="stat-icon">🏆</div>
+        <div class="stat-value"><?php echo $stats['viewers_peak']; ?></div>
+        <div class="stat-label">Peak heute</div>
+    </div>
+
+    <div class="stat-card">
+        <div class="stat-icon">
+            <?php echo $stats['stream_status'] === 'online' ? '🟢' : ($stats['stream_status'] === 'offline' ? '🔴' : '⚪'); ?>
+        </div>
+        <div class="stat-value" style="font-size: 1.25rem; text-transform: capitalize;">
+            <?php echo $stats['stream_status'] === 'online' ? 'Online' : ($stats['stream_status'] === 'offline' ? 'Offline' : 'Unbekannt'); ?>
+        </div>
+        <div class="stat-label">Stream Status</div>
+    </div>
+</div>
+
+<!-- Quick Actions -->
+<div class="card">
+    <div class="card-header">
+        <h3 class="card-title">Schnellzugriff</h3>
+    </div>
+    <div class="card-body">
+        <div class="grid grid-3">
+            <a href="/dashboard/stream.php" class="btn btn-secondary">
+                📹 Stream bearbeiten
+            </a>
+            <a href="/dashboard/branding.php" class="btn btn-secondary">
+                🎨 Branding anpassen
+            </a>
+            <a href="/dashboard/settings.php" class="btn btn-secondary">
+                ⚙️ Einstellungen
+            </a>
+        </div>
+    </div>
+</div>
+
+<!-- Recent Activity (Platzhalter) -->
+<div class="card">
+    <div class="card-header">
+        <h3 class="card-title">Letzte Aktivitäten</h3>
+    </div>
+    <div class="card-body">
+        <p style="color: var(--gray-500); text-align: center; padding: 2rem;">
+            Aktivitäten werden hier angezeigt, sobald Analytics aktiviert ist.
+        </p>
+    </div>
+</div>
+
+<?php
+$content = ob_get_clean();
+include __DIR__ . '/templates/layout.php';

aurora-livecam/dashboard/login.php

@@ -0,0 +1,102 @@
+<?php
+/**
+ * Dashboard Login
+ */
+
+require_once dirname(__DIR__) . '/vendor/autoload.php';
+require_once dirname(__DIR__) . '/SettingsManager.php';
+
+if (file_exists(dirname(__DIR__) . '/src/bootstrap.php')) {
+    require_once dirname(__DIR__) . '/src/bootstrap.php';
+}
+
+use AuroraLivecam\Auth\AuthManager;
+
+$settingsManager = new SettingsManager();
+
+// Prüfe ob Dashboard aktiviert ist
+if (!$settingsManager->isTenantDashboardEnabled() && !$settingsManager->isMultiTenantEnabled()) {
+    // Fallback auf Legacy-Admin
+    header('Location: /?admin=1');
+    exit;
+}
+
+$auth = new AuthManager();
+
+// Bereits eingeloggt?
+if ($auth->isLoggedIn()) {
+    header('Location: /dashboard/');
+    exit;
+}
+
+$error = '';
+
+// Login verarbeiten
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    $email = $_POST['email'] ?? '';
+    $password = $_POST['password'] ?? '';
+    $remember = isset($_POST['remember']);
+
+    if ($auth->login($email, $password, $remember)) {
+        header('Location: /dashboard/');
+        exit;
+    } else {
+        $error = 'Ungültige Anmeldedaten';
+    }
+}
+?>
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Login - Dashboard</title>
+    <link rel="stylesheet" href="/dashboard/assets/dashboard.css">
+</head>
+<body>
+    <div class="login-container">
+        <div class="login-box">
+            <div class="login-title">
+                <h1>Dashboard Login</h1>
+                <p>Melden Sie sich an, um fortzufahren</p>
+            </div>
+
+            <?php if ($error): ?>
+            <div class="alert alert-error"><?php echo htmlspecialchars($error); ?></div>
+            <?php endif; ?>
+
+            <form method="POST" action="">
+                <div class="form-group">
+                    <label class="form-label" for="email">E-Mail / Benutzername</label>
+                    <input type="text" id="email" name="email" class="form-input"
+                           value="<?php echo htmlspecialchars($_POST['email'] ?? ''); ?>"
+                           required autofocus>
+                </div>
+
+                <div class="form-group">
+                    <label class="form-label" for="password">Passwort</label>
+                    <input type="password" id="password" name="password" class="form-input" required>
+                </div>
+
+                <div class="form-group">
+                    <label class="toggle-wrapper">
+                        <span class="toggle">
+                            <input type="checkbox" name="remember">
+                            <span class="toggle-slider"></span>
+                        </span>
+                        <span>Angemeldet bleiben</span>
+                    </label>
+                </div>
+
+                <button type="submit" class="btn btn-primary" style="width: 100%;">
+                    Anmelden
+                </button>
+            </form>
+
+            <p style="text-align: center; margin-top: 1.5rem; color: var(--gray-500);">
+                <a href="/" style="color: var(--primary);">Zurück zur Livecam</a>
+            </p>
+        </div>
+    </div>
+</body>
+</html>

aurora-livecam/dashboard/logout.php

@@ -0,0 +1,18 @@
+<?php
+/**
+ * Dashboard Logout
+ */
+
+require_once dirname(__DIR__) . '/vendor/autoload.php';
+
+if (file_exists(dirname(__DIR__) . '/src/bootstrap.php')) {
+    require_once dirname(__DIR__) . '/src/bootstrap.php';
+}
+
+use AuroraLivecam\Auth\AuthManager;
+
+$auth = new AuthManager();
+$auth->logout();
+
+header('Location: /dashboard/login.php');
+exit;

aurora-livecam/dashboard/settings.php

@@ -0,0 +1,271 @@
+<?php
+/**
+ * Dashboard - Einstellungen
+ */
+
+require_once dirname(__DIR__) . '/vendor/autoload.php';
+require_once dirname(__DIR__) . '/SettingsManager.php';
+
+if (file_exists(dirname(__DIR__) . '/src/bootstrap.php')) {
+    require_once dirname(__DIR__) . '/src/bootstrap.php';
+}
+
+use AuroraLivecam\Auth\AuthManager;
+use AuroraLivecam\Tenant\TenantSettingsManager;
+
+$settingsManager = new SettingsManager();
+$auth = new AuthManager();
+$auth->requireLogin();
+
+$user = $auth->getUser();
+$tenantId = $user['tenant_id'] ?? 0;
+
+$flashMessage = null;
+$flashType = 'info';
+
+// Tenant-Settings laden
+try {
+    $tenantSettings = new TenantSettingsManager($tenantId);
+} catch (\Exception $e) {
+    $tenantSettings = null;
+}
+
+// Einstellungen für das Template
+$settings = [
+    'viewer_display_enabled' => $settingsManager->get('viewer_display.enabled') ?? true,
+    'viewer_min' => $settingsManager->get('viewer_display.min_viewers') ?? 1,
+    'weather_enabled' => $settingsManager->get('weather.enabled') ?? true,
+    'weather_location' => $settingsManager->get('weather.location') ?? 'Zürich,CH',
+    'weather_lat' => $settingsManager->get('weather.lat') ?? '47.3769',
+    'weather_lon' => $settingsManager->get('weather.lon') ?? '8.5417',
+    'guestbook_enabled' => $settingsManager->get('content.guestbook_enabled') ?? true,
+    'gallery_enabled' => $settingsManager->get('content.gallery_enabled') ?? true,
+    'ai_events_enabled' => $settingsManager->get('content.ai_events_enabled') ?? true,
+    'show_qr_code' => $settingsManager->get('ui_display.show_qr_code') ?? true,
+    'show_social_media' => $settingsManager->get('ui_display.show_social_media') ?? true,
+    'timelapse_reverse' => $settingsManager->get('zoom_timelapse.timelapse_reverse_enabled') ?? true,
+    'max_zoom' => $settingsManager->get('zoom_timelapse.max_zoom_level') ?? 4.0,
+];
+
+// Formular verarbeiten
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    $updates = [
+        'viewer_display.enabled' => isset($_POST['viewer_display_enabled']),
+        'viewer_display.min_viewers' => (int)($_POST['viewer_min'] ?? 1),
+        'weather.enabled' => isset($_POST['weather_enabled']),
+        'weather.location' => trim($_POST['weather_location'] ?? ''),
+        'weather.lat' => trim($_POST['weather_lat'] ?? ''),
+        'weather.lon' => trim($_POST['weather_lon'] ?? ''),
+        'content.guestbook_enabled' => isset($_POST['guestbook_enabled']),
+        'content.gallery_enabled' => isset($_POST['gallery_enabled']),
+        'content.ai_events_enabled' => isset($_POST['ai_events_enabled']),
+        'ui_display.show_qr_code' => isset($_POST['show_qr_code']),
+        'ui_display.show_social_media' => isset($_POST['show_social_media']),
+        'zoom_timelapse.timelapse_reverse_enabled' => isset($_POST['timelapse_reverse']),
+        'zoom_timelapse.max_zoom_level' => (float)($_POST['max_zoom'] ?? 4.0),
+    ];
+
+    $success = true;
+    foreach ($updates as $key => $value) {
+        if (!$settingsManager->set($key, $value)) {
+            $success = false;
+        }
+    }
+
+    if ($success) {
+        $flashMessage = 'Einstellungen gespeichert!';
+        $flashType = 'success';
+
+        // Reload settings
+        $settings = [
+            'viewer_display_enabled' => $updates['viewer_display.enabled'],
+            'viewer_min' => $updates['viewer_display.min_viewers'],
+            'weather_enabled' => $updates['weather.enabled'],
+            'weather_location' => $updates['weather.location'],
+            'weather_lat' => $updates['weather.lat'],
+            'weather_lon' => $updates['weather.lon'],
+            'guestbook_enabled' => $updates['content.guestbook_enabled'],
+            'gallery_enabled' => $updates['content.gallery_enabled'],
+            'ai_events_enabled' => $updates['content.ai_events_enabled'],
+            'show_qr_code' => $updates['ui_display.show_qr_code'],
+            'show_social_media' => $updates['ui_display.show_social_media'],
+            'timelapse_reverse' => $updates['zoom_timelapse.timelapse_reverse_enabled'],
+            'max_zoom' => $updates['zoom_timelapse.max_zoom_level'],
+        ];
+    } else {
+        $flashMessage = 'Fehler beim Speichern einiger Einstellungen.';
+        $flashType = 'error';
+    }
+}
+
+$pageTitle = 'Einstellungen';
+$currentPage = 'settings';
+
+ob_start();
+?>
+
+<form method="POST" action="">
+    <div class="grid grid-2">
+        <!-- Viewer-Anzeige -->
+        <div class="card">
+            <div class="card-header">
+                <h3 class="card-title">Zuschauer-Anzeige</h3>
+            </div>
+            <div class="card-body">
+                <div class="form-group">
+                    <label class="toggle-wrapper">
+                        <span class="toggle">
+                            <input type="checkbox" name="viewer_display_enabled"
+                                   <?php echo $settings['viewer_display_enabled'] ? 'checked' : ''; ?>>
+                            <span class="toggle-slider"></span>
+                        </span>
+                        <span>Zuschauer-Anzahl anzeigen</span>
+                    </label>
+                </div>
+
+                <div class="form-group">
+                    <label class="form-label" for="viewer_min">Mindestanzahl für Anzeige</label>
+                    <input type="number" id="viewer_min" name="viewer_min" class="form-input"
+                           value="<?php echo (int)$settings['viewer_min']; ?>" min="0" max="100">
+                    <p class="form-help">Zuschauer werden erst ab dieser Anzahl angezeigt</p>
+                </div>
+            </div>
+        </div>
+
+        <!-- Wetter-Widget -->
+        <div class="card">
+            <div class="card-header">
+                <h3 class="card-title">Wetter-Widget</h3>
+            </div>
+            <div class="card-body">
+                <div class="form-group">
+                    <label class="toggle-wrapper">
+                        <span class="toggle">
+                            <input type="checkbox" name="weather_enabled"
+                                   <?php echo $settings['weather_enabled'] ? 'checked' : ''; ?>>
+                            <span class="toggle-slider"></span>
+                        </span>
+                        <span>Wetter-Widget aktivieren</span>
+                    </label>
+                </div>
+
+                <div class="form-group">
+                    <label class="form-label" for="weather_location">Standort-Name</label>
+                    <input type="text" id="weather_location" name="weather_location" class="form-input"
+                           value="<?php echo htmlspecialchars($settings['weather_location']); ?>">
+                </div>
+
+                <div class="grid grid-2">
+                    <div class="form-group">
+                        <label class="form-label" for="weather_lat">Breitengrad</label>
+                        <input type="text" id="weather_lat" name="weather_lat" class="form-input"
+                               value="<?php echo htmlspecialchars($settings['weather_lat']); ?>">
+                    </div>
+                    <div class="form-group">
+                        <label class="form-label" for="weather_lon">Längengrad</label>
+                        <input type="text" id="weather_lon" name="weather_lon" class="form-input"
+                               value="<?php echo htmlspecialchars($settings['weather_lon']); ?>">
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Content -->
+        <div class="card">
+            <div class="card-header">
+                <h3 class="card-title">Inhalte</h3>
+            </div>
+            <div class="card-body">
+                <div class="form-group">
+                    <label class="toggle-wrapper">
+                        <span class="toggle">
+                            <input type="checkbox" name="guestbook_enabled"
+                                   <?php echo $settings['guestbook_enabled'] ? 'checked' : ''; ?>>
+                            <span class="toggle-slider"></span>
+                        </span>
+                        <span>Gästebuch aktivieren</span>
+                    </label>
+                </div>
+
+                <div class="form-group">
+                    <label class="toggle-wrapper">
+                        <span class="toggle">
+                            <input type="checkbox" name="gallery_enabled"
+                                   <?php echo $settings['gallery_enabled'] ? 'checked' : ''; ?>>
+                            <span class="toggle-slider"></span>
+                        </span>
+                        <span>Galerie aktivieren</span>
+                    </label>
+                </div>
+
+                <div class="form-group">
+                    <label class="toggle-wrapper">
+                        <span class="toggle">
+                            <input type="checkbox" name="ai_events_enabled"
+                                   <?php echo $settings['ai_events_enabled'] ? 'checked' : ''; ?>>
+                            <span class="toggle-slider"></span>
+                        </span>
+                        <span>AI-Events aktivieren</span>
+                    </label>
+                </div>
+            </div>
+        </div>
+
+        <!-- UI -->
+        <div class="card">
+            <div class="card-header">
+                <h3 class="card-title">Oberfläche</h3>
+            </div>
+            <div class="card-body">
+                <div class="form-group">
+                    <label class="toggle-wrapper">
+                        <span class="toggle">
+                            <input type="checkbox" name="show_qr_code"
+                                   <?php echo $settings['show_qr_code'] ? 'checked' : ''; ?>>
+                            <span class="toggle-slider"></span>
+                        </span>
+                        <span>QR-Code anzeigen</span>
+                    </label>
+                </div>
+
+                <div class="form-group">
+                    <label class="toggle-wrapper">
+                        <span class="toggle">
+                            <input type="checkbox" name="show_social_media"
+                                   <?php echo $settings['show_social_media'] ? 'checked' : ''; ?>>
+                            <span class="toggle-slider"></span>
+                        </span>
+                        <span>Social Media Links anzeigen</span>
+                    </label>
+                </div>
+
+                <div class="form-group">
+                    <label class="toggle-wrapper">
+                        <span class="toggle">
+                            <input type="checkbox" name="timelapse_reverse"
+                                   <?php echo $settings['timelapse_reverse'] ? 'checked' : ''; ?>>
+                            <span class="toggle-slider"></span>
+                        </span>
+                        <span>Timelapse Rückwärts erlauben</span>
+                    </label>
+                </div>
+
+                <div class="form-group">
+                    <label class="form-label" for="max_zoom">Maximaler Zoom</label>
+                    <input type="number" id="max_zoom" name="max_zoom" class="form-input"
+                           value="<?php echo (float)$settings['max_zoom']; ?>" min="1" max="10" step="0.5">
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div style="margin-top: 1.5rem;">
+        <button type="submit" class="btn btn-primary">
+            Einstellungen speichern
+        </button>
+    </div>
+</form>
+
+<?php
+$content = ob_get_clean();
+include __DIR__ . '/templates/layout.php';

aurora-livecam/dashboard/stream.php

@@ -0,0 +1,183 @@
+<?php
+/**
+ * Dashboard - Stream Einstellungen
+ */
+
+require_once dirname(__DIR__) . '/vendor/autoload.php';
+require_once dirname(__DIR__) . '/SettingsManager.php';
+
+if (file_exists(dirname(__DIR__) . '/src/bootstrap.php')) {
+    require_once dirname(__DIR__) . '/src/bootstrap.php';
+}
+
+use AuroraLivecam\Auth\AuthManager;
+use AuroraLivecam\Core\Database;
+
+$settingsManager = new SettingsManager();
+$auth = new AuthManager();
+$auth->requireLogin();
+
+$user = $auth->getUser();
+$tenantId = $user['tenant_id'] ?? 0;
+
+$flashMessage = null;
+$flashType = 'info';
+
+// Stream-Daten laden
+$stream = [
+    'stream_url' => '',
+    'stream_type' => 'hls',
+    'is_active' => true,
+    'last_status' => 'unknown',
+];
+
+try {
+    $db = Database::getInstance();
+    if ($tenantId > 0) {
+        $dbStream = $db->fetchOne(
+            "SELECT * FROM tenant_streams WHERE tenant_id = ? AND is_primary = 1",
+            [$tenantId]
+        );
+        if ($dbStream) {
+            $stream = $dbStream;
+        }
+    }
+} catch (\Exception $e) {
+    // DB nicht verfügbar
+}
+
+// Formular verarbeiten
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    $streamUrl = trim($_POST['stream_url'] ?? '');
+    $streamType = $_POST['stream_type'] ?? 'hls';
+
+    if (empty($streamUrl)) {
+        $flashMessage = 'Bitte geben Sie eine Stream-URL ein.';
+        $flashType = 'error';
+    } else {
+        try {
+            $db = Database::getInstance();
+
+            if ($tenantId > 0) {
+                // Prüfe ob Stream existiert
+                $existing = $db->fetchOne(
+                    "SELECT id FROM tenant_streams WHERE tenant_id = ? AND is_primary = 1",
+                    [$tenantId]
+                );
+
+                if ($existing) {
+                    $db->update('tenant_streams', [
+                        'stream_url' => $streamUrl,
+                        'stream_type' => $streamType,
+                    ], 'id = ?', [$existing['id']]);
+                } else {
+                    $db->insert('tenant_streams', [
+                        'tenant_id' => $tenantId,
+                        'stream_url' => $streamUrl,
+                        'stream_type' => $streamType,
+                        'is_primary' => 1,
+                    ]);
+                }
+
+                $flashMessage = 'Stream-Einstellungen gespeichert!';
+                $flashType = 'success';
+
+                // Reload stream data
+                $stream['stream_url'] = $streamUrl;
+                $stream['stream_type'] = $streamType;
+            } else {
+                $flashMessage = 'Stream-Einstellungen können im Legacy-Modus nicht gespeichert werden.';
+                $flashType = 'warning';
+            }
+        } catch (\Exception $e) {
+            $flashMessage = 'Fehler beim Speichern: ' . $e->getMessage();
+            $flashType = 'error';
+        }
+    }
+}
+
+$pageTitle = 'Stream Einstellungen';
+$currentPage = 'stream';
+
+ob_start();
+?>
+
+<div class="card">
+    <div class="card-header">
+        <h3 class="card-title">Stream Konfiguration</h3>
+        <span class="badge badge-<?php echo $stream['last_status'] === 'online' ? 'success' : ($stream['last_status'] === 'offline' ? 'danger' : 'info'); ?>">
+            <?php echo ucfirst($stream['last_status'] ?? 'Unbekannt'); ?>
+        </span>
+    </div>
+    <div class="card-body">
+        <form method="POST" action="">
+            <div class="form-group">
+                <label class="form-label" for="stream_url">Stream URL</label>
+                <input type="url" id="stream_url" name="stream_url" class="form-input"
+                       value="<?php echo htmlspecialchars($stream['stream_url']); ?>"
+                       placeholder="https://example.com/stream.m3u8">
+                <p class="form-help">Die URL zu Ihrem HLS-Stream (.m3u8) oder RTMP-Stream</p>
+            </div>
+
+            <div class="form-group">
+                <label class="form-label" for="stream_type">Stream Typ</label>
+                <select id="stream_type" name="stream_type" class="form-select">
+                    <option value="hls" <?php echo ($stream['stream_type'] ?? 'hls') === 'hls' ? 'selected' : ''; ?>>
+                        HLS (.m3u8)
+                    </option>
+                    <option value="rtmp" <?php echo ($stream['stream_type'] ?? '') === 'rtmp' ? 'selected' : ''; ?>>
+                        RTMP
+                    </option>
+                    <option value="webrtc" <?php echo ($stream['stream_type'] ?? '') === 'webrtc' ? 'selected' : ''; ?>>
+                        WebRTC
+                    </option>
+                    <option value="iframe" <?php echo ($stream['stream_type'] ?? '') === 'iframe' ? 'selected' : ''; ?>>
+                        iFrame Embed
+                    </option>
+                </select>
+            </div>
+
+            <button type="submit" class="btn btn-primary">
+                Speichern
+            </button>
+        </form>
+    </div>
+</div>
+
+<div class="card">
+    <div class="card-header">
+        <h3 class="card-title">Stream Vorschau</h3>
+    </div>
+    <div class="card-body">
+        <?php if (!empty($stream['stream_url'])): ?>
+        <div style="aspect-ratio: 16/9; background: #000; border-radius: 0.5rem; overflow: hidden;">
+            <video id="preview-player" controls style="width: 100%; height: 100%;">
+                <source src="<?php echo htmlspecialchars($stream['stream_url']); ?>" type="application/x-mpegURL">
+            </video>
+        </div>
+        <p class="form-help" style="margin-top: 1rem;">
+            Hinweis: Die Vorschau funktioniert nur mit HLS-Streams und wenn Ihr Browser HLS unterstützt.
+        </p>
+        <?php else: ?>
+        <div class="preview-box">
+            <p>Keine Stream-URL konfiguriert</p>
+        </div>
+        <?php endif; ?>
+    </div>
+</div>
+
+<div class="card">
+    <div class="card-header">
+        <h3 class="card-title">Stream Monitoring</h3>
+    </div>
+    <div class="card-body">
+        <p style="color: var(--gray-500);">
+            Stream-Monitoring zeigt automatische Verfügbarkeitsprüfungen an.
+            Diese Funktion wird demnächst verfügbar sein.
+        </p>
+    </div>
+</div>
+
+<?php
+$content = ob_get_clean();
+include __DIR__ . '/templates/layout.php';

aurora-livecam/dashboard/templates/layout.php

@@ -0,0 +1,126 @@
+<?php
+/**
+ * Dashboard Layout Template
+ *
+ * Variablen:
+ * - $pageTitle: Seitentitel
+ * - $currentPage: Aktuelle Seite (für Navigation)
+ * - $content: Hauptinhalt
+ */
+
+$user = $auth->getUser();
+$tenantName = $user['tenant_name'] ?? 'Dashboard';
+?>
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title><?php echo htmlspecialchars($pageTitle ?? 'Dashboard'); ?> - <?php echo htmlspecialchars($tenantName); ?></title>
+    <link rel="stylesheet" href="/dashboard/assets/dashboard.css">
+</head>
+<body>
+    <div class="dashboard-container">
+        <!-- Sidebar -->
+        <aside class="sidebar">
+            <div class="sidebar-header">
+                <h2><?php echo htmlspecialchars($tenantName); ?></h2>
+                <span class="role-badge"><?php echo htmlspecialchars($user['role'] ?? 'user'); ?></span>
+            </div>
+
+            <nav class="sidebar-nav">
+                <a href="/dashboard/" class="nav-item <?php echo ($currentPage ?? '') === 'overview' ? 'active' : ''; ?>">
+                    <span class="nav-icon">📊</span>
+                    <span>Übersicht</span>
+                </a>
+
+                <a href="/dashboard/stream.php" class="nav-item <?php echo ($currentPage ?? '') === 'stream' ? 'active' : ''; ?>">
+                    <span class="nav-icon">📹</span>
+                    <span>Stream</span>
+                </a>
+
+                <a href="/dashboard/branding.php" class="nav-item <?php echo ($currentPage ?? '') === 'branding' ? 'active' : ''; ?>">
+                    <span class="nav-icon">🎨</span>
+                    <span>Branding</span>
+                </a>
+
+                <a href="/dashboard/settings.php" class="nav-item <?php echo ($currentPage ?? '') === 'settings' ? 'active' : ''; ?>">
+                    <span class="nav-icon">⚙️</span>
+                    <span>Einstellungen</span>
+                </a>
+
+                <?php if ($settingsManager->isAnalyticsEnabled()): ?>
+                <a href="/dashboard/analytics.php" class="nav-item <?php echo ($currentPage ?? '') === 'analytics' ? 'active' : ''; ?>">
+                    <span class="nav-icon">📈</span>
+                    <span>Analytics</span>
+                </a>
+                <?php endif; ?>
+
+                <?php if ($settingsManager->isCustomDomainEnabled()): ?>
+                <a href="/dashboard/domains.php" class="nav-item <?php echo ($currentPage ?? '') === 'domains' ? 'active' : ''; ?>">
+                    <span class="nav-icon">🌐</span>
+                    <span>Domains</span>
+                </a>
+                <?php endif; ?>
+
+                <?php if ($settingsManager->isBillingEnabled()): ?>
+                <a href="/dashboard/billing.php" class="nav-item <?php echo ($currentPage ?? '') === 'billing' ? 'active' : ''; ?>">
+                    <span class="nav-icon">💳</span>
+                    <span>Abrechnung</span>
+                </a>
+                <?php endif; ?>
+
+                <?php if ($auth->isSuperAdmin()): ?>
+                <div class="nav-divider"></div>
+                <span class="nav-label">Admin</span>
+
+                <a href="/dashboard/admin/tenants.php" class="nav-item <?php echo ($currentPage ?? '') === 'admin-tenants' ? 'active' : ''; ?>">
+                    <span class="nav-icon">👥</span>
+                    <span>Kunden</span>
+                </a>
+
+                <a href="/dashboard/admin/plans.php" class="nav-item <?php echo ($currentPage ?? '') === 'admin-plans' ? 'active' : ''; ?>">
+                    <span class="nav-icon">📋</span>
+                    <span>Pläne</span>
+                </a>
+                <?php endif; ?>
+            </nav>
+
+            <div class="sidebar-footer">
+                <a href="/" class="nav-item" target="_blank">
+                    <span class="nav-icon">🔗</span>
+                    <span>Zur Livecam</span>
+                </a>
+                <a href="/dashboard/logout.php" class="nav-item logout">
+                    <span class="nav-icon">🚪</span>
+                    <span>Abmelden</span>
+                </a>
+            </div>
+        </aside>
+
+        <!-- Main Content -->
+        <main class="main-content">
+            <header class="main-header">
+                <h1><?php echo htmlspecialchars($pageTitle ?? 'Dashboard'); ?></h1>
+                <div class="header-actions">
+                    <span class="user-info">
+                        <?php echo htmlspecialchars($user['email'] ?? ''); ?>
+                    </span>
+                </div>
+            </header>
+
+            <div class="content-wrapper">
+                <?php if (isset($flashMessage)): ?>
+                <div class="alert alert-<?php echo $flashType ?? 'info'; ?>">
+                    <?php echo htmlspecialchars($flashMessage); ?>
+                </div>
+                <?php endif; ?>
+
+                <?php echo $content ?? ''; ?>
+            </div>
+        </main>
+    </div>
+
+    <script src="/dashboard/assets/dashboard.js"></script>
+</body>
+</html>

aurora-livecam/database/schema.sql

@@ -0,0 +1,205 @@
+-- Aurora Livecam - Multi-Tenant SaaS Schema
+-- Version: 1.0.0
+
+SET NAMES utf8mb4;
+SET FOREIGN_KEY_CHECKS = 0;
+
+-- --------------------------------------------------------
+-- Subscription Plans
+-- --------------------------------------------------------
+CREATE TABLE IF NOT EXISTS `plans` (
+    `id` INT UNSIGNED PRIMARY KEY AUTO_INCREMENT,
+    `name` VARCHAR(100) NOT NULL,
+    `slug` VARCHAR(50) UNIQUE NOT NULL,
+    `stripe_price_id` VARCHAR(100) NULL,
+    `price_monthly` DECIMAL(10,2) DEFAULT 0.00,
+    `price_yearly` DECIMAL(10,2) DEFAULT 0.00,
+    `features` JSON NULL COMMENT '{"max_viewers": 100, "storage_gb": 5, "custom_domain": true}',
+    `is_active` TINYINT(1) DEFAULT 1,
+    `sort_order` INT DEFAULT 0,
+    `created_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    `updated_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+-- Default Plans
+INSERT INTO `plans` (`name`, `slug`, `price_monthly`, `price_yearly`, `features`, `sort_order`) VALUES
+('Free', 'free', 0.00, 0.00, '{"max_viewers": 10, "storage_gb": 0.5, "custom_domain": false, "weather_widget": true, "timelapse": false, "analytics": false, "branding": false}', 1),
+('Basic', 'basic', 19.00, 190.00, '{"max_viewers": 50, "storage_gb": 5, "custom_domain": false, "weather_widget": true, "timelapse": true, "analytics": true, "branding": false}', 2),
+('Professional', 'professional', 49.00, 490.00, '{"max_viewers": 200, "storage_gb": 20, "custom_domain": true, "weather_widget": true, "timelapse": true, "analytics": true, "branding": true}', 3),
+('Enterprise', 'enterprise', 149.00, 1490.00, '{"max_viewers": -1, "storage_gb": 100, "custom_domain": true, "weather_widget": true, "timelapse": true, "analytics": true, "branding": true, "priority_support": true}', 4);
+
+-- --------------------------------------------------------
+-- Tenants (Customers)
+-- --------------------------------------------------------
+CREATE TABLE IF NOT EXISTS `tenants` (
+    `id` INT UNSIGNED PRIMARY KEY AUTO_INCREMENT,
+    `uuid` VARCHAR(36) UNIQUE NOT NULL,
+    `name` VARCHAR(255) NOT NULL,
+    `slug` VARCHAR(100) UNIQUE NOT NULL COMMENT 'URL-safe identifier, e.g. aurora, seecam',
+    `email` VARCHAR(255) NOT NULL,
+    `status` ENUM('trial', 'active', 'suspended', 'cancelled') DEFAULT 'trial',
+    `plan_id` INT UNSIGNED NULL,
+    `trial_ends_at` TIMESTAMP NULL,
+    `created_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    `updated_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+    FOREIGN KEY (`plan_id`) REFERENCES `plans`(`id`) ON DELETE SET NULL,
+    INDEX `idx_status` (`status`),
+    INDEX `idx_slug` (`slug`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+-- --------------------------------------------------------
+-- Tenant Domains
+-- --------------------------------------------------------
+CREATE TABLE IF NOT EXISTS `tenant_domains` (
+    `id` INT UNSIGNED PRIMARY KEY AUTO_INCREMENT,
+    `tenant_id` INT UNSIGNED NOT NULL,
+    `domain` VARCHAR(255) UNIQUE NOT NULL,
+    `is_primary` TINYINT(1) DEFAULT 0,
+    `ssl_status` ENUM('pending', 'active', 'failed') DEFAULT 'pending',
+    `verified_at` TIMESTAMP NULL,
+    `created_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    FOREIGN KEY (`tenant_id`) REFERENCES `tenants`(`id`) ON DELETE CASCADE,
+    INDEX `idx_domain` (`domain`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+-- --------------------------------------------------------
+-- Tenant Settings (replaces settings.json per tenant)
+-- --------------------------------------------------------
+CREATE TABLE IF NOT EXISTS `tenant_settings` (
+    `id` INT UNSIGNED PRIMARY KEY AUTO_INCREMENT,
+    `tenant_id` INT UNSIGNED NOT NULL,
+    `setting_key` VARCHAR(255) NOT NULL,
+    `setting_value` TEXT NULL,
+    `updated_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+    UNIQUE KEY `uk_tenant_key` (`tenant_id`, `setting_key`),
+    FOREIGN KEY (`tenant_id`) REFERENCES `tenants`(`id`) ON DELETE CASCADE
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+-- --------------------------------------------------------
+-- Tenant Branding
+-- --------------------------------------------------------
+CREATE TABLE IF NOT EXISTS `tenant_branding` (
+    `tenant_id` INT UNSIGNED PRIMARY KEY,
+    `site_name` VARCHAR(255) NULL,
+    `site_name_full` VARCHAR(255) NULL,
+    `tagline` VARCHAR(255) NULL,
+    `logo_path` VARCHAR(500) NULL,
+    `favicon_path` VARCHAR(500) NULL,
+    `primary_color` VARCHAR(7) DEFAULT '#667eea',
+    `secondary_color` VARCHAR(7) DEFAULT '#764ba2',
+    `accent_color` VARCHAR(7) DEFAULT '#f093fb',
+    `welcome_text_de` TEXT NULL,
+    `welcome_text_en` TEXT NULL,
+    `footer_text` TEXT NULL,
+    `custom_css` TEXT NULL,
+    `custom_js` TEXT NULL,
+    `social_facebook` VARCHAR(255) NULL,
+    `social_instagram` VARCHAR(255) NULL,
+    `social_youtube` VARCHAR(255) NULL,
+    `updated_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+    FOREIGN KEY (`tenant_id`) REFERENCES `tenants`(`id`) ON DELETE CASCADE
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+-- --------------------------------------------------------
+-- Tenant Streams
+-- --------------------------------------------------------
+CREATE TABLE IF NOT EXISTS `tenant_streams` (
+    `id` INT UNSIGNED PRIMARY KEY AUTO_INCREMENT,
+    `tenant_id` INT UNSIGNED NOT NULL,
+    `name` VARCHAR(255) DEFAULT 'Main Stream',
+    `stream_url` VARCHAR(500) NOT NULL,
+    `stream_type` ENUM('hls', 'rtmp', 'webrtc', 'iframe') DEFAULT 'hls',
+    `is_active` TINYINT(1) DEFAULT 1,
+    `is_primary` TINYINT(1) DEFAULT 1,
+    `last_check_at` TIMESTAMP NULL,
+    `last_status` ENUM('online', 'offline', 'error') NULL,
+    `error_message` VARCHAR(500) NULL,
+    `created_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    FOREIGN KEY (`tenant_id`) REFERENCES `tenants`(`id`) ON DELETE CASCADE
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+-- --------------------------------------------------------
+-- Users
+-- --------------------------------------------------------
+CREATE TABLE IF NOT EXISTS `users` (
+    `id` INT UNSIGNED PRIMARY KEY AUTO_INCREMENT,
+    `tenant_id` INT UNSIGNED NULL COMMENT 'NULL = Super Admin',
+    `email` VARCHAR(255) UNIQUE NOT NULL,
+    `password_hash` VARCHAR(255) NOT NULL,
+    `name` VARCHAR(255) NULL,
+    `role` ENUM('super_admin', 'tenant_admin', 'tenant_user') NOT NULL DEFAULT 'tenant_user',
+    `email_verified_at` TIMESTAMP NULL,
+    `last_login_at` TIMESTAMP NULL,
+    `remember_token` VARCHAR(100) NULL,
+    `created_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    `updated_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+    FOREIGN KEY (`tenant_id`) REFERENCES `tenants`(`id`) ON DELETE CASCADE,
+    INDEX `idx_email` (`email`),
+    INDEX `idx_tenant` (`tenant_id`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+-- --------------------------------------------------------
+-- Subscriptions
+-- --------------------------------------------------------
+CREATE TABLE IF NOT EXISTS `subscriptions` (
+    `id` INT UNSIGNED PRIMARY KEY AUTO_INCREMENT,
+    `tenant_id` INT UNSIGNED NOT NULL,
+    `plan_id` INT UNSIGNED NOT NULL,
+    `stripe_subscription_id` VARCHAR(100) NULL,
+    `stripe_customer_id` VARCHAR(100) NULL,
+    `status` ENUM('trialing', 'active', 'past_due', 'canceled', 'unpaid', 'incomplete') DEFAULT 'trialing',
+    `current_period_start` TIMESTAMP NULL,
+    `current_period_end` TIMESTAMP NULL,
+    `canceled_at` TIMESTAMP NULL,
+    `created_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    `updated_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+    FOREIGN KEY (`tenant_id`) REFERENCES `tenants`(`id`) ON DELETE CASCADE,
+    FOREIGN KEY (`plan_id`) REFERENCES `plans`(`id`),
+    INDEX `idx_tenant` (`tenant_id`),
+    INDEX `idx_stripe_sub` (`stripe_subscription_id`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+-- --------------------------------------------------------
+-- Invoices (Stripe cache)
+-- --------------------------------------------------------
+CREATE TABLE IF NOT EXISTS `invoices` (
+    `id` INT UNSIGNED PRIMARY KEY AUTO_INCREMENT,
+    `tenant_id` INT UNSIGNED NOT NULL,
+    `stripe_invoice_id` VARCHAR(100) UNIQUE NULL,
+    `amount` DECIMAL(10,2) NOT NULL,
+    `currency` VARCHAR(3) DEFAULT 'CHF',
+    `status` VARCHAR(50) NULL,
+    `paid_at` TIMESTAMP NULL,
+    `invoice_pdf_url` VARCHAR(500) NULL,
+    `created_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    FOREIGN KEY (`tenant_id`) REFERENCES `tenants`(`id`) ON DELETE CASCADE
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+-- --------------------------------------------------------
+-- Viewer Statistics
+-- --------------------------------------------------------
+CREATE TABLE IF NOT EXISTS `viewer_stats` (
+    `id` BIGINT UNSIGNED PRIMARY KEY AUTO_INCREMENT,
+    `tenant_id` INT UNSIGNED NOT NULL,
+    `recorded_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    `viewer_count` INT DEFAULT 0,
+    `unique_sessions` INT DEFAULT 0,
+    FOREIGN KEY (`tenant_id`) REFERENCES `tenants`(`id`) ON DELETE CASCADE,
+    INDEX `idx_tenant_time` (`tenant_id`, `recorded_at`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+-- --------------------------------------------------------
+-- Onboarding Progress
+-- --------------------------------------------------------
+CREATE TABLE IF NOT EXISTS `tenant_onboarding` (
+    `tenant_id` INT UNSIGNED PRIMARY KEY,
+    `current_step` INT DEFAULT 1,
+    `stream_verified` TINYINT(1) DEFAULT 0,
+    `branding_configured` TINYINT(1) DEFAULT 0,
+    `payment_configured` TINYINT(1) DEFAULT 0,
+    `completed_at` TIMESTAMP NULL,
+    `updated_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+    FOREIGN KEY (`tenant_id`) REFERENCES `tenants`(`id`) ON DELETE CASCADE
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+SET FOREIGN_KEY_CHECKS = 1;

aurora-livecam/indexmiau.php

@@ -0,0 +1,721 @@
+<?php
+use PHPMailer\PHPMailer\PHPMailer;
+use PHPMailer\PHPMailer\Exception;
+
+require __DIR__ . '/vendor/autoload.php';
+require_once 'SettingsManager.php';
+
+// SettingsManager initialisieren
+$settingsManager = new SettingsManager();
+
+// AJAX-Handler für Settings (MUSS ganz am Anfang sein!)
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['settings_action'])) {
+    header('Content-Type: application/json');
+
+    switch ($_POST['settings_action']) {
+        case 'get':
+            echo json_encode(['success' => true, 'settings' => $settingsManager->get()]);
+            exit;
+
+        case 'update':
+            $key = $_POST['key'] ?? null;
+            $value = $_POST['value'] ?? null;
+
+            if ($value === 'true') $value = true;
+            if ($value === 'false') $value = false;
+            if (is_numeric($value)) $value = intval($value);
+
+            if ($key && $settingsManager->set($key, $value)) {
+                echo json_encode(['success' => true, 'message' => 'Gespeichert']);
+            } else {
+                echo json_encode(['success' => false, 'message' => 'Fehler']);
+            }
+            exit;
+    }
+}
+
+if (isset($_GET['download_video'])) {
+    $videoDir = './videos/';
+    $latestVideo = null;
+    $latestTime = 0;
+    foreach (glob($videoDir . '*.mp4') as $video) {
+        $mtime = filemtime($video);
+        if ($mtime > $latestTime) { $latestTime = $mtime; $latestVideo = $video; }
+    }
+    if ($latestVideo) {
+        header('Content-Type: application/octet-stream');
+        header('Content-Disposition: attachment; filename="'.basename($latestVideo).'"');
+        header('Content-Length: ' . filesize($latestVideo));
+        readfile($latestVideo);
+        exit;
+    }
+    echo "Kein Video gefunden.";
+    exit;
+}
+
+$oldDomains = ['www.aurora-wetter-lifecam.ch', 'www.aurora-wetter-livecam.ch'];
+$newDomain = 'www.aurora-weather-livecam.com';
+if (in_array($_SERVER['HTTP_HOST'] ?? '', $oldDomains)) {
+    $protocol = isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https' : 'http';
+    header("HTTP/1.1 301 Moved Permanently");
+    header("Location: " . $protocol . '://' . $newDomain . $_SERVER['REQUEST_URI']);
+    exit;
+}
+
+session_start();
+error_reporting(E_ALL);
+ini_set('display_errors', 0);
+
+$imageDir = "./image";
+$imageFiles = glob("$imageDir/screenshot_*.jpg");
+if ($imageFiles) rsort($imageFiles);
+$imageFilesJson = json_encode($imageFiles ?: []);
+
+class ViewerCounter {
+    private $file = 'active_viewers.json';
+    private $timeout = 30;
+
+    public function handleHeartbeat() {
+        $ip = md5($_SERVER['REMOTE_ADDR'] . ($_SERVER['HTTP_USER_AGENT'] ?? ''));
+        $now = time();
+        $viewers = file_exists($this->file) ? json_decode(file_get_contents($this->file), true) ?? [] : [];
+        $viewers[$ip] = $now;
+        $active = [];
+        foreach ($viewers as $u => $t) { if ($now - $t < $this->timeout) $active[$u] = $t; }
+        file_put_contents($this->file, json_encode($active));
+        header('Content-Type: application/json');
+        echo json_encode(['count' => count($active)]);
+        exit;
+    }
+
+    public function getInitialCount() {
+        if (file_exists($this->file)) {
+            return max(1, count(json_decode(file_get_contents($this->file), true) ?? []));
+        }
+        return 1;
+    }
+}
+
+$viewerCounter = new ViewerCounter();
+
+class WebcamManager {
+    private $videoSrc = 'test_video.m3u8';
+
+    public function displayWebcam() {
+        return '<video id="webcam-player" autoplay muted playsinline></video>';
+    }
+
+    public function displayStreamStats() {
+        return '<div class="info-badge tech-stat" id="bitrate-display" style="display:none;">
+            <i class="fas fa-tachometer-alt"></i> <span id="bitrate-value">0.00</span> MBit/s
+        </div>';
+    }
+
+    public function getImageFiles() {
+        $f = glob("image/screenshot_*.jpg");
+        if ($f) rsort($f);
+        return json_encode($f ?: []);
+    }
+
+    public function getJavaScript() {
+        return "
+        document.addEventListener('DOMContentLoaded', function () {
+            var video = document.getElementById('webcam-player');
+            var videoSrc = '{$this->videoSrc}';
+            if(video && typeof Hls !== 'undefined' && Hls.isSupported()) {
+                var hls = new Hls();
+                hls.loadSource(videoSrc);
+                hls.attachMedia(video);
+                hls.on(Hls.Events.MANIFEST_PARSED, function () { video.play().catch(()=>{}); });
+            } else if (video) {
+                video.src = videoSrc;
+                video.play().catch(()=>{});
+            }
+        });";
+    }
+}
+
+class VisualCalendarManager {
+    private $videoDir, $settingsManager;
+    private $months = [1=>'Jan',2=>'Feb',3=>'Mär',4=>'Apr',5=>'Mai',6=>'Jun',7=>'Jul',8=>'Aug',9=>'Sep',10=>'Okt',11=>'Nov',12=>'Dez'];
+
+    public function __construct($videoDir = './videos/', $sm = null) {
+        $this->videoDir = $videoDir;
+        $this->settingsManager = $sm;
+    }
+
+    public function hasVideosForDate($y, $m, $d) {
+        return count(glob($this->videoDir . sprintf("daily_video_%04d%02d%02d_*.mp4", $y, $m, $d))) > 0;
+    }
+
+    public function getVideosForDate($y, $m, $d) {
+        $vids = [];
+        foreach (glob($this->videoDir . sprintf("daily_video_%04d%02d%02d_*.mp4", $y, $m, $d)) as $v) {
+            $vids[] = ['path' => $v, 'name' => basename($v), 'size' => filesize($v), 'time' => date('H:i', filemtime($v))];
+        }
+        return $vids;
+    }
+
+    public function displayVisualCalendar() {
+        $cy = isset($_GET['cal_year']) ? intval($_GET['cal_year']) : date('Y');
+        $cm = isset($_GET['cal_month']) ? intval($_GET['cal_month']) : date('n');
+        $sd = isset($_GET['cal_day']) ? intval($_GET['cal_day']) : null;
+        $pip = $this->settingsManager ? $this->settingsManager->get('video_mode.play_in_player') : true;
+        $dl = $this->settingsManager ? $this->settingsManager->get('video_mode.allow_download') : true;
+
+        $o = '<div class="calendar-box">';
+        $o .= '<div class="cal-nav"><button onclick="chgM('.$cy.','.($cm-1).')">&laquo;</button><span>'.$this->months[$cm].' '.$cy.'</span><button onclick="chgM('.$cy.','.($cm+1).')">&raquo;</button></div>';
+        $o .= '<div class="cal-grid">';
+        foreach(['Mo','Di','Mi','Do','Fr','Sa','So'] as $wd) $o .= '<div class="cal-hd">'.$wd.'</div>';
+
+        $fd = mktime(0,0,0,$cm,1,$cy);
+        $dim = date('t', $fd);
+        $dow = date('N', $fd) - 1;
+        for ($i=0; $i<$dow; $i++) $o .= '<div class="cal-day empty"></div>';
+
+        for ($d=1; $d<=$dim; $d++) {
+            $hv = $this->hasVideosForDate($cy,$cm,$d);
+            $sel = $sd==$d;
+            $td = ($cy==date('Y') && $cm==date('n') && $d==date('j'));
+            $cls = 'cal-day' . ($hv?' has-vid':'') . ($sel?' sel':'') . ($td?' today':'');
+            $o .= '<div class="'.$cls.'" onclick="selD('.$cy.','.$cm.','.$d.')"><span>'.$d.'</span>'.($hv?'<small>📹</small>':'').'</div>';
+        }
+        $o .= '</div>';
+
+        if ($sd) {
+            $vids = $this->getVideosForDate($cy,$cm,$sd);
+            $o .= '<div class="day-vids"><h4>📅 '.sprintf('%02d.%02d.%04d',$sd,$cm,$cy).'</h4>';
+            if ($vids) {
+                $o .= '<ul>';
+                foreach ($vids as $v) {
+                    $sz = round($v['size']/1024/1024,1);
+                    $tk = hash_hmac('sha256', $v['path'], session_id());
+                    $o .= '<li><span>🕐 '.$v['time'].'</span><span>'.$sz.' MB</span><span class="vid-btns">';
+                    if ($pip) $o .= '<a href="#" onclick="playVid(\''.htmlspecialchars($v['path']).'\');return false;" class="btn-play">▶️</a>';
+                    if ($dl) $o .= '<a href="?download_specific_video='.urlencode($v['path']).'&token='.$tk.'" class="btn-dl">⬇️</a>';
+                    $o .= '</span></li>';
+                }
+                $o .= '</ul>';
+            } else {
+                $o .= '<p>Keine Videos.</p>';
+            }
+            $o .= '</div>';
+        }
+        $o .= '</div>';
+        return $o;
+    }
+}
+
+class GuestbookManager {
+    private $entries = [], $file = 'guestbook.json';
+    public function __construct() { if (file_exists($this->file)) $this->entries = json_decode(file_get_contents($this->file), true) ?? []; }
+    public function handleFormSubmission() {
+        if (isset($_POST['guestbook'],$_POST['guest-name'],$_POST['guest-message'])) {
+            $this->entries[] = ['name'=>htmlspecialchars($_POST['guest-name']),'message'=>htmlspecialchars($_POST['guest-message']),'date'=>date('Y-m-d H:i:s')];
+            file_put_contents($this->file, json_encode($this->entries));
+        }
+    }
+    public function deleteEntry($i) { if (isset($this->entries[$i])) { unset($this->entries[$i]); $this->entries = array_values($this->entries); file_put_contents($this->file, json_encode($this->entries)); return true; } return false; }
+    public function displayForm() { return '<form method="post"><input type="hidden" name="guestbook" value="1"><label>Name:</label><input name="guest-name" required><label>Nachricht:</label><textarea name="guest-message" required></textarea><button type="submit">Senden</button></form>'; }
+    public function displayEntries($admin=false) {
+        $o = '<div class="gb-entries">';
+        foreach ($this->entries as $i=>$e) {
+            $o .= '<div class="gb-entry"><h4>'.$e['name'].'</h4><p>'.$e['message'].'</p><small>'.$e['date'].'</small>';
+            if ($admin) $o .= '<form method="post" style="display:inline"><input type="hidden" name="action" value="delete_guestbook"><input type="hidden" name="delete_entry" value="'.$i.'"><button class="del-btn">X</button></form>';
+            $o .= '</div>';
+        }
+        return $o.'</div>';
+    }
+}
+
+class ContactManager {
+    private $file = 'feedbacks.json';
+    public function displayForm() { return '<form method="post" id="contact-form"><input type="hidden" name="contact" value="1"><label>Name:</label><input name="name" required><label>E-Mail:</label><input type="email" name="email" required><label>Nachricht:</label><textarea name="message" required></textarea><button type="submit">Senden</button></form><div id="contact-fb"></div>'; }
+    public function handleSubmission($n,$e,$m) {
+        if (!$n||!$e||!$m) return ['success'=>false,'message'=>'Alle Felder ausfüllen'];
+        $fb = ['name'=>htmlspecialchars($n),'email'=>filter_var($e,FILTER_SANITIZE_EMAIL),'message'=>htmlspecialchars($m),'date'=>date('Y-m-d H:i:s'),'ip'=>$_SERVER['REMOTE_ADDR']??''];
+        $all = file_exists($this->file) ? json_decode(file_get_contents($this->file),true) : [];
+        $all[] = $fb;
+        file_put_contents($this->file, json_encode($all, JSON_PRETTY_PRINT));
+        return ['success'=>true,'message'=>'Nachricht gesendet!'];
+    }
+    public function deleteFeedback($i) { $all = json_decode(file_get_contents($this->file),true); if (isset($all[$i])) { unset($all[$i]); file_put_contents($this->file, json_encode(array_values($all),JSON_PRETTY_PRINT)); return true; } return false; }
+}
+
+class AdminManager {
+    public function isAdmin() { return isset($_SESSION['admin']) && $_SESSION['admin'] === true; }
+    public function handleLogin($u,$p) { if ($u==='admin' && $p==='sonne4000$$$$Q') { $_SESSION['admin']=true; return true; } return false; }
+    public function displayLoginForm() { return '<form method="post"><input type="hidden" name="admin-login" value="1"><label>User:</label><input name="username" required><label>Pass:</label><input type="password" name="password" required><button type="submit">Login</button></form>'; }
+    public function displayAdminContent() {
+        global $settingsManager;
+        $o = '<div class="admin-panel">';
+        $o .= '<h3>⚙️ Einstellungen</h3>';
+        $o .= '<div class="setting"><label>Zuschauer anzeigen</label><input type="checkbox" id="s-viewer" '.($settingsManager->get('viewer_display.enabled')?'checked':'').'></div>';
+        $o .= '<div class="setting"><label>Mindestanzahl</label><input type="number" id="s-min" value="'.$settingsManager->get('viewer_display.min_viewers').'" min="1" max="100"></div>';
+        $o .= '<div class="setting"><label>Im Player abspielen</label><input type="checkbox" id="s-play" '.($settingsManager->get('video_mode.play_in_player')?'checked':'').'></div>';
+        $o .= '<div class="setting"><label>Download erlauben</label><input type="checkbox" id="s-dl" '.($settingsManager->get('video_mode.allow_download')?'checked':'').'></div>';
+        $o .= '</div>';
+        $o .= '<div class="admin-panel"><h3>📩 Nachrichten</h3>';
+        $msgs = file_exists('feedbacks.json') ? json_decode(file_get_contents('feedbacks.json'),true) : [];
+        foreach ($msgs as $i=>$m) {
+            $o .= '<div class="msg"><strong>'.$m['name'].'</strong> ('.$m['email'].')<p>'.$m['message'].'</p><small>'.$m['date'].'</small>';
+            $o .= '<form method="post" style="display:inline"><input type="hidden" name="action" value="delete_feedback"><input type="hidden" name="delete_index" value="'.$i.'"><button class="del-btn">X</button></form></div>';
+        }
+        if (!$msgs) $o .= '<p>Keine Nachrichten.</p>';
+        $o .= '</div>';
+        return $o;
+    }
+    public function displayGalleryImages() {
+        $o = '<div class="gallery">';
+        foreach (glob("uploads/*.{jpg,jpeg,png,gif}",GLOB_BRACE) as $f) $o .= '<img src="'.$f.'" onclick="openImg(this.src)">';
+        return $o.'</div>';
+    }
+}
+
+class VideoArchiveManager {
+    private $dir;
+    public function __construct($d='./videos/') { $this->dir = $d; }
+    public function handleSpecificVideoDownload() {
+        if (isset($_GET['download_specific_video'],$_GET['token'])) {
+            $p = $_GET['download_specific_video'];
+            if (!hash_equals(hash_hmac('sha256',$p,session_id()), $_GET['token'])) { echo "Invalid"; exit; }
+            $rp = realpath($p);
+            $rd = realpath($this->dir);
+            if ($rp && strpos($rp,$rd)===0 && file_exists($rp)) {
+                header('Content-Type: video/mp4');
+                header('Content-Disposition: attachment; filename="'.basename($rp).'"');
+                header('Content-Length: '.filesize($rp));
+                readfile($rp);
+                exit;
+            }
+            echo "Not found"; exit;
+        }
+    }
+}
+
+$webcamManager = new WebcamManager();
+$guestbookManager = new GuestbookManager();
+$contactManager = new ContactManager();
+$adminManager = new AdminManager();
+$videoArchiveManager = new VideoArchiveManager('./videos/');
+$videoArchiveManager->handleSpecificVideoDownload();
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    if (isset($_POST['action']) && $_POST['action'] === 'viewer_heartbeat') $viewerCounter->handleHeartbeat();
+    if (isset($_POST['guestbook'])) { $guestbookManager->handleFormSubmission(); header("Location: ".$_SERVER['PHP_SELF']."#guestbook"); exit; }
+    if (isset($_POST['contact'])) {
+        $r = $contactManager->handleSubmission($_POST['name'],$_POST['email'],$_POST['message']);
+        if (isset($_SERVER['HTTP_X_REQUESTED_WITH'])) { header('Content-Type: application/json'); echo json_encode($r); exit; }
+        header('Location: '.$_SERVER['PHP_SELF'].'#kontakt'); exit;
+    }
+    if (isset($_POST['admin-login'])) { $adminManager->handleLogin($_POST['username'],$_POST['password']); header('Location: '.$_SERVER['PHP_SELF'].'#admin'); exit; }
+    if ($adminManager->isAdmin()) {
+        if (isset($_POST['action']) && $_POST['action']==='delete_guestbook') { $guestbookManager->deleteEntry(intval($_POST['delete_entry'])); header("Location: ".$_SERVER['PHP_SELF']."#guestbook"); exit; }
+        if (isset($_POST['action']) && $_POST['action']==='delete_feedback') { $contactManager->deleteFeedback(intval($_POST['delete_index'])); header("Location: ".$_SERVER['PHP_SELF']."#admin"); exit; }
+    }
+}
+
+$vc = $viewerCounter->getInitialCount();
+$sv = $settingsManager->get('viewer_display.enabled') && $vc >= $settingsManager->get('viewer_display.min_viewers');
+$mv = $settingsManager->get('viewer_display.min_viewers');
+?><!DOCTYPE html>
+<html lang="de">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5,user-scalable=yes">
+<title>Aurora Livecam</title>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
+<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
+<style>
+*{box-sizing:border-box;margin:0;padding:0}
+body{font-family:Arial,sans-serif;background:#f0f0f0;color:#333;line-height:1.6}
+.container{max-width:1100px;margin:0 auto;padding:0 15px}
+.section{padding:50px 0;background:#fff;margin-bottom:15px}
+.section h2{text-align:center;margin-bottom:25px;font-size:28px}
+
+header{background:#fff;padding:12px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
+.header-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
+.logo img{height:45px}
+nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:5px}
+nav a{text-decoration:none;color:#333;padding:8px 14px;border-radius:5px;font-weight:bold;transition:.3s}
+nav a:hover{background:#4CAF50;color:#fff}
+
+.hero{text-align:center;padding:40px 15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}
+.hero h1{font-size:2em;margin-bottom:10px}
+
+.video-box{max-width:900px;margin:0 auto 20px}
+.video-wrap{position:relative;padding-bottom:56.25%;background:#000;border-radius:10px;overflow:hidden}
+.video-wrap video,.video-wrap img,.video-wrap #dvp{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}
+#tlv,#dvp{display:none;background:#000}
+#dvp video{width:100%;height:100%}
+
+.zoom-btns{position:absolute;bottom:15px;right:15px;display:flex;gap:8px;z-index:100}
+.zoom-btns button{width:44px;height:44px;border:none;border-radius:50%;background:rgba(255,255,255,.95);font-size:20px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3);transition:.2s}
+.zoom-btns button:hover{transform:scale(1.1);background:#fff}
+
+.info-bar{display:flex;justify-content:center;gap:15px;margin:15px 0;flex-wrap:wrap}
+.badge{background:#fff;padding:8px 18px;border-radius:25px;font-weight:bold;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}
+.badge.live{background:#fff5f5;color:#d32f2f}
+.dot{width:8px;height:8px;background:#f44;border-radius:50%;animation:pulse 2s infinite}
+@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(244,67,54,.6)}50%{box-shadow:0 0 0 8px transparent}}
+
+.btns{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:15px 0}
+.btn{padding:10px 20px;background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;border:none;border-radius:6px;font-weight:bold;cursor:pointer;text-decoration:none;transition:.3s}
+.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(76,175,80,.4)}
+.btn.purple{background:linear-gradient(135deg,#667eea,#764ba2)}
+
+#tl-ctrl{display:none;background:#fff;padding:12px 20px;border-radius:30px;margin:15px auto;max-width:700px;box-shadow:0 3px 10px rgba(0,0,0,.1)}
+.tl-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}
+.tl-btn{width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;font-size:14px}
+.tl-btn.on{background:linear-gradient(135deg,#4CAF50,#45a049)}
+.tl-btn.wide{width:auto;padding:0 15px;border-radius:20px}
+#tl-slider{flex:1;min-width:120px;max-width:250px}
+#tl-time{font-family:monospace;background:#f5f5f5;padding:6px 12px;border-radius:15px}
+
+#back-live{display:none}
+
+.calendar-box{max-width:700px;margin:0 auto;background:#fff;border-radius:10px;padding:20px;box-shadow:0 3px 15px rgba(0,0,0,.1)}
+.cal-nav{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 15px;border-radius:8px;margin-bottom:15px}
+.cal-nav button{background:rgba(255,255,255,.2);border:none;color:#fff;padding:8px 15px;border-radius:5px;font-size:18px;cursor:pointer}
+.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
+.cal-hd{text-align:center;font-weight:bold;padding:8px;background:#f5f5f5;border-radius:4px;font-size:12px}
+.cal-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:.2s;position:relative;font-size:14px}
+.cal-day:hover:not(.empty){transform:scale(1.05);border-color:#667eea}
+.cal-day.empty{background:transparent;border:none;cursor:default}
+.cal-day.has-vid{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196F3}
+.cal-day.sel{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.08)}
+.cal-day.today{border:2px solid #4CAF50}
+.cal-day small{position:absolute;bottom:2px;right:2px;font-size:10px}
+
+.day-vids{background:#f9f9f9;border-radius:8px;padding:15px;margin-top:15px}
+.day-vids h4{margin-bottom:10px;border-bottom:2px solid #667eea;padding-bottom:8px}
+.day-vids ul{list-style:none}
+.day-vids li{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#fff;margin-bottom:8px;border-radius:6px;flex-wrap:wrap;gap:8px}
+.vid-btns{display:flex;gap:8px}
+.btn-play,.btn-dl{padding:6px 12px;border-radius:15px;text-decoration:none;color:#fff;font-size:13px}
+.btn-play{background:linear-gradient(135deg,#667eea,#764ba2)}
+.btn-dl{background:linear-gradient(135deg,#4CAF50,#45a049)}
+
+form{display:grid;gap:12px;background:#f9f9f9;padding:20px;border-radius:8px;max-width:500px;margin:0 auto}
+input,textarea{width:100%;padding:10px;border:2px solid #ddd;border-radius:6px;font-size:15px}
+input:focus,textarea:focus{border-color:#667eea;outline:none}
+button[type=submit]{padding:10px 20px;background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;border:none;border-radius:6px;font-weight:bold;cursor:pointer}
+
+.gb-entries{max-width:600px;margin:20px auto 0}
+.gb-entry{background:#fff;border-left:4px solid #4CAF50;padding:15px;margin-bottom:10px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.08)}
+.gb-entry h4{margin-bottom:5px}
+.gb-entry small{color:#888}
+
+.gallery{display:flex;gap:10px;overflow-x:auto;padding:10px 0}
+.gallery img{width:200px;height:140px;object-fit:cover;border-radius:8px;cursor:pointer;flex-shrink:0}
+
+.admin-panel{background:#fff;padding:20px;border-radius:10px;margin-bottom:20px}
+.admin-panel h3{margin-bottom:15px;border-bottom:2px solid #667eea;padding-bottom:8px}
+.setting{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee}
+.setting:last-child{border-bottom:none}
+.setting input[type=checkbox]{width:20px;height:20px}
+.setting input[type=number]{width:60px;padding:5px;text-align:center}
+.msg{background:#f9f9f9;padding:12px;border-left:3px solid #667eea;margin-bottom:8px;border-radius:4px}
+.del-btn{background:#f44;color:#fff;border:none;padding:4px 10px;border-radius:4px;cursor:pointer}
+
+footer{background:#333;color:#fff;padding:30px 0;text-align:center}
+footer a{color:#fff;margin:0 10px}
+
+.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.9);align-items:center;justify-content:center}
+.modal img{max-width:95%;max-height:90%}
+.modal .close{position:absolute;top:15px;right:25px;color:#fff;font-size:35px;cursor:pointer}
+
+@media(max-width:600px){
+.header-inner{flex-direction:column}
+nav ul{justify-content:center}
+.hero h1{font-size:1.5em}
+.btns{flex-direction:column}
+.btn{width:100%}
+.tl-bar{flex-direction:column}
+#tl-slider{width:100%;max-width:none}
+}
+</style>
+</head>
+<body>
+
+<header>
+<div class="container header-inner">
+<div class="logo"><img src="logo.png" alt="Logo"></div>
+<nav><ul>
+<li><a href="#cam">Webcam</a></li>
+<li><a href="#archive">Archiv</a></li>
+<li><a href="#guestbook">Gästebuch</a></li>
+<li><a href="#kontakt">Kontakt</a></li>
+<?php if($adminManager->isAdmin()): ?><li><a href="#admin">Admin</a></li><?php endif; ?>
+</ul></nav>
+</div>
+</header>
+
+<section class="hero">
+<h1>Aurora Wetter Livecam</h1>
+<p>Faszinierende Ausblicke aus dem Zürcher Oberland</p>
+</section>
+
+<section id="cam" class="section">
+<div class="container">
+<div class="video-box">
+<div class="video-wrap" id="vw">
+<?php echo $webcamManager->displayWebcam(); ?>
+<div id="tlv"><img id="tl-img"><div id="tl-overlay" style="position:absolute;top:10px;left:10px;background:rgba(0,0,0,.7);color:#fff;padding:6px 12px;border-radius:4px;font-family:monospace"></div></div>
+<div id="dvp"><video id="dv" controls playsinline></video></div>
+<div class="zoom-btns">
+<button onclick="zoom(-1)">−</button>
+<button onclick="zoom(0)">⟲</button>
+<button onclick="zoom(1)">+</button>
+</div>
+</div>
+</div>
+
+<div id="tl-ctrl">
+<div class="tl-bar">
+<button class="tl-btn" id="tl-play"><i class="fas fa-play"></i></button>
+<button class="tl-btn" id="tl-rev"><i class="fas fa-backward"></i></button>
+<input type="range" id="tl-slider" min="0" value="0">
+<span id="tl-time">--:--:--</span>
+<button class="tl-btn wide" id="tl-spd">1x</button>
+<button class="tl-btn wide on" id="tl-back"><i class="fas fa-video"></i> Live</button>
+</div>
+</div>
+
+<button class="btn purple" id="back-live" onclick="toLive()"><i class="fas fa-video"></i> Zurück zu Live</button>
+
+<div class="info-bar">
+<?php echo $webcamManager->displayStreamStats(); ?>
+<?php if($sv): ?><div class="badge live"><span class="dot"></span><strong id="vc"><?php echo $vc; ?></strong> Zuschauer</div><?php endif; ?>
+</div>
+
+<div class="btns">
+<a href="?action=snapshot" class="btn">📷 Snapshot</a>
+<button class="btn" id="tl-btn">🎬 Zeitraffer</button>
+<a href="?download_video=1" class="btn">⬇️ Tagesvideo</a>
+</div>
+</div>
+</section>
+
+<section id="archive" class="section">
+<div class="container">
+<h2>📅 Videoarchiv</h2>
+<?php $cal = new VisualCalendarManager('./videos/', $settingsManager); echo $cal->displayVisualCalendar(); ?>
+</div>
+</section>
+
+<section id="guestbook" class="section">
+<div class="container">
+<h2>Gästebuch</h2>
+<?php echo $guestbookManager->displayForm(); echo $guestbookManager->displayEntries($adminManager->isAdmin()); ?>
+</div>
+</section>
+
+<section id="kontakt" class="section">
+<div class="container">
+<h2>Kontakt</h2>
+<?php echo $contactManager->displayForm(); ?>
+</div>
+</section>
+
+<section id="gallery" class="section">
+<div class="container">
+<h2>Galerie</h2>
+<?php echo $adminManager->displayGalleryImages(); ?>
+</div>
+</section>
+
+<?php if($adminManager->isAdmin()): ?>
+<section id="admin" class="section">
+<div class="container">
+<h2>⚙️ Admin</h2>
+<?php echo $adminManager->displayAdminContent(); ?>
+</div>
+</section>
+<?php else: ?>
+<section id="admin" class="section">
+<div class="container">
+<h2>Admin Login</h2>
+<?php echo $adminManager->displayLoginForm(); ?>
+</div>
+</section>
+<?php endif; ?>
+
+<footer>
+<a href="#cam">Webcam</a>
+<a href="#archive">Archiv</a>
+<a href="#kontakt">Kontakt</a>
+<p style="margin-top:15px">&copy; 2024 Aurora Livecam</p>
+</footer>
+
+<div class="modal" id="modal" onclick="this.style.display='none'">
+<span class="close">&times;</span>
+<img id="modal-img">
+</div>
+
+<script>
+<?php echo $webcamManager->getJavaScript(); ?>
+
+let zoomLvl=1;
+function zoom(d){
+if(d===0) zoomLvl=1;
+else zoomLvl=Math.max(1,Math.min(4,zoomLvl+d*0.5));
+// Alle Video-Elemente in allen Modi
+const targets=['#webcam-player','#tl-img','#dv'];
+targets.forEach(sel=>{
+const el=document.querySelector(sel);
+if(el){
+el.style.transform='scale('+zoomLvl+')';
+el.style.transformOrigin='center center';
+el.style.transition='transform 0.2s ease';
+}
+});
+// Zoom-Level Anzeige
+showZoomLevel();
+}
+function showZoomLevel(){
+let ind=document.getElementById('zoom-ind');
+if(!ind){
+ind=document.createElement('div');
+ind.id='zoom-ind';
+ind.style.cssText='position:absolute;top:15px;left:15px;background:rgba(0,0,0,0.7);color:#fff;padding:8px 14px;border-radius:20px;font-weight:bold;z-index:100;transition:opacity 0.3s';
+document.getElementById('vw').appendChild(ind);
+}
+ind.textContent='🔍 '+Math.round(zoomLvl*100)+'%';
+ind.style.opacity='1';
+clearTimeout(ind.hideTimer);
+ind.hideTimer=setTimeout(()=>{ind.style.opacity='0';},1500);
+}
+
+const TL={
+imgs:<?php echo $imageFilesJson; ?>,
+idx:0,playing:false,rev:false,spd:1,spds:[1,10,100],iv:null,
+init(){
+document.getElementById('tl-play').onclick=()=>this.toggle();
+document.getElementById('tl-rev').onclick=()=>this.toggleRev();
+document.getElementById('tl-spd').onclick=()=>this.cycleSpd();
+document.getElementById('tl-back').onclick=()=>toLive();
+document.getElementById('tl-slider').max=this.imgs.length-1;
+document.getElementById('tl-slider').oninput=e=>this.seek(+e.target.value);
+},
+show(){
+document.getElementById('webcam-player').style.display='none';
+document.getElementById('dvp').style.display='none';
+document.getElementById('tlv').style.display='block';
+document.getElementById('tl-ctrl').style.display='block';
+document.getElementById('back-live').style.display='none';
+this.idx=0;this.frame();
+},
+toggle(){
+this.playing=!this.playing;
+document.getElementById('tl-play').innerHTML=this.playing?'<i class="fas fa-pause"></i>':'<i class="fas fa-play"></i>';
+if(this.playing)this.play();else this.stop();
+},
+toggleRev(){this.rev=!this.rev;document.getElementById('tl-rev').classList.toggle('on',this.rev);},
+cycleSpd(){const i=this.spds.indexOf(this.spd);this.spd=this.spds[(i+1)%this.spds.length];document.getElementById('tl-spd').textContent=this.spd+'x';if(this.playing){this.stop();this.play();}},
+play(){this.iv=setInterval(()=>this.next(),200/this.spd);},
+stop(){clearInterval(this.iv);},
+next(){this.idx+=this.rev?-1:1;if(this.idx<0)this.idx=this.imgs.length-1;if(this.idx>=this.imgs.length)this.idx=0;this.frame();},
+seek(i){this.idx=i;this.frame();},
+frame(){
+const img=this.imgs[this.idx];if(!img)return;
+document.getElementById('tl-img').src=img;
+document.getElementById('tl-slider').value=this.idx;
+const m=img.match(/(\d{4})(\d{2})(\d{2})_(\d{2})(\d{2})(\d{2})/);
+if(m){const t=m[3]+'.'+m[2]+'.'+m[1]+' '+m[4]+':'+m[5]+':'+m[6];document.getElementById('tl-time').textContent=t;document.getElementById('tl-overlay').textContent=t;}
+}
+};
+
+function playVid(p){
+document.getElementById('webcam-player').style.display='none';
+document.getElementById('tlv').style.display='none';
+document.getElementById('tl-ctrl').style.display='none';
+document.getElementById('dvp').style.display='block';
+document.getElementById('back-live').style.display='block';
+const v=document.getElementById('dv');v.src=p;v.play();
+document.getElementById('cam').scrollIntoView({behavior:'smooth'});
+}
+
+function toLive(){
+TL.stop();TL.playing=false;
+document.getElementById('tl-play').innerHTML='<i class="fas fa-play"></i>';
+document.getElementById('tlv').style.display='none';
+document.getElementById('tl-ctrl').style.display='none';
+document.getElementById('dvp').style.display='none';
+document.getElementById('back-live').style.display='none';
+document.getElementById('webcam-player').style.display='block';
+document.getElementById('tl-btn').textContent='🎬 Zeitraffer';
+document.getElementById('dv').pause();document.getElementById('dv').src='';
+zoomLvl=1;zoom(0);
+}
+
+function chgM(y,m){if(m<1){m=12;y--;}if(m>12){m=1;y++;}location.href='?cal_year='+y+'&cal_month='+m+'#archive';}
+function selD(y,m,d){location.href='?cal_year='+y+'&cal_month='+m+'&cal_day='+d+'#archive';}
+
+function openImg(s){document.getElementById('modal-img').src=s;document.getElementById('modal').style.display='flex';}
+
+function updV(){
+fetch(location.href,{method:'POST',body:new URLSearchParams({action:'viewer_heartbeat'})})
+.then(r=>r.json()).then(d=>{const e=document.getElementById('vc');if(e&&d.count)e.textContent=d.count;});
+}
+
+<?php if($adminManager->isAdmin()): ?>
+function saveSetting(key, value) {
+const formData = new FormData();
+formData.append('settings_action', 'update');
+formData.append('key', key);
+formData.append('value', value);
+
+fetch(window.location.pathname, {
+method: 'POST',
+body: formData
+})
+.then(r => r.json())
+.then(data => {
+const toast = document.createElement('div');
+toast.innerHTML = data.success ? '✓ Gespeichert' : '✗ Fehler: ' + (data.message || '');
+toast.style.cssText = 'position:fixed;top:20px;right:20px;padding:15px 25px;border-radius:8px;background:' +
+(data.success ? '#4CAF50' : '#f44336') + ';color:#fff;font-weight:bold;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,0.3);';
+document.body.appendChild(toast);
+setTimeout(() => { toast.style.opacity = '0'; toast.style.transition = 'opacity 0.3s'; }, 1500);
+setTimeout(() => toast.remove(), 2000);
+})
+.catch(err => {
+console.error('Settings save error:', err);
+alert('Fehler beim Speichern: ' + err.message);
+});
+}
+
+// Settings Event-Handler nach DOM-Load binden
+document.addEventListener('DOMContentLoaded', function() {
+const sViewer = document.getElementById('s-viewer');
+const sMin = document.getElementById('s-min');
+const sPlay = document.getElementById('s-play');
+const sDl = document.getElementById('s-dl');
+
+if (sViewer) sViewer.addEventListener('change', function() {
+saveSetting('viewer_display.enabled', this.checked ? 'true' : 'false');
+});
+if (sMin) sMin.addEventListener('change', function() {
+saveSetting('viewer_display.min_viewers', this.value);
+});
+if (sPlay) sPlay.addEventListener('change', function() {
+saveSetting('video_mode.play_in_player', this.checked ? 'true' : 'false');
+});
+if (sDl) sDl.addEventListener('change', function() {
+saveSetting('video_mode.allow_download', this.checked ? 'true' : 'false');
+});
+});
+<?php endif; ?>
+
+document.addEventListener('DOMContentLoaded',()=>{
+TL.init();
+document.getElementById('tl-btn').onclick=()=>{
+if(document.getElementById('tlv').style.display==='block'){toLive();}
+else{TL.show();document.getElementById('tl-btn').textContent='↩️ Zurück zu Live';}
+};
+setTimeout(updV,2000);setInterval(updV,10000);
+});
+</script>
+</body>
+</html>

aurora-livecam/js/admin-settings.js

@@ -0,0 +1,140 @@
+/**
+ * Admin Settings Manager - AJAX ohne Reload
+ */
+const AdminSettings = {
+    settings: {},
+
+    init: function() {
+        this.loadSettings();
+        this.setupEventListeners();
+    },
+
+    loadSettings: function() {
+        fetch(window.location.href, {
+            method: 'POST',
+            headers: {'Content-Type': 'application/x-www-form-urlencoded'},
+            body: 'settings_action=get'
+        })
+        .then(r => r.json())
+        .then(data => {
+            if (data.success) {
+                this.settings = data.settings;
+                this.updateUI();
+            }
+        })
+        .catch(err => console.error('Settings load error:', err));
+    },
+
+    updateSetting: function(key, value) {
+        fetch(window.location.href, {
+            method: 'POST',
+            headers: {'Content-Type': 'application/x-www-form-urlencoded'},
+            body: `settings_action=update&key=${encodeURIComponent(key)}&value=${encodeURIComponent(value)}`
+        })
+        .then(r => r.json())
+        .then(data => {
+            if (data.success) {
+                this.showNotification('✓ Einstellung gespeichert', 'success');
+                // Sofort UI aktualisieren
+                this.applySettingImmediately(key, value);
+            } else {
+                this.showNotification('✗ Fehler beim Speichern', 'error');
+            }
+        })
+        .catch(err => {
+            console.error('Settings update error:', err);
+            this.showNotification('✗ Netzwerkfehler', 'error');
+        });
+    },
+
+    applySettingImmediately: function(key, value) {
+        // Sofortige Anwendung ohne Reload
+        switch(key) {
+            case 'viewer_display.enabled':
+                const viewerEl = document.querySelector('.viewer-stat');
+                if (viewerEl) {
+                    viewerEl.style.display = value === true || value === 'true' ? 'inline-flex' : 'none';
+                }
+                break;
+
+            case 'viewer_display.min_viewers':
+                // Wird beim nächsten Heartbeat angewendet
+                window.minViewersToShow = parseInt(value);
+                break;
+        }
+    },
+
+    updateUI: function() {
+        // Checkbox für Zuschauer-Anzeige
+        const viewerEnabled = document.getElementById('setting-viewer-enabled');
+        if (viewerEnabled) {
+            viewerEnabled.checked = this.settings.viewer_display?.enabled ?? true;
+        }
+
+        // Mindestanzahl
+        const minViewers = document.getElementById('setting-min-viewers');
+        if (minViewers) {
+            minViewers.value = this.settings.viewer_display?.min_viewers ?? 1;
+        }
+
+        // Video-Modus
+        const playInPlayer = document.getElementById('setting-play-in-player');
+        if (playInPlayer) {
+            playInPlayer.checked = this.settings.video_mode?.play_in_player ?? true;
+        }
+
+        const allowDownload = document.getElementById('setting-allow-download');
+        if (allowDownload) {
+            allowDownload.checked = this.settings.video_mode?.allow_download ?? true;
+        }
+    },
+
+    setupEventListeners: function() {
+        // Zuschauer-Anzeige Toggle
+        document.getElementById('setting-viewer-enabled')?.addEventListener('change', (e) => {
+            this.updateSetting('viewer_display.enabled', e.target.checked);
+        });
+
+        // Mindestanzahl Zuschauer
+        document.getElementById('setting-min-viewers')?.addEventListener('change', (e) => {
+            this.updateSetting('viewer_display.min_viewers', e.target.value);
+        });
+
+        // Video im Player abspielen
+        document.getElementById('setting-play-in-player')?.addEventListener('change', (e) => {
+            this.updateSetting('video_mode.play_in_player', e.target.checked);
+        });
+
+        // Download erlauben
+        document.getElementById('setting-allow-download')?.addEventListener('change', (e) => {
+            this.updateSetting('video_mode.allow_download', e.target.checked);
+        });
+    },
+
+    showNotification: function(message, type) {
+        const notification = document.createElement('div');
+        notification.className = `admin-notification ${type}`;
+        notification.textContent = message;
+        notification.style.cssText = `
+            position: fixed;
+            top: 20px;
+            right: 20px;
+            padding: 15px 25px;
+            border-radius: 8px;
+            background: ${type === 'success' ? '#4CAF50' : '#f44336'};
+            color: white;
+            font-weight: bold;
+            z-index: 10000;
+            animation: slideIn 0.3s ease;
+        `;
+        document.body.appendChild(notification);
+        setTimeout(() => notification.remove(), 3000);
+    }
+};
+
+// Initialisierung nur im Admin-Bereich
+document.addEventListener('DOMContentLoaded', function() {
+    if (document.getElementById('admin-settings-panel')) {
+        AdminSettings.init();
+    }
+});

aurora-livecam/js/timelapse-controls.js

@@ -0,0 +1,167 @@
+/**
+ * Timelapse Controller mit Slider, Geschwindigkeit und Rückwärts
+ */
+const TimelapseController = {
+    imageFiles: [],
+    currentIndex: 0,
+    isPlaying: false,
+    isReverse: false,
+    speed: 1,
+    availableSpeeds: [1, 10, 100],
+    intervalId: null,
+    baseInterval: 200, // ms bei 1x
+
+    init: function(imageFilesArray) {
+        this.imageFiles = imageFilesArray;
+        this.setupControls();
+        this.updateSlider();
+    },
+
+    setupControls: function() {
+        const container = document.getElementById('timelapse-controls');
+        if (!container) return;
+
+        container.innerHTML = `
+            <div class="timelapse-control-bar">
+                <button id="tl-play-pause" class="tl-btn" title="Play/Pause">
+                    <i class="fas fa-play"></i>
+                </button>
+                <button id="tl-reverse" class="tl-btn" title="Rückwärts">
+                    <i class="fas fa-backward"></i>
+                </button>
+                <div class="tl-slider-container">
+                    <input type="range" id="tl-slider" min="0" max="100" value="0">
+                    <span id="tl-time-display">00:00:00</span>
+                </div>
+                <div class="tl-speed-container">
+                    <button id="tl-speed" class="tl-btn tl-speed-btn">1x</button>
+                </div>
+                <button id="tl-back-live" class="tl-btn tl-back-btn" title="Zurück zu Live">
+                    <i class="fas fa-video"></i> Live
+                </button>
+            </div>
+        `;
+
+        // Event Listeners
+        document.getElementById('tl-play-pause').onclick = () => this.togglePlay();
+        document.getElementById('tl-reverse').onclick = () => this.toggleReverse();
+        document.getElementById('tl-speed').onclick = () => this.cycleSpeed();
+        document.getElementById('tl-back-live').onclick = () => this.backToLive();
+
+        const slider = document.getElementById('tl-slider');
+        slider.max = this.imageFiles.length - 1;
+        slider.oninput = (e) => this.seekTo(parseInt(e.target.value));
+    },
+
+    togglePlay: function() {
+        this.isPlaying = !this.isPlaying;
+        const btn = document.getElementById('tl-play-pause');
+        btn.innerHTML = this.isPlaying ? '<i class="fas fa-pause"></i>' : '<i class="fas fa-play"></i>';
+
+        if (this.isPlaying) {
+            this.startPlayback();
+        } else {
+            this.stopPlayback();
+        }
+    },
+
+    toggleReverse: function() {
+        this.isReverse = !this.isReverse;
+        const btn = document.getElementById('tl-reverse');
+        btn.classList.toggle('active', this.isReverse);
+        btn.innerHTML = this.isReverse ?
+            '<i class="fas fa-forward"></i>' :
+            '<i class="fas fa-backward"></i>';
+    },
+
+    cycleSpeed: function() {
+        const idx = this.availableSpeeds.indexOf(this.speed);
+        this.speed = this.availableSpeeds[(idx + 1) % this.availableSpeeds.length];
+        document.getElementById('tl-speed').textContent = this.speed + 'x';
+
+        if (this.isPlaying) {
+            this.stopPlayback();
+            this.startPlayback();
+        }
+    },
+
+    startPlayback: function() {
+        const interval = this.baseInterval / this.speed;
+        this.intervalId = setInterval(() => this.nextFrame(), interval);
+    },
+
+    stopPlayback: function() {
+        if (this.intervalId) {
+            clearInterval(this.intervalId);
+            this.intervalId = null;
+        }
+    },
+
+    nextFrame: function() {
+        if (this.isReverse) {
+            this.currentIndex--;
+            if (this.currentIndex < 0) this.currentIndex = this.imageFiles.length - 1;
+        } else {
+            this.currentIndex++;
+            if (this.currentIndex >= this.imageFiles.length) this.currentIndex = 0;
+        }
+        this.showFrame(this.currentIndex);
+    },
+
+    seekTo: function(index) {
+        this.currentIndex = index;
+        this.showFrame(index);
+    },
+
+    showFrame: function(index) {
+        const img = document.getElementById('timelapse-image');
+        if (img && this.imageFiles[index]) {
+            img.src = this.imageFiles[index];
+        }
+        this.updateSlider();
+        this.updateTimeDisplay();
+    },
+
+    updateSlider: function() {
+        const slider = document.getElementById('tl-slider');
+        if (slider) slider.value = this.currentIndex;
+    },
+
+    updateTimeDisplay: function() {
+        const display = document.getElementById('tl-time-display');
+        if (!display || !this.imageFiles[this.currentIndex]) return;
+
+        const filename = this.imageFiles[this.currentIndex];
+        const match = filename.match(/(\d{4})(\d{2})(\d{2})_(\d{2})(\d{2})(\d{2})/);
+        if (match) {
+            const [_, y, m, d, h, min, s] = match;
+            display.textContent = `${d}.${m}.${y} ${h}:${min}:${s}`;
+        }
+    },
+
+    backToLive: function() {
+        this.stopPlayback();
+        this.isPlaying = false;
+
+        // Live-Video wieder anzeigen
+        document.getElementById('timelapse-viewer').style.display = 'none';
+        document.getElementById('webcam-player').style.display = 'block';
+        document.getElementById('timelapse-button').textContent = 'Wochenzeitraffer';
+
+        // Controls verstecken
+        const controls = document.getElementById('timelapse-controls');
+        if (controls) controls.style.display = 'none';
+    },
+
+    show: function() {
+        document.getElementById('timelapse-viewer').style.display = 'block';
+        document.getElementById('webcam-player').style.display = 'none';
+        document.getElementById('daily-video-player').style.display = 'none';
+
+        const controls = document.getElementById('timelapse-controls');
+        if (controls) controls.style.display = 'block';
+
+        this.currentIndex = 0;
+        this.showFrame(0);
+    }
+};

aurora-livecam/js/video-player.js

@@ -0,0 +1,108 @@
+/**
+ * Daily Video Player - Spielt Tagesvideos im Hauptfenster ab
+ */
+const DailyVideoPlayer = {
+    currentVideo: null,
+    videoElement: null,
+
+    init: function() {
+        this.createPlayerElement();
+        this.setupEventListeners();
+    },
+
+    createPlayerElement: function() {
+        // Player-Container erstellen falls nicht vorhanden
+        if (document.getElementById('daily-video-player')) return;
+
+        const container = document.createElement('div');
+        container.id = 'daily-video-player';
+        container.style.display = 'none';
+        container.innerHTML = `
+            <video id="daily-video" controls playsinline>
+                <source src="" type="video/mp4">
+            </video>
+            <div class="video-player-controls">
+                <button id="dvp-back-live" class="tl-btn tl-back-btn">
+                    <i class="fas fa-video"></i> Zurück zu Live
+                </button>
+                <a id="dvp-download" class="button" style="display:none;">
+                    <i class="fas fa-download"></i> Download
+                </a>
+            </div>
+        `;
+
+        // Nach dem Webcam-Player einfügen
+        const videoContainer = document.querySelector('.video-container');
+        if (videoContainer) {
+            videoContainer.appendChild(container);
+        }
+
+        this.videoElement = document.getElementById('daily-video');
+    },
+
+    setupEventListeners: function() {
+        document.getElementById('dvp-back-live')?.addEventListener('click', () => this.backToLive());
+
+        // Video-Ende Event
+        this.videoElement?.addEventListener('ended', () => {
+            // Optional: Automatisch zurück zu Live
+        });
+    },
+
+    playVideo: function(videoPath, allowDownload = true) {
+        this.currentVideo = videoPath;
+
+        // Andere Player verstecken
+        document.getElementById('webcam-player').style.display = 'none';
+        document.getElementById('timelapse-viewer').style.display = 'none';
+        document.getElementById('timelapse-controls')?.style.display = 'none';
+
+        // Diesen Player anzeigen
+        const player = document.getElementById('daily-video-player');
+        player.style.display = 'block';
+
+        // Video laden
+        this.videoElement.src = videoPath;
+        this.videoElement.load();
+        this.videoElement.play();
+
+        // Download-Button
+        const downloadBtn = document.getElementById('dvp-download');
+        if (allowDownload && downloadBtn) {
+            downloadBtn.style.display = 'inline-block';
+            downloadBtn.href = videoPath;
+            downloadBtn.download = videoPath.split('/').pop();
+        } else if (downloadBtn) {
+            downloadBtn.style.display = 'none';
+        }
+    },
+
+    backToLive: function() {
+        // Video stoppen
+        if (this.videoElement) {
+            this.videoElement.pause();
+            this.videoElement.src = '';
+        }
+
+        // Player verstecken
+        document.getElementById('daily-video-player').style.display = 'none';
+
+        // Live-Stream anzeigen
+        document.getElementById('webcam-player').style.display = 'block';
+    },
+
+    // Wird vom Kalender aufgerufen
+    handleCalendarClick: function(videoPath, playInPlayer, allowDownload) {
+        if (playInPlayer) {
+            this.playVideo(videoPath, allowDownload);
+        } else {
+            // Nur Download
+            window.location.href = videoPath;
+        }
+    }
+};
+
+// Initialisierung
+document.addEventListener('DOMContentLoaded', function() {
+    DailyVideoPlayer.init();
+});

aurora-livecam/js/video-zoom.js

@@ -0,0 +1,215 @@
+/**
+ * Video Zoom & Pan Controller
+ * Zoomt auf Wrapper-Layer statt direkt auf Video-Elemente
+ */
+(() => {
+    const config = window.zoomConfig || {};
+    if (!config.enabled) return;
+
+    let currentZoom = 1;
+    let panX = 0;
+    let panY = 0;
+    let isDragging = false;
+    let lastX = 0;
+    let lastY = 0;
+
+    const minZoom = Number(config.minZoom || 1);
+    const maxZoom = Number(config.maxZoom || 4);
+
+    const slider = document.getElementById('zoom-range');
+    const valueEl = document.getElementById('zoom-value');
+
+    // Wrapper-IDs für jeden Modus
+    const wrapperIds = ['live-video-wrapper', 'timelapse-wrapper', 'daily-video-wrapper'];
+
+    // Finde den aktuell sichtbaren Wrapper
+    function getActiveWrapper() {
+        // Prüfe daily-video-player
+        const dailyPlayer = document.getElementById('daily-video-player');
+        if (dailyPlayer && dailyPlayer.style.display !== 'none') {
+            return document.getElementById('daily-video-wrapper');
+        }
+
+        // Prüfe timelapse-viewer
+        const timelapseViewer = document.getElementById('timelapse-viewer');
+        if (timelapseViewer && timelapseViewer.style.display !== 'none') {
+            return document.getElementById('timelapse-wrapper');
+        }
+
+        // Fallback: Live-Video
+        return document.getElementById('live-video-wrapper');
+    }
+
+    // Wende Transform auf ALLE Wrapper an (damit beim Wechsel der Zoom erhalten bleibt)
+    function applyTransform() {
+        // Bei Zoom 1x: Kein Pan
+        if (currentZoom <= 1) {
+            panX = 0;
+            panY = 0;
+        }
+
+        // Pan begrenzen basierend auf Zoom
+        const maxPan = (currentZoom - 1) * 50;
+        panX = Math.max(-maxPan, Math.min(maxPan, panX));
+        panY = Math.max(-maxPan, Math.min(maxPan, panY));
+
+        // Transform auf alle Wrapper anwenden
+        wrapperIds.forEach(id => {
+            const wrapper = document.getElementById(id);
+            if (wrapper) {
+                wrapper.style.transform = `scale(${currentZoom}) translate(${panX}%, ${panY}%)`;
+                wrapper.style.transition = isDragging ? 'none' : 'transform 0.15s ease-out';
+            }
+        });
+
+        // UI Update
+        if (valueEl) valueEl.textContent = `${currentZoom.toFixed(1)}x`;
+        if (slider) slider.value = currentZoom;
+
+        // Cursor Update
+        updateCursor();
+    }
+
+    function updateCursor() {
+        const container = document.querySelector('.video-container');
+        if (container) {
+            if (currentZoom > 1) {
+                container.classList.add('zoomed');
+            } else {
+                container.classList.remove('zoomed');
+            }
+        }
+    }
+
+    // Zoom setzen
+    function setZoom(value) {
+        currentZoom = Math.max(minZoom, Math.min(maxZoom, value));
+        applyTransform();
+    }
+
+    // Zoom anpassen
+    function adjustZoom(delta) {
+        setZoom(currentZoom + delta);
+    }
+
+    // Zoom zurücksetzen
+    function resetZoom() {
+        currentZoom = 1;
+        panX = 0;
+        panY = 0;
+        applyTransform();
+    }
+
+    // Mouse Events für Pan
+    function setupPanEvents() {
+        const container = document.querySelector('.video-container');
+        if (!container) return;
+
+        // Mousedown - Start dragging
+        container.addEventListener('mousedown', (e) => {
+            if (currentZoom <= 1) return;
+            // Ignoriere Klicks auf Controls
+            if (e.target.closest('.zoom-controls, button, a')) return;
+
+            isDragging = true;
+            lastX = e.clientX;
+            lastY = e.clientY;
+            e.preventDefault();
+        });
+
+        // Mousemove - Dragging
+        document.addEventListener('mousemove', (e) => {
+            if (!isDragging) return;
+
+            const deltaX = e.clientX - lastX;
+            const deltaY = e.clientY - lastY;
+
+            // Sensitivität basierend auf Zoom
+            const sensitivity = 0.15 / currentZoom;
+            panX += deltaX * sensitivity;
+            panY += deltaY * sensitivity;
+
+            lastX = e.clientX;
+            lastY = e.clientY;
+
+            applyTransform();
+        });
+
+        // Mouseup - Stop dragging
+        document.addEventListener('mouseup', () => {
+            isDragging = false;
+        });
+
+        // Mouse leave
+        document.addEventListener('mouseleave', () => {
+            isDragging = false;
+        });
+
+        // Touch Events für Mobile
+        container.addEventListener('touchstart', (e) => {
+            if (currentZoom <= 1 || e.touches.length !== 1) return;
+            if (e.target.closest('.zoom-controls, button, a')) return;
+
+            isDragging = true;
+            lastX = e.touches[0].clientX;
+            lastY = e.touches[0].clientY;
+        }, { passive: true });
+
+        container.addEventListener('touchmove', (e) => {
+            if (!isDragging || e.touches.length !== 1) return;
+
+            const deltaX = e.touches[0].clientX - lastX;
+            const deltaY = e.touches[0].clientY - lastY;
+
+            const sensitivity = 0.15 / currentZoom;
+            panX += deltaX * sensitivity;
+            panY += deltaY * sensitivity;
+
+            lastX = e.touches[0].clientX;
+            lastY = e.touches[0].clientY;
+
+            applyTransform();
+        }, { passive: true });
+
+        container.addEventListener('touchend', () => {
+            isDragging = false;
+        });
+
+        // Doppelklick zum Zurücksetzen
+        container.addEventListener('dblclick', (e) => {
+            if (e.target.closest('.zoom-controls, button, a')) return;
+            resetZoom();
+        });
+    }
+
+    // Slider Setup
+    function setupSlider() {
+        if (!slider) return;
+
+        slider.min = minZoom;
+        slider.max = maxZoom;
+        slider.step = 0.5;
+        slider.value = 1;
+
+        slider.addEventListener('input', (e) => {
+            setZoom(Number(e.target.value));
+        });
+    }
+
+    // Globale Funktionen
+    window.adjustZoom = adjustZoom;
+    window.resetZoom = resetZoom;
+    window.setZoom = setZoom;
+
+    // Initialisierung
+    document.addEventListener('DOMContentLoaded', () => {
+        setupSlider();
+        setupPanEvents();
+
+        // Initial State
+        currentZoom = 1;
+        applyTransform();
+
+        console.log('Video Zoom & Pan initialized');
+    });
+})();

aurora-livecam/landing/index.php

@@ -0,0 +1,422 @@
+<?php
+/**
+ * Landing Page - Marketing Seite
+ */
+
+require_once dirname(__DIR__) . '/vendor/autoload.php';
+require_once dirname(__DIR__) . '/SettingsManager.php';
+
+$settingsManager = new SettingsManager();
+
+// Prüfe ob Landing Page aktiviert
+if (!$settingsManager->isLandingPageEnabled()) {
+    header('Location: /');
+    exit;
+}
+
+$trialDays = $settingsManager->getTrialDays();
+?>
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Aurora Livecam - Ihre Webcam als Service</title>
+    <meta name="description" content="Erstellen Sie Ihre eigene Live-Webcam in wenigen Minuten. Wetter-Widget, Timelapse, Analytics und mehr. Jetzt kostenlos testen!">
+    <link rel="stylesheet" href="/dashboard/assets/dashboard.css">
+    <style>
+        :root {
+            --gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        }
+
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            line-height: 1.6;
+            color: #1a202c;
+        }
+
+        /* Header */
+        .header {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            background: rgba(255,255,255,0.95);
+            backdrop-filter: blur(10px);
+            z-index: 100;
+            border-bottom: 1px solid #e2e8f0;
+        }
+
+        .header-inner {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 1rem 2rem;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .logo {
+            font-size: 1.5rem;
+            font-weight: 700;
+            background: var(--gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            text-decoration: none;
+        }
+
+        .nav-links {
+            display: flex;
+            gap: 2rem;
+            align-items: center;
+        }
+
+        .nav-links a {
+            color: #4a5568;
+            text-decoration: none;
+            font-weight: 500;
+            transition: color 0.2s;
+        }
+
+        .nav-links a:hover {
+            color: #667eea;
+        }
+
+        /* Hero */
+        .hero {
+            padding: 8rem 2rem 6rem;
+            background: var(--gradient);
+            color: white;
+            text-align: center;
+        }
+
+        .hero h1 {
+            font-size: 3rem;
+            font-weight: 800;
+            margin-bottom: 1.5rem;
+            max-width: 800px;
+            margin-left: auto;
+            margin-right: auto;
+        }
+
+        .hero p {
+            font-size: 1.25rem;
+            opacity: 0.9;
+            max-width: 600px;
+            margin: 0 auto 2rem;
+        }
+
+        .hero-buttons {
+            display: flex;
+            gap: 1rem;
+            justify-content: center;
+            flex-wrap: wrap;
+        }
+
+        .btn-hero {
+            padding: 1rem 2rem;
+            border-radius: 0.5rem;
+            font-size: 1.1rem;
+            font-weight: 600;
+            text-decoration: none;
+            transition: transform 0.2s, box-shadow 0.2s;
+        }
+
+        .btn-hero-primary {
+            background: white;
+            color: #667eea;
+        }
+
+        .btn-hero-secondary {
+            background: rgba(255,255,255,0.2);
+            color: white;
+            border: 2px solid rgba(255,255,255,0.5);
+        }
+
+        .btn-hero:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
+        }
+
+        .trial-badge {
+            display: inline-block;
+            background: rgba(255,255,255,0.2);
+            padding: 0.5rem 1rem;
+            border-radius: 2rem;
+            margin-top: 2rem;
+            font-size: 0.9rem;
+        }
+
+        /* Features */
+        .features {
+            padding: 6rem 2rem;
+            background: #f7fafc;
+        }
+
+        .section-title {
+            text-align: center;
+            margin-bottom: 4rem;
+        }
+
+        .section-title h2 {
+            font-size: 2.5rem;
+            margin-bottom: 1rem;
+        }
+
+        .section-title p {
+            color: #718096;
+            font-size: 1.1rem;
+        }
+
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 2rem;
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+
+        .feature-card {
+            background: white;
+            padding: 2rem;
+            border-radius: 1rem;
+            box-shadow: 0 4px 6px rgba(0,0,0,0.05);
+            transition: transform 0.2s, box-shadow 0.2s;
+        }
+
+        .feature-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
+        }
+
+        .feature-icon {
+            font-size: 3rem;
+            margin-bottom: 1rem;
+        }
+
+        .feature-card h3 {
+            font-size: 1.25rem;
+            margin-bottom: 0.75rem;
+        }
+
+        .feature-card p {
+            color: #718096;
+        }
+
+        /* How it works */
+        .how-it-works {
+            padding: 6rem 2rem;
+            max-width: 1000px;
+            margin: 0 auto;
+        }
+
+        .steps {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+            gap: 2rem;
+            margin-top: 3rem;
+        }
+
+        .step {
+            text-align: center;
+        }
+
+        .step-number {
+            width: 60px;
+            height: 60px;
+            background: var(--gradient);
+            color: white;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 1.5rem;
+            font-weight: 700;
+            margin: 0 auto 1rem;
+        }
+
+        .step h4 {
+            margin-bottom: 0.5rem;
+        }
+
+        .step p {
+            color: #718096;
+            font-size: 0.9rem;
+        }
+
+        /* CTA */
+        .cta {
+            padding: 6rem 2rem;
+            background: var(--gradient);
+            color: white;
+            text-align: center;
+        }
+
+        .cta h2 {
+            font-size: 2.5rem;
+            margin-bottom: 1rem;
+        }
+
+        .cta p {
+            font-size: 1.1rem;
+            opacity: 0.9;
+            margin-bottom: 2rem;
+        }
+
+        /* Footer */
+        .footer {
+            background: #1a202c;
+            color: #a0aec0;
+            padding: 3rem 2rem;
+        }
+
+        .footer-inner {
+            max-width: 1200px;
+            margin: 0 auto;
+            display: flex;
+            justify-content: space-between;
+            flex-wrap: wrap;
+            gap: 2rem;
+        }
+
+        .footer-links a {
+            color: #a0aec0;
+            text-decoration: none;
+            margin-right: 1.5rem;
+        }
+
+        .footer-links a:hover {
+            color: white;
+        }
+
+        /* Responsive */
+        @media (max-width: 768px) {
+            .hero h1 { font-size: 2rem; }
+            .nav-links { display: none; }
+            .features-grid { grid-template-columns: 1fr; }
+        }
+    </style>
+</head>
+<body>
+    <!-- Header -->
+    <header class="header">
+        <div class="header-inner">
+            <a href="/" class="logo">Aurora Livecam</a>
+            <nav class="nav-links">
+                <a href="#features">Features</a>
+                <a href="/landing/pricing.php">Preise</a>
+                <a href="/dashboard/login.php">Login</a>
+                <a href="/onboarding/register.php" class="btn btn-primary btn-sm">Kostenlos starten</a>
+            </nav>
+        </div>
+    </header>
+
+    <!-- Hero -->
+    <section class="hero">
+        <h1>Ihre Webcam als Service - in 5 Minuten online</h1>
+        <p>Erstellen Sie Ihre eigene Live-Webcam-Website mit Wetter-Widget, Timelapse, Analytics und mehr. Keine Programmierkenntnisse erforderlich.</p>
+        <div class="hero-buttons">
+            <a href="/onboarding/register.php" class="btn-hero btn-hero-primary">
+                Jetzt starten
+            </a>
+            <a href="#features" class="btn-hero btn-hero-secondary">
+                Features ansehen
+            </a>
+        </div>
+        <div class="trial-badge">
+            <?php echo $trialDays; ?> Tage kostenlos testen - Keine Kreditkarte erforderlich
+        </div>
+    </section>
+
+    <!-- Features -->
+    <section class="features" id="features">
+        <div class="section-title">
+            <h2>Alles was Sie brauchen</h2>
+            <p>Professionelle Features für Ihre Live-Webcam</p>
+        </div>
+        <div class="features-grid">
+            <div class="feature-card">
+                <div class="feature-icon">📹</div>
+                <h3>Live-Streaming</h3>
+                <p>HLS, RTMP oder WebRTC - verbinden Sie jeden Stream in Sekunden. Automatische Qualitätsanpassung inklusive.</p>
+            </div>
+            <div class="feature-card">
+                <div class="feature-icon">🌤️</div>
+                <h3>Wetter-Widget</h3>
+                <p>Zeigen Sie Temperatur, Wind, Luftdruck und mehr an. Kostenlose Open-Meteo Integration ohne API-Key.</p>
+            </div>
+            <div class="feature-card">
+                <div class="feature-icon">⏱️</div>
+                <h3>Timelapse</h3>
+                <p>Automatische Zeitraffer-Erstellung. Scrubben Sie durch den ganzen Tag mit variabler Geschwindigkeit.</p>
+            </div>
+            <div class="feature-card">
+                <div class="feature-icon">🔍</div>
+                <h3>Zoom & Pan</h3>
+                <p>Lassen Sie Besucher in Ihren Stream hineinzoomen. Unterstützt Touch-Gesten und Maus-Steuerung.</p>
+            </div>
+            <div class="feature-card">
+                <div class="feature-icon">📊</div>
+                <h3>Analytics</h3>
+                <p>Sehen Sie wer Ihre Webcam besucht. Echtzeit-Zuschauerzähler und detaillierte Statistiken.</p>
+            </div>
+            <div class="feature-card">
+                <div class="feature-icon">🎨</div>
+                <h3>Custom Branding</h3>
+                <p>Ihr Logo, Ihre Farben, Ihre Domain. Machen Sie die Webcam zu Ihrer eigenen.</p>
+            </div>
+        </div>
+    </section>
+
+    <!-- How it works -->
+    <section class="how-it-works">
+        <div class="section-title">
+            <h2>So einfach geht's</h2>
+            <p>In 3 Schritten zur eigenen Livecam</p>
+        </div>
+        <div class="steps">
+            <div class="step">
+                <div class="step-number">1</div>
+                <h4>Registrieren</h4>
+                <p>Erstellen Sie in 30 Sekunden Ihr kostenloses Konto.</p>
+            </div>
+            <div class="step">
+                <div class="step-number">2</div>
+                <h4>Stream verbinden</h4>
+                <p>Fügen Sie Ihre Stream-URL ein. Wir unterstützen alle gängigen Formate.</p>
+            </div>
+            <div class="step">
+                <div class="step-number">3</div>
+                <h4>Anpassen & Teilen</h4>
+                <p>Personalisieren Sie Ihre Seite und teilen Sie den Link.</p>
+            </div>
+        </div>
+    </section>
+
+    <!-- CTA -->
+    <section class="cta">
+        <h2>Bereit loszulegen?</h2>
+        <p><?php echo $trialDays; ?> Tage kostenlos testen - keine Kreditkarte erforderlich</p>
+        <a href="/onboarding/register.php" class="btn-hero btn-hero-primary">
+            Jetzt kostenlos starten
+        </a>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="footer-inner">
+            <div>
+                © <?php echo date('Y'); ?> Aurora Livecam. Alle Rechte vorbehalten.
+            </div>
+            <div class="footer-links">
+                <a href="/terms">AGB</a>
+                <a href="/privacy">Datenschutz</a>
+                <a href="/imprint">Impressum</a>
+                <a href="mailto:support@aurora-livecam.com">Kontakt</a>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>

aurora-livecam/landing/pricing.php

@@ -0,0 +1,497 @@
+<?php
+/**
+ * Landing Page - Preise
+ */
+
+require_once dirname(__DIR__) . '/vendor/autoload.php';
+require_once dirname(__DIR__) . '/SettingsManager.php';
+
+if (file_exists(dirname(__DIR__) . '/src/bootstrap.php')) {
+    require_once dirname(__DIR__) . '/src/bootstrap.php';
+}
+
+use AuroraLivecam\Billing\SubscriptionManager;
+
+$settingsManager = new SettingsManager();
+
+// Pläne laden
+$plans = [];
+try {
+    $subscriptions = new SubscriptionManager();
+    $plans = $subscriptions->getPlans();
+} catch (\Exception $e) {
+    // Fallback-Pläne
+    $plans = [
+        ['name' => 'Free', 'slug' => 'free', 'price_monthly' => 0, 'features' => ['max_viewers' => 10, 'weather_widget' => true]],
+        ['name' => 'Basic', 'slug' => 'basic', 'price_monthly' => 19, 'features' => ['max_viewers' => 50, 'weather_widget' => true, 'timelapse' => true, 'analytics' => true]],
+        ['name' => 'Professional', 'slug' => 'professional', 'price_monthly' => 49, 'features' => ['max_viewers' => 200, 'custom_domain' => true, 'weather_widget' => true, 'timelapse' => true, 'analytics' => true, 'branding' => true]],
+        ['name' => 'Enterprise', 'slug' => 'enterprise', 'price_monthly' => 149, 'features' => ['max_viewers' => -1, 'custom_domain' => true, 'weather_widget' => true, 'timelapse' => true, 'analytics' => true, 'branding' => true, 'priority_support' => true]],
+    ];
+}
+
+$trialDays = $settingsManager->getTrialDays();
+
+// Feature-Labels
+$featureLabels = [
+    'max_viewers' => 'Gleichzeitige Zuschauer',
+    'storage_gb' => 'Speicherplatz',
+    'custom_domain' => 'Eigene Domain',
+    'weather_widget' => 'Wetter-Widget',
+    'timelapse' => 'Timelapse',
+    'analytics' => 'Analytics & Statistiken',
+    'branding' => 'Custom Branding',
+    'priority_support' => 'Priority Support',
+];
+?>
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Preise - Aurora Livecam</title>
+    <link rel="stylesheet" href="/dashboard/assets/dashboard.css">
+    <style>
+        :root {
+            --gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        }
+
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            line-height: 1.6;
+            color: #1a202c;
+            background: #f7fafc;
+        }
+
+        .header {
+            background: white;
+            border-bottom: 1px solid #e2e8f0;
+            padding: 1rem 2rem;
+        }
+
+        .header-inner {
+            max-width: 1200px;
+            margin: 0 auto;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .logo {
+            font-size: 1.5rem;
+            font-weight: 700;
+            background: var(--gradient);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            text-decoration: none;
+        }
+
+        .nav-links a {
+            color: #4a5568;
+            text-decoration: none;
+            margin-left: 1.5rem;
+        }
+
+        .page-header {
+            text-align: center;
+            padding: 4rem 2rem;
+            background: var(--gradient);
+            color: white;
+        }
+
+        .page-header h1 {
+            font-size: 2.5rem;
+            margin-bottom: 1rem;
+        }
+
+        .page-header p {
+            font-size: 1.1rem;
+            opacity: 0.9;
+        }
+
+        .pricing-toggle {
+            display: flex;
+            justify-content: center;
+            gap: 1rem;
+            margin-top: 2rem;
+            align-items: center;
+        }
+
+        .pricing-toggle span {
+            font-size: 0.9rem;
+        }
+
+        .pricing-toggle .active {
+            font-weight: 600;
+        }
+
+        .toggle-switch {
+            width: 60px;
+            height: 30px;
+            background: rgba(255,255,255,0.3);
+            border-radius: 15px;
+            position: relative;
+            cursor: pointer;
+        }
+
+        .toggle-switch::after {
+            content: '';
+            position: absolute;
+            width: 26px;
+            height: 26px;
+            background: white;
+            border-radius: 50%;
+            top: 2px;
+            left: 2px;
+            transition: 0.3s;
+        }
+
+        .toggle-switch.yearly::after {
+            left: 32px;
+        }
+
+        .save-badge {
+            background: #48bb78;
+            padding: 0.25rem 0.5rem;
+            border-radius: 0.25rem;
+            font-size: 0.75rem;
+            font-weight: 600;
+        }
+
+        .pricing-container {
+            max-width: 1200px;
+            margin: -3rem auto 4rem;
+            padding: 0 2rem;
+        }
+
+        .pricing-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+            gap: 1.5rem;
+        }
+
+        .pricing-card {
+            background: white;
+            border-radius: 1rem;
+            padding: 2rem;
+            box-shadow: 0 10px 40px rgba(0,0,0,0.1);
+            position: relative;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .pricing-card.featured {
+            border: 2px solid #667eea;
+            transform: scale(1.05);
+        }
+
+        .pricing-card.featured::before {
+            content: 'Beliebt';
+            position: absolute;
+            top: -12px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: var(--gradient);
+            color: white;
+            padding: 0.25rem 1rem;
+            border-radius: 1rem;
+            font-size: 0.75rem;
+            font-weight: 600;
+        }
+
+        .pricing-card h3 {
+            font-size: 1.25rem;
+            margin-bottom: 0.5rem;
+        }
+
+        .pricing-card .price {
+            font-size: 3rem;
+            font-weight: 800;
+            margin: 1rem 0;
+        }
+
+        .pricing-card .price span {
+            font-size: 1rem;
+            font-weight: 400;
+            color: #718096;
+        }
+
+        .pricing-card .price-yearly {
+            display: none;
+        }
+
+        .yearly-mode .price-monthly { display: none; }
+        .yearly-mode .price-yearly { display: block; }
+
+        .pricing-card ul {
+            list-style: none;
+            flex: 1;
+            margin: 1.5rem 0;
+        }
+
+        .pricing-card li {
+            padding: 0.5rem 0;
+            color: #4a5568;
+            display: flex;
+            align-items: center;
+            gap: 0.5rem;
+        }
+
+        .pricing-card li.included::before {
+            content: '✓';
+            color: #48bb78;
+            font-weight: bold;
+        }
+
+        .pricing-card li.not-included {
+            color: #a0aec0;
+            text-decoration: line-through;
+        }
+
+        .pricing-card li.not-included::before {
+            content: '✗';
+            color: #e53e3e;
+        }
+
+        .pricing-card .btn {
+            width: 100%;
+            padding: 1rem;
+            border: none;
+            border-radius: 0.5rem;
+            font-size: 1rem;
+            font-weight: 600;
+            cursor: pointer;
+            text-decoration: none;
+            text-align: center;
+            transition: all 0.2s;
+        }
+
+        .pricing-card .btn-primary {
+            background: var(--gradient);
+            color: white;
+        }
+
+        .pricing-card .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
+        }
+
+        .pricing-card .btn-secondary {
+            background: #e2e8f0;
+            color: #4a5568;
+        }
+
+        .faq {
+            max-width: 800px;
+            margin: 0 auto 4rem;
+            padding: 0 2rem;
+        }
+
+        .faq h2 {
+            text-align: center;
+            margin-bottom: 2rem;
+        }
+
+        .faq-item {
+            background: white;
+            border-radius: 0.5rem;
+            margin-bottom: 1rem;
+            overflow: hidden;
+        }
+
+        .faq-question {
+            padding: 1.25rem;
+            font-weight: 600;
+            cursor: pointer;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .faq-answer {
+            padding: 0 1.25rem 1.25rem;
+            color: #718096;
+            display: none;
+        }
+
+        .faq-item.open .faq-answer {
+            display: block;
+        }
+
+        .footer {
+            background: #1a202c;
+            color: #a0aec0;
+            padding: 2rem;
+            text-align: center;
+        }
+
+        @media (max-width: 768px) {
+            .pricing-card.featured {
+                transform: none;
+            }
+            .pricing-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+    </style>
+</head>
+<body>
+    <header class="header">
+        <div class="header-inner">
+            <a href="/landing/" class="logo">Aurora Livecam</a>
+            <nav class="nav-links">
+                <a href="/landing/">Home</a>
+                <a href="/dashboard/login.php">Login</a>
+                <a href="/onboarding/register.php" class="btn btn-primary btn-sm">Kostenlos starten</a>
+            </nav>
+        </div>
+    </header>
+
+    <section class="page-header">
+        <h1>Einfache, transparente Preise</h1>
+        <p><?php echo $trialDays; ?> Tage kostenlos testen - jederzeit kündbar</p>
+
+        <div class="pricing-toggle">
+            <span class="monthly-label active">Monatlich</span>
+            <div class="toggle-switch" id="billing-toggle"></div>
+            <span class="yearly-label">Jährlich</span>
+            <span class="save-badge">2 Monate gratis</span>
+        </div>
+    </section>
+
+    <div class="pricing-container" id="pricing-container">
+        <div class="pricing-grid">
+            <?php foreach ($plans as $index => $plan): ?>
+            <?php $isFeatured = $plan['slug'] === 'professional'; ?>
+            <div class="pricing-card <?php echo $isFeatured ? 'featured' : ''; ?>">
+                <h3><?php echo htmlspecialchars($plan['name']); ?></h3>
+
+                <div class="price price-monthly">
+                    <?php if ($plan['price_monthly'] > 0): ?>
+                    CHF <?php echo number_format($plan['price_monthly'], 0); ?><span>/Monat</span>
+                    <?php else: ?>
+                    Kostenlos
+                    <?php endif; ?>
+                </div>
+
+                <div class="price price-yearly">
+                    <?php if (isset($plan['price_yearly']) && $plan['price_yearly'] > 0): ?>
+                    CHF <?php echo number_format($plan['price_yearly'] / 12, 0); ?><span>/Monat</span>
+                    <div style="font-size: 0.875rem; color: #718096;">
+                        CHF <?php echo number_format($plan['price_yearly'], 0); ?> jährlich
+                    </div>
+                    <?php elseif ($plan['price_monthly'] > 0): ?>
+                    CHF <?php echo number_format($plan['price_monthly'] * 10 / 12, 0); ?><span>/Monat</span>
+                    <div style="font-size: 0.875rem; color: #718096;">
+                        CHF <?php echo number_format($plan['price_monthly'] * 10, 0); ?> jährlich
+                    </div>
+                    <?php else: ?>
+                    Kostenlos
+                    <?php endif; ?>
+                </div>
+
+                <ul>
+                    <?php
+                    $features = is_array($plan['features']) ? $plan['features'] : json_decode($plan['features'], true) ?? [];
+                    $allFeatures = ['max_viewers', 'weather_widget', 'timelapse', 'analytics', 'custom_domain', 'branding', 'priority_support'];
+
+                    foreach ($allFeatures as $feature):
+                        $hasFeature = !empty($features[$feature]);
+                        $value = $features[$feature] ?? null;
+                    ?>
+                    <li class="<?php echo $hasFeature ? 'included' : 'not-included'; ?>">
+                        <?php
+                        if ($feature === 'max_viewers' && $value) {
+                            echo $value === -1 ? 'Unbegrenzte Zuschauer' : "Bis $value Zuschauer";
+                        } elseif ($feature === 'storage_gb' && $value) {
+                            echo "$value GB Speicher";
+                        } else {
+                            echo $featureLabels[$feature] ?? ucfirst(str_replace('_', ' ', $feature));
+                        }
+                        ?>
+                    </li>
+                    <?php endforeach; ?>
+                </ul>
+
+                <a href="/onboarding/register.php?plan=<?php echo $plan['slug']; ?>"
+                   class="btn <?php echo $isFeatured || $plan['price_monthly'] > 0 ? 'btn-primary' : 'btn-secondary'; ?>">
+                    <?php echo $plan['price_monthly'] > 0 ? 'Jetzt starten' : 'Kostenlos starten'; ?>
+                </a>
+            </div>
+            <?php endforeach; ?>
+        </div>
+    </div>
+
+    <!-- FAQ -->
+    <section class="faq">
+        <h2>Häufige Fragen</h2>
+
+        <div class="faq-item">
+            <div class="faq-question">
+                Kann ich jederzeit wechseln oder kündigen?
+                <span>+</span>
+            </div>
+            <div class="faq-answer">
+                Ja! Sie können Ihren Plan jederzeit upgraden oder downgraden. Bei einer Kündigung bleibt Ihr Zugang bis zum Ende der Abrechnungsperiode aktiv.
+            </div>
+        </div>
+
+        <div class="faq-item">
+            <div class="faq-question">
+                Was passiert nach dem Trial?
+                <span>+</span>
+            </div>
+            <div class="faq-answer">
+                Nach Ablauf der <?php echo $trialDays; ?> Tage werden Sie automatisch auf den kostenlosen Plan umgestellt, sofern Sie kein Abo abschliessen. Keine Sorge, Ihre Daten bleiben erhalten.
+            </div>
+        </div>
+
+        <div class="faq-item">
+            <div class="faq-question">
+                Welche Zahlungsmethoden werden akzeptiert?
+                <span>+</span>
+            </div>
+            <div class="faq-answer">
+                Wir akzeptieren alle gängigen Kreditkarten (Visa, Mastercard, American Express) sowie TWINT und Banküberweisung bei Jahresabos.
+            </div>
+        </div>
+
+        <div class="faq-item">
+            <div class="faq-question">
+                Brauche ich technisches Wissen?
+                <span>+</span>
+            </div>
+            <div class="faq-answer">
+                Nein! Unser Onboarding-Wizard führt Sie Schritt für Schritt durch die Einrichtung. Sie benötigen lediglich eine Stream-URL (HLS/m3u8) von Ihrem Kamera-Anbieter.
+            </div>
+        </div>
+    </section>
+
+    <footer class="footer">
+        © <?php echo date('Y'); ?> Aurora Livecam. Alle Rechte vorbehalten.
+    </footer>
+
+    <script>
+    // Billing toggle
+    const toggle = document.getElementById('billing-toggle');
+    const container = document.getElementById('pricing-container');
+
+    toggle.addEventListener('click', () => {
+        toggle.classList.toggle('yearly');
+        container.classList.toggle('yearly-mode');
+
+        document.querySelector('.monthly-label').classList.toggle('active');
+        document.querySelector('.yearly-label').classList.toggle('active');
+    });
+
+    // FAQ accordion
+    document.querySelectorAll('.faq-question').forEach(q => {
+        q.addEventListener('click', () => {
+            q.parentElement.classList.toggle('open');
+            q.querySelector('span').textContent = q.parentElement.classList.contains('open') ? '−' : '+';
+        });
+    });
+    </script>
+</body>
+</html>

aurora-livecam/onboarding/branding.php

@@ -0,0 +1,253 @@
+<?php
+/**
+ * Onboarding - Branding (Schritt 4)
+ */
+
+require_once dirname(__DIR__) . '/vendor/autoload.php';
+require_once dirname(__DIR__) . '/SettingsManager.php';
+
+if (file_exists(dirname(__DIR__) . '/src/bootstrap.php')) {
+    require_once dirname(__DIR__) . '/src/bootstrap.php';
+}
+
+use AuroraLivecam\Auth\AuthManager;
+use AuroraLivecam\Onboarding\OnboardingManager;
+
+$settingsManager = new SettingsManager();
+$auth = new AuthManager();
+
+if (!$auth->isLoggedIn()) {
+    header('Location: /onboarding/register.php');
+    exit;
+}
+
+$user = $auth->getUser();
+$tenantId = $user['tenant_id'] ?? 0;
+
+$error = '';
+$branding = [
+    'site_name' => $user['tenant_name'] ?? '',
+    'tagline' => '',
+    'primary_color' => '#667eea',
+    'secondary_color' => '#764ba2',
+];
+
+// Formular verarbeiten
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    $branding = [
+        'site_name' => trim($_POST['site_name'] ?? ''),
+        'site_name_full' => trim($_POST['site_name'] ?? ''),
+        'tagline' => trim($_POST['tagline'] ?? ''),
+        'primary_color' => $_POST['primary_color'] ?? '#667eea',
+        'secondary_color' => $_POST['secondary_color'] ?? '#764ba2',
+    ];
+
+    try {
+        $onboarding = new OnboardingManager();
+        $result = $onboarding->saveBranding($tenantId, $branding);
+
+        if ($result['success']) {
+            header('Location: /onboarding/complete.php');
+            exit;
+        } else {
+            $error = $result['error'] ?? 'Fehler beim Speichern';
+        }
+    } catch (\Exception $e) {
+        $error = 'Fehler: ' . $e->getMessage();
+    }
+}
+
+// Skip
+if (isset($_GET['skip'])) {
+    header('Location: /onboarding/complete.php');
+    exit;
+}
+?>
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Branding - Aurora Livecam</title>
+    <link rel="stylesheet" href="/dashboard/assets/dashboard.css">
+    <style>
+        .onboarding-container {
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
+            padding: 2rem;
+        }
+        .onboarding-box {
+            background: var(--white);
+            padding: 2.5rem;
+            border-radius: 1rem;
+            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+            width: 100%;
+            max-width: 600px;
+        }
+        .progress-steps {
+            display: flex;
+            justify-content: center;
+            gap: 0.5rem;
+            margin-bottom: 1.5rem;
+        }
+        .step {
+            width: 12px;
+            height: 12px;
+            border-radius: 50%;
+            background: var(--gray-300);
+        }
+        .step.active { background: var(--primary); }
+        .step.completed { background: var(--success); }
+        .onboarding-header {
+            text-align: center;
+            margin-bottom: 2rem;
+        }
+        .onboarding-header h1 {
+            font-size: 1.5rem;
+            margin-bottom: 0.5rem;
+        }
+        .color-row {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 1rem;
+        }
+        .preview-card {
+            margin-top: 1.5rem;
+            border-radius: 0.75rem;
+            overflow: hidden;
+            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+        }
+        .preview-header {
+            padding: 1.5rem;
+            color: white;
+            text-align: center;
+        }
+        .preview-header h3 {
+            margin: 0;
+            font-size: 1.25rem;
+        }
+        .preview-header p {
+            margin: 0.5rem 0 0 0;
+            opacity: 0.9;
+            font-size: 0.875rem;
+        }
+        .preview-body {
+            padding: 1rem;
+            background: var(--gray-100);
+            text-align: center;
+            font-size: 0.875rem;
+            color: var(--gray-500);
+        }
+        .skip-link {
+            display: block;
+            text-align: center;
+            margin-top: 1.5rem;
+            color: var(--gray-500);
+            font-size: 0.875rem;
+        }
+    </style>
+</head>
+<body>
+    <div class="onboarding-container">
+        <div class="onboarding-box">
+            <div class="progress-steps">
+                <div class="step completed"></div>
+                <div class="step completed"></div>
+                <div class="step completed"></div>
+                <div class="step active"></div>
+            </div>
+
+            <div class="onboarding-header">
+                <h1>🎨 Branding</h1>
+                <p style="color: var(--gray-500);">Personalisieren Sie Ihre Livecam</p>
+            </div>
+
+            <?php if ($error): ?>
+            <div class="alert alert-error"><?php echo htmlspecialchars($error); ?></div>
+            <?php endif; ?>
+
+            <form method="POST" action="">
+                <div class="form-group">
+                    <label class="form-label" for="site_name">Name Ihrer Livecam</label>
+                    <input type="text" id="site_name" name="site_name" class="form-input"
+                           value="<?php echo htmlspecialchars($branding['site_name']); ?>"
+                           placeholder="z.B. Berghütte Webcam">
+                </div>
+
+                <div class="form-group">
+                    <label class="form-label" for="tagline">Slogan / Beschreibung</label>
+                    <input type="text" id="tagline" name="tagline" class="form-input"
+                           value="<?php echo htmlspecialchars($branding['tagline']); ?>"
+                           placeholder="z.B. Live aus den Schweizer Alpen">
+                </div>
+
+                <div class="color-row">
+                    <div class="form-group">
+                        <label class="form-label">Primärfarbe</label>
+                        <div class="color-picker-wrapper">
+                            <input type="color" name="primary_color" id="primary_color" class="color-picker"
+                                   value="<?php echo htmlspecialchars($branding['primary_color']); ?>">
+                            <span class="color-value"><?php echo htmlspecialchars($branding['primary_color']); ?></span>
+                        </div>
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label">Sekundärfarbe</label>
+                        <div class="color-picker-wrapper">
+                            <input type="color" name="secondary_color" id="secondary_color" class="color-picker"
+                                   value="<?php echo htmlspecialchars($branding['secondary_color']); ?>">
+                            <span class="color-value"><?php echo htmlspecialchars($branding['secondary_color']); ?></span>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Live Preview -->
+                <div class="preview-card">
+                    <div class="preview-header" id="preview-header" style="background: linear-gradient(135deg, <?php echo htmlspecialchars($branding['primary_color']); ?> 0%, <?php echo htmlspecialchars($branding['secondary_color']); ?> 100%);">
+                        <h3 id="preview-name"><?php echo htmlspecialchars($branding['site_name'] ?: 'Ihre Livecam'); ?></h3>
+                        <p id="preview-tagline"><?php echo htmlspecialchars($branding['tagline'] ?: 'Ihr Slogan hier'); ?></p>
+                    </div>
+                    <div class="preview-body">
+                        Live-Vorschau
+                    </div>
+                </div>
+
+                <button type="submit" class="btn btn-primary" style="width: 100%; margin-top: 1.5rem;">
+                    Speichern & abschliessen
+                </button>
+            </form>
+
+            <a href="?skip=1" class="skip-link">
+                Später anpassen →
+            </a>
+        </div>
+    </div>
+
+    <script>
+    // Live preview updates
+    document.getElementById('site_name').addEventListener('input', (e) => {
+        document.getElementById('preview-name').textContent = e.target.value || 'Ihre Livecam';
+    });
+
+    document.getElementById('tagline').addEventListener('input', (e) => {
+        document.getElementById('preview-tagline').textContent = e.target.value || 'Ihr Slogan hier';
+    });
+
+    document.getElementById('primary_color').addEventListener('input', updateColors);
+    document.getElementById('secondary_color').addEventListener('input', updateColors);
+
+    function updateColors() {
+        const primary = document.getElementById('primary_color').value;
+        const secondary = document.getElementById('secondary_color').value;
+        document.getElementById('preview-header').style.background =
+            `linear-gradient(135deg, ${primary} 0%, ${secondary} 100%)`;
+
+        document.querySelectorAll('.color-value')[0].textContent = primary;
+        document.querySelectorAll('.color-value')[1].textContent = secondary;
+    }
+    </script>
+</body>
+</html>

aurora-livecam/onboarding/complete.php

@@ -0,0 +1,237 @@
+<?php
+/**
+ * Onboarding - Abgeschlossen
+ */
+
+require_once dirname(__DIR__) . '/vendor/autoload.php';
+require_once dirname(__DIR__) . '/SettingsManager.php';
+
+if (file_exists(dirname(__DIR__) . '/src/bootstrap.php')) {
+    require_once dirname(__DIR__) . '/src/bootstrap.php';
+}
+
+use AuroraLivecam\Auth\AuthManager;
+use AuroraLivecam\Onboarding\OnboardingManager;
+use AuroraLivecam\Core\Database;
+
+$settingsManager = new SettingsManager();
+$auth = new AuthManager();
+
+if (!$auth->isLoggedIn()) {
+    header('Location: /onboarding/register.php');
+    exit;
+}
+
+$user = $auth->getUser();
+$tenantId = $user['tenant_id'] ?? 0;
+
+// Onboarding abschliessen
+try {
+    $onboarding = new OnboardingManager();
+    $onboarding->complete($tenantId);
+} catch (\Exception $e) {
+    // Ignorieren wenn DB nicht verfügbar
+}
+
+// Tenant-Info laden
+$tenantSlug = 'demo';
+$subdomain = '';
+
+try {
+    $db = Database::getInstance();
+    $tenant = $db->fetchOne("SELECT slug FROM tenants WHERE id = ?", [$tenantId]);
+    if ($tenant) {
+        $tenantSlug = $tenant['slug'];
+        $subdomain = $tenantSlug . '.aurora-livecam.com';
+    }
+} catch (\Exception $e) {
+    // Fallback
+}
+?>
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Fertig! - Aurora Livecam</title>
+    <link rel="stylesheet" href="/dashboard/assets/dashboard.css">
+    <style>
+        .complete-container {
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
+            padding: 2rem;
+        }
+        .complete-box {
+            background: var(--white);
+            padding: 3rem;
+            border-radius: 1rem;
+            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+            width: 100%;
+            max-width: 600px;
+            text-align: center;
+        }
+        .complete-icon {
+            font-size: 5rem;
+            margin-bottom: 1.5rem;
+            animation: bounce 0.5s ease;
+        }
+        @keyframes bounce {
+            0%, 100% { transform: translateY(0); }
+            50% { transform: translateY(-10px); }
+        }
+        .complete-box h1 {
+            font-size: 2rem;
+            margin-bottom: 1rem;
+            color: var(--success);
+        }
+        .complete-box p {
+            color: var(--gray-600);
+            margin-bottom: 2rem;
+            font-size: 1.1rem;
+        }
+        .url-box {
+            background: var(--gray-100);
+            border-radius: 0.5rem;
+            padding: 1rem;
+            margin-bottom: 2rem;
+        }
+        .url-box label {
+            display: block;
+            font-size: 0.875rem;
+            color: var(--gray-500);
+            margin-bottom: 0.5rem;
+        }
+        .url-box .url {
+            font-family: monospace;
+            font-size: 1rem;
+            color: var(--primary);
+            word-break: break-all;
+        }
+        .action-buttons {
+            display: flex;
+            gap: 1rem;
+            justify-content: center;
+            flex-wrap: wrap;
+        }
+        .next-steps {
+            margin-top: 2.5rem;
+            text-align: left;
+            background: var(--gray-50);
+            border-radius: 0.5rem;
+            padding: 1.5rem;
+        }
+        .next-steps h3 {
+            font-size: 1rem;
+            margin-bottom: 1rem;
+            color: var(--gray-700);
+        }
+        .next-steps ul {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+        .next-steps li {
+            padding: 0.5rem 0;
+            padding-left: 1.5rem;
+            position: relative;
+            color: var(--gray-600);
+        }
+        .next-steps li::before {
+            content: '→';
+            position: absolute;
+            left: 0;
+            color: var(--primary);
+        }
+        .confetti {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            pointer-events: none;
+            overflow: hidden;
+            z-index: 1000;
+        }
+        .confetti-piece {
+            position: absolute;
+            width: 10px;
+            height: 10px;
+            background: var(--primary);
+            animation: confetti-fall 3s ease-out forwards;
+        }
+        @keyframes confetti-fall {
+            0% { transform: translateY(-100px) rotate(0deg); opacity: 1; }
+            100% { transform: translateY(100vh) rotate(720deg); opacity: 0; }
+        }
+    </style>
+</head>
+<body>
+    <div class="confetti" id="confetti"></div>
+
+    <div class="complete-container">
+        <div class="complete-box">
+            <div class="complete-icon">🎉</div>
+            <h1>Herzlichen Glückwunsch!</h1>
+            <p>Ihre Livecam ist jetzt eingerichtet und bereit.</p>
+
+            <?php if ($subdomain): ?>
+            <div class="url-box">
+                <label>Ihre Livecam-Adresse:</label>
+                <div class="url">https://<?php echo htmlspecialchars($subdomain); ?></div>
+            </div>
+            <?php endif; ?>
+
+            <div class="action-buttons">
+                <a href="/dashboard/" class="btn btn-primary">
+                    Zum Dashboard
+                </a>
+                <a href="/" class="btn btn-secondary" target="_blank">
+                    Livecam ansehen
+                </a>
+            </div>
+
+            <div class="next-steps">
+                <h3>Nächste Schritte</h3>
+                <ul>
+                    <li>Stream-URL im Dashboard anpassen (falls noch nicht geschehen)</li>
+                    <li>Logo und Farben im Branding-Bereich hochladen</li>
+                    <li>Wetter-Widget konfigurieren</li>
+                    <li>Eigene Domain verbinden (optional)</li>
+                    <?php if ($settingsManager->isBillingEnabled()): ?>
+                    <li>Abo auswählen für mehr Funktionen</li>
+                    <?php endif; ?>
+                </ul>
+            </div>
+        </div>
+    </div>
+
+    <script>
+    // Confetti Animation
+    function createConfetti() {
+        const container = document.getElementById('confetti');
+        const colors = ['#667eea', '#764ba2', '#f093fb', '#48bb78', '#ed8936'];
+
+        for (let i = 0; i < 50; i++) {
+            const piece = document.createElement('div');
+            piece.className = 'confetti-piece';
+            piece.style.left = Math.random() * 100 + '%';
+            piece.style.background = colors[Math.floor(Math.random() * colors.length)];
+            piece.style.animationDelay = Math.random() * 2 + 's';
+            piece.style.width = (Math.random() * 10 + 5) + 'px';
+            piece.style.height = piece.style.width;
+            container.appendChild(piece);
+        }
+
+        // Cleanup after animation
+        setTimeout(() => {
+            container.innerHTML = '';
+        }, 5000);
+    }
+
+    createConfetti();
+    </script>
+</body>
+</html>

aurora-livecam/onboarding/register.php

@@ -0,0 +1,265 @@
+<?php
+/**
+ * Onboarding - Registrierung
+ */
+
+require_once dirname(__DIR__) . '/vendor/autoload.php';
+require_once dirname(__DIR__) . '/SettingsManager.php';
+
+if (file_exists(dirname(__DIR__) . '/src/bootstrap.php')) {
+    require_once dirname(__DIR__) . '/src/bootstrap.php';
+}
+
+use AuroraLivecam\Onboarding\OnboardingManager;
+use AuroraLivecam\Auth\AuthManager;
+
+$settingsManager = new SettingsManager();
+
+// Prüfe ob Self-Registration aktiviert ist
+if (!$settingsManager->isSelfRegistrationEnabled()) {
+    header('Location: /');
+    exit;
+}
+
+$auth = new AuthManager();
+
+// Bereits eingeloggt?
+if ($auth->isLoggedIn()) {
+    header('Location: /dashboard/');
+    exit;
+}
+
+$errors = [];
+$formData = [];
+$success = false;
+
+// Formular verarbeiten
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    $formData = [
+        'name' => trim($_POST['name'] ?? ''),
+        'company_name' => trim($_POST['company_name'] ?? ''),
+        'email' => trim($_POST['email'] ?? ''),
+        'password' => $_POST['password'] ?? '',
+        'password_confirm' => $_POST['password_confirm'] ?? '',
+        'stream_url' => trim($_POST['stream_url'] ?? ''),
+        'accept_terms' => isset($_POST['accept_terms']),
+    ];
+
+    try {
+        $onboarding = new OnboardingManager();
+        $result = $onboarding->register($formData);
+
+        if ($result['success']) {
+            // Session starten und User einloggen
+            $auth->login($formData['email'], $formData['password']);
+
+            // Zur nächsten Seite weiterleiten
+            if ($onboarding->requiresEmailVerification()) {
+                // Token für Demo-Zwecke in Session speichern
+                $_SESSION['verification_token'] = $result['verification_token'];
+                header('Location: /onboarding/verify.php');
+            } else {
+                header('Location: /onboarding/stream.php');
+            }
+            exit;
+        } else {
+            $errors = $result['errors'];
+        }
+    } catch (\Exception $e) {
+        $errors['general'] = 'Registrierung fehlgeschlagen: ' . $e->getMessage();
+    }
+}
+
+$trialDays = $settingsManager->getTrialDays();
+?>
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Registrierung - Aurora Livecam</title>
+    <link rel="stylesheet" href="/dashboard/assets/dashboard.css">
+    <style>
+        .register-container {
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
+            padding: 2rem;
+        }
+        .register-box {
+            background: var(--white);
+            padding: 2.5rem;
+            border-radius: 1rem;
+            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+            width: 100%;
+            max-width: 500px;
+        }
+        .register-header {
+            text-align: center;
+            margin-bottom: 2rem;
+        }
+        .register-header h1 {
+            font-size: 1.75rem;
+            margin-bottom: 0.5rem;
+        }
+        .register-header p {
+            color: var(--gray-500);
+        }
+        .trial-badge {
+            display: inline-block;
+            background: linear-gradient(135deg, var(--success) 0%, #38a169 100%);
+            color: white;
+            padding: 0.25rem 0.75rem;
+            border-radius: 9999px;
+            font-size: 0.875rem;
+            margin-top: 0.5rem;
+        }
+        .form-row {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 1rem;
+        }
+        .error-text {
+            color: var(--danger);
+            font-size: 0.875rem;
+            margin-top: 0.25rem;
+        }
+        .input-error {
+            border-color: var(--danger) !important;
+        }
+        .terms-text {
+            font-size: 0.875rem;
+            color: var(--gray-600);
+        }
+        .terms-text a {
+            color: var(--primary);
+        }
+        .divider {
+            display: flex;
+            align-items: center;
+            margin: 1.5rem 0;
+            color: var(--gray-400);
+        }
+        .divider::before,
+        .divider::after {
+            content: '';
+            flex: 1;
+            height: 1px;
+            background: var(--gray-300);
+        }
+        .divider span {
+            padding: 0 1rem;
+            font-size: 0.875rem;
+        }
+        @media (max-width: 500px) {
+            .form-row {
+                grid-template-columns: 1fr;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="register-container">
+        <div class="register-box">
+            <div class="register-header">
+                <h1>Jetzt starten</h1>
+                <p>Erstellen Sie Ihre eigene Live-Webcam</p>
+                <span class="trial-badge"><?php echo $trialDays; ?> Tage kostenlos testen</span>
+            </div>
+
+            <?php if (!empty($errors['general'])): ?>
+            <div class="alert alert-error"><?php echo htmlspecialchars($errors['general']); ?></div>
+            <?php endif; ?>
+
+            <form method="POST" action="" novalidate>
+                <div class="form-row">
+                    <div class="form-group">
+                        <label class="form-label" for="name">Ihr Name *</label>
+                        <input type="text" id="name" name="name" class="form-input <?php echo isset($errors['name']) ? 'input-error' : ''; ?>"
+                               value="<?php echo htmlspecialchars($formData['name'] ?? ''); ?>" required>
+                        <?php if (isset($errors['name'])): ?>
+                        <p class="error-text"><?php echo htmlspecialchars($errors['name']); ?></p>
+                        <?php endif; ?>
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label" for="company_name">Webcam / Firma *</label>
+                        <input type="text" id="company_name" name="company_name" class="form-input <?php echo isset($errors['company_name']) ? 'input-error' : ''; ?>"
+                               value="<?php echo htmlspecialchars($formData['company_name'] ?? ''); ?>"
+                               placeholder="z.B. Berghütte Webcam" required>
+                        <?php if (isset($errors['company_name'])): ?>
+                        <p class="error-text"><?php echo htmlspecialchars($errors['company_name']); ?></p>
+                        <?php endif; ?>
+                    </div>
+                </div>
+
+                <div class="form-group">
+                    <label class="form-label" for="email">E-Mail-Adresse *</label>
+                    <input type="email" id="email" name="email" class="form-input <?php echo isset($errors['email']) ? 'input-error' : ''; ?>"
+                           value="<?php echo htmlspecialchars($formData['email'] ?? ''); ?>" required>
+                    <?php if (isset($errors['email'])): ?>
+                    <p class="error-text"><?php echo htmlspecialchars($errors['email']); ?></p>
+                    <?php endif; ?>
+                </div>
+
+                <div class="form-row">
+                    <div class="form-group">
+                        <label class="form-label" for="password">Passwort *</label>
+                        <input type="password" id="password" name="password" class="form-input <?php echo isset($errors['password']) ? 'input-error' : ''; ?>"
+                               minlength="8" required>
+                        <?php if (isset($errors['password'])): ?>
+                        <p class="error-text"><?php echo htmlspecialchars($errors['password']); ?></p>
+                        <?php endif; ?>
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label" for="password_confirm">Passwort bestätigen *</label>
+                        <input type="password" id="password_confirm" name="password_confirm" class="form-input <?php echo isset($errors['password_confirm']) ? 'input-error' : ''; ?>"
+                               required>
+                        <?php if (isset($errors['password_confirm'])): ?>
+                        <p class="error-text"><?php echo htmlspecialchars($errors['password_confirm']); ?></p>
+                        <?php endif; ?>
+                    </div>
+                </div>
+
+                <div class="divider"><span>Optional</span></div>
+
+                <div class="form-group">
+                    <label class="form-label" for="stream_url">Stream-URL</label>
+                    <input type="url" id="stream_url" name="stream_url" class="form-input <?php echo isset($errors['stream_url']) ? 'input-error' : ''; ?>"
+                           value="<?php echo htmlspecialchars($formData['stream_url'] ?? ''); ?>"
+                           placeholder="https://example.com/stream.m3u8">
+                    <p class="form-help">Sie können die Stream-URL auch später im Dashboard hinzufügen</p>
+                    <?php if (isset($errors['stream_url'])): ?>
+                    <p class="error-text"><?php echo htmlspecialchars($errors['stream_url']); ?></p>
+                    <?php endif; ?>
+                </div>
+
+                <div class="form-group">
+                    <label class="toggle-wrapper">
+                        <input type="checkbox" name="accept_terms" <?php echo !empty($formData['accept_terms']) ? 'checked' : ''; ?> required>
+                        <span class="terms-text">
+                            Ich akzeptiere die <a href="/terms" target="_blank">AGB</a> und
+                            <a href="/privacy" target="_blank">Datenschutzerklärung</a> *
+                        </span>
+                    </label>
+                    <?php if (isset($errors['accept_terms'])): ?>
+                    <p class="error-text"><?php echo htmlspecialchars($errors['accept_terms']); ?></p>
+                    <?php endif; ?>
+                </div>
+
+                <button type="submit" class="btn btn-primary" style="width: 100%; margin-top: 1rem;">
+                    Kostenlos registrieren
+                </button>
+            </form>
+
+            <p style="text-align: center; margin-top: 1.5rem; color: var(--gray-500);">
+                Bereits registriert?
+                <a href="/dashboard/login.php" style="color: var(--primary);">Anmelden</a>
+            </p>
+        </div>
+    </div>
+</body>
+</html>

aurora-livecam/onboarding/stream.php

@@ -0,0 +1,265 @@
+<?php
+/**
+ * Onboarding - Stream Konfiguration (Schritt 3)
+ */
+
+require_once dirname(__DIR__) . '/vendor/autoload.php';
+require_once dirname(__DIR__) . '/SettingsManager.php';
+
+if (file_exists(dirname(__DIR__) . '/src/bootstrap.php')) {
+    require_once dirname(__DIR__) . '/src/bootstrap.php';
+}
+
+use AuroraLivecam\Auth\AuthManager;
+use AuroraLivecam\Onboarding\OnboardingManager;
+use AuroraLivecam\Onboarding\StreamValidator;
+
+$settingsManager = new SettingsManager();
+$auth = new AuthManager();
+
+// Login prüfen
+if (!$auth->isLoggedIn()) {
+    header('Location: /onboarding/register.php');
+    exit;
+}
+
+$user = $auth->getUser();
+$tenantId = $user['tenant_id'] ?? 0;
+
+$error = '';
+$streamUrl = '';
+$streamType = 'hls';
+$validationResult = null;
+
+// Formular verarbeiten
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    $streamUrl = trim($_POST['stream_url'] ?? '');
+    $streamType = $_POST['stream_type'] ?? 'hls';
+
+    if (empty($streamUrl)) {
+        $error = 'Bitte geben Sie eine Stream-URL ein';
+    } else {
+        try {
+            // Stream validieren
+            $validator = new StreamValidator();
+            $validationResult = $validator->validate($streamUrl);
+
+            if ($validationResult['valid']) {
+                // Speichern
+                $onboarding = new OnboardingManager();
+                $result = $onboarding->saveStream($tenantId, $streamUrl, $streamType);
+
+                if ($result['success']) {
+                    header('Location: /onboarding/branding.php');
+                    exit;
+                } else {
+                    $error = $result['error'];
+                }
+            } else {
+                $error = $validationResult['error'] ?? 'Stream-URL konnte nicht validiert werden';
+            }
+        } catch (\Exception $e) {
+            $error = 'Fehler: ' . $e->getMessage();
+        }
+    }
+}
+
+// Skip erlauben
+if (isset($_GET['skip'])) {
+    header('Location: /onboarding/branding.php');
+    exit;
+}
+?>
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Stream einrichten - Aurora Livecam</title>
+    <link rel="stylesheet" href="/dashboard/assets/dashboard.css">
+    <style>
+        .onboarding-container {
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
+            padding: 2rem;
+        }
+        .onboarding-box {
+            background: var(--white);
+            padding: 2.5rem;
+            border-radius: 1rem;
+            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+            width: 100%;
+            max-width: 600px;
+        }
+        .onboarding-header {
+            text-align: center;
+            margin-bottom: 2rem;
+        }
+        .onboarding-header h1 {
+            font-size: 1.5rem;
+            margin-bottom: 0.5rem;
+        }
+        .progress-steps {
+            display: flex;
+            justify-content: center;
+            gap: 0.5rem;
+            margin-bottom: 1.5rem;
+        }
+        .step {
+            width: 12px;
+            height: 12px;
+            border-radius: 50%;
+            background: var(--gray-300);
+        }
+        .step.active { background: var(--primary); }
+        .step.completed { background: var(--success); }
+        .validation-result {
+            margin-top: 1rem;
+            padding: 1rem;
+            border-radius: 0.5rem;
+        }
+        .validation-success {
+            background: #c6f6d5;
+            border: 1px solid #9ae6b4;
+        }
+        .validation-error {
+            background: #fed7d7;
+            border: 1px solid #feb2b2;
+        }
+        .validation-details {
+            font-size: 0.875rem;
+            margin-top: 0.5rem;
+            color: var(--gray-600);
+        }
+        .stream-types {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: 1rem;
+            margin-bottom: 1.5rem;
+        }
+        .stream-type-card {
+            border: 2px solid var(--gray-200);
+            border-radius: 0.5rem;
+            padding: 1rem;
+            cursor: pointer;
+            transition: all 0.2s;
+        }
+        .stream-type-card:hover {
+            border-color: var(--primary);
+        }
+        .stream-type-card.selected {
+            border-color: var(--primary);
+            background: rgba(102, 126, 234, 0.05);
+        }
+        .stream-type-card input {
+            display: none;
+        }
+        .stream-type-card h4 {
+            margin: 0 0 0.25rem 0;
+            font-size: 1rem;
+        }
+        .stream-type-card p {
+            margin: 0;
+            font-size: 0.75rem;
+            color: var(--gray-500);
+        }
+        .skip-link {
+            display: block;
+            text-align: center;
+            margin-top: 1.5rem;
+            color: var(--gray-500);
+            font-size: 0.875rem;
+        }
+    </style>
+</head>
+<body>
+    <div class="onboarding-container">
+        <div class="onboarding-box">
+            <div class="progress-steps">
+                <div class="step completed"></div>
+                <div class="step completed"></div>
+                <div class="step active"></div>
+                <div class="step"></div>
+            </div>
+
+            <div class="onboarding-header">
+                <h1>📹 Stream einrichten</h1>
+                <p style="color: var(--gray-500);">Verbinden Sie Ihre Webcam oder Ihren Stream</p>
+            </div>
+
+            <?php if ($error): ?>
+            <div class="alert alert-error"><?php echo htmlspecialchars($error); ?></div>
+            <?php endif; ?>
+
+            <form method="POST" action="" id="stream-form">
+                <div class="form-group">
+                    <label class="form-label">Stream-Typ wählen</label>
+                    <div class="stream-types">
+                        <label class="stream-type-card <?php echo $streamType === 'hls' ? 'selected' : ''; ?>">
+                            <input type="radio" name="stream_type" value="hls" <?php echo $streamType === 'hls' ? 'checked' : ''; ?>>
+                            <h4>🎬 HLS Stream</h4>
+                            <p>.m3u8 Playlist (empfohlen)</p>
+                        </label>
+                        <label class="stream-type-card <?php echo $streamType === 'rtmp' ? 'selected' : ''; ?>">
+                            <input type="radio" name="stream_type" value="rtmp" <?php echo $streamType === 'rtmp' ? 'checked' : ''; ?>>
+                            <h4>📡 RTMP</h4>
+                            <p>Real-Time Messaging Protocol</p>
+                        </label>
+                        <label class="stream-type-card <?php echo $streamType === 'iframe' ? 'selected' : ''; ?>">
+                            <input type="radio" name="stream_type" value="iframe" <?php echo $streamType === 'iframe' ? 'checked' : ''; ?>>
+                            <h4>🖼️ Embed</h4>
+                            <p>YouTube, Vimeo, Twitch</p>
+                        </label>
+                        <label class="stream-type-card <?php echo $streamType === 'webrtc' ? 'selected' : ''; ?>">
+                            <input type="radio" name="stream_type" value="webrtc" <?php echo $streamType === 'webrtc' ? 'checked' : ''; ?>>
+                            <h4>⚡ WebRTC</h4>
+                            <p>Ultra-niedrige Latenz</p>
+                        </label>
+                    </div>
+                </div>
+
+                <div class="form-group">
+                    <label class="form-label" for="stream_url">Stream-URL</label>
+                    <input type="url" id="stream_url" name="stream_url" class="form-input"
+                           value="<?php echo htmlspecialchars($streamUrl); ?>"
+                           placeholder="https://example.com/stream.m3u8" required>
+                    <p class="form-help">Die vollständige URL zu Ihrem Stream</p>
+                </div>
+
+                <?php if ($validationResult): ?>
+                <div class="validation-result <?php echo $validationResult['valid'] ? 'validation-success' : 'validation-error'; ?>">
+                    <strong><?php echo $validationResult['valid'] ? '✓ Stream erreichbar' : '✗ Stream nicht erreichbar'; ?></strong>
+                    <?php if (!empty($validationResult['details'])): ?>
+                    <div class="validation-details">
+                        <?php if (isset($validationResult['details']['detected_type'])): ?>
+                        Erkannter Typ: <?php echo htmlspecialchars($validationResult['details']['detected_type']); ?>
+                        <?php endif; ?>
+                    </div>
+                    <?php endif; ?>
+                </div>
+                <?php endif; ?>
+
+                <button type="submit" class="btn btn-primary" style="width: 100%; margin-top: 1.5rem;">
+                    Stream testen & weiter
+                </button>
+            </form>
+
+            <a href="?skip=1" class="skip-link">
+                Später einrichten →
+            </a>
+        </div>
+    </div>
+
+    <script>
+    document.querySelectorAll('.stream-type-card').forEach(card => {
+        card.addEventListener('click', () => {
+            document.querySelectorAll('.stream-type-card').forEach(c => c.classList.remove('selected'));
+            card.classList.add('selected');
+        });
+    });
+    </script>
+</body>
+</html>

aurora-livecam/onboarding/verify.php

@@ -0,0 +1,214 @@
+<?php
+/**
+ * Onboarding - E-Mail Verifizierung
+ */
+
+require_once dirname(__DIR__) . '/vendor/autoload.php';
+require_once dirname(__DIR__) . '/SettingsManager.php';
+
+if (file_exists(dirname(__DIR__) . '/src/bootstrap.php')) {
+    require_once dirname(__DIR__) . '/src/bootstrap.php';
+}
+
+use AuroraLivecam\Auth\AuthManager;
+use AuroraLivecam\Onboarding\OnboardingManager;
+
+$settingsManager = new SettingsManager();
+$auth = new AuthManager();
+
+// Login prüfen
+if (!$auth->isLoggedIn()) {
+    header('Location: /onboarding/register.php');
+    exit;
+}
+
+$user = $auth->getUser();
+$message = '';
+$error = '';
+$verified = false;
+
+// Token aus URL verarbeiten
+if (isset($_GET['token'])) {
+    try {
+        $onboarding = new OnboardingManager();
+        $result = $onboarding->verifyEmail($_GET['token']);
+
+        if ($result['success']) {
+            $verified = true;
+            $message = 'E-Mail erfolgreich verifiziert!';
+        } else {
+            $error = $result['error'];
+        }
+    } catch (\Exception $e) {
+        $error = 'Verifikation fehlgeschlagen';
+    }
+}
+
+// E-Mail erneut senden
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['resend'])) {
+    try {
+        $onboarding = new OnboardingManager();
+        $result = $onboarding->resendVerification($user['id']);
+
+        if ($result['success']) {
+            $_SESSION['verification_token'] = $result['token'];
+            $message = 'Verifikations-E-Mail wurde erneut gesendet!';
+        } else {
+            $error = $result['error'];
+        }
+    } catch (\Exception $e) {
+        $error = 'Fehler beim Senden';
+    }
+}
+
+// Demo: Token anzeigen (in Produktion würde eine E-Mail gesendet)
+$demoToken = $_SESSION['verification_token'] ?? null;
+?>
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>E-Mail verifizieren - Aurora Livecam</title>
+    <link rel="stylesheet" href="/dashboard/assets/dashboard.css">
+    <style>
+        .verify-container {
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
+            padding: 2rem;
+        }
+        .verify-box {
+            background: var(--white);
+            padding: 2.5rem;
+            border-radius: 1rem;
+            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+            width: 100%;
+            max-width: 500px;
+            text-align: center;
+        }
+        .verify-icon {
+            font-size: 4rem;
+            margin-bottom: 1rem;
+        }
+        .verify-box h1 {
+            font-size: 1.5rem;
+            margin-bottom: 1rem;
+        }
+        .verify-box p {
+            color: var(--gray-600);
+            margin-bottom: 1.5rem;
+        }
+        .email-highlight {
+            font-weight: 600;
+            color: var(--gray-800);
+        }
+        .demo-box {
+            background: var(--gray-100);
+            border: 1px dashed var(--gray-300);
+            border-radius: 0.5rem;
+            padding: 1rem;
+            margin: 1.5rem 0;
+            text-align: left;
+        }
+        .demo-box h4 {
+            font-size: 0.875rem;
+            color: var(--warning);
+            margin-bottom: 0.5rem;
+        }
+        .demo-link {
+            word-break: break-all;
+            font-family: monospace;
+            font-size: 0.75rem;
+            background: white;
+            padding: 0.5rem;
+            border-radius: 0.25rem;
+            display: block;
+            margin-top: 0.5rem;
+        }
+        .progress-steps {
+            display: flex;
+            justify-content: center;
+            gap: 0.5rem;
+            margin-bottom: 2rem;
+        }
+        .step {
+            width: 12px;
+            height: 12px;
+            border-radius: 50%;
+            background: var(--gray-300);
+        }
+        .step.active {
+            background: var(--primary);
+        }
+        .step.completed {
+            background: var(--success);
+        }
+    </style>
+</head>
+<body>
+    <div class="verify-container">
+        <div class="verify-box">
+            <div class="progress-steps">
+                <div class="step completed"></div>
+                <div class="step active"></div>
+                <div class="step"></div>
+                <div class="step"></div>
+            </div>
+
+            <?php if ($verified): ?>
+            <div class="verify-icon">✅</div>
+            <h1>E-Mail verifiziert!</h1>
+            <p>Ihre E-Mail-Adresse wurde erfolgreich bestätigt.</p>
+            <a href="/onboarding/stream.php" class="btn btn-primary" style="width: 100%;">
+                Weiter zur Stream-Konfiguration
+            </a>
+            <?php else: ?>
+            <div class="verify-icon">📧</div>
+            <h1>E-Mail bestätigen</h1>
+            <p>
+                Wir haben eine Bestätigungs-E-Mail an<br>
+                <span class="email-highlight"><?php echo htmlspecialchars($user['email'] ?? ''); ?></span><br>
+                gesendet.
+            </p>
+
+            <?php if ($message): ?>
+            <div class="alert alert-success"><?php echo htmlspecialchars($message); ?></div>
+            <?php endif; ?>
+
+            <?php if ($error): ?>
+            <div class="alert alert-error"><?php echo htmlspecialchars($error); ?></div>
+            <?php endif; ?>
+
+            <?php if ($demoToken): ?>
+            <div class="demo-box">
+                <h4>⚠️ Demo-Modus</h4>
+                <p style="font-size: 0.875rem; margin: 0;">In der Produktion würde eine E-Mail gesendet. Für Demo-Zwecke:</p>
+                <a href="/onboarding/verify.php?token=<?php echo urlencode($demoToken); ?>" class="demo-link">
+                    Klicken Sie hier um zu verifizieren
+                </a>
+            </div>
+            <?php endif; ?>
+
+            <p style="margin-top: 1.5rem; color: var(--gray-500); font-size: 0.875rem;">
+                Keine E-Mail erhalten?
+            </p>
+
+            <form method="POST" action="" style="display: inline;">
+                <button type="submit" name="resend" class="btn btn-secondary">
+                    Erneut senden
+                </button>
+            </form>
+            <?php endif; ?>
+
+            <p style="margin-top: 2rem;">
+                <a href="/dashboard/logout.php" style="color: var(--gray-500); font-size: 0.875rem;">
+                    Abmelden
+                </a>
+            </p>
+        </div>
+    </div>
+</body>
+</html>

aurora-livecam/settings.json

@@ -0,0 +1,60 @@
+{
+    "viewer_display": {
+        "enabled": true,
+        "min_viewers": 1,
+        "update_interval": 5
+    },
+    "video_mode": {
+        "play_in_player": true,
+        "allow_download": true
+    },
+    "timelapse": {
+        "default_speed": 1,
+        "available_speeds": [
+            1,
+            10,
+            100
+        ]
+    },
+    "ui_display": {
+        "show_recommendation_banner": true,
+        "show_qr_code": true,
+        "show_social_media": true,
+        "show_patrouille_suisse": true
+    },
+    "zoom_timelapse": {
+        "show_zoom_controls": true,
+        "max_zoom_level": 4.0,
+        "timelapse_reverse_enabled": true
+    },
+    "content": {
+        "guestbook_enabled": true,
+        "gallery_enabled": true,
+        "ai_events_enabled": true,
+        "max_guestbook_entries": 50
+    },
+    "technical": {
+        "viewer_update_interval": 5,
+        "session_timeout": 30
+    },
+    "theme": {
+        "default_theme": "theme-legacy",
+        "show_theme_switcher": false
+    },
+    "seo": {
+        "custom_title": "",
+        "meta_description": "",
+        "meta_keywords": ""
+    },
+    "weather": {
+        "enabled": true,
+        "api_key": "",
+        "location": "Oberdürnten,CH",
+        "lat": "47.2833",
+        "lon": "8.7167",
+        "update_interval": 5,
+        "units": "metric"
+    },
+    "last_updated": null,
+    "updated_by": null
+}

aurora-livecam/src/Auth/AuthManager.php

@@ -0,0 +1,355 @@
+<?php
+/**
+ * AuthManager - Sichere Authentifizierung für Dashboard
+ */
+
+namespace AuroraLivecam\Auth;
+
+use AuroraLivecam\Core\Database;
+
+class AuthManager
+{
+    private Database $db;
+    private bool $dbAvailable = false;
+
+    public function __construct(?Database $db = null)
+    {
+        $this->db = $db ?? Database::getInstance();
+        $this->checkDbAvailability();
+
+        if (session_status() === PHP_SESSION_NONE) {
+            session_start();
+        }
+    }
+
+    private function checkDbAvailability(): void
+    {
+        try {
+            $this->db->fetchOne("SELECT 1 FROM users LIMIT 1");
+            $this->dbAvailable = true;
+        } catch (\Exception $e) {
+            $this->dbAvailable = false;
+        }
+    }
+
+    /**
+     * Registriert einen neuen Benutzer
+     */
+    public function register(array $data): int
+    {
+        if (!$this->dbAvailable) {
+            throw new \Exception('Database not available');
+        }
+
+        // Validierung
+        if (empty($data['email']) || !filter_var($data['email'], FILTER_VALIDATE_EMAIL)) {
+            throw new \Exception('Invalid email address');
+        }
+
+        if (empty($data['password']) || strlen($data['password']) < 8) {
+            throw new \Exception('Password must be at least 8 characters');
+        }
+
+        // Prüfe ob Email bereits existiert
+        $existing = $this->db->fetchOne("SELECT id FROM users WHERE email = ?", [$data['email']]);
+        if ($existing) {
+            throw new \Exception('Email already registered');
+        }
+
+        // Benutzer erstellen
+        return $this->db->insert('users', [
+            'tenant_id' => $data['tenant_id'] ?? null,
+            'email' => strtolower($data['email']),
+            'password_hash' => password_hash($data['password'], PASSWORD_ARGON2ID),
+            'name' => $data['name'] ?? null,
+            'role' => $data['role'] ?? 'tenant_user',
+        ]);
+    }
+
+    /**
+     * Login mit Email und Passwort
+     */
+    public function login(string $email, string $password, bool $remember = false): bool
+    {
+        // Legacy-Modus (hardcoded admin)
+        if (!$this->dbAvailable) {
+            return $this->legacyLogin($email, $password);
+        }
+
+        $user = $this->db->fetchOne(
+            "SELECT u.*, t.name as tenant_name, t.slug as tenant_slug
+             FROM users u
+             LEFT JOIN tenants t ON u.tenant_id = t.id
+             WHERE u.email = ?",
+            [strtolower($email)]
+        );
+
+        if (!$user || !password_verify($password, $user['password_hash'])) {
+            return false;
+        }
+
+        // Session setzen
+        $this->setSession($user);
+
+        // Last login aktualisieren
+        $this->db->update('users', ['last_login_at' => date('Y-m-d H:i:s')], 'id = ?', [$user['id']]);
+
+        // Remember-Me Cookie
+        if ($remember) {
+            $this->setRememberToken($user['id']);
+        }
+
+        return true;
+    }
+
+    /**
+     * Legacy Login (kompatibel mit altem AdminManager)
+     */
+    private function legacyLogin(string $email, string $password): bool
+    {
+        // Alte hardcoded Credentials als Fallback
+        if ($email === 'admin' && $password === 'sonne4000$$$$Q') {
+            $_SESSION['admin'] = true;
+            $_SESSION['user'] = [
+                'id' => 0,
+                'email' => 'admin',
+                'name' => 'Administrator',
+                'role' => 'super_admin',
+                'tenant_id' => null,
+            ];
+            return true;
+        }
+        return false;
+    }
+
+    /**
+     * Setzt die Session-Daten
+     */
+    private function setSession(array $user): void
+    {
+        $_SESSION['admin'] = true; // Kompatibilität mit Legacy
+        $_SESSION['user'] = [
+            'id' => $user['id'],
+            'email' => $user['email'],
+            'name' => $user['name'],
+            'role' => $user['role'],
+            'tenant_id' => $user['tenant_id'],
+            'tenant_name' => $user['tenant_name'] ?? null,
+            'tenant_slug' => $user['tenant_slug'] ?? null,
+        ];
+    }
+
+    /**
+     * Setzt Remember-Me Token
+     */
+    private function setRememberToken(int $userId): void
+    {
+        $token = bin2hex(random_bytes(32));
+        $hashedToken = hash('sha256', $token);
+
+        $this->db->update('users', ['remember_token' => $hashedToken], 'id = ?', [$userId]);
+
+        setcookie('remember_token', $token, [
+            'expires' => time() + (86400 * 30), // 30 Tage
+            'path' => '/',
+            'secure' => true,
+            'httponly' => true,
+            'samesite' => 'Lax'
+        ]);
+    }
+
+    /**
+     * Prüft Remember-Me Cookie
+     */
+    public function checkRememberToken(): bool
+    {
+        if (!isset($_COOKIE['remember_token']) || !$this->dbAvailable) {
+            return false;
+        }
+
+        $hashedToken = hash('sha256', $_COOKIE['remember_token']);
+
+        $user = $this->db->fetchOne(
+            "SELECT u.*, t.name as tenant_name, t.slug as tenant_slug
+             FROM users u
+             LEFT JOIN tenants t ON u.tenant_id = t.id
+             WHERE u.remember_token = ?",
+            [$hashedToken]
+        );
+
+        if ($user) {
+            $this->setSession($user);
+            return true;
+        }
+
+        return false;
+    }
+
+    /**
+     * Logout
+     */
+    public function logout(): void
+    {
+        // Remember-Token löschen
+        if ($this->isLoggedIn() && $this->dbAvailable) {
+            $userId = $_SESSION['user']['id'] ?? 0;
+            if ($userId > 0) {
+                $this->db->update('users', ['remember_token' => null], 'id = ?', [$userId]);
+            }
+        }
+
+        // Cookie löschen
+        setcookie('remember_token', '', [
+            'expires' => time() - 3600,
+            'path' => '/',
+            'secure' => true,
+            'httponly' => true,
+        ]);
+
+        // Session zerstören
+        $_SESSION = [];
+        if (ini_get("session.use_cookies")) {
+            $params = session_get_cookie_params();
+            setcookie(session_name(), '', time() - 42000,
+                $params["path"], $params["domain"],
+                $params["secure"], $params["httponly"]
+            );
+        }
+        session_destroy();
+    }
+
+    /**
+     * Prüft ob User eingeloggt ist
+     */
+    public function isLoggedIn(): bool
+    {
+        return isset($_SESSION['admin']) && $_SESSION['admin'] === true;
+    }
+
+    /**
+     * Gibt den aktuellen User zurück
+     */
+    public function getUser(): ?array
+    {
+        return $_SESSION['user'] ?? null;
+    }
+
+    /**
+     * Prüft ob User eine bestimmte Rolle hat
+     */
+    public function hasRole(string $role): bool
+    {
+        $user = $this->getUser();
+        return $user && $user['role'] === $role;
+    }
+
+    /**
+     * Prüft ob User Super-Admin ist
+     */
+    public function isSuperAdmin(): bool
+    {
+        return $this->hasRole('super_admin');
+    }
+
+    /**
+     * Prüft ob User Tenant-Admin ist
+     */
+    public function isTenantAdmin(): bool
+    {
+        return $this->hasRole('tenant_admin') || $this->hasRole('super_admin');
+    }
+
+    /**
+     * Gibt die Tenant-ID des aktuellen Users zurück
+     */
+    public function getTenantId(): ?int
+    {
+        $user = $this->getUser();
+        return $user ? ($user['tenant_id'] ?? null) : null;
+    }
+
+    /**
+     * Prüft ob User Zugriff auf einen bestimmten Tenant hat
+     */
+    public function canAccessTenant(int $tenantId): bool
+    {
+        if ($this->isSuperAdmin()) {
+            return true;
+        }
+
+        return $this->getTenantId() === $tenantId;
+    }
+
+    /**
+     * Ändert das Passwort
+     */
+    public function changePassword(int $userId, string $currentPassword, string $newPassword): bool
+    {
+        if (!$this->dbAvailable) {
+            return false;
+        }
+
+        $user = $this->db->fetchOne("SELECT password_hash FROM users WHERE id = ?", [$userId]);
+
+        if (!$user || !password_verify($currentPassword, $user['password_hash'])) {
+            return false;
+        }
+
+        if (strlen($newPassword) < 8) {
+            throw new \Exception('Password must be at least 8 characters');
+        }
+
+        return $this->db->update('users', [
+            'password_hash' => password_hash($newPassword, PASSWORD_ARGON2ID)
+        ], 'id = ?', [$userId]) > 0;
+    }
+
+    /**
+     * Generiert ein Passwort-Reset-Token
+     */
+    public function generateResetToken(string $email): ?string
+    {
+        if (!$this->dbAvailable) {
+            return null;
+        }
+
+        $user = $this->db->fetchOne("SELECT id FROM users WHERE email = ?", [strtolower($email)]);
+
+        if (!$user) {
+            return null; // Keine Info leaken ob Email existiert
+        }
+
+        $token = bin2hex(random_bytes(32));
+        // Token würde normalerweise in separater Tabelle mit Ablaufzeit gespeichert
+        // Für jetzt: vereinfachte Version
+
+        return $token;
+    }
+
+    /**
+     * Middleware: Erfordert Login
+     */
+    public function requireLogin(): void
+    {
+        if (!$this->isLoggedIn()) {
+            if (!$this->checkRememberToken()) {
+                header('Location: /dashboard/login.php');
+                exit;
+            }
+        }
+    }
+
+    /**
+     * Middleware: Erfordert bestimmte Rolle
+     */
+    public function requireRole(string $role): void
+    {
+        $this->requireLogin();
+
+        if (!$this->hasRole($role) && !$this->isSuperAdmin()) {
+            http_response_code(403);
+            echo "Access denied";
+            exit;
+        }
+    }
+}

aurora-livecam/src/Billing/StripeService.php

@@ -0,0 +1,290 @@
+<?php
+/**
+ * StripeService - Stripe API Wrapper
+ */
+
+namespace AuroraLivecam\Billing;
+
+use AuroraLivecam\Core\Database;
+
+class StripeService
+{
+    private ?string $secretKey;
+    private ?string $publicKey;
+    private ?string $webhookSecret;
+    private string $currency;
+    private Database $db;
+
+    public function __construct(?Database $db = null)
+    {
+        $this->db = $db ?? Database::getInstance();
+        $this->loadConfig();
+    }
+
+    /**
+     * Lädt Stripe-Konfiguration
+     */
+    private function loadConfig(): void
+    {
+        $configFile = dirname(__DIR__, 2) . '/config.php';
+
+        if (file_exists($configFile)) {
+            $config = require $configFile;
+            $this->secretKey = $config['stripe']['secret_key'] ?? '';
+            $this->publicKey = $config['stripe']['public_key'] ?? '';
+            $this->webhookSecret = $config['stripe']['webhook_secret'] ?? '';
+            $this->currency = $config['stripe']['currency'] ?? 'chf';
+        } else {
+            $this->secretKey = getenv('STRIPE_SECRET_KEY') ?: '';
+            $this->publicKey = getenv('STRIPE_PUBLIC_KEY') ?: '';
+            $this->webhookSecret = getenv('STRIPE_WEBHOOK_SECRET') ?: '';
+            $this->currency = 'chf';
+        }
+    }
+
+    /**
+     * Prüft ob Stripe konfiguriert ist
+     */
+    public function isConfigured(): bool
+    {
+        return !empty($this->secretKey) && !empty($this->publicKey);
+    }
+
+    /**
+     * Gibt den Public Key zurück
+     */
+    public function getPublicKey(): string
+    {
+        return $this->publicKey ?? '';
+    }
+
+    /**
+     * Erstellt einen Stripe Customer
+     */
+    public function createCustomer(int $tenantId, string $email, string $name): ?string
+    {
+        $response = $this->request('POST', '/v1/customers', [
+            'email' => $email,
+            'name' => $name,
+            'metadata' => [
+                'tenant_id' => $tenantId,
+            ],
+        ]);
+
+        if ($response && isset($response['id'])) {
+            // In DB speichern
+            $this->db->execute(
+                "UPDATE subscriptions SET stripe_customer_id = ? WHERE tenant_id = ?",
+                [$response['id'], $tenantId]
+            );
+            return $response['id'];
+        }
+
+        return null;
+    }
+
+    /**
+     * Erstellt eine Checkout Session
+     */
+    public function createCheckoutSession(int $tenantId, string $priceId, string $successUrl, string $cancelUrl): ?array
+    {
+        // Customer ID holen oder erstellen
+        $customerId = $this->getOrCreateCustomer($tenantId);
+
+        $params = [
+            'customer' => $customerId,
+            'payment_method_types' => ['card'],
+            'line_items' => [[
+                'price' => $priceId,
+                'quantity' => 1,
+            ]],
+            'mode' => 'subscription',
+            'success_url' => $successUrl,
+            'cancel_url' => $cancelUrl,
+            'metadata' => [
+                'tenant_id' => $tenantId,
+            ],
+        ];
+
+        return $this->request('POST', '/v1/checkout/sessions', $params);
+    }
+
+    /**
+     * Erstellt ein Billing Portal Session
+     */
+    public function createPortalSession(int $tenantId, string $returnUrl): ?array
+    {
+        $customerId = $this->getCustomerId($tenantId);
+
+        if (!$customerId) {
+            return null;
+        }
+
+        return $this->request('POST', '/v1/billing_portal/sessions', [
+            'customer' => $customerId,
+            'return_url' => $returnUrl,
+        ]);
+    }
+
+    /**
+     * Holt oder erstellt Customer
+     */
+    private function getOrCreateCustomer(int $tenantId): ?string
+    {
+        $customerId = $this->getCustomerId($tenantId);
+
+        if ($customerId) {
+            return $customerId;
+        }
+
+        // Tenant-Daten laden
+        $tenant = $this->db->fetchOne(
+            "SELECT t.*, u.email, u.name FROM tenants t
+             LEFT JOIN users u ON u.tenant_id = t.id AND u.role = 'tenant_admin'
+             WHERE t.id = ? LIMIT 1",
+            [$tenantId]
+        );
+
+        if (!$tenant) {
+            return null;
+        }
+
+        return $this->createCustomer($tenantId, $tenant['email'], $tenant['name'] ?? $tenant['name']);
+    }
+
+    /**
+     * Holt Customer ID aus DB
+     */
+    private function getCustomerId(int $tenantId): ?string
+    {
+        $sub = $this->db->fetchOne(
+            "SELECT stripe_customer_id FROM subscriptions WHERE tenant_id = ?",
+            [$tenantId]
+        );
+
+        return $sub['stripe_customer_id'] ?? null;
+    }
+
+    /**
+     * Holt Subscription von Stripe
+     */
+    public function getSubscription(string $subscriptionId): ?array
+    {
+        return $this->request('GET', '/v1/subscriptions/' . $subscriptionId);
+    }
+
+    /**
+     * Kündigt Subscription
+     */
+    public function cancelSubscription(string $subscriptionId, bool $immediately = false): ?array
+    {
+        if ($immediately) {
+            return $this->request('DELETE', '/v1/subscriptions/' . $subscriptionId);
+        }
+
+        return $this->request('POST', '/v1/subscriptions/' . $subscriptionId, [
+            'cancel_at_period_end' => true,
+        ]);
+    }
+
+    /**
+     * Holt Rechnungen
+     */
+    public function getInvoices(string $customerId, int $limit = 10): array
+    {
+        $response = $this->request('GET', '/v1/invoices', [
+            'customer' => $customerId,
+            'limit' => $limit,
+        ]);
+
+        return $response['data'] ?? [];
+    }
+
+    /**
+     * Verifiziert Webhook-Signatur
+     */
+    public function verifyWebhook(string $payload, string $signature): ?array
+    {
+        if (empty($this->webhookSecret)) {
+            return json_decode($payload, true);
+        }
+
+        $elements = explode(',', $signature);
+        $timestamp = null;
+        $signatures = [];
+
+        foreach ($elements as $element) {
+            $parts = explode('=', $element, 2);
+            if ($parts[0] === 't') {
+                $timestamp = $parts[1];
+            } elseif ($parts[0] === 'v1') {
+                $signatures[] = $parts[1];
+            }
+        }
+
+        if (!$timestamp || empty($signatures)) {
+            return null;
+        }
+
+        // Toleranz: 5 Minuten
+        if (abs(time() - $timestamp) > 300) {
+            return null;
+        }
+
+        $signedPayload = $timestamp . '.' . $payload;
+        $expectedSignature = hash_hmac('sha256', $signedPayload, $this->webhookSecret);
+
+        foreach ($signatures as $sig) {
+            if (hash_equals($expectedSignature, $sig)) {
+                return json_decode($payload, true);
+            }
+        }
+
+        return null;
+    }
+
+    /**
+     * Stripe API Request
+     */
+    private function request(string $method, string $endpoint, array $data = []): ?array
+    {
+        if (!$this->isConfigured()) {
+            return null;
+        }
+
+        $url = 'https://api.stripe.com' . $endpoint;
+
+        $ch = curl_init();
+
+        $headers = [
+            'Authorization: Bearer ' . $this->secretKey,
+            'Content-Type: application/x-www-form-urlencoded',
+        ];
+
+        curl_setopt_array($ch, [
+            CURLOPT_URL => $url . ($method === 'GET' && $data ? '?' . http_build_query($data) : ''),
+            CURLOPT_RETURNTRANSFER => true,
+            CURLOPT_HTTPHEADER => $headers,
+            CURLOPT_TIMEOUT => 30,
+        ]);
+
+        if ($method === 'POST') {
+            curl_setopt($ch, CURLOPT_POST, true);
+            curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($data));
+        } elseif ($method === 'DELETE') {
+            curl_setopt($ch, CURLOPT_CUSTOMREQUEST, 'DELETE');
+        }
+
+        $response = curl_exec($ch);
+        $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
+        curl_close($ch);
+
+        if ($httpCode >= 200 && $httpCode < 300) {
+            return json_decode($response, true);
+        }
+
+        // Log error
+        error_log("Stripe API Error ($httpCode): $response");
+        return null;
+    }
+}

aurora-livecam/src/Billing/SubscriptionManager.php

@@ -0,0 +1,285 @@
+<?php
+/**
+ * SubscriptionManager - Verwaltet Subscriptions
+ */
+
+namespace AuroraLivecam\Billing;
+
+use AuroraLivecam\Core\Database;
+
+class SubscriptionManager
+{
+    private Database $db;
+    private StripeService $stripe;
+
+    public function __construct(?Database $db = null)
+    {
+        $this->db = $db ?? Database::getInstance();
+        $this->stripe = new StripeService($this->db);
+    }
+
+    /**
+     * Gibt alle Pläne zurück
+     */
+    public function getPlans(bool $activeOnly = true): array
+    {
+        $sql = "SELECT * FROM plans";
+        if ($activeOnly) {
+            $sql .= " WHERE is_active = 1";
+        }
+        $sql .= " ORDER BY sort_order ASC";
+
+        $plans = $this->db->fetchAll($sql);
+
+        // Features JSON decodieren
+        foreach ($plans as &$plan) {
+            if (isset($plan['features'])) {
+                $plan['features'] = json_decode($plan['features'], true) ?? [];
+            }
+        }
+
+        return $plans;
+    }
+
+    /**
+     * Gibt einen Plan zurück
+     */
+    public function getPlan(int $planId): ?array
+    {
+        $plan = $this->db->fetchOne("SELECT * FROM plans WHERE id = ?", [$planId]);
+
+        if ($plan && isset($plan['features'])) {
+            $plan['features'] = json_decode($plan['features'], true) ?? [];
+        }
+
+        return $plan;
+    }
+
+    /**
+     * Gibt Plan by Slug zurück
+     */
+    public function getPlanBySlug(string $slug): ?array
+    {
+        $plan = $this->db->fetchOne("SELECT * FROM plans WHERE slug = ?", [$slug]);
+
+        if ($plan && isset($plan['features'])) {
+            $plan['features'] = json_decode($plan['features'], true) ?? [];
+        }
+
+        return $plan;
+    }
+
+    /**
+     * Gibt die aktuelle Subscription eines Tenants zurück
+     */
+    public function getSubscription(int $tenantId): ?array
+    {
+        $sub = $this->db->fetchOne(
+            "SELECT s.*, p.name as plan_name, p.slug as plan_slug, p.features as plan_features
+             FROM subscriptions s
+             JOIN plans p ON s.plan_id = p.id
+             WHERE s.tenant_id = ?
+             ORDER BY s.created_at DESC LIMIT 1",
+            [$tenantId]
+        );
+
+        if ($sub && isset($sub['plan_features'])) {
+            $sub['plan_features'] = json_decode($sub['plan_features'], true) ?? [];
+        }
+
+        return $sub;
+    }
+
+    /**
+     * Erstellt oder aktualisiert eine Subscription
+     */
+    public function createOrUpdate(int $tenantId, array $data): int
+    {
+        $existing = $this->db->fetchOne(
+            "SELECT id FROM subscriptions WHERE tenant_id = ?",
+            [$tenantId]
+        );
+
+        if ($existing) {
+            $this->db->update('subscriptions', $data, 'id = ?', [$existing['id']]);
+            return $existing['id'];
+        }
+
+        $data['tenant_id'] = $tenantId;
+        return $this->db->insert('subscriptions', $data);
+    }
+
+    /**
+     * Startet Trial für einen Tenant
+     */
+    public function startTrial(int $tenantId, int $planId = null, int $days = 14): void
+    {
+        if (!$planId) {
+            $freePlan = $this->getPlanBySlug('basic');
+            $planId = $freePlan['id'] ?? 1;
+        }
+
+        $this->createOrUpdate($tenantId, [
+            'plan_id' => $planId,
+            'status' => 'trialing',
+            'current_period_start' => date('Y-m-d H:i:s'),
+            'current_period_end' => date('Y-m-d H:i:s', strtotime("+$days days")),
+        ]);
+
+        // Tenant Status
+        $this->db->update('tenants', [
+            'status' => 'trial',
+            'trial_ends_at' => date('Y-m-d H:i:s', strtotime("+$days days")),
+        ], 'id = ?', [$tenantId]);
+    }
+
+    /**
+     * Aktiviert Subscription nach Zahlung
+     */
+    public function activate(int $tenantId, string $stripeSubscriptionId, int $planId): void
+    {
+        $this->createOrUpdate($tenantId, [
+            'plan_id' => $planId,
+            'stripe_subscription_id' => $stripeSubscriptionId,
+            'status' => 'active',
+            'current_period_start' => date('Y-m-d H:i:s'),
+        ]);
+
+        $this->db->update('tenants', ['status' => 'active', 'plan_id' => $planId], 'id = ?', [$tenantId]);
+    }
+
+    /**
+     * Kündigt Subscription
+     */
+    public function cancel(int $tenantId, bool $immediately = false): bool
+    {
+        $sub = $this->getSubscription($tenantId);
+
+        if (!$sub) {
+            return false;
+        }
+
+        // Bei Stripe kündigen
+        if (!empty($sub['stripe_subscription_id'])) {
+            $this->stripe->cancelSubscription($sub['stripe_subscription_id'], $immediately);
+        }
+
+        $status = $immediately ? 'canceled' : 'active'; // Bleibt aktiv bis Periodenende
+
+        $this->db->update('subscriptions', [
+            'status' => $status,
+            'canceled_at' => date('Y-m-d H:i:s'),
+        ], 'tenant_id = ?', [$tenantId]);
+
+        if ($immediately) {
+            $this->db->update('tenants', ['status' => 'cancelled'], 'id = ?', [$tenantId]);
+        }
+
+        return true;
+    }
+
+    /**
+     * Prüft ob Tenant aktiv ist (Trial oder bezahlt)
+     */
+    public function isActive(int $tenantId): bool
+    {
+        $sub = $this->getSubscription($tenantId);
+
+        if (!$sub) {
+            return false;
+        }
+
+        if ($sub['status'] === 'active') {
+            return true;
+        }
+
+        if ($sub['status'] === 'trialing') {
+            $endDate = strtotime($sub['current_period_end']);
+            return $endDate > time();
+        }
+
+        return false;
+    }
+
+    /**
+     * Gibt verbleibende Trial-Tage zurück
+     */
+    public function getTrialDaysRemaining(int $tenantId): int
+    {
+        $tenant = $this->db->fetchOne(
+            "SELECT trial_ends_at FROM tenants WHERE id = ?",
+            [$tenantId]
+        );
+
+        if (!$tenant || !$tenant['trial_ends_at']) {
+            return 0;
+        }
+
+        $remaining = strtotime($tenant['trial_ends_at']) - time();
+        return max(0, (int)ceil($remaining / 86400));
+    }
+
+    /**
+     * Prüft Feature-Zugriff
+     */
+    public function hasFeature(int $tenantId, string $feature): bool
+    {
+        $sub = $this->getSubscription($tenantId);
+
+        if (!$sub || !isset($sub['plan_features'])) {
+            return false;
+        }
+
+        return !empty($sub['plan_features'][$feature]);
+    }
+
+    /**
+     * Gibt Feature-Limit zurück
+     */
+    public function getFeatureLimit(int $tenantId, string $feature): int
+    {
+        $sub = $this->getSubscription($tenantId);
+
+        if (!$sub || !isset($sub['plan_features'][$feature])) {
+            return 0;
+        }
+
+        $value = $sub['plan_features'][$feature];
+
+        // -1 = unlimited
+        if ($value === -1 || $value === true) {
+            return PHP_INT_MAX;
+        }
+
+        return (int)$value;
+    }
+
+    /**
+     * Speichert Rechnung
+     */
+    public function saveInvoice(int $tenantId, array $invoiceData): void
+    {
+        $this->db->insert('invoices', [
+            'tenant_id' => $tenantId,
+            'stripe_invoice_id' => $invoiceData['id'] ?? null,
+            'amount' => ($invoiceData['amount_paid'] ?? 0) / 100,
+            'currency' => strtoupper($invoiceData['currency'] ?? 'CHF'),
+            'status' => $invoiceData['status'] ?? 'unknown',
+            'paid_at' => isset($invoiceData['status_transitions']['paid_at'])
+                ? date('Y-m-d H:i:s', $invoiceData['status_transitions']['paid_at'])
+                : null,
+            'invoice_pdf_url' => $invoiceData['invoice_pdf'] ?? null,
+        ]);
+    }
+
+    /**
+     * Gibt Rechnungen eines Tenants zurück
+     */
+    public function getInvoices(int $tenantId, int $limit = 10): array
+    {
+        return $this->db->fetchAll(
+            "SELECT * FROM invoices WHERE tenant_id = ? ORDER BY created_at DESC LIMIT ?",
+            [$tenantId, $limit]
+        );
+    }
+}

aurora-livecam/src/Billing/WebhookHandler.php

@@ -0,0 +1,250 @@
+<?php
+/**
+ * WebhookHandler - Verarbeitet Stripe Webhooks
+ */
+
+namespace AuroraLivecam\Billing;
+
+use AuroraLivecam\Core\Database;
+
+class WebhookHandler
+{
+    private Database $db;
+    private StripeService $stripe;
+    private SubscriptionManager $subscriptions;
+
+    public function __construct(?Database $db = null)
+    {
+        $this->db = $db ?? Database::getInstance();
+        $this->stripe = new StripeService($this->db);
+        $this->subscriptions = new SubscriptionManager($this->db);
+    }
+
+    /**
+     * Verarbeitet einen Webhook
+     */
+    public function handle(string $payload, string $signature): array
+    {
+        // Signatur verifizieren
+        $event = $this->stripe->verifyWebhook($payload, $signature);
+
+        if (!$event) {
+            return ['success' => false, 'error' => 'Invalid signature'];
+        }
+
+        $type = $event['type'] ?? '';
+        $data = $event['data']['object'] ?? [];
+
+        try {
+            switch ($type) {
+                case 'checkout.session.completed':
+                    return $this->handleCheckoutComplete($data);
+
+                case 'customer.subscription.created':
+                case 'customer.subscription.updated':
+                    return $this->handleSubscriptionUpdate($data);
+
+                case 'customer.subscription.deleted':
+                    return $this->handleSubscriptionDeleted($data);
+
+                case 'invoice.paid':
+                    return $this->handleInvoicePaid($data);
+
+                case 'invoice.payment_failed':
+                    return $this->handlePaymentFailed($data);
+
+                default:
+                    return ['success' => true, 'message' => 'Event ignored: ' . $type];
+            }
+        } catch (\Exception $e) {
+            error_log("Webhook error: " . $e->getMessage());
+            return ['success' => false, 'error' => $e->getMessage()];
+        }
+    }
+
+    /**
+     * Checkout abgeschlossen
+     */
+    private function handleCheckoutComplete(array $session): array
+    {
+        $tenantId = $session['metadata']['tenant_id'] ?? null;
+        $subscriptionId = $session['subscription'] ?? null;
+
+        if (!$tenantId || !$subscriptionId) {
+            return ['success' => false, 'error' => 'Missing tenant_id or subscription'];
+        }
+
+        // Subscription-Details von Stripe holen
+        $subscription = $this->stripe->getSubscription($subscriptionId);
+
+        if (!$subscription) {
+            return ['success' => false, 'error' => 'Could not fetch subscription'];
+        }
+
+        // Plan aus Stripe Price ID ermitteln
+        $priceId = $subscription['items']['data'][0]['price']['id'] ?? null;
+        $plan = $this->db->fetchOne(
+            "SELECT id FROM plans WHERE stripe_price_id = ?",
+            [$priceId]
+        );
+
+        $planId = $plan['id'] ?? 1;
+
+        // Subscription aktivieren
+        $this->subscriptions->activate($tenantId, $subscriptionId, $planId);
+
+        // Customer ID speichern
+        $this->db->update('subscriptions', [
+            'stripe_customer_id' => $session['customer'],
+        ], 'tenant_id = ?', [$tenantId]);
+
+        return ['success' => true, 'message' => 'Subscription activated'];
+    }
+
+    /**
+     * Subscription erstellt/aktualisiert
+     */
+    private function handleSubscriptionUpdate(array $subscription): array
+    {
+        $customerId = $subscription['customer'] ?? null;
+
+        if (!$customerId) {
+            return ['success' => false, 'error' => 'No customer ID'];
+        }
+
+        // Tenant über Customer ID finden
+        $sub = $this->db->fetchOne(
+            "SELECT tenant_id FROM subscriptions WHERE stripe_customer_id = ?",
+            [$customerId]
+        );
+
+        if (!$sub) {
+            return ['success' => true, 'message' => 'Customer not found in DB'];
+        }
+
+        $tenantId = $sub['tenant_id'];
+        $status = $this->mapStripeStatus($subscription['status']);
+
+        $this->db->update('subscriptions', [
+            'stripe_subscription_id' => $subscription['id'],
+            'status' => $status,
+            'current_period_start' => date('Y-m-d H:i:s', $subscription['current_period_start']),
+            'current_period_end' => date('Y-m-d H:i:s', $subscription['current_period_end']),
+        ], 'tenant_id = ?', [$tenantId]);
+
+        // Tenant-Status aktualisieren
+        $tenantStatus = in_array($status, ['active', 'trialing']) ? 'active' : 'suspended';
+        $this->db->update('tenants', ['status' => $tenantStatus], 'id = ?', [$tenantId]);
+
+        return ['success' => true, 'message' => 'Subscription updated'];
+    }
+
+    /**
+     * Subscription gelöscht/gekündigt
+     */
+    private function handleSubscriptionDeleted(array $subscription): array
+    {
+        $customerId = $subscription['customer'] ?? null;
+
+        if (!$customerId) {
+            return ['success' => false, 'error' => 'No customer ID'];
+        }
+
+        $sub = $this->db->fetchOne(
+            "SELECT tenant_id FROM subscriptions WHERE stripe_customer_id = ?",
+            [$customerId]
+        );
+
+        if (!$sub) {
+            return ['success' => true, 'message' => 'Customer not found'];
+        }
+
+        $this->db->update('subscriptions', [
+            'status' => 'canceled',
+            'canceled_at' => date('Y-m-d H:i:s'),
+        ], 'tenant_id = ?', [$sub['tenant_id']]);
+
+        // Downgrade zu Free-Plan
+        $freePlan = $this->db->fetchOne("SELECT id FROM plans WHERE slug = 'free'");
+        if ($freePlan) {
+            $this->db->update('tenants', [
+                'status' => 'active',
+                'plan_id' => $freePlan['id'],
+            ], 'id = ?', [$sub['tenant_id']]);
+        }
+
+        return ['success' => true, 'message' => 'Subscription canceled'];
+    }
+
+    /**
+     * Rechnung bezahlt
+     */
+    private function handleInvoicePaid(array $invoice): array
+    {
+        $customerId = $invoice['customer'] ?? null;
+
+        if (!$customerId) {
+            return ['success' => false, 'error' => 'No customer ID'];
+        }
+
+        $sub = $this->db->fetchOne(
+            "SELECT tenant_id FROM subscriptions WHERE stripe_customer_id = ?",
+            [$customerId]
+        );
+
+        if (!$sub) {
+            return ['success' => true, 'message' => 'Customer not found'];
+        }
+
+        // Rechnung speichern
+        $this->subscriptions->saveInvoice($sub['tenant_id'], $invoice);
+
+        return ['success' => true, 'message' => 'Invoice saved'];
+    }
+
+    /**
+     * Zahlung fehlgeschlagen
+     */
+    private function handlePaymentFailed(array $invoice): array
+    {
+        $customerId = $invoice['customer'] ?? null;
+
+        if (!$customerId) {
+            return ['success' => false, 'error' => 'No customer ID'];
+        }
+
+        $sub = $this->db->fetchOne(
+            "SELECT tenant_id FROM subscriptions WHERE stripe_customer_id = ?",
+            [$customerId]
+        );
+
+        if (!$sub) {
+            return ['success' => true, 'message' => 'Customer not found'];
+        }
+
+        // Status auf past_due setzen
+        $this->db->update('subscriptions', ['status' => 'past_due'], 'tenant_id = ?', [$sub['tenant_id']]);
+
+        // TODO: E-Mail an Tenant senden
+
+        return ['success' => true, 'message' => 'Payment failure recorded'];
+    }
+
+    /**
+     * Mappt Stripe-Status auf DB-Status
+     */
+    private function mapStripeStatus(string $stripeStatus): string
+    {
+        $map = [
+            'active' => 'active',
+            'trialing' => 'trialing',
+            'past_due' => 'past_due',
+            'canceled' => 'canceled',
+            'unpaid' => 'unpaid',
+            'incomplete' => 'incomplete',
+            'incomplete_expired' => 'canceled',
+        ];
+
+        return $map[$stripeStatus] ?? 'unknown';
+    }
+}

aurora-livecam/src/Core/Database.php

@@ -0,0 +1,215 @@
+<?php
+/**
+ * Database - PDO Wrapper mit Singleton Pattern
+ *
+ * Verwendung:
+ *   $db = Database::getInstance();
+ *   $users = $db->fetchAll("SELECT * FROM users WHERE tenant_id = ?", [$tenantId]);
+ */
+
+namespace AuroraLivecam\Core;
+
+use PDO;
+use PDOException;
+use Exception;
+
+class Database
+{
+    private static ?Database $instance = null;
+    private ?PDO $pdo = null;
+    private array $config;
+
+    private function __construct()
+    {
+        $this->config = $this->loadConfig();
+    }
+
+    /**
+     * Singleton: Gibt die einzige Instanz zurück
+     */
+    public static function getInstance(): Database
+    {
+        if (self::$instance === null) {
+            self::$instance = new self();
+        }
+        return self::$instance;
+    }
+
+    /**
+     * Lädt die Datenbank-Konfiguration
+     */
+    private function loadConfig(): array
+    {
+        // Versuche .env oder config.php zu laden
+        $configFile = dirname(__DIR__, 2) . '/config.php';
+
+        if (file_exists($configFile)) {
+            $config = require $configFile;
+            return $config['database'] ?? [];
+        }
+
+        // Fallback auf Umgebungsvariablen
+        return [
+            'host' => getenv('DB_HOST') ?: 'localhost',
+            'port' => getenv('DB_PORT') ?: 3306,
+            'database' => getenv('DB_DATABASE') ?: 'aurora_livecam',
+            'username' => getenv('DB_USERNAME') ?: 'root',
+            'password' => getenv('DB_PASSWORD') ?: '',
+            'charset' => 'utf8mb4',
+        ];
+    }
+
+    /**
+     * Stellt die Datenbankverbindung her (Lazy Loading)
+     */
+    public function connect(): PDO
+    {
+        if ($this->pdo !== null) {
+            return $this->pdo;
+        }
+
+        $dsn = sprintf(
+            'mysql:host=%s;port=%d;dbname=%s;charset=%s',
+            $this->config['host'],
+            $this->config['port'],
+            $this->config['database'],
+            $this->config['charset']
+        );
+
+        try {
+            $this->pdo = new PDO($dsn, $this->config['username'], $this->config['password'], [
+                PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
+                PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
+                PDO::ATTR_EMULATE_PREPARES => false,
+                PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8mb4 COLLATE utf8mb4_unicode_ci"
+            ]);
+        } catch (PDOException $e) {
+            throw new Exception('Database connection failed: ' . $e->getMessage());
+        }
+
+        return $this->pdo;
+    }
+
+    /**
+     * Führt eine Query aus und gibt alle Ergebnisse zurück
+     */
+    public function fetchAll(string $sql, array $params = []): array
+    {
+        $stmt = $this->connect()->prepare($sql);
+        $stmt->execute($params);
+        return $stmt->fetchAll();
+    }
+
+    /**
+     * Führt eine Query aus und gibt eine Zeile zurück
+     */
+    public function fetchOne(string $sql, array $params = []): ?array
+    {
+        $stmt = $this->connect()->prepare($sql);
+        $stmt->execute($params);
+        $result = $stmt->fetch();
+        return $result ?: null;
+    }
+
+    /**
+     * Führt eine Query aus und gibt einen einzelnen Wert zurück
+     */
+    public function fetchColumn(string $sql, array $params = [], int $column = 0): mixed
+    {
+        $stmt = $this->connect()->prepare($sql);
+        $stmt->execute($params);
+        return $stmt->fetchColumn($column);
+    }
+
+    /**
+     * Führt INSERT/UPDATE/DELETE aus und gibt die Anzahl betroffener Zeilen zurück
+     */
+    public function execute(string $sql, array $params = []): int
+    {
+        $stmt = $this->connect()->prepare($sql);
+        $stmt->execute($params);
+        return $stmt->rowCount();
+    }
+
+    /**
+     * INSERT und gibt die neue ID zurück
+     */
+    public function insert(string $table, array $data): int
+    {
+        $columns = implode(', ', array_map(fn($col) => "`$col`", array_keys($data)));
+        $placeholders = implode(', ', array_fill(0, count($data), '?'));
+
+        $sql = "INSERT INTO `$table` ($columns) VALUES ($placeholders)";
+        $this->execute($sql, array_values($data));
+
+        return (int) $this->connect()->lastInsertId();
+    }
+
+    /**
+     * UPDATE mit WHERE-Bedingung
+     */
+    public function update(string $table, array $data, string $where, array $whereParams = []): int
+    {
+        $set = implode(', ', array_map(fn($col) => "`$col` = ?", array_keys($data)));
+        $sql = "UPDATE `$table` SET $set WHERE $where";
+
+        return $this->execute($sql, [...array_values($data), ...$whereParams]);
+    }
+
+    /**
+     * DELETE mit WHERE-Bedingung
+     */
+    public function delete(string $table, string $where, array $params = []): int
+    {
+        return $this->execute("DELETE FROM `$table` WHERE $where", $params);
+    }
+
+    /**
+     * Startet eine Transaktion
+     */
+    public function beginTransaction(): bool
+    {
+        return $this->connect()->beginTransaction();
+    }
+
+    /**
+     * Bestätigt eine Transaktion
+     */
+    public function commit(): bool
+    {
+        return $this->connect()->commit();
+    }
+
+    /**
+     * Macht eine Transaktion rückgängig
+     */
+    public function rollback(): bool
+    {
+        return $this->connect()->rollBack();
+    }
+
+    /**
+     * Prüft ob eine Datenbankverbindung besteht
+     */
+    public function isConnected(): bool
+    {
+        return $this->pdo !== null;
+    }
+
+    /**
+     * Gibt die PDO-Instanz direkt zurück (für komplexe Queries)
+     */
+    public function getPdo(): PDO
+    {
+        return $this->connect();
+    }
+
+    // Prevent cloning
+    private function __clone() {}
+
+    // Prevent unserialization
+    public function __wakeup()
+    {
+        throw new Exception("Cannot unserialize singleton");
+    }
+}

aurora-livecam/src/Core/TenantResolver.php

@@ -0,0 +1,316 @@
+<?php
+/**
+ * TenantResolver - Ermittelt den aktuellen Tenant basierend auf Domain
+ *
+ * Ersetzt den hardcoded Domain-Switch in index.php
+ */
+
+namespace AuroraLivecam\Core;
+
+class TenantResolver
+{
+    private Database $db;
+    private ?array $currentTenant = null;
+    private ?array $currentBranding = null;
+    private static ?TenantResolver $instance = null;
+
+    // Cache für Domain-Lookups (vermeidet DB-Anfragen bei jedem Request)
+    private static array $domainCache = [];
+
+    public function __construct(?Database $db = null)
+    {
+        $this->db = $db ?? Database::getInstance();
+    }
+
+    /**
+     * Singleton für globalen Zugriff
+     */
+    public static function getInstance(): TenantResolver
+    {
+        if (self::$instance === null) {
+            self::$instance = new self();
+        }
+        return self::$instance;
+    }
+
+    /**
+     * Löst die aktuelle Domain auf und gibt den Tenant zurück
+     */
+    public function resolve(?string $domain = null): ?array
+    {
+        $domain = $domain ?? $this->getCurrentDomain();
+
+        if ($this->currentTenant !== null && ($this->currentTenant['domain'] ?? '') === $domain) {
+            return $this->currentTenant;
+        }
+
+        // Cache prüfen
+        if (isset(self::$domainCache[$domain])) {
+            $this->currentTenant = self::$domainCache[$domain];
+            return $this->currentTenant;
+        }
+
+        // Aus DB laden
+        $this->currentTenant = $this->loadTenantByDomain($domain);
+
+        // In Cache speichern
+        self::$domainCache[$domain] = $this->currentTenant;
+
+        return $this->currentTenant;
+    }
+
+    /**
+     * Lädt einen Tenant anhand der Domain aus der Datenbank
+     */
+    private function loadTenantByDomain(string $domain): ?array
+    {
+        // Normalisiere Domain (ohne www.)
+        $normalizedDomain = $this->normalizeDomain($domain);
+
+        try {
+            $sql = "
+                SELECT
+                    t.*,
+                    td.domain,
+                    td.is_primary,
+                    p.name as plan_name,
+                    p.slug as plan_slug,
+                    p.features as plan_features
+                FROM tenant_domains td
+                JOIN tenants t ON td.tenant_id = t.id
+                LEFT JOIN plans p ON t.plan_id = p.id
+                WHERE td.domain = ? OR td.domain = ?
+                LIMIT 1
+            ";
+
+            $tenant = $this->db->fetchOne($sql, [$domain, $normalizedDomain]);
+
+            if ($tenant && isset($tenant['plan_features'])) {
+                $tenant['plan_features'] = json_decode($tenant['plan_features'], true);
+            }
+
+            return $tenant;
+        } catch (\Exception $e) {
+            // Fallback: Keine DB-Verbindung oder Tabelle existiert nicht
+            return $this->getFallbackTenant($domain);
+        }
+    }
+
+    /**
+     * Fallback für Legacy-Modus (ohne Datenbank)
+     * Unterstützt die alten hardcoded Domains
+     */
+    private function getFallbackTenant(string $domain): ?array
+    {
+        $normalizedDomain = $this->normalizeDomain($domain);
+
+        // Alte seecam.ch Konfiguration
+        if (str_contains($normalizedDomain, 'seecam.ch')) {
+            return [
+                'id' => 0,
+                'uuid' => 'legacy-seecam',
+                'name' => 'Seecam',
+                'slug' => 'seecam',
+                'status' => 'active',
+                'domain' => $domain,
+                'is_legacy' => true,
+                'branding' => [
+                    'site_name' => 'Seecam',
+                    'site_name_full' => 'Seecam.ch - Live Webcam',
+                    'tagline' => 'Ihre Live-Webcam',
+                    'primary_color' => '#667eea',
+                    'secondary_color' => '#764ba2',
+                ],
+            ];
+        }
+
+        // Default: Aurora
+        if (str_contains($normalizedDomain, 'aurora') ||
+            str_contains($normalizedDomain, 'localhost') ||
+            $normalizedDomain === '127.0.0.1') {
+            return [
+                'id' => 0,
+                'uuid' => 'legacy-aurora',
+                'name' => 'Aurora Weather Livecam',
+                'slug' => 'aurora',
+                'status' => 'active',
+                'domain' => $domain,
+                'is_legacy' => true,
+                'branding' => [
+                    'site_name' => 'Aurora',
+                    'site_name_full' => 'Aurora Weather Livecam - Zürich Oberland',
+                    'tagline' => 'Wetter Webcam Schweiz',
+                    'primary_color' => '#667eea',
+                    'secondary_color' => '#764ba2',
+                ],
+            ];
+        }
+
+        // Unbekannte Domain - Default Tenant
+        return [
+            'id' => 0,
+            'uuid' => 'default',
+            'name' => 'Livecam',
+            'slug' => 'default',
+            'status' => 'active',
+            'domain' => $domain,
+            'is_legacy' => true,
+            'branding' => [
+                'site_name' => 'Livecam',
+                'site_name_full' => 'Livecam',
+                'primary_color' => '#667eea',
+                'secondary_color' => '#764ba2',
+            ],
+        ];
+    }
+
+    /**
+     * Gibt das Branding des aktuellen Tenants zurück
+     */
+    public function getBranding(): array
+    {
+        if ($this->currentBranding !== null) {
+            return $this->currentBranding;
+        }
+
+        $tenant = $this->resolve();
+
+        if (!$tenant) {
+            return $this->getDefaultBranding();
+        }
+
+        // Legacy-Tenant hat Branding inline
+        if (isset($tenant['is_legacy']) && $tenant['is_legacy']) {
+            $this->currentBranding = $tenant['branding'] ?? $this->getDefaultBranding();
+            return $this->currentBranding;
+        }
+
+        // Aus DB laden
+        try {
+            $branding = $this->db->fetchOne(
+                "SELECT * FROM tenant_branding WHERE tenant_id = ?",
+                [$tenant['id']]
+            );
+
+            $this->currentBranding = $branding ?: $this->getDefaultBranding();
+        } catch (\Exception $e) {
+            $this->currentBranding = $this->getDefaultBranding();
+        }
+
+        return $this->currentBranding;
+    }
+
+    /**
+     * Default Branding
+     */
+    private function getDefaultBranding(): array
+    {
+        return [
+            'site_name' => 'Livecam',
+            'site_name_full' => 'Live Webcam',
+            'tagline' => '',
+            'logo_path' => null,
+            'favicon_path' => null,
+            'primary_color' => '#667eea',
+            'secondary_color' => '#764ba2',
+            'accent_color' => '#f093fb',
+            'welcome_text_de' => '',
+            'welcome_text_en' => '',
+            'footer_text' => '',
+            'custom_css' => '',
+        ];
+    }
+
+    /**
+     * Gibt die aktuelle Domain zurück
+     */
+    public function getCurrentDomain(): string
+    {
+        return $_SERVER['HTTP_HOST'] ?? 'localhost';
+    }
+
+    /**
+     * Normalisiert eine Domain (entfernt www.)
+     */
+    private function normalizeDomain(string $domain): string
+    {
+        return preg_replace('/^www\./i', '', strtolower($domain));
+    }
+
+    /**
+     * Prüft ob der aktuelle Tenant aktiv ist
+     */
+    public function isActive(): bool
+    {
+        $tenant = $this->resolve();
+        return $tenant && in_array($tenant['status'], ['active', 'trial']);
+    }
+
+    /**
+     * Prüft ob der Tenant im Trial ist
+     */
+    public function isTrial(): bool
+    {
+        $tenant = $this->resolve();
+        return $tenant && $tenant['status'] === 'trial';
+    }
+
+    /**
+     * Gibt die Tenant-ID zurück (oder 0 für Legacy)
+     */
+    public function getTenantId(): int
+    {
+        $tenant = $this->resolve();
+        return $tenant['id'] ?? 0;
+    }
+
+    /**
+     * Gibt den Tenant-Slug zurück
+     */
+    public function getTenantSlug(): string
+    {
+        $tenant = $this->resolve();
+        return $tenant['slug'] ?? 'default';
+    }
+
+    /**
+     * Prüft ob Multi-Tenant-Modus aktiv ist (DB vorhanden)
+     */
+    public function isMultiTenantEnabled(): bool
+    {
+        $tenant = $this->resolve();
+        return $tenant && !isset($tenant['is_legacy']);
+    }
+
+    /**
+     * Gibt alle Domains eines Tenants zurück
+     */
+    public function getTenantDomains(int $tenantId): array
+    {
+        try {
+            return $this->db->fetchAll(
+                "SELECT * FROM tenant_domains WHERE tenant_id = ? ORDER BY is_primary DESC",
+                [$tenantId]
+            );
+        } catch (\Exception $e) {
+            return [];
+        }
+    }
+
+    /**
+     * Setzt den aktuellen Tenant manuell (für Tests oder CLI)
+     */
+    public function setTenant(array $tenant): void
+    {
+        $this->currentTenant = $tenant;
+        $this->currentBranding = null;
+    }
+
+    /**
+     * Leert den Cache
+     */
+    public static function clearCache(): void
+    {
+        self::$domainCache = [];
+    }
+}

aurora-livecam/src/Onboarding/OnboardingManager.php

@@ -0,0 +1,366 @@
+<?php
+/**
+ * OnboardingManager - Verwaltet den Onboarding-Prozess
+ */
+
+namespace AuroraLivecam\Onboarding;
+
+use AuroraLivecam\Core\Database;
+use AuroraLivecam\Tenant\TenantManager;
+use AuroraLivecam\Auth\AuthManager;
+
+class OnboardingManager
+{
+    private Database $db;
+    private TenantManager $tenantManager;
+    private StreamValidator $streamValidator;
+
+    public const STEP_REGISTER = 1;
+    public const STEP_VERIFY_EMAIL = 2;
+    public const STEP_STREAM = 3;
+    public const STEP_BRANDING = 4;
+    public const STEP_COMPLETE = 5;
+
+    public function __construct(?Database $db = null)
+    {
+        $this->db = $db ?? Database::getInstance();
+        $this->tenantManager = new TenantManager($this->db);
+        $this->streamValidator = new StreamValidator();
+    }
+
+    /**
+     * Startet den Onboarding-Prozess (Registrierung)
+     */
+    public function register(array $data): array
+    {
+        $errors = $this->validateRegistration($data);
+
+        if (!empty($errors)) {
+            return ['success' => false, 'errors' => $errors];
+        }
+
+        try {
+            $this->db->beginTransaction();
+
+            // Tenant erstellen
+            $tenantId = $this->tenantManager->create([
+                'name' => $data['company_name'] ?? $data['name'],
+                'email' => $data['email'],
+                'subdomain' => $this->generateSubdomain($data['company_name'] ?? $data['name']),
+                'stream_url' => $data['stream_url'] ?? '',
+                'stream_type' => $data['stream_type'] ?? 'hls',
+            ]);
+
+            // Admin-User für den Tenant erstellen
+            $auth = new AuthManager($this->db);
+            $userId = $auth->register([
+                'tenant_id' => $tenantId,
+                'email' => $data['email'],
+                'password' => $data['password'],
+                'name' => $data['name'],
+                'role' => 'tenant_admin',
+            ]);
+
+            // Verification-Token generieren
+            $verificationToken = $this->generateVerificationToken($userId);
+
+            $this->db->commit();
+
+            return [
+                'success' => true,
+                'tenant_id' => $tenantId,
+                'user_id' => $userId,
+                'verification_token' => $verificationToken,
+                'next_step' => self::STEP_VERIFY_EMAIL,
+            ];
+
+        } catch (\Exception $e) {
+            $this->db->rollback();
+            return ['success' => false, 'errors' => ['general' => $e->getMessage()]];
+        }
+    }
+
+    /**
+     * Validiert Registrierungsdaten
+     */
+    private function validateRegistration(array $data): array
+    {
+        $errors = [];
+
+        // Name
+        if (empty($data['name'])) {
+            $errors['name'] = 'Name ist erforderlich';
+        }
+
+        // Company/Site Name
+        if (empty($data['company_name'])) {
+            $errors['company_name'] = 'Firmen-/Site-Name ist erforderlich';
+        }
+
+        // Email
+        if (empty($data['email'])) {
+            $errors['email'] = 'E-Mail ist erforderlich';
+        } elseif (!filter_var($data['email'], FILTER_VALIDATE_EMAIL)) {
+            $errors['email'] = 'Ungültige E-Mail-Adresse';
+        } else {
+            // Prüfe ob Email bereits existiert
+            $existing = $this->db->fetchOne("SELECT id FROM users WHERE email = ?", [strtolower($data['email'])]);
+            if ($existing) {
+                $errors['email'] = 'Diese E-Mail-Adresse ist bereits registriert';
+            }
+        }
+
+        // Password
+        if (empty($data['password'])) {
+            $errors['password'] = 'Passwort ist erforderlich';
+        } elseif (strlen($data['password']) < 8) {
+            $errors['password'] = 'Passwort muss mindestens 8 Zeichen lang sein';
+        }
+
+        // Password Confirmation
+        if (($data['password'] ?? '') !== ($data['password_confirm'] ?? '')) {
+            $errors['password_confirm'] = 'Passwörter stimmen nicht überein';
+        }
+
+        // Stream URL (optional, aber wenn angegeben, validieren)
+        if (!empty($data['stream_url'])) {
+            $validation = $this->streamValidator->validate($data['stream_url']);
+            if (!$validation['valid']) {
+                $errors['stream_url'] = $validation['error'] ?? 'Stream-URL ungültig';
+            }
+        }
+
+        // Terms
+        if (empty($data['accept_terms'])) {
+            $errors['accept_terms'] = 'Sie müssen die AGB akzeptieren';
+        }
+
+        return $errors;
+    }
+
+    /**
+     * Generiert eine Subdomain aus dem Firmennamen
+     */
+    private function generateSubdomain(string $name): string
+    {
+        // Umlaute ersetzen
+        $replacements = ['ä' => 'ae', 'ö' => 'oe', 'ü' => 'ue', 'ß' => 'ss'];
+        $slug = str_replace(array_keys($replacements), array_values($replacements), strtolower($name));
+
+        // Nur alphanumerische Zeichen und Bindestriche
+        $slug = preg_replace('/[^a-z0-9]+/', '-', $slug);
+        $slug = trim($slug, '-');
+
+        // Max 30 Zeichen
+        $slug = substr($slug, 0, 30);
+
+        // Eindeutigkeit prüfen
+        $baseSlug = $slug;
+        $counter = 1;
+        while (!$this->tenantManager->isDomainAvailable($slug . '.aurora-livecam.com')) {
+            $slug = $baseSlug . '-' . $counter;
+            $counter++;
+        }
+
+        return $slug;
+    }
+
+    /**
+     * Generiert einen E-Mail-Verification-Token
+     */
+    private function generateVerificationToken(int $userId): string
+    {
+        $token = bin2hex(random_bytes(32));
+
+        // Token in einer separaten Tabelle speichern (oder im User)
+        // Vereinfacht: Wir nutzen remember_token temporär
+        $this->db->update('users', ['remember_token' => hash('sha256', $token)], 'id = ?', [$userId]);
+
+        return $token;
+    }
+
+    /**
+     * Verifiziert E-Mail-Adresse
+     */
+    public function verifyEmail(string $token): array
+    {
+        $hashedToken = hash('sha256', $token);
+
+        $user = $this->db->fetchOne(
+            "SELECT id, tenant_id FROM users WHERE remember_token = ? AND email_verified_at IS NULL",
+            [$hashedToken]
+        );
+
+        if (!$user) {
+            return ['success' => false, 'error' => 'Ungültiger oder abgelaufener Token'];
+        }
+
+        $this->db->update('users', [
+            'email_verified_at' => date('Y-m-d H:i:s'),
+            'remember_token' => null,
+        ], 'id = ?', [$user['id']]);
+
+        // Onboarding-Status aktualisieren
+        $this->updateOnboardingStep($user['tenant_id'], self::STEP_STREAM);
+
+        return [
+            'success' => true,
+            'user_id' => $user['id'],
+            'tenant_id' => $user['tenant_id'],
+            'next_step' => self::STEP_STREAM,
+        ];
+    }
+
+    /**
+     * Speichert Stream-Konfiguration
+     */
+    public function saveStream(int $tenantId, string $url, string $type = 'hls'): array
+    {
+        // Validieren
+        $validation = $this->streamValidator->validate($url);
+
+        if (!$validation['valid']) {
+            return ['success' => false, 'error' => $validation['error']];
+        }
+
+        // Speichern
+        $existing = $this->db->fetchOne(
+            "SELECT id FROM tenant_streams WHERE tenant_id = ? AND is_primary = 1",
+            [$tenantId]
+        );
+
+        if ($existing) {
+            $this->db->update('tenant_streams', [
+                'stream_url' => $url,
+                'stream_type' => $validation['type'] ?? $type,
+                'last_status' => 'online',
+                'last_check_at' => date('Y-m-d H:i:s'),
+            ], 'id = ?', [$existing['id']]);
+        } else {
+            $this->db->insert('tenant_streams', [
+                'tenant_id' => $tenantId,
+                'stream_url' => $url,
+                'stream_type' => $validation['type'] ?? $type,
+                'is_primary' => 1,
+                'last_status' => 'online',
+                'last_check_at' => date('Y-m-d H:i:s'),
+            ]);
+        }
+
+        // Onboarding-Schritt aktualisieren
+        $this->updateOnboardingStep($tenantId, self::STEP_BRANDING, ['stream_verified' => 1]);
+
+        return [
+            'success' => true,
+            'stream_type' => $validation['type'],
+            'next_step' => self::STEP_BRANDING,
+        ];
+    }
+
+    /**
+     * Speichert Basis-Branding
+     */
+    public function saveBranding(int $tenantId, array $branding): array
+    {
+        $this->tenantManager->updateBranding($tenantId, $branding);
+
+        // Onboarding-Schritt aktualisieren
+        $this->updateOnboardingStep($tenantId, self::STEP_COMPLETE, ['branding_configured' => 1]);
+
+        return [
+            'success' => true,
+            'next_step' => self::STEP_COMPLETE,
+        ];
+    }
+
+    /**
+     * Schliesst das Onboarding ab
+     */
+    public function complete(int $tenantId): array
+    {
+        $this->db->update('tenant_onboarding', [
+            'current_step' => self::STEP_COMPLETE,
+            'completed_at' => date('Y-m-d H:i:s'),
+        ], 'tenant_id = ?', [$tenantId]);
+
+        // Tenant aktivieren
+        $this->tenantManager->activate($tenantId);
+
+        return ['success' => true, 'completed' => true];
+    }
+
+    /**
+     * Aktualisiert den Onboarding-Schritt
+     */
+    private function updateOnboardingStep(int $tenantId, int $step, array $extra = []): void
+    {
+        $data = array_merge(['current_step' => $step], $extra);
+        $this->db->update('tenant_onboarding', $data, 'tenant_id = ?', [$tenantId]);
+    }
+
+    /**
+     * Gibt den aktuellen Onboarding-Status zurück
+     */
+    public function getStatus(int $tenantId): array
+    {
+        $onboarding = $this->db->fetchOne(
+            "SELECT * FROM tenant_onboarding WHERE tenant_id = ?",
+            [$tenantId]
+        );
+
+        if (!$onboarding) {
+            return [
+                'current_step' => self::STEP_REGISTER,
+                'completed' => false,
+            ];
+        }
+
+        return [
+            'current_step' => (int)$onboarding['current_step'],
+            'stream_verified' => (bool)$onboarding['stream_verified'],
+            'branding_configured' => (bool)$onboarding['branding_configured'],
+            'payment_configured' => (bool)$onboarding['payment_configured'],
+            'completed' => $onboarding['completed_at'] !== null,
+            'completed_at' => $onboarding['completed_at'],
+        ];
+    }
+
+    /**
+     * Prüft ob E-Mail-Verification erforderlich ist
+     */
+    public function requiresEmailVerification(): bool
+    {
+        // Aus Settings laden
+        $settingsFile = dirname(__DIR__, 2) . '/SettingsManager.php';
+        if (file_exists($settingsFile)) {
+            require_once $settingsFile;
+            $settings = new \SettingsManager();
+            return $settings->get('saas_features.email_verification_required') ?? true;
+        }
+        return true;
+    }
+
+    /**
+     * Sendet Verification-E-Mail erneut
+     */
+    public function resendVerification(int $userId): array
+    {
+        $user = $this->db->fetchOne("SELECT email, email_verified_at FROM users WHERE id = ?", [$userId]);
+
+        if (!$user) {
+            return ['success' => false, 'error' => 'Benutzer nicht gefunden'];
+        }
+
+        if ($user['email_verified_at']) {
+            return ['success' => false, 'error' => 'E-Mail bereits verifiziert'];
+        }
+
+        $token = $this->generateVerificationToken($userId);
+
+        return [
+            'success' => true,
+            'token' => $token,
+            'email' => $user['email'],
+        ];
+    }
+}

aurora-livecam/src/Onboarding/StreamValidator.php

@@ -0,0 +1,263 @@
+<?php
+/**
+ * StreamValidator - Validiert Stream-URLs
+ */
+
+namespace AuroraLivecam\Onboarding;
+
+class StreamValidator
+{
+    private array $supportedTypes = ['hls', 'rtmp', 'webrtc', 'iframe'];
+    private int $timeout = 10;
+
+    /**
+     * Validiert eine Stream-URL
+     */
+    public function validate(string $url): array
+    {
+        $result = [
+            'valid' => false,
+            'type' => null,
+            'error' => null,
+            'details' => [],
+        ];
+
+        // URL-Format prüfen
+        if (!filter_var($url, FILTER_VALIDATE_URL)) {
+            $result['error'] = 'Ungültiges URL-Format';
+            return $result;
+        }
+
+        // Stream-Typ erkennen
+        $type = $this->detectStreamType($url);
+        $result['type'] = $type;
+        $result['details']['detected_type'] = $type;
+
+        // Je nach Typ validieren
+        switch ($type) {
+            case 'hls':
+                return $this->validateHls($url, $result);
+            case 'rtmp':
+                return $this->validateRtmp($url, $result);
+            case 'iframe':
+                return $this->validateIframe($url, $result);
+            default:
+                // Generische HTTP-Prüfung
+                return $this->validateHttp($url, $result);
+        }
+    }
+
+    /**
+     * Erkennt den Stream-Typ anhand der URL
+     */
+    public function detectStreamType(string $url): string
+    {
+        $url = strtolower($url);
+
+        if (str_contains($url, '.m3u8')) {
+            return 'hls';
+        }
+
+        if (str_starts_with($url, 'rtmp://') || str_starts_with($url, 'rtmps://')) {
+            return 'rtmp';
+        }
+
+        if (str_contains($url, 'youtube.com') || str_contains($url, 'youtu.be') ||
+            str_contains($url, 'vimeo.com') || str_contains($url, 'twitch.tv')) {
+            return 'iframe';
+        }
+
+        if (str_contains($url, '.mp4') || str_contains($url, '.webm')) {
+            return 'video';
+        }
+
+        return 'unknown';
+    }
+
+    /**
+     * Validiert HLS-Stream
+     */
+    private function validateHls(string $url, array $result): array
+    {
+        $ch = curl_init();
+        curl_setopt_array($ch, [
+            CURLOPT_URL => $url,
+            CURLOPT_RETURNTRANSFER => true,
+            CURLOPT_TIMEOUT => $this->timeout,
+            CURLOPT_FOLLOWLOCATION => true,
+            CURLOPT_SSL_VERIFYPEER => false,
+            CURLOPT_HTTPHEADER => [
+                'User-Agent: Mozilla/5.0 (compatible; StreamValidator/1.0)'
+            ],
+        ]);
+
+        $response = curl_exec($ch);
+        $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
+        $contentType = curl_getinfo($ch, CURLINFO_CONTENT_TYPE);
+        $error = curl_error($ch);
+        curl_close($ch);
+
+        $result['details']['http_code'] = $httpCode;
+        $result['details']['content_type'] = $contentType;
+
+        if ($error) {
+            $result['error'] = 'Verbindungsfehler: ' . $error;
+            return $result;
+        }
+
+        if ($httpCode !== 200) {
+            $result['error'] = "HTTP-Fehler: $httpCode";
+            return $result;
+        }
+
+        // Prüfe ob es ein gültiges M3U8 ist
+        if (!str_contains($response, '#EXTM3U')) {
+            $result['error'] = 'Keine gültige HLS-Playlist gefunden';
+            return $result;
+        }
+
+        $result['valid'] = true;
+        $result['details']['is_master'] = str_contains($response, '#EXT-X-STREAM-INF');
+        $result['details']['segments'] = substr_count($response, '#EXTINF');
+
+        return $result;
+    }
+
+    /**
+     * Validiert RTMP-Stream (nur Format-Check)
+     */
+    private function validateRtmp(string $url, array $result): array
+    {
+        // RTMP kann nicht einfach per HTTP geprüft werden
+        // Wir prüfen nur das Format
+
+        $parsed = parse_url($url);
+
+        if (!isset($parsed['host']) || empty($parsed['host'])) {
+            $result['error'] = 'RTMP-URL enthält keinen gültigen Host';
+            return $result;
+        }
+
+        // DNS-Check
+        $ip = gethostbyname($parsed['host']);
+        if ($ip === $parsed['host']) {
+            $result['error'] = 'RTMP-Host nicht erreichbar (DNS-Fehler)';
+            return $result;
+        }
+
+        $result['valid'] = true;
+        $result['details']['host'] = $parsed['host'];
+        $result['details']['note'] = 'RTMP-Streams können erst zur Laufzeit vollständig validiert werden';
+
+        return $result;
+    }
+
+    /**
+     * Validiert iFrame-Embed URL
+     */
+    private function validateIframe(string $url, array $result): array
+    {
+        // Bekannte Embed-Plattformen
+        $embedPatterns = [
+            'youtube' => '/(?:youtube\.com\/(?:embed|watch)|youtu\.be)/i',
+            'vimeo' => '/vimeo\.com/i',
+            'twitch' => '/(?:twitch\.tv|player\.twitch\.tv)/i',
+            'dailymotion' => '/dailymotion\.com/i',
+        ];
+
+        $platform = 'unknown';
+        foreach ($embedPatterns as $name => $pattern) {
+            if (preg_match($pattern, $url)) {
+                $platform = $name;
+                break;
+            }
+        }
+
+        $result['details']['platform'] = $platform;
+
+        // HTTP-Check
+        $ch = curl_init();
+        curl_setopt_array($ch, [
+            CURLOPT_URL => $url,
+            CURLOPT_RETURNTRANSFER => true,
+            CURLOPT_TIMEOUT => $this->timeout,
+            CURLOPT_FOLLOWLOCATION => true,
+            CURLOPT_NOBODY => true, // HEAD request
+            CURLOPT_SSL_VERIFYPEER => false,
+        ]);
+
+        curl_exec($ch);
+        $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
+        curl_close($ch);
+
+        $result['details']['http_code'] = $httpCode;
+
+        if ($httpCode >= 200 && $httpCode < 400) {
+            $result['valid'] = true;
+        } else {
+            $result['error'] = "URL nicht erreichbar (HTTP $httpCode)";
+        }
+
+        return $result;
+    }
+
+    /**
+     * Generische HTTP-Validierung
+     */
+    private function validateHttp(string $url, array $result): array
+    {
+        $ch = curl_init();
+        curl_setopt_array($ch, [
+            CURLOPT_URL => $url,
+            CURLOPT_RETURNTRANSFER => true,
+            CURLOPT_TIMEOUT => $this->timeout,
+            CURLOPT_FOLLOWLOCATION => true,
+            CURLOPT_NOBODY => true,
+            CURLOPT_SSL_VERIFYPEER => false,
+        ]);
+
+        curl_exec($ch);
+        $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
+        $contentType = curl_getinfo($ch, CURLINFO_CONTENT_TYPE);
+        $error = curl_error($ch);
+        curl_close($ch);
+
+        $result['details']['http_code'] = $httpCode;
+        $result['details']['content_type'] = $contentType;
+
+        if ($error) {
+            $result['error'] = 'Verbindungsfehler: ' . $error;
+            return $result;
+        }
+
+        if ($httpCode >= 200 && $httpCode < 400) {
+            $result['valid'] = true;
+        } else {
+            $result['error'] = "URL nicht erreichbar (HTTP $httpCode)";
+        }
+
+        return $result;
+    }
+
+    /**
+     * Schnelle Erreichbarkeitsprüfung
+     */
+    public function isReachable(string $url): bool
+    {
+        $ch = curl_init();
+        curl_setopt_array($ch, [
+            CURLOPT_URL => $url,
+            CURLOPT_RETURNTRANSFER => true,
+            CURLOPT_TIMEOUT => 5,
+            CURLOPT_FOLLOWLOCATION => true,
+            CURLOPT_NOBODY => true,
+            CURLOPT_SSL_VERIFYPEER => false,
+        ]);
+
+        curl_exec($ch);
+        $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
+        curl_close($ch);
+
+        return $httpCode >= 200 && $httpCode < 400;
+    }
+}

aurora-livecam/src/Tenant/TenantManager.php

@@ -0,0 +1,404 @@
+<?php
+/**
+ * TenantManager - CRUD-Operationen für Tenants
+ */
+
+namespace AuroraLivecam\Tenant;
+
+use AuroraLivecam\Core\Database;
+use Exception;
+
+class TenantManager
+{
+    private Database $db;
+
+    public function __construct(?Database $db = null)
+    {
+        $this->db = $db ?? Database::getInstance();
+    }
+
+    /**
+     * Erstellt einen neuen Tenant
+     */
+    public function create(array $data): int
+    {
+        $this->db->beginTransaction();
+
+        try {
+            // UUID generieren
+            $uuid = $this->generateUuid();
+
+            // Slug generieren falls nicht vorhanden
+            $slug = $data['slug'] ?? $this->generateSlug($data['name']);
+
+            // Tenant erstellen
+            $tenantId = $this->db->insert('tenants', [
+                'uuid' => $uuid,
+                'name' => $data['name'],
+                'slug' => $slug,
+                'email' => $data['email'],
+                'status' => $data['status'] ?? 'trial',
+                'plan_id' => $data['plan_id'] ?? $this->getDefaultPlanId(),
+                'trial_ends_at' => $data['trial_ends_at'] ?? $this->calculateTrialEnd(),
+            ]);
+
+            // Domain hinzufügen
+            if (!empty($data['domain'])) {
+                $this->addDomain($tenantId, $data['domain'], true);
+            }
+
+            // Default-Subdomain erstellen
+            if (!empty($data['subdomain'])) {
+                $subdomain = $data['subdomain'] . '.aurora-livecam.com';
+                $this->addDomain($tenantId, $subdomain, empty($data['domain']));
+            }
+
+            // Branding mit Defaults initialisieren
+            $this->db->insert('tenant_branding', [
+                'tenant_id' => $tenantId,
+                'site_name' => $data['name'],
+                'site_name_full' => $data['name'],
+            ]);
+
+            // Onboarding initialisieren
+            $this->db->insert('tenant_onboarding', [
+                'tenant_id' => $tenantId,
+                'current_step' => 1,
+            ]);
+
+            // Stream hinzufügen falls vorhanden
+            if (!empty($data['stream_url'])) {
+                $this->db->insert('tenant_streams', [
+                    'tenant_id' => $tenantId,
+                    'name' => 'Main Stream',
+                    'stream_url' => $data['stream_url'],
+                    'stream_type' => $data['stream_type'] ?? 'hls',
+                    'is_primary' => 1,
+                ]);
+            }
+
+            $this->db->commit();
+
+            return $tenantId;
+
+        } catch (Exception $e) {
+            $this->db->rollback();
+            throw $e;
+        }
+    }
+
+    /**
+     * Aktualisiert einen Tenant
+     */
+    public function update(int $tenantId, array $data): bool
+    {
+        $allowedFields = ['name', 'email', 'status', 'plan_id'];
+        $updateData = array_intersect_key($data, array_flip($allowedFields));
+
+        if (empty($updateData)) {
+            return false;
+        }
+
+        return $this->db->update('tenants', $updateData, 'id = ?', [$tenantId]) > 0;
+    }
+
+    /**
+     * Löscht einen Tenant (Soft-Delete durch Status-Änderung)
+     */
+    public function delete(int $tenantId): bool
+    {
+        return $this->db->update('tenants', ['status' => 'cancelled'], 'id = ?', [$tenantId]) > 0;
+    }
+
+    /**
+     * Hard-Delete (wirklich löschen - Vorsicht!)
+     */
+    public function hardDelete(int $tenantId): bool
+    {
+        return $this->db->delete('tenants', 'id = ?', [$tenantId]) > 0;
+    }
+
+    /**
+     * Gibt einen Tenant anhand der ID zurück
+     */
+    public function getById(int $id): ?array
+    {
+        return $this->db->fetchOne(
+            "SELECT t.*, p.name as plan_name, p.features as plan_features
+             FROM tenants t
+             LEFT JOIN plans p ON t.plan_id = p.id
+             WHERE t.id = ?",
+            [$id]
+        );
+    }
+
+    /**
+     * Gibt einen Tenant anhand des Slugs zurück
+     */
+    public function getBySlug(string $slug): ?array
+    {
+        return $this->db->fetchOne(
+            "SELECT t.*, p.name as plan_name, p.features as plan_features
+             FROM tenants t
+             LEFT JOIN plans p ON t.plan_id = p.id
+             WHERE t.slug = ?",
+            [$slug]
+        );
+    }
+
+    /**
+     * Gibt einen Tenant anhand der UUID zurück
+     */
+    public function getByUuid(string $uuid): ?array
+    {
+        return $this->db->fetchOne(
+            "SELECT t.*, p.name as plan_name, p.features as plan_features
+             FROM tenants t
+             LEFT JOIN plans p ON t.plan_id = p.id
+             WHERE t.uuid = ?",
+            [$uuid]
+        );
+    }
+
+    /**
+     * Listet alle Tenants auf
+     */
+    public function getAll(array $filters = []): array
+    {
+        $sql = "SELECT t.*, p.name as plan_name, p.features as plan_features
+                FROM tenants t
+                LEFT JOIN plans p ON t.plan_id = p.id
+                WHERE 1=1";
+        $params = [];
+
+        if (!empty($filters['status'])) {
+            $sql .= " AND t.status = ?";
+            $params[] = $filters['status'];
+        }
+
+        if (!empty($filters['search'])) {
+            $sql .= " AND (t.name LIKE ? OR t.email LIKE ?)";
+            $params[] = '%' . $filters['search'] . '%';
+            $params[] = '%' . $filters['search'] . '%';
+        }
+
+        $sql .= " ORDER BY t.created_at DESC";
+
+        if (!empty($filters['limit'])) {
+            $sql .= " LIMIT " . (int)$filters['limit'];
+            if (!empty($filters['offset'])) {
+                $sql .= " OFFSET " . (int)$filters['offset'];
+            }
+        }
+
+        return $this->db->fetchAll($sql, $params);
+    }
+
+    /**
+     * Zählt Tenants
+     */
+    public function count(array $filters = []): int
+    {
+        $sql = "SELECT COUNT(*) FROM tenants WHERE 1=1";
+        $params = [];
+
+        if (!empty($filters['status'])) {
+            $sql .= " AND status = ?";
+            $params[] = $filters['status'];
+        }
+
+        return (int) $this->db->fetchColumn($sql, $params);
+    }
+
+    /**
+     * Fügt eine Domain zu einem Tenant hinzu
+     */
+    public function addDomain(int $tenantId, string $domain, bool $isPrimary = false): int
+    {
+        // Normalisiere Domain
+        $domain = strtolower(trim($domain));
+
+        // Prüfe ob Domain bereits existiert
+        $existing = $this->db->fetchOne(
+            "SELECT id FROM tenant_domains WHERE domain = ?",
+            [$domain]
+        );
+
+        if ($existing) {
+            throw new Exception("Domain '$domain' is already in use");
+        }
+
+        // Wenn primary, setze alle anderen auf non-primary
+        if ($isPrimary) {
+            $this->db->execute(
+                "UPDATE tenant_domains SET is_primary = 0 WHERE tenant_id = ?",
+                [$tenantId]
+            );
+        }
+
+        return $this->db->insert('tenant_domains', [
+            'tenant_id' => $tenantId,
+            'domain' => $domain,
+            'is_primary' => $isPrimary ? 1 : 0,
+        ]);
+    }
+
+    /**
+     * Entfernt eine Domain von einem Tenant
+     */
+    public function removeDomain(int $tenantId, string $domain): bool
+    {
+        return $this->db->delete('tenant_domains', 'tenant_id = ? AND domain = ?', [$tenantId, $domain]) > 0;
+    }
+
+    /**
+     * Gibt alle Domains eines Tenants zurück
+     */
+    public function getDomains(int $tenantId): array
+    {
+        return $this->db->fetchAll(
+            "SELECT * FROM tenant_domains WHERE tenant_id = ? ORDER BY is_primary DESC",
+            [$tenantId]
+        );
+    }
+
+    /**
+     * Aktualisiert das Branding eines Tenants
+     */
+    public function updateBranding(int $tenantId, array $data): bool
+    {
+        $allowedFields = [
+            'site_name', 'site_name_full', 'tagline', 'logo_path', 'favicon_path',
+            'primary_color', 'secondary_color', 'accent_color',
+            'welcome_text_de', 'welcome_text_en', 'footer_text',
+            'custom_css', 'custom_js',
+            'social_facebook', 'social_instagram', 'social_youtube'
+        ];
+
+        $updateData = array_intersect_key($data, array_flip($allowedFields));
+
+        if (empty($updateData)) {
+            return false;
+        }
+
+        // Prüfe ob Branding existiert
+        $exists = $this->db->fetchColumn(
+            "SELECT tenant_id FROM tenant_branding WHERE tenant_id = ?",
+            [$tenantId]
+        );
+
+        if ($exists) {
+            return $this->db->update('tenant_branding', $updateData, 'tenant_id = ?', [$tenantId]) > 0;
+        } else {
+            $updateData['tenant_id'] = $tenantId;
+            return $this->db->insert('tenant_branding', $updateData) > 0;
+        }
+    }
+
+    /**
+     * Gibt das Branding eines Tenants zurück
+     */
+    public function getBranding(int $tenantId): ?array
+    {
+        return $this->db->fetchOne(
+            "SELECT * FROM tenant_branding WHERE tenant_id = ?",
+            [$tenantId]
+        );
+    }
+
+    /**
+     * Prüft ob ein Slug verfügbar ist
+     */
+    public function isSlugAvailable(string $slug, ?int $excludeTenantId = null): bool
+    {
+        $sql = "SELECT id FROM tenants WHERE slug = ?";
+        $params = [$slug];
+
+        if ($excludeTenantId) {
+            $sql .= " AND id != ?";
+            $params[] = $excludeTenantId;
+        }
+
+        return $this->db->fetchOne($sql, $params) === null;
+    }
+
+    /**
+     * Prüft ob eine Domain verfügbar ist
+     */
+    public function isDomainAvailable(string $domain, ?int $excludeTenantId = null): bool
+    {
+        $sql = "SELECT td.id FROM tenant_domains td WHERE td.domain = ?";
+        $params = [$domain];
+
+        if ($excludeTenantId) {
+            $sql .= " AND td.tenant_id != ?";
+            $params[] = $excludeTenantId;
+        }
+
+        return $this->db->fetchOne($sql, $params) === null;
+    }
+
+    /**
+     * Generiert einen URL-sicheren Slug aus einem Namen
+     */
+    private function generateSlug(string $name): string
+    {
+        $slug = strtolower($name);
+        $slug = preg_replace('/[^a-z0-9]+/', '-', $slug);
+        $slug = trim($slug, '-');
+
+        // Sicherstellen dass Slug einzigartig ist
+        $baseSlug = $slug;
+        $counter = 1;
+        while (!$this->isSlugAvailable($slug)) {
+            $slug = $baseSlug . '-' . $counter;
+            $counter++;
+        }
+
+        return $slug;
+    }
+
+    /**
+     * Generiert eine UUID v4
+     */
+    private function generateUuid(): string
+    {
+        $data = random_bytes(16);
+        $data[6] = chr(ord($data[6]) & 0x0f | 0x40);
+        $data[8] = chr(ord($data[8]) & 0x3f | 0x80);
+        return vsprintf('%s%s-%s-%s-%s-%s%s%s', str_split(bin2hex($data), 4));
+    }
+
+    /**
+     * Berechnet das Trial-Ende (14 Tage)
+     */
+    private function calculateTrialEnd(): string
+    {
+        return date('Y-m-d H:i:s', strtotime('+14 days'));
+    }
+
+    /**
+     * Gibt die ID des Default-Plans (Free) zurück
+     */
+    private function getDefaultPlanId(): int
+    {
+        $plan = $this->db->fetchOne("SELECT id FROM plans WHERE slug = 'free' LIMIT 1");
+        return $plan ? (int)$plan['id'] : 1;
+    }
+
+    /**
+     * Aktiviert einen Tenant (z.B. nach Zahlung)
+     */
+    public function activate(int $tenantId): bool
+    {
+        return $this->db->update('tenants', ['status' => 'active'], 'id = ?', [$tenantId]) > 0;
+    }
+
+    /**
+     * Suspendiert einen Tenant (z.B. bei Zahlungsausfall)
+     */
+    public function suspend(int $tenantId): bool
+    {
+        return $this->db->update('tenants', ['status' => 'suspended'], 'id = ?', [$tenantId]) > 0;
+    }
+}

aurora-livecam/src/Tenant/TenantSettingsManager.php

@@ -0,0 +1,427 @@
+<?php
+/**
+ * TenantSettingsManager - DB-basierte Settings pro Tenant
+ *
+ * Erweitert/ersetzt SettingsManager für Multi-Tenant Betrieb
+ * Fällt auf den alten SettingsManager zurück wenn DB nicht verfügbar
+ */
+
+namespace AuroraLivecam\Tenant;
+
+use AuroraLivecam\Core\Database;
+use AuroraLivecam\Core\TenantResolver;
+
+class TenantSettingsManager
+{
+    private Database $db;
+    private TenantResolver $resolver;
+    private int $tenantId;
+    private array $settings = [];
+    private bool $loaded = false;
+    private bool $dbAvailable = false;
+
+    // Fallback auf Legacy-SettingsManager
+    private ?\SettingsManager $legacyManager = null;
+
+    public function __construct(?int $tenantId = null, ?Database $db = null, ?TenantResolver $resolver = null)
+    {
+        $this->db = $db ?? Database::getInstance();
+        $this->resolver = $resolver ?? TenantResolver::getInstance();
+        $this->tenantId = $tenantId ?? $this->resolver->getTenantId();
+
+        $this->checkDbAvailability();
+    }
+
+    /**
+     * Prüft ob die DB verfügbar ist
+     */
+    private function checkDbAvailability(): void
+    {
+        try {
+            $this->db->fetchOne("SELECT 1 FROM tenant_settings LIMIT 1");
+            $this->dbAvailable = true;
+        } catch (\Exception $e) {
+            $this->dbAvailable = false;
+        }
+    }
+
+    /**
+     * Lädt alle Settings für den Tenant
+     */
+    private function load(): void
+    {
+        if ($this->loaded) {
+            return;
+        }
+
+        // Wenn keine DB, nutze Legacy
+        if (!$this->dbAvailable || $this->tenantId === 0) {
+            $this->loadFromLegacy();
+            return;
+        }
+
+        $rows = $this->db->fetchAll(
+            "SELECT setting_key, setting_value FROM tenant_settings WHERE tenant_id = ?",
+            [$this->tenantId]
+        );
+
+        foreach ($rows as $row) {
+            $value = $row['setting_value'];
+            // JSON-Werte parsen
+            if ($value !== null && ($value[0] === '{' || $value[0] === '[')) {
+                $decoded = json_decode($value, true);
+                if (json_last_error() === JSON_ERROR_NONE) {
+                    $value = $decoded;
+                }
+            }
+            // Booleans und Zahlen konvertieren
+            elseif ($value === 'true') $value = true;
+            elseif ($value === 'false') $value = false;
+            elseif (is_numeric($value)) $value = strpos($value, '.') !== false ? (float)$value : (int)$value;
+
+            $this->settings[$row['setting_key']] = $value;
+        }
+
+        // Defaults für fehlende Keys
+        $this->settings = array_merge($this->getDefaults(), $this->settings);
+        $this->loaded = true;
+    }
+
+    /**
+     * Fallback auf Legacy SettingsManager
+     */
+    private function loadFromLegacy(): void
+    {
+        if ($this->legacyManager === null) {
+            // Legacy-Manager einbinden
+            $legacyFile = dirname(__DIR__, 2) . '/SettingsManager.php';
+            if (file_exists($legacyFile) && !class_exists('\SettingsManager')) {
+                require_once $legacyFile;
+            }
+
+            if (class_exists('\SettingsManager')) {
+                $this->legacyManager = new \SettingsManager();
+            }
+        }
+
+        if ($this->legacyManager) {
+            // Konvertiere Legacy-Settings in unser Format
+            $this->settings = $this->convertLegacySettings($this->legacyManager);
+        } else {
+            $this->settings = $this->getDefaults();
+        }
+
+        $this->loaded = true;
+    }
+
+    /**
+     * Konvertiert Legacy-Settings
+     */
+    private function convertLegacySettings(\SettingsManager $legacy): array
+    {
+        $settings = $this->getDefaults();
+
+        // Mappe Legacy-Werte
+        $mappings = [
+            'viewer_display.enabled' => 'viewer_display.enabled',
+            'viewer_display.min_viewers' => 'viewer_display.min_viewers',
+            'video_mode.play_in_player' => 'video_mode.play_in_player',
+            'video_mode.allow_download' => 'video_mode.allow_download',
+            'timelapse.default_speed' => 'timelapse.default_speed',
+            'ui_display.show_recommendation_banner' => 'ui_display.show_recommendation_banner',
+            'ui_display.show_qr_code' => 'ui_display.show_qr_code',
+            'ui_display.show_social_media' => 'ui_display.show_social_media',
+            'content.guestbook_enabled' => 'content.guestbook_enabled',
+            'content.gallery_enabled' => 'content.gallery_enabled',
+            'weather.enabled' => 'weather.enabled',
+            'weather.location' => 'weather.location',
+            'weather.lat' => 'weather.lat',
+            'weather.lon' => 'weather.lon',
+            'seo.custom_title' => 'seo.custom_title',
+            'seo.meta_description' => 'seo.meta_description',
+        ];
+
+        foreach ($mappings as $legacyKey => $newKey) {
+            $value = $legacy->get($legacyKey);
+            if ($value !== null) {
+                $settings[$newKey] = $value;
+            }
+        }
+
+        return $settings;
+    }
+
+    /**
+     * Gibt einen Setting-Wert zurück (mit Dot-Notation)
+     */
+    public function get(string $key, mixed $default = null): mixed
+    {
+        $this->load();
+
+        // Direkte Keys
+        if (isset($this->settings[$key])) {
+            return $this->settings[$key];
+        }
+
+        // Dot-Notation auflösen
+        $keys = explode('.', $key);
+        $value = $this->settings;
+
+        foreach ($keys as $k) {
+            if (!is_array($value) || !isset($value[$k])) {
+                return $default;
+            }
+            $value = $value[$k];
+        }
+
+        return $value;
+    }
+
+    /**
+     * Setzt einen Setting-Wert
+     */
+    public function set(string $key, mixed $value): bool
+    {
+        $this->load();
+
+        // Wenn keine DB, nutze Legacy
+        if (!$this->dbAvailable || $this->tenantId === 0) {
+            return $this->setLegacy($key, $value);
+        }
+
+        // Wert für DB vorbereiten
+        $dbValue = $this->prepareValueForDb($value);
+
+        // UPSERT
+        $sql = "INSERT INTO tenant_settings (tenant_id, setting_key, setting_value)
+                VALUES (?, ?, ?)
+                ON DUPLICATE KEY UPDATE setting_value = VALUES(setting_value)";
+
+        $result = $this->db->execute($sql, [$this->tenantId, $key, $dbValue]) > 0;
+
+        if ($result) {
+            $this->settings[$key] = $value;
+        }
+
+        return $result;
+    }
+
+    /**
+     * Setzt Legacy-Setting
+     */
+    private function setLegacy(string $key, mixed $value): bool
+    {
+        if ($this->legacyManager) {
+            return $this->legacyManager->set($key, $value);
+        }
+        return false;
+    }
+
+    /**
+     * Bereitet einen Wert für die DB vor
+     */
+    private function prepareValueForDb(mixed $value): string
+    {
+        if (is_bool($value)) {
+            return $value ? 'true' : 'false';
+        }
+        if (is_array($value) || is_object($value)) {
+            return json_encode($value);
+        }
+        return (string)$value;
+    }
+
+    /**
+     * Löscht ein Setting
+     */
+    public function delete(string $key): bool
+    {
+        if (!$this->dbAvailable || $this->tenantId === 0) {
+            return false;
+        }
+
+        $result = $this->db->delete('tenant_settings', 'tenant_id = ? AND setting_key = ?', [$this->tenantId, $key]) > 0;
+
+        if ($result) {
+            unset($this->settings[$key]);
+        }
+
+        return $result;
+    }
+
+    /**
+     * Gibt alle Settings zurück
+     */
+    public function all(): array
+    {
+        $this->load();
+        return $this->settings;
+    }
+
+    /**
+     * Setzt mehrere Settings auf einmal
+     */
+    public function setMany(array $settings): bool
+    {
+        foreach ($settings as $key => $value) {
+            $this->set($key, $value);
+        }
+        return true;
+    }
+
+    /**
+     * Default-Settings
+     */
+    private function getDefaults(): array
+    {
+        return [
+            // Viewer Display
+            'viewer_display.enabled' => true,
+            'viewer_display.min_viewers' => 1,
+            'viewer_display.update_interval' => 5,
+
+            // Video Mode
+            'video_mode.play_in_player' => true,
+            'video_mode.allow_download' => true,
+
+            // Timelapse
+            'timelapse.default_speed' => 1,
+            'timelapse.available_speeds' => [1, 10, 100],
+            'timelapse.reverse_enabled' => true,
+
+            // UI Display
+            'ui_display.show_recommendation_banner' => true,
+            'ui_display.show_qr_code' => true,
+            'ui_display.show_social_media' => true,
+
+            // Zoom
+            'zoom.show_controls' => true,
+            'zoom.max_level' => 4.0,
+
+            // Content
+            'content.guestbook_enabled' => true,
+            'content.gallery_enabled' => true,
+            'content.ai_events_enabled' => true,
+
+            // Weather
+            'weather.enabled' => true,
+            'weather.location' => 'Zürich,CH',
+            'weather.lat' => '47.3769',
+            'weather.lon' => '8.5417',
+            'weather.update_interval' => 5,
+            'weather.units' => 'metric',
+
+            // SEO
+            'seo.custom_title' => '',
+            'seo.meta_description' => '',
+            'seo.meta_keywords' => '',
+
+            // Theme
+            'theme.default' => 'theme-legacy',
+            'theme.show_switcher' => false,
+        ];
+    }
+
+    // === Helper-Methoden (kompatibel mit altem SettingsManager) ===
+
+    public function isWeatherEnabled(): bool
+    {
+        return $this->get('weather.enabled', true) === true;
+    }
+
+    public function getWeatherLocation(): string
+    {
+        return $this->get('weather.location', 'Zürich,CH');
+    }
+
+    public function getWeatherCoords(): array
+    {
+        return [
+            'lat' => $this->get('weather.lat', '47.3769'),
+            'lon' => $this->get('weather.lon', '8.5417'),
+        ];
+    }
+
+    public function getWeatherUpdateInterval(): int
+    {
+        return (int)$this->get('weather.update_interval', 5);
+    }
+
+    public function shouldShowViewers(): bool
+    {
+        return $this->get('viewer_display.enabled', true) === true;
+    }
+
+    public function getMinViewers(): int
+    {
+        return (int)$this->get('viewer_display.min_viewers', 1);
+    }
+
+    public function isGuestbookEnabled(): bool
+    {
+        return $this->get('content.guestbook_enabled', true) === true;
+    }
+
+    public function isGalleryEnabled(): bool
+    {
+        return $this->get('content.gallery_enabled', true) === true;
+    }
+
+    /**
+     * AJAX-Handler (kompatibel mit altem SettingsManager)
+     */
+    public function handleAjax(): void
+    {
+        if ($_SERVER['REQUEST_METHOD'] !== 'POST') return;
+        if (!isset($_POST['settings_action'])) return;
+
+        header('Content-Type: application/json');
+
+        // Auth prüfen
+        if (!$this->isAdmin()) {
+            echo json_encode(['success' => false, 'error' => 'Unauthorized']);
+            exit;
+        }
+
+        $action = $_POST['settings_action'];
+
+        if ($action === 'update' && isset($_POST['key'], $_POST['value'])) {
+            $key = $_POST['key'];
+            $value = $_POST['value'];
+
+            // Booleans konvertieren
+            if ($value === 'true') $value = true;
+            elseif ($value === 'false') $value = false;
+
+            $success = $this->set($key, $value);
+            echo json_encode(['success' => $success]);
+            exit;
+        }
+
+        if ($action === 'get') {
+            echo json_encode(['success' => true, 'data' => $this->all()]);
+            exit;
+        }
+
+        echo json_encode(['success' => false, 'error' => 'Unknown action']);
+        exit;
+    }
+
+    /**
+     * Prüft ob der User Admin ist
+     */
+    private function isAdmin(): bool
+    {
+        return isset($_SESSION['admin']) && $_SESSION['admin'] === true;
+    }
+
+    /**
+     * Lädt Settings neu aus der DB
+     */
+    public function reload(): void
+    {
+        $this->loaded = false;
+        $this->settings = [];
+        $this->load();
+    }
+}

aurora-livecam/src/bootstrap.php

@@ -0,0 +1,179 @@
+<?php
+/**
+ * Bootstrap - Initialisiert die Multi-Tenant Umgebung
+ *
+ * Einbinden am Anfang von index.php:
+ *   require_once __DIR__ . '/src/bootstrap.php';
+ */
+
+// Autoloader für src/ Klassen
+spl_autoload_register(function ($class) {
+    // Namespace-Präfix
+    $prefix = 'AuroraLivecam\\';
+    $baseDir = __DIR__ . '/';
+
+    // Prüfe ob die Klasse unseren Namespace verwendet
+    $len = strlen($prefix);
+    if (strncmp($prefix, $class, $len) !== 0) {
+        return;
+    }
+
+    // Relativer Klassenname
+    $relativeClass = substr($class, $len);
+
+    // Pfad zur Datei
+    $file = $baseDir . str_replace('\\', '/', $relativeClass) . '.php';
+
+    if (file_exists($file)) {
+        require $file;
+    }
+});
+
+use AuroraLivecam\Core\TenantResolver;
+use AuroraLivecam\Core\Database;
+
+/**
+ * Gibt die Site-Konfiguration basierend auf dem aktuellen Tenant zurück
+ * Ersetzt den hardcoded Domain-Switch in index.php
+ */
+function getSiteConfig(): array
+{
+    // Legacy SettingsManager laden
+    $settingsFile = dirname(__DIR__) . '/SettingsManager.php';
+    if (!class_exists('SettingsManager') && file_exists($settingsFile)) {
+        require_once $settingsFile;
+    }
+
+    $settingsManager = new \SettingsManager();
+
+    // Wenn Multi-Tenant nicht aktiviert, nutze Legacy-Modus
+    if (!$settingsManager->isMultiTenantEnabled()) {
+        return getLegacySiteConfig();
+    }
+
+    // Multi-Tenant Modus
+    try {
+        $resolver = TenantResolver::getInstance();
+        $tenant = $resolver->resolve();
+        $branding = $resolver->getBranding();
+
+        if (!$tenant) {
+            return getLegacySiteConfig();
+        }
+
+        return [
+            'tenant_id' => $tenant['id'],
+            'tenant_slug' => $tenant['slug'],
+            'is_multi_tenant' => true,
+            'site_name' => $branding['site_name'] ?? $tenant['name'],
+            'site_name_full' => $branding['site_name_full'] ?? $tenant['name'],
+            'tagline' => $branding['tagline'] ?? '',
+            'logo_path' => $branding['logo_path'] ?? null,
+            'favicon_path' => $branding['favicon_path'] ?? null,
+            'primary_color' => $branding['primary_color'] ?? '#667eea',
+            'secondary_color' => $branding['secondary_color'] ?? '#764ba2',
+            'accent_color' => $branding['accent_color'] ?? '#f093fb',
+            'welcome_de' => $branding['welcome_text_de'] ?? '',
+            'welcome_en' => $branding['welcome_text_en'] ?? '',
+            'footer_text' => $branding['footer_text'] ?? '',
+            'custom_css' => $branding['custom_css'] ?? '',
+            'social' => [
+                'facebook' => $branding['social_facebook'] ?? '',
+                'instagram' => $branding['social_instagram'] ?? '',
+                'youtube' => $branding['social_youtube'] ?? '',
+            ],
+        ];
+
+    } catch (\Exception $e) {
+        // Fallback auf Legacy bei Fehlern
+        return getLegacySiteConfig();
+    }
+}
+
+/**
+ * Legacy Site-Konfiguration (hardcoded Domains)
+ * Kompatibilität mit bestehendem Code
+ */
+function getLegacySiteConfig(): array
+{
+    $host = $_SERVER['HTTP_HOST'] ?? 'localhost';
+    $isSeecam = (stripos($host, 'seecam.ch') !== false);
+
+    if ($isSeecam) {
+        return [
+            'tenant_id' => 0,
+            'tenant_slug' => 'seecam',
+            'is_multi_tenant' => false,
+            'site_name' => 'Seecam',
+            'site_name_full' => 'Seecam.ch - Live Webcam am See',
+            'tagline' => 'Ihre Live-Webcam am See',
+            'logo_path' => null,
+            'favicon_path' => null,
+            'primary_color' => '#667eea',
+            'secondary_color' => '#764ba2',
+            'accent_color' => '#f093fb',
+            'welcome_de' => 'Willkommen bei Seecam - Ihrer Live-Webcam am See!',
+            'welcome_en' => 'Welcome to Seecam - Your Live Webcam at the Lake!',
+            'footer_text' => '',
+            'custom_css' => '',
+            'social' => [
+                'facebook' => '',
+                'instagram' => '',
+                'youtube' => '',
+            ],
+        ];
+    }
+
+    // Default: Aurora
+    return [
+        'tenant_id' => 0,
+        'tenant_slug' => 'aurora',
+        'is_multi_tenant' => false,
+        'site_name' => 'Aurora',
+        'site_name_full' => 'Aurora Weather Livecam - Zürich Oberland',
+        'tagline' => 'Wetter Webcam Schweiz - Zürich Oberland',
+        'logo_path' => null,
+        'favicon_path' => null,
+        'primary_color' => '#667eea',
+        'secondary_color' => '#764ba2',
+        'accent_color' => '#f093fb',
+        'welcome_de' => 'Willkommen bei Aurora Weather Livecam - Ihre Wetter-Webcam im Zürcher Oberland mit AI-Erkennung für Aurora, Starlink und mehr!',
+        'welcome_en' => 'Welcome to Aurora Weather Livecam - Your weather webcam in the Zurich Oberland with AI detection for Aurora, Starlink and more!',
+        'footer_text' => '',
+        'custom_css' => '',
+        'social' => [
+            'facebook' => '',
+            'instagram' => '',
+            'youtube' => '',
+        ],
+    ];
+}
+
+/**
+ * Redirect Handler für alte Domains
+ */
+function handleDomainRedirects(): void
+{
+    $host = $_SERVER['HTTP_HOST'] ?? '';
+
+    // Alte Aurora-Domains auf neue Domain umleiten
+    $oldDomains = [
+        'www.aurora-wetter-lifecam.ch',
+        'aurora-wetter-lifecam.ch',
+        'www.aurora-wetter-livecam.ch',
+        'aurora-wetter-livecam.ch'
+    ];
+
+    $newDomain = 'www.aurora-weather-livecam.com';
+
+    if (in_array($host, $oldDomains)) {
+        $protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off') ? 'https' : 'http';
+        $requestUri = $_SERVER['REQUEST_URI'] ?? '/';
+        header("HTTP/1.1 301 Moved Permanently");
+        header("Location: {$protocol}://{$newDomain}{$requestUri}");
+        exit;
+    }
+}
+
+// Domain-Redirects automatisch ausführen
+handleDomainRedirects();

aurora-livecam/test-weather.php

@@ -0,0 +1,31 @@
+<?php
+// Fehler anzeigen
+error_reporting(E_ALL);
+ini_set('display_errors', 1);
+
+echo "Test 1: Settings Manager laden...<br>";
+require_once 'SettingsManager.php';
+echo "✓ SettingsManager.php geladen<br>";
+
+echo "Test 2: Weather Manager laden...<br>";
+require_once 'WeatherManager.php';
+echo "✓ WeatherManager.php geladen<br>";
+
+echo "Test 3: SettingsManager initialisieren...<br>";
+$settingsManager = new SettingsManager();
+echo "✓ SettingsManager initialisiert<br>";
+
+echo "Test 4: WeatherManager initialisieren...<br>";
+$weatherManager = new WeatherManager($settingsManager);
+echo "✓ WeatherManager initialisiert<br>";
+
+echo "Test 5: Wetter abrufen...<br>";
+$weather = $weatherManager->getCurrentWeather();
+echo "✓ Wetter abgerufen<br>";
+
+echo "<pre>";
+print_r($weather);
+echo "</pre>";
+
+echo "<br><br>✅ ALLE TESTS ERFOLGREICH!";
+?>

phase_locked_vocoder.py

@@ -0,0 +1,215 @@
+"""
+Phase-Locked Timestretcher
+==========================
+
+High-quality offline time-stretching using a phase-locked phase vocoder.
+This approach keeps the original spectral texture by propagating peak phases
+and locking surrounding bins to preserve vertical phase coherence.
+
+Usage:
+  python phase_locked_vocoder.py input.wav output.wav 10.0
+"""
+
+from __future__ import annotations
+
+import argparse
+from dataclasses import dataclass
+from typing import Tuple
+
+import numpy as np
+from scipy import signal
+
+try:
+    import soundfile as sf
+except ImportError:  # pragma: no cover - optional dependency
+    sf = None
+
+
+@dataclass
+class StretchConfig:
+    stretch_factor: float = 10.0
+    window_size: int = 4096
+    hop_size: int = 1024
+    peak_threshold_db: float = -60.0
+    peak_min_distance: int = 3
+
+
+def stft(audio: np.ndarray, window_size: int, hop_size: int) -> np.ndarray:
+    window = signal.windows.hann(window_size, sym=False)
+    n_frames = 1 + (len(audio) - window_size) // hop_size
+    frames = np.lib.stride_tricks.as_strided(
+        audio,
+        shape=(n_frames, window_size),
+        strides=(audio.strides[0] * hop_size, audio.strides[0]),
+        writeable=False,
+    )
+    windowed = frames * window[None, :]
+    return np.fft.rfft(windowed, axis=1).T
+
+
+def istft(stft_matrix: np.ndarray, window_size: int, hop_size: int, length: int) -> np.ndarray:
+    window = signal.windows.hann(window_size, sym=False)
+    n_frames = stft_matrix.shape[1]
+    output = np.zeros(hop_size * (n_frames - 1) + window_size)
+    window_sums = np.zeros_like(output)
+
+    for i in range(n_frames):
+        frame = np.fft.irfft(stft_matrix[:, i], n=window_size)
+        start = i * hop_size
+        output[start:start + window_size] += frame * window
+        window_sums[start:start + window_size] += window**2
+
+    nonzero = window_sums > 1e-8
+    output[nonzero] /= window_sums[nonzero]
+    return output[:length]
+
+
+def detect_peaks(magnitude: np.ndarray, threshold_db: float, min_distance: int) -> np.ndarray:
+    mag_db = 20 * np.log10(magnitude + 1e-12)
+    candidates = np.where(
+        (mag_db[1:-1] > threshold_db)
+        & (mag_db[1:-1] > mag_db[:-2])
+        & (mag_db[1:-1] > mag_db[2:])
+    )[0] + 1
+
+    if candidates.size == 0:
+        return np.array([], dtype=int)
+
+    # Enforce minimum distance between peaks
+    peaks = [candidates[0]]
+    for idx in candidates[1:]:
+        if idx - peaks[-1] >= min_distance:
+            peaks.append(idx)
+    return np.array(peaks, dtype=int)
+
+
+def phase_locked_vocoder(
+    stft_matrix: np.ndarray,
+    hop_size: int,
+    stretch_factor: float,
+    peak_threshold_db: float,
+    peak_min_distance: int,
+) -> np.ndarray:
+    n_bins, n_frames = stft_matrix.shape
+    if n_frames < 2:
+        return stft_matrix
+
+    time_steps = np.arange(0, n_frames - 1, 1 / stretch_factor)
+    output = np.zeros((n_bins, len(time_steps)), dtype=np.complex128)
+
+    phase_acc = np.angle(stft_matrix[:, 0])
+    expected_phase = 2 * np.pi * hop_size * np.arange(n_bins) / (2 * (n_bins - 1))
+
+    for t, step in enumerate(time_steps):
+        idx = int(np.floor(step))
+        frac = step - idx
+        if idx + 1 >= n_frames:
+            break
+
+        mag1 = np.abs(stft_matrix[:, idx])
+        mag2 = np.abs(stft_matrix[:, idx + 1])
+        mag = (1 - frac) * mag1 + frac * mag2
+
+        phase1 = np.angle(stft_matrix[:, idx])
+        phase2 = np.angle(stft_matrix[:, idx + 1])
+
+        phase_diff = phase2 - phase1 - expected_phase
+        phase_diff = (phase_diff + np.pi) % (2 * np.pi) - np.pi
+        true_freq = expected_phase + phase_diff
+        phase_acc += true_freq
+
+        peaks = detect_peaks(mag, threshold_db=peak_threshold_db, min_distance=peak_min_distance)
+        if peaks.size == 0:
+            output[:, t] = mag * np.exp(1j * phase_acc)
+            continue
+
+        output_phase = phase_acc.copy()
+        peak_phases = phase_acc[peaks]
+        analysis_phases = phase1
+
+        # Determine regions between peaks
+        boundaries = [0]
+        boundaries += [int((peaks[i] + peaks[i + 1]) / 2) for i in range(len(peaks) - 1)]
+        boundaries.append(n_bins - 1)
+
+        for i, peak in enumerate(peaks):
+            start = boundaries[i]
+            end = boundaries[i + 1]
+            if end <= start:
+                continue
+            relative_phase = analysis_phases[start:end + 1] - analysis_phases[peak]
+            output_phase[start:end + 1] = peak_phases[i] + relative_phase
+
+        output[:, t] = mag * np.exp(1j * output_phase)
+
+    return output
+
+
+def stretch_audio(audio: np.ndarray, sample_rate: int, config: StretchConfig) -> np.ndarray:
+    if audio.ndim > 1:
+        audio = np.mean(audio, axis=1)
+
+    audio = audio.astype(np.float64)
+    audio /= np.max(np.abs(audio)) + 1e-12
+
+    if len(audio) < config.window_size:
+        raise ValueError("Audio is shorter than the analysis window.")
+
+    padded = np.pad(audio, (config.window_size // 2, config.window_size // 2), mode="reflect")
+    stft_matrix = stft(padded, config.window_size, config.hop_size)
+
+    stretched_stft = phase_locked_vocoder(
+        stft_matrix,
+        hop_size=config.hop_size,
+        stretch_factor=config.stretch_factor,
+        peak_threshold_db=config.peak_threshold_db,
+        peak_min_distance=config.peak_min_distance,
+    )
+
+    output_length = int(len(audio) * config.stretch_factor)
+    output = istft(stretched_stft, config.window_size, config.hop_size, output_length + config.window_size)
+
+    output = output[config.window_size // 2:config.window_size // 2 + output_length]
+    peak = np.max(np.abs(output))
+    if peak > 0:
+        output = 0.95 * output / peak
+    return output
+
+
+def stretch_file(input_path: str, output_path: str, config: StretchConfig) -> None:
+    if sf is None:
+        raise RuntimeError("soundfile is required for file IO. Install with `pip install soundfile`.")
+
+    audio, sr = sf.read(input_path)
+    result = stretch_audio(audio, sr, config)
+    sf.write(output_path, result, sr)
+
+
+def parse_args() -> Tuple[str, str, StretchConfig]:
+    parser = argparse.ArgumentParser(description="Phase-locked time-stretching")
+    parser.add_argument("input", help="Input WAV file")
+    parser.add_argument("output", help="Output WAV file")
+    parser.add_argument("stretch", type=float, help="Stretch factor (e.g., 10.0)")
+    parser.add_argument("--window", type=int, default=4096)
+    parser.add_argument("--hop", type=int, default=1024)
+    parser.add_argument("--peak-db", type=float, default=-60.0)
+    parser.add_argument("--peak-distance", type=int, default=3)
+    args = parser.parse_args()
+
+    config = StretchConfig(
+        stretch_factor=args.stretch,
+        window_size=args.window,
+        hop_size=args.hop,
+        peak_threshold_db=args.peak_db,
+        peak_min_distance=args.peak_distance,
+    )
+    return args.input, args.output, config
+
+
+def main() -> None:
+    input_path, output_path, config = parse_args()
+    stretch_file(input_path, output_path, config)
+
+
+if __name__ == "__main__":
+    main()

photography-tools/index.html

@@ -0,0 +1,772 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>PhotoPro Tools</title>
+    <link rel="stylesheet" href="css/style.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar" id="navbar">
+        <div class="nav-container">
+            <a href="#hero" class="nav-logo">
+                <span class="logo-icon">&#9673;</span> PhotoPro Tools
+            </a>
+            <!-- Language Switcher -->
+            <div class="lang-switcher" id="langSwitcher">
+                <button class="lang-current" id="langCurrent" aria-label="Language">
+                    <span class="lang-flag" id="langFlag">DE</span>
+                    <svg width="10" height="6" viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" stroke="currentColor" fill="none" stroke-width="1.5"/></svg>
+                </button>
+                <div class="lang-dropdown" id="langDropdown">
+                    <button class="lang-option active" data-lang="de"><span class="lang-code">DE</span> Deutsch</button>
+                    <button class="lang-option" data-lang="en"><span class="lang-code">EN</span> English</button>
+                    <button class="lang-option" data-lang="fr"><span class="lang-code">FR</span> Fran&ccedil;ais</button>
+                    <button class="lang-option" data-lang="it"><span class="lang-code">IT</span> Italiano</button>
+                    <button class="lang-option" data-lang="sr"><span class="lang-code">SR</span> Srpski</button>
+                    <button class="lang-option" data-lang="sq"><span class="lang-code">SQ</span> Shqip</button>
+                    <button class="lang-option" data-lang="tr"><span class="lang-code">TR</span> T&uuml;rk&ccedil;e</button>
+                    <button class="lang-option" data-lang="sv"><span class="lang-code">SV</span> Svenska</button>
+                </div>
+            </div>
+            <button class="nav-toggle" id="navToggle" aria-label="Menu">
+                <span></span><span></span><span></span>
+            </button>
+            <ul class="nav-menu" id="navMenu">
+                <li><a href="#lens-calc" class="nav-link" data-i18n="nav.lens">Linsenrechner</a></li>
+                <li><a href="#composition" class="nav-link" data-i18n="nav.composition">Komposition</a></li>
+                <li><a href="#motif" class="nav-link" data-i18n="nav.motif">Motiverkennung</a></li>
+                <li><a href="#exposure" class="nav-link" data-i18n="nav.exposure">Belichtung</a></li>
+                <li><a href="#quiz" class="nav-link" data-i18n="nav.quiz">Quiz</a></li>
+                <li><a href="#simtools" class="nav-link" data-i18n="nav.simtools">Simulation</a></li>
+            </ul>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <section class="hero" id="hero">
+        <div class="hero-bg">
+            <div class="hero-particles" id="heroParticles"></div>
+        </div>
+        <div class="hero-content">
+            <h1 class="hero-title">
+                <span class="hero-subtitle" data-i18n="hero.welcome">Willkommen bei</span>
+                PhotoPro Tools
+            </h1>
+            <p class="hero-description" data-i18n="hero.desc">
+                Dein ultimativer Fotografie-Werkzeugkasten. Linsenberechnungen, Kompositionsregeln,
+                Motiverkennung und interaktive Quizze &mdash; alles an einem Ort.
+            </p>
+            <div class="hero-stats">
+                <div class="stat">
+                    <span class="stat-number" data-target="12">0</span>
+                    <span class="stat-label" data-i18n="hero.calculators">Rechner</span>
+                </div>
+                <div class="stat">
+                    <span class="stat-number" data-target="8">0</span>
+                    <span class="stat-label" data-i18n="hero.rules">Regeln</span>
+                </div>
+                <div class="stat">
+                    <span class="stat-number" data-target="50">0</span>
+                    <span class="stat-label" data-i18n="hero.questions">Quiz-Fragen</span>
+                </div>
+            </div>
+            <a href="#lens-calc" class="hero-cta" data-i18n="hero.cta">Jetzt starten</a>
+        </div>
+        <div class="scroll-indicator">
+            <div class="scroll-arrow"></div>
+        </div>
+    </section>
+
+    <!-- ==================== LENS CALCULATOR ==================== -->
+    <section class="section" id="lens-calc">
+        <div class="container">
+            <div class="section-header">
+                <span class="section-tag" data-i18n="lens.tag">Werkzeuge</span>
+                <h2 class="section-title" data-i18n="lens.title">Linsenrechner</h2>
+                <p class="section-desc" data-i18n="lens.desc">Berechne Scharfentiefe, Bildwinkel, Crop-Faktor und mehr.</p>
+            </div>
+
+            <div class="calc-tabs">
+                <button class="calc-tab active" data-calc="dof" data-i18n="lens.tab.dof">Scharfentiefe (DOF)</button>
+                <button class="calc-tab" data-calc="fov" data-i18n="lens.tab.fov">Bildwinkel (FOV)</button>
+                <button class="calc-tab" data-calc="crop" data-i18n="lens.tab.crop">Crop-Faktor</button>
+                <button class="calc-tab" data-calc="hyperfocal" data-i18n="lens.tab.hyper">Hyperfokale Distanz</button>
+                <button class="calc-tab" data-calc="flash" data-i18n="lens.tab.flash">Blitz-Reichweite</button>
+                <button class="calc-tab" data-calc="magnification" data-i18n="lens.tab.mag">Abbildungsmassstab</button>
+            </div>
+
+            <!-- DOF Calculator -->
+            <div class="calc-panel active" id="calc-dof">
+                <div class="calc-grid">
+                    <div class="calc-inputs">
+                        <h3 data-i18n="dof.title">Scharfentiefe berechnen</h3>
+                        <p class="calc-info" data-i18n="dof.info">Die Scharfentiefe (Depth of Field) gibt den Bereich an, der im Bild scharf abgebildet wird.</p>
+                        <div class="input-group">
+                            <label data-i18n="calc.focal">Brennweite (mm)</label>
+                            <input type="number" id="dof-focal" value="50" min="1" max="2000" step="1">
+                            <input type="range" id="dof-focal-range" value="50" min="1" max="800" step="1">
+                        </div>
+                        <div class="input-group">
+                            <label data-i18n="calc.aperture">Blende (f/)</label>
+                            <input type="number" id="dof-aperture" value="2.8" min="0.7" max="64" step="0.1">
+                            <input type="range" id="dof-aperture-range" value="2.8" min="0.7" max="64" step="0.1">
+                        </div>
+                        <div class="input-group">
+                            <label data-i18n="dof.distance">Entfernung zum Motiv (m)</label>
+                            <input type="number" id="dof-distance" value="5" min="0.1" max="10000" step="0.1">
+                            <input type="range" id="dof-distance-range" value="5" min="0.1" max="100" step="0.1">
+                        </div>
+                        <div class="input-group">
+                            <label data-i18n="calc.sensor">Sensorgr&ouml;sse</label>
+                            <select id="dof-sensor">
+                                <option value="0.043" selected data-i18n-opt="sensor.ff">Vollformat (36x24mm)</option>
+                                <option value="0.029" data-i18n-opt="sensor.apsc">APS-C (23.5x15.6mm)</option>
+                                <option value="0.023" data-i18n-opt="sensor.apsc_canon">APS-C Canon (22.3x14.9mm)</option>
+                                <option value="0.019" data-i18n-opt="sensor.m43">Micro 4/3 (17.3x13mm)</option>
+                                <option value="0.011" data-i18n-opt="sensor.1inch">1 Zoll (13.2x8.8mm)</option>
+                                <option value="0.006" data-i18n-opt="sensor.small">1/2.3 Zoll (6.17x4.55mm)</option>
+                            </select>
+                        </div>
+                        <button class="btn-calculate" onclick="calculateDOF()" data-i18n="calc.calculate">Berechnen</button>
+                    </div>
+                    <div class="calc-results">
+                        <h3 data-i18n="calc.results">Ergebnisse</h3>
+                        <div class="result-card">
+                            <div class="result-item highlight">
+                                <span class="result-label" data-i18n="dof.total">Scharfentiefe</span>
+                                <span class="result-value" id="dof-total">--</span>
+                            </div>
+                            <div class="result-item">
+                                <span class="result-label" data-i18n="dof.near">Nahpunkt</span>
+                                <span class="result-value" id="dof-near">--</span>
+                            </div>
+                            <div class="result-item">
+                                <span class="result-label" data-i18n="dof.far">Fernpunkt</span>
+                                <span class="result-value" id="dof-far">--</span>
+                            </div>
+                            <div class="result-item">
+                                <span class="result-label" data-i18n="dof.coc">Zerstreuungskreis</span>
+                                <span class="result-value" id="dof-coc">--</span>
+                            </div>
+                        </div>
+                        <div class="dof-visualization">
+                            <div class="dof-bar">
+                                <div class="dof-sharp" id="dof-sharp-zone"></div>
+                                <div class="dof-subject" id="dof-subject-marker"></div>
+                            </div>
+                            <div class="dof-labels">
+                                <span id="dof-label-near">0m</span>
+                                <span id="dof-label-subject">5m</span>
+                                <span id="dof-label-far">&infin;</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- FOV Calculator -->
+            <div class="calc-panel" id="calc-fov">
+                <div class="calc-grid">
+                    <div class="calc-inputs">
+                        <h3 data-i18n="fov.title">Bildwinkel berechnen</h3>
+                        <p class="calc-info" data-i18n="fov.info">Der Bildwinkel bestimmt, wie viel der Szene die Kamera erfasst.</p>
+                        <div class="input-group">
+                            <label data-i18n="calc.focal">Brennweite (mm)</label>
+                            <input type="number" id="fov-focal" value="50" min="1" max="2000">
+                            <input type="range" id="fov-focal-range" value="50" min="1" max="800">
+                        </div>
+                        <div class="input-group">
+                            <label data-i18n="calc.sensor">Sensorgr&ouml;sse</label>
+                            <select id="fov-sensor">
+                                <option value="36x24" selected data-i18n-opt="sensor.ff">Vollformat (36x24mm)</option>
+                                <option value="23.5x15.6" data-i18n-opt="sensor.apsc">APS-C (23.5x15.6mm)</option>
+                                <option value="22.3x14.9" data-i18n-opt="sensor.apsc_canon">APS-C Canon (22.3x14.9mm)</option>
+                                <option value="17.3x13" data-i18n-opt="sensor.m43">Micro 4/3 (17.3x13mm)</option>
+                                <option value="13.2x8.8" data-i18n-opt="sensor.1inch">1 Zoll (13.2x8.8mm)</option>
+                            </select>
+                        </div>
+                        <button class="btn-calculate" onclick="calculateFOV()" data-i18n="calc.calculate">Berechnen</button>
+                    </div>
+                    <div class="calc-results">
+                        <h3 data-i18n="calc.results">Ergebnisse</h3>
+                        <div class="result-card">
+                            <div class="result-item highlight">
+                                <span class="result-label" data-i18n="fov.horizontal">Horizontaler Bildwinkel</span>
+                                <span class="result-value" id="fov-horizontal">--</span>
+                            </div>
+                            <div class="result-item">
+                                <span class="result-label" data-i18n="fov.vertical">Vertikaler Bildwinkel</span>
+                                <span class="result-value" id="fov-vertical">--</span>
+                            </div>
+                            <div class="result-item">
+                                <span class="result-label" data-i18n="fov.diagonal">Diagonaler Bildwinkel</span>
+                                <span class="result-value" id="fov-diagonal">--</span>
+                            </div>
+                            <div class="result-item">
+                                <span class="result-label" data-i18n="fov.lenstype">Objektivtyp</span>
+                                <span class="result-value" id="fov-type">--</span>
+                            </div>
+                        </div>
+                        <div class="fov-visualization">
+                            <canvas id="fov-canvas" width="400" height="300"></canvas>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Crop Factor Calculator -->
+            <div class="calc-panel" id="calc-crop">
+                <div class="calc-grid">
+                    <div class="calc-inputs">
+                        <h3 data-i18n="crop.title">Crop-Faktor berechnen</h3>
+                        <p class="calc-info" data-i18n="crop.info">Der Crop-Faktor zeigt den &auml;quivalenten Bildausschnitt im Vergleich zum Vollformat.</p>
+                        <div class="input-group">
+                            <label data-i18n="crop.lensfocal">Brennweite am Objektiv (mm)</label>
+                            <input type="number" id="crop-focal" value="50" min="1" max="2000">
+                        </div>
+                        <div class="input-group">
+                            <label data-i18n="crop.lensaperture">Blende am Objektiv (f/)</label>
+                            <input type="number" id="crop-aperture" value="1.8" min="0.7" max="64" step="0.1">
+                        </div>
+                        <div class="input-group">
+                            <label data-i18n="crop.camerasensor">Kamerasensor</label>
+                            <select id="crop-sensor">
+                                <option value="1.0" data-i18n-opt="sensor.ff_1x">Vollformat (1.0x)</option>
+                                <option value="1.5" selected data-i18n-opt="sensor.apsc_nikon">APS-C Nikon/Sony (1.5x)</option>
+                                <option value="1.6" data-i18n-opt="sensor.apsc_canon_1_6">APS-C Canon (1.6x)</option>
+                                <option value="2.0" data-i18n-opt="sensor.m43_2x">Micro 4/3 (2.0x)</option>
+                                <option value="2.7" data-i18n-opt="sensor.1inch_2_7">1 Zoll (2.7x)</option>
+                                <option value="5.6" data-i18n-opt="sensor.small_5_6">1/2.3 Zoll (5.6x)</option>
+                            </select>
+                        </div>
+                        <button class="btn-calculate" onclick="calculateCrop()" data-i18n="calc.calculate">Berechnen</button>
+                    </div>
+                    <div class="calc-results">
+                        <h3 data-i18n="calc.results">Ergebnisse</h3>
+                        <div class="result-card">
+                            <div class="result-item highlight">
+                                <span class="result-label" data-i18n="crop.equivfocal">&#196;quivalente Brennweite (KB)</span>
+                                <span class="result-value" id="crop-equiv-focal">--</span>
+                            </div>
+                            <div class="result-item">
+                                <span class="result-label" data-i18n="crop.equivaperture">&#196;quivalente Blende (KB)</span>
+                                <span class="result-value" id="crop-equiv-aperture">--</span>
+                            </div>
+                            <div class="result-item">
+                                <span class="result-label" data-i18n="crop.factor">Crop-Faktor</span>
+                                <span class="result-value" id="crop-factor-result">--</span>
+                            </div>
+                        </div>
+                        <div class="crop-comparison">
+                            <div class="crop-frame fullframe">
+                                <span data-i18n="crop.fullframe">Vollformat</span>
+                            </div>
+                            <div class="crop-frame cropped" id="crop-overlay">
+                                <span id="crop-overlay-label">APS-C</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Hyperfocal Distance Calculator -->
+            <div class="calc-panel" id="calc-hyperfocal">
+                <div class="calc-grid">
+                    <div class="calc-inputs">
+                        <h3 data-i18n="hyper.title">Hyperfokale Distanz</h3>
+                        <p class="calc-info" data-i18n="hyper.info">Die Entfernung, ab der alles bis unendlich scharf ist.</p>
+                        <div class="input-group">
+                            <label data-i18n="calc.focal">Brennweite (mm)</label>
+                            <input type="number" id="hyper-focal" value="24" min="1" max="2000">
+                        </div>
+                        <div class="input-group">
+                            <label data-i18n="calc.aperture">Blende (f/)</label>
+                            <input type="number" id="hyper-aperture" value="11" min="0.7" max="64" step="0.1">
+                        </div>
+                        <div class="input-group">
+                            <label data-i18n="calc.sensor">Sensorgr&ouml;sse</label>
+                            <select id="hyper-sensor">
+                                <option value="0.030" selected data-i18n-opt="sensor.ff_short">Vollformat</option>
+                                <option value="0.020" data-i18n-opt="sensor.apsc_short">APS-C</option>
+                                <option value="0.015" data-i18n-opt="sensor.m43_short">Micro 4/3</option>
+                            </select>
+                        </div>
+                        <button class="btn-calculate" onclick="calculateHyperfocal()" data-i18n="calc.calculate">Berechnen</button>
+                    </div>
+                    <div class="calc-results">
+                        <h3 data-i18n="calc.results">Ergebnisse</h3>
+                        <div class="result-card">
+                            <div class="result-item highlight">
+                                <span class="result-label" data-i18n="hyper.distance">Hyperfokale Distanz</span>
+                                <span class="result-value" id="hyper-distance">--</span>
+                            </div>
+                            <div class="result-item">
+                                <span class="result-label" data-i18n="hyper.near">Nahpunkt (bei Fokus auf H)</span>
+                                <span class="result-value" id="hyper-near">--</span>
+                            </div>
+                            <div class="result-item">
+                                <span class="result-label" data-i18n="hyper.tiplabel">Tipp</span>
+                                <span class="result-value small" id="hyper-tip" data-i18n="hyper.tip">Fokussiere auf die hyperfokale Distanz f&uuml;r maximale Sch&auml;rfe.</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Flash Range Calculator -->
+            <div class="calc-panel" id="calc-flash">
+                <div class="calc-grid">
+                    <div class="calc-inputs">
+                        <h3 data-i18n="flash.title">Blitz-Reichweite</h3>
+                        <p class="calc-info" data-i18n="flash.info">Berechne die maximale Blitzreichweite basierend auf Leitzahl und Einstellungen.</p>
+                        <div class="input-group">
+                            <label data-i18n="flash.gn">Leitzahl (GN)</label>
+                            <input type="number" id="flash-gn" value="58" min="1" max="200">
+                        </div>
+                        <div class="input-group">
+                            <label data-i18n="calc.aperture">Blende (f/)</label>
+                            <input type="number" id="flash-aperture" value="5.6" min="0.7" max="64" step="0.1">
+                        </div>
+                        <div class="input-group">
+                            <label>ISO</label>
+                            <select id="flash-iso">
+                                <option value="100" selected>ISO 100</option>
+                                <option value="200">ISO 200</option>
+                                <option value="400">ISO 400</option>
+                                <option value="800">ISO 800</option>
+                                <option value="1600">ISO 1600</option>
+                                <option value="3200">ISO 3200</option>
+                            </select>
+                        </div>
+                        <button class="btn-calculate" onclick="calculateFlash()" data-i18n="calc.calculate">Berechnen</button>
+                    </div>
+                    <div class="calc-results">
+                        <h3 data-i18n="calc.results">Ergebnisse</h3>
+                        <div class="result-card">
+                            <div class="result-item highlight">
+                                <span class="result-label" data-i18n="flash.maxrange">Maximale Reichweite</span>
+                                <span class="result-value" id="flash-range">--</span>
+                            </div>
+                            <div class="result-item">
+                                <span class="result-label" data-i18n="flash.at100">Bei ISO 100</span>
+                                <span class="result-value" id="flash-range-100">--</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Magnification Calculator -->
+            <div class="calc-panel" id="calc-magnification">
+                <div class="calc-grid">
+                    <div class="calc-inputs">
+                        <h3 data-i18n="mag.title">Abbildungsmassstab</h3>
+                        <p class="calc-info" data-i18n="mag.info">Berechne den Abbildungsmassstab f&uuml;r Makrofotografie.</p>
+                        <div class="input-group">
+                            <label data-i18n="calc.focal">Brennweite (mm)</label>
+                            <input type="number" id="mag-focal" value="100" min="1" max="2000">
+                        </div>
+                        <div class="input-group">
+                            <label data-i18n="mag.mindist">Naheinstellgrenze (cm)</label>
+                            <input type="number" id="mag-min-focus" value="30" min="1" max="10000">
+                        </div>
+                        <div class="input-group">
+                            <label data-i18n="mag.sensorwidth">Sensorbreite (mm)</label>
+                            <input type="number" id="mag-sensor-w" value="36" min="1" max="100" step="0.1">
+                        </div>
+                        <button class="btn-calculate" onclick="calculateMagnification()" data-i18n="calc.calculate">Berechnen</button>
+                    </div>
+                    <div class="calc-results">
+                        <h3 data-i18n="calc.results">Ergebnisse</h3>
+                        <div class="result-card">
+                            <div class="result-item highlight">
+                                <span class="result-label" data-i18n="mag.ratio">Abbildungsmassstab</span>
+                                <span class="result-value" id="mag-ratio">--</span>
+                            </div>
+                            <div class="result-item">
+                                <span class="result-label" data-i18n="mag.field">Erfasstes Feld (Breite)</span>
+                                <span class="result-value" id="mag-field">--</span>
+                            </div>
+                            <div class="result-item">
+                                <span class="result-label" data-i18n="mag.macro">Makro-Tauglichkeit</span>
+                                <span class="result-value" id="mag-macro">--</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- ==================== COMPOSITION RULES ==================== -->
+    <section class="section section-dark" id="composition">
+        <div class="container">
+            <div class="section-header">
+                <span class="section-tag" data-i18n="comp.tag">Komposition</span>
+                <h2 class="section-title" data-i18n="comp.title">Fotografie-Regeln</h2>
+                <p class="section-desc" data-i18n="comp.desc">Beherrsche die wichtigsten Kompositionsregeln f&uuml;r beeindruckende Fotos.</p>
+            </div>
+
+            <div class="rules-grid" id="rulesGrid">
+                <!-- Generated by JS for i18n -->
+            </div>
+        </div>
+    </section>
+
+    <!-- ==================== MOTIF RECOGNITION ==================== -->
+    <section class="section" id="motif">
+        <div class="container">
+            <div class="section-header">
+                <span class="section-tag" data-i18n="motif.tag">Motiverkennung</span>
+                <h2 class="section-title" data-i18n="motif.title">Motiverkennung &amp; Genres</h2>
+                <p class="section-desc" data-i18n="motif.desc">Lerne verschiedene Fotografie-Genres und ihre optimalen Einstellungen kennen.</p>
+            </div>
+
+            <div class="motif-filter" id="motifFilter">
+                <!-- Generated by JS for i18n -->
+            </div>
+
+            <div class="motif-grid" id="motifGrid">
+                <!-- Generated by JS -->
+            </div>
+        </div>
+    </section>
+
+    <!-- ==================== EXPOSURE TRIANGLE ==================== -->
+    <section class="section section-dark" id="exposure">
+        <div class="container">
+            <div class="section-header">
+                <span class="section-tag" data-i18n="exp.tag">Grundlagen</span>
+                <h2 class="section-title" data-i18n="exp.title">Belichtungsdreieck</h2>
+                <p class="section-desc" data-i18n="exp.desc">Verstehe das Zusammenspiel von Blende, Verschlusszeit und ISO.</p>
+            </div>
+
+            <div class="exposure-interactive">
+                <div class="exposure-triangle-visual">
+                    <canvas id="exposure-canvas" width="500" height="450"></canvas>
+                </div>
+                <div class="exposure-controls">
+                    <div class="exposure-param">
+                        <div class="param-header">
+                            <h3 data-i18n="exp.aperture">Blende (Aperture)</h3>
+                            <span class="param-value" id="exp-aperture-val">f/5.6</span>
+                        </div>
+                        <input type="range" id="exp-aperture" min="0" max="9" step="1" value="4">
+                        <div class="param-scale">
+                            <span>f/1.4</span><span>f/2</span><span>f/2.8</span><span>f/4</span><span>f/5.6</span><span>f/8</span><span>f/11</span><span>f/16</span><span>f/22</span><span>f/32</span>
+                        </div>
+                        <p class="param-desc" id="exp-aperture-desc" data-i18n="exp.aperture.mid">Mittlere Blende &ndash; guter Kompromiss aus Sch&auml;rfe und Licht.</p>
+                    </div>
+                    <div class="exposure-param">
+                        <div class="param-header">
+                            <h3 data-i18n="exp.shutter">Verschlusszeit (Shutter)</h3>
+                            <span class="param-value" id="exp-shutter-val">1/125s</span>
+                        </div>
+                        <input type="range" id="exp-shutter" min="0" max="11" step="1" value="5">
+                        <div class="param-scale">
+                            <span>30s</span><span>15s</span><span>1s</span><span>1/4</span><span>1/30</span><span>1/125</span><span>1/250</span><span>1/500</span><span>1/1000</span><span>1/2000</span><span>1/4000</span><span>1/8000</span>
+                        </div>
+                        <p class="param-desc" id="exp-shutter-desc" data-i18n="exp.shutter.mid">Standard-Verschlusszeit &ndash; friert die meisten Bewegungen ein.</p>
+                    </div>
+                    <div class="exposure-param">
+                        <div class="param-header">
+                            <h3>ISO</h3>
+                            <span class="param-value" id="exp-iso-val">ISO 400</span>
+                        </div>
+                        <input type="range" id="exp-iso" min="0" max="8" step="1" value="2">
+                        <div class="param-scale">
+                            <span>100</span><span>200</span><span>400</span><span>800</span><span>1600</span><span>3200</span><span>6400</span><span>12800</span><span>25600</span>
+                        </div>
+                        <p class="param-desc" id="exp-iso-desc" data-i18n="exp.iso.low">Niedriges ISO &ndash; minimales Rauschen, beste Qualit&auml;t.</p>
+                    </div>
+                    <div class="exposure-result">
+                        <div class="ev-meter">
+                            <div class="ev-bar">
+                                <div class="ev-indicator" id="ev-indicator"></div>
+                            </div>
+                            <div class="ev-labels">
+                                <span>-3 EV</span><span>-2</span><span>-1</span><span>0</span><span>+1</span><span>+2</span><span>+3 EV</span>
+                            </div>
+                        </div>
+                        <p class="ev-text" id="ev-text" data-i18n="exp.correct">Korrekte Belichtung</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- ==================== QUIZ SECTION ==================== -->
+    <section class="section" id="quiz">
+        <div class="container">
+            <div class="section-header">
+                <span class="section-tag" data-i18n="quiz.tag">Lernkontrolle</span>
+                <h2 class="section-title" data-i18n="quiz.title">Fotografie-Quiz</h2>
+                <p class="section-desc" data-i18n="quiz.desc">Teste dein Wissen mit interaktiven Quizfragen zu allen Themen.</p>
+            </div>
+
+            <div class="quiz-categories" id="quizCategories">
+                <!-- Generated by JS for i18n -->
+            </div>
+
+            <div class="quiz-container" id="quizContainer">
+                <div class="quiz-start" id="quizStart">
+                    <div class="quiz-start-icon">&#127909;</div>
+                    <h3 data-i18n="quiz.ready">Bereit f&uuml;r das Quiz?</h3>
+                    <p data-i18n="quiz.choose">W&auml;hle eine Kategorie und teste dein Fotografie-Wissen!</p>
+                    <p class="quiz-info" data-i18n="quiz.info">10 Fragen pro Runde &bull; Multiple Choice &bull; Sofortiges Feedback</p>
+                    <button class="btn-quiz-start" onclick="startQuiz('all')" data-i18n="quiz.start">Quiz starten</button>
+                </div>
+
+                <div class="quiz-active" id="quizActive" style="display:none">
+                    <div class="quiz-progress">
+                        <div class="quiz-progress-bar">
+                            <div class="quiz-progress-fill" id="quizProgress"></div>
+                        </div>
+                        <span class="quiz-progress-text" id="quizProgressText">1 / 10</span>
+                    </div>
+                    <div class="quiz-score-bar">
+                        <span class="quiz-score" id="quizScore"></span>
+                        <span class="quiz-timer" id="quizTimer">00:00</span>
+                    </div>
+                    <div class="quiz-question-card" id="quizQuestionCard">
+                        <span class="quiz-category-badge" id="quizCategoryBadge"></span>
+                        <h3 class="quiz-question" id="quizQuestion"></h3>
+                        <div class="quiz-options" id="quizOptions"></div>
+                        <div class="quiz-explanation" id="quizExplanation" style="display:none">
+                            <p id="quizExplanationText"></p>
+                        </div>
+                        <button class="btn-quiz-next" id="quizNextBtn" style="display:none" onclick="nextQuestion()" data-i18n="quiz.next">N&auml;chste Frage</button>
+                    </div>
+                </div>
+
+                <div class="quiz-results" id="quizResults" style="display:none">
+                    <div class="results-circle">
+                        <svg viewBox="0 0 120 120">
+                            <circle cx="60" cy="60" r="54" class="results-circle-bg"/>
+                            <circle cx="60" cy="60" r="54" class="results-circle-fill" id="resultsCircle"/>
+                        </svg>
+                        <span class="results-percent" id="resultsPercent">0%</span>
+                    </div>
+                    <h3 class="results-title" id="resultsTitle" data-i18n="quiz.finished">Quiz beendet!</h3>
+                    <p class="results-text" id="resultsText"></p>
+                    <div class="results-breakdown" id="resultsBreakdown"></div>
+                    <div class="results-actions">
+                        <button class="btn-quiz-restart" onclick="startQuiz('all')" data-i18n="quiz.playagain">Nochmal spielen</button>
+                        <button class="btn-quiz-review" onclick="reviewAnswers()" data-i18n="quiz.review">Antworten ansehen</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- ==================== SIMULATION TOOLS ==================== -->
+    <section class="section section-dark" id="simtools">
+        <div class="container">
+            <div class="section-header">
+                <span class="section-tag" data-i18n="sim.tag">Simulation</span>
+                <h2 class="section-title" data-i18n="sim.title">Foto-Simulationen</h2>
+                <p class="section-desc" data-i18n="sim.desc">Simuliere verschiedene Foto-Effekte in Echtzeit.</p>
+            </div>
+
+            <div class="sim-tabs">
+                <button class="sim-tab active" data-sim="bokeh" data-i18n="sim.bokeh">Bokeh</button>
+                <button class="sim-tab" data-sim="longexp" data-i18n="sim.longexp">Langzeitbelichtung</button>
+                <button class="sim-tab" data-sim="wb" data-i18n="sim.wb">Wei&szlig;abgleich</button>
+                <button class="sim-tab" data-sim="noise" data-i18n="sim.noise">ISO-Rauschen</button>
+                <button class="sim-tab" data-sim="perspective" data-i18n="sim.perspective">Perspektive</button>
+                <button class="sim-tab" data-sim="histogram" data-i18n="sim.histogram">Histogramm</button>
+            </div>
+
+            <!-- Bokeh Simulator -->
+            <div class="sim-panel active" id="sim-bokeh">
+                <div class="sim-grid">
+                    <div class="sim-controls">
+                        <h3 data-i18n="sim.bokeh.title">Bokeh-Simulator</h3>
+                        <p class="sim-info" data-i18n="sim.bokeh.info">Sieh wie sich Bokeh mit verschiedenen Blenden und Brennweiten ver&auml;ndert.</p>
+                        <div class="input-group">
+                            <label data-i18n="calc.aperture">Blende (f/)</label>
+                            <input type="range" id="sim-bokeh-aperture" min="1.4" max="22" step="0.1" value="2.8">
+                            <span class="range-value" id="sim-bokeh-aperture-val">f/2.8</span>
+                        </div>
+                        <div class="input-group">
+                            <label data-i18n="sim.bokeh.blades">Blendenlamellen</label>
+                            <input type="range" id="sim-bokeh-blades" min="5" max="11" step="1" value="7">
+                            <span class="range-value" id="sim-bokeh-blades-val">7</span>
+                        </div>
+                        <div class="input-group">
+                            <label data-i18n="sim.bokeh.intensity">Bokeh-Intensit&auml;t</label>
+                            <input type="range" id="sim-bokeh-intensity" min="0" max="100" step="1" value="70">
+                            <span class="range-value" id="sim-bokeh-intensity-val">70%</span>
+                        </div>
+                    </div>
+                    <div class="sim-canvas-wrap">
+                        <canvas id="sim-bokeh-canvas" width="500" height="400"></canvas>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Long Exposure Simulator -->
+            <div class="sim-panel" id="sim-longexp">
+                <div class="sim-grid">
+                    <div class="sim-controls">
+                        <h3 data-i18n="sim.longexp.title">Langzeitbelichtungs-Simulator</h3>
+                        <p class="sim-info" data-i18n="sim.longexp.info">Sieh den Effekt verschiedener Belichtungszeiten auf Bewegung.</p>
+                        <div class="input-group">
+                            <label data-i18n="sim.longexp.time">Belichtungszeit (s)</label>
+                            <input type="range" id="sim-longexp-time" min="0" max="8" step="1" value="3">
+                            <span class="range-value" id="sim-longexp-time-val">1/4s</span>
+                        </div>
+                        <div class="input-group">
+                            <label data-i18n="sim.longexp.speed">Bewegungsgeschwindigkeit</label>
+                            <input type="range" id="sim-longexp-speed" min="1" max="10" step="1" value="5">
+                            <span class="range-value" id="sim-longexp-speed-val">5</span>
+                        </div>
+                    </div>
+                    <div class="sim-canvas-wrap">
+                        <canvas id="sim-longexp-canvas" width="500" height="400"></canvas>
+                    </div>
+                </div>
+            </div>
+
+            <!-- White Balance Simulator -->
+            <div class="sim-panel" id="sim-wb">
+                <div class="sim-grid">
+                    <div class="sim-controls">
+                        <h3 data-i18n="sim.wb.title">Wei&szlig;abgleich-Simulator</h3>
+                        <p class="sim-info" data-i18n="sim.wb.info">Sieh wie die Farbtemperatur dein Bild beeinflusst.</p>
+                        <div class="input-group">
+                            <label data-i18n="sim.wb.kelvin">Temperatur (K)</label>
+                            <input type="range" id="sim-wb-kelvin" min="2000" max="12000" step="100" value="5500">
+                            <span class="range-value" id="sim-wb-kelvin-val">5500K</span>
+                        </div>
+                        <div class="input-group">
+                            <label data-i18n="sim.wb.tint">T&ouml;nung</label>
+                            <input type="range" id="sim-wb-tint" min="-50" max="50" step="1" value="0">
+                            <span class="range-value" id="sim-wb-tint-val">0</span>
+                        </div>
+                    </div>
+                    <div class="sim-canvas-wrap">
+                        <canvas id="sim-wb-canvas" width="500" height="400"></canvas>
+                    </div>
+                </div>
+            </div>
+
+            <!-- ISO Noise Simulator -->
+            <div class="sim-panel" id="sim-noise">
+                <div class="sim-grid">
+                    <div class="sim-controls">
+                        <h3 data-i18n="sim.noise.title">ISO-Rausch-Simulator</h3>
+                        <p class="sim-info" data-i18n="sim.noise.info">Sieh wie digitales Rauschen mit h&ouml;heren ISO-Werten zunimmt.</p>
+                        <div class="input-group">
+                            <label>ISO</label>
+                            <input type="range" id="sim-noise-iso" min="0" max="8" step="1" value="2">
+                            <span class="range-value" id="sim-noise-iso-val">ISO 400</span>
+                        </div>
+                        <div class="input-group">
+                            <label data-i18n="sim.noise.level">Rausch-Level</label>
+                            <input type="range" id="sim-noise-level" min="0" max="100" step="1" value="50">
+                            <span class="range-value" id="sim-noise-level-val">50%</span>
+                        </div>
+                    </div>
+                    <div class="sim-canvas-wrap">
+                        <canvas id="sim-noise-canvas" width="500" height="400"></canvas>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Perspective Simulator -->
+            <div class="sim-panel" id="sim-perspective">
+                <div class="sim-grid">
+                    <div class="sim-controls">
+                        <h3 data-i18n="sim.perspective.title">Perspektiv-Simulator</h3>
+                        <p class="sim-info" data-i18n="sim.perspective.info">Sieh wie die Brennweite die Perspektive beeinflusst.</p>
+                        <div class="input-group">
+                            <label data-i18n="calc.focal">Brennweite (mm)</label>
+                            <input type="range" id="sim-perspective-focal" min="14" max="200" step="1" value="50">
+                            <span class="range-value" id="sim-perspective-focal-val">50mm</span>
+                        </div>
+                        <div class="input-group">
+                            <label data-i18n="sim.perspective.type">Verzerrungstyp</label>
+                            <select id="sim-perspective-type">
+                                <option value="barrel">Barrel</option>
+                                <option value="pincushion">Pincushion</option>
+                                <option value="none" selected>None</option>
+                            </select>
+                        </div>
+                    </div>
+                    <div class="sim-canvas-wrap">
+                        <canvas id="sim-perspective-canvas" width="500" height="400"></canvas>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Histogram Simulator -->
+            <div class="sim-panel" id="sim-histogram">
+                <div class="sim-grid">
+                    <div class="sim-controls">
+                        <h3 data-i18n="sim.histogram.title">Histogramm-Simulator</h3>
+                        <p class="sim-info" data-i18n="sim.histogram.info">Sieh das Histogramm basierend auf Belichtungseinstellungen.</p>
+                        <div class="input-group">
+                            <label data-i18n="exp.aperture">Blende</label>
+                            <input type="range" id="sim-hist-aperture" min="0" max="9" step="1" value="4">
+                            <span class="range-value" id="sim-hist-aperture-val">f/5.6</span>
+                        </div>
+                        <div class="input-group">
+                            <label data-i18n="exp.shutter">Verschlusszeit</label>
+                            <input type="range" id="sim-hist-shutter" min="0" max="11" step="1" value="5">
+                            <span class="range-value" id="sim-hist-shutter-val">1/125s</span>
+                        </div>
+                        <div class="input-group">
+                            <label>ISO</label>
+                            <input type="range" id="sim-hist-iso" min="0" max="8" step="1" value="2">
+                            <span class="range-value" id="sim-hist-iso-val">ISO 400</span>
+                        </div>
+                    </div>
+                    <div class="sim-canvas-wrap">
+                        <canvas id="sim-histogram-canvas" width="500" height="400"></canvas>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="footer">
+        <div class="container">
+            <div class="footer-grid">
+                <div class="footer-brand">
+                    <span class="logo-icon">&#9673;</span> PhotoPro Tools
+                    <p data-i18n="footer.brand">Dein kostenloser Fotografie-Werkzeugkasten f&uuml;r bessere Bilder.</p>
+                </div>
+                <div class="footer-links">
+                    <h4 data-i18n="footer.tools">Werkzeuge</h4>
+                    <a href="#lens-calc" data-i18n="nav.lens">Linsenrechner</a>
+                    <a href="#composition" data-i18n="footer.comprules">Kompositionsregeln</a>
+                    <a href="#motif" data-i18n="nav.motif">Motiverkennung</a>
+                    <a href="#exposure" data-i18n="footer.exptriangle">Belichtungsdreieck</a>
+                    <a href="#quiz">Quiz</a>
+                    <a href="#simtools" data-i18n="nav.simtools">Simulation</a>
+                </div>
+                <div class="footer-links">
+                    <h4 data-i18n="footer.calcs">Rechner</h4>
+                    <a href="#lens-calc" data-i18n="dof.total">Scharfentiefe</a>
+                    <a href="#lens-calc" data-i18n="fov.title">Bildwinkel</a>
+                    <a href="#lens-calc" data-i18n="crop.factor">Crop-Faktor</a>
+                    <a href="#lens-calc" data-i18n="hyper.title">Hyperfokale Distanz</a>
+                    <a href="#lens-calc" data-i18n="flash.title">Blitz-Reichweite</a>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p data-i18n="footer.copy">&copy; 2026 PhotoPro Tools &mdash; Erstellt mit Leidenschaft f&uuml;r die Fotografie.</p>
+            </div>
+        </div>
+    </footer>
+
+    <script src="js/i18n.js"></script>
+    <script src="js/app.js"></script>
+</body>
+</html>

photography-tools/js/i18n.js

@@ -0,0 +1,371 @@
+/* ==================== i18n - Internationalization System ==================== */
+window.currentLang = 'de';
+
+window.I18N = {
+/* ===== DEUTSCH ===== */
+de: {
+"nav.lens":"Linsenrechner","nav.composition":"Komposition","nav.motif":"Motiverkennung","nav.exposure":"Belichtung","nav.quiz":"Quiz",
+"hero.welcome":"Willkommen bei","hero.desc":"Dein ultimativer Fotografie-Werkzeugkasten. Linsenberechnungen, Kompositionsregeln, Motiverkennung und interaktive Quizze \u2014 alles an einem Ort.","hero.calculators":"Rechner","hero.rules":"Regeln","hero.questions":"Quiz-Fragen","hero.cta":"Jetzt starten",
+"lens.tag":"Werkzeuge","lens.title":"Linsenrechner","lens.desc":"Berechne Sch\u00e4rfentiefe, Bildwinkel, Crop-Faktor und mehr.","lens.tab.dof":"Sch\u00e4rfentiefe (DOF)","lens.tab.fov":"Bildwinkel (FOV)","lens.tab.crop":"Crop-Faktor","lens.tab.hyper":"Hyperfokale Distanz","lens.tab.flash":"Blitz-Reichweite","lens.tab.mag":"Abbildungsma\u00dfstab",
+"calc.focal":"Brennweite (mm)","calc.aperture":"Blende (f/)","calc.sensor":"Sensorgr\u00f6\u00dfe","calc.calculate":"Berechnen","calc.results":"Ergebnisse",
+"dof.title":"Sch\u00e4rfentiefe berechnen","dof.info":"Die Sch\u00e4rfentiefe (Depth of Field) gibt den Bereich an, der im Bild scharf abgebildet wird.","dof.distance":"Entfernung zum Motiv (m)","dof.total":"Sch\u00e4rfentiefe","dof.near":"Nahpunkt","dof.far":"Fernpunkt","dof.coc":"Zerstreuungskreis",
+"fov.title":"Bildwinkel berechnen","fov.info":"Der Bildwinkel bestimmt, wie viel der Szene die Kamera erfasst.","fov.horizontal":"Horizontaler Bildwinkel","fov.vertical":"Vertikaler Bildwinkel","fov.diagonal":"Diagonaler Bildwinkel","fov.lenstype":"Objektivtyp",
+"crop.title":"Crop-Faktor berechnen","crop.info":"Der Crop-Faktor zeigt den \u00e4quivalenten Bildausschnitt im Vergleich zum Vollformat.","crop.lensfocal":"Brennweite am Objektiv (mm)","crop.lensaperture":"Blende am Objektiv (f/)","crop.camerasensor":"Kamerasensor","crop.equivfocal":"\u00c4quivalente Brennweite (KB)","crop.equivaperture":"\u00c4quivalente Blende (KB)","crop.factor":"Crop-Faktor","crop.fullframe":"Vollformat",
+"hyper.title":"Hyperfokale Distanz","hyper.info":"Die Entfernung, ab der alles bis unendlich scharf ist.","hyper.distance":"Hyperfokale Distanz","hyper.near":"Nahpunkt (bei Fokus auf H)","hyper.tiplabel":"Tipp","hyper.tip":"Fokussiere auf die hyperfokale Distanz f\u00fcr maximale Sch\u00e4rfe.",
+"flash.title":"Blitz-Reichweite","flash.info":"Berechne die maximale Blitzreichweite basierend auf Leitzahl und Einstellungen.","flash.gn":"Leitzahl (GN)","flash.maxrange":"Maximale Reichweite","flash.at100":"Bei ISO 100",
+"mag.title":"Abbildungsma\u00dfstab","mag.info":"Berechne den Abbildungsma\u00dfstab f\u00fcr Makrofotografie.","mag.mindist":"Naheinstellgrenze (cm)","mag.sensorwidth":"Sensorbreite (mm)","mag.ratio":"Abbildungsma\u00dfstab","mag.field":"Erfasstes Feld (Breite)","mag.macro":"Makro-Tauglichkeit",
+"comp.tag":"Komposition","comp.title":"Fotografie-Regeln","comp.desc":"Beherrsche die wichtigsten Kompositionsregeln f\u00fcr beeindruckende Fotos.","comp.demo":"Demo anzeigen",
+"motif.tag":"Motiverkennung","motif.title":"Motiverkennung & Genres","motif.desc":"Lerne verschiedene Fotografie-Genres und ihre optimalen Einstellungen kennen.","motif.all":"Alle","motif.portrait":"Portr\u00e4t","motif.landscape":"Landschaft","motif.street":"Street","motif.macro":"Makro","motif.night":"Nacht","motif.sport":"Sport","motif.architecture":"Architektur","motif.wildlife":"Wildlife",
+"exp.tag":"Grundlagen","exp.title":"Belichtungsdreieck","exp.desc":"Verstehe das Zusammenspiel von Blende, Verschlusszeit und ISO.","exp.aperture":"Blende (Aperture)","exp.shutter":"Verschlusszeit (Shutter)","exp.aperture.mid":"Mittlere Blende \u2013 guter Kompromiss aus Sch\u00e4rfe und Licht.","exp.shutter.mid":"Standard-Verschlusszeit \u2013 friert die meisten Bewegungen ein.","exp.iso.low":"Niedriges ISO \u2013 minimales Rauschen, beste Qualit\u00e4t.","exp.correct":"Korrekte Belichtung","exp.under":"Unterbelichtet","exp.over":"\u00dcberbelichtet","exp.slightunder":"Leicht unterbelichtet","exp.slightover":"Leicht \u00fcberbelichtet",
+"quiz.tag":"Lernkontrolle","quiz.title":"Fotografie-Quiz","quiz.desc":"Teste dein Wissen mit interaktiven Quizfragen zu allen Themen.","quiz.all":"Alle Themen","quiz.basics":"Grundlagen","quiz.composition":"Komposition","quiz.lenses":"Objektive","quiz.exposure":"Belichtung","quiz.genres":"Genres","quiz.ready":"Bereit f\u00fcr das Quiz?","quiz.choose":"W\u00e4hle eine Kategorie und teste dein Fotografie-Wissen!","quiz.info":"10 Fragen pro Runde \u2022 Multiple Choice \u2022 Sofortiges Feedback","quiz.start":"Quiz starten","quiz.next":"N\u00e4chste Frage","quiz.finished":"Quiz beendet!","quiz.playagain":"Nochmal spielen","quiz.review":"Antworten ansehen","quiz.score":"Punkte","quiz.resulttext":"Du hast {0} von {1} Fragen richtig beantwortet.","quiz.excellent":"Ausgezeichnet! Du bist ein Fotografie-Profi!","quiz.good":"Gut gemacht! Solides Wissen!","quiz.ok":"Nicht schlecht! Weiter \u00fcben!","quiz.needwork":"Da geht noch mehr! Lerne die Grundlagen nochmal.",
+"footer.brand":"Dein kostenloser Fotografie-Werkzeugkasten f\u00fcr bessere Bilder.","footer.tools":"Werkzeuge","footer.calcs":"Rechner","footer.comprules":"Kompositionsregeln","footer.exptriangle":"Belichtungsdreieck","footer.copy":"\u00a9 2026 PhotoPro Tools \u2014 Erstellt mit Leidenschaft f\u00fcr die Fotografie.",
+"sensor.ff":"Vollformat (36x24mm)","sensor.apsc":"APS-C (23.5x15.6mm)","sensor.apsc_canon":"APS-C Canon (22.3x14.9mm)","sensor.m43":"Micro 4/3 (17.3x13mm)","sensor.1inch":"1 Zoll (13.2x8.8mm)","sensor.small":"1/2.3 Zoll (6.17x4.55mm)","sensor.ff_short":"Vollformat","sensor.apsc_short":"APS-C","sensor.m43_short":"Micro 4/3","sensor.ff_1x":"Vollformat (1.0x)","sensor.apsc_nikon":"APS-C Nikon/Sony (1.5x)","sensor.apsc_canon_1_6":"APS-C Canon (1.6x)","sensor.m43_2x":"Micro 4/3 (2.0x)","sensor.1inch_2_7":"1 Zoll (2.7x)","sensor.small_5_6":"1/2.3 Zoll (5.6x)",
+"lenstype.superwide":"Super-Weitwinkel","lenstype.wide":"Weitwinkel","lenstype.normal":"Normalobjektiv","lenstype.tele":"Teleobjektiv","lenstype.supertele":"Super-Teleobjektiv",
+"macro.true":"Echtes Makro (1:1+)","macro.half":"Halbes Makro (~1:2)","macro.close":"Nahaufnahme","macro.no":"Kein Makro",
+"rule.thirds.name":"Drittel-Regel","rule.thirds.desc":"Teile das Bild in 9 gleiche Felder. Platziere wichtige Elemente auf den Linien oder Schnittpunkten.","rule.thirds.tip1":"Horizont auf obere oder untere Drittellinie","rule.thirds.tip2":"Augen des Motivs auf obere Schnittpunkte","rule.thirds.tip3":"Hauptmotiv nie genau in die Mitte",
+"rule.golden.name":"Goldener Schnitt","rule.golden.desc":"Das Verh\u00e4ltnis von 1:1,618 \u2013 die perfekte Proportion der Natur.","rule.golden.tip1":"Teilt das Bild im Verh\u00e4ltnis ca. 62% zu 38%","rule.golden.tip2":"Wirkt harmonischer als die Drittelregel","rule.golden.tip3":"In der Natur \u00fcberall zu finden (Muscheln, Blumen)",
+"rule.leading.name":"F\u00fchrende Linien","rule.leading.desc":"Nat\u00fcrliche Linien leiten den Blick des Betrachters zum Hauptmotiv.","rule.leading.tip1":"Stra\u00dfen, Fl\u00fcsse, Z\u00e4une als Linien nutzen","rule.leading.tip2":"Linien sollten ins Bild hineinf\u00fchren","rule.leading.tip3":"Konvergierende Linien erzeugen Tiefe",
+"rule.symmetry.name":"Symmetrie & Muster","rule.symmetry.desc":"Symmetrische Kompositionen strahlen Ruhe und Perfektion aus.","rule.symmetry.tip1":"Spiegelungen in Wasser perfekt f\u00fcr Symmetrie","rule.symmetry.tip2":"Architektur bietet nat\u00fcrliche Symmetrie","rule.symmetry.tip3":"Bewusstes Brechen der Symmetrie als Stilmittel",
+"rule.framing.name":"Nat\u00fcrlicher Rahmen","rule.framing.desc":"Verwende Elemente in der Szene, um dein Motiv einzurahmen.","rule.framing.tip1":"T\u00fcrb\u00f6gen, Fenster, \u00c4ste als Rahmen","rule.framing.tip2":"Lenkt den Blick auf das Hauptmotiv","rule.framing.tip3":"Erzeugt Tiefe und Kontext",
+"rule.negative.name":"Negativer Raum","rule.negative.desc":"Leerer Raum um das Motiv erzeugt Wirkung und Dramatik.","rule.negative.tip1":"Weniger ist mehr \u2013 Minimalismus nutzen","rule.negative.tip2":"Gibt dem Motiv Luft zum Atmen","rule.negative.tip3":"Besonders wirkungsvoll bei Portr\u00e4ts",
+"rule.diagonal.name":"Diagonalen","rule.diagonal.desc":"Diagonale Linien erzeugen Dynamik und Spannung im Bild.","rule.diagonal.tip1":"Von Ecke zu Ecke f\u00fcr maximale Dynamik","rule.diagonal.tip2":"Schr\u00e4ge Perspektiven nutzen","rule.diagonal.tip3":"Bewegungsrichtung entlang der Diagonale",
+"rule.color.name":"Farbtheorie","rule.color.desc":"Komplement\u00e4rfarben und Farbharmonien f\u00fcr starke Bildwirkung.","rule.color.tip1":"Komplement\u00e4rfarben f\u00fcr Kontrast (Blau/Orange)","rule.color.tip2":"Analoge Farben f\u00fcr Harmonie","rule.color.tip3":"Warme Farben im Vordergrund, kalte im Hintergrund",
+"motif.portrait.title":"Portr\u00e4tfotografie","motif.portrait.desc":"Menschen und Gesichter perfekt in Szene setzen.","motif.landscape.title":"Landschaftsfotografie","motif.landscape.desc":"Weite Landschaften und Naturszenen einfangen.","motif.street.title":"Street Photography","motif.street.desc":"Das Leben auf der Stra\u00dfe authentisch dokumentieren.","motif.macro.title":"Makrofotografie","motif.macro.desc":"Kleine Dinge ganz gro\u00df darstellen.","motif.night.title":"Nachtfotografie","motif.night.desc":"Sterne, Stadtlichter und n\u00e4chtliche Szenen.","motif.sport.title":"Sportfotografie","motif.sport.desc":"Schnelle Bewegungen und Action einfrieren.","motif.architecture.title":"Architekturfotografie","motif.architecture.desc":"Geb\u00e4ude und Strukturen in Perfektion.","motif.wildlife.title":"Tierfotografie","motif.wildlife.desc":"Tiere in ihrer nat\u00fcrlichen Umgebung.",
+"motif.setting.lens":"Objektiv","motif.setting.aperture":"Blende","motif.setting.iso":"ISO","motif.setting.shutter":"Verschluss",
+"nav.simtools":"Simulation","sim.tag":"Simulation","sim.title":"Foto-Simulationen","sim.desc":"Simuliere verschiedene Foto-Effekte in Echtzeit.",
+"sim.bokeh":"Bokeh","sim.longexp":"Langzeitbelichtung","sim.wb":"Weißabgleich","sim.noise":"ISO-Rauschen","sim.perspective":"Perspektive","sim.histogram":"Histogramm",
+"sim.bokeh.title":"Bokeh-Simulator","sim.bokeh.info":"Sieh wie sich Bokeh mit verschiedenen Blenden und Brennweiten verändert.","sim.bokeh.blades":"Blendenlamellen","sim.bokeh.intensity":"Bokeh-Intensität",
+"sim.longexp.title":"Langzeitbelichtungs-Simulator","sim.longexp.info":"Sieh den Effekt verschiedener Belichtungszeiten auf Bewegung.","sim.longexp.speed":"Bewegungsgeschwindigkeit","sim.longexp.time":"Belichtungszeit (s)",
+"sim.wb.title":"Weißabgleich-Simulator","sim.wb.info":"Sieh wie die Farbtemperatur dein Bild beeinflusst.","sim.wb.kelvin":"Temperatur (K)","sim.wb.tint":"Tönung",
+"sim.noise.title":"ISO-Rausch-Simulator","sim.noise.info":"Sieh wie digitales Rauschen mit höheren ISO-Werten zunimmt.","sim.noise.level":"Rausch-Level",
+"sim.perspective.title":"Perspektiv-Simulator","sim.perspective.info":"Sieh wie die Brennweite die Perspektive beeinflusst.","sim.perspective.type":"Verzerrungstyp",
+"sim.histogram.title":"Histogramm-Simulator","sim.histogram.info":"Sieh das Histogramm basierend auf Belichtungseinstellungen."
+},
+
+/* ===== ENGLISH ===== */
+en: {
+"nav.lens":"Lens Calculator","nav.composition":"Composition","nav.motif":"Subject Recognition","nav.exposure":"Exposure","nav.quiz":"Quiz",
+"hero.welcome":"Welcome to","hero.desc":"Your ultimate photography toolkit. Lens calculations, composition rules, subject recognition and interactive quizzes \u2014 all in one place.","hero.calculators":"Calculators","hero.rules":"Rules","hero.questions":"Quiz Questions","hero.cta":"Get Started",
+"lens.tag":"Tools","lens.title":"Lens Calculator","lens.desc":"Calculate depth of field, field of view, crop factor and more.","lens.tab.dof":"Depth of Field (DOF)","lens.tab.fov":"Field of View (FOV)","lens.tab.crop":"Crop Factor","lens.tab.hyper":"Hyperfocal Distance","lens.tab.flash":"Flash Range","lens.tab.mag":"Magnification",
+"calc.focal":"Focal Length (mm)","calc.aperture":"Aperture (f/)","calc.sensor":"Sensor Size","calc.calculate":"Calculate","calc.results":"Results",
+"dof.title":"Calculate Depth of Field","dof.info":"Depth of Field (DOF) describes the range that appears sharp in the image.","dof.distance":"Distance to Subject (m)","dof.total":"Depth of Field","dof.near":"Near Point","dof.far":"Far Point","dof.coc":"Circle of Confusion",
+"fov.title":"Calculate Field of View","fov.info":"The field of view determines how much of the scene the camera captures.","fov.horizontal":"Horizontal FOV","fov.vertical":"Vertical FOV","fov.diagonal":"Diagonal FOV","fov.lenstype":"Lens Type",
+"crop.title":"Calculate Crop Factor","crop.info":"The crop factor shows the equivalent field of view compared to full frame.","crop.lensfocal":"Lens Focal Length (mm)","crop.lensaperture":"Lens Aperture (f/)","crop.camerasensor":"Camera Sensor","crop.equivfocal":"Equivalent Focal Length (FF)","crop.equivaperture":"Equivalent Aperture (FF)","crop.factor":"Crop Factor","crop.fullframe":"Full Frame",
+"hyper.title":"Hyperfocal Distance","hyper.info":"The distance at which everything from half that distance to infinity is sharp.","hyper.distance":"Hyperfocal Distance","hyper.near":"Near Point (focused at H)","hyper.tiplabel":"Tip","hyper.tip":"Focus at the hyperfocal distance for maximum sharpness.",
+"flash.title":"Flash Range","flash.info":"Calculate maximum flash range based on guide number and settings.","flash.gn":"Guide Number (GN)","flash.maxrange":"Maximum Range","flash.at100":"At ISO 100",
+"mag.title":"Magnification","mag.info":"Calculate the magnification ratio for macro photography.","mag.mindist":"Minimum Focus Distance (cm)","mag.sensorwidth":"Sensor Width (mm)","mag.ratio":"Magnification Ratio","mag.field":"Captured Field (Width)","mag.macro":"Macro Capability",
+"comp.tag":"Composition","comp.title":"Photography Rules","comp.desc":"Master the most important composition rules for stunning photos.","comp.demo":"Show Demo",
+"motif.tag":"Subject Recognition","motif.title":"Subject Recognition & Genres","motif.desc":"Learn different photography genres and their optimal settings.","motif.all":"All","motif.portrait":"Portrait","motif.landscape":"Landscape","motif.street":"Street","motif.macro":"Macro","motif.night":"Night","motif.sport":"Sport","motif.architecture":"Architecture","motif.wildlife":"Wildlife",
+"exp.tag":"Basics","exp.title":"Exposure Triangle","exp.desc":"Understand the interplay of aperture, shutter speed and ISO.","exp.aperture":"Aperture","exp.shutter":"Shutter Speed","exp.aperture.mid":"Medium aperture \u2013 good compromise between sharpness and light.","exp.shutter.mid":"Standard shutter speed \u2013 freezes most motion.","exp.iso.low":"Low ISO \u2013 minimal noise, best quality.","exp.correct":"Correct Exposure","exp.under":"Underexposed","exp.over":"Overexposed","exp.slightunder":"Slightly underexposed","exp.slightover":"Slightly overexposed",
+"quiz.tag":"Knowledge Check","quiz.title":"Photography Quiz","quiz.desc":"Test your knowledge with interactive quiz questions on all topics.","quiz.all":"All Topics","quiz.basics":"Basics","quiz.composition":"Composition","quiz.lenses":"Lenses","quiz.exposure":"Exposure","quiz.genres":"Genres","quiz.ready":"Ready for the Quiz?","quiz.choose":"Choose a category and test your photography knowledge!","quiz.info":"10 questions per round \u2022 Multiple choice \u2022 Instant feedback","quiz.start":"Start Quiz","quiz.next":"Next Question","quiz.finished":"Quiz Complete!","quiz.playagain":"Play Again","quiz.review":"Review Answers","quiz.score":"Score","quiz.resulttext":"You answered {0} of {1} questions correctly.","quiz.excellent":"Excellent! You are a photography pro!","quiz.good":"Well done! Solid knowledge!","quiz.ok":"Not bad! Keep practicing!","quiz.needwork":"Room for improvement! Review the basics.",
+"footer.brand":"Your free photography toolkit for better images.","footer.tools":"Tools","footer.calcs":"Calculators","footer.comprules":"Composition Rules","footer.exptriangle":"Exposure Triangle","footer.copy":"\u00a9 2026 PhotoPro Tools \u2014 Made with passion for photography.",
+"sensor.ff":"Full Frame (36x24mm)","sensor.apsc":"APS-C (23.5x15.6mm)","sensor.apsc_canon":"APS-C Canon (22.3x14.9mm)","sensor.m43":"Micro 4/3 (17.3x13mm)","sensor.1inch":"1 Inch (13.2x8.8mm)","sensor.small":"1/2.3 Inch (6.17x4.55mm)","sensor.ff_short":"Full Frame","sensor.apsc_short":"APS-C","sensor.m43_short":"Micro 4/3","sensor.ff_1x":"Full Frame (1.0x)","sensor.apsc_nikon":"APS-C Nikon/Sony (1.5x)","sensor.apsc_canon_1_6":"APS-C Canon (1.6x)","sensor.m43_2x":"Micro 4/3 (2.0x)","sensor.1inch_2_7":"1 Inch (2.7x)","sensor.small_5_6":"1/2.3 Inch (5.6x)",
+"lenstype.superwide":"Super Wide-Angle","lenstype.wide":"Wide-Angle","lenstype.normal":"Normal Lens","lenstype.tele":"Telephoto","lenstype.supertele":"Super Telephoto",
+"macro.true":"True Macro (1:1+)","macro.half":"Half Macro (~1:2)","macro.close":"Close-up","macro.no":"Not Macro",
+"rule.thirds.name":"Rule of Thirds","rule.thirds.desc":"Divide the image into 9 equal parts. Place key elements on the lines or intersections.","rule.thirds.tip1":"Place the horizon on the upper or lower third line","rule.thirds.tip2":"Position subject's eyes on upper intersections","rule.thirds.tip3":"Never place the main subject dead center",
+"rule.golden.name":"Golden Ratio","rule.golden.desc":"The ratio of 1:1.618 \u2013 nature's perfect proportion.","rule.golden.tip1":"Divides the image at approximately 62% to 38%","rule.golden.tip2":"More harmonious than the rule of thirds","rule.golden.tip3":"Found everywhere in nature (shells, flowers)",
+"rule.leading.name":"Leading Lines","rule.leading.desc":"Natural lines in the image guide the viewer's eye to the main subject.","rule.leading.tip1":"Use roads, rivers, fences as lines","rule.leading.tip2":"Lines should lead into the image","rule.leading.tip3":"Converging lines create depth",
+"rule.symmetry.name":"Symmetry & Patterns","rule.symmetry.desc":"Symmetric compositions radiate calm and perfection.","rule.symmetry.tip1":"Reflections in water perfect for symmetry","rule.symmetry.tip2":"Architecture offers natural symmetry","rule.symmetry.tip3":"Deliberately breaking symmetry as a style element",
+"rule.framing.name":"Natural Framing","rule.framing.desc":"Use elements in the scene to frame your subject.","rule.framing.tip1":"Archways, windows, branches as frames","rule.framing.tip2":"Directs attention to the main subject","rule.framing.tip3":"Creates depth and context",
+"rule.negative.name":"Negative Space","rule.negative.desc":"Empty space around the subject creates impact and drama.","rule.negative.tip1":"Less is more \u2013 use minimalism","rule.negative.tip2":"Give the subject room to breathe","rule.negative.tip3":"Especially effective in portraits",
+"rule.diagonal.name":"Diagonals","rule.diagonal.desc":"Diagonal lines create dynamics and tension in the image.","rule.diagonal.tip1":"Corner to corner for maximum dynamics","rule.diagonal.tip2":"Use tilted perspectives","rule.diagonal.tip3":"Direction of movement along the diagonal",
+"rule.color.name":"Color Theory","rule.color.desc":"Complementary colors and color harmonies for strong visual impact.","rule.color.tip1":"Complementary colors for contrast (blue/orange)","rule.color.tip2":"Analogous colors for harmony","rule.color.tip3":"Warm colors foreground, cool colors background",
+"motif.portrait.title":"Portrait Photography","motif.portrait.desc":"Perfectly capture people and faces.","motif.landscape.title":"Landscape Photography","motif.landscape.desc":"Capture wide landscapes and nature scenes.","motif.street.title":"Street Photography","motif.street.desc":"Authentically document life on the streets.","motif.macro.title":"Macro Photography","motif.macro.desc":"Make small things appear large.","motif.night.title":"Night Photography","motif.night.desc":"Stars, city lights and nighttime scenes.","motif.sport.title":"Sports Photography","motif.sport.desc":"Freeze fast movements and action.","motif.architecture.title":"Architecture Photography","motif.architecture.desc":"Buildings and structures in perfection.","motif.wildlife.title":"Wildlife Photography","motif.wildlife.desc":"Animals in their natural habitat.",
+"motif.setting.lens":"Lens","motif.setting.aperture":"Aperture","motif.setting.iso":"ISO","motif.setting.shutter":"Shutter",
+"nav.simtools":"Simulation","sim.tag":"Simulation","sim.title":"Photo Simulations","sim.desc":"Simulate various photo effects in real-time.",
+"sim.bokeh":"Bokeh","sim.longexp":"Long Exposure","sim.wb":"White Balance","sim.noise":"ISO Noise","sim.perspective":"Perspective","sim.histogram":"Histogram",
+"sim.bokeh.title":"Bokeh Simulator","sim.bokeh.info":"See how bokeh changes with different apertures and focal lengths.","sim.bokeh.blades":"Aperture Blades","sim.bokeh.intensity":"Bokeh Intensity",
+"sim.longexp.title":"Long Exposure Simulator","sim.longexp.info":"See the effect of different exposure times on motion.","sim.longexp.speed":"Motion Speed","sim.longexp.time":"Exposure Time (s)",
+"sim.wb.title":"White Balance Simulator","sim.wb.info":"See how color temperature affects your image.","sim.wb.kelvin":"Temperature (K)","sim.wb.tint":"Tint",
+"sim.noise.title":"ISO Noise Simulator","sim.noise.info":"See how digital noise increases with higher ISO values.","sim.noise.level":"Noise Level",
+"sim.perspective.title":"Perspective Simulator","sim.perspective.info":"See how focal length affects perspective.","sim.perspective.type":"Distortion Type",
+"sim.histogram.title":"Histogram Simulator","sim.histogram.info":"View the histogram based on exposure settings."
+},
+
+/* ===== FRAN\u00c7AIS ===== */
+fr: {
+"nav.lens":"Calculateur","nav.composition":"Composition","nav.motif":"Reconnaissance","nav.exposure":"Exposition","nav.quiz":"Quiz",
+"hero.welcome":"Bienvenue sur","hero.desc":"Votre bo\u00eete \u00e0 outils photo ultime. Calculs d'objectifs, r\u00e8gles de composition, reconnaissance de sujets et quiz interactifs \u2014 tout en un seul endroit.","hero.calculators":"Calculateurs","hero.rules":"R\u00e8gles","hero.questions":"Questions Quiz","hero.cta":"Commencer",
+"lens.tag":"Outils","lens.title":"Calculateur d'Objectifs","lens.desc":"Calculez la profondeur de champ, l'angle de vue, le facteur de recadrage et plus.","lens.tab.dof":"Profondeur de Champ","lens.tab.fov":"Angle de Vue","lens.tab.crop":"Facteur de Recadrage","lens.tab.hyper":"Distance Hyperfocale","lens.tab.flash":"Port\u00e9e du Flash","lens.tab.mag":"Grossissement",
+"calc.focal":"Distance Focale (mm)","calc.aperture":"Ouverture (f/)","calc.sensor":"Taille du Capteur","calc.calculate":"Calculer","calc.results":"R\u00e9sultats",
+"dof.title":"Calculer la Profondeur de Champ","dof.info":"La profondeur de champ d\u00e9crit la zone qui appara\u00eet nette dans l'image.","dof.distance":"Distance au Sujet (m)","dof.total":"Profondeur de Champ","dof.near":"Point Proche","dof.far":"Point \u00c9loign\u00e9","dof.coc":"Cercle de Confusion",
+"fov.title":"Calculer l'Angle de Vue","fov.info":"L'angle de vue d\u00e9termine la portion de sc\u00e8ne captur\u00e9e.","fov.horizontal":"Angle Horizontal","fov.vertical":"Angle Vertical","fov.diagonal":"Angle Diagonal","fov.lenstype":"Type d'Objectif",
+"crop.title":"Calculer le Facteur de Recadrage","crop.info":"Le facteur de recadrage montre l'\u00e9quivalent par rapport au plein format.","crop.lensfocal":"Focale de l'Objectif (mm)","crop.lensaperture":"Ouverture de l'Objectif (f/)","crop.camerasensor":"Capteur","crop.equivfocal":"Focale \u00c9quivalente (FF)","crop.equivaperture":"Ouverture \u00c9quivalente (FF)","crop.factor":"Facteur de Recadrage","crop.fullframe":"Plein Format",
+"hyper.title":"Distance Hyperfocale","hyper.info":"La distance \u00e0 partir de laquelle tout est net jusqu'\u00e0 l'infini.","hyper.distance":"Distance Hyperfocale","hyper.near":"Point Proche (\u00e0 H)","hyper.tiplabel":"Conseil","hyper.tip":"Faites la mise au point sur la distance hyperfocale pour une nettet\u00e9 maximale.",
+"flash.title":"Port\u00e9e du Flash","flash.info":"Calculez la port\u00e9e maximale du flash selon le nombre guide.","flash.gn":"Nombre Guide (NG)","flash.maxrange":"Port\u00e9e Maximale","flash.at100":"\u00c0 ISO 100",
+"mag.title":"Grossissement","mag.info":"Calculez le rapport de grossissement pour la macrophotographie.","mag.mindist":"Distance Min. de Mise au Point (cm)","mag.sensorwidth":"Largeur du Capteur (mm)","mag.ratio":"Rapport de Grossissement","mag.field":"Champ Captur\u00e9 (Largeur)","mag.macro":"Capacit\u00e9 Macro",
+"comp.tag":"Composition","comp.title":"R\u00e8gles de Photographie","comp.desc":"Ma\u00eetrisez les r\u00e8gles de composition les plus importantes.","comp.demo":"Voir la D\u00e9mo",
+"motif.tag":"Reconnaissance","motif.title":"Reconnaissance de Sujets & Genres","motif.desc":"D\u00e9couvrez les diff\u00e9rents genres photo et leurs r\u00e9glages optimaux.","motif.all":"Tous","motif.portrait":"Portrait","motif.landscape":"Paysage","motif.street":"Street","motif.macro":"Macro","motif.night":"Nuit","motif.sport":"Sport","motif.architecture":"Architecture","motif.wildlife":"Animalier",
+"exp.tag":"Bases","exp.title":"Triangle d'Exposition","exp.desc":"Comprenez l'interaction entre ouverture, vitesse d'obturation et ISO.","exp.aperture":"Ouverture","exp.shutter":"Vitesse d'Obturation","exp.aperture.mid":"Ouverture moyenne \u2013 bon compromis nettet\u00e9/lumi\u00e8re.","exp.shutter.mid":"Vitesse standard \u2013 fige la plupart des mouvements.","exp.iso.low":"ISO bas \u2013 bruit minimal, meilleure qualit\u00e9.","exp.correct":"Exposition Correcte","exp.under":"Sous-expos\u00e9","exp.over":"Surexpos\u00e9","exp.slightunder":"L\u00e9g\u00e8rement sous-expos\u00e9","exp.slightover":"L\u00e9g\u00e8rement surexpos\u00e9",
+"quiz.tag":"Contr\u00f4le","quiz.title":"Quiz Photo","quiz.desc":"Testez vos connaissances avec des questions interactives.","quiz.all":"Tous les Th\u00e8mes","quiz.basics":"Bases","quiz.composition":"Composition","quiz.lenses":"Objectifs","quiz.exposure":"Exposition","quiz.genres":"Genres","quiz.ready":"Pr\u00eat pour le Quiz ?","quiz.choose":"Choisissez une cat\u00e9gorie et testez vos connaissances !","quiz.info":"10 questions par tour \u2022 Choix multiples \u2022 Feedback instantan\u00e9","quiz.start":"Lancer le Quiz","quiz.next":"Question Suivante","quiz.finished":"Quiz Termin\u00e9 !","quiz.playagain":"Rejouer","quiz.review":"Voir les R\u00e9ponses","quiz.score":"Points","quiz.resulttext":"Vous avez r\u00e9pondu correctement \u00e0 {0} questions sur {1}.","quiz.excellent":"Excellent ! Vous \u00eates un pro de la photo !","quiz.good":"Bien jou\u00e9 ! Connaissances solides !","quiz.ok":"Pas mal ! Continuez \u00e0 pratiquer !","quiz.needwork":"Des progr\u00e8s \u00e0 faire ! R\u00e9visez les bases.",
+"footer.brand":"Votre bo\u00eete \u00e0 outils photo gratuite pour de meilleures images.","footer.tools":"Outils","footer.calcs":"Calculateurs","footer.comprules":"R\u00e8gles de Composition","footer.exptriangle":"Triangle d'Exposition","footer.copy":"\u00a9 2026 PhotoPro Tools \u2014 Cr\u00e9\u00e9 avec passion pour la photographie.",
+"sensor.ff":"Plein Format (36x24mm)","sensor.apsc":"APS-C (23.5x15.6mm)","sensor.apsc_canon":"APS-C Canon (22.3x14.9mm)","sensor.m43":"Micro 4/3 (17.3x13mm)","sensor.1inch":"1 Pouce (13.2x8.8mm)","sensor.small":"1/2.3 Pouce (6.17x4.55mm)","sensor.ff_short":"Plein Format","sensor.apsc_short":"APS-C","sensor.m43_short":"Micro 4/3","sensor.ff_1x":"Plein Format (1.0x)","sensor.apsc_nikon":"APS-C Nikon/Sony (1.5x)","sensor.apsc_canon_1_6":"APS-C Canon (1.6x)","sensor.m43_2x":"Micro 4/3 (2.0x)","sensor.1inch_2_7":"1 Pouce (2.7x)","sensor.small_5_6":"1/2.3 Pouce (5.6x)",
+"lenstype.superwide":"Super Grand-Angle","lenstype.wide":"Grand-Angle","lenstype.normal":"Objectif Normal","lenstype.tele":"T\u00e9l\u00e9objectif","lenstype.supertele":"Super T\u00e9l\u00e9objectif",
+"macro.true":"Vrai Macro (1:1+)","macro.half":"Demi Macro (~1:2)","macro.close":"Gros Plan","macro.no":"Pas Macro",
+"rule.thirds.name":"R\u00e8gle des Tiers","rule.thirds.desc":"Divisez l'image en 9 parties \u00e9gales. Placez les \u00e9l\u00e9ments cl\u00e9s sur les lignes ou intersections.","rule.thirds.tip1":"Placez l'horizon sur la ligne du tiers sup\u00e9rieur ou inf\u00e9rieur","rule.thirds.tip2":"Yeux du sujet sur les intersections sup\u00e9rieures","rule.thirds.tip3":"Ne jamais placer le sujet principal au centre exact",
+"rule.golden.name":"Nombre d'Or","rule.golden.desc":"Le rapport de 1:1,618 \u2013 la proportion parfaite de la nature.","rule.golden.tip1":"Divise l'image \u00e0 environ 62% / 38%","rule.golden.tip2":"Plus harmonieux que la r\u00e8gle des tiers","rule.golden.tip3":"Pr\u00e9sent partout dans la nature (coquillages, fleurs)",
+"rule.leading.name":"Lignes Directrices","rule.leading.desc":"Les lignes naturelles guident le regard du spectateur vers le sujet.","rule.leading.tip1":"Utilisez routes, rivi\u00e8res, cl\u00f4tures comme lignes","rule.leading.tip2":"Les lignes doivent mener dans l'image","rule.leading.tip3":"Les lignes convergentes cr\u00e9ent de la profondeur",
+"rule.symmetry.name":"Sym\u00e9trie & Motifs","rule.symmetry.desc":"Les compositions sym\u00e9triques rayonnent de calme et perfection.","rule.symmetry.tip1":"Reflets dans l'eau parfaits pour la sym\u00e9trie","rule.symmetry.tip2":"L'architecture offre une sym\u00e9trie naturelle","rule.symmetry.tip3":"Briser d\u00e9lib\u00e9r\u00e9ment la sym\u00e9trie comme effet de style",
+"rule.framing.name":"Cadrage Naturel","rule.framing.desc":"Utilisez des \u00e9l\u00e9ments de la sc\u00e8ne pour encadrer votre sujet.","rule.framing.tip1":"Arches, fen\u00eatres, branches comme cadres","rule.framing.tip2":"Dirige l'attention vers le sujet principal","rule.framing.tip3":"Cr\u00e9e profondeur et contexte",
+"rule.negative.name":"Espace N\u00e9gatif","rule.negative.desc":"L'espace vide autour du sujet cr\u00e9e impact et dramatisme.","rule.negative.tip1":"Moins c'est plus \u2013 utilisez le minimalisme","rule.negative.tip2":"Donnez au sujet de l'espace pour respirer","rule.negative.tip3":"Particuli\u00e8rement efficace en portrait",
+"rule.diagonal.name":"Diagonales","rule.diagonal.desc":"Les lignes diagonales cr\u00e9ent dynamisme et tension dans l'image.","rule.diagonal.tip1":"D'un coin \u00e0 l'autre pour un maximum de dynamisme","rule.diagonal.tip2":"Utilisez des perspectives inclin\u00e9es","rule.diagonal.tip3":"Direction du mouvement le long de la diagonale",
+"rule.color.name":"Th\u00e9orie des Couleurs","rule.color.desc":"Couleurs compl\u00e9mentaires et harmonies pour un fort impact visuel.","rule.color.tip1":"Couleurs compl\u00e9mentaires pour le contraste (bleu/orange)","rule.color.tip2":"Couleurs analogues pour l'harmonie","rule.color.tip3":"Couleurs chaudes au premier plan, froides \u00e0 l'arri\u00e8re",
+"motif.portrait.title":"Photographie de Portrait","motif.portrait.desc":"Mettre parfaitement en sc\u00e8ne les personnes.","motif.landscape.title":"Photographie de Paysage","motif.landscape.desc":"Capturer de vastes paysages et sc\u00e8nes naturelles.","motif.street.title":"Photographie de Rue","motif.street.desc":"Documenter la vie urbaine de mani\u00e8re authentique.","motif.macro.title":"Macrophotographie","motif.macro.desc":"Montrer les petites choses en grand.","motif.night.title":"Photographie de Nuit","motif.night.desc":"\u00c9toiles, lumi\u00e8res de la ville et sc\u00e8nes nocturnes.","motif.sport.title":"Photographie Sportive","motif.sport.desc":"Figer les mouvements rapides et l'action.","motif.architecture.title":"Photographie d'Architecture","motif.architecture.desc":"B\u00e2timents et structures en perfection.","motif.wildlife.title":"Photographie Animalier","motif.wildlife.desc":"Animaux dans leur habitat naturel.",
+"motif.setting.lens":"Objectif","motif.setting.aperture":"Ouverture","motif.setting.iso":"ISO","motif.setting.shutter":"Obturation",
+"nav.simtools":"Simulation","sim.tag":"Simulation","sim.title":"Simulations Photo","sim.desc":"Simulez divers effets photo en temps réel.",
+"sim.bokeh":"Bokeh","sim.longexp":"Longue Exposition","sim.wb":"Balance des Blancs","sim.noise":"Bruit ISO","sim.perspective":"Perspective","sim.histogram":"Histogramme",
+"sim.bokeh.title":"Simulateur de Bokeh","sim.bokeh.info":"Voyez comment le bokeh change avec différentes ouvertures et focales.","sim.bokeh.blades":"Lamelles d'Ouverture","sim.bokeh.intensity":"Intensité du Bokeh",
+"sim.longexp.title":"Simulateur de Longue Exposition","sim.longexp.info":"Voyez l'effet de différents temps d'exposition sur le mouvement.","sim.longexp.speed":"Vitesse de Mouvement","sim.longexp.time":"Temps d'Exposition (s)",
+"sim.wb.title":"Simulateur de Balance des Blancs","sim.wb.info":"Voyez comment la température de couleur affecte votre image.","sim.wb.kelvin":"Température (K)","sim.wb.tint":"Teinte",
+"sim.noise.title":"Simulateur de Bruit ISO","sim.noise.info":"Voyez comment le bruit numérique augmente avec des valeurs ISO élevées.","sim.noise.level":"Niveau de Bruit",
+"sim.perspective.title":"Simulateur de Perspective","sim.perspective.info":"Voyez comment la focale affecte la perspective.","sim.perspective.type":"Type de Distorsion",
+"sim.histogram.title":"Simulateur d'Histogramme","sim.histogram.info":"Voyez l'histogramme selon les réglages d'exposition."
+},
+
+/* ===== ITALIANO ===== */
+it: {
+"nav.lens":"Calcolatore","nav.composition":"Composizione","nav.motif":"Riconoscimento","nav.exposure":"Esposizione","nav.quiz":"Quiz",
+"hero.welcome":"Benvenuto su","hero.desc":"Il tuo toolkit fotografico definitivo. Calcoli degli obiettivi, regole di composizione, riconoscimento soggetti e quiz interattivi \u2014 tutto in un unico posto.","hero.calculators":"Calcolatori","hero.rules":"Regole","hero.questions":"Domande Quiz","hero.cta":"Inizia Ora",
+"lens.tag":"Strumenti","lens.title":"Calcolatore Obiettivi","lens.desc":"Calcola profondit\u00e0 di campo, angolo di campo, fattore di crop e altro.","lens.tab.dof":"Profondit\u00e0 di Campo","lens.tab.fov":"Angolo di Campo","lens.tab.crop":"Fattore di Crop","lens.tab.hyper":"Distanza Iperfocale","lens.tab.flash":"Portata Flash","lens.tab.mag":"Ingrandimento",
+"calc.focal":"Lunghezza Focale (mm)","calc.aperture":"Apertura (f/)","calc.sensor":"Dimensione Sensore","calc.calculate":"Calcola","calc.results":"Risultati",
+"dof.title":"Calcola Profondit\u00e0 di Campo","dof.info":"La profondit\u00e0 di campo descrive la zona che appare nitida nell'immagine.","dof.distance":"Distanza dal Soggetto (m)","dof.total":"Profondit\u00e0 di Campo","dof.near":"Punto Vicino","dof.far":"Punto Lontano","dof.coc":"Cerchio di Confusione",
+"fov.title":"Calcola Angolo di Campo","fov.info":"L'angolo di campo determina quanta scena cattura la fotocamera.","fov.horizontal":"Angolo Orizzontale","fov.vertical":"Angolo Verticale","fov.diagonal":"Angolo Diagonale","fov.lenstype":"Tipo di Obiettivo",
+"crop.title":"Calcola Fattore di Crop","crop.info":"Il fattore di crop mostra l'equivalente rispetto al pieno formato.","crop.lensfocal":"Focale dell'Obiettivo (mm)","crop.lensaperture":"Apertura dell'Obiettivo (f/)","crop.camerasensor":"Sensore Fotocamera","crop.equivfocal":"Focale Equivalente (FF)","crop.equivaperture":"Apertura Equivalente (FF)","crop.factor":"Fattore di Crop","crop.fullframe":"Pieno Formato",
+"hyper.title":"Distanza Iperfocale","hyper.info":"La distanza dalla quale tutto \u00e8 nitido fino all'infinito.","hyper.distance":"Distanza Iperfocale","hyper.near":"Punto Vicino (a fuoco su H)","hyper.tiplabel":"Consiglio","hyper.tip":"Metti a fuoco sulla distanza iperfocale per la massima nitidezza.",
+"flash.title":"Portata Flash","flash.info":"Calcola la portata massima del flash in base al numero guida.","flash.gn":"Numero Guida (NG)","flash.maxrange":"Portata Massima","flash.at100":"A ISO 100",
+"mag.title":"Ingrandimento","mag.info":"Calcola il rapporto di ingrandimento per la macrofotografia.","mag.mindist":"Distanza Min. di Messa a Fuoco (cm)","mag.sensorwidth":"Larghezza Sensore (mm)","mag.ratio":"Rapporto di Ingrandimento","mag.field":"Campo Catturato (Larghezza)","mag.macro":"Capacit\u00e0 Macro",
+"comp.tag":"Composizione","comp.title":"Regole Fotografiche","comp.desc":"Padroneggia le regole di composizione pi\u00f9 importanti per foto straordinarie.","comp.demo":"Mostra Demo",
+"motif.tag":"Riconoscimento","motif.title":"Riconoscimento Soggetti & Generi","motif.desc":"Scopri i diversi generi fotografici e le loro impostazioni ottimali.","motif.all":"Tutti","motif.portrait":"Ritratto","motif.landscape":"Paesaggio","motif.street":"Street","motif.macro":"Macro","motif.night":"Notturna","motif.sport":"Sport","motif.architecture":"Architettura","motif.wildlife":"Natura",
+"exp.tag":"Basi","exp.title":"Triangolo dell'Esposizione","exp.desc":"Comprendi l'interazione tra apertura, tempo di posa e ISO.","exp.aperture":"Apertura","exp.shutter":"Tempo di Posa","exp.aperture.mid":"Apertura media \u2013 buon compromesso tra nitidezza e luce.","exp.shutter.mid":"Tempo di posa standard \u2013 congela la maggior parte dei movimenti.","exp.iso.low":"ISO basso \u2013 rumore minimo, migliore qualit\u00e0.","exp.correct":"Esposizione Corretta","exp.under":"Sottoesposto","exp.over":"Sovraesposto","exp.slightunder":"Leggermente sottoesposto","exp.slightover":"Leggermente sovraesposto",
+"quiz.tag":"Verifica","quiz.title":"Quiz Fotografico","quiz.desc":"Metti alla prova le tue conoscenze con domande interattive.","quiz.all":"Tutti i Temi","quiz.basics":"Basi","quiz.composition":"Composizione","quiz.lenses":"Obiettivi","quiz.exposure":"Esposizione","quiz.genres":"Generi","quiz.ready":"Pronto per il Quiz?","quiz.choose":"Scegli una categoria e metti alla prova le tue conoscenze!","quiz.info":"10 domande per turno \u2022 Scelta multipla \u2022 Feedback istantaneo","quiz.start":"Inizia Quiz","quiz.next":"Prossima Domanda","quiz.finished":"Quiz Completato!","quiz.playagain":"Gioca Ancora","quiz.review":"Rivedi Risposte","quiz.score":"Punti","quiz.resulttext":"Hai risposto correttamente a {0} domande su {1}.","quiz.excellent":"Eccellente! Sei un professionista della fotografia!","quiz.good":"Ben fatto! Conoscenze solide!","quiz.ok":"Non male! Continua a esercitarti!","quiz.needwork":"C'\u00e8 margine di miglioramento! Ripassa le basi.",
+"footer.brand":"Il tuo toolkit fotografico gratuito per immagini migliori.","footer.tools":"Strumenti","footer.calcs":"Calcolatori","footer.comprules":"Regole di Composizione","footer.exptriangle":"Triangolo dell'Esposizione","footer.copy":"\u00a9 2026 PhotoPro Tools \u2014 Creato con passione per la fotografia.",
+"sensor.ff":"Pieno Formato (36x24mm)","sensor.apsc":"APS-C (23.5x15.6mm)","sensor.apsc_canon":"APS-C Canon (22.3x14.9mm)","sensor.m43":"Micro 4/3 (17.3x13mm)","sensor.1inch":"1 Pollice (13.2x8.8mm)","sensor.small":"1/2.3 Pollice (6.17x4.55mm)","sensor.ff_short":"Pieno Formato","sensor.apsc_short":"APS-C","sensor.m43_short":"Micro 4/3","sensor.ff_1x":"Pieno Formato (1.0x)","sensor.apsc_nikon":"APS-C Nikon/Sony (1.5x)","sensor.apsc_canon_1_6":"APS-C Canon (1.6x)","sensor.m43_2x":"Micro 4/3 (2.0x)","sensor.1inch_2_7":"1 Pollice (2.7x)","sensor.small_5_6":"1/2.3 Pollice (5.6x)",
+"lenstype.superwide":"Super Grandangolo","lenstype.wide":"Grandangolo","lenstype.normal":"Obiettivo Normale","lenstype.tele":"Teleobiettivo","lenstype.supertele":"Super Teleobiettivo",
+"macro.true":"Vero Macro (1:1+)","macro.half":"Mezzo Macro (~1:2)","macro.close":"Primo Piano","macro.no":"Non Macro",
+"rule.thirds.name":"Regola dei Terzi","rule.thirds.desc":"Dividi l'immagine in 9 parti uguali. Posiziona gli elementi chiave sulle linee o intersezioni.","rule.thirds.tip1":"Posiziona l'orizzonte sulla linea del terzo superiore o inferiore","rule.thirds.tip2":"Occhi del soggetto sulle intersezioni superiori","rule.thirds.tip3":"Mai posizionare il soggetto principale esattamente al centro",
+"rule.golden.name":"Sezione Aurea","rule.golden.desc":"Il rapporto 1:1,618 \u2013 la proporzione perfetta della natura.","rule.golden.tip1":"Divide l'immagine circa 62% a 38%","rule.golden.tip2":"Pi\u00f9 armonioso della regola dei terzi","rule.golden.tip3":"Presente ovunque in natura (conchiglie, fiori)",
+"rule.leading.name":"Linee Guida","rule.leading.desc":"Le linee naturali guidano lo sguardo dello spettatore verso il soggetto.","rule.leading.tip1":"Usa strade, fiumi, recinzioni come linee","rule.leading.tip2":"Le linee devono condurre dentro l'immagine","rule.leading.tip3":"Le linee convergenti creano profondit\u00e0",
+"rule.symmetry.name":"Simmetria & Motivi","rule.symmetry.desc":"Le composizioni simmetriche irradiano calma e perfezione.","rule.symmetry.tip1":"Riflessi nell'acqua perfetti per la simmetria","rule.symmetry.tip2":"L'architettura offre simmetria naturale","rule.symmetry.tip3":"Rompere deliberatamente la simmetria come elemento stilistico",
+"rule.framing.name":"Cornice Naturale","rule.framing.desc":"Usa elementi della scena per incorniciare il soggetto.","rule.framing.tip1":"Archi, finestre, rami come cornici","rule.framing.tip2":"Dirige l'attenzione sul soggetto principale","rule.framing.tip3":"Crea profondit\u00e0 e contesto",
+"rule.negative.name":"Spazio Negativo","rule.negative.desc":"Lo spazio vuoto intorno al soggetto crea impatto e drammaticit\u00e0.","rule.negative.tip1":"Meno \u00e8 di pi\u00f9 \u2013 usa il minimalismo","rule.negative.tip2":"Dai al soggetto spazio per respirare","rule.negative.tip3":"Particolarmente efficace nei ritratti",
+"rule.diagonal.name":"Diagonali","rule.diagonal.desc":"Le linee diagonali creano dinamismo e tensione nell'immagine.","rule.diagonal.tip1":"Da angolo ad angolo per il massimo dinamismo","rule.diagonal.tip2":"Usa prospettive inclinate","rule.diagonal.tip3":"Direzione del movimento lungo la diagonale",
+"rule.color.name":"Teoria del Colore","rule.color.desc":"Colori complementari e armonie cromatiche per un forte impatto visivo.","rule.color.tip1":"Colori complementari per il contrasto (blu/arancione)","rule.color.tip2":"Colori analoghi per l'armonia","rule.color.tip3":"Colori caldi in primo piano, freddi sullo sfondo",
+"motif.portrait.title":"Fotografia Ritrattistica","motif.portrait.desc":"Mettere perfettamente in scena le persone.","motif.landscape.title":"Fotografia Paesaggistica","motif.landscape.desc":"Catturare vasti paesaggi e scene naturali.","motif.street.title":"Street Photography","motif.street.desc":"Documentare autenticamente la vita di strada.","motif.macro.title":"Macrofotografia","motif.macro.desc":"Mostrare le piccole cose in grande.","motif.night.title":"Fotografia Notturna","motif.night.desc":"Stelle, luci della citt\u00e0 e scene notturne.","motif.sport.title":"Fotografia Sportiva","motif.sport.desc":"Congelare movimenti veloci e azione.","motif.architecture.title":"Fotografia d'Architettura","motif.architecture.desc":"Edifici e strutture alla perfezione.","motif.wildlife.title":"Fotografia Naturalistica","motif.wildlife.desc":"Animali nel loro habitat naturale.",
+"motif.setting.lens":"Obiettivo","motif.setting.aperture":"Apertura","motif.setting.iso":"ISO","motif.setting.shutter":"Otturatore",
+"nav.simtools":"Simulazione","sim.tag":"Simulazione","sim.title":"Simulazioni Foto","sim.desc":"Simula vari effetti fotografici in tempo reale.",
+"sim.bokeh":"Bokeh","sim.longexp":"Lunga Esposizione","sim.wb":"Bilanciamento del Bianco","sim.noise":"Rumore ISO","sim.perspective":"Prospettiva","sim.histogram":"Istogramma",
+"sim.bokeh.title":"Simulatore Bokeh","sim.bokeh.info":"Guarda come cambia il bokeh con diverse aperture e focali.","sim.bokeh.blades":"Lamelle del Diaframma","sim.bokeh.intensity":"Intensità del Bokeh",
+"sim.longexp.title":"Simulatore Lunga Esposizione","sim.longexp.info":"Guarda l'effetto di diversi tempi di esposizione sul movimento.","sim.longexp.speed":"Velocità di Movimento","sim.longexp.time":"Tempo di Esposizione (s)",
+"sim.wb.title":"Simulatore Bilanciamento del Bianco","sim.wb.info":"Guarda come la temperatura del colore influenza la tua immagine.","sim.wb.kelvin":"Temperatura (K)","sim.wb.tint":"Tonalità",
+"sim.noise.title":"Simulatore Rumore ISO","sim.noise.info":"Guarda come il rumore digitale aumenta con valori ISO più alti.","sim.noise.level":"Livello di Rumore",
+"sim.perspective.title":"Simulatore di Prospettiva","sim.perspective.info":"Guarda come la focale influenza la prospettiva.","sim.perspective.type":"Tipo di Distorsione",
+"sim.histogram.title":"Simulatore di Istogramma","sim.histogram.info":"Visualizza l'istogramma in base alle impostazioni di esposizione."
+},
+
+/* ===== SRPSKI (Latin) ===== */
+sr: {
+"nav.lens":"Kalkulator","nav.composition":"Kompozicija","nav.motif":"Prepoznavanje","nav.exposure":"Ekspozicija","nav.quiz":"Kviz",
+"hero.welcome":"Dobrodo\u0161li na","hero.desc":"Va\u0161 ultimativni fotografski alat. Prora\u010duni objektiva, pravila kompozicije, prepoznavanje motiva i interaktivni kvizovi \u2014 sve na jednom mestu.","hero.calculators":"Kalkulatori","hero.rules":"Pravila","hero.questions":"Pitanja","hero.cta":"Po\u010dni",
+"lens.tag":"Alati","lens.title":"Kalkulator Objektiva","lens.desc":"Izra\u010dunajte dubinu o\u0161trine, ugao snimanja, crop faktor i vi\u0161e.","lens.tab.dof":"Dubina O\u0161trine","lens.tab.fov":"Ugao Snimanja","lens.tab.crop":"Crop Faktor","lens.tab.hyper":"Hiperfokalna Daljina","lens.tab.flash":"Domet Blica","lens.tab.mag":"Uve\u0107anje",
+"calc.focal":"\u017di\u017ena Daljina (mm)","calc.aperture":"Otvor Blende (f/)","calc.sensor":"Veli\u010dina Senzora","calc.calculate":"Izra\u010dunaj","calc.results":"Rezultati",
+"dof.title":"Izra\u010dunaj Dubinu O\u0161trine","dof.info":"Dubina o\u0161trine opisuje opseg koji se pojavljuje o\u0161tar na slici.","dof.distance":"Udaljenost do Motiva (m)","dof.total":"Dubina O\u0161trine","dof.near":"Bli\u017ea Ta\u010dka","dof.far":"Dalja Ta\u010dka","dof.coc":"Krug Konfuzije",
+"fov.title":"Izra\u010dunaj Ugao Snimanja","fov.info":"Ugao snimanja odre\u0111uje koliko scene kamera obuhvata.","fov.horizontal":"Horizontalni Ugao","fov.vertical":"Vertikalni Ugao","fov.diagonal":"Dijagonalni Ugao","fov.lenstype":"Tip Objektiva",
+"crop.title":"Izra\u010dunaj Crop Faktor","crop.info":"Crop faktor pokazuje ekvivalentni ise\u010dak u pore\u0111enju sa punim formatom.","crop.lensfocal":"\u017di\u017ena Daljina Objektiva (mm)","crop.lensaperture":"Blenda Objektiva (f/)","crop.camerasensor":"Senzor Kamere","crop.equivfocal":"Ekvivalentna \u017di\u017ena Daljina","crop.equivaperture":"Ekvivalentna Blenda","crop.factor":"Crop Faktor","crop.fullframe":"Pun Format",
+"hyper.title":"Hiperfokalna Daljina","hyper.info":"Udaljenost od koje je sve o\u0161tro do beskona\u010dnosti.","hyper.distance":"Hiperfokalna Daljina","hyper.near":"Bli\u017ea Ta\u010dka (fokus na H)","hyper.tiplabel":"Savet","hyper.tip":"Fokusirajte na hiperfokalnu daljinu za maksimalnu o\u0161trinu.",
+"flash.title":"Domet Blica","flash.info":"Izra\u010dunajte maksimalni domet blica na osnovu vodenog broja.","flash.gn":"Vode\u0107i Broj (GN)","flash.maxrange":"Maksimalni Domet","flash.at100":"Pri ISO 100",
+"mag.title":"Uve\u0107anje","mag.info":"Izra\u010dunajte odnos uve\u0107anja za makro fotografiju.","mag.mindist":"Min. Udaljenost Fokusa (cm)","mag.sensorwidth":"\u0160irina Senzora (mm)","mag.ratio":"Odnos Uve\u0107anja","mag.field":"Obuhva\u0107eno Polje (\u0160irina)","mag.macro":"Makro Sposobnost",
+"comp.tag":"Kompozicija","comp.title":"Pravila Fotografije","comp.desc":"Savladajte najva\u017enija pravila kompozicije za impresivne fotografije.","comp.demo":"Prika\u017ei Demo",
+"motif.tag":"Prepoznavanje","motif.title":"Prepoznavanje Motiva & \u017danrovi","motif.desc":"Nau\u010dite razli\u010dite fotografske \u017eanrove i njihova optimalna pode\u0161avanja.","motif.all":"Svi","motif.portrait":"Portret","motif.landscape":"Pejza\u017e","motif.street":"Ulica","motif.macro":"Makro","motif.night":"No\u0107","motif.sport":"Sport","motif.architecture":"Arhitektura","motif.wildlife":"Divljina",
+"exp.tag":"Osnove","exp.title":"Trougao Ekspozicije","exp.desc":"Razumite interakciju izme\u0111u blende, brzine zatva\u010da i ISO.","exp.aperture":"Blenda","exp.shutter":"Brzina Zatva\u010da","exp.aperture.mid":"Srednja blenda \u2013 dobar kompromis izme\u0111u o\u0161trine i svetlosti.","exp.shutter.mid":"Standardna brzina \u2013 zamrzava ve\u0107inu pokreta.","exp.iso.low":"Nizak ISO \u2013 minimalan \u0161um, najbolji kvalitet.","exp.correct":"Korektna Ekspozicija","exp.under":"Podeksponirana","exp.over":"Preeksponirana","exp.slightunder":"Blago podeksponirana","exp.slightover":"Blago preeksponirana",
+"quiz.tag":"Provera Znanja","quiz.title":"Fotografski Kviz","quiz.desc":"Testirajte svoje znanje sa interaktivnim pitanjima.","quiz.all":"Sve Teme","quiz.basics":"Osnove","quiz.composition":"Kompozicija","quiz.lenses":"Objektivi","quiz.exposure":"Ekspozicija","quiz.genres":"\u017danrovi","quiz.ready":"Spremni za Kviz?","quiz.choose":"Izaberite kategoriju i testirajte svoje znanje!","quiz.info":"10 pitanja po rundi \u2022 Vi\u0161estruki izbor \u2022 Trenutni feedback","quiz.start":"Po\u010dni Kviz","quiz.next":"Slede\u0107e Pitanje","quiz.finished":"Kviz Zavr\u0161en!","quiz.playagain":"Igraj Ponovo","quiz.review":"Pregled Odgovora","quiz.score":"Poeni","quiz.resulttext":"Ta\u010dno ste odgovorili na {0} od {1} pitanja.","quiz.excellent":"Odli\u010dno! Vi ste foto profesionalac!","quiz.good":"Bravo! Solidno znanje!","quiz.ok":"Nije lo\u0161e! Nastavite da ve\u017ebate!","quiz.needwork":"Ima prostora za napredak! Ponovite osnove.",
+"footer.brand":"Va\u0161 besplatni fotografski alat za bolje slike.","footer.tools":"Alati","footer.calcs":"Kalkulatori","footer.comprules":"Pravila Kompozicije","footer.exptriangle":"Trougao Ekspozicije","footer.copy":"\u00a9 2026 PhotoPro Tools \u2014 Napravljeno sa stra\u0161\u0107u za fotografiju.",
+"sensor.ff":"Pun Format (36x24mm)","sensor.apsc":"APS-C (23.5x15.6mm)","sensor.apsc_canon":"APS-C Canon (22.3x14.9mm)","sensor.m43":"Micro 4/3 (17.3x13mm)","sensor.1inch":"1 In\u010d (13.2x8.8mm)","sensor.small":"1/2.3 In\u010d (6.17x4.55mm)","sensor.ff_short":"Pun Format","sensor.apsc_short":"APS-C","sensor.m43_short":"Micro 4/3","sensor.ff_1x":"Pun Format (1.0x)","sensor.apsc_nikon":"APS-C Nikon/Sony (1.5x)","sensor.apsc_canon_1_6":"APS-C Canon (1.6x)","sensor.m43_2x":"Micro 4/3 (2.0x)","sensor.1inch_2_7":"1 In\u010d (2.7x)","sensor.small_5_6":"1/2.3 In\u010d (5.6x)",
+"lenstype.superwide":"Super \u0160iroki Ugao","lenstype.wide":"\u0160iroki Ugao","lenstype.normal":"Normalni Objektiv","lenstype.tele":"Teleobjektiv","lenstype.supertele":"Super Teleobjektiv",
+"macro.true":"Pravi Makro (1:1+)","macro.half":"Polu Makro (~1:2)","macro.close":"Krupni Plan","macro.no":"Nije Makro",
+"rule.thirds.name":"Pravilo Tre\u0107ina","rule.thirds.desc":"Podelite sliku na 9 jednakih delova. Postavite klju\u010dne elemente na linije ili preseke.","rule.thirds.tip1":"Horizont na gornju ili donju liniju tre\u0107ine","rule.thirds.tip2":"O\u010di subjekta na gornje preseke","rule.thirds.tip3":"Nikad ne postavljajte glavni motiv ta\u010dno u centar",
+"rule.golden.name":"Zlatni Presek","rule.golden.desc":"Odnos 1:1,618 \u2013 savr\u0161ena proporcija prirode.","rule.golden.tip1":"Deli sliku u odnosu pribli\u017eno 62% / 38%","rule.golden.tip2":"Harmoni\u010dniji od pravila tre\u0107ina","rule.golden.tip3":"Prisutan svuda u prirodi (\u0161koljke, cve\u0107e)",
+"rule.leading.name":"Vode\u0107e Linije","rule.leading.desc":"Prirodne linije vode pogled posmatra\u010da ka glavnom motivu.","rule.leading.tip1":"Koristite puteve, reke, ograde kao linije","rule.leading.tip2":"Linije treba da vode u sliku","rule.leading.tip3":"Konvergentne linije stvaraju dubinu",
+"rule.symmetry.name":"Simetrija & Obrasci","rule.symmetry.desc":"Simetri\u010dne kompozicije zra\u010de mirom i savr\u0161enstvom.","rule.symmetry.tip1":"Odraz u vodi savr\u0161en za simetriju","rule.symmetry.tip2":"Arhitektura nudi prirodnu simetriju","rule.symmetry.tip3":"Svesno kr\u0161enje simetrije kao stilsko sredstvo",
+"rule.framing.name":"Prirodni Okvir","rule.framing.desc":"Koristite elemente scene da uokvirite motiv.","rule.framing.tip1":"Lukovi, prozori, grane kao okviri","rule.framing.tip2":"Usmerava pa\u017enju na glavni motiv","rule.framing.tip3":"Stvara dubinu i kontekst",
+"rule.negative.name":"Negativan Prostor","rule.negative.desc":"Prazan prostor oko motiva stvara efekat i dramatiku.","rule.negative.tip1":"Manje je vi\u0161e \u2013 koristite minimalizam","rule.negative.tip2":"Dajte motivu prostor da di\u0161e","rule.negative.tip3":"Posebno efikasno kod portreta",
+"rule.diagonal.name":"Dijagonale","rule.diagonal.desc":"Dijagonalne linije stvaraju dinamiku i napetost u slici.","rule.diagonal.tip1":"Od ugla do ugla za maksimalnu dinamiku","rule.diagonal.tip2":"Koristite nagnute perspektive","rule.diagonal.tip3":"Smer kretanja du\u017e dijagonale",
+"rule.color.name":"Teorija Boja","rule.color.desc":"Komplementarne boje i harmonije za sna\u017ean vizuelni efekat.","rule.color.tip1":"Komplementarne boje za kontrast (plava/narand\u017easta)","rule.color.tip2":"Analogne boje za harmoniju","rule.color.tip3":"Tople boje u prvom planu, hladne u pozadini",
+"motif.portrait.title":"Portretna Fotografija","motif.portrait.desc":"Savr\u0161eno prikazati ljude i lica.","motif.landscape.title":"Pejza\u017ena Fotografija","motif.landscape.desc":"Uhvatiti \u0161iroke pejza\u017ee i prirodne scene.","motif.street.title":"Uli\u010dna Fotografija","motif.street.desc":"Autenti\u010dno dokumentovati \u017eivot na ulici.","motif.macro.title":"Makro Fotografija","motif.macro.desc":"Male stvari prikazati veliko.","motif.night.title":"No\u0107na Fotografija","motif.night.desc":"Zvezde, gradska svetla i no\u0107ne scene.","motif.sport.title":"Sportska Fotografija","motif.sport.desc":"Zamrznuti brze pokrete i akciju.","motif.architecture.title":"Arhitektonska Fotografija","motif.architecture.desc":"Zgrade i strukture u savr\u0161enstvu.","motif.wildlife.title":"Fotografija Divljine","motif.wildlife.desc":"\u017divotinje u prirodnom stani\u0161tu.",
+"motif.setting.lens":"Objektiv","motif.setting.aperture":"Blenda","motif.setting.iso":"ISO","motif.setting.shutter":"Zatva\u010d",
+"nav.simtools":"Simulacija","sim.tag":"Simulacija","sim.title":"Foto Simulacije","sim.desc":"Simulirajte razli\u010dite foto efekte u realnom vremenu.",
+"sim.bokeh":"Bokeh","sim.longexp":"Duga Ekspozicija","sim.wb":"Balans Belog","sim.noise":"ISO \u0160um","sim.perspective":"Perspektiva","sim.histogram":"Histogram",
+"sim.bokeh.title":"Bokeh Simulator","sim.bokeh.info":"Pogledajte kako se bokeh menja sa razli\u010ditim blendama i \u017ei\u017enim daljinama.","sim.bokeh.blades":"Lamele Blende","sim.bokeh.intensity":"Intenzitet Bokeh-a",
+"sim.longexp.title":"Simulator Duge Ekspozicije","sim.longexp.info":"Pogledajte efekat razli\u010ditih vremena ekspozicije na pokret.","sim.longexp.speed":"Brzina Pokreta","sim.longexp.time":"Vreme Ekspozicije (s)",
+"sim.wb.title":"Simulator Balansa Belog","sim.wb.info":"Pogledajte kako temperatura boje uti\u010de na va\u0161u sliku.","sim.wb.kelvin":"Temperatura (K)","sim.wb.tint":"Nijansa",
+"sim.noise.title":"Simulator ISO \u0160uma","sim.noise.info":"Pogledajte kako digitalni \u0161um raste sa vi\u0161im ISO vrednostima.","sim.noise.level":"Nivo \u0160uma",
+"sim.perspective.title":"Simulator Perspektive","sim.perspective.info":"Pogledajte kako \u017ei\u017ena daljina uti\u010de na perspektivu.","sim.perspective.type":"Tip Distorzije",
+"sim.histogram.title":"Simulator Histograma","sim.histogram.info":"Pogledajte histogram na osnovu pode\u0161avanja ekspozicije."
+},
+
+/* ===== SHQIP (Albanian) ===== */
+sq: {
+"nav.lens":"Kalkulatori","nav.composition":"Kompozicioni","nav.motif":"Njohja e Motivit","nav.exposure":"Ekspozimi","nav.quiz":"Kuiz",
+"hero.welcome":"Mir\u00eb se vini n\u00eb","hero.desc":"Paketa juaj e fundit p\u00ebr fotografi. Llogaritjet e thjerrrave, rregullat e kompozicionit, njohja e motivit dhe kuize interaktive \u2014 t\u00eb gjitha n\u00eb nj\u00eb vend.","hero.calculators":"Kalkulatori","hero.rules":"Rregulla","hero.questions":"Pyetje Kuizi","hero.cta":"Fillo Tani",
+"lens.tag":"Mjete","lens.title":"Kalkulatori i Thjerrrave","lens.desc":"Llogaritni thell\u00ebsin\u00eb e fushes, k\u00ebndin e pamjes, faktorin e prerjes dhe m\u00eb shum\u00eb.","lens.tab.dof":"Thell\u00ebsia e Fush\u00ebs","lens.tab.fov":"K\u00ebndi i Pamjes","lens.tab.crop":"Faktori i Prerjes","lens.tab.hyper":"Distanca Hiperfokale","lens.tab.flash":"Rrezja e Blicit","lens.tab.mag":"Zmadhimi",
+"calc.focal":"Gjat\u00ebsia Fokale (mm)","calc.aperture":"Hap\u00ebsira (f/)","calc.sensor":"Madh\u00ebsia e Sensorit","calc.calculate":"Llogarit","calc.results":"Rezultatet",
+"dof.title":"Llogarit Thell\u00ebsin\u00eb e Fush\u00ebs","dof.info":"Thell\u00ebsia e fush\u00ebs p\u00ebrshkruan zon\u00ebn q\u00eb duket e mpreft\u00eb n\u00eb imazh.","dof.distance":"Distanca deri te Motivi (m)","dof.total":"Thell\u00ebsia e Fush\u00ebs","dof.near":"Pika e Af\u00ebrt","dof.far":"Pika e Larg\u00ebt","dof.coc":"Rrethi i Konfuzionit",
+"fov.title":"Llogarit K\u00ebndin e Pamjes","fov.info":"K\u00ebndi i pamjes p\u00ebrcakton sa sken\u00eb kap kamera.","fov.horizontal":"K\u00ebndi Horizontal","fov.vertical":"K\u00ebndi Vertikal","fov.diagonal":"K\u00ebndi Diagonal","fov.lenstype":"Tipi i Thjerr\u00ebs",
+"crop.title":"Llogarit Faktorin e Prerjes","crop.info":"Faktori i prerjes tregon ekuivalentin n\u00eb krahasim me formatin e plot\u00eb.","crop.lensfocal":"Gjat\u00ebsia Fokale e Thjerr\u00ebs (mm)","crop.lensaperture":"Hap\u00ebsira e Thjerr\u00ebs (f/)","crop.camerasensor":"Sensori i Kamer\u00ebs","crop.equivfocal":"Gjat\u00ebsia Fokale Ekuivalente","crop.equivaperture":"Hap\u00ebsira Ekuivalente","crop.factor":"Faktori i Prerjes","crop.fullframe":"Formati i Plot\u00eb",
+"hyper.title":"Distanca Hiperfokale","hyper.info":"Distanca nga e cila \u00e7do gj\u00eb \u00ebsht\u00eb e mpreft\u00eb deri n\u00eb pafund\u00ebsi.","hyper.distance":"Distanca Hiperfokale","hyper.near":"Pika e Af\u00ebrt (fokus n\u00eb H)","hyper.tiplabel":"K\u00ebshill\u00eb","hyper.tip":"Fokusoni n\u00eb distanc\u00ebn hiperfokale p\u00ebr mpreftimin maksimal.",
+"flash.title":"Rrezja e Blicit","flash.info":"Llogaritni rrezen maksimale t\u00eb blicit bazuar n\u00eb numrin udh\u00ebzues.","flash.gn":"Numri Udh\u00ebzues (GN)","flash.maxrange":"Rrezja Maksimale","flash.at100":"N\u00eb ISO 100",
+"mag.title":"Zmadhimi","mag.info":"Llogaritni raportin e zmadhimit p\u00ebr makrofotografi.","mag.mindist":"Distanca Min. e Fokusit (cm)","mag.sensorwidth":"Gjer\u00ebsia e Sensorit (mm)","mag.ratio":"Raporti i Zmadhimit","mag.field":"Fusha e Kapur (Gjer\u00ebsia)","mag.macro":"Aft\u00ebsia Makro",
+"comp.tag":"Kompozicioni","comp.title":"Rregullat e Fotografis\u00eb","comp.desc":"Z\u00ebt\u00ebroni rregullat m\u00eb t\u00eb r\u00ebd\u00ebsishme t\u00eb kompozicionit p\u00ebr foto mahnitese.","comp.demo":"Shfaq Demo",
+"motif.tag":"Njohja","motif.title":"Njohja e Motivit & Zhanret","motif.desc":"M\u00ebsoni zhanre t\u00eb ndryshme t\u00eb fotografis\u00eb dhe cilesimet e tyre optimale.","motif.all":"T\u00eb Gjitha","motif.portrait":"Portret","motif.landscape":"Peizazh","motif.street":"Rrug\u00eb","motif.macro":"Makro","motif.night":"Nat\u00eb","motif.sport":"Sport","motif.architecture":"Arkitektur\u00eb","motif.wildlife":"Kafsh\u00eb",
+"exp.tag":"Bazat","exp.title":"Trekend\u00ebshi i Ekspozimit","exp.desc":"Kuptoni nd\u00ebrveprimin midis hap\u00ebsir\u00ebs, shpejt\u00ebsis\u00eb s\u00eb shkrepjes dhe ISO.","exp.aperture":"Hap\u00ebsira","exp.shutter":"Shpejt\u00ebsia e Shkrepjes","exp.aperture.mid":"Hap\u00ebsir\u00eb mesatare \u2013 kompromis i mir\u00eb midis mpreftimit dhe drit\u00ebs.","exp.shutter.mid":"Shpejt\u00ebsi standarde \u2013 ngrijn shumic\u00ebn e l\u00ebvizjeve.","exp.iso.low":"ISO i ul\u00ebt \u2013 zhurm\u00eb minimale, cil\u00ebsia m\u00eb e mir\u00eb.","exp.correct":"Ekspozim i Sakt\u00eb","exp.under":"N\u00ebnekspozuar","exp.over":"Mbiekspozuar","exp.slightunder":"Leht\u00ebsisht n\u00ebnekspozuar","exp.slightover":"Leht\u00ebsisht mbiekspozuar",
+"quiz.tag":"Kontroll Dije","quiz.title":"Kuiz Fotografik","quiz.desc":"Testoni njohurit\u00eb tuaja me pyetje interaktive.","quiz.all":"T\u00eb Gjitha Temat","quiz.basics":"Bazat","quiz.composition":"Kompozicioni","quiz.lenses":"Thjerrrat","quiz.exposure":"Ekspozimi","quiz.genres":"Zhanret","quiz.ready":"Gati p\u00ebr Kuizin?","quiz.choose":"Zgjidhni nj\u00eb kategori dhe testoni njohurit\u00eb tuaja!","quiz.info":"10 pyetje p\u00ebr raund \u2022 Zgjedhje e shumefisht\u00eb \u2022 Feedback i menj\u00ehersh\u00ebm","quiz.start":"Fillo Kuizin","quiz.next":"Pyetja Tjet\u00ebr","quiz.finished":"Kuizi P\u00ebrfundoi!","quiz.playagain":"Luaj P\u00ebrs\u00ebri","quiz.review":"Shiko P\u00ebrgjigjet","quiz.score":"Pik\u00eb","quiz.resulttext":"Ju u p\u00ebrgjigj\u00ebt sakt\u00eb {0} nga {1} pyetje.","quiz.excellent":"Shk\u00eblqyesh\u00ebm! Jeni profesionist i fotografis\u00eb!","quiz.good":"Shum\u00eb mir\u00eb! Njohuri solide!","quiz.ok":"Jo keq! Vazhdoni t\u00eb praktikoni!","quiz.needwork":"Ka vend p\u00ebr p\u00ebrmir\u00ebsim! Rishikoni bazat.",
+"footer.brand":"Paketa juaj falas e fotografis\u00eb p\u00ebr imazhe m\u00eb t\u00eb mira.","footer.tools":"Mjete","footer.calcs":"Kalkulatori","footer.comprules":"Rregullat e Kompozicionit","footer.exptriangle":"Trekend\u00ebshi i Ekspozimit","footer.copy":"\u00a9 2026 PhotoPro Tools \u2014 Krijuar me pasion p\u00ebr fotografin\u00eb.",
+"sensor.ff":"Formati i Plot\u00eb (36x24mm)","sensor.apsc":"APS-C (23.5x15.6mm)","sensor.apsc_canon":"APS-C Canon (22.3x14.9mm)","sensor.m43":"Micro 4/3 (17.3x13mm)","sensor.1inch":"1 In\u00e7 (13.2x8.8mm)","sensor.small":"1/2.3 In\u00e7 (6.17x4.55mm)","sensor.ff_short":"Formati i Plot\u00eb","sensor.apsc_short":"APS-C","sensor.m43_short":"Micro 4/3","sensor.ff_1x":"Formati i Plot\u00eb (1.0x)","sensor.apsc_nikon":"APS-C Nikon/Sony (1.5x)","sensor.apsc_canon_1_6":"APS-C Canon (1.6x)","sensor.m43_2x":"Micro 4/3 (2.0x)","sensor.1inch_2_7":"1 In\u00e7 (2.7x)","sensor.small_5_6":"1/2.3 In\u00e7 (5.6x)",
+"lenstype.superwide":"Super K\u00ebnd i Gjer\u00eb","lenstype.wide":"K\u00ebnd i Gjer\u00eb","lenstype.normal":"Thjerr\u00eb Normale","lenstype.tele":"Teleobjektiv","lenstype.supertele":"Super Teleobjektiv",
+"macro.true":"Makro e V\u00ebrtet\u00eb (1:1+)","macro.half":"Gjys\u00ebm Makro (~1:2)","macro.close":"Plan i Af\u00ebrt","macro.no":"Jo Makro",
+"rule.thirds.name":"Rregulli i t\u00eb Tretave","rule.thirds.desc":"Ndani imazhin n\u00eb 9 pjes\u00eb t\u00eb barabarta. Vendosni elementet kryesore n\u00eb vijat ose kryq\u00ebzimet.","rule.thirds.tip1":"Vendosni horizontin n\u00eb vij\u00ebn e t\u00eb tret\u00ebs s\u00eb sip\u00ebrme ose t\u00eb posht\u00ebme","rule.thirds.tip2":"Syt\u00eb e subjektit n\u00eb kryq\u00ebzimet e sip\u00ebrme","rule.thirds.tip3":"Kurr\u00eb mos vendosni motivin kryesor n\u00eb qend\u00ebr t\u00eb sakt\u00eb",
+"rule.golden.name":"Prerja e Art\u00eb","rule.golden.desc":"Raporti 1:1.618 \u2013 proporcioni i p\u00ebrsosur i natyres.","rule.golden.tip1":"Ndan imazhin afersisht 62% me 38%","rule.golden.tip2":"M\u00eb harmonik se rregulli i t\u00eb tretave","rule.golden.tip3":"Gjendet kudo n\u00eb natyr\u00eb (guaska, lule)",
+"rule.leading.name":"Vijat Udh\u00ebzuese","rule.leading.desc":"Vijat natyrale udh\u00ebzojn\u00eb shikimin e v\u00ebzhguesit te motivi kryesor.","rule.leading.tip1":"P\u00ebrdorni rruge, lumenj, gardhe si vija","rule.leading.tip2":"Vijat duhet t\u00eb \u00e7ojn\u00eb brenda imazhit","rule.leading.tip3":"Vijat konvergjente krijojn\u00eb thell\u00ebsi",
+"rule.symmetry.name":"Simetria & Motivet","rule.symmetry.desc":"Kompozicionet simetrike rrezatojn\u00eb qet\u00ebsi dhe perfekcion.","rule.symmetry.tip1":"Pasqyrimet n\u00eb uj\u00eb perfekte p\u00ebr simetri","rule.symmetry.tip2":"Arkitektura ofron simetri natyrale","rule.symmetry.tip3":"Thyerja e qellimshme e simetrise si element stili",
+"rule.framing.name":"Korniza Natyrale","rule.framing.desc":"P\u00ebrdorni elemente t\u00eb sken\u00ebs p\u00ebr t\u00eb kornizuar motivin.","rule.framing.tip1":"Harqe, dritare, deg\u00eb si korniza","rule.framing.tip2":"Drejton v\u00ebmendjen te motivi kryesor","rule.framing.tip3":"Krijon thell\u00ebsi dhe kontekst",
+"rule.negative.name":"Hap\u00ebsira Negative","rule.negative.desc":"Hap\u00ebsira bosh rreth motivit krijon ndikim dhe dramatizm.","rule.negative.tip1":"M\u00eb pak \u00ebsht\u00eb m\u00eb shum\u00eb \u2013 p\u00ebrdorni minimalizmin","rule.negative.tip2":"Jepini motivit hap\u00ebsir\u00eb p\u00ebr t\u00eb marr\u00eb frym\u00eb","rule.negative.tip3":"Ve\u00e7an\u00ebrisht efektive n\u00eb portrete",
+"rule.diagonal.name":"Diagonalet","rule.diagonal.desc":"Vijat diagonale krijojn\u00eb dinamizm\u00eb dhe tension n\u00eb imazh.","rule.diagonal.tip1":"Nga k\u00ebndi n\u00eb k\u00ebnd p\u00ebr dinamizm\u00eb maksimale","rule.diagonal.tip2":"P\u00ebrdorni perspektiva t\u00eb pjerrta","rule.diagonal.tip3":"Drejtimi i l\u00ebvizjes p\u00ebrgjat\u00eb diagonales",
+"rule.color.name":"Teoria e Ngjyrave","rule.color.desc":"Ngjyrat plot\u00ebsuese dhe harmonit\u00eb p\u00ebr ndikim t\u00eb fort\u00eb vizual.","rule.color.tip1":"Ngjyra plot\u00ebsuese p\u00ebr kontrast (blu/portokalli)","rule.color.tip2":"Ngjyra analoge p\u00ebr harmoni","rule.color.tip3":"Ngjyra t\u00eb ngrohta p\u00ebrpara, t\u00eb ftohta n\u00eb sfond",
+"motif.portrait.title":"Fotografia e Portretit","motif.portrait.desc":"Paraqitja perfekte e njer\u00ebzve dhe fytyrave.","motif.landscape.title":"Fotografia e Peizazhit","motif.landscape.desc":"Kapja e peizazheve t\u00eb gjera dhe skenave natyrale.","motif.street.title":"Fotografia e Rrug\u00ebs","motif.street.desc":"Dokumentimi autentik i jet\u00ebs n\u00eb rrug\u00eb.","motif.macro.title":"Makrofotografia","motif.macro.desc":"Paraqitja e gjerave t\u00eb vogla n\u00eb madh\u00ebsi.","motif.night.title":"Fotografia e Nat\u00ebs","motif.night.desc":"Yjet, dritat e qytetit dhe skenat e nat\u00ebs.","motif.sport.title":"Fotografia Sportive","motif.sport.desc":"Ngrirja e l\u00ebvizjeve t\u00eb shpejta dhe aksionit.","motif.architecture.title":"Fotografia e Arkitektur\u00ebs","motif.architecture.desc":"Nd\u00ebrtesat dhe strukturat n\u00eb perfekcion.","motif.wildlife.title":"Fotografia e Kafsh\u00ebve","motif.wildlife.desc":"Kafsh\u00ebt n\u00eb habitatin e tyre natyral.",
+"motif.setting.lens":"Thjerrza","motif.setting.aperture":"Hap\u00ebsira","motif.setting.iso":"ISO","motif.setting.shutter":"Shkrepja",
+"nav.simtools":"Simulimi","sim.tag":"Simulimi","sim.title":"Foto-Simulime","sim.desc":"Simuloni efekte t\u00eb ndryshme fotografike n\u00eb koh\u00eb reale.",
+"sim.bokeh":"Bokeh","sim.longexp":"Ekspozim i Gjat\u00eb","sim.wb":"Balanca e Bardh\u00ebs","sim.noise":"Zhurma ISO","sim.perspective":"Perspektiva","sim.histogram":"Histogrami",
+"sim.bokeh.title":"Simulatori i Bokeh-ut","sim.bokeh.info":"Shikoni si ndryshon bokeh-u me hap\u00ebsir\u00eb dhe gjat\u00ebsi fokale t\u00eb ndryshme.","sim.bokeh.blades":"Fleta t\u00eb Hap\u00ebsir\u00ebs","sim.bokeh.intensity":"Intensiteti i Bokeh-ut",
+"sim.longexp.title":"Simulatori i Ekspozimit t\u00eb Gjat\u00eb","sim.longexp.info":"Shikoni efektin e koheve t\u00eb ndryshme t\u00eb ekspozimit n\u00eb l\u00ebvizje.","sim.longexp.speed":"Shpejt\u00ebsia e L\u00ebvizjes","sim.longexp.time":"Koha e Ekspozimit (s)",
+"sim.wb.title":"Simulatori i Balanc\u00ebs s\u00eb Bardh\u00ebs","sim.wb.info":"Shikoni si ndikon temperatura e ngjyr\u00ebs n\u00eb imazhin tuaj.","sim.wb.kelvin":"Temperatura (K)","sim.wb.tint":"Nuanc\u00eb",
+"sim.noise.title":"Simulatori i Zhurm\u00ebs ISO","sim.noise.info":"Shikoni si rritet zhurma dixhitale me vlera m\u00eb t\u00eb larta ISO.","sim.noise.level":"Niveli i Zhurm\u00ebs",
+"sim.perspective.title":"Simulatori i Perspektiv\u00ebs","sim.perspective.info":"Shikoni si ndikon gjat\u00ebsia fokale n\u00eb perspektiv\u00eb.","sim.perspective.type":"Tipi i Deformimit",
+"sim.histogram.title":"Simulatori i Histogramit","sim.histogram.info":"Shikoni histogramin bazuar n\u00eb cil\u00ebsimet e ekspozimit."
+},
+
+/* ===== T\u00dcRK\u00c7E ===== */
+tr: {
+"nav.lens":"Lens Hesaplay\u0131c\u0131","nav.composition":"Kompozisyon","nav.motif":"Konu Tan\u0131ma","nav.exposure":"Pozlama","nav.quiz":"Quiz",
+"hero.welcome":"Ho\u015f Geldiniz","hero.desc":"En kapsaml\u0131 foto\u011fraf\u00e7\u0131l\u0131k ara\u00e7 setiniz. Lens hesaplamalar\u0131, kompozisyon kurallar\u0131, konu tan\u0131ma ve interaktif quizler \u2014 hepsi bir arada.","hero.calculators":"Hesaplay\u0131c\u0131lar","hero.rules":"Kurallar","hero.questions":"Quiz Sorular\u0131","hero.cta":"Ba\u015fla",
+"lens.tag":"Ara\u00e7lar","lens.title":"Lens Hesaplay\u0131c\u0131","lens.desc":"Alan derinli\u011fi, g\u00f6r\u00fc\u015f a\u00e7\u0131s\u0131, crop fakt\u00f6r\u00fc ve daha fazlas\u0131n\u0131 hesaplay\u0131n.","lens.tab.dof":"Alan Derinli\u011fi (DOF)","lens.tab.fov":"G\u00f6r\u00fc\u015f A\u00e7\u0131s\u0131 (FOV)","lens.tab.crop":"Crop Fakt\u00f6r\u00fc","lens.tab.hyper":"Hiperfokal Mesafe","lens.tab.flash":"Fla\u015f Menzili","lens.tab.mag":"B\u00fcy\u00fctme",
+"calc.focal":"Odak Uzakl\u0131\u011f\u0131 (mm)","calc.aperture":"Diyafram (f/)","calc.sensor":"Sens\u00f6r Boyutu","calc.calculate":"Hesapla","calc.results":"Sonu\u00e7lar",
+"dof.title":"Alan Derinli\u011fi Hesapla","dof.info":"Alan derinli\u011fi (DOF), g\u00f6r\u00fcnt\u00fcde net g\u00f6r\u00fcnen alan\u0131 tan\u0131mlar.","dof.distance":"Konuya Mesafe (m)","dof.total":"Alan Derinli\u011fi","dof.near":"Yak\u0131n Nokta","dof.far":"Uzak Nokta","dof.coc":"Bulan\u0131kl\u0131k \u00c7emberi",
+"fov.title":"G\u00f6r\u00fc\u015f A\u00e7\u0131s\u0131 Hesapla","fov.info":"G\u00f6r\u00fc\u015f a\u00e7\u0131s\u0131 kameran\u0131n ne kadar sahne yakalad\u0131\u011f\u0131n\u0131 belirler.","fov.horizontal":"Yatay G\u00f6r\u00fc\u015f A\u00e7\u0131s\u0131","fov.vertical":"Dikey G\u00f6r\u00fc\u015f A\u00e7\u0131s\u0131","fov.diagonal":"\u00c7apraz G\u00f6r\u00fc\u015f A\u00e7\u0131s\u0131","fov.lenstype":"Lens T\u00fcr\u00fc",
+"crop.title":"Crop Fakt\u00f6r\u00fc Hesapla","crop.info":"Crop fakt\u00f6r\u00fc, tam kareye k\u0131yasla e\u015fde\u011fer g\u00f6r\u00fcn\u00fcm\u00fc g\u00f6sterir.","crop.lensfocal":"Lens Odak Uzakl\u0131\u011f\u0131 (mm)","crop.lensaperture":"Lens Diyafram\u0131 (f/)","crop.camerasensor":"Kamera Sens\u00f6r\u00fc","crop.equivfocal":"E\u015fde\u011fer Odak Uzakl\u0131\u011f\u0131 (FF)","crop.equivaperture":"E\u015fde\u011fer Diyafram (FF)","crop.factor":"Crop Fakt\u00f6r\u00fc","crop.fullframe":"Tam Kare",
+"hyper.title":"Hiperfokal Mesafe","hyper.info":"Her \u015feyin sonsuza kadar net g\u00f6r\u00fcnd\u00fc\u011f\u00fc mesafe.","hyper.distance":"Hiperfokal Mesafe","hyper.near":"Yak\u0131n Nokta (H'ye odaklanma)","hyper.tiplabel":"\u0130pucu","hyper.tip":"Maksimum netlik i\u00e7in hiperfokal mesafeye odaklan\u0131n.",
+"flash.title":"Fla\u015f Menzili","flash.info":"K\u0131lavuz say\u0131s\u0131na g\u00f6re maksimum fla\u015f menzilini hesaplay\u0131n.","flash.gn":"K\u0131lavuz Say\u0131s\u0131 (GN)","flash.maxrange":"Maksimum Menzil","flash.at100":"ISO 100'de",
+"mag.title":"B\u00fcy\u00fctme","mag.info":"Makro foto\u011fraf\u00e7\u0131l\u0131k i\u00e7in b\u00fcy\u00fctme oran\u0131n\u0131 hesaplay\u0131n.","mag.mindist":"Min. Odaklama Mesafesi (cm)","mag.sensorwidth":"Sens\u00f6r Geni\u015fli\u011fi (mm)","mag.ratio":"B\u00fcy\u00fctme Oran\u0131","mag.field":"Yakalanan Alan (Geni\u015flik)","mag.macro":"Makro Yetene\u011fi",
+"comp.tag":"Kompozisyon","comp.title":"Foto\u011fraf Kurallar\u0131","comp.desc":"Etkileyici foto\u011fraflar i\u00e7in en \u00f6nemli kompozisyon kurallar\u0131n\u0131 \u00f6\u011frenin.","comp.demo":"Demo G\u00f6ster",
+"motif.tag":"Konu Tan\u0131ma","motif.title":"Konu Tan\u0131ma & T\u00fcrler","motif.desc":"Farkl\u0131 foto\u011fraf t\u00fcrlerini ve optimal ayarlar\u0131n\u0131 \u00f6\u011frenin.","motif.all":"T\u00fcm\u00fc","motif.portrait":"Portre","motif.landscape":"Manzara","motif.street":"Sokak","motif.macro":"Makro","motif.night":"Gece","motif.sport":"Spor","motif.architecture":"Mimari","motif.wildlife":"Do\u011fa",
+"exp.tag":"Temel Bilgiler","exp.title":"Pozlama \u00dc\u00e7geni","exp.desc":"Diyafram, enstantane ve ISO aras\u0131ndaki etkile\u015fimi anlay\u0131n.","exp.aperture":"Diyafram","exp.shutter":"Enstantane","exp.aperture.mid":"Orta diyafram \u2013 netlik ve \u0131\u015f\u0131k aras\u0131nda iyi uzla\u015fma.","exp.shutter.mid":"Standart enstantane \u2013 \u00e7o\u011fu hareketi dondurur.","exp.iso.low":"D\u00fc\u015f\u00fck ISO \u2013 minimum g\u00fcr\u00fclt\u00fc, en iyi kalite.","exp.correct":"Do\u011fru Pozlama","exp.under":"Az Pozlanm\u0131\u015f","exp.over":"Fazla Pozlanm\u0131\u015f","exp.slightunder":"Hafif az pozlanm\u0131\u015f","exp.slightover":"Hafif fazla pozlanm\u0131\u015f",
+"quiz.tag":"Bilgi Testi","quiz.title":"Foto\u011fraf Quiz'i","quiz.desc":"T\u00fcm konularda interaktif sorularla bilginizi test edin.","quiz.all":"T\u00fcm Konular","quiz.basics":"Temel","quiz.composition":"Kompozisyon","quiz.lenses":"Lensler","quiz.exposure":"Pozlama","quiz.genres":"T\u00fcrler","quiz.ready":"Quiz'e Haz\u0131r m\u0131s\u0131n\u0131z?","quiz.choose":"Bir kategori se\u00e7in ve bilginizi test edin!","quiz.info":"Tur ba\u015f\u0131na 10 soru \u2022 \u00c7oktan se\u00e7meli \u2022 Anl\u0131k geri bildirim","quiz.start":"Quiz'e Ba\u015fla","quiz.next":"Sonraki Soru","quiz.finished":"Quiz Tamamland\u0131!","quiz.playagain":"Tekrar Oyna","quiz.review":"Cevaplar\u0131 G\u00f6r","quiz.score":"Puan","quiz.resulttext":"{1} sorudan {0} tanesini do\u011fru yan\u0131tlad\u0131n\u0131z.","quiz.excellent":"M\u00fckemmel! Foto\u011fraf\u00e7\u0131l\u0131k ustas\u0131s\u0131n\u0131z!","quiz.good":"Aferin! Sa\u011flam bilgi!","quiz.ok":"Fena de\u011fil! Pratik yapmaya devam edin!","quiz.needwork":"Geli\u015ftirmeye yer var! Temelleri tekrarlay\u0131n.",
+"footer.brand":"\u00dccretsiz foto\u011fraf\u00e7\u0131l\u0131k ara\u00e7 setiniz.","footer.tools":"Ara\u00e7lar","footer.calcs":"Hesaplay\u0131c\u0131lar","footer.comprules":"Kompozisyon Kurallar\u0131","footer.exptriangle":"Pozlama \u00dc\u00e7geni","footer.copy":"\u00a9 2026 PhotoPro Tools \u2014 Foto\u011fraf\u00e7\u0131l\u0131k tutkusuyla yap\u0131ld\u0131.",
+"sensor.ff":"Tam Kare (36x24mm)","sensor.apsc":"APS-C (23.5x15.6mm)","sensor.apsc_canon":"APS-C Canon (22.3x14.9mm)","sensor.m43":"Micro 4/3 (17.3x13mm)","sensor.1inch":"1 In\u00e7 (13.2x8.8mm)","sensor.small":"1/2.3 In\u00e7 (6.17x4.55mm)","sensor.ff_short":"Tam Kare","sensor.apsc_short":"APS-C","sensor.m43_short":"Micro 4/3","sensor.ff_1x":"Tam Kare (1.0x)","sensor.apsc_nikon":"APS-C Nikon/Sony (1.5x)","sensor.apsc_canon_1_6":"APS-C Canon (1.6x)","sensor.m43_2x":"Micro 4/3 (2.0x)","sensor.1inch_2_7":"1 In\u00e7 (2.7x)","sensor.small_5_6":"1/2.3 In\u00e7 (5.6x)",
+"lenstype.superwide":"S\u00fcper Geni\u015f A\u00e7\u0131","lenstype.wide":"Geni\u015f A\u00e7\u0131","lenstype.normal":"Normal Lens","lenstype.tele":"Telefoto","lenstype.supertele":"S\u00fcper Telefoto",
+"macro.true":"Ger\u00e7ek Makro (1:1+)","macro.half":"Yar\u0131m Makro (~1:2)","macro.close":"Yak\u0131n \u00c7ekim","macro.no":"Makro De\u011fil",
+"rule.thirds.name":"\u00dc\u00e7ler Kural\u0131","rule.thirds.desc":"G\u00f6r\u00fcnt\u00fcy\u00fc 9 e\u015fit par\u00e7aya b\u00f6l\u00fcn. Kilit \u00f6\u011feleri \u00e7izgilere veya kesi\u015fim noktalar\u0131na yerle\u015ftirin.","rule.thirds.tip1":"Ufku \u00fcst veya alt \u00fc\u00e7te bir \u00e7izgisine yerle\u015ftirin","rule.thirds.tip2":"Konunun g\u00f6zlerini \u00fcst kesi\u015fim noktalar\u0131na yerle\u015ftirin","rule.thirds.tip3":"Ana konuyu asla tam ortaya koymay\u0131n",
+"rule.golden.name":"Alt\u0131n Oran","rule.golden.desc":"1:1.618 oran\u0131 \u2013 do\u011fan\u0131n m\u00fckemmel oran\u0131.","rule.golden.tip1":"G\u00f6r\u00fcnt\u00fcy\u00fc yakla\u015f\u0131k %62 / %38 oran\u0131nda b\u00f6ler","rule.golden.tip2":"\u00dc\u00e7ler kural\u0131ndan daha uyumlu","rule.golden.tip3":"Do\u011fada her yerde bulunur (kabuklar, \u00e7i\u00e7ekler)",
+"rule.leading.name":"Y\u00f6nlendirici \u00c7izgiler","rule.leading.desc":"Do\u011fal \u00e7izgiler izleyicinin g\u00f6z\u00fcn\u00fc ana konuya y\u00f6nlendirir.","rule.leading.tip1":"Yollar\u0131, nehirleri, \u00e7itleri \u00e7izgi olarak kullan\u0131n","rule.leading.tip2":"\u00c7izgiler g\u00f6r\u00fcnt\u00fcn\u00fcn i\u00e7ine y\u00f6nlendirmeli","rule.leading.tip3":"Birle\u015fen \u00e7izgiler derinlik yarat\u0131r",
+"rule.symmetry.name":"Simetri & Desenler","rule.symmetry.desc":"Simetrik kompozisyonlar huzur ve m\u00fckemmellik yayar.","rule.symmetry.tip1":"Sudaki yans\u0131malar simetri i\u00e7in m\u00fckemmel","rule.symmetry.tip2":"Mimari do\u011fal simetri sunar","rule.symmetry.tip3":"Simetriyi bilin\u00e7li k\u0131rmak stil unsuru olarak",
+"rule.framing.name":"Do\u011fal \u00c7er\u00e7eveleme","rule.framing.desc":"Sahne unsurlar\u0131n\u0131 konuyu \u00e7er\u00e7evelemek i\u00e7in kullan\u0131n.","rule.framing.tip1":"Kemerler, pencereler, dallar \u00e7er\u00e7eve olarak","rule.framing.tip2":"Dikkati ana konuya y\u00f6nlendirir","rule.framing.tip3":"Derinlik ve ba\u011flam yarat\u0131r",
+"rule.negative.name":"Negatif Alan","rule.negative.desc":"Konunun etraf\u0131ndaki bo\u015f alan etki ve dramatizm yarat\u0131r.","rule.negative.tip1":"Az \u00e7oktur \u2013 minimalizmi kullan\u0131n","rule.negative.tip2":"Konuya nefes alacak alan verin","rule.negative.tip3":"\u00d6zellikle portrelerde etkili",
+"rule.diagonal.name":"Diyagonaller","rule.diagonal.desc":"Diyagonal \u00e7izgiler g\u00f6r\u00fcnt\u00fcde dinamizm ve gerilim yarat\u0131r.","rule.diagonal.tip1":"K\u00f6\u015feden k\u00f6\u015feye maksimum dinamizm","rule.diagonal.tip2":"E\u011fik perspektifler kullan\u0131n","rule.diagonal.tip3":"Hareket y\u00f6n\u00fc diyagonal boyunca",
+"rule.color.name":"Renk Teorisi","rule.color.desc":"Tamamlay\u0131c\u0131 renkler ve renk uyumlar\u0131 g\u00fc\u00e7l\u00fc g\u00f6rsel etki i\u00e7in.","rule.color.tip1":"Tamamlay\u0131c\u0131 renkler kontrast i\u00e7in (mavi/turuncu)","rule.color.tip2":"Benzer renkler uyum i\u00e7in","rule.color.tip3":"S\u0131cak renkler \u00f6n planda, so\u011fuk renkler arka planda",
+"motif.portrait.title":"Portre Foto\u011fraf\u00e7\u0131l\u0131\u011f\u0131","motif.portrait.desc":"\u0130nsanlar\u0131 ve y\u00fczleri m\u00fckemmel yakala.","motif.landscape.title":"Manzara Foto\u011fraf\u00e7\u0131l\u0131\u011f\u0131","motif.landscape.desc":"Geni\u015f manzaralar\u0131 ve do\u011fa sahnelerini yakala.","motif.street.title":"Sokak Foto\u011fraf\u00e7\u0131l\u0131\u011f\u0131","motif.street.desc":"Sokak ya\u015fam\u0131n\u0131 otantik olarak belgele.","motif.macro.title":"Makro Foto\u011fraf\u00e7\u0131l\u0131k","motif.macro.desc":"K\u00fc\u00e7\u00fck \u015feyleri b\u00fcy\u00fck g\u00f6ster.","motif.night.title":"Gece Foto\u011fraf\u00e7\u0131l\u0131\u011f\u0131","motif.night.desc":"Y\u0131ld\u0131zlar, \u015fehir \u0131\u015f\u0131klar\u0131 ve gece sahneleri.","motif.sport.title":"Spor Foto\u011fraf\u00e7\u0131l\u0131\u011f\u0131","motif.sport.desc":"H\u0131zl\u0131 hareketleri ve aksiyonu dondur.","motif.architecture.title":"Mimari Foto\u011fraf\u00e7\u0131l\u0131k","motif.architecture.desc":"Binalar ve yap\u0131lar m\u00fckemmellikte.","motif.wildlife.title":"Do\u011fa Foto\u011fraf\u00e7\u0131l\u0131\u011f\u0131","motif.wildlife.desc":"Hayvanlar do\u011fal ya\u015fam alanlar\u0131nda.",
+"motif.setting.lens":"Lens","motif.setting.aperture":"Diyafram","motif.setting.iso":"ISO","motif.setting.shutter":"Enstantane",
+"nav.simtools":"Sim\u00fclasyon","sim.tag":"Sim\u00fclasyon","sim.title":"Foto Sim\u00fclasyonlar\u0131","sim.desc":"Farkl\u0131 foto\u011fraf efektlerini ger\u00e7ek zamanl\u0131 sim\u00fcle edin.",
+"sim.bokeh":"Bokeh","sim.longexp":"Uzun Pozlama","sim.wb":"Beyaz Dengesi","sim.noise":"ISO G\u00fcr\u00fclt\u00fc","sim.perspective":"Perspektif","sim.histogram":"Histogram",
+"sim.bokeh.title":"Bokeh Sim\u00fclat\u00f6r\u00fc","sim.bokeh.info":"Farkl\u0131 diyafram ve odak uzakl\u0131klar\u0131yla bokeh'in nas\u0131l de\u011fi\u015fti\u011fini g\u00f6r\u00fcn.","sim.bokeh.blades":"Diyafram Kanatlar\u0131","sim.bokeh.intensity":"Bokeh Yo\u011funlu\u011fu",
+"sim.longexp.title":"Uzun Pozlama Sim\u00fclat\u00f6r\u00fc","sim.longexp.info":"Farkl\u0131 pozlama s\u00fcrelerinin hareketli nesneler \u00fczerindeki etkisini g\u00f6r\u00fcn.","sim.longexp.speed":"Hareket H\u0131z\u0131","sim.longexp.time":"Pozlama S\u00fcresi (s)",
+"sim.wb.title":"Beyaz Dengesi Sim\u00fclat\u00f6r\u00fc","sim.wb.info":"Renk s\u0131cakl\u0131\u011f\u0131n\u0131n g\u00f6r\u00fcnt\u00fcn\u00fcz\u00fc nas\u0131l etkiledi\u011fini g\u00f6r\u00fcn.","sim.wb.kelvin":"S\u0131cakl\u0131k (K)","sim.wb.tint":"Ton",
+"sim.noise.title":"ISO G\u00fcr\u00fclt\u00fc Sim\u00fclat\u00f6r\u00fc","sim.noise.info":"Y\u00fcksek ISO de\u011ferlerinde dijital g\u00fcr\u00fclt\u00fcn\u00fcn nas\u0131l artt\u0131\u011f\u0131n\u0131 g\u00f6r\u00fcn.","sim.noise.level":"G\u00fcr\u00fclt\u00fc Seviyesi",
+"sim.perspective.title":"Perspektif Sim\u00fclat\u00f6r\u00fc","sim.perspective.info":"Odak uzakl\u0131\u011f\u0131n\u0131n perspektifi nas\u0131l etkiledi\u011fini g\u00f6r\u00fcn.","sim.perspective.type":"Deformasyon Tipi",
+"sim.histogram.title":"Histogram Sim\u00fclat\u00f6r\u00fc","sim.histogram.info":"Pozlama ayarlar\u0131na g\u00f6re histograma bak\u0131n."
+},
+
+/* ===== SVENSKA ===== */
+sv: {
+"nav.lens":"Linskalkylator","nav.composition":"Komposition","nav.motif":"Motivigenk\u00e4nning","nav.exposure":"Exponering","nav.quiz":"Quiz",
+"hero.welcome":"V\u00e4lkommen till","hero.desc":"Din ultimata fotoverktygsl\u00e5da. Linber\u00e4kningar, kompositionsregler, motivigenk\u00e4nning och interaktiva quiz \u2014 allt p\u00e5 ett st\u00e4lle.","hero.calculators":"Kalkylatorer","hero.rules":"Regler","hero.questions":"Quizfr\u00e5gor","hero.cta":"Kom ig\u00e5ng",
+"lens.tag":"Verktyg","lens.title":"Linskalkylator","lens.desc":"Ber\u00e4kna sk\u00e4rpedjup, bildvinkel, cropfaktor och mer.","lens.tab.dof":"Sk\u00e4rpedjup (DOF)","lens.tab.fov":"Bildvinkel (FOV)","lens.tab.crop":"Cropfaktor","lens.tab.hyper":"Hyperfokal Distans","lens.tab.flash":"Blixtens R\u00e4ckvidd","lens.tab.mag":"F\u00f6rstoring",
+"calc.focal":"Br\u00e4nnvidd (mm)","calc.aperture":"Bl\u00e4ndare (f/)","calc.sensor":"Sensorstorlek","calc.calculate":"Ber\u00e4kna","calc.results":"Resultat",
+"dof.title":"Ber\u00e4kna Sk\u00e4rpedjup","dof.info":"Sk\u00e4rpedjupet beskriver det omr\u00e5de som framst\u00e5r skarpt i bilden.","dof.distance":"Avst\u00e5nd till Motivet (m)","dof.total":"Sk\u00e4rpedjup","dof.near":"N\u00e4rpunkt","dof.far":"Fj\u00e4rrpunkt","dof.coc":"F\u00f6rvirringscirkel",
+"fov.title":"Ber\u00e4kna Bildvinkel","fov.info":"Bildvinkeln avg\u00f6r hur mycket av scenen kameran f\u00e5ngar.","fov.horizontal":"Horisontell Bildvinkel","fov.vertical":"Vertikal Bildvinkel","fov.diagonal":"Diagonal Bildvinkel","fov.lenstype":"Linstyp",
+"crop.title":"Ber\u00e4kna Cropfaktor","crop.info":"Cropfaktorn visar motsvarande utsnitt j\u00e4mf\u00f6rt med fullformat.","crop.lensfocal":"Objektivets Br\u00e4nnvidd (mm)","crop.lensaperture":"Objektivets Bl\u00e4ndare (f/)","crop.camerasensor":"Kamerasensor","crop.equivfocal":"Motsvarande Br\u00e4nnvidd (FF)","crop.equivaperture":"Motsvarande Bl\u00e4ndare (FF)","crop.factor":"Cropfaktor","crop.fullframe":"Fullformat",
+"hyper.title":"Hyperfokal Distans","hyper.info":"Avst\u00e5ndet d\u00e4r allt fr\u00e5n halva avst\u00e5ndet till o\u00e4ndligheten \u00e4r skarpt.","hyper.distance":"Hyperfokal Distans","hyper.near":"N\u00e4rpunkt (fokus p\u00e5 H)","hyper.tiplabel":"Tips","hyper.tip":"Fokusera p\u00e5 hyperfokala distansen f\u00f6r maximal sk\u00e4rpa.",
+"flash.title":"Blixtens R\u00e4ckvidd","flash.info":"Ber\u00e4kna maximal blixtr\u00e4ckvidd baserat p\u00e5 ledsiffra.","flash.gn":"Ledsiffra (GN)","flash.maxrange":"Maximal R\u00e4ckvidd","flash.at100":"Vid ISO 100",
+"mag.title":"F\u00f6rstoring","mag.info":"Ber\u00e4kna f\u00f6rstoringsf\u00f6rh\u00e5llandet f\u00f6r makrofotografi.","mag.mindist":"Min. Fokusavst\u00e5nd (cm)","mag.sensorwidth":"Sensorbredd (mm)","mag.ratio":"F\u00f6rstoringsf\u00f6rh\u00e5llande","mag.field":"F\u00e5ngat F\u00e4lt (Bredd)","mag.macro":"Makrof\u00f6rm\u00e5ga",
+"comp.tag":"Komposition","comp.title":"Fotoregler","comp.desc":"Beh\u00e4rska de viktigaste kompositionsreglerna f\u00f6r fantastiska bilder.","comp.demo":"Visa Demo",
+"motif.tag":"Motivigenk\u00e4nning","motif.title":"Motivigenk\u00e4nning & Genrer","motif.desc":"L\u00e4r dig olika fotogenrer och deras optimala inst\u00e4llningar.","motif.all":"Alla","motif.portrait":"Portr\u00e4tt","motif.landscape":"Landskap","motif.street":"Gata","motif.macro":"Makro","motif.night":"Natt","motif.sport":"Sport","motif.architecture":"Arkitektur","motif.wildlife":"Vilt",
+"exp.tag":"Grunder","exp.title":"Exponerings\u00adtriangeln","exp.desc":"F\u00f6rst\u00e5 samspelet mellan bl\u00e4ndare, slutartid och ISO.","exp.aperture":"Bl\u00e4ndare","exp.shutter":"Slutartid","exp.aperture.mid":"Mellanbl\u00e4ndare \u2013 bra kompromiss mellan sk\u00e4rpa och ljus.","exp.shutter.mid":"Standardslutar\u00adtid \u2013 fryser de flesta r\u00f6relser.","exp.iso.low":"L\u00e5gt ISO \u2013 minimalt brus, b\u00e4sta kvalitet.","exp.correct":"Korrekt Exponering","exp.under":"Underexponerad","exp.over":"\u00d6verexponerad","exp.slightunder":"Lite underexponerad","exp.slightover":"Lite \u00f6verexponerad",
+"quiz.tag":"Kunskapskontroll","quiz.title":"Fotoquiz","quiz.desc":"Testa dina kunskaper med interaktiva fr\u00e5gor.","quiz.all":"Alla \u00c4mnen","quiz.basics":"Grunder","quiz.composition":"Komposition","quiz.lenses":"Objektiv","quiz.exposure":"Exponering","quiz.genres":"Genrer","quiz.ready":"Redo f\u00f6r Quiz?","quiz.choose":"V\u00e4lj en kategori och testa dina kunskaper!","quiz.info":"10 fr\u00e5gor per runda \u2022 Flerval \u2022 Omedelbar feedback","quiz.start":"Starta Quiz","quiz.next":"N\u00e4sta Fr\u00e5ga","quiz.finished":"Quiz Klar!","quiz.playagain":"Spela Igen","quiz.review":"Granska Svar","quiz.score":"Po\u00e4ng","quiz.resulttext":"Du svarade r\u00e4tt p\u00e5 {0} av {1} fr\u00e5gor.","quiz.excellent":"Utm\u00e4rkt! Du \u00e4r ett fotoprofs!","quiz.good":"Bra gjort! Solid kunskap!","quiz.ok":"Inte d\u00e5ligt! Forts\u00e4tt \u00f6va!","quiz.needwork":"Utrymme f\u00f6r f\u00f6rb\u00e4ttring! Repetera grunderna.",
+"footer.brand":"Din gratis fotoverktygsl\u00e5da f\u00f6r b\u00e4ttre bilder.","footer.tools":"Verktyg","footer.calcs":"Kalkylatorer","footer.comprules":"Kompositionsregler","footer.exptriangle":"Exponerings\u00adtriangeln","footer.copy":"\u00a9 2026 PhotoPro Tools \u2014 Skapat med passion f\u00f6r fotografi.",
+"sensor.ff":"Fullformat (36x24mm)","sensor.apsc":"APS-C (23.5x15.6mm)","sensor.apsc_canon":"APS-C Canon (22.3x14.9mm)","sensor.m43":"Micro 4/3 (17.3x13mm)","sensor.1inch":"1 Tum (13.2x8.8mm)","sensor.small":"1/2.3 Tum (6.17x4.55mm)","sensor.ff_short":"Fullformat","sensor.apsc_short":"APS-C","sensor.m43_short":"Micro 4/3","sensor.ff_1x":"Fullformat (1.0x)","sensor.apsc_nikon":"APS-C Nikon/Sony (1.5x)","sensor.apsc_canon_1_6":"APS-C Canon (1.6x)","sensor.m43_2x":"Micro 4/3 (2.0x)","sensor.1inch_2_7":"1 Tum (2.7x)","sensor.small_5_6":"1/2.3 Tum (5.6x)",
+"lenstype.superwide":"Supervidvinkel","lenstype.wide":"Vidvinkel","lenstype.normal":"Normalobjektiv","lenstype.tele":"Teleobjektiv","lenstype.supertele":"Superteleobjektiv",
+"macro.true":"\u00c4kta Makro (1:1+)","macro.half":"Halvmakro (~1:2)","macro.close":"N\u00e4rbild","macro.no":"Inte Makro",
+"rule.thirds.name":"Tredjedelsregeln","rule.thirds.desc":"Dela bilden i 9 lika delar. Placera viktiga element p\u00e5 linjerna eller sk\u00e4rningspunkterna.","rule.thirds.tip1":"Placera horisonten p\u00e5 \u00f6vre eller nedre tredjedelslinjen","rule.thirds.tip2":"Placera motivets \u00f6gon p\u00e5 \u00f6vre sk\u00e4rningspunkterna","rule.thirds.tip3":"Placera aldrig huvudmotivet exakt i mitten",
+"rule.golden.name":"Gyllene Snittet","rule.golden.desc":"F\u00f6rh\u00e5llandet 1:1.618 \u2013 naturens perfekta proportion.","rule.golden.tip1":"Delar bilden i ungef\u00e4r 62% / 38%","rule.golden.tip2":"Mer harmoniskt \u00e4n tredjedelsregeln","rule.golden.tip3":"Finns \u00f6verallt i naturen (snackor, blommor)",
+"rule.leading.name":"Ledande Linjer","rule.leading.desc":"Naturliga linjer leder betraktarens blick till huvudmotivet.","rule.leading.tip1":"Anv\u00e4nd v\u00e4gar, floder, staket som linjer","rule.leading.tip2":"Linjerna b\u00f6r leda in i bilden","rule.leading.tip3":"Konvergerande linjer skapar djup",
+"rule.symmetry.name":"Symmetri & M\u00f6nster","rule.symmetry.desc":"Symmetriska kompositioner utstrs\u00e5lar lugn och perfektion.","rule.symmetry.tip1":"Reflektioner i vatten perfekt f\u00f6r symmetri","rule.symmetry.tip2":"Arkitektur erbjuder naturlig symmetri","rule.symmetry.tip3":"Medvetet bryta symmetrin som stilgrepp",
+"rule.framing.name":"Naturlig Inramning","rule.framing.desc":"Anv\u00e4nd element i scenen f\u00f6r att rama in ditt motiv.","rule.framing.tip1":"B\u00e5gar, f\u00f6nster, grenar som ramar","rule.framing.tip2":"Styr uppm\u00e4rksamheten mot huvudmotivet","rule.framing.tip3":"Skapar djup och sammanhang",
+"rule.negative.name":"Negativt Utrymme","rule.negative.desc":"Tomt utrymme runt motivet skapar effekt och dramatik.","rule.negative.tip1":"Mindre \u00e4r mer \u2013 anv\u00e4nd minimalism","rule.negative.tip2":"Ge motivet utrymme att andas","rule.negative.tip3":"S\u00e4rskilt effektivt i portr\u00e4tt",
+"rule.diagonal.name":"Diagonaler","rule.diagonal.desc":"Diagonala linjer skapar dynamik och sp\u00e4nning i bilden.","rule.diagonal.tip1":"H\u00f6rn till h\u00f6rn f\u00f6r maximal dynamik","rule.diagonal.tip2":"Anv\u00e4nd lutande perspektiv","rule.diagonal.tip3":"R\u00f6relseriktning l\u00e4ngs diagonalen",
+"rule.color.name":"F\u00e4rgteori","rule.color.desc":"Komplement\u00e4rf\u00e4rger och f\u00e4rgharmonier f\u00f6r stark visuell effekt.","rule.color.tip1":"Komplement\u00e4rf\u00e4rger f\u00f6r kontrast (bl\u00e5/orange)","rule.color.tip2":"Analoga f\u00e4rger f\u00f6r harmoni","rule.color.tip3":"Varma f\u00e4rger i f\u00f6rgrunden, kalla i bakgrunden",
+"motif.portrait.title":"Portr\u00e4ttfotografi","motif.portrait.desc":"F\u00e5nga m\u00e4nniskor och ansikten perfekt.","motif.landscape.title":"Landskapsfotografi","motif.landscape.desc":"F\u00e5nga vida landskap och naturscener.","motif.street.title":"Gatufotografi","motif.street.desc":"Dokumentera gatulivet autentiskt.","motif.macro.title":"Makrofotografi","motif.macro.desc":"G\u00f6r sm\u00e5 saker stora.","motif.night.title":"Nattfotografi","motif.night.desc":"Stj\u00e4rnor, stadsljus och nattscener.","motif.sport.title":"Sportfotografi","motif.sport.desc":"Frys snabba r\u00f6relser och action.","motif.architecture.title":"Arkitekturfotografi","motif.architecture.desc":"Byggnader och strukturer i perfektion.","motif.wildlife.title":"Viltfotografi","motif.wildlife.desc":"Djur i deras naturliga milj\u00f6.",
+"motif.setting.lens":"Objektiv","motif.setting.aperture":"Bl\u00e4ndare","motif.setting.iso":"ISO","motif.setting.shutter":"Slutartid",
+"nav.simtools":"Simulering","sim.tag":"Simulering","sim.title":"Fotosimuleringar","sim.desc":"Simulera olika fotoeffekter i realtid.",
+"sim.bokeh":"Bokeh","sim.longexp":"L\u00e5ng Exponering","sim.wb":"Vitbalans","sim.noise":"ISO-brus","sim.perspective":"Perspektiv","sim.histogram":"Histogram",
+"sim.bokeh.title":"Bokeh-simulator","sim.bokeh.info":"Se hur bokeh f\u00f6r\u00e4ndras med olika bl\u00e4ndare och br\u00e4nnvidder.","sim.bokeh.blades":"Bl\u00e4ndarblad","sim.bokeh.intensity":"Bokeh-intensitet",
+"sim.longexp.title":"L\u00e5ngexponerings\u00adsimulator","sim.longexp.info":"Se effekten av olika exponeringstider p\u00e5 r\u00f6relse.","sim.longexp.speed":"R\u00f6relsehastighet","sim.longexp.time":"Exponeringstid (s)",
+"sim.wb.title":"Vitbalanssimulator","sim.wb.info":"Se hur f\u00e4rgtemperaturen p\u00e5verkar din bild.","sim.wb.kelvin":"Temperatur (K)","sim.wb.tint":"Nyans",
+"sim.noise.title":"ISO-brussimulator","sim.noise.info":"Se hur digitalt brus \u00f6kar med h\u00f6gre ISO-v\u00e4rden.","sim.noise.level":"Brusniv\u00e5",
+"sim.perspective.title":"Perspektivsimulator","sim.perspective.info":"Se hur br\u00e4nnvidden p\u00e5verkar perspektivet.","sim.perspective.type":"Distorsionstyp",
+"sim.histogram.title":"Histogramsimulator","sim.histogram.info":"Se histogrammet baserat p\u00e5 exponerings\u00adinst\u00e4llningar."
+}
+};
+
+/* ==================== i18n Functions ==================== */
+window.t = function(key) {
+    var lang = window.currentLang || 'de';
+    var tr = window.I18N[lang];
+    if (tr && tr[key] !== undefined) return tr[key];
+    if (window.I18N.de && window.I18N.de[key] !== undefined) return window.I18N.de[key];
+    return key;
+};
+
+window.setLanguage = function(lang) {
+    if (!window.I18N[lang]) return;
+    window.currentLang = lang;
+    try { localStorage.setItem('photopro-lang', lang); } catch(e) {}
+    document.documentElement.lang = lang;
+    // Update data-i18n elements
+    document.querySelectorAll('[data-i18n]').forEach(function(el) {
+        var key = el.getAttribute('data-i18n');
+        var val = t(key);
+        if (val !== key) el.textContent = val;
+    });
+    // Update data-i18n-opt elements (option elements)
+    document.querySelectorAll('[data-i18n-opt]').forEach(function(el) {
+        var key = el.getAttribute('data-i18n-opt');
+        var val = t(key);
+        if (val !== key) el.textContent = val;
+    });
+    // Update lang switcher button
+    var flag = document.getElementById('langFlag');
+    if (flag) flag.textContent = lang.toUpperCase();
+    // Update active state
+    document.querySelectorAll('.lang-option').forEach(function(btn) {
+        btn.classList.toggle('active', btn.getAttribute('data-lang') === lang);
+    });
+    // Dispatch event for dynamic content
+    document.dispatchEvent(new CustomEvent('languageChanged', { detail: { lang: lang }}));
+};
+
+// Init from localStorage
+(function() {
+    try {
+        var saved = localStorage.getItem('photopro-lang');
+        if (saved && window.I18N[saved]) window.currentLang = saved;
+    } catch(e) {}
+})();
+
+window.I18N_READY = true;

powerbi.md

@@ -0,0 +1,225 @@
+Erstelle ein Word-Dokument: "Power BI Schulungshandbuch für HR" mit Schritt-für-Schritt-Anleitungen.
+
+ZIELGRUPPE:
+- 3-4 HR-Mitarbeiterinnen, Schweiz
+- Excel-Kenntnisse: Basis + SVERWEIS
+- Technikaffinität: 5-6/10
+- Keine Power BI Vorkenntnisse
+
+DATENQUELLEN DER TEILNEHMER:
+- SAP HCM/HRM (alle Infotypen, besonders PA0001, PA0002, PA0008, PA2001)
+- Rexx HR-System (Stellenplan, Pulsumfrage, MA-Zufriedenheit)
+- Excel/CSV (Kununu-Score, Refline/Time-to-hire)
+
+KPIs DIE ABGEBILDET WERDEN SOLLEN:
+- Headcount/FTE (monatlich)
+- Fluktuation (monatlich)
+- Krankenquote gesamt + ohne Langzeitkrankheiten >30 Tage (Quartal)
+- Überstunden (Quartal)
+- Produktivstunden (wöchentlich)
+- Ferientage/GLZ-Saldi (jährlich)
+- Stellenplan Soll vs Ist (monatlich, aus Rexx)
+- Lohnkosten (monatlich)
+- Time to hire (Quartal)
+- Kununu Score (monatlich)
+- Pulsumfrage (Quartal, aus Rexx)
+- MA-Zufriedenheitsumfrage (jährlich, aus Rexx)
+
+ZIELGRUPPEN DER REPORTS:
+- Geschäftsleitung
+- Verwaltungsrat
+- Finanzbuchhaltung
+- Abteilungsleiter
+
+STRUKTUR DES DOKUMENTS:
+
+1. MODUL 1: GRUNDLAGEN & DATENIMPORT
+1.1 Power BI Desktop installieren und starten
+- Wo herunterladen, Installation, erster Start
+1.2 Oberfläche kennenlernen
+- Berichtsansicht, Datenansicht, Modellansicht erklären
+- Wo findet man was (Menüband, Felder-Bereich, Visualisierungen)
+1.3 Excel-Datei importieren
+- Schritt-für-Schritt: Daten abrufen → Excel → Datei wählen → Navigator → Laden
+- Häufige Probleme und Lösungen
+1.4 CSV importieren
+- Unterschiede zu Excel, Encoding-Probleme Schweiz (Umlaute)
+1.5 SAP-Export importieren
+- Typische SAP-Exportformate verarbeiten
+- Spaltenüberschriften aus erster Zeile
+
+2. MODUL 2: POWER QUERY EDITOR
+2.1 Power Query öffnen
+- Daten transformieren → Button finden
+2.2 Erste Zeile als Header verwenden
+- Schritt-für-Schritt mit Menüpfad
+2.3 Datentypen ändern
+- Datum, Zahl, Text erkennen und korrigieren
+- Schweizer Datumsformat beachten
+2.4 Spalten entfernen/behalten
+- Nur relevante Spalten behalten
+2.5 Zeilen filtern
+- Beispiel: Nur aktive Mitarbeiter, nur bestimmter Zeitraum
+2.6 Werte ersetzen
+- null durch 0 ersetzen, Codes durch Klartext
+2.7 Spalten teilen/zusammenführen
+2.8 Berechnete Spalte hinzufügen
+2.9 Schliessen und Laden
+- Unterschied: Laden vs. Laden in
+
+3. MODUL 3: DATENMODELL
+3.1 Zur Modellansicht wechseln
+3.2 Beziehungen verstehen
+- 1:n, 1:1 erklären
+- Warum Beziehungen wichtig sind
+3.3 Beziehung erstellen
+- Drag & Drop zwischen Tabellen
+- Beziehung bearbeiten (Kardinalität, Kreuzfilterrichtung)
+3.4 Datumstabelle erstellen
+- Warum eigene Datumstabelle nötig
+- DAX-Formel zum Erstellen:
+  Datum = ADDCOLUMNS(CALENDAR(DATE(2020,1,1), TODAY()), "Jahr", YEAR([Date]), "Monat", MONTH([Date]), "MonatName", FORMAT([Date],"MMMM"), "Quartal", "Q" & QUARTER([Date]), "KW", WEEKNUM([Date]))
+- Als Datumstabelle markieren (Menüpfad)
+3.5 PERNR als Schlüssel
+- Personalnummer verbindet alle SAP-Tabellen
+
+4. MODUL 4: DAX MEASURES
+4.1 Was ist ein Measure vs. berechnete Spalte
+4.2 Neues Measure erstellen
+- Menüpfad: Modellierung → Neues Measure
+4.3 Basis-Measures für HR:
+
+Headcount:
+Headcount = COUNTROWS(Mitarbeiter)
+
+FTE:
+FTE = SUMX(Mitarbeiter, Mitarbeiter[Beschäftigungsgrad]/100)
+
+Krankheitstage:
+Krankheitstage = SUM(Abwesenheiten[Kalendertage])
+
+Sollarbeitstage:
+Sollarbeitstage = [Headcount] * 21
+
+Krankenquote:
+Krankenquote = DIVIDE([Krankheitstage], [Sollarbeitstage], 0)
+
+Krankenquote ohne Langzeit (>30 Tage):
+Krankenquote_ohne_LZ = 
+VAR KrankheitstageKurz = CALCULATE([Krankheitstage], FILTER(Abwesenheiten, Abwesenheiten[Kalendertage] <= 30))
+RETURN DIVIDE(KrankheitstageKurz, [Sollarbeitstage], 0)
+
+Austritte:
+Austritte = CALCULATE(COUNTROWS(Mitarbeiter), Mitarbeiter[Austritt] <> BLANK())
+
+Durchschnittlicher Headcount:
+Avg_Headcount = AVERAGEX(VALUES(Datum[Monat]), [Headcount])
+
+Fluktuation:
+Fluktuation = DIVIDE([Austritte], [Avg_Headcount], 0) * 100
+
+4.4 Zeitintelligenz-Measures:
+
+Vorjahreswert:
+Headcount_VJ = CALCULATE([Headcount], SAMEPERIODLASTYEAR(Datum[Date]))
+
+Vormonat:
+Headcount_VM = CALCULATE([Headcount], PREVIOUSMONTH(Datum[Date]))
+
+Year-to-Date:
+Headcount_YTD = TOTALYTD([Headcount], Datum[Date])
+
+Delta zum Vorjahr:
+Delta_VJ = [Headcount] - [Headcount_VJ]
+
+Delta Prozent:
+Delta_VJ_Proz = DIVIDE([Delta_VJ], [Headcount_VJ], 0)
+
+4.5 Measures formatieren
+- Prozent, Dezimalstellen, Währung einstellen
+
+5. MODUL 5: VISUALISIERUNGEN
+5.1 Visualisierungstypen und wann verwenden:
+- Karte/Card: Einzelne KPI-Zahl (Headcount, Krankenquote)
+- Balkendiagramm: Vergleiche (Abteilungen, Monate)
+- Liniendiagramm: Zeitverläufe (Headcount über 12 Monate)
+- Ringdiagramm: Anteile (Absenzen nach Typ)
+- Tachometer: Ziel vs Ist (Stellenplan-Erfüllung)
+- Tabelle/Matrix: Details mit Drill-down
+
+5.2 Erste Visualisierung erstellen
+- Schritt-für-Schritt: Visualisierung wählen → Felder reinziehen
+5.3 Visualisierung formatieren
+- Titel, Farben, Schriftgrössen
+5.4 Filter hinzufügen
+- Visualfilter, Seitenfilter, Berichtsfilter
+5.5 Slicer erstellen
+- Zeitraum-Auswahl, Abteilungs-Auswahl
+5.6 Bedingte Formatierung
+- Rot/Grün je nach Wert (Ampel-Logik)
+
+6. MODUL 6: DASHBOARD BAUEN
+6.1 Dashboard-Layout planen
+- F-Muster: Wichtigstes oben links
+- Max 6-8 Visualisierungen pro Seite
+6.2 Seite 1: Management-Übersicht erstellen
+- KPI-Karten oben: Headcount, Krankenquote, Fluktuation, Stellenplan
+- Trendlinie Headcount
+- Absenzquote nach Typ
+6.3 Seite 2: Detailanalyse erstellen
+- Matrix mit Drill-down nach Abteilung
+- Filter für Zeitraum und Kostenstelle
+6.4 Interaktionen zwischen Visualisierungen
+- Klick auf Balken filtert andere Visuals
+- Interaktionen bearbeiten (Menüpfad)
+6.5 Design-Tipps
+- Konsistente Farben (Firmen-CI)
+- Genügend Weissraum
+- Beschriftungen lesbar
+
+7. MODUL 7: VERÖFFENTLICHEN & TEILEN
+7.1 Power BI Service (app.powerbi.com)
+- Konto erstellen/anmelden
+- Unterschied Desktop vs Service
+7.2 Bericht veröffentlichen
+- Menüpfad: Datei → Veröffentlichen → Arbeitsbereich wählen
+7.3 Arbeitsbereich einrichten
+7.4 Dashboard erstellen (aus Bericht)
+- Visualisierung anheften
+7.5 Bericht teilen
+- Link teilen, Zugriff verwalten
+7.6 Automatische Aktualisierung einrichten
+- Geplante Aktualisierung (täglich, wöchentlich)
+- Gateway für lokale Daten (IT einbeziehen)
+7.7 Row-Level Security (RLS)
+- Abteilungsleiter sehen nur eigene Daten
+- Rolle erstellen, DAX-Filter: [Abteilung] = USERPRINCIPALNAME()
+
+8. TROUBLESHOOTING
+8.1 Häufige Fehler beim Import
+- Encoding-Probleme (UTF-8)
+- Falsches Dezimaltrennzeichen (Punkt vs Komma)
+- Datum wird als Text erkannt
+8.2 Häufige DAX-Fehler
+- Zirkelbezug
+- Division durch Null (DIVIDE verwenden)
+- Falscher Filterkontext
+8.3 Beziehungsprobleme
+- Mehrdeutige Beziehungen
+- Fehlende Beziehung
+8.4 Performance-Probleme
+- Zu viele Spalten importiert
+- Berechnete Spalten vs Measures
+
+9. ANHANG
+9.1 DAX Cheat Sheet (alle HR-Formeln auf einer Seite)
+9.2 Checkliste: Neuen Report erstellen
+9.3 Glossar (Power Query, DAX, Measure, etc.)
+
+FORMAT-ANWEISUNGEN:
+- Jeder Schritt nummeriert
+- Menüpfade in Format: Reiter → Gruppe → Button
+- DAX-Formeln in Codeblock/Monospace
+- Tipps und Warnungen hervorheben
+- Screenshots beschreiben wo sinnvoll: [Screenshot: Beschreibung was zu sehen sein sollte]
+- Sprache: Deutsch (Schweiz), Du-Form

training/Power BI Schulungshandbuch fuer HR.html

@@ -0,0 +1,556 @@
+<!DOCTYPE html>
+<html lang="de-CH">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Power BI Schulungshandbuch für HR</title>
+  <style>
+    :root {
+      color-scheme: light;
+      --accent: #1f6feb;
+      --accent-soft: #e0f2fe;
+      --text: #0f172a;
+      --muted: #475569;
+      --bg: #f8fafc;
+      --card: #ffffff;
+      --border: #e2e8f0;
+      --warning: #f97316;
+      --success: #16a34a;
+      --code: #0b1020;
+    }
+    body {
+      margin: 0;
+      font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
+      color: var(--text);
+      background: var(--bg);
+      line-height: 1.7;
+    }
+    header {
+      background: linear-gradient(120deg, #e0f2fe 0%, #eef2ff 100%);
+      padding: 40px 24px 24px;
+      border-bottom: 1px solid var(--border);
+    }
+    header h1 {
+      margin: 0 0 8px 0;
+      font-size: 2.2rem;
+    }
+    header p {
+      margin: 6px 0;
+      color: var(--muted);
+    }
+    main {
+      max-width: 1050px;
+      margin: 0 auto;
+      padding: 24px;
+    }
+    section {
+      background: var(--card);
+      border: 1px solid var(--border);
+      border-radius: 14px;
+      padding: 26px;
+      margin-bottom: 22px;
+      box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
+    }
+    h2 {
+      margin-top: 0;
+      color: #111827;
+      border-bottom: 2px solid var(--border);
+      padding-bottom: 6px;
+    }
+    h3 {
+      margin-bottom: 6px;
+      color: #1e293b;
+    }
+    h4 {
+      margin: 14px 0 6px;
+      color: #1f2937;
+    }
+    .badge {
+      display: inline-block;
+      padding: 2px 10px;
+      border-radius: 999px;
+      font-size: 0.85rem;
+      background: var(--accent-soft);
+      color: #0369a1;
+      margin-left: 8px;
+    }
+    ul, ol {
+      margin: 8px 0 16px 24px;
+    }
+    .callout {
+      border-left: 4px solid var(--accent);
+      background: #eef2ff;
+      padding: 12px 16px;
+      border-radius: 8px;
+      margin: 12px 0;
+      color: #1e293b;
+    }
+    .warning {
+      border-left-color: var(--warning);
+      background: #fff7ed;
+    }
+    .success {
+      border-left-color: var(--success);
+      background: #ecfdf3;
+    }
+    pre {
+      background: var(--code);
+      color: #e2e8f0;
+      padding: 16px;
+      border-radius: 10px;
+      overflow-x: auto;
+    }
+    code {
+      font-family: "Consolas", "Courier New", monospace;
+    }
+    figure {
+      margin: 0;
+      padding: 0;
+    }
+    figcaption {
+      color: var(--muted);
+      font-size: 0.9rem;
+      margin-top: 8px;
+    }
+    .grid-two {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+      gap: 16px;
+    }
+    .grid-three {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
+      gap: 16px;
+    }
+    .kpi-list li {
+      margin-bottom: 4px;
+    }
+    .checklist li {
+      margin-bottom: 6px;
+    }
+    .small {
+      font-size: 0.92rem;
+      color: var(--muted);
+    }
+    .flow-box {
+      border: 1px solid var(--border);
+      border-radius: 10px;
+      padding: 12px;
+      background: #f1f5f9;
+    }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Power BI Schulungshandbuch für HR</h1>
+    <p>Für 3–4 HR-Mitarbeiterinnen (Schweiz) mit wenig IT-Kenntnissen und Excel-Basis.</p>
+    <p class="small">Hinweis: Eine Word-Version ist nicht im Repo enthalten (Binary-Dateien werden beim PR-Erstellen nicht unterstützt).</p>
+  </header>
+
+  <main>
+    <section>
+      <h2>Überblick</h2>
+      <div class="grid-two">
+        <div>
+          <h3>Zielgruppe</h3>
+          <ul>
+            <li>3–4 HR-Mitarbeiterinnen (Schweiz)</li>
+            <li>Excel: Basis + SVERWEIS</li>
+            <li>Technikaffinität: 5–6/10</li>
+            <li>Keine Power BI Vorkenntnisse</li>
+          </ul>
+        </div>
+        <div>
+          <h3>Zielgruppen der Reports</h3>
+          <ul>
+            <li>Geschäftsleitung</li>
+            <li>Verwaltungsrat</li>
+            <li>Finanzbuchhaltung</li>
+            <li>Abteilungsleiter</li>
+          </ul>
+        </div>
+      </div>
+
+      <h3>Datenquellen</h3>
+      <ul>
+        <li>SAP HCM/HRM (Infotypen PA0001, PA0002, PA0008, PA2001)</li>
+        <li>Rexx HR-System (Stellenplan, Pulsumfrage, MA-Zufriedenheit)</li>
+        <li>Excel/CSV (Kununu-Score, Refline/Time-to-hire)</li>
+      </ul>
+
+      <h3>KPIs (mit Periodizität)</h3>
+      <ul class="kpi-list">
+        <li>Headcount/FTE (monatlich)</li>
+        <li>Fluktuation (monatlich)</li>
+        <li>Krankenquote gesamt + ohne Langzeitkrankheiten &gt;30 Tage (Quartal)</li>
+        <li>Überstunden (Quartal)</li>
+        <li>Produktivstunden (wöchentlich)</li>
+        <li>Ferientage/GLZ-Saldi (jährlich)</li>
+        <li>Stellenplan Soll vs Ist (monatlich, Rexx)</li>
+        <li>Lohnkosten (monatlich)</li>
+        <li>Time to hire (Quartal)</li>
+        <li>Kununu Score (monatlich)</li>
+        <li>Pulsumfrage (Quartal, Rexx)</li>
+        <li>MA-Zufriedenheitsumfrage (jährlich, Rexx)</li>
+      </ul>
+
+      <figure>
+        <svg width="100%" height="260" viewBox="0 0 980 260" role="img" aria-label="Datenfluss von Quellen zu Power BI und Reports">
+          <defs>
+            <linearGradient id="box" x1="0" x2="1">
+              <stop offset="0%" stop-color="#e0f2fe"/>
+              <stop offset="100%" stop-color="#eef2ff"/>
+            </linearGradient>
+            <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto">
+              <path d="M0,0 L9,3 L0,6 Z" fill="#64748b" />
+            </marker>
+          </defs>
+          <rect x="20" y="30" width="240" height="60" rx="12" fill="url(#box)" stroke="#94a3b8" />
+          <text x="140" y="65" text-anchor="middle" font-size="14" fill="#0f172a">SAP HCM/HRM</text>
+
+          <rect x="20" y="120" width="240" height="60" rx="12" fill="url(#box)" stroke="#94a3b8" />
+          <text x="140" y="155" text-anchor="middle" font-size="14" fill="#0f172a">Rexx HR-System</text>
+
+          <rect x="20" y="210" width="240" height="60" rx="12" fill="url(#box)" stroke="#94a3b8" />
+          <text x="140" y="245" text-anchor="middle" font-size="14" fill="#0f172a">Excel/CSV</text>
+
+          <rect x="350" y="100" width="260" height="80" rx="14" fill="#1f6feb" opacity="0.12" stroke="#1f6feb" />
+          <text x="480" y="145" text-anchor="middle" font-size="16" fill="#1f6feb">Power BI Desktop</text>
+
+          <rect x="700" y="70" width="260" height="120" rx="14" fill="#ecfeff" stroke="#0ea5e9" />
+          <text x="830" y="120" text-anchor="middle" font-size="14" fill="#0f172a">Berichte &amp; Dashboards</text>
+          <text x="830" y="145" text-anchor="middle" font-size="12" fill="#475569">GL · VR · Finanzen · Abteilungen</text>
+
+          <line x1="260" y1="60" x2="350" y2="120" stroke="#64748b" stroke-width="2" marker-end="url(#arrow)" />
+          <line x1="260" y1="150" x2="350" y2="140" stroke="#64748b" stroke-width="2" />
+          <line x1="260" y1="240" x2="350" y2="160" stroke="#64748b" stroke-width="2" />
+          <line x1="610" y1="140" x2="700" y2="130" stroke="#64748b" stroke-width="2" marker-end="url(#arrow)" />
+        </svg>
+        <figcaption>Grafik: Datenfluss von HR-Quellen in Power BI bis zu den Zielgruppen-Reports.</figcaption>
+      </figure>
+    </section>
+
+    <section>
+      <h2>Vorbereitung: Arbeitsordner &amp; Dateien <span class="badge">Start</span></h2>
+      <ol>
+        <li>Lege einen Ordner <strong>HR-Power-BI</strong> an.</li>
+        <li>Erstelle Unterordner: <code>01_Rohdaten</code>, <code>02_Transformiert</code>, <code>03_Berichte</code>.</li>
+        <li>Speichere Exporte aus SAP/Rexx/Excel immer in <code>01_Rohdaten</code>.</li>
+        <li>Benutze klare Dateinamen mit Datum, z. B. <code>SAP_PA0001_2025-01.csv</code>.</li>
+      </ol>
+      <div class="callout success">Ziel: Alle Teammitglieder finden Dateien sofort wieder und arbeiten mit den gleichen Daten.</div>
+    </section>
+
+    <section>
+      <h2>1. Grundlagen &amp; Datenimport <span class="badge">Modul 1</span></h2>
+      <h3>1.1 Installation &amp; erster Start</h3>
+      <ol>
+        <li>Gehe auf <strong>https://powerbi.microsoft.com/de-de/desktop/</strong> und lade Power BI Desktop herunter.</li>
+        <li>Installiere mit Standardoptionen (Weiter → Installieren → Fertigstellen).</li>
+        <li>Starte Power BI Desktop und wähle <strong>Leerer Bericht</strong>.</li>
+        <li>Speichere die Datei als <code>HR-Reporting.pbix</code> in <code>03_Berichte</code>.</li>
+      </ol>
+      <div class="callout">Tipp: Speichere früh und oft – Power BI Desktop hat keine Auto-Speicherung.</div>
+
+      <h3>1.2 Oberfläche kennenlernen</h3>
+      <ol>
+        <li>Links: Berichtsansicht (Diagramme), Datenansicht (Tabellen), Modellansicht (Beziehungen).</li>
+        <li>Rechts: Visualisierungen (Diagramm-Typ), Felder (Spalten), Filter.</li>
+        <li>Oben: Menüband mit allen Funktionen.</li>
+      </ol>
+      <div class="callout">Merksatz: <strong>Felder</strong> sind die Daten, <strong>Visualisierungen</strong> sind die Diagramme.</div>
+
+      <h3>1.3 Excel importieren (Kununu, Refline)</h3>
+      <ol>
+        <li><strong>Start → Daten abrufen → Excel</strong>.</li>
+        <li>Datei auswählen → <strong>Öffnen</strong>.</li>
+        <li>Im Navigator das richtige Blatt wählen (z. B. <code>Kununu_Score</code>).</li>
+        <li>Klicke <strong>Laden</strong>.</li>
+      </ol>
+      <div class="callout warning">Warnung: Excel-Tabellen ohne Überschrift führen zu „Spalte1/Spalte2“. Nutze in Power Query „Erste Zeile als Überschrift“.</div>
+
+      <h3>1.4 CSV importieren (Time-to-hire)</h3>
+      <ol>
+        <li><strong>Start → Daten abrufen → Text/CSV</strong>.</li>
+        <li>Datei auswählen → <strong>Öffnen</strong>.</li>
+        <li>Prüfe <strong>Trennzeichen</strong> (meist Semikolon).</li>
+        <li>Setze <strong>Dateiursprung</strong> auf UTF-8.</li>
+      </ol>
+      <div class="callout">Tipp: Umlaute (ä, ö, ü) sind das beste Zeichen, ob die Kodierung stimmt.</div>
+
+      <h3>1.5 SAP-Exporte importieren</h3>
+      <ol>
+        <li>SAP-Export lokal speichern (z. B. PA0001, PA0002, PA0008, PA2001).</li>
+        <li>Jeden Infotyp als eigene Tabelle laden.</li>
+        <li>Tabellen sofort umbenennen: <code>Mitarbeiter_Org</code>, <code>Mitarbeiter_Personal</code>, <code>Mitarbeiter_Lohn</code>, <code>Absenzen</code>.</li>
+      </ol>
+      <div class="callout warning">Warnung: SAP-Daten enthalten oft führende Nullen bei Personalnummern (PERNR). Nicht löschen!</div>
+    </section>
+
+    <section>
+      <h2>2. Power Query Editor <span class="badge">Modul 2</span></h2>
+      <h3>2.1 Power Query öffnen</h3>
+      <ol>
+        <li><strong>Start → Daten transformieren</strong>.</li>
+        <li>Du siehst eine Vorschau-Tabelle pro Datenquelle.</li>
+      </ol>
+
+      <h3>2.2 Erste Zeile als Überschrift</h3>
+      <ol>
+        <li><strong>Transformieren → Erste Zeile als Überschriften</strong>.</li>
+        <li>Kontrolliere, ob Spaltennamen sinnvoll sind.</li>
+      </ol>
+
+      <h3>2.3 Datentypen richtig setzen</h3>
+      <ol>
+        <li>Datumsspalten: <strong>Datum</strong> auswählen.</li>
+        <li>Zahlen: <strong>Ganze Zahl</strong> oder <strong>Dezimalzahl</strong>.</li>
+        <li>Text: <strong>Text</strong>.</li>
+      </ol>
+      <div class="callout warning">Warnung: Schweizer Datumsformat (TT.MM.JJJJ) braucht oft „Datentyp mit Gebietsschema (Deutsch – Schweiz)“.</div>
+
+      <h3>2.4 Spalten entfernen / behalten</h3>
+      <ol>
+        <li>Unnötige Spalten markieren → <strong>Spalten entfernen</strong>.</li>
+        <li>Wenn nur 6–8 Spalten relevant sind: <strong>Andere Spalten entfernen</strong>.</li>
+      </ol>
+
+      <h3>2.5 Zeilen filtern</h3>
+      <ol>
+        <li>Filterpfeil in der Spalte <strong>Status</strong>.</li>
+        <li>Nur aktive Mitarbeitende wählen.</li>
+        <li>Zeitraum (z. B. letztes Jahr) filtern.</li>
+      </ol>
+
+      <h3>2.6 Werte ersetzen</h3>
+      <ol>
+        <li><strong>Transformieren → Werte ersetzen</strong>.</li>
+        <li><code>null</code> durch <code>0</code> ersetzen.</li>
+        <li>Codes wie <code>A</code> in Klartext (<code>Aktiv</code>) umwandeln.</li>
+      </ol>
+
+      <h3>2.7 Spalten teilen / zusammenführen</h3>
+      <ol>
+        <li>Spalte auswählen → <strong>Spalte teilen</strong> (z. B. Vorname/Nachname).</li>
+        <li>Mehrere Spalten zusammenführen (z. B. Vorname + Nachname).</li>
+      </ol>
+
+      <h3>2.8 Berechnete Spalte</h3>
+      <ol>
+        <li><strong>Spalte hinzufügen → Benutzerdefinierte Spalte</strong>.</li>
+        <li>Beispiel: FTE = Beschäftigungsgrad / 100.</li>
+      </ol>
+
+      <h3>2.9 Schliessen &amp; Laden</h3>
+      <ol>
+        <li><strong>Start → Schliessen &amp; Laden</strong>.</li>
+        <li>„Laden in“ nutzen, wenn du nur eine Verbindung brauchst.</li>
+      </ol>
+    </section>
+
+    <section>
+      <h2>3. Datenmodell <span class="badge">Modul 3</span></h2>
+      <h3>3.1 Beziehungen verstehen</h3>
+      <div class="grid-three">
+        <div class="flow-box">
+          <strong>1:n Beziehung</strong>
+          <p class="small">Eine Personalnummer in der Mitarbeitertabelle kann viele Abwesenheitszeilen haben.</p>
+        </div>
+        <div class="flow-box">
+          <strong>1:1 Beziehung</strong>
+          <p class="small">Eine Personalnummer hat genau eine Detailzeile (z. B. Stammdaten).</p>
+        </div>
+        <div class="flow-box">
+          <strong>Filterfluss</strong>
+          <p class="small">Filter sollen meistens nur in eine Richtung laufen (Einweg).</p>
+        </div>
+      </div>
+
+      <h3>3.2 Beziehung erstellen</h3>
+      <ol>
+        <li>Modellansicht öffnen (Beziehungs-Icon links).</li>
+        <li>Spalte <strong>PERNR</strong> von Tabelle A auf Tabelle B ziehen.</li>
+        <li>Kardinalität prüfen (1:n) und Kreuzfilterrichtung auf Einweg setzen.</li>
+      </ol>
+
+      <h3>3.3 Datumstabelle erstellen</h3>
+      <ol>
+        <li><strong>Modellierung → Neue Tabelle</strong>.</li>
+        <li>DAX-Formel eingeben:</li>
+      </ol>
+      <pre><code>Datum = ADDCOLUMNS(
+    CALENDAR(DATE(2020,1,1), TODAY()),
+    "Jahr", YEAR([Date]),
+    "Monat", MONTH([Date]),
+    "MonatName", FORMAT([Date],"MMMM"),
+    "Quartal", "Q" &amp; QUARTER([Date]),
+    "KW", WEEKNUM([Date])
+)</code></pre>
+      <ol start="3">
+        <li><strong>Tabellen-Tools → Als Datumstabelle markieren → Datum[Date]</strong>.</li>
+      </ol>
+
+      <h3>3.4 PERNR als Schlüssel</h3>
+      <ol>
+        <li>PERNR in allen SAP-Tabellen verwenden.</li>
+        <li>In Rexx/Excel dieselbe Spalte sicherstellen.</li>
+        <li>Bei führenden Nullen: Datentyp Text setzen (nicht Zahl).</li>
+      </ol>
+    </section>
+
+    <section>
+      <h2>4. DAX Measures <span class="badge">Modul 4</span></h2>
+      <h3>4.1 Measure vs. berechnete Spalte</h3>
+      <ul>
+        <li><strong>Measure:</strong> wird im Bericht berechnet, schneller und flexibler.</li>
+        <li><strong>Berechnete Spalte:</strong> wird in jeder Zeile gespeichert (macht Modell grösser).</li>
+      </ul>
+
+      <h3>4.2 Neues Measure erstellen</h3>
+      <ol>
+        <li><strong>Modellierung → Neues Measure</strong>.</li>
+        <li>Formel eingeben und Enter drücken.</li>
+        <li>Measure klar benennen (z. B. <code>Headcount</code>, <code>Fluktuation</code>).</li>
+      </ol>
+
+      <h3>4.3 Basis-Measures für HR</h3>
+      <pre><code>Headcount = COUNTROWS(Mitarbeiter)
+FTE = SUMX(Mitarbeiter, Mitarbeiter[Beschäftigungsgrad]/100)
+Krankheitstage = SUM(Abwesenheiten[Kalendertage])
+Sollarbeitstage = [Headcount] * 21
+Krankenquote = DIVIDE([Krankheitstage], [Sollarbeitstage], 0)
+Krankenquote_ohne_LZ =
+VAR KrankheitstageKurz = CALCULATE([Krankheitstage], FILTER(Abwesenheiten, Abwesenheiten[Kalendertage] <= 30))
+RETURN DIVIDE(KrankheitstageKurz, [Sollarbeitstage], 0)
+Austritte = CALCULATE(COUNTROWS(Mitarbeiter), Mitarbeiter[Austritt] <> BLANK())
+Avg_Headcount = AVERAGEX(VALUES(Datum[Monat]), [Headcount])
+Fluktuation = DIVIDE([Austritte], [Avg_Headcount], 0) * 100</code></pre>
+
+      <h3>4.4 Zeitintelligenz</h3>
+      <pre><code>Headcount_VJ = CALCULATE([Headcount], SAMEPERIODLASTYEAR(Datum[Date]))
+Headcount_VM = CALCULATE([Headcount], PREVIOUSMONTH(Datum[Date]))
+Headcount_YTD = TOTALYTD([Headcount], Datum[Date])
+Delta_VJ = [Headcount] - [Headcount_VJ]
+Delta_VJ_Proz = DIVIDE([Delta_VJ], [Headcount_VJ], 0)</code></pre>
+
+      <h3>4.5 Measures formatieren</h3>
+      <ol>
+        <li>Measure auswählen.</li>
+        <li><strong>Measure-Tools → Format</strong> (Prozent, Währung, Dezimalstellen).</li>
+      </ol>
+      <div class="callout">Tipp: Für Krankenquote Prozentformat mit 1 Dezimalstelle verwenden.</div>
+    </section>
+
+    <section>
+      <h2>5. Visualisierungen <span class="badge">Modul 5</span></h2>
+      <h3>5.1 Welche Visualisierung wofür?</h3>
+      <ul>
+        <li><strong>Karte/Card:</strong> Einzelne KPI-Zahl (Headcount, Fluktuation).</li>
+        <li><strong>Balken:</strong> Vergleich von Abteilungen/Monaten.</li>
+        <li><strong>Linie:</strong> Trendverlauf (Headcount über 12 Monate).</li>
+        <li><strong>Ring:</strong> Anteil Absenzen nach Typ.</li>
+        <li><strong>Tachometer:</strong> Ziel vs Ist (Stellenplan).</li>
+        <li><strong>Matrix:</strong> Detailansicht mit Drill-down.</li>
+      </ul>
+
+      <h3>5.2 Erste Visualisierung erstellen</h3>
+      <ol>
+        <li>Visualisierung auswählen (z. B. Karte).</li>
+        <li>Feld <code>Headcount</code> in Werte ziehen.</li>
+        <li>Visual rechts auf der Seite platzieren.</li>
+      </ol>
+
+      <h3>5.3 Visualisierung formatieren</h3>
+      <ol>
+        <li>Visual auswählen → <strong>Format</strong> (Pinsel).</li>
+        <li>Titel hinzufügen: „Headcount aktuell“.</li>
+        <li>Farben gemäss Firmen-CI setzen.</li>
+      </ol>
+
+      <h3>5.4 Filter &amp; Slicer</h3>
+      <ol>
+        <li>Filterbereich öffnen.</li>
+        <li>Feld <code>Abteilung</code> als Seitenfilter setzen.</li>
+        <li>Slicer für Zeitraum hinzufügen.</li>
+      </ol>
+
+      <div class="callout warning">Warnung: Zu viele Filter verwirren. Maximal 2–3 Slicer pro Seite.</div>
+    </section>
+
+    <section>
+      <h2>6. Dashboard bauen <span class="badge">Modul 6</span></h2>
+      <h3>6.1 Layout planen</h3>
+      <ol>
+        <li>Wichtigste KPIs oben links platzieren (F-Muster).</li>
+        <li>Maximal 6–8 Visuals pro Seite.</li>
+        <li>Genug Weissraum für bessere Lesbarkeit.</li>
+      </ol>
+
+      <h3>6.2 Management-Übersicht (Seite 1)</h3>
+      <ol>
+        <li>KPI-Karten: Headcount, Krankenquote, Fluktuation, Stellenplan.</li>
+        <li>Trendlinie Headcount (12 Monate).</li>
+        <li>Absenzquote nach Typ als Ringdiagramm.</li>
+      </ol>
+
+      <h3>6.3 Detailanalyse (Seite 2)</h3>
+      <ol>
+        <li>Matrix mit Drill-down nach Abteilung.</li>
+        <li>Slicer: Zeitraum und Kostenstelle.</li>
+      </ol>
+
+      <h3>6.4 Interaktionen</h3>
+      <ol>
+        <li><strong>Format → Interaktionen bearbeiten</strong>.</li>
+        <li>Prüfen, ob Klick auf Balken andere Visuals filtert.</li>
+      </ol>
+    </section>
+
+    <section>
+      <h2>7. Veröffentlichen &amp; Teilen <span class="badge">Modul 7</span></h2>
+      <ol>
+        <li><strong>Datei → Veröffentlichen → Arbeitsbereich wählen</strong>.</li>
+        <li>Im Service Visuals anheften → Dashboard erstellen.</li>
+        <li>Teilen-Link an Geschäftsleitung/Finanzen senden.</li>
+        <li>Geplante Aktualisierung einrichten (Gateway für lokale Daten).</li>
+      </ol>
+      <div class="callout">Tipp: Teste RLS im Service immer mit „Als Rolle anzeigen“.</div>
+    </section>
+
+    <section>
+      <h2>8. Troubleshooting <span class="badge">Modul 8</span></h2>
+      <h3>8.1 Häufige Import-Fehler</h3>
+      <ul>
+        <li>Umlaute falsch → Encoding auf UTF-8 stellen.</li>
+        <li>Datum als Text → Datentyp mit Gebietsschema Schweiz.</li>
+        <li>Dezimaltrennzeichen falsch → Gebietsschema prüfen.</li>
+      </ul>
+
+      <h3>8.2 DAX-Fehler</h3>
+      <ul>
+        <li>Zirkelbezug → berechnete Spalten vermeiden.</li>
+        <li>Division durch Null → <code>DIVIDE()</code> verwenden.</li>
+        <li>Filterkontext falsch → <code>CALCULATE()</code> prüfen.</li>
+      </ul>
+    </section>
+
+    <section>
+      <h2>9. Anhang: Cheat Sheet &amp; Checkliste <span class="badge">Modul 9</span></h2>
+      <h3>9.1 DAX Cheat Sheet</h3>
+      <pre><code>Headcount = COUNTROWS(Mitarbeiter)
+FTE = SUMX(Mitarbeiter, Mitarbeiter[Beschäftigungsgrad]/100)
+Krankenquote = DIVIDE([Krankheitstage], [Sollarbeitstage], 0)
+Fluktuation = DIVIDE([Austritte], [Avg_Headcount], 0) * 100</code></pre>
+
+      <h3>9.2 Checkliste: Neuer Report</h3>
+      <ul class="checklist">
+        <li>Datenquellen klären (SAP, Rexx, Excel/CSV).</li>
+        <li>Daten importieren und bereinigen (Power Query).</li>
+        <li>Beziehungen und Datumstabelle erstellen.</li>
+        <li>Measures bauen und formatieren.</li>
+        <li>Dashboard layouten, testen, veröffentlichen.</li>
+      </ul>
+    </section>
+  </main>
+</body>
+</html>

training/Power BI Schulungshandbuch fuer HR.md

@@ -0,0 +1,320 @@
+# Power BI Schulungshandbuch für HR
+Word-Version: Nicht im Repo enthalten (Binary-Dateien werden beim PR-Erstellen nicht unterstützt).
+
+Zielgruppe: 3–4 HR-Mitarbeiterinnen (Schweiz), Excel-Basis + SVERWEIS, Technikaffinität 5–6/10, keine Power BI Vorkenntnisse.
+
+Datenquellen: SAP HCM/HRM (PA0001, PA0002, PA0008, PA2001), Rexx HR-System (Stellenplan, Pulsumfrage, MA-Zufriedenheit), Excel/CSV (Kununu-Score, Refline/Time-to-hire).
+
+KPIs: Headcount/FTE (monatlich), Fluktuation (monatlich), Krankenquote gesamt & ohne Langzeit >30 Tage (Quartal), Überstunden (Quartal), Produktivstunden (wöchentlich), Ferientage/GLZ-Saldi (jährlich), Stellenplan Soll vs Ist (monatlich), Lohnkosten (monatlich), Time to hire (Quartal), Kununu Score (monatlich), Pulsumfrage (Quartal), MA-Zufriedenheitsumfrage (jährlich).
+
+Zielgruppen der Reports: Geschäftsleitung, Verwaltungsrat, Finanzbuchhaltung, Abteilungsleiter.
+
+## 1. MODUL 1: GRUNDLAGEN & DATENIMPORT
+
+### 1.1 Power BI Desktop installieren und starten
+1. Schritt: Gehe auf https://powerbi.microsoft.com/de-de/desktop/ und lade Power BI Desktop herunter.
+2. Schritt: Installiere die Anwendung mit den Standardoptionen (Weiter → Installieren → Fertigstellen).
+3. Schritt: Starte Power BI Desktop über das Startmenü.
+
+[Screenshot: Startfenster von Power BI Desktop mit leeren Berichtsvorlagen].
+
+Tipp: Wenn der Download blockiert ist, wende Dich an die IT (Admin-Rechte erforderlich).
+
+### 1.2 Oberfläche kennenlernen
+1. Schritt: Wechsle links zwischen Berichtsansicht, Datenansicht und Modellansicht.
+2. Schritt: Erkenne die Bereiche: Menüband oben, Visualisierungen rechts, Felder-Bereich rechts, Seiten-Navigation links.
+3. Schritt: Klicke auf eine leere Seite, damit Visualisierungen verfügbar werden.
+
+[Screenshot: Power BI Desktop mit markierter Berichtsansicht, Visualisierungen und Felder-Bereich].
+
+### 1.3 Excel-Datei importieren
+1. Schritt: Reiter → Start → Daten abrufen → Excel.
+2. Schritt: Datei auswählen → Öffnen.
+3. Schritt: Im Navigator Tabelle oder Blatt auswählen → Laden.
+
+Warnung: Wenn Du im Navigator mehrere Tabellen auswählst, kann die Ladezeit steigen.
+
+Häufige Probleme und Lösungen:
+1. Problem: Falsche Spaltennamen → Lösung: Erste Zeile als Header setzen (siehe Modul 2).
+2. Problem: Zahlen als Text → Lösung: Datentyp korrigieren (siehe Modul 2).
+
+### 1.4 CSV importieren
+1. Schritt: Reiter → Start → Daten abrufen → Text/CSV.
+2. Schritt: Datei auswählen → Öffnen.
+3. Schritt: Im Vorschaufenster Trennzeichen und Kodierung prüfen.
+
+Warnung: In der Schweiz sind Umlaute oft nur mit UTF-8 korrekt. Stelle Kodierung auf UTF-8, falls nötig.
+
+Hinweis: CSV hat keine Formeln oder Formatierungen – nur Rohdaten.
+
+### 1.5 SAP-Export importieren
+1. Schritt: SAP-Export (z. B. TXT/CSV/XLSX) in einen lokalen Ordner speichern.
+2. Schritt: Reiter → Start → Daten abrufen → Text/CSV oder Excel wählen.
+3. Schritt: Im Navigator prüfen, ob die erste Zeile die Spaltenüberschriften enthält.
+
+Tipp: Wenn die Überschriften fehlen, nutze Power Query → Erste Zeile als Überschriften.
+
+## 2. MODUL 2: POWER QUERY EDITOR
+
+### 2.1 Power Query öffnen
+1. Schritt: Reiter → Start → Daten transformieren.
+
+[Screenshot: Button 'Daten transformieren' im Menüband].
+
+### 2.2 Erste Zeile als Header verwenden
+1. Schritt: Reiter → Transformieren → Erste Zeile als Überschriften.
+2. Schritt: Prüfe, ob die Spaltennamen korrekt sind.
+
+### 2.3 Datentypen ändern
+1. Schritt: Spalte auswählen (z. B. Eintrittsdatum).
+2. Schritt: Reiter → Transformieren → Datentyp → Datum.
+3. Schritt: Bei Zahlen Datentyp → Dezimalzahl oder Ganze Zahl.
+
+Warnung: Schweizer Datumsformat (TT.MM.JJJJ) wird manchmal als Text erkannt. In diesem Fall zuerst Datentyp Text, dann Datum mit Gebietsschema Schweiz (Deutsch).
+
+### 2.4 Spalten entfernen/behalten
+1. Schritt: Unnötige Spalten markieren.
+2. Schritt: Reiter → Start → Spalten entfernen.
+
+Tipp: Nutze "Andere Spalten entfernen", um nur relevante Spalten zu behalten.
+
+### 2.5 Zeilen filtern
+1. Schritt: Filterpfeil in der Spalte Status.
+2. Schritt: Nur aktive Mitarbeitende auswählen.
+3. Schritt: Zeitraumfilter z. B. letztes Jahr.
+
+### 2.6 Werte ersetzen
+1. Schritt: Reiter → Transformieren → Werte ersetzen.
+2. Schritt: null durch 0 ersetzen.
+3. Schritt: Codes (z. B. 'A') durch Klartext (z. B. 'Aktiv') ersetzen.
+
+### 2.7 Spalten teilen/zusammenführen
+1. Schritt: Spalte auswählen.
+2. Schritt: Reiter → Transformieren → Spalte teilen (nach Trennzeichen).
+3. Schritt: Für Zusammenführen: Reiter → Transformieren → Spalten zusammenführen.
+
+### 2.8 Berechnete Spalte hinzufügen
+1. Schritt: Reiter → Spalte hinzufügen → Benutzerdefinierte Spalte.
+2. Schritt: Formel eingeben (z. B. Beschäftigungsgrad/100).
+
+### 2.9 Schliessen und Laden
+1. Schritt: Reiter → Start → Schliessen & laden.
+2. Schritt: Unterschied: "Laden" speichert in Modell, "Laden in" erlaubt gezielte Ziele (z. B. nur Verbindung).
+
+## 3. MODUL 3: DATENMODELL
+
+### 3.1 Zur Modellansicht wechseln
+1. Schritt: Links auf die Modellansicht (Beziehungs-Icon) klicken.
+
+### 3.2 Beziehungen verstehen
+1. Schritt: 1:n = Eine Zeile in Tabelle A passt zu vielen Zeilen in Tabelle B.
+2. Schritt: 1:1 = Jede Zeile passt genau zu einer anderen Zeile.
+
+Warum wichtig: Beziehungen steuern, wie Filter zwischen Tabellen fliessen.
+
+### 3.3 Beziehung erstellen
+1. Schritt: Spalte in Tabelle A auf passende Spalte in Tabelle B ziehen (Drag & Drop).
+2. Schritt: Beziehung prüfen → Kardinalität und Kreuzfilterrichtung einstellen.
+
+Tipp: Nutze meistens Einweg-Filterrichtung, um Mehrdeutigkeiten zu vermeiden.
+
+### 3.4 Datumstabelle erstellen
+1. Schritt: Reiter → Modellierung → Neue Tabelle.
+2. Schritt: DAX-Formel einfügen:
+
+```
+Datum = ADDCOLUMNS(CALENDAR(DATE(2020,1,1), TODAY()), "Jahr", YEAR([Date]), "Monat", MONTH([Date]), "MonatName", FORMAT([Date],"MMMM"), "Quartal", "Q" & QUARTER([Date]), "KW", WEEKNUM([Date]))
+```
+
+3. Schritt: Reiter → Tabellen-Tools → Als Datumstabelle markieren → Datum[Date] auswählen.
+
+### 3.5 PERNR als Schlüssel
+1. Schritt: Verwende die Personalnummer (PERNR) als Schlüssel zwischen allen SAP-Tabellen (PA0001, PA0002, PA0008, PA2001).
+
+## 4. MODUL 4: DAX MEASURES
+
+### 4.1 Was ist ein Measure vs. berechnete Spalte
+1. Schritt: Measure berechnet sich dynamisch im Berichtskontext.
+2. Schritt: Berechnete Spalte wird pro Zeile gespeichert und erhöht Modellgrösse.
+
+### 4.2 Neues Measure erstellen
+1. Schritt: Reiter → Modellierung → Neues Measure.
+2. Schritt: Formel eingeben und mit Enter bestätigen.
+
+### 4.3 Basis-Measures für HR
+```
+Headcount = COUNTROWS(Mitarbeiter)
+FTE = SUMX(Mitarbeiter, Mitarbeiter[Beschäftigungsgrad]/100)
+Krankheitstage = SUM(Abwesenheiten[Kalendertage])
+Sollarbeitstage = [Headcount] * 21
+Krankenquote = DIVIDE([Krankheitstage], [Sollarbeitstage], 0)
+Krankenquote_ohne_LZ =
+VAR KrankheitstageKurz = CALCULATE([Krankheitstage], FILTER(Abwesenheiten, Abwesenheiten[Kalendertage] <= 30))
+RETURN DIVIDE(KrankheitstageKurz, [Sollarbeitstage], 0)
+Austritte = CALCULATE(COUNTROWS(Mitarbeiter), Mitarbeiter[Austritt] <> BLANK())
+Avg_Headcount = AVERAGEX(VALUES(Datum[Monat]), [Headcount])
+Fluktuation = DIVIDE([Austritte], [Avg_Headcount], 0) * 100
+```
+
+### 4.4 Zeitintelligenz-Measures
+```
+Headcount_VJ = CALCULATE([Headcount], SAMEPERIODLASTYEAR(Datum[Date]))
+Headcount_VM = CALCULATE([Headcount], PREVIOUSMONTH(Datum[Date]))
+Headcount_YTD = TOTALYTD([Headcount], Datum[Date])
+Delta_VJ = [Headcount] - [Headcount_VJ]
+Delta_VJ_Proz = DIVIDE([Delta_VJ], [Headcount_VJ], 0)
+```
+
+### 4.5 Measures formatieren
+1. Schritt: Measure auswählen.
+2. Schritt: Reiter → Measure-Tools → Format → Prozent, Dezimalstellen, Währung einstellen.
+
+## 5. MODUL 5: VISUALISIERUNGEN
+
+### 5.1 Visualisierungstypen und wann verwenden
+1. Karte/Card: Einzelne KPI-Zahl (Headcount, Krankenquote).
+2. Balkendiagramm: Vergleiche (Abteilungen, Monate).
+3. Liniendiagramm: Zeitverläufe (Headcount über 12 Monate).
+4. Ringdiagramm: Anteile (Absenzen nach Typ).
+5. Tachometer: Ziel vs Ist (Stellenplan-Erfüllung).
+6. Tabelle/Matrix: Details mit Drill-down.
+
+### 5.2 Erste Visualisierung erstellen
+1. Schritt: Visualisierung im Bereich Visualisierungen auswählen.
+2. Schritt: Felder per Drag & Drop in Achse/Werte ziehen.
+3. Schritt: Visualisierung auf der Seite positionieren.
+
+### 5.3 Visualisierung formatieren
+1. Schritt: Visual auswählen → Reiter Visual → Format (Pinsel).
+2. Schritt: Titel, Farben, Schriftgrössen anpassen.
+
+### 5.4 Filter hinzufügen
+1. Schritt: Filterbereich öffnen.
+2. Schritt: Felder in Visualfilter, Seitenfilter oder Berichtsfilter ziehen.
+
+### 5.5 Slicer erstellen
+1. Schritt: Visualisierung → Datenschnitt (Slicer) wählen.
+2. Schritt: Feld (z. B. Zeitraum, Abteilung) hinzufügen.
+
+### 5.6 Bedingte Formatierung
+1. Schritt: In Tabelle/Matrix auf Wertefeld klicken → Bedingte Formatierung.
+2. Schritt: Regeln definieren (z. B. Rot/Grün je nach Wert).
+
+Tipp: Ampel-Logik funktioniert gut für Krankenquote und Fluktuation.
+
+## 6. MODUL 6: DASHBOARD BAUEN
+
+### 6.1 Dashboard-Layout planen
+1. Schritt: F-Muster beachten – Wichtigstes oben links.
+2. Schritt: Maximal 6–8 Visualisierungen pro Seite.
+
+### 6.2 Seite 1: Management-Übersicht erstellen
+1. Schritt: KPI-Karten oben: Headcount, Krankenquote, Fluktuation, Stellenplan.
+2. Schritt: Trendlinie Headcount über 12 Monate.
+3. Schritt: Absenzquote nach Typ als Ringdiagramm.
+
+### 6.3 Seite 2: Detailanalyse erstellen
+1. Schritt: Matrix mit Drill-down nach Abteilung.
+2. Schritt: Filter für Zeitraum und Kostenstelle (Slicer).
+
+### 6.4 Interaktionen zwischen Visualisierungen
+1. Schritt: Reiter → Format → Interaktionen bearbeiten.
+2. Schritt: Prüfen, ob Klick auf Balken andere Visuals filtert oder hervorhebt.
+
+### 6.5 Design-Tipps
+1. Schritt: Konsistente Farben (Firmen-CI).
+2. Schritt: Genügend Weissraum.
+3. Schritt: Beschriftungen gut lesbar.
+
+## 7. MODUL 7: VERÖFFENTLICHEN & TEILEN
+
+### 7.1 Power BI Service (app.powerbi.com)
+1. Schritt: Konto erstellen/anmelden.
+2. Schritt: Unterschied Desktop vs Service: Desktop = Modell/Bericht, Service = Teilen/Dashboard.
+
+### 7.2 Bericht veröffentlichen
+1. Schritt: Reiter → Datei → Veröffentlichen → Arbeitsbereich wählen.
+
+### 7.3 Arbeitsbereich einrichten
+1. Schritt: Im Service → Arbeitsbereich erstellen.
+2. Schritt: Zugriffsrechte für Geschäftsleitung/Finanzbuchhaltung setzen.
+
+### 7.4 Dashboard erstellen (aus Bericht)
+1. Schritt: Im Service Visualisierung auswählen → Anheften.
+2. Schritt: Neues Dashboard erstellen oder bestehendes wählen.
+
+### 7.5 Bericht teilen
+1. Schritt: Teilen → Link generieren.
+2. Schritt: Zugriff verwalten (Rollen/Personen).
+
+### 7.6 Automatische Aktualisierung einrichten
+1. Schritt: Datensatz → Geplante Aktualisierung (täglich/wöchentlich).
+2. Schritt: Für lokale Daten Gateway einrichten (IT einbeziehen).
+
+### 7.7 Row-Level Security (RLS)
+1. Schritt: Reiter → Modellierung → Rollen verwalten.
+2. Schritt: Rolle erstellen, Filter setzen: [Abteilung] = USERPRINCIPALNAME().
+
+Warnung: RLS muss im Service getestet werden (Als Rolle anzeigen).
+
+## 8. TROUBLESHOOTING
+
+### 8.1 Häufige Fehler beim Import
+1. Problem: Encoding-Probleme (UTF-8) → Lösung: Kodierung im CSV-Import anpassen.
+2. Problem: Dezimaltrennzeichen (Punkt vs Komma) → Lösung: Datentyp mit Gebietsschema Schweiz setzen.
+3. Problem: Datum als Text → Lösung: Datentyp Datum und richtiges Gebietsschema.
+
+### 8.2 Häufige DAX-Fehler
+1. Problem: Zirkelbezug → Lösung: Berechnete Spalten vermeiden, Measures nutzen.
+2. Problem: Division durch Null → Lösung: DIVIDE() verwenden.
+3. Problem: Falscher Filterkontext → Lösung: Filter mit CALCULATE prüfen.
+
+### 8.3 Beziehungsprobleme
+1. Problem: Mehrdeutige Beziehungen → Lösung: Eine Beziehung aktiv, andere inaktiv setzen.
+2. Problem: Fehlende Beziehung → Lösung: Schlüsselspalten prüfen (PERNR, Datum).
+
+### 8.4 Performance-Probleme
+1. Problem: Zu viele Spalten importiert → Lösung: Spalten reduzieren.
+2. Problem: Zu viele berechnete Spalten → Lösung: Measures bevorzugen.
+
+## 9. ANHANG
+
+### 9.1 DAX Cheat Sheet (alle HR-Formeln)
+```
+Headcount = COUNTROWS(Mitarbeiter)
+FTE = SUMX(Mitarbeiter, Mitarbeiter[Beschäftigungsgrad]/100)
+Krankheitstage = SUM(Abwesenheiten[Kalendertage])
+Sollarbeitstage = [Headcount] * 21
+Krankenquote = DIVIDE([Krankheitstage], [Sollarbeitstage], 0)
+Krankenquote_ohne_LZ = VAR KrankheitstageKurz = CALCULATE([Krankheitstage], FILTER(Abwesenheiten, Abwesenheiten[Kalendertage] <= 30))
+RETURN DIVIDE(KrankheitstageKurz, [Sollarbeitstage], 0)
+Austritte = CALCULATE(COUNTROWS(Mitarbeiter), Mitarbeiter[Austritt] <> BLANK())
+Avg_Headcount = AVERAGEX(VALUES(Datum[Monat]), [Headcount])
+Fluktuation = DIVIDE([Austritte], [Avg_Headcount], 0) * 100
+Headcount_VJ = CALCULATE([Headcount], SAMEPERIODLASTYEAR(Datum[Date]))
+Headcount_VM = CALCULATE([Headcount], PREVIOUSMONTH(Datum[Date]))
+Headcount_YTD = TOTALYTD([Headcount], Datum[Date])
+Delta_VJ = [Headcount] - [Headcount_VJ]
+Delta_VJ_Proz = DIVIDE([Delta_VJ], [Headcount_VJ], 0)
+```
+
+### 9.2 Checkliste: Neuen Report erstellen
+1. Schritt: Datenquellen klären (SAP, Rexx, Excel/CSV).
+2. Schritt: Daten importieren (Modul 1).
+3. Schritt: Daten bereinigen in Power Query (Modul 2).
+4. Schritt: Beziehungen und Datumstabelle erstellen (Modul 3).
+5. Schritt: Measures erstellen (Modul 4).
+6. Schritt: Visuals bauen und formatieren (Modul 5).
+7. Schritt: Dashboard layouten (Modul 6).
+8. Schritt: Veröffentlichen und teilen (Modul 7).
+
+### 9.3 Glossar
+Power Query: Datenaufbereitungstool in Power BI.
+
+DAX: Formelsprache für Berechnungen in Power BI.
+
+Measure: Dynamische Kennzahl, abhängig vom Filterkontext.
+
+Berechnete Spalte: Feste Berechnung pro Zeile.
+
+RLS: Row-Level Security für zeilenbasierte Zugriffssteuerung.

training/Power BI Schulungsleitfaden fuer Trainer (ABAP, Daten-Webservices).html

@@ -0,0 +1,258 @@
+<!DOCTYPE html>
+<html lang="de-CH">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Power BI Schulungsleitfaden für Trainer (ABAP/Webservices)</title>
+  <style>
+    :root {
+      color-scheme: light;
+      --accent: #1f6feb;
+      --accent-soft: #e0f2fe;
+      --text: #0f172a;
+      --muted: #475569;
+      --bg: #f8fafc;
+      --card: #ffffff;
+      --border: #e2e8f0;
+      --warning: #f97316;
+      --success: #16a34a;
+      --code: #0b1020;
+    }
+    body {
+      margin: 0;
+      font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
+      color: var(--text);
+      background: var(--bg);
+      line-height: 1.7;
+    }
+    header {
+      background: linear-gradient(120deg, #e0f2fe 0%, #eef2ff 100%);
+      padding: 40px 24px 24px;
+      border-bottom: 1px solid var(--border);
+    }
+    header h1 {
+      margin: 0 0 8px 0;
+      font-size: 2.1rem;
+    }
+    header p {
+      margin: 6px 0;
+      color: var(--muted);
+    }
+    main {
+      max-width: 1050px;
+      margin: 0 auto;
+      padding: 24px;
+    }
+    section {
+      background: var(--card);
+      border: 1px solid var(--border);
+      border-radius: 14px;
+      padding: 26px;
+      margin-bottom: 22px;
+      box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
+    }
+    h2 {
+      margin-top: 0;
+      color: #111827;
+      border-bottom: 2px solid var(--border);
+      padding-bottom: 6px;
+    }
+    h3 {
+      margin-bottom: 6px;
+      color: #1e293b;
+    }
+    h4 {
+      margin: 14px 0 6px;
+      color: #1f2937;
+    }
+    ul, ol {
+      margin: 8px 0 16px 24px;
+    }
+    .callout {
+      border-left: 4px solid var(--accent);
+      background: #eef2ff;
+      padding: 12px 16px;
+      border-radius: 8px;
+      margin: 12px 0;
+      color: #1e293b;
+    }
+    .warning {
+      border-left-color: var(--warning);
+      background: #fff7ed;
+    }
+    .success {
+      border-left-color: var(--success);
+      background: #ecfdf3;
+    }
+    pre {
+      background: var(--code);
+      color: #e2e8f0;
+      padding: 16px;
+      border-radius: 10px;
+      overflow-x: auto;
+    }
+    code {
+      font-family: "Consolas", "Courier New", monospace;
+    }
+    table {
+      width: 100%;
+      border-collapse: collapse;
+      margin-top: 12px;
+    }
+    th, td {
+      border: 1px solid var(--border);
+      padding: 10px 12px;
+      text-align: left;
+    }
+    th {
+      background: #f1f5f9;
+      font-weight: 600;
+    }
+    .small {
+      font-size: 0.92rem;
+      color: var(--muted);
+    }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Power BI Schulungsleitfaden für Trainer (ABAP &amp; Daten-Webservices)</h1>
+    <p>Rolle: Trainer/IT/BI (ABAP-Expertise). Fokus auf Datenbereitstellung, Webservices und Betriebsübergabe.</p>
+    <p class="small">Zielgruppe der Schulung: HR-Konsumentinnen (Power BI Service, Filtern, Export).</p>
+  </header>
+
+  <main>
+    <section>
+      <h2>Zielbild</h2>
+      <ul>
+        <li>HR konsumiert fertige Dashboards im Power BI Service.</li>
+        <li>IT/BI stellt Datenquellen bereit, pflegt Modell, DAX, Refresh, Rechte.</li>
+        <li>Stabiler, dokumentierter Datenfluss (SAP → Webservice → Power BI).</li>
+      </ul>
+      <div class="callout success">Ergebnis: HR arbeitet schneller, IT/BI bleibt Owner von Datenqualität und Logik.</div>
+    </section>
+
+    <section>
+      <h2>Best Practice Rollenverteilung</h2>
+      <table>
+        <thead>
+          <tr>
+            <th>Aufgabe</th>
+            <th>HR</th>
+            <th>IT/BI-Team</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr><td>KPIs definieren</td><td>✓</td><td></td></tr>
+          <tr><td>Daten interpretieren</td><td>✓</td><td></td></tr>
+          <tr><td>Reports anfordern</td><td>✓</td><td></td></tr>
+          <tr><td>Dashboards bauen</td><td></td><td>✓</td></tr>
+          <tr><td>DAX/Measures schreiben</td><td></td><td>✓</td></tr>
+          <tr><td>Datenmodell pflegen</td><td></td><td>✓</td></tr>
+          <tr><td>Fertige Dashboards nutzen</td><td>✓</td><td></td></tr>
+          <tr><td>Filter setzen, Drill-down</td><td>✓</td><td></td></tr>
+        </tbody>
+      </table>
+    </section>
+
+    <section>
+      <h2>Datenquellen &amp; Webservices: Architektur</h2>
+      <p>Empfohlen für SAP-HR: OData/REST-Webservices aus SAP bereitstellen, dann in Power BI Service via Gateway anbinden.</p>
+      <ol>
+        <li>SAP HCM/HRM (PA0001/PA0002/PA0008/PA2001) → ABAP CDS/OData.</li>
+        <li>Rexx HR-System → REST/CSV-Exports oder DB-View.</li>
+        <li>Excel/CSV (Kununu, Refline) → SharePoint/OneDrive Ordner.</li>
+        <li>Power BI Dataset → Bericht → Dashboard.</li>
+      </ol>
+      <div class="callout">Ziel: Quellen entkoppeln, standardisierte Schnittstellen, minimale manuelle Exporte.</div>
+    </section>
+
+    <section>
+      <h2>SAP → Webservice: Vorgehen (ABAP)</h2>
+      <h3>1) CDS View mit sauberem Datenmodell</h3>
+      <ul>
+        <li>Erstelle CDS Views je Fachthema (z. B. Personalstamm, Absenzen, Lohn).</li>
+        <li>PERNR als Schlüssel, Datum als ISO-Format (YYYY-MM-DD).</li>
+        <li>Sprache und Mandant berücksichtigen.</li>
+      </ul>
+
+      <h3>2) OData Service veröffentlichen</h3>
+      <ul>
+        <li>Expose CDS als OData (Fiori Elements oder Gateway).</li>
+        <li>Aktiviere in /IWFND/MAINT_SERVICE.</li>
+        <li>Setze Authentifizierung (SAML/OAuth/Basic nach IT-Policy).</li>
+      </ul>
+
+      <h3>3) Performance &amp; Paging</h3>
+      <ul>
+        <li>Paging aktivieren, Delta-Logik prüfen.</li>
+        <li>Nur benötigte Felder liefern (Thin Views).</li>
+        <li>Filter serverseitig ermöglichen (Datum, Mandant, Status).</li>
+      </ul>
+
+      <div class="callout warning">Warnung: Zu viele Felder oder fehlende Filter führen zu langsamen Refreshs.</div>
+    </section>
+
+    <section>
+      <h2>Power BI Service: Datenanbindung</h2>
+      <h3>Gateway &amp; Authentifizierung</h3>
+      <ol>
+        <li>On-Premise Data Gateway installieren (IT/BI-Team).</li>
+        <li>Datenquelle registrieren (SAP OData/REST URL).</li>
+        <li>Zugangsdaten hinterlegen (Servicekonto).</li>
+      </ol>
+
+      <h3>Dataset Konfiguration</h3>
+      <ol>
+        <li>Power BI Desktop: Web/OData Connector nutzen.</li>
+        <li>Query-Parameter für Zeitraum/Delta definieren.</li>
+        <li>Dataset veröffentlichen → Service → geplante Aktualisierung.</li>
+      </ol>
+
+      <div class="callout success">Tipp: Einmalige Parameter (z. B. Startdatum) reduzieren Datenvolumen.</div>
+    </section>
+
+    <section>
+      <h2>Refresh-Strategie</h2>
+      <ul>
+        <li>Monatliche KPIs: Refresh täglich oder wöchentlich.</li>
+        <li>Wöchentliche KPIs: Refresh täglich (Mo–Fr).</li>
+        <li>Jährliche KPIs: Refresh monatlich.</li>
+      </ul>
+      <div class="callout">Empfehlung: Einen fixen Refresh-Zeitpunkt kommunizieren (z. B. 06:00 Uhr).</div>
+    </section>
+
+    <section>
+      <h2>Security &amp; Datenschutz</h2>
+      <ul>
+        <li>Row-Level Security für Abteilungen (wenn nötig).</li>
+        <li>HR-Reports in separatem Workspace (Zugriffsgruppen).</li>
+        <li>Keine sensiblen Felder im Dataset (z. B. AHV-Nummern).</li>
+      </ul>
+      <div class="callout warning">Warnung: Personalnummern als Text behandeln (führende Nullen behalten).</div>
+    </section>
+
+    <section>
+      <h2>Trainer-Checkliste vor dem Kurs</h2>
+      <ul>
+        <li>Power BI Service Zugriff für HR geprüft.</li>
+        <li>Mindestens 1 Testbericht bereitgestellt.</li>
+        <li>Refresh läuft &amp; Daten aktuell.</li>
+        <li>Kurzanleitung für Filter/Export vorbereitet.</li>
+      </ul>
+    </section>
+
+    <section>
+      <h2>FAQ aus Sicht HR (Trainer-Antworten)</h2>
+      <h3>„Warum stimmen Zahlen nicht?“</h3>
+      <p>Meist ist ein Filter aktiv. Bitte Filter zurücksetzen und Zeitraum prüfen.</p>
+
+      <h3>„Warum sehe ich keine Daten?“</h3>
+      <p>Entweder fehlen Berechtigungen oder der Zeitraum ist zu eng gesetzt.</p>
+
+      <h3>„Kann ich Daten ändern?“</h3>
+      <p>Nein. HR konsumiert, Datenpflege erfolgt in SAP/Rexx/IT.</p>
+    </section>
+  </main>
+</body>
+</html>

video-converter-suite/.gitignore

@@ -0,0 +1,15 @@
+/vendor/
+/storage/uploads/*
+/storage/outputs/*
+/storage/thumbnails/*
+/storage/logs/*
+/storage/temp/*
+!storage/uploads/.gitkeep
+!storage/outputs/.gitkeep
+!storage/thumbnails/.gitkeep
+!storage/logs/.gitkeep
+!storage/temp/.gitkeep
+.env
+*.swp
+*.swo
+.DS_Store

video-converter-suite/Dockerfile

@@ -0,0 +1,40 @@
+FROM php:8.2-cli
+
+# Install FFmpeg and dependencies
+RUN apt-get update && apt-get install -y \
+    ffmpeg \
+    libzip-dev \
+    unzip \
+    git \
+    && docker-php-ext-install pcntl posix sockets \
+    && rm -rf /var/lib/apt/lists/*
+
+# Install Composer
+COPY --from=composer:latest /usr/bin/composer /usr/bin/composer
+
+WORKDIR /app
+
+# Copy composer files first for caching
+COPY composer.json ./
+RUN composer install --no-dev --optimize-autoloader 2>/dev/null || true
+
+# Copy application
+COPY . .
+
+# Install dependencies
+RUN composer install --no-dev --optimize-autoloader
+
+# Create storage directories
+RUN mkdir -p storage/uploads storage/outputs storage/thumbnails storage/logs storage/temp \
+    && chmod -R 777 storage
+
+# Configure PHP
+RUN echo "upload_max_filesize = 5G\n\
+post_max_size = 5G\n\
+memory_limit = 512M\n\
+max_execution_time = 3600\n\
+max_input_time = 3600" > /usr/local/etc/php/conf.d/video-converter.ini
+
+EXPOSE 8080 8081
+
+CMD ["php", "-S", "0.0.0.0:8080", "-t", "public", "public/router.php"]

video-converter-suite/bin/queue-worker.php

@@ -0,0 +1,68 @@
+#!/usr/bin/env php
+<?php
+
+/**
+ * Video Converter Suite - Queue Worker
+ *
+ * Processes jobs from the queue sequentially.
+ * Usage: php bin/queue-worker.php
+ */
+
+spl_autoload_register(function ($class) {
+    $prefix = 'VideoConverter\\';
+    $baseDir = __DIR__ . '/../src/';
+    $len = strlen($prefix);
+    if (strncmp($prefix, $class, $len) !== 0) return;
+    $relative = substr($class, $len);
+    $file = $baseDir . str_replace('\\', '/', $relative) . '.php';
+    if (file_exists($file)) require $file;
+});
+
+use VideoConverter\Queue\JobQueue;
+use VideoConverter\Format\FormatConverter;
+
+$config = require __DIR__ . '/../config/app.php';
+
+echo "=== Video Converter Suite - Queue Worker ===\n";
+echo "Max concurrent: {$config['limits']['max_concurrent_jobs']}\n\n";
+
+$queue = new JobQueue();
+$converter = new FormatConverter();
+$running = 0;
+
+while (true) {
+    $queue = new JobQueue(); // Reload state
+    $converter = new FormatConverter();
+
+    $activeJobs = array_filter($converter->getAllJobs(), fn($j) => $j['status'] === 'running');
+    $running = count($activeJobs);
+
+    if ($running < $config['limits']['max_concurrent_jobs']) {
+        $nextJob = $queue->dequeue();
+        if ($nextJob) {
+            echo "[" . date('H:i:s') . "] Processing: {$nextJob['queue_id']}\n";
+
+            try {
+                $result = $converter->convert([
+                    'input_file' => $nextJob['input_file'] ?? '',
+                    'output_format' => $nextJob['output_format'] ?? 'mp4',
+                    'preset' => $nextJob['preset'] ?? 'balanced',
+                    'resolution' => $nextJob['resolution'] ?? null,
+                ]);
+
+                if (isset($result['error'])) {
+                    $queue->fail($nextJob['queue_id'], $result['error']);
+                    echo "[" . date('H:i:s') . "] Failed: {$result['error']}\n";
+                } else {
+                    $queue->complete($nextJob['queue_id'], $result);
+                    echo "[" . date('H:i:s') . "] Started job: {$result['id']}\n";
+                }
+            } catch (\Throwable $e) {
+                $queue->fail($nextJob['queue_id'], $e->getMessage());
+                echo "[" . date('H:i:s') . "] Error: {$e->getMessage()}\n";
+            }
+        }
+    }
+
+    sleep(2);
+}

video-converter-suite/bin/start.sh

@@ -0,0 +1,101 @@
+#!/bin/bash
+
+# Video Converter Suite - Startup Script
+# Starts all services: Web Server, WebSocket Server, Queue Worker
+
+echo "================================================"
+echo "  VIDEO CONVERTER SUITE - Starting Services"
+echo "================================================"
+echo ""
+
+DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/.." && pwd)"
+cd "$DIR"
+
+# Create storage directories
+mkdir -p storage/{uploads,outputs,thumbnails,logs,temp}
+
+# Check FFmpeg
+if command -v ffmpeg &> /dev/null; then
+    echo "[OK] FFmpeg: $(ffmpeg -version 2>&1 | head -1)"
+else
+    echo "[!!] FFmpeg not found. Install with: apt install ffmpeg"
+    echo "     The application will work but conversions will fail."
+fi
+
+# Check PHP
+if command -v php &> /dev/null; then
+    echo "[OK] PHP: $(php -v 2>&1 | head -1)"
+else
+    echo "[!!] PHP not found."
+    exit 1
+fi
+
+# Install dependencies if needed
+if [ ! -d "vendor" ]; then
+    echo ""
+    echo "Installing dependencies..."
+    if command -v composer &> /dev/null; then
+        composer install
+    else
+        echo "[!!] Composer not found. WebSocket server won't work."
+        echo "     The web interface will still work without it."
+    fi
+fi
+
+echo ""
+echo "Starting services..."
+echo ""
+
+# Start Web Server
+echo "[1/3] Web Server on http://localhost:8080"
+php -S 0.0.0.0:8080 -t public public/router.php \
+    -d upload_max_filesize=5G \
+    -d post_max_size=5G \
+    -d memory_limit=512M \
+    -d max_execution_time=3600 \
+    > storage/logs/web.log 2>&1 &
+WEB_PID=$!
+
+# Start WebSocket Server (optional, requires Ratchet)
+if [ -f "vendor/autoload.php" ]; then
+    echo "[2/3] WebSocket Server on ws://localhost:8081"
+    php bin/websocket-server.php > storage/logs/websocket.log 2>&1 &
+    WS_PID=$!
+else
+    echo "[2/3] WebSocket Server: SKIPPED (run composer install first)"
+    WS_PID=""
+fi
+
+# Start Queue Worker
+echo "[3/3] Queue Worker"
+php bin/queue-worker.php > storage/logs/worker.log 2>&1 &
+WORKER_PID=$!
+
+echo ""
+echo "================================================"
+echo "  All services started!"
+echo ""
+echo "  Web UI:    http://localhost:8080"
+echo "  WebSocket: ws://localhost:8081"
+echo ""
+echo "  PIDs: Web=$WEB_PID WS=$WS_PID Worker=$WORKER_PID"
+echo "  Logs: storage/logs/"
+echo ""
+echo "  Press Ctrl+C to stop all services"
+echo "================================================"
+
+# Trap exit to kill all processes
+cleanup() {
+    echo ""
+    echo "Stopping all services..."
+    kill $WEB_PID 2>/dev/null
+    [ -n "$WS_PID" ] && kill $WS_PID 2>/dev/null
+    kill $WORKER_PID 2>/dev/null
+    echo "All services stopped."
+    exit 0
+}
+
+trap cleanup EXIT INT TERM
+
+# Wait for any process to exit
+wait

video-converter-suite/bin/websocket-server.php

@@ -0,0 +1,41 @@
+#!/usr/bin/env php
+<?php
+
+/**
+ * Video Converter Suite - WebSocket Server
+ *
+ * Provides real-time status updates to connected clients.
+ * Usage: php bin/websocket-server.php
+ */
+
+require_once __DIR__ . '/../vendor/autoload.php';
+
+use Ratchet\Server\IoServer;
+use Ratchet\Http\HttpServer;
+use Ratchet\WebSocket\WsServer;
+use VideoConverter\WebSocket\StatusServer;
+
+$config = require __DIR__ . '/../config/app.php';
+$host = $config['websocket']['host'];
+$port = $config['websocket']['port'];
+
+echo "=== Video Converter Suite - WebSocket Server ===\n";
+echo "Starting on {$host}:{$port}\n\n";
+
+$statusServer = new StatusServer();
+
+$server = IoServer::factory(
+    new HttpServer(
+        new WsServer($statusServer)
+    ),
+    $port,
+    $host
+);
+
+// Broadcast status every 2 seconds
+$server->loop->addPeriodicTimer(2, function () use ($statusServer) {
+    $statusServer->broadcastStatus();
+});
+
+echo "WebSocket server running. Press Ctrl+C to stop.\n";
+$server->run();

video-converter-suite/composer.json

@@ -0,0 +1,21 @@
+{
+    "name": "videokonverter/suite",
+    "description": "Video Converter Suite - Live Stream Pipeline Control Panel",
+    "type": "project",
+    "require": {
+        "php": ">=8.1",
+        "cboden/ratchet": "^0.4",
+        "react/event-loop": "^1.4",
+        "react/child-process": "^0.6"
+    },
+    "autoload": {
+        "psr-4": {
+            "VideoConverter\\": "src/"
+        }
+    },
+    "scripts": {
+        "start": "php -S 0.0.0.0:8080 -t public public/router.php",
+        "websocket": "php bin/websocket-server.php",
+        "worker": "php bin/queue-worker.php"
+    }
+}

video-converter-suite/config/app.php

@@ -0,0 +1,74 @@
+<?php
+
+return [
+    'app_name' => 'Video Converter Suite',
+    'version' => '1.0.0',
+    'debug' => true,
+
+    'ffmpeg' => [
+        'binary' => getenv('FFMPEG_PATH') ?: '/usr/bin/ffmpeg',
+        'ffprobe' => getenv('FFPROBE_PATH') ?: '/usr/bin/ffprobe',
+        'threads' => (int)(getenv('FFMPEG_THREADS') ?: 4),
+        'timeout' => 3600,
+        'nice' => 10,
+    ],
+
+    'storage' => [
+        'uploads' => __DIR__ . '/../storage/uploads',
+        'outputs' => __DIR__ . '/../storage/outputs',
+        'thumbnails' => __DIR__ . '/../storage/thumbnails',
+        'logs' => __DIR__ . '/../storage/logs',
+        'temp' => __DIR__ . '/../storage/temp',
+    ],
+
+    'limits' => [
+        'max_upload_size' => 5 * 1024 * 1024 * 1024, // 5 GB
+        'max_concurrent_jobs' => 3,
+        'max_pipeline_depth' => 10,
+    ],
+
+    'websocket' => [
+        'host' => '0.0.0.0',
+        'port' => 8081,
+    ],
+
+    'formats' => [
+        'video' => [
+            'mp4'  => ['codec' => 'libx264',  'ext' => 'mp4',  'mime' => 'video/mp4'],
+            'webm' => ['codec' => 'libvpx-vp9', 'ext' => 'webm', 'mime' => 'video/webm'],
+            'mkv'  => ['codec' => 'libx264',  'ext' => 'mkv',  'mime' => 'video/x-matroska'],
+            'avi'  => ['codec' => 'mpeg4',    'ext' => 'avi',  'mime' => 'video/x-msvideo'],
+            'mov'  => ['codec' => 'libx264',  'ext' => 'mov',  'mime' => 'video/quicktime'],
+            'flv'  => ['codec' => 'flv1',     'ext' => 'flv',  'mime' => 'video/x-flv'],
+            'wmv'  => ['codec' => 'wmv2',     'ext' => 'wmv',  'mime' => 'video/x-ms-wmv'],
+            'ts'   => ['codec' => 'libx264',  'ext' => 'ts',   'mime' => 'video/mp2t'],
+            'hls'  => ['codec' => 'libx264',  'ext' => 'm3u8', 'mime' => 'application/x-mpegURL'],
+            'dash' => ['codec' => 'libx264',  'ext' => 'mpd',  'mime' => 'application/dash+xml'],
+        ],
+        'audio' => [
+            'aac'  => ['codec' => 'aac',         'ext' => 'aac',  'mime' => 'audio/aac'],
+            'mp3'  => ['codec' => 'libmp3lame',   'ext' => 'mp3',  'mime' => 'audio/mpeg'],
+            'ogg'  => ['codec' => 'libvorbis',    'ext' => 'ogg',  'mime' => 'audio/ogg'],
+            'wav'  => ['codec' => 'pcm_s16le',    'ext' => 'wav',  'mime' => 'audio/wav'],
+            'flac' => ['codec' => 'flac',         'ext' => 'flac', 'mime' => 'audio/flac'],
+            'opus' => ['codec' => 'libopus',      'ext' => 'opus', 'mime' => 'audio/opus'],
+        ],
+    ],
+
+    'presets' => [
+        'ultrafast' => ['preset' => 'ultrafast', 'crf' => 28],
+        'fast'      => ['preset' => 'fast',      'crf' => 23],
+        'balanced'  => ['preset' => 'medium',    'crf' => 20],
+        'quality'   => ['preset' => 'slow',      'crf' => 18],
+        'lossless'  => ['preset' => 'veryslow',  'crf' => 0],
+    ],
+
+    'resolutions' => [
+        '4k'    => ['width' => 3840, 'height' => 2160, 'label' => '4K UHD'],
+        '1440p' => ['width' => 2560, 'height' => 1440, 'label' => '2K QHD'],
+        '1080p' => ['width' => 1920, 'height' => 1080, 'label' => 'Full HD'],
+        '720p'  => ['width' => 1280, 'height' => 720,  'label' => 'HD'],
+        '480p'  => ['width' => 854,  'height' => 480,  'label' => 'SD'],
+        '360p'  => ['width' => 640,  'height' => 360,  'label' => 'Low'],
+    ],
+];