diff --git a/bizmatch-server/prod.dump b/bizmatch-server/prod.dump
old mode 100644
new mode 100755
diff --git a/bizmatch-server/scripts/migrate-slugs.sql b/bizmatch-server/scripts/migrate-slugs.sql
index 8fa83ab..bfc654c 100644
--- a/bizmatch-server/scripts/migrate-slugs.sql
+++ b/bizmatch-server/scripts/migrate-slugs.sql
@@ -1,117 +1,117 @@
--- =============================================================
--- SEO SLUG MIGRATION SCRIPT
--- Run this directly in your PostgreSQL database
--- =============================================================
-
--- First, let's see how many listings need slugs
-SELECT 'Businesses without slugs: ' || COUNT(*) FROM businesses_json 
-WHERE data->>'slug' IS NULL OR data->>'slug' = '';
-
-SELECT 'Commercial properties without slugs: ' || COUNT(*) FROM commercials_json 
-WHERE data->>'slug' IS NULL OR data->>'slug' = '';
-
--- =============================================================
--- UPDATE BUSINESS LISTINGS WITH SEO SLUGS
--- Format: title-city-state-shortid (e.g., restaurant-austin-tx-a3f7b2c1)
--- =============================================================
-
-UPDATE businesses_json
-SET data = jsonb_set(
-    data::jsonb,
-    '{slug}',
-    to_jsonb(
-        LOWER(
-            REGEXP_REPLACE(
-                REGEXP_REPLACE(
-                    CONCAT(
-                        -- Title (first 50 chars, cleaned)
-                        SUBSTRING(
-                            REGEXP_REPLACE(
-                                LOWER(COALESCE(data->>'title', '')), 
-                                '[^a-z0-9\s-]', '', 'g'
-                            ), 1, 50
-                        ),
-                        '-',
-                        -- City or County
-                        REGEXP_REPLACE(
-                            LOWER(COALESCE(data->'location'->>'name', data->'location'->>'county', '')),
-                            '[^a-z0-9\s-]', '', 'g'
-                        ),
-                        '-',
-                        -- State
-                        LOWER(COALESCE(data->'location'->>'state', '')),
-                        '-',
-                        -- First 8 chars of UUID
-                        SUBSTRING(id::text, 1, 8)
-                    ),
-                    '\s+', '-', 'g'  -- Replace spaces with hyphens
-                ),
-                '-+', '-', 'g'  -- Replace multiple hyphens with single
-            )
-        )
-    )
-)
-WHERE data->>'slug' IS NULL OR data->>'slug' = '';
-
--- =============================================================
--- UPDATE COMMERCIAL PROPERTIES WITH SEO SLUGS
--- =============================================================
-
-UPDATE commercials_json
-SET data = jsonb_set(
-    data::jsonb,
-    '{slug}',
-    to_jsonb(
-        LOWER(
-            REGEXP_REPLACE(
-                REGEXP_REPLACE(
-                    CONCAT(
-                        -- Title (first 50 chars, cleaned)
-                        SUBSTRING(
-                            REGEXP_REPLACE(
-                                LOWER(COALESCE(data->>'title', '')), 
-                                '[^a-z0-9\s-]', '', 'g'
-                            ), 1, 50
-                        ),
-                        '-',
-                        -- City or County
-                        REGEXP_REPLACE(
-                            LOWER(COALESCE(data->'location'->>'name', data->'location'->>'county', '')),
-                            '[^a-z0-9\s-]', '', 'g'
-                        ),
-                        '-',
-                        -- State
-                        LOWER(COALESCE(data->'location'->>'state', '')),
-                        '-',
-                        -- First 8 chars of UUID
-                        SUBSTRING(id::text, 1, 8)
-                    ),
-                    '\s+', '-', 'g'  -- Replace spaces with hyphens
-                ),
-                '-+', '-', 'g'  -- Replace multiple hyphens with single
-            )
-        )
-    )
-)
-WHERE data->>'slug' IS NULL OR data->>'slug' = '';
-
--- =============================================================
--- VERIFY THE RESULTS
--- =============================================================
-
-SELECT 'Migration complete! Checking results...' AS status;
-
--- Show sample of updated slugs
-SELECT 
-    id,
-    data->>'title' AS title,
-    data->>'slug' AS slug
-FROM businesses_json 
-LIMIT 5;
-
-SELECT 
-    id,
-    data->>'title' AS title,
-    data->>'slug' AS slug
-FROM commercials_json 
-LIMIT 5;
+-- =============================================================
+-- SEO SLUG MIGRATION SCRIPT
+-- Run this directly in your PostgreSQL database
+-- =============================================================
+
+-- First, let's see how many listings need slugs
+SELECT 'Businesses without slugs: ' || COUNT(*) FROM businesses_json 
+WHERE data->>'slug' IS NULL OR data->>'slug' = '';
+
+SELECT 'Commercial properties without slugs: ' || COUNT(*) FROM commercials_json 
+WHERE data->>'slug' IS NULL OR data->>'slug' = '';
+
+-- =============================================================
+-- UPDATE BUSINESS LISTINGS WITH SEO SLUGS
+-- Format: title-city-state-shortid (e.g., restaurant-austin-tx-a3f7b2c1)
+-- =============================================================
+
+UPDATE businesses_json
+SET data = jsonb_set(
+    data::jsonb,
+    '{slug}',
+    to_jsonb(
+        LOWER(
+            REGEXP_REPLACE(
+                REGEXP_REPLACE(
+                    CONCAT(
+                        -- Title (first 50 chars, cleaned)
+                        SUBSTRING(
+                            REGEXP_REPLACE(
+                                LOWER(COALESCE(data->>'title', '')), 
+                                '[^a-z0-9\s-]', '', 'g'
+                            ), 1, 50
+                        ),
+                        '-',
+                        -- City or County
+                        REGEXP_REPLACE(
+                            LOWER(COALESCE(data->'location'->>'name', data->'location'->>'county', '')),
+                            '[^a-z0-9\s-]', '', 'g'
+                        ),
+                        '-',
+                        -- State
+                        LOWER(COALESCE(data->'location'->>'state', '')),
+                        '-',
+                        -- First 8 chars of UUID
+                        SUBSTRING(id::text, 1, 8)
+                    ),
+                    '\s+', '-', 'g'  -- Replace spaces with hyphens
+                ),
+                '-+', '-', 'g'  -- Replace multiple hyphens with single
+            )
+        )
+    )
+)
+WHERE data->>'slug' IS NULL OR data->>'slug' = '';
+
+-- =============================================================
+-- UPDATE COMMERCIAL PROPERTIES WITH SEO SLUGS
+-- =============================================================
+
+UPDATE commercials_json
+SET data = jsonb_set(
+    data::jsonb,
+    '{slug}',
+    to_jsonb(
+        LOWER(
+            REGEXP_REPLACE(
+                REGEXP_REPLACE(
+                    CONCAT(
+                        -- Title (first 50 chars, cleaned)
+                        SUBSTRING(
+                            REGEXP_REPLACE(
+                                LOWER(COALESCE(data->>'title', '')), 
+                                '[^a-z0-9\s-]', '', 'g'
+                            ), 1, 50
+                        ),
+                        '-',
+                        -- City or County
+                        REGEXP_REPLACE(
+                            LOWER(COALESCE(data->'location'->>'name', data->'location'->>'county', '')),
+                            '[^a-z0-9\s-]', '', 'g'
+                        ),
+                        '-',
+                        -- State
+                        LOWER(COALESCE(data->'location'->>'state', '')),
+                        '-',
+                        -- First 8 chars of UUID
+                        SUBSTRING(id::text, 1, 8)
+                    ),
+                    '\s+', '-', 'g'  -- Replace spaces with hyphens
+                ),
+                '-+', '-', 'g'  -- Replace multiple hyphens with single
+            )
+        )
+    )
+)
+WHERE data->>'slug' IS NULL OR data->>'slug' = '';
+
+-- =============================================================
+-- VERIFY THE RESULTS
+-- =============================================================
+
+SELECT 'Migration complete! Checking results...' AS status;
+
+-- Show sample of updated slugs
+SELECT 
+    id,
+    data->>'title' AS title,
+    data->>'slug' AS slug
+FROM businesses_json 
+LIMIT 5;
+
+SELECT 
+    id,
+    data->>'title' AS title,
+    data->>'slug' AS slug
+FROM commercials_json 
+LIMIT 5;
diff --git a/bizmatch-server/scripts/migrate-slugs.ts b/bizmatch-server/scripts/migrate-slugs.ts
index ee32b3c..a83170c 100644
--- a/bizmatch-server/scripts/migrate-slugs.ts
+++ b/bizmatch-server/scripts/migrate-slugs.ts
@@ -1,162 +1,162 @@
-/**
- * Migration Script: Generate Slugs for Existing Listings
- * 
- * This script generates SEO-friendly slugs for all existing businesses
- * and commercial properties that don't have slugs yet.
- * 
- * Run with: npx ts-node scripts/migrate-slugs.ts
- */
-
-import { Pool } from 'pg';
-import { drizzle, NodePgDatabase } from 'drizzle-orm/node-postgres';
-import { sql, eq, isNull } from 'drizzle-orm';
-import * as schema from '../src/drizzle/schema';
-
-// Slug generation function (copied from utils for standalone execution)
-function generateSlug(title: string, location: any, id: string): string {
-    if (!title || !id) return id; // Fallback to ID if no title
-
-    const titleSlug = title
-        .toLowerCase()
-        .trim()
-        .replace(/[^\w\s-]/g, '')
-        .replace(/\s+/g, '-')
-        .replace(/-+/g, '-')
-        .substring(0, 50);
-
-    let locationSlug = '';
-    if (location) {
-        const locationName = location.name || location.county || '';
-        const state = location.state || '';
-
-        if (locationName) {
-            locationSlug = locationName
-                .toLowerCase()
-                .trim()
-                .replace(/[^\w\s-]/g, '')
-                .replace(/\s+/g, '-')
-                .replace(/-+/g, '-');
-        }
-
-        if (state) {
-            locationSlug = locationSlug
-                ? `${locationSlug}-${state.toLowerCase()}`
-                : state.toLowerCase();
-        }
-    }
-
-    const shortId = id.substring(0, 8);
-    const parts = [titleSlug, locationSlug, shortId].filter(Boolean);
-    return parts.join('-').replace(/-+/g, '-').replace(/^-|-$/g, '').toLowerCase();
-}
-
-async function migrateBusinessSlugs(db: NodePgDatabase<typeof schema>) {
-    console.log('🔄 Migrating Business Listings...');
-
-    // Get all businesses without slugs
-    const businesses = await db
-        .select({
-            id: schema.businesses_json.id,
-            email: schema.businesses_json.email,
-            data: schema.businesses_json.data,
-        })
-        .from(schema.businesses_json);
-
-    let updated = 0;
-    let skipped = 0;
-
-    for (const business of businesses) {
-        const data = business.data as any;
-
-        // Skip if slug already exists
-        if (data.slug) {
-            skipped++;
-            continue;
-        }
-
-        const slug = generateSlug(data.title || '', data.location || {}, business.id);
-
-        // Update with new slug
-        const updatedData = { ...data, slug };
-        await db
-            .update(schema.businesses_json)
-            .set({ data: updatedData })
-            .where(eq(schema.businesses_json.id, business.id));
-
-        console.log(`  ✓ ${data.title?.substring(0, 40)}... → ${slug}`);
-        updated++;
-    }
-
-    console.log(`✅ Business Listings: ${updated} updated, ${skipped} skipped (already had slugs)`);
-    return updated;
-}
-
-async function migrateCommercialSlugs(db: NodePgDatabase<typeof schema>) {
-    console.log('\n🔄 Migrating Commercial Properties...');
-
-    // Get all commercial properties without slugs
-    const properties = await db
-        .select({
-            id: schema.commercials_json.id,
-            email: schema.commercials_json.email,
-            data: schema.commercials_json.data,
-        })
-        .from(schema.commercials_json);
-
-    let updated = 0;
-    let skipped = 0;
-
-    for (const property of properties) {
-        const data = property.data as any;
-
-        // Skip if slug already exists
-        if (data.slug) {
-            skipped++;
-            continue;
-        }
-
-        const slug = generateSlug(data.title || '', data.location || {}, property.id);
-
-        // Update with new slug
-        const updatedData = { ...data, slug };
-        await db
-            .update(schema.commercials_json)
-            .set({ data: updatedData })
-            .where(eq(schema.commercials_json.id, property.id));
-
-        console.log(`  ✓ ${data.title?.substring(0, 40)}... → ${slug}`);
-        updated++;
-    }
-
-    console.log(`✅ Commercial Properties: ${updated} updated, ${skipped} skipped (already had slugs)`);
-    return updated;
-}
-
-async function main() {
-    console.log('═══════════════════════════════════════════════════════');
-    console.log('         SEO SLUG MIGRATION SCRIPT');
-    console.log('═══════════════════════════════════════════════════════\n');
-
-    // Connect to database
-    const connectionString = process.env.DATABASE_URL || 'postgresql://postgres:postgres@localhost:5432/bizmatch';
-    console.log(`📡 Connecting to database...`);
-
-    const pool = new Pool({ connectionString });
-    const db = drizzle(pool, { schema });
-
-    try {
-        const businessCount = await migrateBusinessSlugs(db);
-        const commercialCount = await migrateCommercialSlugs(db);
-
-        console.log('\n═══════════════════════════════════════════════════════');
-        console.log(`🎉 Migration complete! Total: ${businessCount + commercialCount} listings updated`);
-        console.log('═══════════════════════════════════════════════════════\n');
-    } catch (error) {
-        console.error('❌ Migration failed:', error);
-        process.exit(1);
-    } finally {
-        await pool.end();
-    }
-}
-
-main();
+/**
+ * Migration Script: Generate Slugs for Existing Listings
+ * 
+ * This script generates SEO-friendly slugs for all existing businesses
+ * and commercial properties that don't have slugs yet.
+ * 
+ * Run with: npx ts-node scripts/migrate-slugs.ts
+ */
+
+import { Pool } from 'pg';
+import { drizzle, NodePgDatabase } from 'drizzle-orm/node-postgres';
+import { sql, eq, isNull } from 'drizzle-orm';
+import * as schema from '../src/drizzle/schema';
+
+// Slug generation function (copied from utils for standalone execution)
+function generateSlug(title: string, location: any, id: string): string {
+    if (!title || !id) return id; // Fallback to ID if no title
+
+    const titleSlug = title
+        .toLowerCase()
+        .trim()
+        .replace(/[^\w\s-]/g, '')
+        .replace(/\s+/g, '-')
+        .replace(/-+/g, '-')
+        .substring(0, 50);
+
+    let locationSlug = '';
+    if (location) {
+        const locationName = location.name || location.county || '';
+        const state = location.state || '';
+
+        if (locationName) {
+            locationSlug = locationName
+                .toLowerCase()
+                .trim()
+                .replace(/[^\w\s-]/g, '')
+                .replace(/\s+/g, '-')
+                .replace(/-+/g, '-');
+        }
+
+        if (state) {
+            locationSlug = locationSlug
+                ? `${locationSlug}-${state.toLowerCase()}`
+                : state.toLowerCase();
+        }
+    }
+
+    const shortId = id.substring(0, 8);
+    const parts = [titleSlug, locationSlug, shortId].filter(Boolean);
+    return parts.join('-').replace(/-+/g, '-').replace(/^-|-$/g, '').toLowerCase();
+}
+
+async function migrateBusinessSlugs(db: NodePgDatabase<typeof schema>) {
+    console.log('🔄 Migrating Business Listings...');
+
+    // Get all businesses without slugs
+    const businesses = await db
+        .select({
+            id: schema.businesses_json.id,
+            email: schema.businesses_json.email,
+            data: schema.businesses_json.data,
+        })
+        .from(schema.businesses_json);
+
+    let updated = 0;
+    let skipped = 0;
+
+    for (const business of businesses) {
+        const data = business.data as any;
+
+        // Skip if slug already exists
+        if (data.slug) {
+            skipped++;
+            continue;
+        }
+
+        const slug = generateSlug(data.title || '', data.location || {}, business.id);
+
+        // Update with new slug
+        const updatedData = { ...data, slug };
+        await db
+            .update(schema.businesses_json)
+            .set({ data: updatedData })
+            .where(eq(schema.businesses_json.id, business.id));
+
+        console.log(`  ✓ ${data.title?.substring(0, 40)}... → ${slug}`);
+        updated++;
+    }
+
+    console.log(`✅ Business Listings: ${updated} updated, ${skipped} skipped (already had slugs)`);
+    return updated;
+}
+
+async function migrateCommercialSlugs(db: NodePgDatabase<typeof schema>) {
+    console.log('\n🔄 Migrating Commercial Properties...');
+
+    // Get all commercial properties without slugs
+    const properties = await db
+        .select({
+            id: schema.commercials_json.id,
+            email: schema.commercials_json.email,
+            data: schema.commercials_json.data,
+        })
+        .from(schema.commercials_json);
+
+    let updated = 0;
+    let skipped = 0;
+
+    for (const property of properties) {
+        const data = property.data as any;
+
+        // Skip if slug already exists
+        if (data.slug) {
+            skipped++;
+            continue;
+        }
+
+        const slug = generateSlug(data.title || '', data.location || {}, property.id);
+
+        // Update with new slug
+        const updatedData = { ...data, slug };
+        await db
+            .update(schema.commercials_json)
+            .set({ data: updatedData })
+            .where(eq(schema.commercials_json.id, property.id));
+
+        console.log(`  ✓ ${data.title?.substring(0, 40)}... → ${slug}`);
+        updated++;
+    }
+
+    console.log(`✅ Commercial Properties: ${updated} updated, ${skipped} skipped (already had slugs)`);
+    return updated;
+}
+
+async function main() {
+    console.log('═══════════════════════════════════════════════════════');
+    console.log('         SEO SLUG MIGRATION SCRIPT');
+    console.log('═══════════════════════════════════════════════════════\n');
+
+    // Connect to database
+    const connectionString = process.env.DATABASE_URL || 'postgresql://postgres:postgres@localhost:5432/bizmatch';
+    console.log(`📡 Connecting to database...`);
+
+    const pool = new Pool({ connectionString });
+    const db = drizzle(pool, { schema });
+
+    try {
+        const businessCount = await migrateBusinessSlugs(db);
+        const commercialCount = await migrateCommercialSlugs(db);
+
+        console.log('\n═══════════════════════════════════════════════════════');
+        console.log(`🎉 Migration complete! Total: ${businessCount + commercialCount} listings updated`);
+        console.log('═══════════════════════════════════════════════════════\n');
+    } catch (error) {
+        console.error('❌ Migration failed:', error);
+        process.exit(1);
+    } finally {
+        await pool.end();
+    }
+}
+
+main();
diff --git a/bizmatch/DEPLOYMENT.md b/bizmatch/DEPLOYMENT.md
index 790ea68..ee36502 100644
--- a/bizmatch/DEPLOYMENT.md
+++ b/bizmatch/DEPLOYMENT.md
@@ -1,91 +1,91 @@
-# BizMatch Deployment Guide
-
-## Übersicht
-
-| Umgebung | Befehl | Port | SSR |
-|----------|--------|------|-----|
-| **Development** | `npm start` | 4200 | ❌ Aus |
-| **Production** | `npm run build:ssr` → `npm run serve:ssr` | 4200 | ✅ An |
-
----
-
-## Development (Lokale Entwicklung)
-
-```bash
-cd ~/bizmatch-project/bizmatch
-npm start
-```
-- Läuft auf http://localhost:4200
-- Hot-Reload aktiv
-- Kein SSR (schneller für Entwicklung)
-
----
-
-## Production Deployment
-
-### 1. Build erstellen
-```bash
-npm run build:ssr
-```
-Erstellt optimierte Bundles in `dist/bizmatch/`
-
-### 2. Server starten
-
-**Direkt (zum Testen):**
-```bash
-npm run serve:ssr
-```
-
-**Mit PM2 (empfohlen für Production):**
-```bash
-# Einmal PM2 installieren
-npm install -g pm2
-
-# Server starten
-pm2 start dist/bizmatch/server/server.mjs --name "bizmatch"
-
-# Nach Code-Änderungen
-npm run build:ssr && pm2 restart bizmatch
-
-# Logs anzeigen
-pm2 logs bizmatch
-
-# Status prüfen
-pm2 status
-```
-
-### 3. Nginx Reverse Proxy (optional)
-```nginx
-server {
-    listen 80;
-    server_name deinedomain.com;
-
-    location / {
-        proxy_pass http://localhost:4200;
-        proxy_http_version 1.1;
-        proxy_set_header Host $host;
-        proxy_set_header X-Real-IP $remote_addr;
-    }
-}
-```
-
----
-
-## SEO Features (aktiv mit SSR)
-
-- ✅ Server-Side Rendering für alle Seiten
-- ✅ Meta-Tags und Titel werden serverseitig generiert
-- ✅ Sitemaps unter `/sitemap.xml`
-- ✅ robots.txt konfiguriert
-- ✅ Strukturierte Daten (Schema.org)
-
----
-
-## Wichtige Dateien
-
-| Datei | Zweck |
-|-------|-------|
-| `server.ts` | Express SSR Server |
-| `src/main.server.ts` | Angular Server Entry Point |
-| `src/ssr-dom-polyfill.ts` | DOM Polyfills für SSR |
-| `dist/bizmatch/server/` | Kompilierte Server-Bundles |
+# BizMatch Deployment Guide
+
+## Übersicht
+
+| Umgebung | Befehl | Port | SSR |
+|----------|--------|------|-----|
+| **Development** | `npm start` | 4200 | ❌ Aus |
+| **Production** | `npm run build:ssr` → `npm run serve:ssr` | 4200 | ✅ An |
+
+---
+
+## Development (Lokale Entwicklung)
+
+```bash
+cd ~/bizmatch-project/bizmatch
+npm start
+```
+- Läuft auf http://localhost:4200
+- Hot-Reload aktiv
+- Kein SSR (schneller für Entwicklung)
+
+---
+
+## Production Deployment
+
+### 1. Build erstellen
+```bash
+npm run build:ssr
+```
+Erstellt optimierte Bundles in `dist/bizmatch/`
+
+### 2. Server starten
+
+**Direkt (zum Testen):**
+```bash
+npm run serve:ssr
+```
+
+**Mit PM2 (empfohlen für Production):**
+```bash
+# Einmal PM2 installieren
+npm install -g pm2
+
+# Server starten
+pm2 start dist/bizmatch/server/server.mjs --name "bizmatch"
+
+# Nach Code-Änderungen
+npm run build:ssr && pm2 restart bizmatch
+
+# Logs anzeigen
+pm2 logs bizmatch
+
+# Status prüfen
+pm2 status
+```
+
+### 3. Nginx Reverse Proxy (optional)
+```nginx
+server {
+    listen 80;
+    server_name deinedomain.com;
+
+    location / {
+        proxy_pass http://localhost:4200;
+        proxy_http_version 1.1;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+    }
+}
+```
+
+---
+
+## SEO Features (aktiv mit SSR)
+
+- ✅ Server-Side Rendering für alle Seiten
+- ✅ Meta-Tags und Titel werden serverseitig generiert
+- ✅ Sitemaps unter `/sitemap.xml`
+- ✅ robots.txt konfiguriert
+- ✅ Strukturierte Daten (Schema.org)
+
+---
+
+## Wichtige Dateien
+
+| Datei | Zweck |
+|-------|-------|
+| `server.ts` | Express SSR Server |
+| `src/main.server.ts` | Angular Server Entry Point |
+| `src/ssr-dom-polyfill.ts` | DOM Polyfills für SSR |
+| `dist/bizmatch/server/` | Kompilierte Server-Bundles |
diff --git a/bizmatch/SSR_ANLEITUNG.md b/bizmatch/SSR_ANLEITUNG.md
new file mode 100644
index 0000000..ca8070c
--- /dev/null
+++ b/bizmatch/SSR_ANLEITUNG.md
@@ -0,0 +1,275 @@
+# BizMatch SSR - Schritt-für-Schritt-Anleitung
+
+## Problem: SSR startet nicht auf neuem Laptop?
+
+Diese Anleitung hilft Ihnen, BizMatch mit Server-Side Rendering (SSR) auf einem neuen Rechner zum Laufen zu bringen.
+
+---
+
+## Voraussetzungen prüfen
+
+```bash
+# Node.js Version prüfen (mind. v18 erforderlich)
+node --version
+
+# npm Version prüfen
+npm --version
+
+# Falls Node.js fehlt oder veraltet ist:
+# https://nodejs.org/ → LTS Version herunterladen
+```
+
+---
+
+## Schritt 1: Repository klonen (falls noch nicht geschehen)
+
+```bash
+git clone https://gitea.bizmatch.net/aknuth/bizmatch-project.git
+cd bizmatch-project/bizmatch
+```
+
+---
+
+## Schritt 2: Dependencies installieren
+
+**WICHTIG:** Dieser Schritt ist essentiell und wird oft vergessen!
+
+```bash
+cd ~/bizmatch-project/bizmatch
+npm install
+```
+
+> **Tipp:** Bei Problemen versuchen Sie: `rm -rf node_modules package-lock.json && npm install`
+
+---
+
+## ⚠️ WICHTIG: Erstes Setup auf neuem Laptop
+
+**Wenn Sie das Projekt zum ersten Mal auf einem neuen Rechner klonen, müssen Sie ZUERST einen Build erstellen!**
+
+```bash
+cd ~/bizmatch-project/bizmatch
+
+# 1. Dependencies installieren
+npm install
+
+# 2. Build erstellen (erstellt dist/bizmatch/server/index.server.html)
+npm run build:ssr
+```
+
+**Warum?**
+- Die `dist/` Folder werden NICHT ins Git eingecheckt (`.gitignore`)
+- Die Datei `dist/bizmatch/server/index.server.html` fehlt nach `git clone`
+- Ohne Build → `npm run serve:ssr` crasht mit "Cannot find index.server.html"
+
+**Nach dem ersten Build** können Sie dann Development-Befehle nutzen.
+
+---
+
+## Schritt 3: Umgebung wählen
+
+### Option A: Entwicklung (OHNE SSR)
+
+Schnellster Weg für lokale Entwicklung:
+
+```bash
+npm start
+```
+
+- Öffnet automatisch: http://localhost:4200
+- Hot-Reload aktiv (Code-Änderungen werden sofort sichtbar)
+- **Kein SSR** (schneller für Entwicklung)
+
+### Option B: Development mit SSR
+
+Für SSR-Testing während der Entwicklung:
+
+```bash
+npm run dev:ssr
+```
+
+- Öffnet: http://localhost:4200
+- Hot-Reload aktiv
+- **SSR aktiv** (simuliert Production)
+- Nutzt DOM-Polyfills via `ssr-dom-preload.mjs`
+
+### Option C: Production Build mit SSR
+
+Für finalen Production-Test:
+
+```bash
+# 1. Build erstellen
+npm run build:ssr
+
+# 2. Server starten
+npm run serve:ssr
+```
+
+- Server läuft auf: http://localhost:4200
+- **Vollständiges SSR** (wie in Production)
+- Kein Hot-Reload (für Änderungen erneut builden)
+
+---
+
+## Schritt 4: Testen
+
+Öffnen Sie http://localhost:4200 im Browser.
+
+### SSR funktioniert, wenn:
+
+1. **Seitenquelltext ansehen** (Rechtsklick → "Seitenquelltext anzeigen"):
+   - HTML-Inhalt ist bereits vorhanden (nicht nur `<app-root></app-root>`)
+   - Meta-Tags sind sichtbar
+
+2. **JavaScript deaktivieren** (Chrome DevTools → Settings → Disable JavaScript):
+   - Seite zeigt Inhalt an (wenn auch nicht interaktiv)
+
+3. **Network-Tab** (Chrome DevTools → Network → Doc):
+   - HTML-Response enthält bereits gerenderten Content
+
+---
+
+## Häufige Probleme und Lösungen
+
+### Problem 1: `npm: command not found`
+
+**Lösung:** Node.js installieren
+
+```bash
+# Ubuntu/Debian
+curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
+sudo apt-get install -y nodejs
+
+# macOS
+brew install node
+
+# Windows
+# https://nodejs.org/ → Installer herunterladen
+```
+
+### Problem 2: `Cannot find module '@angular/ssr'`
+
+**Lösung:** Dependencies neu installieren
+
+```bash
+rm -rf node_modules package-lock.json
+npm install
+```
+
+### Problem 3: `Error: EADDRINUSE: address already in use :::4200`
+
+**Lösung:** Port ist bereits belegt
+
+```bash
+# Prozess finden und beenden
+lsof -i :4200
+kill -9 <PID>
+
+# Oder anderen Port nutzen
+PORT=4300 npm run serve:ssr
+```
+
+### Problem 4: `Error loading @angular/platform-server` oder "Cannot find index.server.html"
+
+**Lösung:** Build fehlt oder ist veraltet
+
+```bash
+# dist-Ordner löschen und neu builden
+rm -rf dist
+npm run build:ssr
+
+# Dann starten
+npm run serve:ssr
+```
+
+**Häufiger Fehler auf neuem Laptop:**
+- Nach `git pull` fehlt der `dist/` Ordner komplett
+- `index.server.html` wird beim Build erstellt, nicht ins Git eingecheckt
+- **Lösung:** Immer erst `npm run build:ssr` ausführen!
+
+### Problem 5: "Seite lädt nicht" oder "White Screen"
+
+**Lösung:**
+
+1. Browser-Cache leeren (Strg+Shift+R / Cmd+Shift+R)
+2. DevTools öffnen → Console-Tab → Fehler prüfen
+3. Sicherstellen, dass Backend läuft (falls API-Calls)
+
+### Problem 6: "Module not found: Error: Can't resolve 'window'"
+
+**Lösung:** Browser-spezifischer Code wird im SSR-Build verwendet
+
+- Prüfen Sie `ssr-dom-polyfill.ts` - DOM-Mocks sollten vorhanden sein
+- Code mit `isPlatformBrowser()` schützen:
+
+```typescript
+import { isPlatformBrowser } from '@angular/common';
+import { PLATFORM_ID } from '@angular/core';
+
+constructor(@Inject(PLATFORM_ID) private platformId: Object) {}
+
+ngOnInit() {
+  if (isPlatformBrowser(this.platformId)) {
+    // Nur im Browser ausführen
+    window.scrollTo(0, 0);
+  }
+}
+```
+
+---
+
+## Production Deployment mit PM2
+
+Für dauerhaften Betrieb (Server-Umgebung):
+
+```bash
+# PM2 global installieren
+npm install -g pm2
+
+# Production Build
+npm run build:ssr
+
+# Server mit PM2 starten
+pm2 start dist/bizmatch/server/server.mjs --name "bizmatch"
+
+# Auto-Start bei Server-Neustart
+pm2 startup
+pm2 save
+
+# Logs anzeigen
+pm2 logs bizmatch
+
+# Server neustarten nach Updates
+npm run build:ssr && pm2 restart bizmatch
+```
+
+---
+
+## Unterschiede der Befehle
+
+| Befehl | SSR | Hot-Reload | Verwendung |
+|--------|-----|-----------|------------|
+| `npm start` | ❌ | ✅ | Entwicklung (schnell) |
+| `npm run dev:ssr` | ✅ | ✅ | Entwicklung mit SSR |
+| `npm run build:ssr` | ✅ Build | ❌ | Production Build erstellen |
+| `npm run serve:ssr` | ✅ | ❌ | Production Server starten |
+
+---
+
+## Nächste Schritte
+
+1. Für normale Entwicklung: **`npm start`** verwenden
+2. Vor Production-Deployment: **`npm run build:ssr`** testen
+3. SSR-Funktionalität prüfen (siehe "Schritt 4: Testen")
+4. Bei Problemen: Logs prüfen und obige Lösungen durchgehen
+
+---
+
+## Support
+
+Bei weiteren Problemen:
+
+1. **Logs prüfen:** `npm run serve:ssr` zeigt Fehler in der Konsole
+2. **Browser DevTools:** Console + Network Tab
+3. **Build-Output:** `npm run build:ssr` zeigt Build-Fehler
+4. **Node-Version:** `node --version` (sollte ≥ v18 sein)
diff --git a/bizmatch/SSR_DOKUMENTATION.md b/bizmatch/SSR_DOKUMENTATION.md
new file mode 100644
index 0000000..a37bfe4
--- /dev/null
+++ b/bizmatch/SSR_DOKUMENTATION.md
@@ -0,0 +1,784 @@
+# BizMatch SSR - Technische Dokumentation
+
+## Was ist Server-Side Rendering (SSR)?
+
+Server-Side Rendering bedeutet, dass die Angular-Anwendung nicht nur im Browser, sondern auch auf dem Server läuft und HTML vorab generiert.
+
+---
+
+## Unterschied: SPA vs. SSR vs. Prerendering
+
+### 1. Single Page Application (SPA) - OHNE SSR
+
+**Ablauf:**
+```
+Browser → lädt index.html
+       → index.html enthält nur <app-root></app-root>
+       → lädt JavaScript-Bundles
+       → JavaScript rendert die Seite
+```
+
+**HTML-Response:**
+```html
+<!doctype html>
+<html>
+  <head><title>BizMatch</title></head>
+  <body>
+    <app-root></app-root>  <!-- LEER! -->
+    <script src="main.js"></script>
+  </body>
+</html>
+```
+
+**Nachteile:**
+- ❌ Suchmaschinen sehen leeren Content
+- ❌ Langsamer "First Contentful Paint"
+- ❌ Schlechtes SEO
+- ❌ Kein Social-Media-Preview (Open Graph)
+
+---
+
+### 2. Server-Side Rendering (SSR)
+
+**Ablauf:**
+```
+Browser → fragt Server nach /business/123
+       → Server rendert Angular-App mit Daten
+       → Server sendet vollständiges HTML
+       → Browser zeigt sofort Inhalt
+       → JavaScript lädt im Hintergrund
+       → Anwendung wird "hydrated" (interaktiv)
+```
+
+**HTML-Response:**
+```html
+<!doctype html>
+<html>
+  <head>
+    <title>Restaurant "Zum Löwen" | BizMatch</title>
+    <meta name="description" content="Restaurant in München...">
+  </head>
+  <body>
+    <app-root>
+      <div class="listing-page">
+        <h1>Restaurant "Zum Löwen"</h1>
+        <p>Traditionelles deutsches Restaurant...</p>
+        <!-- Kompletter gerendeter Content! -->
+      </div>
+    </app-root>
+    <script src="main.js"></script>
+  </body>
+</html>
+```
+
+**Vorteile:**
+- ✅ Suchmaschinen sehen vollständigen Inhalt
+- ✅ Schneller First Contentful Paint
+- ✅ Besseres SEO
+- ✅ Social-Media-Previews funktionieren
+
+**Nachteile:**
+- ⚠️ Komplexere Konfiguration
+- ⚠️ Server-Ressourcen erforderlich
+- ⚠️ Code muss browser- und server-kompatibel sein
+
+---
+
+### 3. Prerendering (Static Site Generation)
+
+**Ablauf:**
+```
+Build-Zeit → Rendert ALLE Seiten zu statischen HTML-Dateien
+          → /business/123.html, /business/456.html, etc.
+          → HTML-Dateien werden auf CDN deployed
+```
+
+**Unterschied zu SSR:**
+- Prerendering: HTML wird **zur Build-Zeit** generiert
+- SSR: HTML wird **zur Request-Zeit** generiert
+
+**BizMatch nutzt SSR, NICHT Prerendering**, weil:
+- Listings dynamisch sind (neue Einträge täglich)
+- Benutzerdaten personalisiert sind
+- Suche und Filter zur Laufzeit erfolgen
+
+---
+
+## Wie funktioniert SSR in BizMatch?
+
+### Architektur-Überblick
+
+```
+┌─────────────────────────────────────────────────────────────┐
+│                     Browser Request                          │
+│                  GET /business/restaurant-123                │
+└────────────────────────────┬────────────────────────────────┘
+                             │
+                             ▼
+┌─────────────────────────────────────────────────────────────┐
+│                    Express Server                            │
+│                   (server.ts:30-41)                          │
+├─────────────────────────────────────────────────────────────┤
+│  1. Empfängt Request                                         │
+│  2. Ruft AngularNodeAppEngine auf                            │
+│  3. Rendert Angular-Komponente serverseitig                  │
+│  4. Sendet HTML zurück                                       │
+└────────────────────────────┬────────────────────────────────┘
+                             │
+                             ▼
+┌─────────────────────────────────────────────────────────────┐
+│              AngularNodeAppEngine                            │
+│              (@angular/ssr/node)                             │
+├─────────────────────────────────────────────────────────────┤
+│  1. Lädt main.server.ts                                      │
+│  2. Bootstrapped Angular in Node.js                          │
+│  3. Führt Routing aus (/business/restaurant-123)             │
+│  4. Rendert Component-Tree zu HTML-String                    │
+│  5. Injiziert Meta-Tags, Titel                               │
+└────────────────────────────┬────────────────────────────────┘
+                             │
+                             ▼
+┌─────────────────────────────────────────────────────────────┐
+│                 Angular Application                          │
+│                 (Browser-Code im Server)                     │
+├─────────────────────────────────────────────────────────────┤
+│  • Komponenten werden ausgeführt                             │
+│  • API-Calls werden gemacht (TransferState)                  │
+│  • DOM wird SIMULIERT (ssr-dom-polyfill.ts)                  │
+│  • HTML-Output wird generiert                                │
+└─────────────────────────────────────────────────────────────┘
+```
+
+---
+
+## Wichtige Dateien und ihre Rolle
+
+### 1. `server.ts` - Express Server
+
+```typescript
+const angularApp = new AngularNodeAppEngine();
+
+server.get('*', (req, res, next) => {
+  angularApp.handle(req)  // ← Rendert Angular serverseitig
+    .then((response) => {
+      if (response) {
+        writeResponseToNodeResponse(response, res);
+      }
+    });
+});
+```
+
+**Rolle:**
+- HTTP-Server (Express)
+- Nimmt Requests entgegen
+- Delegiert an Angular SSR Engine
+- Sendet gerenderte HTML-Responses zurück
+
+---
+
+### 2. `src/main.server.ts` - Server Entry Point
+
+```typescript
+import './ssr-dom-polyfill';  // ← WICHTIG: DOM-Mocks laden
+
+import { bootstrapApplication } from '@angular/platform-browser';
+import { AppComponent } from './app/app.component';
+import { config } from './app/app.config.server';
+
+const bootstrap = () => bootstrapApplication(AppComponent, config);
+
+export default bootstrap;
+```
+
+**Rolle:**
+- Entry Point für SSR
+- Lädt DOM-Polyfills **VOR** allen anderen Imports
+- Bootstrapped Angular im Server-Kontext
+
+---
+
+### 3. `dist/bizmatch/server/index.server.html` - Server Template
+
+**WICHTIG:** Diese Datei wird **beim Build erstellt**, nicht manuell geschrieben!
+
+```bash
+# Build-Prozess erstellt automatisch:
+npm run build:ssr
+  → dist/bizmatch/server/index.server.html  ✅
+  → dist/bizmatch/server/server.mjs         ✅
+  → dist/bizmatch/browser/index.csr.html    ✅
+```
+
+**Quelle:**
+- Angular nimmt `src/index.html` als Vorlage
+- Fügt SSR-spezifische Meta-Tags hinzu
+- Generiert `index.server.html` für serverseitiges Rendering
+- Generiert `index.csr.html` für clientseitiges Rendering (Fallback)
+
+**Warum nicht im Git?**
+- Build-Artefakte werden nicht eingecheckt (`.gitignore`)
+- Jeder Build erstellt sie neu
+- Verhindert Merge-Konflikte bei generierten Dateien
+
+**Fehlerquelle bei neuem Laptop:**
+```
+git clone → dist/ Ordner fehlt
+          → index.server.html fehlt
+          → npm run serve:ssr crasht ❌
+
+Lösung:   → npm run build:ssr
+          → index.server.html wird erstellt ✅
+```
+
+---
+
+### 4. `src/ssr-dom-polyfill.ts` - DOM-Mocks
+
+```typescript
+const windowMock = {
+  document: { createElement: () => ({ ... }) },
+  localStorage: { getItem: () => null },
+  navigator: { userAgent: 'node' },
+  // ... etc
+};
+
+if (typeof window === 'undefined') {
+  (global as any).window = windowMock;
+}
+```
+
+**Rolle:**
+- Simuliert Browser-APIs in Node.js
+- Verhindert `ReferenceError: window is not defined`
+- Ermöglicht die Ausführung von Browser-Code im Server
+- Kritisch für Libraries wie Leaflet, die `window` erwarten
+
+**Warum notwendig?**
+- Angular-Code nutzt `window`, `document`, `localStorage`, etc.
+- Node.js hat diese APIs nicht
+- Ohne Polyfills: Crash beim Server-Start
+
+---
+
+### 4. `ssr-dom-preload.mjs` - Node.js Preload Script
+
+```javascript
+import { isMainThread } from 'node:worker_threads';
+
+if (!isMainThread) {
+  // Skip polyfills in worker threads (sass, esbuild)
+} else {
+  globalThis.window = windowMock;
+  globalThis.document = documentMock;
+}
+```
+
+**Rolle:**
+- Wird beim `dev:ssr` verwendet
+- Lädt DOM-Mocks **VOR** allen anderen Modulen
+- Nutzt Node.js `--import` Flag
+- Vermeidet Probleme mit early imports
+
+**Verwendung:**
+```bash
+NODE_OPTIONS='--import ./ssr-dom-preload.mjs' ng serve
+```
+
+---
+
+### 5. `app.config.server.ts` - Server-spezifische Config
+
+Enthält Provider, die nur im Server-Kontext geladen werden:
+- `provideServerRendering()`
+- Server-spezifische HTTP-Interceptors
+- TransferState für API-Daten
+
+---
+
+## Rendering-Ablauf im Detail
+
+### Phase 1: Server-Side Rendering
+
+```
+1. Request kommt an: GET /business/restaurant-123
+
+2. Express Router:
+   → server.get('*', ...)
+
+3. AngularNodeAppEngine:
+   → bootstrapApplication(AppComponent, serverConfig)
+   → Angular läuft in Node.js
+
+4. Angular Router:
+   → Route /business/:slug matched
+   → ListingDetailComponent wird aktiviert
+
+5. Component Lifecycle:
+   → ngOnInit() wird ausgeführt
+   → API-Call: fetch('/api/listings/restaurant-123')
+   → Daten werden geladen
+   → Template wird mit Daten gerendert
+
+6. TransferState:
+   → API-Response wird in HTML injiziert
+   → <script>window.__NG_STATE__ = {...}</script>
+
+7. Meta-Tags:
+   → Title-Service setzt <title>
+   → Meta-Service setzt <meta name="description">
+
+8. HTML-Output:
+   → Komplettes HTML mit Daten
+   → Wird an Browser gesendet
+```
+
+**Server-Output:**
+```html
+<!doctype html>
+<html>
+  <head>
+    <title>Restaurant "Zum Löwen" | BizMatch</title>
+    <meta name="description" content="Traditionelles Restaurant...">
+  </head>
+  <body>
+    <app-root>
+      <!-- Vollständig gerenderte Component -->
+      <div class="listing-detail">
+        <h1>Restaurant "Zum Löwen"</h1>
+        <p>Adresse: Hauptstraße 1, München</p>
+        <!-- etc. -->
+      </div>
+    </app-root>
+
+    <!-- TransferState: verhindert doppelte API-Calls -->
+    <script id="ng-state" type="application/json">
+      {"listings":{"restaurant-123":{...}}}
+    </script>
+
+    <script src="main.js" defer></script>
+  </body>
+</html>
+```
+
+---
+
+### Phase 2: Client-Side Hydration
+
+```
+1. Browser empfängt HTML:
+   → Zeigt sofort gerenderten Content an ✅
+   → User sieht Inhalt ohne Verzögerung
+
+2. JavaScript lädt:
+   → main.js wird heruntergeladen
+   → Angular-Runtime startet
+
+3. Hydration beginnt:
+   → Angular scannt DOM
+   → Vergleicht Server-HTML mit Client-Template
+   → Attachiert Event Listener
+   → Aktiviert Interaktivität
+
+4. TransferState wiederverwenden:
+   → Liest window.__NG_STATE__
+   → Überspringt erneute API-Calls ✅
+   → Daten sind bereits vorhanden
+
+5. App ist interaktiv:
+   → Buttons funktionieren
+   → Routing funktioniert
+   → SPA-Verhalten aktiviert
+```
+
+**Wichtig:**
+- **Kein Flickern** (Server-HTML = Client-HTML)
+- **Keine doppelten API-Calls** (TransferState)
+- **Schneller First Contentful Paint** (HTML sofort sichtbar)
+
+---
+
+## SSR vs. Non-SSR: Was wird wann gerendert?
+
+### Ohne SSR (`npm start`)
+
+| Zeitpunkt | Server | Browser |
+|-----------|--------|---------|
+| T0: Request | Sendet leere `index.html` | - |
+| T1: HTML empfangen | - | Leeres `<app-root></app-root>` |
+| T2: JS geladen | - | Angular startet |
+| T3: API-Call | - | Lädt Daten |
+| T4: Rendering | - | **Erst jetzt sichtbar** ❌ |
+
+**Time to First Contentful Paint:** ~2-3 Sekunden
+
+---
+
+### Mit SSR (`npm run serve:ssr`)
+
+| Zeitpunkt | Server | Browser |
+|-----------|--------|---------|
+| T0: Request | Angular rendert + API-Call | - |
+| T1: HTML empfangen | - | **Inhalt sofort sichtbar** ✅ |
+| T2: JS geladen | - | Hydration beginnt |
+| T3: Interaktiv | - | Event Listener attached |
+
+**Time to First Contentful Paint:** ~200-500ms
+
+---
+
+## Prerendering vs. SSR: Wann wird gerendert?
+
+### Prerendering (Static Site Generation)
+
+```
+Build-Zeit (npm run build):
+  → ng build
+  → Rendert /business/1.html
+  → Rendert /business/2.html
+  → Rendert /business/3.html
+  → ...
+  → Alle HTML-Dateien auf Server deployed
+
+Request-Zeit:
+  → Nginx sendet vorgefertigte HTML-Datei
+  → KEIN Server-Side Rendering
+```
+
+**Vorteile:**
+- Extrem schnell (statisches HTML)
+- Kein Node.js-Server erforderlich
+- Günstig (CDN-Hosting)
+
+**Nachteile:**
+- Nicht für dynamische Daten geeignet
+- Re-Build bei jeder Änderung nötig
+- Tausende Seiten = lange Build-Zeit
+
+---
+
+### SSR (Server-Side Rendering)
+
+```
+Build-Zeit (npm run build:ssr):
+  → ng build (Client-Bundles)
+  → ng build (Server-Bundles)
+  → KEINE HTML-Dateien generiert
+
+Request-Zeit:
+  → Node.js Server empfängt Request
+  → Angular rendert HTML on-the-fly
+  → Frische Daten aus DB
+  → Sendet HTML zurück
+```
+
+**Vorteile:**
+- Immer aktuelle Daten
+- Personalisierte Inhalte
+- Keine lange Build-Zeit
+
+**Nachteile:**
+- Server-Ressourcen erforderlich
+- Langsamer als Prerendering (Rendering kostet Zeit)
+- Komplexere Infrastruktur
+
+---
+
+### BizMatch: Warum SSR statt Prerendering?
+
+**Gründe:**
+
+1. **Dynamische Listings:**
+   - Neue Businesses werden täglich hinzugefügt
+   - Prerendering würde tägliche Re-Builds erfordern
+
+2. **Personalisierte Daten:**
+   - Benutzer sehen unterschiedliche Inhalte (Favoriten, etc.)
+   - Prerendering kann nicht personalisieren
+
+3. **Suche und Filter:**
+   - Unendliche Kombinationen von Filtern
+   - Unmöglich, alle Varianten vorzurendern
+
+4. **Skalierung:**
+   - 10.000+ Listings → Prerendering = 10.000+ HTML-Dateien
+   - SSR = 1 Server, rendert on-demand
+
+---
+
+## Client-Side Hydration im Detail
+
+### Was ist Hydration?
+
+**Hydration** = Angular "erweckt" das Server-HTML zum Leben.
+
+**Ohne Hydration:**
+- HTML ist statisch
+- Buttons funktionieren nicht
+- Routing funktioniert nicht
+- Kein JavaScript-Event-Handling
+
+**Nach Hydration:**
+- Angular übernimmt Kontrolle
+- Event Listener werden attached
+- SPA-Routing funktioniert
+- Interaktivität aktiviert
+
+---
+
+### Hydration-Ablauf
+
+```typescript
+// 1. Server rendert HTML
+<button (click)="openModal()">Details</button>
+
+// 2. Browser empfängt HTML
+// → Button ist sichtbar, aber (click) funktioniert NICHT
+
+// 3. Angular-JavaScript lädt
+// → main.js wird ausgeführt
+
+// 4. Hydration scannt DOM
+angular.hydrate({
+  serverHTML: '<button>Details</button>',
+  clientTemplate: '<button (click)="openModal()">Details</button>',
+
+  // Vergleich: HTML matches Template? ✅
+  // → Reuse DOM node
+  // → Attach Event Listener
+});
+
+// 5. Button ist jetzt interaktiv
+// → (click) funktioniert ✅
+```
+
+---
+
+### Probleme bei Hydration
+
+#### Problem 1: Mismatch zwischen Server und Client
+
+**Ursache:**
+```typescript
+// Server rendert:
+<div>Server Time: {{ serverTime }}</div>
+
+// Client rendert:
+<div>Server Time: {{ clientTime }}</div>  // ← Unterschiedlich!
+```
+
+**Folge:**
+- Angular erkennt Mismatch
+- Wirft Warnung in Console
+- Re-rendert Component (Performance-Verlust)
+
+**Lösung:**
+- TransferState nutzen für gemeinsame Daten
+- `isPlatformServer()` für unterschiedliche Logik
+
+---
+
+#### Problem 2: Browser-only Code wird im Server ausgeführt
+
+**Ursache:**
+```typescript
+ngOnInit() {
+  window.scrollTo(0, 0);  // ← CRASH: window ist undefined im Server
+}
+```
+
+**Lösung:**
+```typescript
+import { isPlatformBrowser } from '@angular/common';
+import { PLATFORM_ID } from '@angular/core';
+
+constructor(@Inject(PLATFORM_ID) private platformId: Object) {}
+
+ngOnInit() {
+  if (isPlatformBrowser(this.platformId)) {
+    window.scrollTo(0, 0);  // ← Nur im Browser
+  }
+}
+```
+
+---
+
+## TransferState: Verhindert doppelte API-Calls
+
+### Problem ohne TransferState
+
+```
+Server:
+  → GET /api/listings/123  ← API-Call 1
+  → Rendert HTML mit Daten
+
+Browser (nach JS-Load):
+  → GET /api/listings/123  ← API-Call 2 (doppelt!)
+  → Re-rendert Component
+```
+
+**Problem:**
+- Doppelter Netzwerk-Traffic
+- Langsamere Hydration
+- Flickern beim Re-Render
+
+---
+
+### Lösung: TransferState
+
+**Server-Side:**
+```typescript
+import { TransferState, makeStateKey } from '@angular/platform-browser';
+
+const LISTING_KEY = makeStateKey<Listing>('listing-123');
+
+ngOnInit() {
+  this.http.get('/api/listings/123').subscribe(data => {
+    this.transferState.set(LISTING_KEY, data);  // ← Speichern
+    this.listing = data;
+  });
+}
+```
+
+**HTML-Output:**
+```html
+<script id="ng-state" type="application/json">
+  {"listing-123": {"name": "Restaurant", "address": "..."}}
+</script>
+```
+
+**Client-Side:**
+```typescript
+ngOnInit() {
+  const cachedData = this.transferState.get(LISTING_KEY, null);
+
+  if (cachedData) {
+    this.listing = cachedData;  // ← Wiederverwenden ✅
+  } else {
+    this.http.get('/api/listings/123').subscribe(...);  // ← Nur wenn nicht cached
+  }
+
+  this.transferState.remove(LISTING_KEY);  // ← Cleanup
+}
+```
+
+**Ergebnis:**
+- ✅ Nur 1 API-Call (serverseitig)
+- ✅ Kein Flickern
+- ✅ Schnellere Hydration
+
+---
+
+## Performance-Vergleich
+
+### Metriken
+
+| Metrik | Ohne SSR | Mit SSR | Verbesserung |
+|--------|----------|---------|--------------|
+| **Time to First Byte (TTFB)** | 50ms | 200ms | -150ms ❌ |
+| **First Contentful Paint (FCP)** | 2.5s | 0.5s | **-2s ✅** |
+| **Largest Contentful Paint (LCP)** | 3.2s | 0.8s | **-2.4s ✅** |
+| **Time to Interactive (TTI)** | 3.5s | 2.8s | -0.7s ✅ |
+| **SEO Score (Lighthouse)** | 60 | 95 | +35 ✅ |
+
+**Wichtig:**
+- TTFB ist langsamer (Server muss rendern)
+- Aber FCP viel schneller (HTML sofort sichtbar)
+- User-Wahrnehmung: SSR fühlt sich schneller an
+
+---
+
+## SEO-Vorteile
+
+### Google Crawler
+
+**Ohne SSR:**
+```html
+<!-- Google sieht nur: -->
+<app-root></app-root>
+<script src="main.js"></script>
+```
+
+→ ❌ Kein Content indexiert
+→ ❌ Kein Ranking
+→ ❌ Keine Rich Snippets
+
+---
+
+**Mit SSR:**
+```html
+<!-- Google sieht: -->
+<title>Restaurant "Zum Löwen" | BizMatch</title>
+<meta name="description" content="Traditionelles Restaurant in München">
+<h1>Restaurant "Zum Löwen"</h1>
+<p>Adresse: Hauptstraße 1, 80331 München</p>
+<div itemscope itemtype="https://schema.org/Restaurant">
+  <span itemprop="name">Restaurant "Zum Löwen"</span>
+  <span itemprop="address">München</span>
+</div>
+```
+
+→ ✅ Vollständiger Content indexiert
+→ ✅ Besseres Ranking
+→ ✅ Rich Snippets (Sterne, Adresse, etc.)
+
+---
+
+### Social Media Previews (Open Graph)
+
+**Ohne SSR:**
+```html
+<!-- Facebook/Twitter sehen nur: -->
+<title>BizMatch</title>
+```
+
+→ ❌ Kein Preview-Bild
+→ ❌ Keine Beschreibung
+
+---
+
+**Mit SSR:**
+```html
+<meta property="og:title" content="Restaurant 'Zum Löwen'" />
+<meta property="og:description" content="Traditionelles Restaurant..." />
+<meta property="og:image" content="https://bizmatch.net/images/restaurant.jpg" />
+<meta property="og:url" content="https://bizmatch.net/business/restaurant-123" />
+```
+
+→ ✅ Schönes Preview beim Teilen
+→ ✅ Mehr Klicks
+→ ✅ Bessere User Experience
+
+---
+
+## Zusammenfassung
+
+### SSR in BizMatch bedeutet:
+
+1. **Server rendert HTML vorab** (nicht erst im Browser)
+2. **Browser zeigt sofort Inhalt** (schneller First Paint)
+3. **JavaScript hydrated im Hintergrund** (macht HTML interaktiv)
+4. **Kein Flickern, keine doppelten API-Calls** (TransferState)
+5. **Besseres SEO** (Google sieht vollständigen Content)
+6. **Social-Media-Previews funktionieren** (Open Graph Tags)
+
+### Technischer Stack:
+
+- **@angular/ssr**: SSR-Engine
+- **Express**: HTTP-Server
+- **AngularNodeAppEngine**: Rendert Angular in Node.js
+- **ssr-dom-polyfill.ts**: Simuliert Browser-APIs
+- **TransferState**: Verhindert doppelte API-Calls
+
+### Wann wird was gerendert?
+
+- **Build-Zeit:** Nichts (kein Prerendering)
+- **Request-Zeit:** Server rendert HTML on-the-fly
+- **Nach JS-Load:** Hydration macht HTML interaktiv
+
+### Best Practices:
+
+1. Browser-Code mit `isPlatformBrowser()` schützen
+2. TransferState für API-Daten nutzen
+3. DOM-Polyfills für Third-Party-Libraries
+4. Meta-Tags serverseitig setzen
+5. Server-Build vor Deployment testen
diff --git a/bizmatch/src/ssr-dom-polyfill.ts b/bizmatch/src/ssr-dom-polyfill.ts
index 05086b7..a06aa84 100644
--- a/bizmatch/src/ssr-dom-polyfill.ts
+++ b/bizmatch/src/ssr-dom-polyfill.ts
@@ -1,163 +1,163 @@
-/**
- * DOM Polyfills for Server-Side Rendering
- * 
- * This file must be imported BEFORE any browser-only libraries like Leaflet.
- * It provides minimal stubs for browser globals that are required during module loading.
- */
-
-// Create a minimal screen mock
-const screenMock = {
-    width: 1920,
-    height: 1080,
-    availWidth: 1920,
-    availHeight: 1080,
-    colorDepth: 24,
-    pixelDepth: 24,
-    deviceXDPI: 96,
-    deviceYDPI: 96,
-    logicalXDPI: 96,
-    logicalYDPI: 96,
-};
-
-// Create a minimal document mock
-const documentMock = {
-    createElement: (tag: string) => ({
-        style: {},
-        setAttribute: () => { },
-        getAttribute: () => null,
-        appendChild: () => { },
-        removeChild: () => { },
-        classList: {
-            add: () => { },
-            remove: () => { },
-            contains: () => false,
-        },
-        tagName: tag.toUpperCase(),
-    }),
-    createElementNS: (ns: string, tag: string) => ({
-        style: {},
-        setAttribute: () => { },
-        getAttribute: () => null,
-        appendChild: () => { },
-        getBBox: () => ({ x: 0, y: 0, width: 0, height: 0 }),
-        tagName: tag.toUpperCase(),
-    }),
-    createTextNode: () => ({}),
-    head: { appendChild: () => { }, removeChild: () => { } },
-    body: { appendChild: () => { }, removeChild: () => { } },
-    documentElement: {
-        style: {},
-        clientWidth: 1920,
-        clientHeight: 1080,
-    },
-    addEventListener: () => { },
-    removeEventListener: () => { },
-    querySelector: () => null,
-    querySelectorAll: () => [],
-    getElementById: () => null,
-    getElementsByTagName: () => [],
-    getElementsByClassName: () => [],
-};
-
-// Create a minimal window mock for libraries that check for window existence during load
-const windowMock = {
-    requestAnimationFrame: (callback: FrameRequestCallback) => setTimeout(callback, 16),
-    cancelAnimationFrame: (id: number) => clearTimeout(id),
-    addEventListener: () => { },
-    removeEventListener: () => { },
-    getComputedStyle: () => ({
-        getPropertyValue: () => '',
-    }),
-    matchMedia: () => ({
-        matches: false,
-        addListener: () => { },
-        removeListener: () => { },
-        addEventListener: () => { },
-        removeEventListener: () => { },
-    }),
-    document: documentMock,
-    screen: screenMock,
-    devicePixelRatio: 1,
-    navigator: {
-        userAgent: 'node',
-        platform: 'server',
-        language: 'en',
-        languages: ['en'],
-        onLine: true,
-        geolocation: null,
-    },
-    location: {
-        hostname: 'localhost',
-        href: 'http://localhost',
-        protocol: 'http:',
-        pathname: '/',
-        search: '',
-        hash: '',
-        host: 'localhost',
-        origin: 'http://localhost',
-    },
-    history: {
-        pushState: () => { },
-        replaceState: () => { },
-        back: () => { },
-        forward: () => { },
-        go: () => { },
-        length: 0,
-    },
-    localStorage: {
-        getItem: () => null,
-        setItem: () => { },
-        removeItem: () => { },
-        clear: () => { },
-    },
-    sessionStorage: {
-        getItem: () => null,
-        setItem: () => { },
-        removeItem: () => { },
-        clear: () => { },
-    },
-    setTimeout,
-    clearTimeout,
-    setInterval,
-    clearInterval,
-    innerWidth: 1920,
-    innerHeight: 1080,
-    outerWidth: 1920,
-    outerHeight: 1080,
-    scrollX: 0,
-    scrollY: 0,
-    pageXOffset: 0,
-    pageYOffset: 0,
-    scrollTo: () => { },
-    scroll: () => { },
-    Image: class Image { },
-    HTMLElement: class HTMLElement { },
-    SVGElement: class SVGElement { },
-};
-
-// Only set globals if they don't exist (i.e., we're in Node.js)
-if (typeof window === 'undefined') {
-    (global as any).window = windowMock;
-}
-
-if (typeof document === 'undefined') {
-    (global as any).document = documentMock;
-}
-
-if (typeof navigator === 'undefined') {
-    (global as any).navigator = windowMock.navigator;
-}
-
-if (typeof screen === 'undefined') {
-    (global as any).screen = screenMock;
-}
-
-if (typeof HTMLElement === 'undefined') {
-    (global as any).HTMLElement = windowMock.HTMLElement;
-}
-
-if (typeof SVGElement === 'undefined') {
-    (global as any).SVGElement = windowMock.SVGElement;
-}
-
-export { };
+/**
+ * DOM Polyfills for Server-Side Rendering
+ * 
+ * This file must be imported BEFORE any browser-only libraries like Leaflet.
+ * It provides minimal stubs for browser globals that are required during module loading.
+ */
+
+// Create a minimal screen mock
+const screenMock = {
+    width: 1920,
+    height: 1080,
+    availWidth: 1920,
+    availHeight: 1080,
+    colorDepth: 24,
+    pixelDepth: 24,
+    deviceXDPI: 96,
+    deviceYDPI: 96,
+    logicalXDPI: 96,
+    logicalYDPI: 96,
+};
+
+// Create a minimal document mock
+const documentMock = {
+    createElement: (tag: string) => ({
+        style: {},
+        setAttribute: () => { },
+        getAttribute: () => null,
+        appendChild: () => { },
+        removeChild: () => { },
+        classList: {
+            add: () => { },
+            remove: () => { },
+            contains: () => false,
+        },
+        tagName: tag.toUpperCase(),
+    }),
+    createElementNS: (ns: string, tag: string) => ({
+        style: {},
+        setAttribute: () => { },
+        getAttribute: () => null,
+        appendChild: () => { },
+        getBBox: () => ({ x: 0, y: 0, width: 0, height: 0 }),
+        tagName: tag.toUpperCase(),
+    }),
+    createTextNode: () => ({}),
+    head: { appendChild: () => { }, removeChild: () => { } },
+    body: { appendChild: () => { }, removeChild: () => { } },
+    documentElement: {
+        style: {},
+        clientWidth: 1920,
+        clientHeight: 1080,
+    },
+    addEventListener: () => { },
+    removeEventListener: () => { },
+    querySelector: () => null,
+    querySelectorAll: () => [],
+    getElementById: () => null,
+    getElementsByTagName: () => [],
+    getElementsByClassName: () => [],
+};
+
+// Create a minimal window mock for libraries that check for window existence during load
+const windowMock = {
+    requestAnimationFrame: (callback: FrameRequestCallback) => setTimeout(callback, 16),
+    cancelAnimationFrame: (id: number) => clearTimeout(id),
+    addEventListener: () => { },
+    removeEventListener: () => { },
+    getComputedStyle: () => ({
+        getPropertyValue: () => '',
+    }),
+    matchMedia: () => ({
+        matches: false,
+        addListener: () => { },
+        removeListener: () => { },
+        addEventListener: () => { },
+        removeEventListener: () => { },
+    }),
+    document: documentMock,
+    screen: screenMock,
+    devicePixelRatio: 1,
+    navigator: {
+        userAgent: 'node',
+        platform: 'server',
+        language: 'en',
+        languages: ['en'],
+        onLine: true,
+        geolocation: null,
+    },
+    location: {
+        hostname: 'localhost',
+        href: 'http://localhost',
+        protocol: 'http:',
+        pathname: '/',
+        search: '',
+        hash: '',
+        host: 'localhost',
+        origin: 'http://localhost',
+    },
+    history: {
+        pushState: () => { },
+        replaceState: () => { },
+        back: () => { },
+        forward: () => { },
+        go: () => { },
+        length: 0,
+    },
+    localStorage: {
+        getItem: () => null,
+        setItem: () => { },
+        removeItem: () => { },
+        clear: () => { },
+    },
+    sessionStorage: {
+        getItem: () => null,
+        setItem: () => { },
+        removeItem: () => { },
+        clear: () => { },
+    },
+    setTimeout,
+    clearTimeout,
+    setInterval,
+    clearInterval,
+    innerWidth: 1920,
+    innerHeight: 1080,
+    outerWidth: 1920,
+    outerHeight: 1080,
+    scrollX: 0,
+    scrollY: 0,
+    pageXOffset: 0,
+    pageYOffset: 0,
+    scrollTo: () => { },
+    scroll: () => { },
+    Image: class Image { },
+    HTMLElement: class HTMLElement { },
+    SVGElement: class SVGElement { },
+};
+
+// Only set globals if they don't exist (i.e., we're in Node.js)
+if (typeof window === 'undefined') {
+    (global as any).window = windowMock;
+}
+
+if (typeof document === 'undefined') {
+    (global as any).document = documentMock;
+}
+
+if (typeof navigator === 'undefined') {
+    (global as any).navigator = windowMock.navigator;
+}
+
+if (typeof screen === 'undefined') {
+    (global as any).screen = screenMock;
+}
+
+if (typeof HTMLElement === 'undefined') {
+    (global as any).HTMLElement = windowMock.HTMLElement;
+}
+
+if (typeof SVGElement === 'undefined') {
+    (global as any).SVGElement = windowMock.SVGElement;
+}
+
+export { };
diff --git a/bizmatch/ssr-dom-preload.mjs b/bizmatch/ssr-dom-preload.mjs
index 6123516..31450a0 100644
--- a/bizmatch/ssr-dom-preload.mjs
+++ b/bizmatch/ssr-dom-preload.mjs
@@ -1,154 +1,154 @@
-/**
- * Node.js Preload Script for SSR Development
- * 
- * This script creates DOM global mocks BEFORE any modules are loaded.
- * It only applies in the main thread - NOT in worker threads (sass, esbuild).
- */
-
-import { isMainThread } from 'node:worker_threads';
-
-// Only apply polyfills in the main thread, not in workers
-if (!isMainThread) {
-    // Skip polyfills in worker threads to avoid breaking sass/esbuild
-    // console.log('[SSR] Skipping polyfills in worker thread');
-} else {
-    // Create screen mock
-    const screenMock = {
-        width: 1920,
-        height: 1080,
-        availWidth: 1920,
-        availHeight: 1080,
-        colorDepth: 24,
-        pixelDepth: 24,
-        deviceXDPI: 96,
-        deviceYDPI: 96,
-        logicalXDPI: 96,
-        logicalYDPI: 96,
-    };
-
-    // Create document mock
-    const documentMock = {
-        createElement: (tag) => ({
-            style: {},
-            setAttribute: () => { },
-            getAttribute: () => null,
-            appendChild: () => { },
-            removeChild: () => { },
-            classList: { add: () => { }, remove: () => { }, contains: () => false },
-            tagName: tag?.toUpperCase() || 'DIV',
-        }),
-        createElementNS: (ns, tag) => ({
-            style: {},
-            setAttribute: () => { },
-            getAttribute: () => null,
-            appendChild: () => { },
-            getBBox: () => ({ x: 0, y: 0, width: 0, height: 0 }),
-            tagName: tag?.toUpperCase() || 'SVG',
-        }),
-        createTextNode: () => ({}),
-        head: { appendChild: () => { }, removeChild: () => { } },
-        body: { appendChild: () => { }, removeChild: () => { } },
-        documentElement: {
-            style: {},
-            clientWidth: 1920,
-            clientHeight: 1080,
-            querySelector: () => null,
-            querySelectorAll: () => [],
-            getAttribute: () => null,
-            setAttribute: () => { },
-        },
-        addEventListener: () => { },
-        removeEventListener: () => { },
-        querySelector: () => null,
-        querySelectorAll: () => [],
-        getElementById: () => null,
-        getElementsByTagName: () => [],
-        getElementsByClassName: () => [],
-    };
-
-    // Create window mock
-    const windowMock = {
-        requestAnimationFrame: (callback) => setTimeout(callback, 16),
-        cancelAnimationFrame: (id) => clearTimeout(id),
-        addEventListener: () => { },
-        removeEventListener: () => { },
-        getComputedStyle: () => ({ getPropertyValue: () => '' }),
-        matchMedia: () => ({
-            matches: false,
-            addListener: () => { },
-            removeListener: () => { },
-            addEventListener: () => { },
-            removeEventListener: () => { },
-        }),
-        document: documentMock,
-        screen: screenMock,
-        devicePixelRatio: 1,
-        navigator: {
-            userAgent: 'node',
-            platform: 'server',
-            language: 'en',
-            languages: ['en'],
-            onLine: true,
-            geolocation: null,
-        },
-        location: {
-            hostname: 'localhost',
-            href: 'http://localhost',
-            protocol: 'http:',
-            pathname: '/',
-            search: '',
-            hash: '',
-            host: 'localhost',
-            origin: 'http://localhost',
-        },
-        history: {
-            pushState: () => { },
-            replaceState: () => { },
-            back: () => { },
-            forward: () => { },
-            go: () => { },
-            length: 0,
-        },
-        localStorage: {
-            getItem: () => null,
-            setItem: () => { },
-            removeItem: () => { },
-            clear: () => { },
-        },
-        sessionStorage: {
-            getItem: () => null,
-            setItem: () => { },
-            removeItem: () => { },
-            clear: () => { },
-        },
-        setTimeout,
-        clearTimeout,
-        setInterval,
-        clearInterval,
-        innerWidth: 1920,
-        innerHeight: 1080,
-        outerWidth: 1920,
-        outerHeight: 1080,
-        scrollX: 0,
-        scrollY: 0,
-        pageXOffset: 0,
-        pageYOffset: 0,
-        scrollTo: () => { },
-        scroll: () => { },
-        Image: class Image { },
-        HTMLElement: class HTMLElement { },
-        SVGElement: class SVGElement { },
-    };
-
-    // Set globals
-    globalThis.window = windowMock;
-    globalThis.document = documentMock;
-    globalThis.navigator = windowMock.navigator;
-    globalThis.screen = screenMock;
-    globalThis.HTMLElement = windowMock.HTMLElement;
-    globalThis.SVGElement = windowMock.SVGElement;
-    globalThis.localStorage = windowMock.localStorage;
-    globalThis.sessionStorage = windowMock.sessionStorage;
-
-    console.log('[SSR] DOM polyfills loaded');
-}
+/**
+ * Node.js Preload Script for SSR Development
+ * 
+ * This script creates DOM global mocks BEFORE any modules are loaded.
+ * It only applies in the main thread - NOT in worker threads (sass, esbuild).
+ */
+
+import { isMainThread } from 'node:worker_threads';
+
+// Only apply polyfills in the main thread, not in workers
+if (!isMainThread) {
+    // Skip polyfills in worker threads to avoid breaking sass/esbuild
+    // console.log('[SSR] Skipping polyfills in worker thread');
+} else {
+    // Create screen mock
+    const screenMock = {
+        width: 1920,
+        height: 1080,
+        availWidth: 1920,
+        availHeight: 1080,
+        colorDepth: 24,
+        pixelDepth: 24,
+        deviceXDPI: 96,
+        deviceYDPI: 96,
+        logicalXDPI: 96,
+        logicalYDPI: 96,
+    };
+
+    // Create document mock
+    const documentMock = {
+        createElement: (tag) => ({
+            style: {},
+            setAttribute: () => { },
+            getAttribute: () => null,
+            appendChild: () => { },
+            removeChild: () => { },
+            classList: { add: () => { }, remove: () => { }, contains: () => false },
+            tagName: tag?.toUpperCase() || 'DIV',
+        }),
+        createElementNS: (ns, tag) => ({
+            style: {},
+            setAttribute: () => { },
+            getAttribute: () => null,
+            appendChild: () => { },
+            getBBox: () => ({ x: 0, y: 0, width: 0, height: 0 }),
+            tagName: tag?.toUpperCase() || 'SVG',
+        }),
+        createTextNode: () => ({}),
+        head: { appendChild: () => { }, removeChild: () => { } },
+        body: { appendChild: () => { }, removeChild: () => { } },
+        documentElement: {
+            style: {},
+            clientWidth: 1920,
+            clientHeight: 1080,
+            querySelector: () => null,
+            querySelectorAll: () => [],
+            getAttribute: () => null,
+            setAttribute: () => { },
+        },
+        addEventListener: () => { },
+        removeEventListener: () => { },
+        querySelector: () => null,
+        querySelectorAll: () => [],
+        getElementById: () => null,
+        getElementsByTagName: () => [],
+        getElementsByClassName: () => [],
+    };
+
+    // Create window mock
+    const windowMock = {
+        requestAnimationFrame: (callback) => setTimeout(callback, 16),
+        cancelAnimationFrame: (id) => clearTimeout(id),
+        addEventListener: () => { },
+        removeEventListener: () => { },
+        getComputedStyle: () => ({ getPropertyValue: () => '' }),
+        matchMedia: () => ({
+            matches: false,
+            addListener: () => { },
+            removeListener: () => { },
+            addEventListener: () => { },
+            removeEventListener: () => { },
+        }),
+        document: documentMock,
+        screen: screenMock,
+        devicePixelRatio: 1,
+        navigator: {
+            userAgent: 'node',
+            platform: 'server',
+            language: 'en',
+            languages: ['en'],
+            onLine: true,
+            geolocation: null,
+        },
+        location: {
+            hostname: 'localhost',
+            href: 'http://localhost',
+            protocol: 'http:',
+            pathname: '/',
+            search: '',
+            hash: '',
+            host: 'localhost',
+            origin: 'http://localhost',
+        },
+        history: {
+            pushState: () => { },
+            replaceState: () => { },
+            back: () => { },
+            forward: () => { },
+            go: () => { },
+            length: 0,
+        },
+        localStorage: {
+            getItem: () => null,
+            setItem: () => { },
+            removeItem: () => { },
+            clear: () => { },
+        },
+        sessionStorage: {
+            getItem: () => null,
+            setItem: () => { },
+            removeItem: () => { },
+            clear: () => { },
+        },
+        setTimeout,
+        clearTimeout,
+        setInterval,
+        clearInterval,
+        innerWidth: 1920,
+        innerHeight: 1080,
+        outerWidth: 1920,
+        outerHeight: 1080,
+        scrollX: 0,
+        scrollY: 0,
+        pageXOffset: 0,
+        pageYOffset: 0,
+        scrollTo: () => { },
+        scroll: () => { },
+        Image: class Image { },
+        HTMLElement: class HTMLElement { },
+        SVGElement: class SVGElement { },
+    };
+
+    // Set globals
+    globalThis.window = windowMock;
+    globalThis.document = documentMock;
+    globalThis.navigator = windowMock.navigator;
+    globalThis.screen = screenMock;
+    globalThis.HTMLElement = windowMock.HTMLElement;
+    globalThis.SVGElement = windowMock.SVGElement;
+    globalThis.localStorage = windowMock.localStorage;
+    globalThis.sessionStorage = windowMock.sessionStorage;
+
+    console.log('[SSR] DOM polyfills loaded');
+}
diff --git a/fix-vulnerabilities.sh b/fix-vulnerabilities.sh
old mode 100644
new mode 100755