Refactor contact form handling and enhance Mail Gateway page: Centralized subject mapping for contact requests, improved CSRF token validation, and optimized AJAX CORS handling. Updated Mail Gateway page layout and content for better clarity and user engagement, including new package details and security features.

2026-01-06 21:57:55 +01:00
parent 385baf2db7
commit bca75e38bc
5 changed files with 340 additions and 229 deletions
--- a/public/assets/js/main.js
+++ b/public/assets/js/main.js
@@ -87,29 +87,39 @@

    // Header scroll effect - always visible with transparency change
    const header = document.querySelector('.header');
+    const hero = document.querySelector('.hero');

-    window.addEventListener('scroll', function() {
+    // Kombinierter, optimierter Scroll-Handler mit requestAnimationFrame
+    let ticking = false;
+    
+    function handleScroll() {
        const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
        
+        // Header-Effekt
+        if (header) {
            if (scrollTop > 50) {
-            // Scrolled down - make header more opaque
                header.classList.add('scrolled');
            } else {
-            // At top - make header more transparent
                header.classList.remove('scrolled');
            }
-    });
-
-    // Add parallax effect to hero section
-    const hero = document.querySelector('.hero');
-    if (hero) {
-        window.addEventListener('scroll', function() {
-            const scrolled = window.pageYOffset;
-            const rate = scrolled * -0.5;
-            hero.style.transform = `translateY(${rate}px)`;
-        });
        }
        
+        // Parallax-Effekt für Hero
+        if (hero) {
+            const rate = scrollTop * -0.5;
+            hero.style.transform = `translateY(${rate}px)`;
+        }
+        
+        ticking = false;
+    }
+
+    window.addEventListener('scroll', function() {
+        if (!ticking) {
+            requestAnimationFrame(handleScroll);
+            ticking = true;
+        }
+    }, { passive: true });
+
    // Form validation (for contact forms)
    const forms = document.querySelectorAll('form');
    forms.forEach(form => {
--- a/public/contact-handler.php
+++ b/public/contact-handler.php
@@ -15,13 +15,42 @@ require_once 'config.php';
 // Konfiguration verwenden
 $config = getHexaHostConfig();

-// CSRF-Token validieren
+// Betreff-Mapping (zentral definiert)
+const SUBJECT_MAP = [
+    'allgemeine-anfrage' => 'Allgemeine Anfrage',
+    'vpc-anfrage' => 'Virtual Private Container Anfrage',
+    'vps-anfrage' => 'Virtual Private Server Anfrage',
+    'mail-gateway-anfrage' => 'Mail Gateway Anfrage',
+    'webhosting-anfrage' => 'Webhosting Anfrage',
+    'support' => 'Technischer Support',
+    'beratung' => 'Persönliche Beratung',
+    'migration' => 'Migration/Umzug',
+    'sonstiges' => 'Sonstige Anfrage'
+];
+
+// CSRF-Token validieren und invalidieren (verhindert Replay-Attacks)
 function validateCSRFToken($token) {
-    return isset($_SESSION['csrf_token']) && hash_equals($_SESSION['csrf_token'], $token);
+    if (isset($_SESSION['csrf_token']) && hash_equals($_SESSION['csrf_token'], $token)) {
+        // Token nach erfolgreicher Validierung invalidieren
+        unset($_SESSION['csrf_token']);
+        return true;
+    }
+    return false;
+}
+
+// CORS Headers für AJAX-Requests (nur eigene Domain erlauben)
+$allowed_origins = [
+    'https://hexahost.de',
+    'https://www.hexahost.de',
+    'http://localhost',  // Für Entwicklung
+    'http://127.0.0.1'   // Für Entwicklung
+];
+
+$origin = $_SERVER['HTTP_ORIGIN'] ?? '';
+if (in_array($origin, $allowed_origins)) {
+    header('Access-Control-Allow-Origin: ' . $origin);
 }

-// CORS Headers für AJAX-Requests
-header('Access-Control-Allow-Origin: *');
 header('Access-Control-Allow-Methods: POST');
 header('Access-Control-Allow-Headers: Content-Type');
 header('Content-Type: application/json; charset=utf-8');
@@ -114,20 +143,8 @@ function sendEmail($data) {
        // Empfänger
        $mail->addAddress($config['to_email'], $config['to_name']);
        
-        // Betreff
-        $subject_map = [
-            'allgemeine-anfrage' => 'Allgemeine Anfrage',
-            'vpc-anfrage' => 'Virtual Private Container Anfrage',
-            'vps-anfrage' => 'Virtual Private Server Anfrage',
-            'mail-gateway-anfrage' => 'Mail Gateway Anfrage',
-            'webhosting-anfrage' => 'Webhosting Anfrage',
-            'support' => 'Technischer Support',
-            'beratung' => 'Persönliche Beratung',
-            'migration' => 'Migration/Umzug',
-            'sonstiges' => 'Sonstige Anfrage'
-        ];
-        
-        $subject = isset($subject_map[$data['subject']]) ? $subject_map[$data['subject']] : 'Neue Kontaktanfrage';
+        // Betreff (nutzt zentrale SUBJECT_MAP Konstante)
+        $subject = SUBJECT_MAP[$data['subject']] ?? 'Neue Kontaktanfrage';
        $mail->Subject = '[HexaHost.de] ' . $subject;
        
        // HTML E-Mail-Inhalt
@@ -158,19 +175,8 @@ function sendEmail($data) {
 function sendEmailNative($data) {
    global $config;
    
-    $subject_map = [
-        'allgemeine-anfrage' => 'Allgemeine Anfrage',
-        'vpc-anfrage' => 'Virtual Private Container Anfrage',
-        'vps-anfrage' => 'Virtual Private Server Anfrage',
-        'mail-gateway-anfrage' => 'Mail Gateway Anfrage',
-        'webhosting-anfrage' => 'Webhosting Anfrage',
-        'support' => 'Technischer Support',
-        'beratung' => 'Persönliche Beratung',
-        'migration' => 'Migration/Umzug',
-        'sonstiges' => 'Sonstige Anfrage'
-    ];
-    
-    $subject = isset($subject_map[$data['subject']]) ? $subject_map[$data['subject']] : 'Neue Kontaktanfrage';
+    // Betreff (nutzt zentrale SUBJECT_MAP Konstante)
+    $subject = SUBJECT_MAP[$data['subject']] ?? 'Neue Kontaktanfrage';
    $subject = '[HexaHost.de] ' . $subject;
    
    // Headers für Spam-Schutz
@@ -193,19 +199,8 @@ function sendEmailNative($data) {

 // HTML E-Mail-Template
 function generateEmailHTML($data) {
-    $subject_map = [
-        'allgemeine-anfrage' => 'Allgemeine Anfrage',
-        'vpc-anfrage' => 'Virtual Private Container Anfrage',
-        'vps-anfrage' => 'Virtual Private Server Anfrage',
-        'mail-gateway-anfrage' => 'Mail Gateway Anfrage',
-        'webhosting-anfrage' => 'Webhosting Anfrage',
-        'support' => 'Technischer Support',
-        'beratung' => 'Persönliche Beratung',
-        'migration' => 'Migration/Umzug',
-        'sonstiges' => 'Sonstige Anfrage'
-    ];
-    
-    $subject_text = isset($subject_map[$data['subject']]) ? $subject_map[$data['subject']] : 'Neue Kontaktanfrage';
+    // Betreff (nutzt zentrale SUBJECT_MAP Konstante)
+    $subject_text = SUBJECT_MAP[$data['subject']] ?? 'Neue Kontaktanfrage';
    
    $html = '
    <!DOCTYPE html>
@@ -295,19 +290,8 @@ function generateEmailHTML($data) {

 // Text-Version der E-Mail
 function generateEmailText($data) {
-    $subject_map = [
-        'allgemeine-anfrage' => 'Allgemeine Anfrage',
-        'vpc-anfrage' => 'Virtual Private Container Anfrage',
-        'vps-anfrage' => 'Virtual Private Server Anfrage',
-        'mail-gateway-anfrage' => 'Mail Gateway Anfrage',
-        'webhosting-anfrage' => 'Webhosting Anfrage',
-        'support' => 'Technischer Support',
-        'beratung' => 'Persönliche Beratung',
-        'migration' => 'Migration/Umzug',
-        'sonstiges' => 'Sonstige Anfrage'
-    ];
-    
-    $subject_text = isset($subject_map[$data['subject']]) ? $subject_map[$data['subject']] : 'Neue Kontaktanfrage';
+    // Betreff (nutzt zentrale SUBJECT_MAP Konstante)
+    $subject_text = SUBJECT_MAP[$data['subject']] ?? 'Neue Kontaktanfrage';
    
    $text = "NEUE KONTAKTANFRAGE - HexaHost.de\n";
    $text .= "=====================================\n\n";
--- a/public/includes/footer.php
+++ b/public/includes/footer.php
@@ -41,7 +41,7 @@
                </div>
            </div>
            <div class="footer-bottom">
-                <p>&copy; 2024 HexaHost.de - Alle Rechte vorbehalten</p>
+                <p>&copy; <?php echo date('Y'); ?> HexaHost.de - Alle Rechte vorbehalten</p>
            </div>
        </div>
    </footer>
--- a/public/includes/functions.php
+++ b/public/includes/functions.php
@@ -11,21 +11,25 @@ if (session_status() === PHP_SESSION_NONE) {
 /**
 * Set page configuration and include header
 * 
- * @param string $page_title The page title
- * @param string $page_description The page description
- * @param string $current_page The current page identifier
- * @param array $additional_scripts Additional scripts to include
+ * @param string $title The page title
+ * @param string $description The page description
+ * @param string $page The current page identifier
+ * @param array $scripts Additional scripts to include
 */
-function includeHeader($page_title = '', $page_description = '', $current_page = '', $additional_scripts = []) {
+function includeHeader($title = '', $description = '', $page = '', $scripts = []) {
    global $page_title, $page_description, $current_page, $additional_scripts;
    
-    // Set default values if not provided
-    if (empty($page_title)) {
-        $page_title = 'HexaHost.de - Zuverlässiges Hosting aus Niederbayern';
-    }
-    if (empty($page_description)) {
-        $page_description = 'HexaHost.de - Zuverlässiges und preiswertes Hosting aus Niederbayern. VPS, VPC, Mail Gateway und Webhosting Lösungen.';
-    }
+    // Set page configuration from parameters
+    $page_title = !empty($title) 
+        ? $title 
+        : 'HexaHost.de - Zuverlässiges Hosting aus Niederbayern';
+    
+    $page_description = !empty($description) 
+        ? $description 
+        : 'HexaHost.de - Zuverlässiges und preiswertes Hosting aus Niederbayern. VPS, VPC, Mail Gateway und Webhosting Lösungen.';
+    
+    $current_page = $page;
+    $additional_scripts = $scripts;
    
    include 'includes/header.php';
 }
--- a/public/mail-gateway.php
+++ b/public/mail-gateway.php
@@ -2,8 +2,8 @@
 require_once 'includes/functions.php';

 // Page configuration
-$page_title = 'Mail Gateway - HexaHost.de';
-$page_description = 'Professionelle E-Mail-Lösungen für Unternehmen. Spam-Schutz, Virus-Schutz und E-Mail-Archivierung von HexaHost.de';
+$page_title = 'Mail Gateway - Professionelle E-Mail-Lösungen | HexaHost.de';
+$page_description = 'Professionelle Mail Gateway Lösungen für Unternehmen. Spam-Schutz, E-Mail-Archivierung und sichere E-Mail-Kommunikation bei HexaHost.de';
 $current_page = 'mail-gateway';

 // Include header
@@ -11,192 +11,302 @@ includeHeader($page_title, $page_description, $current_page);
 ?>

 <main>
-    <!-- Breadcrumb -->
+    <!-- Product Hero -->
+    <section class="product-hero">
        <div class="container">
+            <div class="product-hero-content">
                <?php
                generateBreadcrumbs([
                    ['title' => 'Home', 'url' => 'index.php'],
                    ['title' => 'Mail Gateway', 'url' => '']
                ]);
                ?>
-    </div>
-
-    <!-- Hero Section -->
-    <section class="hero">
-        <div class="hero-container">
-            <div class="hero-content">
-                <h1 class="hero-title">
-                    Professionelle <span class="highlight">E-Mail-Lösungen</span>
+                <h1 class="product-hero-title">
+                    Mail Gateway
+                    <span class="highlight">für Unternehmen</span>
                </h1>
-                <p class="hero-description">
-                    Schützen Sie Ihr Unternehmen mit unseren professionellen Mail Gateway-Lösungen. 
-                    Von Spam-Schutz bis hin zu E-Mail-Archivierung - wir haben die perfekte Lösung 
-                    für Ihre E-Mail-Sicherheit.
+                <p class="product-hero-description">
+                    Professionelle E-Mail-Infrastruktur mit maximalem Schutz vor Spam und Malware. 
+                    Sichern Sie Ihre geschäftliche Kommunikation mit unseren Mail Gateway Lösungen.
                </p>
-                <div class="hero-actions">
-                    <a href="#packages" class="btn btn-primary">Pakete entdecken</a>
-                    <a href="contact.php" class="btn btn-secondary">Beratung anfordern</a>
+                <div class="product-hero-features">
+                    <div class="hero-feature">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
+                        </svg>
+                        <span>Spam & Virus Schutz</span>
                    </div>
-            </div>
-            <div class="hero-visual">
-                <div class="hero-card glass-card">
-                    <div class="server-icon">
+                    <div class="hero-feature">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
                            <polyline points="22,6 12,13 2,6"/>
                        </svg>
+                        <span>E-Mail Archivierung</span>
+                    </div>
+                    <div class="hero-feature">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
+                            <path d="M7 11V7a5 5 0 0 1 10 0v4"/>
+                        </svg>
+                        <span>DSGVO-konform</span>
                    </div>
-                    <h3>99.9% Spam-Schutz</h3>
-                    <p>Zuverlässige E-Mail-Sicherheit</p>
                </div>
            </div>
        </div>
    </section>

-    <!-- Features Section -->
-    <section class="features">
+    <!-- Mail Gateway Packages -->
+    <section class="packages">
        <div class="container">
            <div class="section-header">
-                <h2 class="section-title">Warum Mail Gateway?</h2>
+                <h2 class="section-title">Mail Gateway Pakete</h2>
                <p class="section-description">
-                    Professionelle E-Mail-Sicherheit für Ihr Unternehmen
+                    Wählen Sie das passende Mail Gateway Paket für Ihr Unternehmen
                </p>
            </div>
-            <div class="features-grid">
-                <div class="feature-card glass-card">
-                    <div class="feature-icon">
+            <div class="packages-grid">
+                <!-- Starter Package -->
+                <div class="package-card glass-card">
+                    <div class="package-header">
+                        <h3 class="package-name">Mail Starter</h3>
+                        <div class="package-price">
+                            <span class="price">4,99€</span>
+                            <span class="period">/Monat</span>
+                        </div>
+                    </div>
+                    <div class="package-specs">
+                        <div class="spec-item">
+                            <span class="spec-label">Postfächer:</span>
+                            <span class="spec-value">5</span>
+                        </div>
+                        <div class="spec-item">
+                            <span class="spec-label">Speicher/Postfach:</span>
+                            <span class="spec-value">5 GB</span>
+                        </div>
+                        <div class="spec-item">
+                            <span class="spec-label">Domains:</span>
+                            <span class="spec-value">1</span>
+                        </div>
+                        <div class="spec-item">
+                            <span class="spec-label">E-Mails/Tag:</span>
+                            <span class="spec-value">500</span>
+                        </div>
+                    </div>
+                    <div class="package-features">
+                        <div class="feature">✓ Spam-Filter</div>
+                        <div class="feature">✓ Virus-Schutz</div>
+                        <div class="feature">✓ Webmail</div>
+                        <div class="feature">✓ IMAP/POP3</div>
+                        <div class="feature">✓ SSL/TLS Verschlüsselung</div>
+                    </div>
+                    <a href="contact.php?package=mail-starter" class="btn btn-primary">Jetzt bestellen</a>
+                </div>
+
+                <!-- Business Package -->
+                <div class="package-card glass-card featured">
+                    <div class="featured-badge">Beliebt</div>
+                    <div class="package-header">
+                        <h3 class="package-name">Mail Business</h3>
+                        <div class="package-price">
+                            <span class="price">14,99€</span>
+                            <span class="period">/Monat</span>
+                        </div>
+                    </div>
+                    <div class="package-specs">
+                        <div class="spec-item">
+                            <span class="spec-label">Postfächer:</span>
+                            <span class="spec-value">25</span>
+                        </div>
+                        <div class="spec-item">
+                            <span class="spec-label">Speicher/Postfach:</span>
+                            <span class="spec-value">10 GB</span>
+                        </div>
+                        <div class="spec-item">
+                            <span class="spec-label">Domains:</span>
+                            <span class="spec-value">3</span>
+                        </div>
+                        <div class="spec-item">
+                            <span class="spec-label">E-Mails/Tag:</span>
+                            <span class="spec-value">2.000</span>
+                        </div>
+                    </div>
+                    <div class="package-features">
+                        <div class="feature">✓ Spam-Filter (erweitert)</div>
+                        <div class="feature">✓ Virus-Schutz</div>
+                        <div class="feature">✓ Webmail</div>
+                        <div class="feature">✓ IMAP/POP3</div>
+                        <div class="feature">✓ SSL/TLS Verschlüsselung</div>
+                        <div class="feature">✓ E-Mail Archivierung (30 Tage)</div>
+                        <div class="feature">✓ Kalender & Kontakte</div>
+                    </div>
+                    <a href="contact.php?package=mail-business" class="btn btn-primary">Jetzt bestellen</a>
+                </div>
+
+                <!-- Professional Package -->
+                <div class="package-card glass-card">
+                    <div class="package-header">
+                        <h3 class="package-name">Mail Professional</h3>
+                        <div class="package-price">
+                            <span class="price">29,99€</span>
+                            <span class="period">/Monat</span>
+                        </div>
+                    </div>
+                    <div class="package-specs">
+                        <div class="spec-item">
+                            <span class="spec-label">Postfächer:</span>
+                            <span class="spec-value">100</span>
+                        </div>
+                        <div class="spec-item">
+                            <span class="spec-label">Speicher/Postfach:</span>
+                            <span class="spec-value">25 GB</span>
+                        </div>
+                        <div class="spec-item">
+                            <span class="spec-label">Domains:</span>
+                            <span class="spec-value">10</span>
+                        </div>
+                        <div class="spec-item">
+                            <span class="spec-label">E-Mails/Tag:</span>
+                            <span class="spec-value">10.000</span>
+                        </div>
+                    </div>
+                    <div class="package-features">
+                        <div class="feature">✓ Spam-Filter (KI-gestützt)</div>
+                        <div class="feature">✓ Virus-Schutz</div>
+                        <div class="feature">✓ Webmail</div>
+                        <div class="feature">✓ IMAP/POP3</div>
+                        <div class="feature">✓ SSL/TLS Verschlüsselung</div>
+                        <div class="feature">✓ E-Mail Archivierung (1 Jahr)</div>
+                        <div class="feature">✓ Kalender & Kontakte</div>
+                        <div class="feature">✓ ActiveSync für Mobile</div>
+                    </div>
+                    <a href="contact.php?package=mail-professional" class="btn btn-primary">Jetzt bestellen</a>
+                </div>
+
+                <!-- Enterprise Package -->
+                <div class="package-card glass-card">
+                    <div class="package-header">
+                        <h3 class="package-name">Mail Enterprise</h3>
+                        <div class="package-price">
+                            <span class="price">59,99€</span>
+                            <span class="period">/Monat</span>
+                        </div>
+                    </div>
+                    <div class="package-specs">
+                        <div class="spec-item">
+                            <span class="spec-label">Postfächer:</span>
+                            <span class="spec-value">Unbegrenzt</span>
+                        </div>
+                        <div class="spec-item">
+                            <span class="spec-label">Speicher/Postfach:</span>
+                            <span class="spec-value">50 GB</span>
+                        </div>
+                        <div class="spec-item">
+                            <span class="spec-label">Domains:</span>
+                            <span class="spec-value">Unbegrenzt</span>
+                        </div>
+                        <div class="spec-item">
+                            <span class="spec-label">E-Mails/Tag:</span>
+                            <span class="spec-value">Unbegrenzt</span>
+                        </div>
+                    </div>
+                    <div class="package-features">
+                        <div class="feature">✓ Spam-Filter (KI-gestützt)</div>
+                        <div class="feature">✓ Virus-Schutz</div>
+                        <div class="feature">✓ Webmail</div>
+                        <div class="feature">✓ IMAP/POP3</div>
+                        <div class="feature">✓ SSL/TLS Verschlüsselung</div>
+                        <div class="feature">✓ E-Mail Archivierung (10 Jahre)</div>
+                        <div class="feature">✓ Kalender & Kontakte</div>
+                        <div class="feature">✓ ActiveSync für Mobile</div>
+                        <div class="feature">✓ Dedizierte IP</div>
+                        <div class="feature">✓ Priority Support</div>
+                    </div>
+                    <a href="contact.php?package=mail-enterprise" class="btn btn-primary">Jetzt bestellen</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Security Features -->
+    <section class="technical-details">
+        <div class="container">
+            <div class="section-header">
+                <h2 class="section-title">Sicherheit & Features</h2>
+                <p class="section-description">
+                    Maximaler Schutz für Ihre E-Mail-Kommunikation
+                </p>
+            </div>
+            <div class="details-grid">
+                <div class="detail-card glass-card">
+                    <div class="detail-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
                        </svg>
                    </div>
                    <h3>Spam-Schutz</h3>
-                    <p>Fortschrittliche Spam-Filterung mit maschinellem Lernen</p>
+                    <p>Mehrstufiger Spam-Filter mit KI-gestützter Erkennung filtert über 99% aller unerwünschten E-Mails zuverlässig heraus.</p>
                </div>
-                <div class="feature-card glass-card">
-                    <div class="feature-icon">
+                <div class="detail-card glass-card">
+                    <div class="detail-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                            <path d="M12 2L2 7l10 5 10-5-10-5z"/>
-                            <path d="M2 17l10 5 10-5"/>
-                            <path d="M2 12l10 5 10-5"/>
+                            <path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8z"/>
+                            <path d="M12 6v6l4 2"/>
                        </svg>
                    </div>
                    <h3>Virus-Schutz</h3>
-                    <p>Echtzeit-Virus-Erkennung und -Entfernung</p>
+                    <p>Echtzeit-Virenscanner prüft alle eingehenden und ausgehenden E-Mails auf Schadsoftware und blockiert gefährliche Anhänge.</p>
                </div>
-                <div class="feature-card glass-card">
-                    <div class="feature-icon">
+                <div class="detail-card glass-card">
+                    <div class="detail-icon">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
+                            <path d="M7 11V7a5 5 0 0 1 10 0v4"/>
+                        </svg>
+                    </div>
+                    <h3>Verschlüsselung</h3>
+                    <p>TLS-Verschlüsselung für sichere Übertragung. Optional S/MIME und PGP für Ende-zu-Ende-verschlüsselte Kommunikation.</p>
+                </div>
+                <div class="detail-card glass-card">
+                    <div class="detail-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
                            <polyline points="14,2 14,8 20,8"/>
                            <line x1="16" y1="13" x2="8" y2="13"/>
                            <line x1="16" y1="17" x2="8" y2="17"/>
-                            <polyline points="10,9 9,9 8,9"/>
                        </svg>
                    </div>
-                    <h3>E-Mail-Archivierung</h3>
-                    <p>Sichere und konforme E-Mail-Archivierung</p>
-                </div>
-                <div class="feature-card glass-card">
-                    <div class="feature-icon">
-                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
-                        </svg>
-                    </div>
-                    <h3>24/7 Support</h3>
-                    <p>Professioneller Support rund um die Uhr</p>
+                    <h3>E-Mail Archivierung</h3>
+                    <p>DSGVO-konforme Archivierung aller E-Mails. Revisionssichere Aufbewahrung für rechtliche Anforderungen.</p>
                </div>
            </div>
        </div>
    </section>

-    <!-- Packages Section -->
-    <section id="packages" class="packages">
+    <!-- Use Cases -->
+    <section class="use-cases">
        <div class="container">
            <div class="section-header">
-                <h2 class="section-title">Unsere Mail Gateway-Pakete</h2>
+                <h2 class="section-title">Einsatzbereiche</h2>
                <p class="section-description">
-                    Wählen Sie das perfekte Paket für Ihre E-Mail-Sicherheit
+                    Perfekt für verschiedene Unternehmensanforderungen
                </p>
            </div>
-            <div class="packages-grid">
-                <div class="package-card glass-card">
-                    <div class="package-header">
-                        <h3>Starter</h3>
-                        <div class="package-price">
-                            <span class="price">€29</span>
-                            <span class="period">/Monat</span>
+            <div class="use-cases-grid">
+                <div class="use-case-item glass-card">
+                    <h3>Kleine Unternehmen</h3>
+                    <p>Professionelle E-Mail-Adressen mit eigener Domain für ein seriöses Erscheinungsbild Ihres Unternehmens.</p>
                </div>
+                <div class="use-case-item glass-card">
+                    <h3>Mittelstand</h3>
+                    <p>Skalierbare E-Mail-Infrastruktur mit Archivierung und erweitertem Spam-Schutz für wachsende Teams.</p>
                </div>
-                    <div class="package-features">
-                        <div class="feature">✓ Bis zu 1.000 E-Mails/Tag</div>
-                        <div class="feature">✓ Spam-Schutz</div>
-                        <div class="feature">✓ Virus-Schutz</div>
-                        <div class="feature">✓ E-Mail-Archivierung (30 Tage)</div>
-                        <div class="feature">✓ SSL/TLS-Verschlüsselung</div>
-                        <div class="feature">✓ 24/7 Monitoring</div>
+                <div class="use-case-item glass-card">
+                    <h3>Großunternehmen</h3>
+                    <p>Enterprise-Lösungen mit unbegrenzten Postfächern, langfristiger Archivierung und dedizierter Infrastruktur.</p>
                </div>
-                    <a href="contact.php?package=mail-gateway-starter" class="btn btn-primary">Jetzt bestellen</a>
-                </div>
-
-                <div class="package-card glass-card featured">
-                    <div class="package-badge">Beliebt</div>
-                    <div class="package-header">
-                        <h3>Business</h3>
-                        <div class="package-price">
-                            <span class="price">€59</span>
-                            <span class="period">/Monat</span>
-                        </div>
-                    </div>
-                    <div class="package-features">
-                        <div class="feature">✓ Bis zu 5.000 E-Mails/Tag</div>
-                        <div class="feature">✓ Erweiterter Spam-Schutz</div>
-                        <div class="feature">✓ Virus-Schutz</div>
-                        <div class="feature">✓ E-Mail-Archivierung (90 Tage)</div>
-                        <div class="feature">✓ SSL/TLS-Verschlüsselung</div>
-                        <div class="feature">✓ Backup-Service</div>
-                        <div class="feature">✓ Snapshot-Funktion</div>
-                    </div>
-                    <a href="contact.php?package=mail-gateway-business" class="btn btn-primary">Jetzt bestellen</a>
-                </div>
-
-                <div class="package-card glass-card">
-                    <div class="package-header">
-                        <h3>Professional</h3>
-                        <div class="package-price">
-                            <span class="price">€99</span>
-                            <span class="period">/Monat</span>
-                        </div>
-                    </div>
-                    <div class="package-features">
-                        <div class="feature">✓ Bis zu 15.000 E-Mails/Tag</div>
-                        <div class="feature">✓ Premium Spam-Schutz</div>
-                        <div class="feature">✓ Virus-Schutz</div>
-                        <div class="feature">✓ E-Mail-Archivierung (1 Jahr)</div>
-                        <div class="feature">✓ SSL/TLS-Verschlüsselung</div>
-                        <div class="feature">✓ Backup-Service</div>
-                        <div class="feature">✓ Priority Support</div>
-                    </div>
-                    <a href="contact.php?package=mail-gateway-professional" class="btn btn-primary">Jetzt bestellen</a>
-                </div>
-
-                <div class="package-card glass-card">
-                    <div class="package-header">
-                        <h3>Enterprise</h3>
-                        <div class="package-price">
-                            <span class="price">€199</span>
-                            <span class="period">/Monat</span>
-                        </div>
-                    </div>
-                    <div class="package-features">
-                        <div class="feature">✓ Unbegrenzte E-Mails/Tag</div>
-                        <div class="feature">✓ Enterprise Spam-Schutz</div>
-                        <div class="feature">✓ Virus-Schutz</div>
-                        <div class="feature">✓ E-Mail-Archivierung (unbegrenzt)</div>
-                        <div class="feature">✓ SSL/TLS-Verschlüsselung</div>
-                        <div class="feature">✓ Backup-Service</div>
-                        <div class="feature">✓ Individuelle Konfiguration</div>
-                    </div>
-                    <a href="contact.php?package=mail-gateway-enterprise" class="btn btn-primary">Jetzt bestellen</a>
+                <div class="use-case-item glass-card">
+                    <h3>Behörden & Institutionen</h3>
+                    <p>DSGVO-konforme E-Mail-Lösungen mit höchsten Sicherheitsstandards und revisionssicherer Archivierung.</p>
                </div>
            </div>
        </div>
@@ -205,8 +315,8 @@ includeHeader($page_title, $page_description, $current_page);
    <!-- CTA Section -->
    <section class="cta">
        <div class="container">
-            <div class="cta-content">
-                <h2>Bereit für professionelle E-Mail-Sicherheit?</h2>
+            <div class="cta-content glass-card">
+                <h2>Bereit für professionelle E-Mail-Kommunikation?</h2>
                <p>Starten Sie noch heute mit unserem Mail Gateway</p>
                <div class="cta-actions">
                    <a href="contact.php?product=mail-gateway" class="btn btn-primary">Jetzt bestellen</a>
@@ -217,4 +327,7 @@ includeHeader($page_title, $page_description, $current_page);
    </section>
 </main>

-<?php includeFooter(); ?> 
+<?php
+// Include footer
+includeFooter();
+?>