<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Shop für Ihre Vertriebspartner und Endkunden - MLM Software</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- Icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <!-- Standard Styles -->
    <link rel="stylesheet" href="assets/css/standard/STD-layout.css">
    <link rel="stylesheet" href="assets/css/standard/STD-components.css">
    <link rel="stylesheet" href="assets/css/standard/STD-utilities.css">
    <!-- Custom Styles -->
    <link rel="stylesheet" href="assets/css/custom/info-box-styles.css">
    <link rel="stylesheet" href="assets/css/custom/card-styles.css">
    <link rel="stylesheet" href="assets/css/custom/heading-styles.css">
    <link rel="stylesheet" href="assets/css/custom/button-styles.css">
    <link rel="stylesheet" href="assets/css/custom/badge-styles.css">
    <link rel="stylesheet" href="assets/css/custom/process-diagram-styles.css">
    <link rel="icon" type="image/x-icon" href="assets/img/mlm-verwalter-favicon.ico">
    <!-- Layout System -->
    <link rel="stylesheet" href="assets/css/layout.css">
    <!-- Basis Styles -->
    <link rel="stylesheet" href="assets/css/style.css">
    <!-- Main CSS -->
    <link rel="stylesheet" href="assets/css/main.css">
    <!-- Subpage Hero -->
    <link rel="stylesheet" href="assets/css/sections/subpage-hero.css">
    <!-- Shop Intro Styles -->
    <link rel="stylesheet" href="assets/css/sections/shop-2/intro.css">
    <!-- Components - ZULETZT, um Überschreibungen zu vermeiden -->
    <link rel="stylesheet" href="assets/css/components.css">
