<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Warenwirtschaft - MLM Software</title>
    
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
    
    <!-- Standard Components -->
    <link rel="stylesheet" type="text/css" href="assets/css/standard/std-components.css">
    
    <!-- Section Specific Styles -->
    <link rel="stylesheet" type="text/css" href="assets/css/sections/warenwirtschaft/bootstrap-overrides.css">
    <link rel="stylesheet" type="text/css" href="assets/css/sections/subpage-hero.css">
    <link rel="stylesheet" type="text/css" href="assets/css/sections/warenwirtschaft/intro.css">
    <link rel="stylesheet" type="text/css" href="assets/css/sections/warenwirtschaft.css">
    
    <!-- Layout & Base Styles -->
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <link rel="stylesheet" type="text/css" href="assets/css/header.css">
    <link rel="stylesheet" type="text/css" href="assets/css/footer.css">
    <link rel="icon" type="image/x-icon" href="assets/img/mlm-verwalter-favicon.ico">

    <!-- Icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<body>
    <div class="site-wrapper">
        <!-- Header wird per JavaScript eingefügt -->
        <header class="header header-main layout-sticky">
            <div class="layout-container">
                <!-- Logo -->
                <a class="navbar-brand" href="index.html">
                    <img src="assets/img/cropped-1-Logo-MLM-Verwalter-Blauf-300x40.png" alt="MLM Verwalter Logo">
                </a>
                <nav class="nav-menu">
                    <ul>
                        <li class="nav-item dropdown">
                            <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Module</a>
                            <div class="dropdown-menu mega-menu">
                                <div class="row">
                                    <div class="col-md-4">
                                        <h5>Verwaltung</h5>
                                        <div class="mega-menu-items">
                                            <a href="vertriebspartner-mit-stammbaum.html" class="dropdown-item">Partnermanagement</a>
                                            <a href="#" class="dropdown-item">Mitgliedsbereich</a>
                                            <a href="warenwirtschaft-auftragsverwaltung.html" class="dropdown-item">Warenwirtschaft</a>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <h5>Vertrieb</h5>
                                        <div class="mega-menu-items">
                                            <a href="#" class="dropdown-item">Shop</a>
                                            <a href="#" class="dropdown-item">Partnerprogramm</a>
                                            <a href="#" class="dropdown-item">Provisionsabrechnung</a>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <h5>Support</h5>
                                        <div class="mega-menu-items">
                                            <a href="#" class="dropdown-item">Erfolgsassistent</a>
                                            <a href="#" class="dropdown-item">Schnittstellen</a>
                                            <a href="#" class="dropdown-item">Weitere Infos</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li><a href="#preise">Preise</a></li>
                        <li><a href="#demo">Demo</a></li>
                        <li><a href="#kontakt">Kontakt</a></li>
                        <li><a href="#termin" class="btn-primary">Termin buchen</a></li>
                    </ul>
                </nav>
            </div>
        </header>

        <!-- Main Content -->
        <main>
            <!-- Hero Section -->
            <section class="subpage-hero warenwirtschaft animate">
                <!-- Floating Background Icons -->
                <div class="floating-icons">
                    <div class="floating-icon icon-1">
                        <i class="fas fa-boxes" aria-hidden="true"></i>
                    </div>
                    <div class="floating-icon icon-2">
                        <i class="fas fa-users" aria-hidden="true"></i>
                    </div>
                    <div class="floating-icon icon-3">
                        <i class="fas fa-tasks" aria-hidden="true"></i>
                    </div>
                    <div class="floating-icon icon-4">
                        <i class="fas fa-chart-line" aria-hidden="true"></i>
                    </div>
                </div>
                
                <div class="subpage-hero-content">
                    <div class="subpage-hero-icon">
                        <i class="fas fa-boxes"></i>
                    </div>
                    <p class="subpage-hero-tagline">Präzise · Einfach · Effektiv</p>
                    <h1 class="subpage-hero-title">Warenwirtschaft und Auftragsverwaltung</h1>
                    <p class="subpage-hero-subtitle">Verwalten Sie Aufträge, Lager, Kunden und vieles mehr effizient und einfach.</p>
                    <div class="subpage-hero-buttons">
                        <a href="#termin" class="btn btn-primary">JETZT TERMIN SICHERN</a>
                        <a href="#kontakt" class="btn btn-outline-primary">KONTAKT</a>
                    </div>
                </div>
            </section>

            <!-- Intro Section -->
            <section class="warenwirtschaft-intro">
                <div class="container">
                    <h2 class="section-title">Willkommen bei unserer Warenwirtschaftslösung</h2>
                    <div class="intro-text">
                        <p>Optimieren Sie Ihre Geschäftsprozesse mit unserer umfassenden Warenwirtschafts- und Auftragsverwaltungslösung!</p>
                        <p>Entdecken Sie, wie unsere flexible und benutzerfreundliche Lösung Ihnen dabei hilft, Ihre Unternehmensziele zu erreichen und Ihre täglichen Abläufe zu vereinfachen.</p>
                    </div>
                    
                    <div class="intro-features">
                        <div class="intro-feature">
                            <div class="icon-standard icon-standard--xl">
                                <i class="fas fa-box"></i>
                            </div>
                            <h3>Artikelverwaltung</h3>
                            <p>Verwalten Sie Ihr Inventar effizient</p>
                        </div>
                        <div class="intro-feature">
                            <div class="icon-standard icon-standard--xl">
                                <i class="fas fa-globe"></i>
                            </div>
                            <h3>Internationale Geschäfte</h3>
                            <p>Weltweite Geschäfte leicht gemacht</p>
                        </div>
                        <div class="intro-feature">
                            <div class="icon-standard icon-standard--xl">
                                <i class="fas fa-shopping-cart"></i>
                            </div>
                            <h3>Bestellverwaltung</h3>
                            <p>Optimierte Auftragsabwicklung</p>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Artikelmanagement Section -->
            <section class="article-management-section animate">
                <div class="container">
                    <div class="row mb-3">
                        <div class="col-12 text-center">
                            <h2>Artikelmanagement</h2>
                        </div>
                    </div>
                    
                    <div class="row align-items-center">
                        <div class="col-lg-6">
                            <div class="image-wrapper">
                                <img src="assets/img/Artikelmanagement.jpg" alt="Artikelmanagement Dashboard" class="img-fluid">
                                <div class="image-badge">
                                    <div class="icon-standard icon-standard--sm icon-standard--light">
                                        <i class="fas fa-check-circle"></i>
                                    </div>
                                    <span>Zentrale Verwaltung</span>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-lg-6">
                            <div class="content-wrapper">
                                <div class="intro-text">
                                    <p class="lead mb-4">Einfache und zentrale Verwaltung Ihrer Artikel.</p>
                                </div>
                                
                                <div class="feature-list">
                                    <div class="feature-item">
                                        <div class="icon-standard icon-standard--xl icon-standard--gradient">
                                            <i class="fas fa-box"></i>
                                        </div>
                                        <div class="feature-content">
                                            <h3>Artikel anlegen</h3>
                                            <p>Legen Sie beliebig viele Artikel in der Software an und verwalten Sie diese zentral. So behalten Sie stets den Überblick über Ihr Sortiment.</p>
                                        </div>
                                    </div>
                                    
                                    <div class="feature-item">
                                        <div class="icon-standard icon-standard--xl icon-standard--gradient">
                                            <i class="fas fa-gift"></i>
                                        </div>
                                        <div class="feature-content">
                                            <h3>Starterpakete</h3>
                                            <p>Erstellen Sie individuell anpassbare Starterpakete für neue Vertriebspartner bei der Registrierung, um den Einstieg zu optimieren.</p>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="info-box">
                                    <div class="icon-standard icon-standard--sm icon-standard--gradient">
                                        <i class="fas fa-info-circle"></i>
                                    </div>
                                    <p>Diese Funktion erleichtert die Organisation Ihrer Artikel und sorgt für einen reibungslosen Ablauf in Ihrem Vertrieb.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Internationaler Handel Section -->
            <section class="international-trade-section animate">
                <div class="container">
                    <div class="row mb-5">
                        <div class="col-12 text-center">
                            <h2 class="section-title">Internationaler Handel</h2>
                        </div>
                    </div>
                    
                    <div class="row align-items-center">
                        <div class="col-lg-6 order-lg-2">
                            <div class="trade-image-wrapper">
                                <img src="assets/img/Internationaler_Handel.jpg" alt="Internationaler Handel" class="img-fluid rounded shadow-lg">
                                <div class="floating-stats">
                                    <div class="stat-item">
                                        <div class="icon-standard icon-standard--sm icon-standard--gradient">
                                            <i class="fas fa-globe-europe"></i>
                                        </div>
                                        <span>Mehrere Währungen</span>
                                    </div>
                                    <div class="stat-item">
                                        <div class="icon-standard icon-standard--sm icon-standard--gradient">
                                            <i class="fas fa-building"></i>
                                        </div>
                                        <span>Multiple Standorte</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-lg-6 order-lg-1">
                            <div class="trade-content">
                                <div class="intro-text">
                                    <p class="lead">Unsere Warenwirtschaftslösung unterstützt Sie dabei, internationale Geschäfte effizient zu verwalten.</p>
                                </div>
                                
                                <div class="features-grid">
                                    <div class="feature-box">
                                        <div class="icon-standard icon-standard--xl icon-standard--gradient">
                                            <i class="fas fa-money-bill-wave"></i>
                                        </div>
                                        <div class="feature-content">
                                            <h3>Verschiedene Länder und Währungen</h3>
                                            <p>Verwalten Sie unterschiedliche Länder mit abweichenden Konditionen und mehreren Währungen, um globalen Handel zu erleichtern.</p>
                                        </div>
                                    </div>
                                    
                                    <div class="feature-box">
                                        <div class="icon-standard icon-standard--xl icon-standard--gradient">
                                            <i class="fas fa-building"></i>
                                        </div>
                                        <div class="feature-content">
                                            <h3>Betriebsstätten</h3>
                                            <p>Nutzen Sie die Möglichkeit, mehrere Betriebsstätten mit eigenen Rechnungsnummernkreisen zu führen. So behalten Sie stets den Überblick über Ihre internationalen Aktivitäten.</p>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="info-box mt-4">
                                    <div class="icon-standard icon-standard--sm icon-standard--gradient">
                                        <i class="fas fa-info-circle"></i>
                                    </div>
                                    <p>Diese Funktion erleichtert den internationalen Handel und sorgt für eine reibungslose Abwicklung Ihrer Geschäfte weltweit.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Bestellwesen & Versand Section -->
            <section class="order-shipping-section animate">
                <div class="container">
                    <div class="row mb-5">
                        <div class="col-12 text-center">
                            <h2 class="section-title">Bestellwesen & Versand</h2>
                            <p class="section-subtitle">Effiziente Verwaltung von der Bestellung bis zum Versand</p>
                        </div>
                    </div>

                    <div class="feature-cards-container">
                        <!-- Bestellwesen Card -->
                        <div class="row feature-card-row">
                            <div class="col-lg-7">
                                <div class="feature-card-content">
                                    <div class="feature-card-header">
                                        <div class="icon-standard icon-standard--xl">
                                            <i class="fas fa-shopping-cart"></i>
                                        </div>
                                        <h3>Bestellwesen</h3>
                                    </div>
                                    <p class="lead">Flexible und effiziente Möglichkeiten zur Bestellverwaltung.</p>
                                    
                                    <div class="feature-points">
                                        <div class="feature-point">
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fas fa-check-circle"></i>
                                            </div>
                                            <div class="feature-point-content">
                                                <h4>Bestellungen erfassen</h4>
                                                <p>Erfassen Sie Bestellungen über den integrierten Shop oder direkt in der Warenwirtschaft. So bleiben alle Bestellungen zentral und übersichtlich verwaltet.</p>
                                            </div>
                                        </div>
                                        <div class="feature-point">
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fas fa-edit"></i>
                                            </div>
                                            <div class="feature-point-content">
                                                <h4>Bearbeiten und stornieren</h4>
                                                <p>Bearbeiten Sie Bestellungen nach Bedarf und stornieren Sie diese problemlos, wenn nötig. Die einfache Suchfunktion hilft Ihnen, Bestellungen schnell zu finden und zu verwalten.</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="info-box">
                                        <div class="icon-standard icon-standard--sm">
                                            <i class="fas fa-info-circle"></i>
                                        </div>
                                        <p>Diese Funktion stellt sicher, dass Sie Ihre Bestellungen effizient und flexibel verwalten können, um einen reibungslosen Geschäftsablauf zu gewährleisten.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-5">
                                <div class="feature-card-image">
                                    <img src="assets/img/bestellwesen.jpg" alt="Bestellwesen Dashboard" class="img-fluid">
                                    <div class="floating-badge">
                                        <div class="icon-standard icon-standard--sm">
                                            <i class="fas fa-tasks"></i>
                                        </div>
                                        <span>Zentrale Verwaltung</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Versand Card -->
                        <div class="row feature-card-row">
                            <div class="col-lg-5">
                                <div class="feature-card-image">
                                    <img src="assets/img/versand.jpg" alt="Versandprozess" class="img-fluid">
                                    <div class="floating-badge">
                                        <div class="icon-standard icon-standard--sm">
                                            <i class="fas fa-truck"></i>
                                        </div>
                                        <span>DHL Integration</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-7">
                                <div class="feature-card-content">
                                    <div class="feature-card-header">
                                        <div class="icon-standard icon-standard--xl">
                                            <i class="fas fa-shipping-fast"></i>
                                        </div>
                                        <h3>Versand</h3>
                                    </div>
                                    <p class="lead">Unterstützung bei der effizienten Abwicklung von Versandprozessen.</p>
                                    
                                    <div class="feature-points">
                                        <div class="feature-point">
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fas fa-box"></i>
                                            </div>
                                            <div class="feature-point-content">
                                                <h4>Versandarten definieren</h4>
                                                <p>Legen Sie verschiedene Versandarten basierend auf Gewicht und Bestellwert fest, um Ihren Kunden flexible Optionen zu bieten.</p>
                                            </div>
                                        </div>
                                        <div class="feature-point">
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fas fa-truck-loading"></i>
                                            </div>
                                            <div class="feature-point-content">
                                                <h4>DHL-Schnittstelle</h4>
                                                <p>Nutzen Sie die integrierte DHL-Schnittstelle, um Versandprozesse zu automatisieren und den Versandstatus einfach nachzuverfolgen.</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="info-box">
                                        <div class="icon-standard icon-standard--sm">
                                            <i class="fas fa-info-circle"></i>
                                        </div>
                                        <p>Diese Funktion sorgt für eine reibungslose und effiziente Versandabwicklung, die sowohl Ihnen als auch Ihren Kunden zugutekommt.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Finanzen Section -->
            <section class="finance-section animate">
                <div class="container">
                    <div class="row mb-5">
                        <div class="col-12 text-center">
                            <h2 class="section-title">Finanzen & Steuern</h2>
                            <p class="section-subtitle">Professionelles Management Ihrer Finanzen</p>
                        </div>
                    </div>

                    <div class="finance-cards">
                        <!-- Steuer und Zahlung Card -->
                        <div class="finance-card">
                            <div class="card-header">
                                <div class="icon-standard icon-standard--xl icon-standard--inverse">
                                    <i class="fas fa-file-invoice-dollar"></i>
                                </div>
                                <h3>Steuer und Zahlung</h3>
                                <p class="lead">Umfassende Steuer- und Zahlungsmöglichkeiten</p>
                            </div>
                            
                            <div class="card-content">
                                <div class="image-side">
                                    <img src="assets/img/Steuer_und_Zahlung.jpg" alt="Zahlungsmanagement" class="feature-image">
                                    <div class="feature-badges">
                                        <span class="badge">
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fas fa-percentage"></i>
                                            </div>
                                            MwSt
                                        </span>
                                        <span class="badge">
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fab fa-paypal"></i>
                                            </div>
                                            PayPal
                                        </span>
                                        <span class="badge">
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fas fa-university"></i>
                                            </div>
                                            SEPA
                                        </span>
                                    </div>
                                </div>
                                
                                <div class="content-side">
                                    <h4>Mehrwertsteuer-Einstellungen</h4>
                                    <p>Passen Sie die Mehrwertsteuer für verschiedene Länder und Produkte an, um den gesetzlichen Anforderungen zu entsprechen.</p>
                                    
                                    <ul class="feature-list">
                                        <li>
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fas fa-credit-card"></i>
                                            </div>
                                            <div>
                                                <h4>Verschiedene Zahlungsarten</h4>
                                                <p>Bieten Sie Ihren Kunden eine Vielzahl von Zahlungsmöglichkeiten, einschließlich Kreditkarte, PayPal und Banküberweisung.</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fas fa-exchange-alt"></i>
                                            </div>
                                            <div>
                                                <h4>SEPA-Lastschriftverfahren</h4>
                                                <p>Nutzen Sie die SEPA-Schnittstelle für einfache und sichere Lastschriftzahlungen innerhalb der EU.</p>
                                            </div>
                                        </li>
                                    </ul>
                                    
                                    <div class="info-box">
                                        <div class="icon-standard icon-standard--sm">
                                            <i class="fas fa-shield-alt"></i>
                                        </div>
                                        <p>Diese Funktion stellt sicher, dass Ihre Steuer- und Zahlungsprozesse effizient und gesetzeskonform abgewickelt werden.</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Finanzmanagement Card -->
                        <div class="finance-card">
                            <div class="card-header">
                                <div class="icon-standard icon-standard--xl icon-standard--inverse">
                                    <i class="fas fa-chart-line"></i>
                                </div>
                                <h3>Finanzmanagement</h3>
                                <p class="lead">Wichtige Funktionen für das Finanzmanagement</p>
                            </div>
                            
                            <div class="card-content reverse">
                                <div class="content-side">
                                    <ul class="feature-list">
                                        <li>
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fas fa-file-invoice"></i>
                                            </div>
                                            <div>
                                                <h4>Offene Posten (OPOS)</h4>
                                                <p>Behalten Sie den Überblick über unbezahlte Rechnungen und offene Posten. Verwalten Sie Forderungen effizient und minimieren Sie Zahlungsausfälle.</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fas fa-exclamation-circle"></i>
                                            </div>
                                            <div>
                                                <h4>Mahnwesen</h4>
                                                <p>Automatisieren Sie Mahnprozesse und versenden Sie Mahnungen an Kunden mit offenen Rechnungen. So sorgen Sie für pünktliche Zahlungen und eine verbesserte Liquidität.</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fas fa-chart-bar"></i>
                                            </div>
                                            <div>
                                                <h4>Statistiken und Berichte</h4>
                                                <p>Exportieren Sie detaillierte Finanzstatistiken und Berichte im CSV-Format für eine einfache Weiterverarbeitung und Analyse.</p>
                                            </div>
                                        </li>
                                    </ul>
                                    
                                    <div class="info-box">
                                        <div class="icon-standard icon-standard--sm">
                                            <i class="fas fa-lightbulb"></i>
                                        </div>
                                        <p>Diese Funktionen unterstützen Sie dabei, Ihr Finanzmanagement effizient zu gestalten und die finanzielle Stabilität Ihres Unternehmens zu sichern.</p>
                                    </div>
                                </div>
                                
                                <div class="image-side">
                                    <img src="assets/img/Finanz-Abrechnungswesen.jpg" alt="Finanzmanagement" class="feature-image">
                                    <div class="feature-badges">
                                        <span class="badge">
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fas fa-file-invoice"></i>
                                            </div>
                                            OPOS
                                        </span>
                                        <span class="badge">
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fas fa-bell"></i>
                                            </div>
                                            Mahnwesen
                                        </span>
                                        <span class="badge">
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fas fa-chart-pie"></i>
                                            </div>
                                            Statistik
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Vermittler & Kunden Section -->
            <section class="partner-customer-section animate">
                <div class="container">
                    <div class="row mb-5">
                        <div class="col-12 text-center">
                            <h2 class="section-title">Vermittler & Kundenverwaltung</h2>
                            <p class="section-subtitle">Professionelles Management von Provisionen und Kundenbeziehungen</p>
                        </div>
                    </div>

                    <div class="feature-grid">
                        <!-- Vermittler und Rabattsystem Card -->
                        <div class="feature-card">
                            <div class="card-inner">
                                <div class="card-front">
                                    <div class="front-content">
                                        <div class="icon-circle">
                                            <i class="fas fa-percentage"></i>
                                        </div>
                                        <h3>Vermittler und Rabattsystem</h3>
                                        <p>Individuelle Provisions- und Rabattfunktionen für Strukturvertriebe</p>
                                        <span class="hover-hint">Für Details hovern</span>
                                    </div>
                                </div>
                                <div class="card-back">
                                    <div class="back-content">
                                        <h4>Provision beim Einkauf</h4>
                                        <p>In Strukturvertrieben können Vertriebspartner beim Kauf von Produkten sofort von ihrer Provisionsstufe profitieren. Je höher die Karrierestufe, desto günstiger der Einkaufspreis.</p>
                                        
                                        <h4>Rabattsystem</h4>
                                        <p>Erstellen Sie flexible Rabattklassen für unterschiedliche Kundengruppen wie Einzelhandel und Großhandel. So können Sie je nach Kunde verschiedene Rabatte für die gleichen Produkte anbieten.</p>
                                        
                                        <div class="feature-badges">
                                            <span class="badge"><i class="fas fa-chart-line"></i> Karrierestufen</span>
                                            <span class="badge"><i class="fas fa-tags"></i> Flexible Rabatte</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Kundenverwaltung Card -->
                        <div class="feature-card">
                            <div class="card-inner">
                                <div class="card-front">
                                    <div class="front-content">
                                        <div class="icon-circle">
                                            <i class="fas fa-users"></i>
                                        </div>
                                        <h3>Kundenverwaltung</h3>
                                        <p>Effiziente Verwaltung Ihrer Kunden</p>
                                        <span class="hover-hint">Für Details hovern</span>
                                    </div>
                                </div>
                                <div class="card-back">
                                    <div class="back-content">
                                        <ul class="feature-list">
                                            <li>
                                                <i class="fas fa-user-edit"></i>
                                                <div>
                                                    <h4>Kundendaten anlegen und bearbeiten</h4>
                                                    <p>Erfassen und verwalten Sie die Daten Ihrer Kunden, einschließlich Adressen, Telefonnummern und E-Mail-Adressen.</p>
                                                </div>
                                            </li>
                                            <li>
                                                <i class="fas fa-user-tie"></i>
                                                <div>
                                                    <h4>Zuständige Vermittler zuweisen</h4>
                                                    <p>Weisen Sie jeden Kunden einem zuständigen Vermittler zu, um die Betreuung zu optimieren.</p>
                                                </div>
                                            </li>
                                            <li>
                                                <i class="fas fa-search"></i>
                                                <div>
                                                    <h4>Einfache Kundensuche</h4>
                                                    <p>Nutzen Sie die Suchfunktion, um Kunden schnell zu finden und deren Daten einzusehen.</p>
                                                </div>
                                            </li>
                                            <li>
                                                <i class="fas fa-file-export"></i>
                                                <div>
                                                    <h4>Exportfunktion</h4>
                                                    <p>Exportieren Sie Kundenlisten für weitere Analysen oder Marketingaktionen.</p>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row mt-5">
                        <div class="col-12">
                            <div class="info-box text-center">
                                <div class="icon-standard icon-standard--sm icon-standard--gradient">
                                    <i class="fas fa-lightbulb"></i>
                                </div>
                                <p>Diese Funktionen ermöglichen eine effiziente und übersichtliche Verwaltung Ihrer Kundenbeziehungen sowie eine präzise Steuerung von Provisionen und Rabatten.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Lagerverwaltung Section -->
            <section class="inventory-section animate">
                <div class="container">
                    <div class="row mb-5">
                        <div class="col-12 text-center">
                            <h2 class="section-title">Lagerverwaltung</h2>
                            <p class="section-subtitle">Umfassende Funktionen zur effizienten Lagerverwaltung</p>
                        </div>
                    </div>

                    <div class="inventory-dashboard">
                        <div class="dashboard-header">
                            <div class="dashboard-preview">
                                <img src="assets/img/Lager-Bestandsmanagement.jpg" alt="Lagerverwaltung Dashboard" class="dashboard-image">
                                <div class="live-stats">
                                    <div class="stat-card">
                                        <i class="fas fa-box"></i>
                                        <div class="stat-content">
                                            <span class="stat-label">Lagerorte</span>
                                            <div class="stat-value">Multistandort</div>
                                        </div>
                                    </div>
                                    <div class="stat-card">
                                        <i class="fas fa-chart-line"></i>
                                        <div class="stat-content">
                                            <span class="stat-label">Bestandsführung</span>
                                            <div class="stat-value">Echtzeitüberwachung</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="feature-tiles">
                            <div class="feature-tile" data-tooltip="Präzise Bestandsführung">
                                <div class="tile-icon">
                                    <i class="fas fa-boxes"></i>
                                </div>
                                <div class="tile-content">
                                    <h3>Wareneingänge dokumentieren</h3>
                                    <p>Erfassen und überwachen Sie alle Wareneingänge, um den Lagerbestand stets aktuell zu halten.</p>
                                </div>
                            </div>

                            <div class="feature-tile" data-tooltip="Vermeiden Sie Engpässe">
                                <div class="tile-icon">
                                    <i class="fas fa-search"></i>
                                </div>
                                <div class="tile-content">
                                    <h3>Lagerbestände überwachen</h3>
                                    <p>Behalten Sie den Überblick über Ihre Lagerbestände und vermeiden Sie Engpässe.</p>
                                </div>
                            </div>

                            <div class="feature-tile" data-tooltip="Flexibles Standortmanagement">
                                <div class="tile-icon">
                                    <i class="fas fa-warehouse"></i>
                                </div>
                                <div class="tile-content">
                                    <h3>Verwaltung mehrerer Lagerorte</h3>
                                    <p>Verwalten Sie mehrere Lagerorte und behalten Sie den Überblick über Bestände an verschiedenen Standorten.</p>
                                </div>
                            </div>

                            <div class="feature-tile" data-tooltip="Automatische Nachbestellung">
                                <div class="tile-icon">
                                    <i class="fas fa-clipboard-check"></i>
                                </div>
                                <div class="tile-content">
                                    <h3>Mindestlagerbestände</h3>
                                    <p>Legen Sie Mindestlagerbestände fest, um sicherzustellen, dass stets ausreichend Ware vorhanden ist.</p>
                                </div>
                            </div>
                        </div>

                        <div class="info-panel">
                            <div class="icon-standard icon-standard--sm icon-standard--gradient">
                                <i class="fas fa-lightbulb"></i>
                            </div>
                            <p>Diese Funktionen ermöglichen eine präzise und effiziente Verwaltung Ihrer Lagerbestände, sodass Sie immer bestens über Ihre Warenbestände informiert sind.</p>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Abonnement & Kommunikation -->
            <section class="subscription-comm">
                <div class="container">
                    <!-- Kopfzeile -->
                    <div class="row mb-4">
                        <div class="col-12 text-center">
                            <h2 class="section-title">Abonnement & Kommunikation</h2>
                            <p class="section-subtitle">Effiziente Verwaltung und automatisierte Kommunikation</p>
                        </div>
                    </div>

                    <div class="row g-4">
                        <!-- Abonnementverwaltung -->
                        <div class="col-lg-6">
                            <div class="feature-box">
                                <div class="feature-header">
                                    <i class="fas fa-sync-alt"></i>
                                    <h3>Abonnementverwaltung</h3>
                                </div>
                                <div class="feature-content">
                                    <div class="feature-list">
                                        <div class="feature-item">
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fas fa-sync"></i>
                                            </div>
                                            <div class="feature-content">
                                                <h4>Automatische Verlängerung</h4>
                                                <p>Aktivierte Abonnements werden automatisch gemäß dem hinterlegten Rhythmus verlängert. Dies spart Zeit und reduziert den Verwaltungsaufwand.</p>
                                            </div>
                                        </div>

                                        <div class="feature-item">
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fas fa-sliders-h"></i>
                                            </div>
                                            <div class="feature-content">
                                                <h4>Flexible Anpassungen</h4>
                                                <p>Passen Sie den Verlängerungspreis und das Produkt bei Bedarf an, um den Bedürfnissen Ihrer Kunden gerecht zu werden.</p>
                                            </div>
                                        </div>

                                        <div class="feature-item">
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fas fa-list-alt"></i>
                                            </div>
                                            <div class="feature-content">
                                                <h4>Übersichtliche Verwaltung</h4>
                                                <p>Behalten Sie alle aktiven und abgelaufenen Abonnements im Blick und verwalten Sie diese zentral.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="info-text">
                                        Diese Funktionen ermöglichen eine einfache und effiziente Verwaltung von Abonnements, wodurch Ihre Kundenbindung gestärkt und Ihre Verwaltung vereinfacht wird.
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Kommunikation -->
                        <div class="col-lg-6">
                            <div class="feature-box">
                                <div class="feature-header">
                                    <i class="fas fa-comments"></i>
                                    <h3>Kommunikation und Dokumentation</h3>
                                </div>
                                <div class="feature-content">
                                    <div class="feature-list">
                                        <div class="feature-item">
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fas fa-file-alt"></i>
                                            </div>
                                            <div class="feature-content">
                                                <h4>Dokumentenerstellung</h4>
                                                <p>Erstellen und versenden Sie Rechnungen, Auftragsbestätigungen, Lieferscheine und Angebote direkt aus der Software.</p>
                                            </div>
                                        </div>

                                        <div class="feature-item">
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fas fa-envelope"></i>
                                            </div>
                                            <div class="feature-content">
                                                <h4>Automatische E-Mails</h4>
                                                <p>Automatisieren Sie E-Mail-Benachrichtigungen für Rechnungen, Mahnungen und Bestellbestätigungen. So bleiben Ihre Kunden stets informiert.</p>
                                            </div>
                                        </div>

                                        <div class="feature-item">
                                            <div class="icon-standard icon-standard--sm">
                                                <i class="fas fa-archive"></i>
                                            </div>
                                            <div class="feature-content">
                                                <h4>Zentrale Dokumentation</h4>
                                                <p>Alle Kommunikation und Dokumente werden zentral gespeichert und sind jederzeit abrufbar.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="info-text">
                                        Diese Funktion sorgt für eine effiziente und zuverlässige Kommunikation mit Ihren Kunden und eine umfassende Dokumentation aller Geschäftsvorgänge.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Nächste Sektion -->
            <section class="features-section">
                <!-- ... -->
            </section>
            
        </main>

        <!-- Footer wird per JavaScript eingefügt -->
        <div id="footer-placeholder"></div>
    </div>

    <!-- Scripts -->
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/animations.js"></script>
    <script src="assets/js/common.js"></script>
    <script>
        // Initialisiere Bootstrap-Komponenten
        document.addEventListener('DOMContentLoaded', function() {
            // Aktiviere Dropdowns
            var dropdownElementList = [].slice.call(document.querySelectorAll('.dropdown-toggle'));
            var dropdownList = dropdownElementList.map(function(dropdownToggleEl) {
                return new bootstrap.Dropdown(dropdownToggleEl);
            });
        });
    </script>
</body>
</html>
