diff --git a/public/assets/css/style.css b/public/assets/css/style.css
deleted file mode 100644
index 2632cee..0000000
--- a/public/assets/css/style.css
+++ /dev/null
@@ -1,2146 +0,0 @@
-/* Reset and Base Styles */
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-:root {
-    /* HexaHost Brand Colors - Complete Set */
-    --background-color: #0d0821;
-    --primary-color: #ff51f9;
-    --accent-color-1: #a348ff;
-    --accent-color-2: #3978ff;
-    --highlight-color: #f093ff;
-    --accent-deep: #6b2aff;
-    --accent-neon-blue: #00cfff;
-    --accent-pink-dark: #c31adf;
-    --success-color: #32fba2;
-    --warning-color: #ffcc00;
-    --error-color: #ff4d6d;
-    --neutral-light: #1a1230;
-    --neutral-medium: #3d3a4e;
-    --text-primary: #ffffff;
-    --text-secondary: #cfc9dd;
-    
-    /* Legacy Neutral Colors (for compatibility) */
-    --white: #ffffff;
-    --gray-50: #f8fafc;
-    --gray-100: #f1f5f9;
-    --gray-200: #e2e8f0;
-    --gray-300: #cbd5e1;
-    --gray-400: #94a3b8;
-    --gray-500: #64748b;
-    --gray-600: #475569;
-    --gray-700: #334155;
-    --gray-800: #1e293b;
-    --gray-900: #0f172a;
-    
-    /* Background Gradients */
-    --bg-primary: linear-gradient(135deg, var(--background-color) 0%, var(--neutral-light) 100%);
-    --bg-secondary: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color-1) 100%);
-    --bg-accent: linear-gradient(135deg, var(--accent-deep) 0%, var(--accent-color-1) 100%);
-    --bg-neon: linear-gradient(135deg, var(--accent-neon-blue) 0%, var(--primary-color) 100%);
-    
-    /* Glass Effect */
-    --glass-bg: rgba(255, 255, 255, 0.05);
-    --glass-border: rgba(255, 255, 255, 0.1);
-    --glass-shadow: 0 8px 32px 0 rgba(255, 81, 249, 0.2);
-    --glass-shadow-accent: 0 8px 32px 0 rgba(163, 72, 255, 0.3);
-    --glass-shadow-neon: 0 8px 32px 0 rgba(0, 207, 255, 0.3);
-    
-    /* Typography */
-    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-    --font-logo: 'Russo One', sans-serif;
-    --font-slogan: 'Source Sans Pro', sans-serif;
-    --font-size-xs: 0.75rem;
-    --font-size-sm: 0.875rem;
-    --font-size-base: 1rem;
-    --font-size-lg: 1.125rem;
-    --font-size-xl: 1.25rem;
-    --font-size-2xl: 1.5rem;
-    --font-size-3xl: 1.875rem;
-    --font-size-4xl: 2.25rem;
-    --font-size-5xl: 3rem;
-    
-    /* Spacing */
-    --spacing-xs: 0.25rem;
-    --spacing-sm: 0.5rem;
-    --spacing-md: 1rem;
-    --spacing-lg: 1.5rem;
-    --spacing-xl: 2rem;
-    --spacing-2xl: 3rem;
-    --spacing-3xl: 4rem;
-    
-    /* Border Radius */
-    --radius-sm: 0.375rem;
-    --radius-md: 0.5rem;
-    --radius-lg: 0.75rem;
-    --radius-xl: 1rem;
-    --radius-2xl: 1.5rem;
-    
-    /* Transitions */
-    --transition-fast: 0.15s ease-in-out;
-    --transition-base: 0.3s ease-in-out;
-    --transition-slow: 0.5s ease-in-out;
-}
-
-body {
-    font-family: var(--font-family);
-    line-height: 1.6;
-    color: var(--text-primary);
-    background: var(--background-color);
-    min-height: 100vh;
-    overflow-x: hidden;
-}
-
-/* Glass Card Effect */
-.glass-card {
-    background: var(--glass-bg);
-    backdrop-filter: blur(10px);
-    -webkit-backdrop-filter: blur(10px);
-    border: 1px solid var(--glass-border);
-    border-radius: var(--radius-xl);
-    box-shadow: var(--glass-shadow);
-    transition: all var(--transition-base);
-}
-
-.glass-card:hover {
-    transform: translateY(-5px);
-    box-shadow: 0 20px 40px 0 rgba(31, 38, 135, 0.5);
-}
-
-/* Container */
-.container {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 0 var(--spacing-lg);
-}
-
-/* Header */
-.header {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    z-index: 1000;
-    background: rgba(13, 8, 33, 0.5);
-    backdrop-filter: blur(20px);
-    -webkit-backdrop-filter: blur(20px);
-    border-bottom: 1px solid var(--glass-border);
-    box-shadow: 0 2px 20px rgba(255, 81, 249, 0.1);
-    transition: all var(--transition-base);
-}
-
-.header.scrolled {
-    background: rgba(13, 8, 33, 0.523);
-    box-shadow: 0 4px 30px rgba(255, 81, 249, 0.2);
-}
-
-.nav-container {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 0 var(--spacing-lg);
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    height: 70px;
-}
-
-.nav-logo a {
-    text-decoration: none;
-    display: flex;
-    align-items: center;
-}
-
-.logo-image {
-    height: 50px;
-    width: auto;
-    object-fit: contain;
-    transition: var(--transition-base);
-}
-
-.logo-image:hover {
-    transform: scale(1.05);
-    filter: drop-shadow(0 0 10px rgba(255, 81, 249, 0.5));
-}
-
-.nav-menu {
-    display: flex;
-    list-style: none;
-    gap: var(--spacing-xl);
-    align-items: center;
-}
-
-.nav-link {
-    text-decoration: none;
-    color: var(--white);
-    font-weight: 500;
-    padding: var(--spacing-sm) var(--spacing-md);
-    border-radius: var(--radius-md);
-    transition: all var(--transition-base);
-    position: relative;
-}
-
-.nav-link:hover,
-.nav-link.active {
-    background: var(--glass-bg);
-    backdrop-filter: blur(10px);
-    -webkit-backdrop-filter: blur(10px);
-}
-
-.nav-dropdown {
-    position: relative;
-}
-
-.dropdown-menu {
-    position: absolute;
-    top: 100%;
-    left: 0;
-    background: var(--glass-bg);
-    backdrop-filter: blur(20px);
-    -webkit-backdrop-filter: blur(20px);
-    border: 1px solid var(--glass-border);
-    border-radius: var(--radius-lg);
-    padding: var(--spacing-sm);
-    min-width: 200px;
-    opacity: 0;
-    visibility: hidden;
-    transform: translateY(-10px);
-    transition: all var(--transition-base);
-    list-style: none;
-}
-
-.nav-dropdown:hover .dropdown-menu {
-    opacity: 1;
-    visibility: visible;
-    transform: translateY(0);
-}
-
-.dropdown-menu li {
-    margin: 0;
-}
-
-.dropdown-menu a {
-    display: block;
-    padding: var(--spacing-sm) var(--spacing-md);
-    color: var(--white);
-    text-decoration: none;
-    border-radius: var(--radius-sm);
-    transition: background var(--transition-fast);
-}
-
-.dropdown-menu a:hover {
-    background: rgba(255, 255, 255, 0.1);
-}
-
-.nav-toggle {
-    display: none;
-    flex-direction: column;
-    cursor: pointer;
-}
-
-.nav-toggle span {
-    width: 25px;
-    height: 3px;
-    background: var(--white);
-    margin: 3px 0;
-    transition: var(--transition-base);
-}
-
-/* Hero Section */
-.hero {
-    padding: 120px 0 80px;
-    min-height: 100vh;
-    display: flex;
-    align-items: center;
-    position: relative;
-    overflow: hidden;
-}
-
-.hero::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><polygon fill="%23ffffff08" points="0,1000 1000,0 1000,1000"/></svg>');
-    z-index: -1;
-}
-
-.hero-container {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 0 var(--spacing-lg);
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: var(--spacing-3xl);
-    align-items: center;
-}
-
-.hero-title {
-    font-size: var(--font-size-5xl);
-    font-weight: 700;
-    line-height: 1.2;
-    margin-bottom: var(--spacing-lg);
-}
-
-.highlight {
-    background: linear-gradient(135deg, var(--primary-color), var(--highlight-color));
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-}
-
-.hero-description {
-    font-size: var(--font-size-lg);
-    color: var(--text-secondary);
-    margin-bottom: var(--spacing-2xl);
-    line-height: 1.6;
-}
-
-.hero-actions {
-    display: flex;
-    gap: var(--spacing-lg);
-}
-
-.hero-visual {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.hero-card {
-    padding: var(--spacing-2xl);
-    text-align: center;
-    max-width: 300px;
-}
-
-.server-icon {
-    width: 80px;
-    height: 80px;
-    margin: 0 auto var(--spacing-lg);
-    color: var(--primary-color);
-}
-
-.hero-card h3 {
-    font-size: var(--font-size-2xl);
-    font-weight: 600;
-    margin-bottom: var(--spacing-sm);
-}
-
-.hero-card p {
-    color: var(--text-secondary);
-    font-size: var(--font-size-lg);
-}
-
-/* Buttons */
-.btn {
-    display: inline-flex;
-    align-items: center;
-    padding: var(--spacing-md) var(--spacing-xl);
-    border: none;
-    border-radius: var(--radius-lg);
-    font-weight: 600;
-    text-decoration: none;
-    cursor: pointer;
-    transition: all var(--transition-base);
-    font-size: var(--font-size-base);
-}
-
-.btn-primary {
-    background: linear-gradient(135deg, var(--primary-color), var(--accent-color-1));
-    color: var(--text-primary);
-    box-shadow: 0 4px 15px 0 rgba(255, 81, 249, 0.3);
-}
-
-.btn-primary:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 8px 25px 0 rgba(255, 81, 249, 0.4);
-}
-
-.btn-secondary {
-    background: var(--glass-bg);
-    color: var(--text-primary);
-    border: 1px solid var(--glass-border);
-    backdrop-filter: blur(10px);
-    -webkit-backdrop-filter: blur(10px);
-}
-
-.btn-secondary:hover {
-    background: rgba(255, 255, 255, 0.2);
-    transform: translateY(-2px);
-}
-
-/* Sections */
-.section-header {
-    text-align: center;
-    margin-bottom: var(--spacing-3xl);
-}
-
-.section-title {
-    font-size: var(--font-size-4xl);
-    font-weight: 700;
-    margin-bottom: var(--spacing-lg);
-}
-
-.section-description {
-    font-size: var(--font-size-lg);
-    color: rgba(255, 255, 255, 0.8);
-    max-width: 600px;
-    margin: 0 auto;
-}
-
-/* Products Section */
-.products {
-    padding: var(--spacing-3xl) 0;
-}
-
-.products-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
-    gap: var(--spacing-xl);
-}
-
-.product-card {
-    padding: var(--spacing-2xl);
-    text-align: center;
-    position: relative;
-    transition: all var(--transition-base);
-}
-
-.product-card.featured {
-    transform: scale(1.05);
-    border: 2px solid var(--primary-light);
-}
-
-.featured-badge {
-    position: absolute;
-    top: -10px;
-    right: var(--spacing-lg);
-    background: linear-gradient(135deg, var(--primary-color), var(--accent-color-2));
-    color: var(--white);
-    padding: var(--spacing-xs) var(--spacing-md);
-    border-radius: var(--radius-lg);
-    font-size: var(--font-size-sm);
-    font-weight: 600;
-}
-
-.product-icon {
-    width: 40px;
-    height: 40px;
-    margin: 0 auto var(--spacing-md);
-    color: var(--primary-color);
-}
-
-.product-title {
-    font-size: var(--font-size-xl);
-    font-weight: 600;
-    margin-bottom: var(--spacing-md);
-}
-
-.product-description {
-    color: rgba(255, 255, 255, 0.8);
-    margin-bottom: var(--spacing-lg);
-    line-height: 1.6;
-}
-
-.product-features {
-    list-style: none;
-    padding: 0;
-    margin-bottom: var(--spacing-lg);
-    text-align: center;
-}
-
-.product-features li {
-    color: var(--text-secondary);
-    font-size: var(--font-size-sm);
-    padding: var(--spacing-xs) 0;
-    line-height: 1.5;
-}
-
-.product-features li::before {
-    content: '•';
-    color: var(--primary-color);
-    font-weight: bold;
-    margin-right: var(--spacing-sm);
-}
-
-.feature {
-    font-size: var(--font-size-sm);
-    color: rgba(255, 255, 255, 0.9);
-}
-
-.product-price {
-    font-size: var(--font-size-lg);
-    margin-bottom: var(--spacing-lg);
-    color: rgba(255, 255, 255, 0.9);
-}
-
-.price {
-    font-size: var(--font-size-2xl);
-    font-weight: 700;
-    color: var(--primary-color);
-}
-
-/* Features Section */
-.features {
-    padding: var(--spacing-3xl) 0;
-    background: rgba(255, 255, 255, 0.05);
-}
-
-.features-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-    gap: var(--spacing-lg);
-}
-
-.feature-item {
-    padding: var(--spacing-lg);
-    text-align: center;
-}
-
-.feature-icon {
-    width: 32px;
-    height: 32px;
-    margin: 0 auto var(--spacing-md);
-    color: var(--primary-color);
-}
-
-.feature-item h3 {
-    font-size: var(--font-size-lg);
-    font-weight: 600;
-    margin-bottom: var(--spacing-sm);
-}
-
-.feature-item p {
-    color: var(--text-secondary);
-    line-height: 1.5;
-    font-size: var(--font-size-sm);
-}
-
-/* How it Works Section */
-.how-it-works {
-    padding: var(--spacing-3xl) 0;
-    background: rgba(255, 255, 255, 0.02);
-}
-
-.steps-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-    gap: var(--spacing-xl);
-    margin-top: var(--spacing-2xl);
-}
-
-.step-item {
-    padding: var(--spacing-xl);
-    text-align: center;
-    position: relative;
-}
-
-.step-number {
-    width: 60px;
-    height: 60px;
-    background: linear-gradient(135deg, var(--primary-color), var(--accent-color-1));
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: var(--font-size-xl);
-    font-weight: 700;
-    color: var(--white);
-    margin: 0 auto var(--spacing-lg);
-    box-shadow: 0 8px 32px 0 rgba(255, 81, 249, 0.3);
-}
-
-.step-item h3 {
-    font-size: var(--font-size-lg);
-    font-weight: 600;
-    margin-bottom: var(--spacing-md);
-    color: var(--text-primary);
-}
-
-.step-item p {
-    color: var(--text-secondary);
-    line-height: 1.6;
-    font-size: var(--font-size-base);
-}
-
-/* Mail Features Section */
-.mail-features {
-    padding: var(--spacing-3xl) 0;
-    background: rgba(255, 255, 255, 0.03);
-}
-
-/* Benefits Section */
-.benefits {
-    padding: var(--spacing-3xl) 0;
-    background: rgba(255, 255, 255, 0.02);
-}
-
-.benefits-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-    gap: var(--spacing-xl);
-    margin-top: var(--spacing-2xl);
-}
-
-.benefit-item {
-    padding: var(--spacing-xl);
-    text-align: center;
-}
-
-.benefit-icon {
-    width: 48px;
-    height: 48px;
-    margin: 0 auto var(--spacing-lg);
-    color: var(--primary-color);
-}
-
-.benefit-item h3 {
-    font-size: var(--font-size-lg);
-    font-weight: 600;
-    margin-bottom: var(--spacing-md);
-    color: var(--text-primary);
-}
-
-.benefit-item p {
-    color: var(--text-secondary);
-    line-height: 1.6;
-    font-size: var(--font-size-base);
-}
-
-/* CTA Section */
-.cta {
-    padding: var(--spacing-3xl) 0;
-}
-
-.cta-content {
-    text-align: center;
-    padding: var(--spacing-3xl);
-}
-
-.cta-content h2 {
-    font-size: var(--font-size-3xl);
-    font-weight: 700;
-    margin-bottom: var(--spacing-lg);
-}
-
-.cta-content p {
-    font-size: var(--font-size-lg);
-    color: var(--text-secondary);
-    margin-bottom: var(--spacing-2xl);
-}
-
-.cta-actions {
-    display: flex;
-    gap: var(--spacing-lg);
-    justify-content: center;
-}
-
-/* Footer */
-.footer {
-    background: rgba(0, 0, 0, 0.3);
-    padding: var(--spacing-3xl) 0 var(--spacing-xl);
-    margin-top: var(--spacing-3xl);
-}
-
-.footer-content {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-    gap: var(--spacing-2xl);
-    margin-bottom: var(--spacing-2xl);
-}
-
-.footer-section h4 {
-    font-size: var(--font-size-lg);
-    font-weight: 600;
-    margin-bottom: var(--spacing-lg);
-    color: var(--primary-color);
-}
-
-.footer-section p {
-    color: var(--text-secondary);
-    margin-bottom: var(--spacing-md);
-}
-
-.footer-location {
-    display: flex;
-    align-items: center;
-    gap: var(--spacing-sm);
-    color: rgba(255, 255, 255, 0.7);
-}
-
-.footer-location svg {
-    width: 16px;
-    height: 16px;
-}
-
-.footer-section ul {
-    list-style: none;
-}
-
-.footer-section ul li {
-    margin-bottom: var(--spacing-sm);
-}
-
-.footer-section ul li a {
-    color: rgba(255, 255, 255, 0.8);
-    text-decoration: none;
-    transition: color var(--transition-base);
-}
-
-.footer-section ul li a:hover {
-    color: var(--primary-color);
-}
-
-.footer-bottom {
-    padding-top: var(--spacing-xl);
-    border-top: 1px solid rgba(255, 255, 255, 0.1);
-    text-align: center;
-    color: rgba(255, 255, 255, 0.6);
-}
-
-/* Responsive Design */
-@media (max-width: 768px) {
-    .nav-menu {
-        display: none;
-    }
-    
-    .nav-toggle {
-        display: flex;
-    }
-    
-    .hero-container {
-        grid-template-columns: 1fr;
-        text-align: center;
-        gap: var(--spacing-2xl);
-    }
-    
-    .hero-title {
-        font-size: var(--font-size-3xl);
-    }
-    
-    .hero-actions {
-        flex-direction: column;
-        align-items: center;
-    }
-    
-    .products-grid {
-        grid-template-columns: 1fr;
-    }
-    
-    .features-grid {
-        grid-template-columns: 1fr;
-    }
-    
-    .cta-actions {
-        flex-direction: column;
-        align-items: center;
-    }
-    
-    .footer-content {
-        grid-template-columns: 1fr;
-        text-align: center;
-    }
-}
-
-@media (max-width: 480px) {
-    .container {
-        padding: 0 var(--spacing-md);
-    }
-    
-    .nav-container {
-        padding: 0 var(--spacing-md);
-    }
-    
-    .hero {
-        padding: 100px 0 60px;
-    }
-    
-    .hero-title {
-        font-size: var(--font-size-2xl);
-    }
-    
-    .section-title {
-        font-size: var(--font-size-3xl);
-    }
-    
-    .product-card,
-    .feature-item,
-    .cta-content {
-        padding: var(--spacing-xl);
-    }
-    
-    .values-grid {
-        grid-template-columns: 1fr !important;
-    }
-    
-    .team-stats {
-        grid-template-columns: 1fr 1fr !important;
-    }
-}
-
-/* Product Pages Styles */
-.product-hero {
-    padding: 120px 0 80px;
-    min-height: 60vh;
-    display: flex;
-    align-items: center;
-}
-
-.product-hero-content {
-    max-width: 800px;
-    margin: 0 auto;
-    text-align: center;
-    padding: 0 var(--spacing-lg);
-}
-
-.breadcrumb {
-    margin-bottom: var(--spacing-lg);
-    color: var(--text-secondary);
-    font-size: var(--font-size-sm);
-}
-
-.breadcrumb a {
-    color: var(--primary-color);
-    text-decoration: none;
-}
-
-.breadcrumb span {
-    margin: 0 var(--spacing-sm);
-}
-
-.product-hero-title {
-    font-size: var(--font-size-4xl);
-    font-weight: 700;
-    line-height: 1.2;
-    margin-bottom: var(--spacing-lg);
-}
-
-.product-hero-description {
-    font-size: var(--font-size-lg);
-    color: var(--text-secondary);
-    margin-bottom: var(--spacing-2xl);
-    line-height: 1.6;
-}
-
-.product-hero-features {
-    display: flex;
-    justify-content: center;
-    gap: var(--spacing-2xl);
-    flex-wrap: wrap;
-}
-
-.hero-feature {
-    display: flex;
-    align-items: center;
-    gap: var(--spacing-sm);
-    color: var(--primary-color);
-    font-weight: 500;
-}
-
-.hero-feature svg {
-    width: 16px;
-    height: 16px;
-}
-
-/* Package Cards */
-.packages {
-    padding: var(--spacing-3xl) 0;
-}
-
-.packages-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-    gap: var(--spacing-2xl);
-}
-
-.package-card {
-    padding: var(--spacing-2xl);
-    position: relative;
-    text-align: center;
-}
-
-.package-header {
-    margin-bottom: var(--spacing-xl);
-}
-
-.package-name {
-    font-size: var(--font-size-xl);
-    font-weight: 600;
-    margin-bottom: var(--spacing-md);
-}
-
-.package-price {
-    margin-bottom: var(--spacing-xl);
-}
-
-.package-price .price {
-    font-size: var(--font-size-3xl);
-    font-weight: 700;
-    color: var(--primary-color);
-}
-
-.package-price .period {
-    color: var(--text-secondary);
-    font-size: var(--font-size-base);
-}
-
-.package-specs {
-    margin-bottom: var(--spacing-xl);
-    text-align: left;
-}
-
-.spec-item {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: var(--spacing-sm) 0;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-}
-
-.spec-label {
-    color: rgba(255, 255, 255, 0.8);
-}
-
-.spec-value {
-    font-weight: 600;
-    color: var(--white);
-}
-
-.package-features {
-    margin-bottom: var(--spacing-xl);
-    text-align: left;
-}
-
-.package-features .feature {
-    padding: var(--spacing-xs) 0;
-    color: rgba(255, 255, 255, 0.9);
-    font-size: var(--font-size-sm);
-}
-
-/* Technical Details */
-.technical-details,
-.mail-features,
-.web-features,
-.vps-features {
-    padding: var(--spacing-3xl) 0;
-    background: rgba(255, 255, 255, 0.05);
-}
-
-.details-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-    gap: var(--spacing-lg);
-}
-
-.detail-card {
-    padding: var(--spacing-lg);
-    text-align: center;
-}
-
-.detail-icon {
-    width: 32px;
-    height: 32px;
-    margin: 0 auto var(--spacing-md);
-    color: var(--primary-color);
-}
-
-.detail-card h3 {
-    font-size: var(--font-size-base);
-    font-weight: 600;
-    margin-bottom: var(--spacing-sm);
-}
-
-.detail-card p {
-    color: var(--text-secondary);
-    line-height: 1.5;
-    font-size: var(--font-size-sm);
-}
-
-/* Use Cases */
-.use-cases {
-    padding: var(--spacing-3xl) 0;
-}
-
-.use-cases-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
-    gap: var(--spacing-lg);
-}
-
-.use-case-item {
-    padding: var(--spacing-lg);
-}
-
-.use-case-item h3 {
-    font-size: var(--font-size-base);
-    font-weight: 600;
-    margin-bottom: var(--spacing-sm);
-    color: var(--primary-color);
-}
-
-.use-case-item p {
-    color: var(--text-secondary);
-    line-height: 1.5;
-    font-size: var(--font-size-sm);
-}
-
-/* Operating Systems Grid */
-.operating-systems,
-.technologies,
-.cms-support {
-    padding: var(--spacing-3xl) 0;
-}
-
-.os-grid,
-.tech-grid,
-.cms-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-    gap: var(--spacing-md);
-}
-
-.os-item,
-.tech-item,
-.cms-item {
-    padding: var(--spacing-md);
-    text-align: center;
-}
-
-.os-icon,
-.tech-icon {
-    width: 28px;
-    height: 28px;
-    margin: 0 auto var(--spacing-sm);
-    color: var(--primary-color);
-}
-
-.cms-logo {
-    width: 40px;
-    height: 40px;
-    margin: 0 auto var(--spacing-sm);
-    background: linear-gradient(135deg, var(--primary-color), var(--accent-color-1));
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-weight: 700;
-    font-size: var(--font-size-base);
-    color: var(--text-primary);
-}
-
-.os-item h3,
-.tech-item h3,
-.cms-item h3 {
-    font-size: var(--font-size-sm);
-    font-weight: 600;
-    margin-bottom: var(--spacing-xs);
-}
-
-.os-item p,
-.tech-item p,
-.cms-item p {
-    color: rgba(255, 255, 255, 0.7);
-    font-size: var(--font-size-xs);
-}
-
-/* Performance & Security */
-.performance-security {
-    padding: var(--spacing-3xl) 0;
-    background: rgba(255, 255, 255, 0.05);
-}
-
-.perf-sec-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-    gap: var(--spacing-lg);
-}
-
-.perf-sec-item {
-    padding: var(--spacing-lg);
-    text-align: center;
-}
-
-.perf-sec-icon {
-    width: 32px;
-    height: 32px;
-    margin: 0 auto var(--spacing-md);
-    color: var(--primary-color);
-}
-
-/* About Page Styles */
-.about-hero,
-.contact-hero {
-    padding: 120px 0 80px;
-    min-height: 60vh;
-    display: flex;
-    align-items: center;
-}
-
-.about-hero-content,
-.contact-hero-content {
-    max-width: 800px;
-    margin: 0 auto;
-    text-align: center;
-    padding: 0 var(--spacing-lg);
-}
-
-.about-hero-title,
-.contact-hero-title {
-    font-size: var(--font-size-4xl);
-    font-weight: 700;
-    line-height: 1.2;
-    margin-bottom: var(--spacing-lg);
-}
-
-.about-hero-description,
-.contact-hero-description {
-    font-size: var(--font-size-lg);
-    color: rgba(255, 255, 255, 0.8);
-    line-height: 1.6;
-}
-
-/* Company Story */
-.company-story {
-    padding: var(--spacing-3xl) 0;
-}
-
-.story-content {
-    display: grid;
-    grid-template-columns: 2fr 1fr;
-    gap: var(--spacing-3xl);
-    align-items: center;
-}
-
-.story-text p {
-    margin-bottom: var(--spacing-lg);
-    color: var(--text-secondary);
-    line-height: 1.6;
-}
-
-.story-visual {
-    padding: var(--spacing-2xl);
-    text-align: center;
-}
-
-.location-info {
-    margin-bottom: var(--spacing-2xl);
-}
-
-.location-icon {
-    width: 60px;
-    height: 60px;
-    margin: 0 auto var(--spacing-lg);
-    color: var(--primary-color);
-}
-
-.location-info h3 {
-    font-size: var(--font-size-lg);
-    font-weight: 600;
-    margin-bottom: var(--spacing-sm);
-}
-
-.location-details {
-    text-align: center;
-}
-
-.location-details p {
-    color: var(--text-secondary);
-    margin-bottom: var(--spacing-xs);
-    font-size: var(--font-size-sm);
-}
-
-.stats {
-    display: flex;
-    justify-content: space-around;
-    gap: var(--spacing-lg);
-}
-
-.stat-item {
-    text-align: center;
-}
-
-.stat-number {
-    display: block;
-    font-size: var(--font-size-2xl);
-    font-weight: 700;
-    color: var(--primary-color);
-    margin-bottom: var(--spacing-xs);
-}
-
-.stat-label {
-    font-size: var(--font-size-sm);
-    color: var(--text-secondary);
-}
-
-/* Mission */
-.mission {
-    padding: var(--spacing-3xl) 0;
-    background: rgba(255, 255, 255, 0.05);
-}
-
-.mission-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-    gap: var(--spacing-lg);
-}
-
-.mission-item {
-    padding: var(--spacing-lg);
-    text-align: center;
-}
-
-.mission-icon {
-    width: 32px;
-    height: 32px;
-    margin: 0 auto var(--spacing-md);
-    color: var(--primary-color);
-}
-
-/* Values */
-.values {
-    padding: var(--spacing-3xl) 0;
-}
-
-.values-grid {
-    display: grid !important;
-    grid-template-columns: repeat(4, 1fr) !important;
-    gap: var(--spacing-xl);
-    margin-top: var(--spacing-2xl);
-}
-
-.values-grid .value-item {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: var(--spacing-xl);
-    text-align: center;
-}
-
-.values-grid .value-icon {
-    width: 48px;
-    height: 48px;
-    margin-bottom: var(--spacing-lg);
-    color: var(--primary-color);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.values-grid .value-icon svg {
-    width: 100%;
-    height: 100%;
-}
-
-.values-grid .value-item h3 {
-    font-size: var(--font-size-lg);
-    font-weight: 600;
-    margin-bottom: var(--spacing-md);
-}
-
-.values-grid .value-item p {
-    color: var(--text-secondary);
-    line-height: 1.6;
-    font-size: var(--font-size-sm);
-}
-
-/* Team Section */
-.team {
-    padding: var(--spacing-3xl) 0;
-}
-
-.team-content {
-    margin-top: var(--spacing-2xl);
-}
-
-.team-text {
-    margin-bottom: var(--spacing-2xl);
-}
-
-.team-text p {
-    color: var(--text-secondary);
-    line-height: 1.6;
-    margin-bottom: var(--spacing-lg);
-}
-
-.team-stats {
-    display: grid !important;
-    grid-template-columns: repeat(4, 1fr) !important;
-    gap: var(--spacing-lg);
-    padding: var(--spacing-2xl);
-    text-align: center;
-}
-
-/* Technology Section */
-.technology {
-    padding: var(--spacing-3xl) 0;
-    background: rgba(255, 255, 255, 0.02);
-}
-
-.tech-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-    gap: var(--spacing-xl);
-    margin-top: var(--spacing-2xl);
-}
-
-.tech-item {
-    padding: var(--spacing-xl);
-    text-align: center;
-}
-
-.tech-item .tech-icon {
-    width: 48px;
-    height: 48px;
-    margin: 0 auto var(--spacing-lg);
-    color: var(--primary-color);
-}
-
-.tech-item h3 {
-    font-size: var(--font-size-lg);
-    font-weight: 600;
-    margin-bottom: var(--spacing-md);
-}
-
-.tech-item p {
-    color: var(--text-secondary);
-    line-height: 1.6;
-    font-size: var(--font-size-sm);
-}
-
-.value-number {
-    font-size: var(--font-size-2xl);
-    font-weight: 700;
-    color: var(--primary-color);
-    min-width: 60px;
-}
-
-.value-content h3 {
-    font-size: var(--font-size-lg);
-    font-weight: 600;
-    margin-bottom: var(--spacing-sm);
-}
-
-.value-content p {
-    color: rgba(255, 255, 255, 0.8);
-    line-height: 1.6;
-}
-
-/* Technology Stack */
-.technology-stack {
-    padding: var(--spacing-3xl) 0;
-    background: rgba(255, 255, 255, 0.05);
-}
-
-.tech-stack-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-    gap: var(--spacing-lg);
-}
-
-.tech-stack-item {
-    padding: var(--spacing-lg);
-    text-align: center;
-}
-
-.tech-icon {
-    width: 50px;
-    height: 50px;
-    margin: 0 auto var(--spacing-lg);
-    color: var(--primary-color);
-}
-
-/* Why Choose Us */
-.why-choose-us {
-    padding: var(--spacing-3xl) 0;
-}
-
-.advantages-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-    gap: var(--spacing-lg);
-}
-
-.advantage-item {
-    padding: var(--spacing-lg);
-    text-align: center;
-}
-
-.advantage-icon {
-    width: 32px;
-    height: 32px;
-    margin: 0 auto var(--spacing-md);
-    color: var(--primary-color);
-}
-
-/* Contact Page Styles */
-.contact-options {
-    padding: var(--spacing-3xl) 0;
-}
-
-.contact-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-    gap: var(--spacing-lg);
-}
-
-.contact-item {
-    padding: var(--spacing-lg);
-    text-align: center;
-}
-
-.contact-icon {
-    width: 32px;
-    height: 32px;
-    margin: 0 auto var(--spacing-md);
-    color: var(--primary-color);
-}
-
-.contact-link {
-    display: inline-block;
-    margin-top: var(--spacing-md);
-    color: var(--primary-color);
-    text-decoration: none;
-    font-weight: 600;
-    padding: var(--spacing-sm) var(--spacing-md);
-    border: 2px solid var(--primary-color);
-    border-radius: var(--radius-md);
-    transition: all var(--transition-base);
-}
-
-.contact-link:hover {
-    background: var(--primary-color);
-    color: var(--text-primary);
-}
-
-.chat-btn {
-    background: none;
-    cursor: pointer;
-}
-
-.contact-hours {
-    margin-top: var(--spacing-sm);
-    font-size: var(--font-size-sm);
-    color: var(--text-secondary);
-}
-
-/* Contact Form */
-.contact-form-section {
-    padding: var(--spacing-3xl) 0;
-    background: rgba(255, 255, 255, 0.05);
-}
-
-.form-container {
-    max-width: 800px;
-    margin: 0 auto;
-}
-
-.form-header {
-    text-align: center;
-    margin-bottom: var(--spacing-2xl);
-}
-
-.contact-form {
-    padding: var(--spacing-2xl);
-}
-
-.form-row {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: var(--spacing-lg);
-}
-
-.form-group {
-    margin-bottom: var(--spacing-lg);
-}
-
-.form-group label {
-    display: block;
-    margin-bottom: var(--spacing-sm);
-    color: var(--text-primary);
-    font-weight: 500;
-}
-
-.form-group input,
-.form-group select,
-.form-group textarea {
-    width: 100%;
-    padding: var(--spacing-md);
-    border: 1px solid rgba(255, 255, 255, 0.2);
-    border-radius: var(--radius-md);
-    background: rgba(255, 255, 255, 0.1);
-    color: var(--text-primary);
-    font-family: inherit;
-    transition: all var(--transition-base);
-}
-
-/* Spezielle Styling für Select-Elemente */
-.form-group select {
-    background: rgba(255, 255, 255, 0.1);
-    backdrop-filter: blur(10px);
-    -webkit-backdrop-filter: blur(10px);
-}
-
-.form-group select option {
-    background: rgba(13, 8, 33, 0.95);
-    color: var(--text-primary);
-    padding: var(--spacing-sm);
-}
-
-.form-group input:focus,
-.form-group select:focus,
-.form-group textarea:focus {
-    outline: none;
-    border-color: var(--primary-color);
-    background: rgba(255, 255, 255, 0.15);
-}
-
-.form-group input::placeholder,
-.form-group textarea::placeholder {
-    color: var(--text-secondary);
-}
-
-.checkbox-group {
-    display: flex;
-    align-items: flex-start;
-    gap: var(--spacing-sm);
-}
-
-.checkbox-label {
-    display: flex;
-    align-items: flex-start;
-    gap: var(--spacing-sm);
-    cursor: pointer;
-    font-size: var(--font-size-sm);
-    line-height: 1.4;
-}
-
-.checkbox-label input[type="checkbox"] {
-    width: auto;
-    margin: 0;
-}
-
-.checkmark {
-    width: 20px;
-    height: 20px;
-    border: 2px solid rgba(255, 255, 255, 0.3);
-    border-radius: var(--radius-sm);
-    background: transparent;
-    position: relative;
-    flex-shrink: 0;
-    margin-top: 2px;
-}
-
-.checkbox-label input[type="checkbox"]:checked + .checkmark {
-    background: var(--primary-color);
-    border-color: var(--primary-color);
-}
-
-.checkbox-label input[type="checkbox"]:checked + .checkmark::after {
-    content: '✓';
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    color: var(--white);
-    font-size: 12px;
-    font-weight: bold;
-}
-
-.checkbox-label a {
-    color: var(--primary-color);
-    text-decoration: none;
-}
-
-.checkbox-label a:hover {
-    text-decoration: underline;
-}
-
-.form-actions {
-    display: flex;
-    gap: var(--spacing-lg);
-    justify-content: center;
-    margin-top: var(--spacing-xl);
-}
-
-/* FAQ Section */
-.faq-section {
-    padding: var(--spacing-3xl) 0;
-}
-
-.faq-grid {
-    display: grid;
-    gap: var(--spacing-lg);
-    max-width: 800px;
-    margin: 0 auto;
-}
-
-.faq-item {
-    padding: 0;
-    overflow: hidden;
-    transition: all var(--transition-base);
-    border: 1px solid transparent;
-}
-
-.faq-item:hover {
-    border-color: var(--primary-color);
-    box-shadow: 0 0 20px rgba(255, 81, 249, 0.2);
-    transform: translateY(-2px);
-}
-
-.faq-question {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: var(--spacing-lg);
-    cursor: pointer;
-    transition: background var(--transition-base);
-}
-
-.faq-question h3 {
-    font-size: var(--font-size-lg);
-    font-weight: 600;
-    margin: 0;
-}
-
-.faq-toggle {
-    font-size: var(--font-size-2xl);
-    font-weight: 300;
-    color: var(--primary-color);
-    transition: transform var(--transition-base);
-}
-
-.faq-item.open .faq-toggle {
-    transform: rotate(45deg);
-}
-
-.faq-answer {
-    max-height: 0;
-    overflow: hidden;
-    transition: max-height var(--transition-base);
-}
-
-.faq-answer p {
-    padding: 0 var(--spacing-lg) var(--spacing-lg);
-    color: rgba(255, 255, 255, 0.8);
-    line-height: 1.6;
-    margin: 0;
-}
-
-/* Response Time */
-.response-time {
-    padding: var(--spacing-3xl) 0;
-    background: rgba(255, 255, 255, 0.05);
-}
-
-.response-content {
-    display: grid;
-    grid-template-columns: 2fr 1fr;
-    gap: var(--spacing-2xl);
-    align-items: center;
-    padding: var(--spacing-2xl);
-}
-
-.response-stats {
-    display: flex;
-    justify-content: space-around;
-    gap: var(--spacing-lg);
-}
-
-.response-text h3 {
-    font-size: var(--font-size-xl);
-    font-weight: 600;
-    margin-bottom: var(--spacing-md);
-}
-
-.response-text p {
-    color: rgba(255, 255, 255, 0.8);
-    line-height: 1.6;
-}
-
-/* Additional responsive styles */
-@media (max-width: 768px) {
-    .product-hero-features {
-        gap: var(--spacing-lg);
-    }
-    
-    .hero-feature {
-        font-size: var(--font-size-sm);
-    }
-    
-    .packages-grid {
-        grid-template-columns: 1fr;
-    }
-    
-    .steps-grid {
-        grid-template-columns: 1fr;
-        gap: var(--spacing-lg);
-    }
-    
-    .benefits-grid {
-        grid-template-columns: 1fr;
-        gap: var(--spacing-lg);
-    }
-    
-    .story-content {
-        grid-template-columns: 1fr;
-    }
-    
-    .stats {
-        flex-direction: column;
-        gap: var(--spacing-md);
-    }
-    
-    .values-grid {
-        grid-template-columns: 1fr 1fr !important;
-    }
-    
-    .team-stats {
-        grid-template-columns: 1fr 1fr !important;
-    }
-    
-    .form-row {
-        grid-template-columns: 1fr;
-    }
-    
-    .response-content {
-        grid-template-columns: 1fr;
-        text-align: center;
-    }
-    
-    .response-stats {
-        flex-direction: column;
-        gap: var(--spacing-md);
-    }
-    
-    .form-actions {
-        flex-direction: column;
-        align-items: center;
-    }
-}
-
-/* ==========================================
-   LEGAL PAGES (Impressum, Datenschutz)
-   ========================================== */
-
-.legal-hero {
-    padding: calc(var(--header-height) + var(--spacing-2xl)) 0 var(--spacing-2xl);
-    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
-    text-align: center;
-}
-
-.legal-hero-content {
-    max-width: 800px;
-    margin: 0 auto;
-}
-
-.legal-hero-title {
-    font-size: clamp(2rem, 5vw, 3rem);
-    font-weight: 700;
-    margin-bottom: var(--spacing-md);
-    background: var(--gradient-primary);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-}
-
-.legal-hero-description {
-    font-size: 1.125rem;
-    color: var(--text-secondary);
-    max-width: 600px;
-    margin: 0 auto;
-}
-
-.legal-content {
-    padding: var(--spacing-2xl) 0;
-}
-
-.legal-container {
-    max-width: 900px;
-    margin: 0 auto;
-    display: flex;
-    flex-direction: column;
-    gap: var(--spacing-lg);
-}
-
-.legal-section {
-    padding: var(--spacing-xl);
-}
-
-.legal-section h2 {
-    font-size: 1.5rem;
-    font-weight: 600;
-    color: var(--text-primary);
-    margin-bottom: var(--spacing-md);
-    padding-bottom: var(--spacing-sm);
-    border-bottom: 2px solid var(--primary);
-}
-
-.legal-section h3 {
-    font-size: 1.125rem;
-    font-weight: 600;
-    color: var(--text-primary);
-    margin-bottom: var(--spacing-sm);
-    margin-top: var(--spacing-md);
-}
-
-.legal-section h3:first-child {
-    margin-top: 0;
-}
-
-.legal-block {
-    margin-bottom: var(--spacing-md);
-}
-
-.legal-block:last-child {
-    margin-bottom: 0;
-}
-
-.legal-block p {
-    color: var(--text-secondary);
-    line-height: 1.8;
-    margin-bottom: var(--spacing-sm);
-}
-
-.legal-block p:last-child {
-    margin-bottom: 0;
-}
-
-.legal-block a {
-    color: var(--primary);
-    text-decoration: none;
-    transition: color var(--transition-fast);
-}
-
-.legal-block a:hover {
-    color: var(--primary-light);
-    text-decoration: underline;
-}
-
-.legal-block ul,
-.legal-block ol {
-    margin: var(--spacing-sm) 0;
-    padding-left: var(--spacing-lg);
-    color: var(--text-secondary);
-}
-
-.legal-block li {
-    margin-bottom: var(--spacing-xs);
-    line-height: 1.7;
-}
-
-.legal-note {
-    font-size: 0.875rem;
-    color: var(--text-muted);
-    background: rgba(var(--primary-rgb), 0.1);
-    padding: var(--spacing-sm) var(--spacing-md);
-    border-radius: var(--radius-sm);
-    border-left: 3px solid var(--primary);
-}
-
-/* Legal Page Responsive */
-@media (max-width: 768px) {
-    .legal-section {
-        padding: var(--spacing-lg);
-    }
-    
-    .legal-section h2 {
-        font-size: 1.25rem;
-    }
-    
-    .legal-hero {
-        padding: calc(var(--header-height) + var(--spacing-xl)) 0 var(--spacing-xl);
-    }
-}
-
-/* ==========================================
-   COOKIE CONSENT BANNER
-   ========================================== */
-
-.cookie-consent {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    z-index: 10000;
-    background: rgba(13, 8, 33, 0.98);
-    backdrop-filter: blur(20px);
-    -webkit-backdrop-filter: blur(20px);
-    border-top: 1px solid var(--glass-border);
-    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.3);
-    transform: translateY(100%);
-    opacity: 0;
-    visibility: hidden;
-    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.cookie-consent.show {
-    transform: translateY(0);
-    opacity: 1;
-    visibility: visible;
-}
-
-.cookie-consent.hide {
-    transform: translateY(100%);
-    opacity: 0;
-    visibility: hidden;
-}
-
-.cookie-consent-container {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: var(--spacing-xl) var(--spacing-lg);
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: space-between;
-    gap: var(--spacing-lg);
-}
-
-.cookie-consent-content {
-    display: flex;
-    align-items: flex-start;
-    gap: var(--spacing-lg);
-    flex: 1;
-    min-width: 300px;
-}
-
-.cookie-consent-icon {
-    width: 48px;
-    height: 48px;
-    flex-shrink: 0;
-    color: var(--primary-color);
-}
-
-.cookie-consent-icon svg {
-    width: 100%;
-    height: 100%;
-}
-
-.cookie-consent-text h3 {
-    font-size: var(--font-size-lg);
-    font-weight: 600;
-    margin-bottom: var(--spacing-sm);
-    color: var(--text-primary);
-}
-
-.cookie-consent-text p {
-    font-size: var(--font-size-sm);
-    color: var(--text-secondary);
-    line-height: 1.6;
-    margin: 0;
-}
-
-.cookie-consent-text a {
-    color: var(--primary-color);
-    text-decoration: none;
-    font-weight: 500;
-}
-
-.cookie-consent-text a:hover {
-    text-decoration: underline;
-}
-
-.cookie-consent-actions {
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--spacing-md);
-    align-items: center;
-}
-
-.cookie-consent-actions .btn {
-    white-space: nowrap;
-}
-
-.btn-text {
-    background: transparent;
-    color: var(--text-secondary);
-    border: none;
-    padding: var(--spacing-sm) var(--spacing-md);
-    font-weight: 500;
-    cursor: pointer;
-    transition: color var(--transition-base);
-}
-
-.btn-text:hover {
-    color: var(--primary-color);
-}
-
-/* Cookie Settings Panel */
-.cookie-settings-panel {
-    border-top: 1px solid var(--glass-border);
-    background: rgba(0, 0, 0, 0.3);
-    animation: slideDown 0.3s ease-out;
-}
-
-@keyframes slideDown {
-    from {
-        opacity: 0;
-        transform: translateY(-10px);
-    }
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
-.cookie-settings-content {
-    max-width: 800px;
-    margin: 0 auto;
-    padding: var(--spacing-xl) var(--spacing-lg);
-}
-
-.cookie-settings-content h4 {
-    font-size: var(--font-size-lg);
-    font-weight: 600;
-    margin-bottom: var(--spacing-lg);
-    color: var(--text-primary);
-}
-
-.cookie-option {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: var(--spacing-md) 0;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-}
-
-.cookie-option:last-of-type {
-    border-bottom: none;
-}
-
-.cookie-option-info {
-    flex: 1;
-    padding-right: var(--spacing-lg);
-}
-
-.cookie-option-info strong {
-    display: block;
-    font-size: var(--font-size-base);
-    font-weight: 600;
-    color: var(--text-primary);
-    margin-bottom: var(--spacing-xs);
-}
-
-.cookie-option-info p {
-    font-size: var(--font-size-sm);
-    color: var(--text-secondary);
-    margin: 0;
-    line-height: 1.5;
-}
-
-/* Cookie Toggle Switch */
-.cookie-toggle {
-    position: relative;
-    display: inline-block;
-    width: 52px;
-    height: 28px;
-    flex-shrink: 0;
-}
-
-.cookie-toggle input {
-    opacity: 0;
-    width: 0;
-    height: 0;
-}
-
-.cookie-toggle-slider {
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(255, 255, 255, 0.2);
-    border-radius: 28px;
-    transition: all var(--transition-base);
-}
-
-.cookie-toggle-slider::before {
-    position: absolute;
-    content: "";
-    height: 22px;
-    width: 22px;
-    left: 3px;
-    bottom: 3px;
-    background: var(--text-primary);
-    border-radius: 50%;
-    transition: all var(--transition-base);
-}
-
-.cookie-toggle input:checked + .cookie-toggle-slider {
-    background: linear-gradient(135deg, var(--primary-color), var(--accent-color-1));
-}
-
-.cookie-toggle input:checked + .cookie-toggle-slider::before {
-    transform: translateX(24px);
-}
-
-.cookie-toggle.disabled .cookie-toggle-slider {
-    cursor: not-allowed;
-    opacity: 0.7;
-}
-
-.cookie-toggle input:focus + .cookie-toggle-slider {
-    box-shadow: 0 0 0 3px rgba(255, 81, 249, 0.3);
-}
-
-.cookie-settings-actions {
-    display: flex;
-    gap: var(--spacing-md);
-    justify-content: flex-end;
-    margin-top: var(--spacing-xl);
-    padding-top: var(--spacing-lg);
-    border-top: 1px solid rgba(255, 255, 255, 0.1);
-}
-
-/* Cookie Consent Responsive */
-@media (max-width: 768px) {
-    .cookie-consent-container {
-        flex-direction: column;
-        align-items: stretch;
-        padding: var(--spacing-lg);
-    }
-    
-    .cookie-consent-content {
-        flex-direction: column;
-        align-items: center;
-        text-align: center;
-    }
-    
-    .cookie-consent-icon {
-        width: 40px;
-        height: 40px;
-    }
-    
-    .cookie-consent-actions {
-        flex-direction: column;
-        width: 100%;
-    }
-    
-    .cookie-consent-actions .btn {
-        width: 100%;
-        justify-content: center;
-    }
-    
-    .cookie-settings-actions {
-        flex-direction: column;
-    }
-    
-    .cookie-settings-actions .btn {
-        width: 100%;
-    }
-    
-    .cookie-option {
-        flex-direction: column;
-        align-items: flex-start;
-        gap: var(--spacing-md);
-    }
-    
-    .cookie-option-info {
-        padding-right: 0;
-    }
-}
\ No newline at end of file
diff --git a/public/assets/js/contact.js b/public/assets/js/contact.js
deleted file mode 100644
index a27478b..0000000
--- a/public/assets/js/contact.js
+++ /dev/null
@@ -1,320 +0,0 @@
-// Contact page specific JavaScript
-(function() {
-    'use strict';
-
-    // FAQ Accordion functionality
-    function initFAQ() {
-        const faqItems = document.querySelectorAll('.faq-item');
-        
-        faqItems.forEach(item => {
-            const question = item.querySelector('.faq-question');
-            const answer = item.querySelector('.faq-answer');
-            const toggle = item.querySelector('.faq-toggle');
-            
-            question.addEventListener('click', function() {
-                const isOpen = item.classList.contains('open');
-                
-                // Close all other FAQ items
-                faqItems.forEach(otherItem => {
-                    if (otherItem !== item) {
-                        otherItem.classList.remove('open');
-                        const otherAnswer = otherItem.querySelector('.faq-answer');
-                        const otherToggle = otherItem.querySelector('.faq-toggle');
-                        otherAnswer.style.maxHeight = null;
-                        otherToggle.textContent = '+';
-                    }
-                });
-                
-                // Toggle current item
-                if (isOpen) {
-                    item.classList.remove('open');
-                    answer.style.maxHeight = null;
-                    toggle.textContent = '+';
-                } else {
-                    item.classList.add('open');
-                    answer.style.maxHeight = answer.scrollHeight + 'px';
-                    toggle.textContent = '−';
-                }
-            });
-        });
-    }
-
-    // Contact form handling
-    function initContactForm() {
-        const form = document.getElementById('contactForm');
-        
-        if (!form) return;
-        
-        form.addEventListener('submit', function(e) {
-            e.preventDefault();
-            
-            // Get form data
-            const formData = new FormData(form);
-            
-            // Basic validation
-            const data = {};
-            for (let [key, value] of formData.entries()) {
-                data[key] = value;
-            }
-            
-            if (!validateForm(data)) {
-                return;
-            }
-            
-            // Show loading state
-            const submitBtn = form.querySelector('button[type="submit"]');
-            const originalText = submitBtn.textContent;
-            submitBtn.textContent = 'Wird gesendet...';
-            submitBtn.disabled = true;
-            
-            // Send form data to PHP backend
-            fetch('contact-handler.php', {
-                method: 'POST',
-                body: formData
-            })
-            .then(response => response.json())
-            .then(data => {
-                // Reset button state
-                submitBtn.textContent = originalText;
-                submitBtn.disabled = false;
-                
-                if (data.success) {
-                    // Reset form
-                    form.reset();
-                    
-                    // Show success message
-                    showNotification(data.message, 'success');
-                    
-                    // Scroll to top
-                    window.scrollTo({ top: 0, behavior: 'smooth' });
-                } else {
-                    // Show error message
-                    showNotification(data.message, 'error');
-                    
-                    // Highlight missing fields if provided
-                    if (data.missing_fields) {
-                        data.missing_fields.forEach(field => {
-                            const fieldElement = document.getElementById(field);
-                            if (fieldElement) {
-                                fieldElement.style.borderColor = '#ff4d6d';
-                                setTimeout(() => {
-                                    fieldElement.style.borderColor = '';
-                                }, 3000);
-                            }
-                        });
-                    }
-                }
-            })
-            .catch(error => {
-                console.error('Error:', error);
-                showNotification('Ein Fehler ist aufgetreten. Bitte versuchen Sie es später erneut.', 'error');
-                submitBtn.textContent = originalText;
-                submitBtn.disabled = false;
-            });
-        });
-    }
-
-    // Form validation
-    function validateForm(data) {
-        const requiredFields = ['firstName', 'lastName', 'email', 'subject', 'message'];
-        const errors = [];
-        
-        // Check required fields
-        requiredFields.forEach(field => {
-            if (!data[field] || data[field].trim() === '') {
-                errors.push(`Das Feld "${getFieldLabel(field)}" ist erforderlich.`);
-            }
-        });
-        
-        // Email validation
-        if (data.email && !isValidEmail(data.email)) {
-            errors.push('Bitte geben Sie eine gültige E-Mail-Adresse ein.');
-        }
-        
-        // Privacy checkbox
-        if (!data.privacy) {
-            errors.push('Sie müssen der Datenschutzerklärung zustimmen.');
-        }
-        
-        if (errors.length > 0) {
-            showNotification(errors.join('\n'), 'error');
-            return false;
-        }
-        
-        return true;
-    }
-
-    // Helper function to get field labels
-    function getFieldLabel(fieldName) {
-        const labels = {
-            firstName: 'Vorname',
-            lastName: 'Nachname',
-            email: 'E-Mail-Adresse',
-            subject: 'Betreff',
-            message: 'Nachricht'
-        };
-        return labels[fieldName] || fieldName;
-    }
-
-    // Email validation
-    function isValidEmail(email) {
-        const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-        return re.test(email);
-    }
-
-    // Notification system (using the global one from main.js)
-    function showNotification(message, type = 'info') {
-        if (window.HexaHost && window.HexaHost.showNotification) {
-            window.HexaHost.showNotification(message, type);
-        } else {
-            // Fallback
-            alert(message);
-        }
-    }
-
-    // Live chat placeholder function
-    window.openLiveChat = function() {
-        showNotification('Live Chat wird geöffnet... (Demo-Funktion)', 'info');
-        // Here you would integrate with your actual live chat service
-        // For example: Tawk.to, Intercom, Zendesk Chat, etc.
-    };
-
-    // Auto-fill form based on URL parameters
-    function autofillForm() {
-        const urlParams = new URLSearchParams(window.location.search);
-        const packageParam = urlParams.get('package');
-        const productParam = urlParams.get('product');
-        
-        if (packageParam || productParam) {
-            const subjectSelect = document.getElementById('subject');
-            const messageTextarea = document.getElementById('message');
-            
-            if (packageParam) {
-                // Set subject based on package
-                const packageNames = {
-                    'vpc-starter': 'Virtual Private Container - Starter Paket',
-                    'vpc-business': 'Virtual Private Container - Business Paket',
-                    'vpc-professional': 'Virtual Private Container - Professional Paket',
-                    'vpc-enterprise': 'Virtual Private Container - Enterprise Paket',
-                    'vps-basic': 'Virtual Private Server - Basic Paket',
-                    'vps-standard': 'Virtual Private Server - Standard Paket',
-                    'vps-premium': 'Virtual Private Server - Premium Paket',
-                    'vps-enterprise': 'Virtual Private Server - Enterprise Paket',
-                    'mail-starter': 'Mail Gateway - Starter Paket',
-                    'mail-business': 'Mail Gateway - Business Paket',
-                    'mail-professional': 'Mail Gateway - Professional Paket',
-                    'mail-enterprise': 'Mail Gateway - Enterprise Paket',
-                    'web-starter': 'Webhosting - Starter Paket',
-                    'web-business': 'Webhosting - Business Paket',
-                    'web-professional': 'Webhosting - Professional Paket',
-                    'web-enterprise': 'Webhosting - Enterprise Paket'
-                };
-                
-                if (packageNames[packageParam]) {
-                    messageTextarea.value = `Hallo,\n\nich interessiere mich für das ${packageNames[packageParam]}.\n\nBitte senden Sie mir weitere Informationen und ein individuelles Angebot.\n\nVielen Dank!`;
-                    
-                    // Set appropriate subject
-                    if (packageParam.startsWith('vpc-')) {
-                        subjectSelect.value = 'vpc-anfrage';
-                    } else if (packageParam.startsWith('vps-')) {
-                        subjectSelect.value = 'vps-anfrage';
-                    } else if (packageParam.startsWith('mail-')) {
-                        subjectSelect.value = 'mail-gateway-anfrage';
-                    } else if (packageParam.startsWith('web-')) {
-                        subjectSelect.value = 'webhosting-anfrage';
-                    }
-                }
-            } else if (productParam) {
-                // Set subject based on product
-                const productSubjects = {
-                    'vpc': 'vpc-anfrage',
-                    'vps': 'vps-anfrage',
-                    'mail-gateway': 'mail-gateway-anfrage',
-                    'webhosting': 'webhosting-anfrage'
-                };
-                
-                if (productSubjects[productParam]) {
-                    subjectSelect.value = productSubjects[productParam];
-                    messageTextarea.value = `Hallo,\n\nich interessiere mich für Ihre ${productParam.replace('-', ' ')} Lösungen.\n\nBitte kontaktieren Sie mich für eine persönliche Beratung.\n\nVielen Dank!`;
-                }
-            }
-        }
-    }
-
-    // Form field enhancements
-    function enhanceFormFields() {
-        const inputs = document.querySelectorAll('input, select, textarea');
-        
-        inputs.forEach(input => {
-            // Add focus/blur effects
-            input.addEventListener('focus', function() {
-                this.parentElement.classList.add('focused');
-            });
-            
-            input.addEventListener('blur', function() {
-                if (!this.value) {
-                    this.parentElement.classList.remove('focused');
-                }
-            });
-            
-            // Check if field already has value (for autofilled forms)
-            if (input.value) {
-                input.parentElement.classList.add('focused');
-            }
-        });
-        
-        // Phone number formatting
-        const phoneInput = document.getElementById('phone');
-        if (phoneInput) {
-            phoneInput.addEventListener('input', function() {
-                // Simple German phone number formatting
-                let value = this.value.replace(/\D/g, '');
-                if (value.startsWith('49')) {
-                    value = '+' + value;
-                } else if (value.startsWith('0')) {
-                    value = '+49' + value.substring(1);
-                }
-                this.value = value;
-            });
-        }
-    }
-
-    // Accessibility improvements
-    function improveAccessibility() {
-        // Add ARIA labels to form elements
-        const requiredFields = document.querySelectorAll('input[required], select[required], textarea[required]');
-        requiredFields.forEach(field => {
-            field.setAttribute('aria-required', 'true');
-        });
-        
-        // Add keyboard navigation for FAQ
-        const faqQuestions = document.querySelectorAll('.faq-question');
-        faqQuestions.forEach(question => {
-            question.setAttribute('tabindex', '0');
-            question.setAttribute('role', 'button');
-            question.setAttribute('aria-expanded', 'false');
-            
-            question.addEventListener('keydown', function(e) {
-                if (e.key === 'Enter' || e.key === ' ') {
-                    e.preventDefault();
-                    this.click();
-                }
-            });
-        });
-    }
-
-    // Initialize everything when DOM is loaded
-    document.addEventListener('DOMContentLoaded', function() {
-        initFAQ();
-        initContactForm();
-        autofillForm();
-        enhanceFormFields();
-        improveAccessibility();
-        
-        // Show a welcome message for contact page
-        setTimeout(() => {
-            showNotification('💬 Haben Sie Fragen? Wir helfen gerne!', 'info');
-        }, 2000);
-    });
-
-})();
\ No newline at end of file
diff --git a/public/assets/js/cookie-consent.js b/public/assets/js/cookie-consent.js
deleted file mode 100644
index ce44911..0000000
--- a/public/assets/js/cookie-consent.js
+++ /dev/null
@@ -1,323 +0,0 @@
-/**
- * Cookie Consent Manager für HexaHost.de
- * DSGVO-konformes Cookie-Banner mit granularen Einstellungen
- */
-(function() {
-    'use strict';
-
-    // Cookie-Konfiguration
-    const COOKIE_NAME = 'hexahost_cookie_consent';
-    const COOKIE_EXPIRY_DAYS = 365;
-
-    // DOM-Elemente
-    const banner = document.getElementById('cookieConsent');
-    const settingsPanel = document.getElementById('cookieSettingsPanel');
-    const acceptAllBtn = document.getElementById('cookieAcceptAll');
-    const acceptEssentialBtn = document.getElementById('cookieAcceptEssential');
-    const settingsBtn = document.getElementById('cookieSettings');
-    const saveSettingsBtn = document.getElementById('cookieSaveSettings');
-    const closeSettingsBtn = document.getElementById('cookieCloseSettings');
-    const analyticsCheckbox = document.getElementById('cookieAnalytics');
-    const marketingCheckbox = document.getElementById('cookieMarketing');
-
-    /**
-     * Cookie-Hilfsfunktionen
-     */
-    const CookieUtils = {
-        set: function(name, value, days) {
-            const date = new Date();
-            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
-            const expires = 'expires=' + date.toUTCString();
-            document.cookie = name + '=' + JSON.stringify(value) + ';' + expires + ';path=/;SameSite=Lax;Secure';
-        },
-
-        get: function(name) {
-            const nameEQ = name + '=';
-            const cookies = document.cookie.split(';');
-            for (let i = 0; i < cookies.length; i++) {
-                let cookie = cookies[i].trim();
-                if (cookie.indexOf(nameEQ) === 0) {
-                    try {
-                        return JSON.parse(cookie.substring(nameEQ.length));
-                    } catch (e) {
-                        return null;
-                    }
-                }
-            }
-            return null;
-        },
-
-        delete: function(name) {
-            document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/;';
-        }
-    };
-
-    /**
-     * Cookie Consent Manager
-     */
-    const CookieConsent = {
-        // Standardeinstellungen
-        defaultConsent: {
-            essential: true,    // Immer aktiviert
-            analytics: false,
-            marketing: false,
-            timestamp: null
-        },
-
-        /**
-         * Initialisierung
-         */
-        init: function() {
-            if (!banner) return;
-
-            const consent = this.getConsent();
-            
-            if (consent && consent.timestamp) {
-                // Consent bereits gegeben - Banner verstecken
-                this.hideBanner();
-                this.applyConsent(consent);
-            } else {
-                // Zeige Banner
-                this.showBanner();
-            }
-
-            this.bindEvents();
-        },
-
-        /**
-         * Event-Listener binden
-         */
-        bindEvents: function() {
-            if (acceptAllBtn) {
-                acceptAllBtn.addEventListener('click', () => this.acceptAll());
-            }
-
-            if (acceptEssentialBtn) {
-                acceptEssentialBtn.addEventListener('click', () => this.acceptEssential());
-            }
-
-            if (settingsBtn) {
-                settingsBtn.addEventListener('click', () => this.showSettings());
-            }
-
-            if (saveSettingsBtn) {
-                saveSettingsBtn.addEventListener('click', () => this.saveSettings());
-            }
-
-            if (closeSettingsBtn) {
-                closeSettingsBtn.addEventListener('click', () => this.hideSettings());
-            }
-
-            // ESC-Taste zum Schließen der Einstellungen
-            document.addEventListener('keydown', (e) => {
-                if (e.key === 'Escape' && settingsPanel && settingsPanel.style.display !== 'none') {
-                    this.hideSettings();
-                }
-            });
-        },
-
-        /**
-         * Alle Cookies akzeptieren
-         */
-        acceptAll: function() {
-            const consent = {
-                essential: true,
-                analytics: true,
-                marketing: true,
-                timestamp: new Date().toISOString()
-            };
-            this.saveConsent(consent);
-            this.hideBanner();
-            this.applyConsent(consent);
-            this.showNotification('Alle Cookies wurden akzeptiert.', 'success');
-        },
-
-        /**
-         * Nur essenzielle Cookies akzeptieren
-         */
-        acceptEssential: function() {
-            const consent = {
-                essential: true,
-                analytics: false,
-                marketing: false,
-                timestamp: new Date().toISOString()
-            };
-            this.saveConsent(consent);
-            this.hideBanner();
-            this.applyConsent(consent);
-            this.showNotification('Nur notwendige Cookies wurden akzeptiert.', 'info');
-        },
-
-        /**
-         * Einstellungen speichern
-         */
-        saveSettings: function() {
-            const consent = {
-                essential: true,
-                analytics: analyticsCheckbox ? analyticsCheckbox.checked : false,
-                marketing: marketingCheckbox ? marketingCheckbox.checked : false,
-                timestamp: new Date().toISOString()
-            };
-            this.saveConsent(consent);
-            this.hideSettings();
-            this.hideBanner();
-            this.applyConsent(consent);
-            this.showNotification('Cookie-Einstellungen wurden gespeichert.', 'success');
-        },
-
-        /**
-         * Consent im Cookie speichern
-         */
-        saveConsent: function(consent) {
-            CookieUtils.set(COOKIE_NAME, consent, COOKIE_EXPIRY_DAYS);
-        },
-
-        /**
-         * Consent aus Cookie lesen
-         */
-        getConsent: function() {
-            return CookieUtils.get(COOKIE_NAME);
-        },
-
-        /**
-         * Consent anwenden (z.B. Analytics laden)
-         */
-        applyConsent: function(consent) {
-            // Dispatch Custom Event für andere Scripts
-            window.dispatchEvent(new CustomEvent('cookieConsentUpdated', {
-                detail: consent
-            }));
-
-            // Analytics aktivieren/deaktivieren
-            if (consent.analytics) {
-                this.enableAnalytics();
-            } else {
-                this.disableAnalytics();
-            }
-
-            // Marketing aktivieren/deaktivieren
-            if (consent.marketing) {
-                this.enableMarketing();
-            } else {
-                this.disableMarketing();
-            }
-        },
-
-        /**
-         * Analytics aktivieren (Placeholder für z.B. Google Analytics)
-         */
-        enableAnalytics: function() {
-            // Hier können Analytics-Scripts geladen werden
-            // Beispiel für Google Analytics:
-            // if (typeof gtag === 'undefined') {
-            //     const script = document.createElement('script');
-            //     script.src = 'https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID';
-            //     script.async = true;
-            //     document.head.appendChild(script);
-            // }
-            console.log('Analytics enabled');
-        },
-
-        /**
-         * Analytics deaktivieren
-         */
-        disableAnalytics: function() {
-            // Analytics-Cookies entfernen falls vorhanden
-            console.log('Analytics disabled');
-        },
-
-        /**
-         * Marketing aktivieren (Placeholder für Marketing-Tools)
-         */
-        enableMarketing: function() {
-            console.log('Marketing enabled');
-        },
-
-        /**
-         * Marketing deaktivieren
-         */
-        disableMarketing: function() {
-            console.log('Marketing disabled');
-        },
-
-        /**
-         * Banner anzeigen
-         */
-        showBanner: function() {
-            if (banner) {
-                banner.classList.remove('hide');
-                banner.classList.add('show');
-                banner.setAttribute('aria-hidden', 'false');
-                // Fokus auf ersten Button setzen für Accessibility
-                setTimeout(() => {
-                    if (acceptAllBtn) acceptAllBtn.focus();
-                }, 100);
-            }
-        },
-
-        /**
-         * Banner verstecken
-         */
-        hideBanner: function() {
-            if (banner) {
-                banner.classList.remove('show');
-                banner.classList.add('hide');
-                banner.setAttribute('aria-hidden', 'true');
-            }
-        },
-
-        /**
-         * Einstellungen-Panel anzeigen
-         */
-        showSettings: function() {
-            if (settingsPanel) {
-                // Aktuelle Einstellungen in Checkboxen laden
-                const consent = this.getConsent() || this.defaultConsent;
-                if (analyticsCheckbox) analyticsCheckbox.checked = consent.analytics;
-                if (marketingCheckbox) marketingCheckbox.checked = consent.marketing;
-                
-                settingsPanel.style.display = 'block';
-                settingsPanel.setAttribute('aria-hidden', 'false');
-            }
-        },
-
-        /**
-         * Einstellungen-Panel verstecken
-         */
-        hideSettings: function() {
-            if (settingsPanel) {
-                settingsPanel.style.display = 'none';
-                settingsPanel.setAttribute('aria-hidden', 'true');
-            }
-        },
-
-        /**
-         * Notification anzeigen (nutzt HexaHost-Notification-System falls verfügbar)
-         */
-        showNotification: function(message, type) {
-            if (window.HexaHost && typeof window.HexaHost.showNotification === 'function') {
-                window.HexaHost.showNotification(message, type);
-            }
-        },
-
-        /**
-         * Consent zurücksetzen (für Datenschutz-Link)
-         */
-        resetConsent: function() {
-            CookieUtils.delete(COOKIE_NAME);
-            this.showBanner();
-            if (settingsPanel) settingsPanel.style.display = 'none';
-        }
-    };
-
-    // Initialisierung wenn DOM geladen
-    if (document.readyState === 'loading') {
-        document.addEventListener('DOMContentLoaded', () => CookieConsent.init());
-    } else {
-        CookieConsent.init();
-    }
-
-    // Globaler Zugriff für manuelle Steuerung
-    window.CookieConsent = CookieConsent;
-
-})();
diff --git a/public/assets/js/main.js b/public/assets/js/main.js
deleted file mode 100644
index 19429b6..0000000
--- a/public/assets/js/main.js
+++ /dev/null
@@ -1,310 +0,0 @@
-// Main JavaScript for HexaHost.de
-(function() {
-    'use strict';
-
-    // DOM Elements
-    const navToggle = document.querySelector('.nav-toggle');
-    const navMenu = document.querySelector('.nav-menu');
-    const navLinks = document.querySelectorAll('.nav-link');
-    const glassCards = document.querySelectorAll('.glass-card');
-    const productCards = document.querySelectorAll('.product-card');
-
-    // Mobile Navigation Toggle
-    if (navToggle && navMenu) {
-        navToggle.addEventListener('click', function() {
-            navMenu.classList.toggle('active');
-            navToggle.classList.toggle('active');
-        });
-
-        // Close mobile menu when clicking on a link
-        navLinks.forEach(link => {
-            link.addEventListener('click', function() {
-                navMenu.classList.remove('active');
-                navToggle.classList.remove('active');
-            });
-        });
-    }
-
-    // Smooth scrolling for anchor links
-    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
-        anchor.addEventListener('click', function(e) {
-            e.preventDefault();
-            const target = document.querySelector(this.getAttribute('href'));
-            if (target) {
-                target.scrollIntoView({
-                    behavior: 'smooth',
-                    block: 'start'
-                });
-            }
-        });
-    });
-
-    // Enhanced glass card hover effects
-    glassCards.forEach(card => {
-        card.addEventListener('mouseenter', function() {
-            this.style.transform = 'translateY(-8px) scale(1.02)';
-        });
-
-        card.addEventListener('mouseleave', function() {
-            this.style.transform = 'translateY(0) scale(1)';
-        });
-    });
-
-    // Product card interactive effects
-    productCards.forEach(card => {
-        card.addEventListener('mouseenter', function() {
-            if (!this.classList.contains('featured')) {
-                this.style.transform = 'translateY(-10px) scale(1.03)';
-            }
-        });
-
-        card.addEventListener('mouseleave', function() {
-            if (!this.classList.contains('featured')) {
-                this.style.transform = 'translateY(0) scale(1)';
-            }
-        });
-    });
-
-    // Intersection Observer for animations
-    const observerOptions = {
-        threshold: 0.1,
-        rootMargin: '0px 0px -50px 0px'
-    };
-
-    const observer = new IntersectionObserver(function(entries) {
-        entries.forEach(entry => {
-            if (entry.isIntersecting) {
-                entry.target.classList.add('animate-in');
-            }
-        });
-    }, observerOptions);
-
-    // Observe elements for animation
-    const animateElements = document.querySelectorAll('.glass-card, .feature-item, .product-card');
-    animateElements.forEach(el => {
-        observer.observe(el);
-    });
-
-    // Header scroll effect - always visible with transparency change
-    const header = document.querySelector('.header');
-    const hero = document.querySelector('.hero');
-
-    // 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) {
-                header.classList.add('scrolled');
-            } else {
-                header.classList.remove('scrolled');
-            }
-        }
-        
-        // 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 => {
-        form.addEventListener('submit', function(e) {
-            const requiredFields = form.querySelectorAll('[required]');
-            let isValid = true;
-
-            requiredFields.forEach(field => {
-                if (!field.value.trim()) {
-                    isValid = false;
-                    field.classList.add('error');
-                    
-                    // Remove error class on focus
-                    field.addEventListener('focus', function() {
-                        this.classList.remove('error');
-                    }, { once: true });
-                }
-            });
-
-            if (!isValid) {
-                e.preventDefault();
-                showNotification('Bitte füllen Sie alle Pflichtfelder aus.', 'error');
-            }
-        });
-    });
-
-    // Notification system
-    function showNotification(message, type = 'info') {
-        const notification = document.createElement('div');
-        notification.className = `notification notification-${type}`;
-        notification.textContent = message;
-        
-        notification.style.position = 'fixed';
-        notification.style.top = '20px';
-        notification.style.right = '20px';
-        notification.style.padding = '15px 20px';
-        notification.style.borderRadius = '8px';
-        notification.style.color = 'white';
-        notification.style.fontWeight = '500';
-        notification.style.zIndex = '9999';
-        notification.style.transform = 'translateX(400px)';
-        notification.style.transition = 'transform 0.3s ease-in-out';
-        
-        if (type === 'error') {
-            notification.style.background = 'linear-gradient(135deg, #ef4444, #dc2626)';
-        } else if (type === 'success') {
-            notification.style.background = 'linear-gradient(135deg, #10b981, #059669)';
-        } else {
-            notification.style.background = 'linear-gradient(135deg, #3b82f6, #2563eb)';
-        }
-        
-        document.body.appendChild(notification);
-        
-        // Animate in
-        setTimeout(() => {
-            notification.style.transform = 'translateX(0)';
-        }, 100);
-        
-        // Remove after 5 seconds
-        setTimeout(() => {
-            notification.style.transform = 'translateX(400px)';
-            setTimeout(() => {
-                if (notification.parentNode) {
-                    notification.parentNode.removeChild(notification);
-                }
-            }, 300);
-        }, 5000);
-    }
-
-    // Lazy loading for images
-    const images = document.querySelectorAll('img[data-src]');
-    const imageObserver = new IntersectionObserver((entries, observer) => {
-        entries.forEach(entry => {
-            if (entry.isIntersecting) {
-                const img = entry.target;
-                img.src = img.dataset.src;
-                img.classList.remove('lazy');
-                imageObserver.unobserve(img);
-            }
-        });
-    });
-
-    images.forEach(img => imageObserver.observe(img));
-
-    // Performance optimization: Debounce scroll events
-    function debounce(func, wait) {
-        let timeout;
-        return function executedFunction(...args) {
-            const later = () => {
-                clearTimeout(timeout);
-                func(...args);
-            };
-            clearTimeout(timeout);
-            timeout = setTimeout(later, wait);
-        };
-    }
-
-    // Apply debounce to scroll events
-    const debouncedScrollHandler = debounce(function() {
-        // Any scroll-based animations or calculations
-        updateScrollProgress();
-    }, 16); // ~60fps
-
-    window.addEventListener('scroll', debouncedScrollHandler);
-
-    // Scroll progress indicator
-    function updateScrollProgress() {
-        const scrollTop = window.pageYOffset;
-        const docHeight = document.body.scrollHeight - window.innerHeight;
-        const scrollPercent = (scrollTop / docHeight) * 100;
-        
-        // You can use this to show a progress bar
-        document.documentElement.style.setProperty('--scroll-progress', scrollPercent + '%');
-    }
-
-    // Dark mode toggle (future feature)
-    function initDarkMode() {
-        const darkModeToggle = document.querySelector('.dark-mode-toggle');
-        if (darkModeToggle) {
-            darkModeToggle.addEventListener('click', function() {
-                document.body.classList.toggle('dark-mode');
-                localStorage.setItem('darkMode', document.body.classList.contains('dark-mode'));
-            });
-
-            // Check for saved dark mode preference
-            if (localStorage.getItem('darkMode') === 'true') {
-                document.body.classList.add('dark-mode');
-            }
-        }
-    }
-
-    // FAQ Accordion functionality
-    function initFAQ() {
-        const faqItems = document.querySelectorAll('.faq-item');
-        
-        faqItems.forEach(item => {
-            const question = item.querySelector('.faq-question');
-            const answer = item.querySelector('.faq-answer');
-            
-            if (question && answer) {
-                question.addEventListener('click', function() {
-                    // Close all other FAQ items
-                    faqItems.forEach(otherItem => {
-                        if (otherItem !== item && otherItem.classList.contains('open')) {
-                            otherItem.classList.remove('open');
-                            const otherAnswer = otherItem.querySelector('.faq-answer');
-                            if (otherAnswer) {
-                                otherAnswer.style.maxHeight = null;
-                            }
-                        }
-                    });
-                    
-                    // Toggle current item
-                    item.classList.toggle('open');
-                    
-                    if (item.classList.contains('open')) {
-                        answer.style.maxHeight = answer.scrollHeight + 'px';
-                    } else {
-                        answer.style.maxHeight = null;
-                    }
-                });
-            }
-        });
-    }
-
-    // Initialize all features when DOM is loaded
-    document.addEventListener('DOMContentLoaded', function() {
-        initDarkMode();
-        initFAQ();
-        
-        // Add loading animation complete class
-        document.body.classList.add('loaded');
-        
-        // Show welcome message on first visit
-        if (!localStorage.getItem('hasVisited')) {
-            setTimeout(() => {
-                showNotification('Willkommen bei HexaHost.de! 🚀', 'success');
-                localStorage.setItem('hasVisited', 'true');
-            }, 1000);
-        }
-    });
-
-    // Export functions for global access if needed
-    window.HexaHost = {
-        showNotification: showNotification
-    };
-
-})();
\ No newline at end of file
diff --git a/public/config/config.php b/public/config/config.php
deleted file mode 100644
index 139fce6..0000000
--- a/public/config/config.php
+++ /dev/null
@@ -1,171 +0,0 @@
-<?php
-/**
- * HexaHost.de SMTP Konfiguration
- * 
- * WICHTIG: Ändern Sie diese Werte entsprechend Ihren SMTP-Einstellungen!
- * 
- * Beispiele für verschiedene E-Mail-Provider:
- * 
- * Gmail:
- * - smtp_host: smtp.gmail.com
- * - smtp_port: 587
- * - smtp_encryption: tls
- * 
- * Outlook/Hotmail:
- * - smtp_host: smtp-mail.outlook.com
- * - smtp_port: 587
- * - smtp_encryption: tls
- * 
- * GMX:
- * - smtp_host: mail.gmx.net
- * - smtp_port: 587
- * - smtp_encryption: tls
- * 
- * Web.de:
- * - smtp_host: smtp.web.de
- * - smtp_port: 587
- * - smtp_encryption: tls
- * 
- * Eigener Mail-Server:
- * - smtp_host: mail.ihre-domain.de
- * - smtp_port: 587 (oder 465 für SSL)
- * - smtp_encryption: tls (oder ssl)
- */
-
-// SMTP Konfiguration - HIER IHRE WERTE EINTRAGEN
-$smtp_config = [
-    // SMTP Server-Einstellungen
-    'smtp_host' => 'smtp.gmail.com',           // z.B. smtp.gmail.com
-    'smtp_port' => 587,                        // 587 für TLS, 465 für SSL
-    'smtp_username' => 'test@hexahost.de',     // z.B. info@hexahost.de
-    'smtp_password' => 'your-app-password',    // Ihr SMTP-Passwort
-    'smtp_encryption' => 'tls',                // 'tls' oder 'ssl'
-    
-    // Absender-Einstellungen
-    'from_email' => 'test@hexahost.de',        // Absender-E-Mail
-    'from_name' => 'HexaHost.de Kontaktformular', // Absender-Name
-    
-    // Empfänger-Einstellungen
-    'to_email' => 'info@hexahost.de',          // Empfänger-E-Mail
-    'to_name' => 'HexaHost Support',           // Empfänger-Name
-    
-    // Sicherheitseinstellungen
-    'max_requests_per_hour' => 5,              // Max. Anfragen pro Stunde pro IP
-    'honeypot_field' => 'website',             // Verstecktes Feld für Bot-Schutz
-    
-    // E-Mail-Template-Einstellungen
-    'email_template' => 'html',                // 'html' oder 'text'
-    'include_ip_address' => true,              // IP-Adresse in E-Mail anzeigen
-    'include_timestamp' => true,               // Zeitstempel in E-Mail anzeigen
-];
-
-// DNS-Einstellungen für Spam-Schutz (werden über DNS konfiguriert)
-$dns_config = [
-    // SPF Record (TXT Record in DNS)
-    'spf_record' => 'v=spf1 include:_spf.hexahost.de ~all',
-    
-    // DMARC Record (TXT Record in DNS)
-    'dmarc_record' => 'v=DMARC1; p=quarantine; rua=mailto:dmarc@hexahost.de',
-    
-    // DKIM wird über den Mail-Server konfiguriert
-];
-
-// Debug-Einstellungen (nur für Entwicklung)
-$debug_config = [
-    'debug_mode' => false,                     // Debug-Modus aktivieren
-    'log_errors' => true,                      // Fehler loggen
-    'log_file' => 'contact_form_errors.log',   // Log-Datei
-];
-
-// Exportiere Konfiguration für andere Dateien
-if (!defined('HEXAHOST_CONFIG_LOADED')) {
-    define('HEXAHOST_CONFIG_LOADED', true);
-    
-    // Globale Variablen für andere Dateien
-    $GLOBALS['hexahost_smtp_config'] = $smtp_config;
-    $GLOBALS['hexahost_dns_config'] = $dns_config;
-    $GLOBALS['hexahost_debug_config'] = $debug_config;
-}
-
-// Hilfsfunktion zum Abrufen der Konfiguration
-function getHexaHostConfig($key = null) {
-    global $smtp_config, $dns_config, $debug_config;
-    
-    if ($key === null) {
-        return array_merge($smtp_config, $dns_config, $debug_config);
-    }
-    
-    if (isset($smtp_config[$key])) {
-        return $smtp_config[$key];
-    }
-    
-    if (isset($dns_config[$key])) {
-        return $dns_config[$key];
-    }
-    
-    if (isset($debug_config[$key])) {
-        return $debug_config[$key];
-    }
-    
-    return null;
-}
-
-// Debug-Funktion
-function hexahostDebug($message, $type = 'info') {
-    global $debug_config;
-    
-    if (!$debug_config['debug_mode']) {
-        return;
-    }
-    
-    $timestamp = date('Y-m-d H:i:s');
-    $log_message = "[$timestamp] [$type] $message" . PHP_EOL;
-    
-    if ($debug_config['log_errors']) {
-        error_log($log_message, 3, $debug_config['log_file']);
-    }
-    
-    if ($debug_config['debug_mode']) {
-        echo "<!-- HexaHost Debug: $message -->\n";
-    }
-}
-
-// Validierung der SMTP-Konfiguration
-function validateSMTPConfig() {
-    $config = getHexaHostConfig();
-    $errors = [];
-    
-    // Prüfe ob alle erforderlichen Felder ausgefüllt sind
-    $required_fields = ['smtp_host', 'smtp_username', 'smtp_password', 'from_email', 'to_email'];
-    
-    foreach ($required_fields as $field) {
-        if (empty($config[$field]) || $config[$field] === 'YOUR_SMTP_' . strtoupper(substr($field, 5))) {
-            $errors[] = "Konfigurationsfehler: $field ist nicht korrekt eingestellt.";
-        }
-    }
-    
-    // Prüfe SMTP-Port
-    if (!is_numeric($config['smtp_port']) || $config['smtp_port'] < 1 || $config['smtp_port'] > 65535) {
-        $errors[] = "Konfigurationsfehler: Ungültiger SMTP-Port.";
-    }
-    
-    // Prüfe E-Mail-Format
-    if (!filter_var($config['from_email'], FILTER_VALIDATE_EMAIL)) {
-        $errors[] = "Konfigurationsfehler: Ungültige Absender-E-Mail.";
-    }
-    
-    if (!filter_var($config['to_email'], FILTER_VALIDATE_EMAIL)) {
-        $errors[] = "Konfigurationsfehler: Ungültige Empfänger-E-Mail.";
-    }
-    
-    return $errors;
-}
-
-// Zeige Konfigurationsfehler an (nur im Debug-Modus)
-if (getHexaHostConfig('debug_mode')) {
-    $config_errors = validateSMTPConfig();
-    if (!empty($config_errors)) {
-        hexahostDebug('SMTP-Konfigurationsfehler: ' . implode(', ', $config_errors), 'error');
-    }
-}
-?> 
\ No newline at end of file
diff --git a/public/config/mail-config.php b/public/config/mail-config.php
deleted file mode 100644
index 6e10b72..0000000
--- a/public/config/mail-config.php
+++ /dev/null
@@ -1,155 +0,0 @@
-<?php
-/**
- * HexaHost.de Mail Configuration
- * 
- * Bitte passen Sie die folgenden SMTP-Einstellungen an Ihre E-Mail-Provider an.
- * 
- * Beispiele für gängige Provider:
- * 
- * Gmail:
- * - SMTP_HOST = 'smtp.gmail.com'
- * - SMTP_PORT = 587
- * - SMTP_USERNAME = 'ihre-email@gmail.com'
- * - SMTP_PASSWORD = 'ihr-app-passwort'
- * 
- * Outlook/Hotmail:
- * - SMTP_HOST = 'smtp-mail.outlook.com'
- * - SMTP_PORT = 587
- * 
- * GMX:
- * - SMTP_HOST = 'mail.gmx.net'
- * - SMTP_PORT = 587
- * 
- * Web.de:
- * - SMTP_HOST = 'smtp.web.de'
- * - SMTP_PORT = 587
- * 
- * 1&1:
- * - SMTP_HOST = 'smtp.1und1.de'
- * - SMTP_PORT = 587
- * 
- * Strato:
- * - SMTP_HOST = 'smtp.strato.de'
- * - SMTP_PORT = 587
- * 
- * Ionos:
- * - SMTP_HOST = 'smtp.ionos.de'
- * - SMTP_PORT = 587
- */
-
-// SMTP Server Einstellungen
-define('SMTP_HOST', 'smtp.ihre-domain.de');        // Ihr SMTP-Server
-define('SMTP_PORT', 587);                          // SMTP-Port (meist 587 oder 465)
-define('SMTP_USERNAME', 'kontakt@ihre-domain.de'); // Ihr SMTP-Benutzername
-define('SMTP_PASSWORD', 'ihr-smtp-passwort');      // Ihr SMTP-Passwort
-
-// E-Mail Adressen
-define('SMTP_FROM_EMAIL', 'kontakt@hexahost.de');  // Absender-E-Mail (muss zu SMTP_USERNAME passen)
-define('SMTP_TO_EMAIL', 'info@hexahost.de');       // Empfänger-E-Mail für Kontaktformular
-
-// Sicherheitseinstellungen
-define('ENABLE_CSRF_PROTECTION', true);            // CSRF-Schutz aktivieren
-define('ENABLE_RATE_LIMITING', true);              // Rate-Limiting aktivieren
-define('MAX_REQUESTS_PER_HOUR', 10);               // Max. Anfragen pro Stunde
-
-// Spam-Schutz Einstellungen
-define('ENABLE_SPAM_PROTECTION', true);            // Spam-Schutz aktivieren
-define('MAX_MESSAGE_LENGTH', 5000);                // Max. Nachrichtenlänge
-define('MIN_MESSAGE_LENGTH', 10);                  // Min. Nachrichtenlänge
-
-// Debug-Einstellungen (nur für Entwicklung)
-define('DEBUG_MODE', false);                       // Debug-Modus (true/false)
-define('LOG_EMAILS', true);                        // E-Mails loggen (true/false)
-
-// Zusätzliche Sicherheitsheader
-define('ADDITIONAL_HEADERS', [
-    'X-Mailer' => 'HexaHost.de Contact Form',
-    'X-Priority' => '3',
-    'X-MSMail-Priority' => 'Normal',
-    'Importance' => 'Normal',
-    'X-Report-Abuse' => 'Please report abuse here: abuse@hexahost.de',
-    'List-Unsubscribe' => '<mailto:unsubscribe@hexahost.de>',
-    'Precedence' => 'bulk'
-]);
-
-// Erlaubte Domains für E-Mail-Adressen (optional)
-define('ALLOWED_EMAIL_DOMAINS', [
-    // Leer lassen für alle Domains zu erlauben
-    // 'gmail.com',
-    // 'outlook.com',
-    // 'web.de',
-    // 'gmx.de'
-]);
-
-// Blacklist für E-Mail-Adressen (optional)
-define('BLACKLISTED_EMAILS', [
-    // 'spam@example.com',
-    // 'test@test.com'
-]);
-
-// Validierung der Konfiguration
-if (!defined('SMTP_HOST') || !defined('SMTP_USERNAME') || !defined('SMTP_PASSWORD')) {
-    die('SMTP-Konfiguration ist unvollständig. Bitte überprüfen Sie die mail-config.php');
-}
-
-// Überprüfung der E-Mail-Adressen
-if (!filter_var(SMTP_FROM_EMAIL, FILTER_VALIDATE_EMAIL)) {
-    die('Ungültige SMTP_FROM_EMAIL Adresse');
-}
-
-if (!filter_var(SMTP_TO_EMAIL, FILTER_VALIDATE_EMAIL)) {
-    die('Ungültige SMTP_TO_EMAIL Adresse');
-}
-
-// Logging-Funktion
-function logEmail($type, $data) {
-    if (!LOG_EMAILS) return;
-    
-    $logFile = __DIR__ . '/../logs/email.log';
-    $logDir = dirname($logFile);
-    
-    if (!is_dir($logDir)) {
-        mkdir($logDir, 0755, true);
-    }
-    
-    $timestamp = date('Y-m-d H:i:s');
-    $logEntry = "[$timestamp] $type: " . json_encode($data) . "\n";
-    
-    file_put_contents($logFile, $logEntry, FILE_APPEND | LOCK_EX);
-}
-
-// Hilfsfunktion für E-Mail-Validierung
-function isValidEmail($email) {
-    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
-        return false;
-    }
-    
-    // Prüfe Blacklist
-    if (in_array($email, BLACKLISTED_EMAILS)) {
-        return false;
-    }
-    
-    // Prüfe Domain-Whitelist (falls gesetzt)
-    if (!empty(ALLOWED_EMAIL_DOMAINS)) {
-        $domain = substr(strrchr($email, "@"), 1);
-        if (!in_array($domain, ALLOWED_EMAIL_DOMAINS)) {
-            return false;
-        }
-    }
-    
-    return true;
-}
-
-// CSRF Token generieren
-function generateCSRFToken() {
-    if (!isset($_SESSION['csrf_token'])) {
-        $_SESSION['csrf_token'] = bin2hex(random_bytes(32));
-    }
-    return $_SESSION['csrf_token'];
-}
-
-// CSRF Token validieren
-function validateCSRFToken($token) {
-    return isset($_SESSION['csrf_token']) && hash_equals($_SESSION['csrf_token'], $token);
-}
-?> 
\ No newline at end of file
diff --git a/public/includes/footer.php b/public/includes/footer.php
deleted file mode 100644
index 13430fa..0000000
--- a/public/includes/footer.php
+++ /dev/null
@@ -1,131 +0,0 @@
-    <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">Virtual Private Container</a></li>
-                        <li><a href="/vps">Virtual Private Server</a></li>
-                        <li><a href="/mail-gateway">Mail Gateway</a></li>
-                        <li><a href="/webhosting">Webhosting</a></li>
-                    </ul>
-                </div>
-                <div class="footer-section">
-                    <h4>Unternehmen</h4>
-                    <ul>
-                        <li><a href="/about">Über uns</a></li>
-                        <li><a href="/contact">Kontakt</a></li>
-                        <li><a href="/impressum">Impressum</a></li>
-                        <li><a href="/datenschutz">Datenschutz</a></li>
-                        <li><a href="/agb">AGB</a></li>
-                        <li><a href="#" id="openCookieSettings" onclick="CookieConsent.resetConsent(); return false;">Cookie-Einstellungen</a></li>
-                    </ul>
-                </div>
-                <div class="footer-section">
-                    <h4>Support</h4>
-                    <ul>
-                        <li><a href="https://shop.hexahost.de/clientarea.php">Kunden-Center</a></li>
-                        <li><a href="https://shop.hexahost.de/serverstatus.php">Status</a></li>
-                        <li><a href="https://shop.hexahost.de/supporttickets.php">Support-Ticket</a></li>
-                        <li><a href="#">FAQ</a></li>
-                    </ul>
-                </div>
-            </div>
-            <div class="footer-bottom">
-                <p>&copy; <?php echo date('Y'); ?> HexaHost.de - Alle Rechte vorbehalten</p>
-            </div>
-        </div>
-    </footer>
-
-    <!-- Cookie Consent Banner -->
-    <div id="cookieConsent" class="cookie-consent" role="dialog" aria-labelledby="cookieConsentTitle" aria-describedby="cookieConsentDesc">
-        <div class="cookie-consent-container">
-            <div class="cookie-consent-content">
-                <div class="cookie-consent-icon">
-                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                        <circle cx="12" cy="12" r="10"/>
-                        <circle cx="8" cy="9" r="1" fill="currentColor"/>
-                        <circle cx="15" cy="8" r="1" fill="currentColor"/>
-                        <circle cx="10" cy="14" r="1" fill="currentColor"/>
-                        <circle cx="16" cy="13" r="1" fill="currentColor"/>
-                        <circle cx="13" cy="17" r="1" fill="currentColor"/>
-                    </svg>
-                </div>
-                <div class="cookie-consent-text">
-                    <h3 id="cookieConsentTitle">Cookie-Einstellungen</h3>
-                    <p id="cookieConsentDesc">
-                        Wir verwenden Cookies, um Ihnen die bestmögliche Erfahrung auf unserer Website zu bieten. 
-                        Technisch notwendige Cookies sind für die Funktionalität erforderlich. 
-                        <a href="/datenschutz">Mehr erfahren</a>
-                    </p>
-                </div>
-            </div>
-            <div class="cookie-consent-actions">
-                <button type="button" id="cookieAcceptAll" class="btn btn-primary">Alle akzeptieren</button>
-                <button type="button" id="cookieAcceptEssential" class="btn btn-secondary">Nur notwendige</button>
-                <button type="button" id="cookieSettings" class="btn btn-text">Einstellungen</button>
-            </div>
-        </div>
-        
-        <!-- Erweiterte Cookie-Einstellungen (standardmäßig versteckt) -->
-        <div id="cookieSettingsPanel" class="cookie-settings-panel" style="display: none;">
-            <div class="cookie-settings-content">
-                <h4>Cookie-Einstellungen</h4>
-                <div class="cookie-option">
-                    <div class="cookie-option-info">
-                        <strong>Notwendige Cookies</strong>
-                        <p>Diese Cookies sind für die Grundfunktionen der Website erforderlich.</p>
-                    </div>
-                    <label class="cookie-toggle disabled">
-                        <input type="checkbox" checked disabled>
-                        <span class="cookie-toggle-slider"></span>
-                    </label>
-                </div>
-                <div class="cookie-option">
-                    <div class="cookie-option-info">
-                        <strong>Analyse-Cookies</strong>
-                        <p>Helfen uns zu verstehen, wie Besucher unsere Website nutzen.</p>
-                    </div>
-                    <label class="cookie-toggle">
-                        <input type="checkbox" id="cookieAnalytics">
-                        <span class="cookie-toggle-slider"></span>
-                    </label>
-                </div>
-                <div class="cookie-option">
-                    <div class="cookie-option-info">
-                        <strong>Marketing-Cookies</strong>
-                        <p>Werden verwendet, um relevante Werbung anzuzeigen.</p>
-                    </div>
-                    <label class="cookie-toggle">
-                        <input type="checkbox" id="cookieMarketing">
-                        <span class="cookie-toggle-slider"></span>
-                    </label>
-                </div>
-                <div class="cookie-settings-actions">
-                    <button type="button" id="cookieSaveSettings" class="btn btn-primary">Einstellungen speichern</button>
-                    <button type="button" id="cookieCloseSettings" class="btn btn-secondary">Abbrechen</button>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <script src="assets/js/main.js" defer></script>
-    <script src="assets/js/cookie-consent.js" defer></script>
-    <?php if (isset($additional_scripts)): ?>
-        <?php foreach ($additional_scripts as $script): ?>
-            <script src="<?php echo $script; ?>" defer></script>
-        <?php endforeach; ?>
-    <?php endif; ?>
-</body>
-</html> 
\ No newline at end of file
diff --git a/public/includes/functions.php b/public/includes/functions.php
deleted file mode 100644
index 912433d..0000000
--- a/public/includes/functions.php
+++ /dev/null
@@ -1,98 +0,0 @@
-<?php
-/**
- * Helper functions for HexaHost.de
- */
-
-// Sichere Session-Konfiguration
-if (session_status() === PHP_SESSION_NONE) {
-    // Session-Cookie-Sicherheit
-    ini_set('session.cookie_httponly', 1);
-    ini_set('session.cookie_secure', isset($_SERVER['HTTPS']) ? 1 : 0);
-    ini_set('session.cookie_samesite', 'Strict');
-    ini_set('session.use_strict_mode', 1);
-    ini_set('session.use_only_cookies', 1);
-    
-    session_start();
-    
-    // Session-ID regenerieren bei Login/wichtigen Aktionen (Schutz vor Session Fixation)
-    if (!isset($_SESSION['initiated'])) {
-        session_regenerate_id(true);
-        $_SESSION['initiated'] = true;
-    }
-}
-
-// PHP Error Display in Produktion deaktivieren
-if (!defined('DEBUG_MODE') || !DEBUG_MODE) {
-    ini_set('display_errors', 0);
-    ini_set('display_startup_errors', 0);
-    error_reporting(E_ALL);
-    ini_set('log_errors', 1);
-}
-
-/**
- * Set page configuration and include header
- * 
- * @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($title = '', $description = '', $page = '', $scripts = []) {
-    global $page_title, $page_description, $current_page, $additional_scripts;
-    
-    // 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';
-}
-
-/**
- * Include footer
- */
-function includeFooter() {
-    include 'includes/footer.php';
-}
-
-/**
- * Generate breadcrumb navigation
- * 
- * @param array $breadcrumbs Array of breadcrumb items [['title' => 'Home', 'url' => 'index.html'], ...]
- */
-function generateBreadcrumbs($breadcrumbs) {
-    echo '<div class="breadcrumb">';
-    $last_index = count($breadcrumbs) - 1;
-    
-    foreach ($breadcrumbs as $index => $item) {
-        if ($index === $last_index) {
-            // Last item (current page)
-            echo '<span>' . htmlspecialchars($item['title']) . '</span>';
-        } else {
-            // Link to other pages
-            echo '<a href="' . htmlspecialchars($item['url']) . '">' . htmlspecialchars($item['title']) . '</a>';
-            echo '<span>/</span>';
-        }
-    }
-    echo '</div>';
-}
-
-/**
- * Generate CSRF token for form security
- * 
- * @return string CSRF token
- */
-function generateCSRFToken() {
-    if (!isset($_SESSION['csrf_token'])) {
-        $_SESSION['csrf_token'] = bin2hex(random_bytes(32));
-    }
-    return $_SESSION['csrf_token'];
-}
-?> 
\ No newline at end of file
diff --git a/public/includes/header.php b/public/includes/header.php
deleted file mode 100644
index d2b4780..0000000
--- a/public/includes/header.php
+++ /dev/null
@@ -1,79 +0,0 @@
-<!DOCTYPE html>
-<html lang="de">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    
-    <!-- Performance: DNS Prefetch & Preconnect -->
-    <link rel="dns-prefetch" href="//fonts.googleapis.com">
-    <link rel="dns-prefetch" href="//fonts.gstatic.com">
-    <link rel="dns-prefetch" href="//cdn.hexahost.de">
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link rel="preconnect" href="https://cdn.hexahost.de" crossorigin>
-    
-    <!-- Performance: Preload kritischer Ressourcen -->
-    <link rel="preload" href="assets/css/style.css" as="style">
-    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" as="style">
-    
-    <title><?php echo isset($page_title) ? htmlspecialchars($page_title) : 'HexaHost.de - Zuverlässiges Hosting aus Niederbayern'; ?></title>
-    
-    <!-- SEO Meta Tags -->
-    <meta name="description" content="<?php echo isset($page_description) ? htmlspecialchars($page_description) : 'HexaHost.de - Zuverlässiges und preiswertes Hosting aus Niederbayern. VPS, VPC, Mail Gateway und Webhosting Lösungen.'; ?>">
-    <meta name="robots" content="index, follow">
-    <meta name="author" content="HexaHost.de">
-    <meta name="theme-color" content="#0d0821">
-    
-    <!-- Open Graph / Social Media -->
-    <meta property="og:type" content="website">
-    <meta property="og:site_name" content="HexaHost.de">
-    <meta property="og:title" content="<?php echo isset($page_title) ? htmlspecialchars($page_title) : 'HexaHost.de'; ?>">
-    <meta property="og:description" content="<?php echo isset($page_description) ? htmlspecialchars($page_description) : 'Zuverlässiges Hosting aus Niederbayern'; ?>">
-    <meta property="og:locale" content="de_DE">
-    
-    <!-- Main Stylesheet -->
-    <link rel="stylesheet" href="assets/css/style.css">
-    
-    <!-- Fonts -->
-    <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">
-    
-    <!-- Favicon -->
-    <link rel="icon" type="image/svg+xml" href="favicon.svg">
-    <link rel="apple-touch-icon" href="favicon.svg">
-    
-    <!-- Canonical URL (falls gesetzt) -->
-    <?php if (isset($canonical_url)): ?>
-    <link rel="canonical" href="<?php echo htmlspecialchars($canonical_url); ?>">
-    <?php endif; ?>
-</head>
-<body>
-    <header class="header">
-        <nav class="nav">
-            <div class="nav-container">
-                <div class="nav-logo">
-                    <a href="/">
-                        <img src="https://cdn.hexahost.de/assets/img/logo/8iFs123BynHQWHI5.png" alt="HexaHost.de Logo" class="logo-image">
-                    </a>
-                </div>
-                <ul class="nav-menu">
-                    <li><a href="/" class="nav-link <?php echo ($current_page === 'home') ? 'active' : ''; ?>">Home</a></li>
-                    <li class="nav-dropdown">
-                        <a href="#" class="nav-link <?php echo (in_array($current_page, ['vpc', 'vps', 'mail-gateway', 'webhosting'])) ? 'active' : ''; ?>">Produkte</a>
-                        <ul class="dropdown-menu">
-                            <li><a href="/vpc" class="<?php echo ($current_page === 'vpc') ? 'active' : ''; ?>">Virtual Private Container</a></li>
-                            <li><a href="/vps" class="<?php echo ($current_page === 'vps') ? 'active' : ''; ?>">Virtual Private Server</a></li>
-                            <li><a href="/mail-gateway" class="<?php echo ($current_page === 'mail-gateway') ? 'active' : ''; ?>">Mail Gateway</a></li>
-                            <li><a href="/webhosting" class="<?php echo ($current_page === 'webhosting') ? 'active' : ''; ?>">Webhosting</a></li>
-                        </ul>
-                    </li>
-                    <li><a href="/about" class="nav-link <?php echo ($current_page === 'about') ? 'active' : ''; ?>">Über uns</a></li>
-                    <li><a href="/contact" class="nav-link <?php echo ($current_page === 'contact') ? 'active' : ''; ?>">Kontakt</a></li>
-                </ul>
-                <div class="nav-toggle">
-                    <span></span>
-                    <span></span>
-                    <span></span>
-                </div>
-            </div>
-        </nav>
-    </header> 
\ No newline at end of file