</head>
<body class="site-wrapper">
    <!-- Header wird per JavaScript eingefügt -->
    <div id="header-placeholder"></div>

    <!-- Main Content -->
    <main>
        <!-- Hero Section -->
        <section class="subpage-hero shop animate">
            <div class="subpage-hero-content">
                <div class="hero-icon">
                    <i class="fas fa-shopping-cart"></i>
                </div>
                <div class="hero-tagline">PRÄZISE - EINFACH - EFFEKTIV</div>
                <h1 class="hero-title">Integrierter Online-Shop</h1>
                <p class="hero-subtitle">Optimieren Sie Ihren Vertrieb mit unserem leistungsstarken Online-Shop-System.</p>
                <div class="hero-buttons">
                    <a href="#" class="btn btn-primary">JETZT TERMIN SICHERN</a>
                    <a href="#" class="btn btn-outline">KONTAKT</a>
                </div>
            </div>
            
            <!-- Floating Icons -->
            <div class="floating-icons">
                <i class="fas fa-shopping-cart"></i>
                <i class="fas fa-users"></i>
                <i class="fas fa-chart-line"></i>
                <i class="fas fa-cog"></i>
            </div>
        </section>

        <!-- Einführungssektion -->
        <section class="std-content-section animate">
            <div class="std-content-wrapper">
                <div class="std-content-element">
                    <!-- Section Header mit Badge -->
                    <div class="std-badge">
                        <i class="fas fa-key"></i>
                        <div class="std-badge-content">
                            <span class="std-badge-title">IHR SCHLÜSSEL ZUM ERFOLG</span>
                            <span class="std-tech-name">Entdecken Sie die Möglichkeiten</span>
                        </div>
                    </div>
                    <h2 class="heading-underline">Willkommen zu Ihrem integrierten Online-Shop</h2>
                    <p>Unser integrierter Online-Shop ist perfekt auf die Bedürfnisse von MLM-Vertrieben und Unternehmen mit Affiliate-Programmen abgestimmt.</p>

                    <!-- Content Cards -->
                    <div class="std-content-cards">
                        <!-- Features Card -->
                        <div class="std-content-card">
                            <!-- Feature Items -->
                            <div class="std-feature-items">
                                <div class="std-feature-item">
                                    <i class="fas fa-shopping-cart"></i>
                                    <div class="std-feature-item__content">
                                        <h4 class="std-feature-item__title">Nahtloser Produktverkauf</h4>
                                        <p class="std-feature-item__description">Verkaufen Sie Ihre Produkte einfach und effizient über unseren integrierten Online-Shop.</p>
                                    </div>
                                </div>

                                <div class="std-feature-item">
                                    <i class="fas fa-users"></i>
                                    <div class="std-feature-item__content">
                                        <h4 class="std-feature-item__title">Effiziente Partnerverwaltung</h4>
                                        <p class="std-feature-item__description">Verwalten Sie Ihre Vertriebspartner und deren Aktivitäten zentral und übersichtlich.</p>
                                    </div>
                                </div>

                                <div class="std-feature-item">
                                    <i class="fas fa-calculator"></i>
                                    <div class="std-feature-item__content">
                                        <h4 class="std-feature-item__title">Automatische Provisionsabrechnung</h4>
                                        <p class="std-feature-item__description">Lassen Sie Provisionen automatisch berechnen und verteilen für maximale Effizienz.</p>
                                    </div>
                                </div>
                            </div>

                            <!-- Info Box -->
                            <div class="std-integration-box">
                                <i class="fas fa-info-circle"></i>
                                <div class="std-integration-box__content">
                                    <p>Entdecken Sie, wie unser Shop Ihnen hilft, Ihr Geschäft effizient und kostengünstig zu betreiben, egal ob Sie gerade erst starten oder ein etabliertes Netzwerk ausbauen.</p>
                                </div>
                            </div>
                        </div>

                        <!-- Bild Card -->
                        <div class="std-content-card hover-lift">
                            <img src="assets/img/shop-dashboard.jpg" alt="Shop für Ihre Vertriebspartner und Endkunden" class="img-fluid">
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Vorteile Sektion -->
        <section class="std-content-section animate">
            <div class="std-content-wrapper">
                <div class="std-content-element">
                    <!-- Section Header mit Badge -->
                    <div class="std-badge">
                        <i class="fas fa-star"></i>
                        <div class="std-badge-content">
                            <span class="std-badge-title">IHRE VORTEILE</span>
                            <span class="std-tech-name">Entdecken Sie die Möglichkeiten</span>
                        </div>
                    </div>
                    <h2 class="heading-underline">Vorteile des integrierten Shops</h2>
                    <p>Der Online-Shop bietet zahlreiche Vorteile für Ihren Network-Vertrieb und Ihr Affiliate-Programm.</p>

                    <!-- Content Cards -->
                    <div class="std-content-cards">
                        <!-- Bild Card -->
                        <div class="std-content-card hover-lift">
                            <img src="assets/img/shop-benefits.jpg" alt="Shop für Ihre Vertriebspartner und Endkunden" class="img-fluid">
                        </div>

                        <!-- Features Card -->
                        <div class="std-content-card">
                            <!-- Feature Items -->
                            <div class="std-feature-items">
                                <div class="std-feature-item">
                                    <i class="fas fa-calculator"></i>
                                    <div class="std-feature-item__content">
                                        <h4 class="std-feature-item__title">Kosteneffizienz</h4>
                                        <p class="std-feature-item__description">Ideal für Startups und größere Unternehmen. Sie sparen Zeit und Ressourcen durch die Automatisierung von Geschäftsprozessen.</p>
                                    </div>
                                </div>

                                <div class="std-feature-item">
                                    <i class="fas fa-sliders-h"></i>
                                    <div class="std-feature-item__content">
                                        <h4 class="std-feature-item__title">Flexibilität</h4>
                                        <p class="std-feature-item__description">Passen Sie die Preisgestaltung je nach Kunden- und Partnerstatus an. Bieten Sie individuelle Rabatte und Konditionen für Ihre Vertriebspartner.</p>
                                    </div>
                                </div>

                                <div class="std-feature-item">
                                    <i class="fas fa-link"></i>
                                    <div class="std-feature-item__content">
                                        <h4 class="std-feature-item__title">Affiliate-Funktionen</h4>
                                        <p class="std-feature-item__description">Nutzen Sie individuelle Partner-Links, detaillierte Berichte und automatisierte Provisionsberechnungen, um Ihre Partner optimal zu unterstützen.</p>
                                    </div>
                                </div>

                                <div class="std-feature-item">
                                    <i class="fas fa-user-friends"></i>
                                    <div class="std-feature-item__content">
                                        <h4 class="std-feature-item__title">Benutzerfreundlichkeit</h4>
                                        <p class="std-feature-item__description">Einfache Bedienung für Sie und Ihre Partner. Verwalten Sie Produkte, Bestellungen und Partnerdaten zentral und übersichtlich.</p>
                                    </div>
                                </div>
                            </div>

                            <!-- Info Box -->
                            <div class="std-integration-box">
                                <i class="fas fa-info-circle"></i>
                                <div class="std-integration-box__content">
                                    <p>Diese Vorteile machen unseren integrierten Shop zur perfekten Lösung für Ihr Network-Marketing und Ihr Affiliate-Programm.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Funktionsweise Sektion -->
        <section class="std-content-section animate">
            <div class="std-content-wrapper">
                <div class="std-content-element">
                    <!-- Section Header mit Badge -->
                    <div class="std-badge">
                        <i class="fas fa-cogs"></i>
                        <div class="std-badge-content">
                            <span class="std-badge-title">FUNKTIONSWEISE</span>
                            <span class="std-tech-name">Einfach und effizient</span>
                        </div>
                    </div>
                    <h2 class="heading-underline">Funktionsweise des Shops</h2>
                    <p>Unser integrierter Online-Shop ist benutzerfreundlich und effizient gestaltet.</p>

                    <!-- Prozessdiagramm -->
                    <div class="process-diagram">
                        <div class="process-step">
                            <div class="process-icon-wrapper">
                                <i class="fas fa-shopping-basket process-icon"></i>
                            </div>
                            <h3 class="process-title">Bestellprozess</h3>
                            <p class="process-description">Kunden können mühelos Produkte über den Shop bestellen. Alle Bestellungen werden automatisch verarbeitet und in die Warenwirtschaft übernommen.</p>
                        </div>
                        
                        <div class="process-step">
                            <div class="process-icon-wrapper">
                                <i class="fas fa-box process-icon"></i>
                            </div>
                            <h3 class="process-title">Produktmanagement</h3>
                            <p class="process-description">Verwalten Sie Ihre Produktkataloge zentral. Fügen Sie neue Produkte hinzu, aktualisieren Sie bestehende und behalten Sie den Überblick über Ihr Sortiment.</p>
                        </div>
                        
                        <div class="process-step">
                            <div class="process-icon-wrapper">
                                <i class="fas fa-tag process-icon"></i>
                            </div>
                            <h3 class="process-title">Preisgestaltung</h3>
                            <p class="process-description">Passen Sie die Preise je nach Kundengruppe und Partnerstatus flexibel an. Bieten Sie Rabatte und individuelle Konditionen.</p>
                        </div>
                        
                        <div class="process-step">
                            <div class="process-icon-wrapper">
                                <i class="fas fa-sync process-icon"></i>
                            </div>
                            <h3 class="process-title">Automatisierte Abläufe</h3>
                            <p class="process-description">Der gesamte Prozess, von der Bestellung bis zur Provisionsabrechnung, ist automatisiert und effizient gestaltet.</p>
                        </div>
                    </div>

                    <!-- Info Box -->
                    <div class="std-integration-box">
                        <i class="fas fa-lightbulb"></i>
                        <div class="std-integration-box__content">
                            <p>Diese Funktionsweise sorgt dafür, dass Ihr Geschäft reibungslos und effizient läuft, während Sie sich auf das Wachstum Ihres Netzwerks konzentrieren können.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Affiliate-Programm Sektion -->
        <section class="std-section animate">
            <div class="std-content-wrapper">
                <div class="std-content-element">
                    <!-- Einspaltige Zeile für Header -->
                    <div class="row">
                        <div class="col-12">
                            <!-- Section Header mit Badge -->
                            <div class="std-badge">
                                <i class="fas fa-handshake"></i>
                                <div class="std-badge-content">
                                    <span class="std-badge-title">AFFILIATE-PROGRAMM</span>
                                    <span class="std-tech-name">Maximieren Sie Ihren Erfolg</span>
                                </div>
                            </div>
                            <h2 class="heading-underline std-mt-3">Integriertes Affiliate-Programm</h2>
                            <p class="std-mt-2">Mit unserem integrierten Online-Shop profitieren Sie von einem leistungsstarken Affiliate-Programm.</p>
                        </div>
                    </div>

                    <!-- Zweispaltige Zeile für Hauptinhalt -->
                    <div class="row std-mt-4">
                        <!-- Linke Spalte -->
                        <div class="col-md-6">
                            <div class="std-content-card">
                                <div class="feature-items--large">
                                    <div class="feature-item">
                                        <div class="feature-item__icon-wrapper">
                                            <i class="fas fa-link"></i>
                                        </div>
                                        <div class="feature-item__content">
                                            <h3>Partner-Links</h3>
                                            <p>Jeder Partner erhält individuelle Empfehlungslinks, die im Shop verwendet werden können. Diese Links sind leicht zu teilen und verfolgen die Verkäufe und Registrierungen.</p>
                                        </div>
                                    </div>

                                    <div class="feature-item">
                                        <div class="feature-item__icon-wrapper">
                                            <i class="fas fa-calculator"></i>
                                        </div>
                                        <div class="feature-item__content">
                                            <h3>Provisionsberechnung</h3>
                                            <p>Bestellungen, die über diese Links getätigt werden, werden automatisch dem Partner zugeordnet und Provisionen berechnet. Dies geschieht nahtlos und ohne zusätzlichen Aufwand.</p>
                                        </div>
                                    </div>

                                    <div class="feature-item">
                                        <div class="feature-item__icon-wrapper">
                                            <i class="fas fa-percentage"></i>
                                        </div>
                                        <div class="feature-item__content">
                                            <h3>Rabattmanagement</h3>
                                            <p>Verwalten Sie Rabatte und Konditionen für Ihre Partner. Diese Funktion sorgt dafür, dass Ihre Partner optimal belohnt und motiviert werden.</p>
                                        </div>
                                    </div>

                                    <div class="feature-item">
                                        <div class="feature-item__icon-wrapper">
                                            <i class="fas fa-chart-bar"></i>
                                        </div>
                                        <div class="feature-item__content">
                                            <h3>Detaillierte Berichte</h3>
                                            <p>Mit unseren umfassenden Berichtsfunktionen behalten Sie stets den Überblick über die Aktivitäten Ihrer Partner. Sie können nachvollziehen, welche Partner am erfolgreichsten sind und wie viel Umsatz durch das Affiliate-Programm generiert wird.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Rechte Spalte -->
                        <div class="col-md-6">
                            <div class="std-content-card hover-lift">
                                <img src="assets/img/affiliate-dashboard.jpg" alt="Affiliate-Programm Dashboard" class="img-fluid">
                            </div>
                        </div>
                    </div>

                    <!-- Einspaltige Zeile für Info-Box -->
                    <div class="row">
                        <div class="col-12">
                            <div class="content-quote--info std-mt-3">
                                <i class="fas fa-info-circle"></i>
                                <p>Diese Funktionen machen unser integriertes Affiliate-Programm zu einem mächtigen Werkzeug, das Ihr Geschäft vorantreibt und Ihre Partner optimal unterstützt.</p>
                            </div>
                        </div>
                    </div>

                    <!-- Vorteile des Affiliate-Programms -->
                    <div class="std-mt-5">
                        <h2 class="heading-underline">Vorteile des Affiliate-Programms</h2>
                        <p>Mit unserem Affiliate-Programm profitieren Sie von zahlreichen Vorteilen.</p>

                        <div class="std-content-card std-mt-4">
                            <div class="feature-items--large">
                                <div class="feature-item">
                                    <div class="feature-item__icon-wrapper">
                                        <i class="fas fa-broadcast-tower"></i>
                                    </div>
                                    <div class="feature-item__content">
                                        <h3>Erhöhte Reichweite</h3>
                                        <p>Ihre Partner erweitern die Sichtbarkeit und den Markt für Ihre Produkte, indem sie in ihren Netzwerken Empfehlungen aussprechen.</p>
                                    </div>
                                </div>

                                <div class="feature-item">
                                    <div class="feature-item__icon-wrapper">
                                        <i class="fas fa-piggy-bank"></i>
                                    </div>
                                    <div class="feature-item__content">
                                        <h3>Kosten-Effizienz</h3>
                                        <p>Sie zahlen nur für erfolgreiche Verkäufe oder Registrierungen, wodurch Ihre Marketingkosten gesenkt werden.</p>
                                    </div>
                                </div>

                                <div class="feature-item">
                                    <div class="feature-item__icon-wrapper">
                                        <i class="fas fa-trophy"></i>
                                    </div>
                                    <div class="feature-item__content">
                                        <h3>Motivation und Belohnung</h3>
                                        <p>Partner werden durch attraktive Provisionen motiviert, kontinuierlich neue Kunden zu gewinnen und Ihre Produkte zu bewerben.</p>
                                    </div>
                                </div>

                                <div class="feature-item">
                                    <div class="feature-item__icon-wrapper">
                                        <i class="fas fa-chart-line"></i>
                                    </div>
                                    <div class="feature-item__content">
                                        <h3>Einfache Auswertungen</h3>
                                        <p>Sie können jederzeit sehen, wie gut Ihre Partner arbeiten und wie viel Umsatz durch ihre Empfehlungen erzielt wird.</p>
                                    </div>
                                </div>

                                <div class="feature-item">
                                    <div class="feature-item__icon-wrapper">
                                        <i class="fas fa-expand-arrows-alt"></i>
                                    </div>
                                    <div class="feature-item__content">
                                        <h3>Skalierbarkeit</h3>
                                        <p>Egal ob kleines Startup oder großes Unternehmen, unser Affiliate-Programm wächst mit Ihnen und passt sich Ihren Bedürfnissen an.</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Info Box -->
                        <div class="content-quote--info std-mt-4">
                            <i class="fas fa-lightbulb"></i>
                            <p>Diese Vorteile machen unser Affiliate-Programm zu einem unschätzbaren Werkzeug, das den Umsatz steigert und gleichzeitig Ihre Marketingstrategie optimiert.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Flexible Produktanzeigen Sektion -->
        <section class="std-section animate">
            <div class="std-content-wrapper">
                <div class="std-content-element">
                    <!-- Section Header mit Badge -->
                    <div class="std-badge">
                        <i class="fas fa-box-open"></i>
                        <div class="std-badge-content">
                            <span class="std-badge-title">PRODUKTVERWALTUNG</span>
                            <span class="std-tech-name">Maximale Flexibilität</span>
                        </div>
                    </div>
                    <h2 class="heading-underline">Flexible Produktanzeigen und Varianten</h2>
                    <p>Unser integrierter Shop bietet flexible Möglichkeiten zur Produktanzeige und -verwaltung:</p>

                    <!-- Content Cards -->
                    <div class="std-content-cards">
                        <!-- Bild Card -->
                        <div class="std-content-card hover-lift">
                            <img src="assets/img/product-variants.jpg" alt="Flexible Produktvarianten" class="img-fluid">
                        </div>

                        <!-- Features Card -->
                        <div class="std-content-card">
                            <!-- Feature Items -->
                            <div class="feature-items--large">
                                <div class="feature-item">
                                    <div class="feature-item__icon-wrapper">
                                        <i class="fas fa-users"></i>
                                    </div>
                                    <div class="feature-item__content">
                                        <h3>Benutzergruppen</h3>
                                        <p>Zeigen Sie Produkte und Preise basierend auf unterschiedlichen Benutzergruppen an, wie Kunden, Vertriebspartner oder Großhändler.</p>
                                    </div>
                                </div>

                                <div class="feature-item">
                                    <div class="feature-item__icon-wrapper">
                                        <i class="fas fa-cubes"></i>
                                    </div>
                                    <div class="feature-item__content">
                                        <h3>Produktvarianten</h3>
                                        <p>Verwalten Sie mühelos verschiedene Produktvarianten, wie Farben, Größen oder Ausführungen. Jede Variante kann individuell konfiguriert und angezeigt werden.</p>
                                    </div>
                                </div>

                                <div class="feature-item">
                                    <div class="feature-item__icon-wrapper">
                                        <i class="fas fa-tags"></i>
                                    </div>
                                    <div class="feature-item__content">
                                        <h3>Angebote</h3>
                                        <p>Erstellen Sie gezielte Promotions und Sonderangebote für Benutzergruppen, um den Verkauf zu fördern.</p>
                                    </div>
                                </div>
                            </div>

                            <!-- Info Box -->
                            <div class="content-quote--info">
                                <i class="fas fa-info-circle"></i>
                                <p>Diese Flexibilität ermöglicht es Ihnen, Ihren Kunden und Partnern ein maßgeschneidertes Einkaufserlebnis zu bieten.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Zahlungsoptionen Sektion -->
        <section class="std-section animate">
            <div class="std-content-wrapper">
                <div class="std-content-element">
                    <!-- Section Header mit Badge -->
                    <div class="std-badge">
                        <i class="fas fa-credit-card"></i>
                        <div class="std-badge-content">
                            <span class="std-badge-title">ZAHLUNGSABWICKLUNG</span>
                            <span class="std-tech-name">Sicher & Flexibel</span>
                        </div>
                    </div>
                    <h2 class="heading-underline">Zahlungsoptionen</h2>
                    <p>Sie haben eine Vielzahl von Zahlungsoptionen, um Ihren Kunden größtmögliche Flexibilität und Sicherheit zu bieten.</p>

                    <!-- Content Cards -->
                    <div class="std-content-cards">
                        <!-- Features Card -->
                        <div class="std-content-card">
                            <!-- Feature Items -->
                            <div class="feature-items--large">
                                <div class="feature-item">
                                    <div class="feature-item__icon-wrapper">
                                        <i class="fas fa-money-check-alt"></i>
                                    </div>
                                    <div class="feature-item__content">
                                        <h3>Vielfältige Zahlungsmethoden</h3>
                                        <p>Akzeptieren Sie Zahlungen per Kreditkarte, PayPal, Überweisung und weitere beliebte Zahlungsmethoden.</p>
                                    </div>
                                </div>

                                <div class="feature-item">
                                    <div class="feature-item__icon-wrapper">
                                        <i class="fas fa-shield-alt"></i>
                                    </div>
                                    <div class="feature-item__content">
                                        <h3>Sicherheit</h3>
                                        <p>Alle Transaktionen sind durch moderne Verschlüsselungstechnologien geschützt, um die Sicherheit Ihrer Kunden zu gewährleisten.</p>
                                    </div>
                                </div>

                                <div class="feature-item">
                                    <div class="feature-item__icon-wrapper">
                                        <i class="fas fa-tasks"></i>
                                    </div>
                                    <div class="feature-item__content">
                                        <h3>Einfaches Management</h3>
                                        <p>Verwalten Sie alle Zahlungseingänge zentral und behalten Sie stets den Überblick über Ihre Finanzen.</p>
                                    </div>
                                </div>
                            </div>

                            <!-- Info Box -->
                            <div class="content-quote--info">
                                <i class="fas fa-info-circle"></i>
                                <p>Diese vielfältigen und sicheren Zahlungsoptionen sorgen für ein reibungsloses Einkaufserlebnis und erhöhen die Zufriedenheit Ihrer Kunden.</p>
                            </div>
                        </div>

                        <!-- Bild Card -->
                        <div class="std-content-card hover-lift">
                            <img src="assets/img/payment-options.jpg" alt="Sichere Zahlungsoptionen" class="img-fluid">
                            <div class="preview-group std-mt-3">
                                <div class="d-flex justify-content-center gap-4">
                                    <i class="fas fa-credit-card fa-2x std-text-primary"></i>
                                    <i class="fas fa-university fa-2x std-text-secondary"></i>
                                    <i class="fas fa-money-bill-wave fa-2x std-text-primary"></i>
                                    <i class="fas fa-exchange-alt fa-2x std-text-secondary"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Beispiel-Szenario Sektion -->
        <section class="std-section animate">
            <div class="std-content-wrapper">
                <div class="std-content-element">
                    <!-- Section Header mit Badge -->
                    <div class="std-badge">
                        <i class="fas fa-star"></i>
                        <div class="std-badge-content">
                            <span class="std-badge-title">ERFOLGSGESCHICHTE</span>
                            <span class="std-tech-name">Praxisbeispiel</span>
                        </div>
                    </div>
                    <h2 class="heading-underline">Erfolgsgeschichte mit unserem integrierten Shop</h2>
                    <p>Lara betreibt ein kleines Unternehmen, das handgefertigte Seifen und Kosmetikprodukte verkauft. Sie hat sich entschieden, unseren integrierten Shop zu nutzen, um ihr Geschäft effizienter zu gestalten und ihr Vertriebspartnernetzwerk zu erweitern.</p>

                    <!-- Content Cards -->
                    <div class="std-content-cards">
                        <!-- Timeline Card -->
                        <div class="std-content-card">
                            <h3 class="std-text-primary std-mb-4">Start mit dem Shop und Affiliate-Programm</h3>
                            <div class="feature-items--large">
                                <div class="feature-item">
                                    <div class="feature-item__icon-wrapper">
                                        <i class="fas fa-store"></i>
                                    </div>
                                    <div class="feature-item__content">
                                        <h4>Einrichtung des Shops</h4>
                                        <p>Lara richtet den integrierten Shop ein und fügt ihre Produktkataloge hinzu. Dank der benutzerfreundlichen Oberfläche ist dies schnell erledigt. Sie kann verschiedene Produktvarianten wie Düfte und Größen problemlos verwalten.</p>
                                    </div>
                                </div>

                                <div class="feature-item">
                                    <div class="feature-item__icon-wrapper">
                                        <i class="fas fa-users"></i>
                                    </div>
                                    <div class="feature-item__content">
                                        <h4>Partnerprogramm</h4>
                                        <p>Sie lädt ihre treuen Kunden ein, sich als Partner zu registrieren. Jeder Partner erhält individuelle Empfehlungslinks, die sie auf ihren Social-Media-Kanälen teilen können.</p>
                                    </div>
                                </div>
                            </div>

                            <h3 class="std-text-primary std-mb-4 std-mt-5">Der Alltag im Betrieb</h3>
                            <div class="feature-items--large">
                                <div class="feature-item">
                                    <div class="feature-item__icon-wrapper">
                                        <i class="fas fa-chart-line"></i>
                                    </div>
                                    <div class="feature-item__content">
                                        <h4>Bestellungen und Provisionsabrechnung</h4>
                                        <p>Ein Kunde kauft über einen Partner-Link ein. Die Bestellung wird automatisch im System erfasst und dem Partner zugeordnet. Die Provisionsabrechnung erfolgt nahtlos und wird dem Partner gutgeschrieben.</p>
                                    </div>
                                </div>

                                <div class="feature-item">
                                    <div class="feature-item__icon-wrapper">
                                        <i class="fas fa-tags"></i>
                                    </div>
                                    <div class="feature-item__content">
                                        <h4>Flexibilität und Rabatte</h4>
                                        <p>Dank der flexiblen Preisgestaltung kann Lara ausgewählten Kunden Rabatte gewähren und unterschiedliche Preise für Endkunden und Vertriebspartner einstellen.</p>
                                    </div>
                                </div>

                                <div class="feature-item">
                                    <div class="feature-item__icon-wrapper">
                                        <i class="fas fa-globe"></i>
                                    </div>
                                    <div class="feature-item__content">
                                        <h4>Internationale Verkäufe</h4>
                                        <p>Laras Shop unterstützt verschiedene Sprachen und Währungen. Dies ermöglicht es ihr, Kunden weltweit zu erreichen und den internationalen Handel zu vereinfachen.</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Erfolg Card -->
                        <div class="std-content-card">
                            <img src="assets/img/success-story.jpg" alt="Erfolgsgeschichte Shop" class="img-fluid std-mb-4">
                            
                            <h3 class="std-text-primary std-mb-4">Erfolg und Wachstum</h3>
                            <div class="feature-items--large">
                                <div class="feature-item">
                                    <div class="feature-item__icon-wrapper">
                                        <i class="fas fa-network-wired"></i>
                                    </div>
                                    <div class="feature-item__content">
                                        <h4>Wachstum des Partnernetzwerks</h4>
                                        <p>Durch das integrierte Partnerprogramm wächst Laras Netzwerk schnell. Ihre Partner sind motiviert durch die attraktiven Provisionen und die einfache Handhabung des Systems.</p>
                                    </div>
                                </div>

                                <div class="feature-item">
                                    <div class="feature-item__icon-wrapper">
                                        <i class="fas fa-tasks"></i>
                                    </div>
                                    <div class="feature-item__content">
                                        <h4>Effiziente Verwaltung</h4>
                                        <p>Lara spart Zeit und Ressourcen, da alle Prozesse – von der Bestellung bis zur Provisionsabrechnung – automatisiert und zentral verwaltet werden.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Neue Zeile über volle Breite -->
                    <div class="row">
                        <div class="col-12">
                            <div class="content-quote--info std-mt-4">
                                <i class="fas fa-lightbulb"></i>
                                <p>Die nahtlose Integration, flexible Preisgestaltung und automatisierten Abläufe haben ihr dabei geholfen, ihre Umsätze zu steigern und ihr Netzwerk zu erweitern.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

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

    <!-- Scripts -->
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/common.js"></script>
    <script src="assets/js/animations.js"></script>
</body>
</html> 