<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Provisionsabrechnung in mehreren Ebenen - MLM Software</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- Layout System -->
    <link rel="stylesheet" href="assets/css/layout.css">
    <!-- Standard Components -->
    <link rel="stylesheet" href="assets/css/standard/std-components.css">
    <!-- Basis Styles -->
    <link rel="stylesheet" href="assets/css/style.css">
    <!-- Komponenten Styles -->
    <link rel="stylesheet" href="assets/css/sections/subpage-hero.css">
    <link rel="stylesheet" href="assets/css/sections/provisionsabrechnung/intro.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 -->
        <div id="header-placeholder"></div>

        <!-- Main Content -->
        <main>
            <!-- Hero Section -->
            <section class="subpage-hero provisionsabrechnung animate">
                <!-- Floating Background Icons -->
                <div class="floating-icons">
                    <div class="floating-icon icon-1">
                        <i class="fas fa-percentage" aria-hidden="true"></i>
                    </div>
                    <div class="floating-icon icon-2">
                        <i class="fas fa-chart-line" aria-hidden="true"></i>
                    </div>
                    <div class="floating-icon icon-3">
                        <i class="fas fa-calculator" aria-hidden="true"></i>
                    </div>
                    <div class="floating-icon icon-4">
                        <i class="fas fa-coins" aria-hidden="true"></i>
                    </div>
                </div>
                
                <div class="subpage-hero-content">
                    <div class="subpage-hero-icon">
                        <i class="fas fa-percentage"></i>
                    </div>
                    <p class="subpage-hero-tagline">Präzise · Einfach · Effektiv</p>
                    <h1 class="subpage-hero-title">Ihre Lösung für Provisionsabrechnungen</h1>
                    <p class="subpage-hero-subtitle">Nutzen Sie MLM Verwalter für eine fehlerfreie und effiziente Provisionsabrechnung in Ihrem Network-Marketing-Unternehmen.</p>
                    <div class="subpage-hero-buttons">
                        <a href="#termin" class="std-btn std-btn-primary">JETZT TERMIN SICHERN</a>
                        <a href="#kontakt" class="std-btn std-btn-outline-primary">KONTAKT</a>
                    </div>
                </div>
            </section>

            <!-- Vorteile Cards Section -->
            <section class="advantages-section">
                <div class="container">
                    <div class="row g-4">
                        <div class="col-lg-4">
                            <div class="advantage-card h-100 card-base">
                                <div class="card-icon">
                                    <div class="icon-standard icon-standard--xl">
                                        <i class="fas fa-calculator"></i>
                                    </div>
                                </div>
                                <h3>Präzise Berechnung</h3>
                                <p>Automatische Provisionsabrechnung über viele Ebenen - fehlerfrei und sekundenschnell.</p>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="advantage-card h-100 card-base">
                                <div class="card-icon">
                                    <div class="icon-standard icon-standard--xl">
                                        <i class="fas fa-puzzle-piece"></i>
                                    </div>
                                </div>
                                <h3>Flexible Pläne</h3>
                                <p>Erstellen Sie komplexe Vergütungsmodelle aus über 100 Bausteinen ohne Programmierung.</p>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="advantage-card h-100 card-base">
                                <div class="card-icon">
                                    <div class="icon-standard icon-standard--xl">
                                        <i class="fas fa-award"></i>
                                    </div>
                                </div>
                                <h3>Smarte Qualifikation</h3>
                                <p>Automatische Überprüfung und Anpassung von Karrierestufen basierend auf Ihren Kriterien.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Intro Section -->
            <section class="intro-section">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-8 text-center">
                            <p class="lead intro-text">Willkommen zur Provisionsabrechnung für Network-Marketing! Unsere Software hilft Ihnen, die Provisionen Ihrer Vertriebspartner einfach und effizient zu verwalten.</p>
                        </div>
                    </div>

                    <div class="row feature-boxes g-4 mt-4">
                        <div class="col-lg-4">
                            <div class="feature-box card-base">
                                <div class="feature-icon">
                                    <div class="icon-standard icon-standard--xl">
                                        <i class="fas fa-chart-bar"></i>
                                    </div>
                                </div>
                                <div class="feature-content">
                                    <h3>Übersicht und Kontrolle</h3>
                                    <p>Mit unserer Software behalten Sie den Überblick über alle Provisionen und können genau sehen, wer welche Beträge verdient hat.</p>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4">
                            <div class="feature-box card-base">
                                <div class="feature-icon">
                                    <div class="icon-standard icon-standard--xl">
                                        <i class="fas fa-calculator"></i>
                                    </div>
                                </div>
                                <div class="feature-content">
                                    <h3>Automatische Berechnungen</h3>
                                    <p>Einmal eingestellt, erledigt die Software alle Berechnungen automatisch und fehlerfrei.</p>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4">
                            <div class="feature-box card-base">
                                <div class="feature-icon">
                                    <div class="icon-standard icon-standard--xl">
                                        <i class="fas fa-sliders-h"></i>
                                    </div>
                                </div>
                                <div class="feature-content">
                                    <h3>Flexibel und anpassbar</h3>
                                    <p>Passen Sie die Provisionspläne und Karrierestufen ganz nach Ihren Bedürfnissen an.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Baukastensystem Section -->
            <section class="feature-section">
                <div class="container">
                    <div class="row justify-content-center mb-5">
                        <div class="col-12 text-center">
                            <h2 class="section-title d-inline-block">Baukastensystem für Provisionsmodelle</h2>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-12">
                            <p class="text-center mb-5">MLM Verwalter bietet ein flexibles Baukastensystem, das aus einer großen Anzahl von fertigen Provisionsmodulen und Funktionen besteht.</p>
                        </div>
                    </div>

                    <div class="row align-items-center mb-5">
                        <div class="col-lg-6">
                            <div class="feature-image">
                                <img src="assets/img/mlm-baukasten.jpg" alt="MLM Baukastensystem" class="img-fluid rounded shadow-lg">
                                <div class="feature-badge">
                                    <div class="icon-standard icon-standard--sm">
                                        <i class="fas fa-puzzle-piece"></i>
                                    </div>
                                    <span>100+ Module</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="feature-content ps-lg-4">
                                <div class="feature-item card-base mb-4">
                                    <div class="d-flex align-items-center">
                                        <div class="icon-standard icon-standard--xl me-4">
                                            <i class="fas fa-puzzle-piece"></i>
                                        </div>
                                        <div>
                                            <h3>Vielfältige Module</h3>
                                            <p>Wählen Sie aus etwa 100 fertigen Modulen, um verschiedene Provisionsmodelle zusammenzustellen.</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="feature-item card-base mb-4">
                                    <div class="d-flex align-items-center">
                                        <div class="icon-standard icon-standard--xl me-4">
                                            <i class="fas fa-cogs"></i>
                                        </div>
                                        <div>
                                            <h3>Einfache Anpassung</h3>
                                            <p>Konfigurieren Sie gängige Provisionsmodelle ohne Programmieraufwand.</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="feature-item card-base">
                                    <div class="d-flex align-items-center">
                                        <div class="icon-standard icon-standard--xl me-4">
                                            <i class="fas fa-check-circle"></i>
                                        </div>
                                        <div>
                                            <h3>Überprüfung der Qualifikationsstufen</h3>
                                            <p>Nutzen Sie die integrierten Funktionen, um die Qualifikationen Ihrer Vertriebspartner automatisch zu überprüfen.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row mt-5">
                        <div class="col-12">
                            <div class="info-box text-center bg-light p-4 rounded">
                                <div class="d-flex align-items-center justify-content-center">
                                    <i class="fas fa-lightbulb icon-standard icon-standard--sm me-3"></i>
                                    <p class="mb-0">Mit unserem Baukastensystem können Sie viele verschiedene Provisionspläne einfach und schnell an Ihre Bedürfnisse anpassen.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Flexible Provisionsmodelle Section -->
            <section class="feature-section bg-light">
                <div class="container">
                    <div class="row">
                        <div class="col-12 text-center mb-4">
                            <h2>Flexible Provisionsmodelle</h2>
                            <p class="lead">Unsere MLM Software bietet Ihnen die Möglichkeit, verschiedene Provisionsmodelle zu nutzen und individuell anzupassen.</p>
                        </div>
                    </div>
                    
                    <div class="row g-4">
                        <div class="col-lg-4">
                            <div class="feature-item">
                                <div class="icon-standard icon-standard--xl">
                                    <i class="fas fa-layer-group"></i>
                                </div>
                                <h3>Mehrstufige Abrechnung</h3>
                                <p>Legen Sie fest, wie viele Ebenen Provisionen erhalten sollen – ob 2 oder 20, Sie entscheiden.</p>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="feature-item">
                                <div class="icon-standard icon-standard--xl">
                                    <i class="fas fa-sitemap"></i>
                                </div>
                                <h3>Verschiedene Modelle</h3>
                                <p>Nutzen Sie Differenzprovisionen, Unilevel-Provisionen oder kombinierte Hybrid-Modelle, um das Beste aus allen Welten zu vereinen.</p>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="feature-item">
                                <div class="icon-standard icon-standard--xl">
                                    <i class="fas fa-sliders-h"></i>
                                </div>
                                <h3>Anpassbare Pläne</h3>
                                <p>Passen Sie die Provisionspläne ganz nach Ihren Bedürfnissen und der Struktur Ihres Netzwerks an.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Beispiel-Szenario Section -->
            <section class="scenario-section">
                <div class="container">
                    <div class="row">
                        <div class="col-12 text-center mb-4">
                            <h2>Beispiel-Szenario: Effiziente Provisionsabrechnung mit unserer Software</h2>
                        </div>
                    </div>
                    
                    <div class="row align-items-center mb-5">
                        <div class="col-lg-6">
                            <div class="scenario-content">
                                <div class="scenario-before">
                                    <h3 class="h4 mb-3">Die Herausforderung</h3>
                                    <p>Karl betreibt ein Network-Marketing-Unternehmen und hat Schwierigkeiten, die Provisionsabrechnungen für über 50 Ebenen zu verwalten. Ohne unsere Software verbringt er Stunden mit manuellen Berechnungen und Tabellen, was zu Fehlern und Unübersichtlichkeit führt.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="scenario-image text-center">
                                <img src="assets/img/provisionsabrechnung-herausforderung.jpg" alt="Herausforderung der Provisionsabrechnung" class="img-fluid rounded shadow-lg">
                            </div>
                        </div>
                    </div>

                    <div class="row align-items-center">
                        <div class="col-lg-6">
                            <div class="scenario-image text-center">
                                <img src="assets/img/provisionsabrechnung-loesung.jpg" alt="Lösung mit MLM Software" class="img-fluid rounded shadow-lg">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="scenario-content">
                                <div class="scenario-after">
                                    <h3 class="h4 mb-3">Die Lösung</h3>
                                    <p>Mit unserer Software ändert sich alles. Ein Mausklick und Karl sieht den gesamten Stammbaum, weiß genau, wer wie viel Umsatz gemacht hat und wie sich die Provisionsströme verteilen. Änderungen werden automatisch angepasst und die Berechnungen erfolgen fehlerfrei.</p>
                                    <p>Dank der flexiblen Provisionsmodelle kann Karl verschiedene Vergütungspläne einfach anpassen und konfigurieren. Die benutzerfreundliche Oberfläche ermöglicht es ihm, schnell Änderungen vorzunehmen und sicherzustellen, dass alle Provisionsabrechnungen korrekt sind.</p>
                                    <p>Durch die Nutzung des Baukastensystems konnte Karl ohne Programmierkenntnisse ein komplexes Provisionsmodell zusammenstellen, das perfekt auf die Bedürfnisse seines Netzwerks abgestimmt ist.</p>
                                    <div class="mt-4">
                                         <p class="text-highlight"><em>Mit unserer Software hat Karl seine Vertriebsorganisation fest im Griff und kann sich auf das Wesentliche konzentrieren: das Wachstum seines Unternehmens.</em></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </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>
