Files
HexaHost-Frontend/public/mail-gateway.html
Samuel Müller 3df2a0efea initial commit
2025-07-31 15:19:31 +02:00

517 lines
27 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mail Gateway - Professioneller E-Mail-Schutz | HexaHost.de</title>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Russo+One&family=Source+Sans+Pro:wght@300;400;600;700&display=swap" rel="stylesheet">
<link rel="icon" type="image/svg+xml" href="favicon.svg">
<meta name="description" content="Mail Gateway mit Spam- und Virenfilterung. Professioneller E-Mail-Schutz ab 2,99€/Monat bei HexaHost.de">
</head>
<body>
<header class="header">
<nav class="nav">
<div class="nav-container">
<div class="nav-logo">
<a href="index.html">
<span class="logo-text">HexaHost</span>
<span class="logo-tld">.de</span>
</a>
</div>
<ul class="nav-menu">
<li><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-dropdown">
<a href="#" class="nav-link active">Produkte</a>
<ul class="dropdown-menu">
<li><a href="vpc.html">Virtual Private Container</a></li>
<li><a href="vps.html">Virtual Private Server</a></li>
<li><a href="mail-gateway.html">Mail Gateway</a></li>
<li><a href="webhosting.html">Webhosting</a></li>
</ul>
</li>
<li><a href="about.html" class="nav-link">Über uns</a></li>
<li><a href="contact.html" class="nav-link">Kontakt</a></li>
</ul>
<div class="nav-toggle">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>
</header>
<main>
<!-- Product Hero -->
<section class="product-hero">
<div class="container">
<div class="product-hero-content">
<div class="breadcrumb">
<a href="index.html">Home</a>
<span>/</span>
<span>Mail Gateway</span>
</div>
<h1 class="product-hero-title">
Mail Gateway
<span class="highlight">Professioneller E-Mail-Schutz</span>
</h1>
<p class="product-hero-description">
Schützen Sie Ihr Unternehmen vor Spam, Viren und Phishing-Attacken.
Unser Mail Gateway filtert unerwünschte E-Mails heraus, bevor sie
Ihren Server erreichen.
</p>
<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>99,9% Spam-Schutz</span>
</div>
<div class="hero-feature">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M9 12l2 2 4-4"/>
<path d="M21 12c-1 0-3-1-3-3s2-3 3-3 3 1 3 3-2 3-3 3"/>
<path d="M3 12c1 0 3-1 3-3s-2-3-3-3-3 1-3 3 2 3 3 3"/>
</svg>
<span>Viren-Filter</span>
</div>
<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>
</div>
</div>
</section>
<!-- Mail Gateway Packages -->
<section class="packages">
<div class="container">
<div class="section-header">
<h2 class="section-title">Mail Gateway Pakete</h2>
<p class="section-description">
Professioneller E-Mail-Schutz für jede Unternehmensgröße
</p>
</div>
<div class="packages-grid">
<!-- Starter Package -->
<div class="package-card glass-card">
<div class="package-header">
<h3 class="package-name">Mail Gateway Starter</h3>
<div class="package-price">
<span class="price">2,99€</span>
<span class="period">/Monat</span>
</div>
</div>
<div class="package-specs">
<div class="spec-item">
<span class="spec-label">E-Mail-Adressen:</span>
<span class="spec-value">bis 10</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">Speicher/Archiv:</span>
<span class="spec-value">5 GB</span>
</div>
<div class="spec-item">
<span class="spec-label">E-Mails/Tag:</span>
<span class="spec-value">1.000</span>
</div>
<div class="spec-item">
<span class="spec-label">Quarantäne:</span>
<span class="spec-value">7 Tage</span>
</div>
</div>
<div class="package-features">
<div class="feature">✓ Spam-Filter</div>
<div class="feature">✓ Viren-Schutz</div>
<div class="feature">✓ Quarantäne-Management</div>
<div class="feature">✓ Web-Interface</div>
<div class="feature">✓ E-Mail-Support</div>
</div>
<a href="contact.html?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 Gateway Business</h3>
<div class="package-price">
<span class="price">9,99€</span>
<span class="period">/Monat</span>
</div>
</div>
<div class="package-specs">
<div class="spec-item">
<span class="spec-label">E-Mail-Adressen:</span>
<span class="spec-value">bis 50</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">Speicher/Archiv:</span>
<span class="spec-value">25 GB</span>
</div>
<div class="spec-item">
<span class="spec-label">E-Mails/Tag:</span>
<span class="spec-value">5.000</span>
</div>
<div class="spec-item">
<span class="spec-label">Quarantäne:</span>
<span class="spec-value">14 Tage</span>
</div>
</div>
<div class="package-features">
<div class="feature">✓ Spam-Filter</div>
<div class="feature">✓ Viren-Schutz</div>
<div class="feature">✓ Phishing-Schutz</div>
<div class="feature">✓ Quarantäne-Management</div>
<div class="feature">✓ Web-Interface</div>
<div class="feature">✓ E-Mail-Archivierung</div>
<div class="feature">✓ Reporting</div>
</div>
<a href="contact.html?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 Gateway Professional</h3>
<div class="package-price">
<span class="price">19,99€</span>
<span class="period">/Monat</span>
</div>
</div>
<div class="package-specs">
<div class="spec-item">
<span class="spec-label">E-Mail-Adressen:</span>
<span class="spec-value">bis 150</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">Speicher/Archiv:</span>
<span class="spec-value">100 GB</span>
</div>
<div class="spec-item">
<span class="spec-label">E-Mails/Tag:</span>
<span class="spec-value">15.000</span>
</div>
<div class="spec-item">
<span class="spec-label">Quarantäne:</span>
<span class="spec-value">30 Tage</span>
</div>
</div>
<div class="package-features">
<div class="feature">✓ Spam-Filter</div>
<div class="feature">✓ Viren-Schutz</div>
<div class="feature">✓ Phishing-Schutz</div>
<div class="feature">✓ Advanced Threat Protection</div>
<div class="feature">✓ Quarantäne-Management</div>
<div class="feature">✓ Web-Interface</div>
<div class="feature">✓ E-Mail-Archivierung</div>
<div class="feature">✓ Erweiterte Reports</div>
<div class="feature">✓ API-Zugang</div>
</div>
<a href="contact.html?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 Gateway Enterprise</h3>
<div class="package-price">
<span class="price">49,99€</span>
<span class="period">/Monat</span>
</div>
</div>
<div class="package-specs">
<div class="spec-item">
<span class="spec-label">E-Mail-Adressen:</span>
<span class="spec-value">unbegrenzt</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">Speicher/Archiv:</span>
<span class="spec-value">500 GB</span>
</div>
<div class="spec-item">
<span class="spec-label">E-Mails/Tag:</span>
<span class="spec-value">unbegrenzt</span>
</div>
<div class="spec-item">
<span class="spec-label">Quarantäne:</span>
<span class="spec-value">90 Tage</span>
</div>
</div>
<div class="package-features">
<div class="feature">✓ Spam-Filter</div>
<div class="feature">✓ Viren-Schutz</div>
<div class="feature">✓ Phishing-Schutz</div>
<div class="feature">✓ Advanced Threat Protection</div>
<div class="feature">✓ Quarantäne-Management</div>
<div class="feature">✓ Web-Interface</div>
<div class="feature">✓ E-Mail-Archivierung</div>
<div class="feature">✓ Custom Reports</div>
<div class="feature">✓ API-Zugang</div>
<div class="feature">✓ Priority Support</div>
<div class="feature">✓ Dedizierte Instanz</div>
</div>
<a href="contact.html?package=mail-enterprise" class="btn btn-primary">Jetzt bestellen</a>
</div>
</div>
</div>
</section>
<!-- Mail Gateway Features -->
<section class="mail-features">
<div class="container">
<div class="section-header">
<h2 class="section-title">Mail Gateway Features</h2>
<p class="section-description">
Umfassender Schutz für Ihre E-Mail-Kommunikation
</p>
</div>
<div class="features-grid">
<div class="feature-item glass-card">
<div class="feature-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-Filter</h3>
<p>Intelligente Spam-Erkennung mit Machine Learning blockiert 99,9% aller unerwünschten E-Mails.</p>
</div>
<div class="feature-item glass-card">
<div class="feature-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M9 12l2 2 4-4"/>
<path d="M21 12c-1 0-3-1-3-3s2-3 3-3 3 1 3 3-2 3-3 3"/>
<path d="M3 12c1 0 3-1 3-3s-2-3-3-3-3 1-3 3 2 3 3 3"/>
</svg>
</div>
<h3>Viren-Schutz</h3>
<p>Mehrschichtiger Virenschutz mit aktuellsten Signaturen und Heuristik-Analyse.</p>
</div>
<div class="feature-item glass-card">
<div class="feature-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/>
<line x1="12" y1="9" x2="12" y2="13"/>
<line x1="12" y1="17" x2="12.01" y2="17"/>
</svg>
</div>
<h3>Phishing-Schutz</h3>
<p>Erkennung und Blockierung von Phishing-Versuchen und betrügerischen E-Mails.</p>
</div>
<div class="feature-item glass-card">
<div class="feature-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
<line x1="16" y1="2" x2="16" y2="6"/>
<line x1="8" y1="2" x2="8" y2="6"/>
<line x1="3" y1="10" x2="21" y2="10"/>
</svg>
</div>
<h3>Quarantäne</h3>
<p>Sichere Quarantäne für verdächtige E-Mails mit einfacher Verwaltung über Web-Interface.</p>
</div>
<div class="feature-item glass-card">
<div class="feature-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>Automatische Archivierung aller E-Mails für Compliance und rechtliche Anforderungen.</p>
</div>
<div class="feature-item glass-card">
<div class="feature-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M18 20V10"/>
<path d="M12 20V4"/>
<path d="M6 20v-6"/>
</svg>
</div>
<h3>Reporting</h3>
<p>Detaillierte Berichte über E-Mail-Traffic, blockierte Bedrohungen und System-Performance.</p>
</div>
</div>
</div>
</section>
<!-- How it Works -->
<section class="how-it-works">
<div class="container">
<div class="section-header">
<h2 class="section-title">So funktioniert's</h2>
<p class="section-description">
Einfache Integration in Ihre bestehende E-Mail-Infrastruktur
</p>
</div>
<div class="steps-grid">
<div class="step-item glass-card">
<div class="step-number">1</div>
<h3>MX-Record anpassen</h3>
<p>Ändern Sie den MX-Record Ihrer Domain, um E-Mails über unser Gateway zu leiten.</p>
</div>
<div class="step-item glass-card">
<div class="step-number">2</div>
<h3>Filterung</h3>
<p>Eingehende E-Mails werden automatisch auf Spam, Viren und Phishing geprüft.</p>
</div>
<div class="step-item glass-card">
<div class="step-number">3</div>
<h3>Weiterleitung</h3>
<p>Saubere E-Mails werden an Ihren Mail-Server weitergeleitet, schädliche blockiert.</p>
</div>
<div class="step-item glass-card">
<div class="step-number">4</div>
<h3>Verwaltung</h3>
<p>Überwachen und verwalten Sie alles über unser benutzerfreundliches Web-Interface.</p>
</div>
</div>
</div>
</section>
<!-- Benefits -->
<section class="benefits">
<div class="container">
<div class="section-header">
<h2 class="section-title">Vorteile für Ihr Unternehmen</h2>
<p class="section-description">
Warum ein Mail Gateway unverzichtbar ist
</p>
</div>
<div class="benefits-grid">
<div class="benefit-item glass-card">
<div class="benefit-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="10"/>
<polyline points="12,6 12,12 16,14"/>
</svg>
</div>
<h3>Produktivität steigern</h3>
<p>Mitarbeiter verbringen weniger Zeit mit dem Löschen von Spam-E-Mails.</p>
</div>
<div class="benefit-item glass-card">
<div class="benefit-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"/>
</svg>
</div>
<h3>Server entlasten</h3>
<p>Weniger Last auf Ihrem E-Mail-Server durch Vorfilterung schädlicher E-Mails.</p>
</div>
<div class="benefit-item glass-card">
<div class="benefit-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>Sicherheit erhöhen</h3>
<p>Schutz vor Ransomware, Trojanern und anderen E-Mail-basierten Bedrohungen.</p>
</div>
<div class="benefit-item glass-card">
<div class="benefit-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"/>
</svg>
</div>
<h3>Compliance erfüllen</h3>
<p>E-Mail-Archivierung für gesetzliche Aufbewahrungspflichten und Compliance.</p>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="cta">
<div class="container">
<div class="cta-content glass-card">
<h2>Schützen Sie Ihre E-Mails jetzt!</h2>
<p>Starten Sie noch heute mit professionellem E-Mail-Schutz</p>
<div class="cta-actions">
<a href="contact.html?product=mail-gateway" class="btn btn-primary">Jetzt bestellen</a>
<a href="contact.html" class="btn btn-secondary">Kostenlose Beratung</a>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h4>HexaHost.de</h4>
<p>Zuverlässiges Hosting aus Niederbayern</p>
<div class="footer-location">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
<circle cx="12" cy="10" r="3"/>
</svg>
<span>Niederbayern, Deutschland</span>
</div>
</div>
<div class="footer-section">
<h4>Produkte</h4>
<ul>
<li><a href="vpc.html">Virtual Private Container</a></li>
<li><a href="vps.html">Virtual Private Server</a></li>
<li><a href="mail-gateway.html">Mail Gateway</a></li>
<li><a href="webhosting.html">Webhosting</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Unternehmen</h4>
<ul>
<li><a href="about.html">Über uns</a></li>
<li><a href="contact.html">Kontakt</a></li>
<li><a href="#">Impressum</a></li>
<li><a href="#">Datenschutz</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Support</h4>
<ul>
<li><a href="#">Hilfe-Center</a></li>
<li><a href="#">Status</a></li>
<li><a href="contact.html">Support-Ticket</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2024 HexaHost.de - Alle Rechte vorbehalten</p>
</div>
</div>
</footer>
<script src="assets/js/main.js"></script>
</body>
</html>