diff --git a/landing.html b/landing.html
new file mode 100644
index 0000000..f5012f9
--- /dev/null
+++ b/landing.html
@@ -0,0 +1,665 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Git Manager Explorer Pro — Desktop Git Manager für Gitea & GitHub</title>
+    <meta name="description" content="Verwalte deine Gitea & GitHub Repositories auf dem Desktop — mit Editor, Favoriten, Batch-Aktionen und mehr.">
+    <meta name="keywords" content="Git, Gitea, GitHub, Desktop, Manager, Repository, Electron, Windows">
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        :root {
+            --accent: #58d5ff;
+            --accent2: #67e8f9;
+            --blue: #3b82f6;
+            --green: #22c55e;
+            --red: #ef4444;
+            --purple: #a855f7;
+            --bg-dark: #0d1520;
+            --bg-mid: #0f1e30;
+            --bg-card: #1a2b3c;
+            --text: #e2eaf5;
+            --text-muted: #7a8fab;
+            --border: rgba(88, 213, 255, 0.18);
+        }
+
+        body {
+            font-family: 'Segoe UI', system-ui, sans-serif;
+            background: linear-gradient(135deg, #0d1520 0%, #0a1b30 50%, #0f1e35 100%);
+            color: var(--text);
+            line-height: 1.6;
+            overflow-x: hidden;
+        }
+
+        /* Header / Navigation */
+        header {
+            padding: 20px 40px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-bottom: 1px solid var(--border);
+            backdrop-filter: blur(10px);
+            position: sticky;
+            top: 0;
+            z-index: 100;
+        }
+
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            font-size: 24px;
+            font-weight: 800;
+            background: linear-gradient(135deg, var(--accent2) 0%, var(--blue) 100%);
+            -webkit-background-clip: text;
+            background-clip: text;
+            -webkit-text-fill-color: transparent;
+        }
+
+        .logo-icon {
+            width: 40px;
+            height: 40px;
+            background: rgba(88, 213, 255, 0.15);
+            border: 1px solid rgba(88, 213, 255, 0.3);
+            border-radius: 10px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 22px;
+        }
+
+        nav {
+            display: flex;
+            gap: 24px;
+            align-items: center;
+        }
+
+        nav a {
+            color: var(--text-muted);
+            text-decoration: none;
+            transition: color 0.3s;
+            font-size: 14px;
+        }
+
+        nav a:hover {
+            color: var(--accent);
+        }
+
+        .btn {
+            padding: 10px 20px;
+            border-radius: 8px;
+            text-decoration: none;
+            font-weight: 600;
+            font-size: 14px;
+            cursor: pointer;
+            border: none;
+            transition: all 0.3s;
+            display: inline-block;
+        }
+
+        .btn-primary {
+            background: linear-gradient(135deg, var(--accent) 0%, var(--blue) 100%);
+            color: #0a1625;
+        }
+
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 8px 24px rgba(88, 213, 255, 0.3);
+        }
+
+        .btn-secondary {
+            background: rgba(255, 255, 255, 0.05);
+            color: var(--text);
+            border: 1px solid var(--border);
+        }
+
+        .btn-secondary:hover {
+            background: rgba(255, 255, 255, 0.1);
+            border-color: var(--accent);
+        }
+
+        /* Hero Section */
+        .hero {
+            padding: 100px 40px;
+            text-align: center;
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+
+        .hero h1 {
+            font-size: 54px;
+            font-weight: 900;
+            margin-bottom: 16px;
+            background: linear-gradient(135deg, var(--accent2) 0%, var(--purple) 100%);
+            -webkit-background-clip: text;
+            background-clip: text;
+            -webkit-text-fill-color: transparent;
+            line-height: 1.2;
+        }
+
+        .hero p {
+            font-size: 18px;
+            color: var(--text-muted);
+            margin-bottom: 32px;
+            max-width: 600px;
+            margin-left: auto;
+            margin-right: auto;
+        }
+
+        .hero-cta {
+            display: flex;
+            gap: 16px;
+            justify-content: center;
+            margin-bottom: 64px;
+            flex-wrap: wrap;
+        }
+
+        .hero-buttons {
+            display: flex;
+            gap: 16px;
+            justify-content: center;
+            flex-wrap: wrap;
+        }
+
+        .hero-buttons .btn {
+            padding: 14px 32px;
+            font-size: 16px;
+        }
+
+        /* Features Grid */
+        .section {
+            padding: 80px 40px;
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+
+        .section-title {
+            font-size: 36px;
+            font-weight: 800;
+            text-align: center;
+            margin-bottom: 16px;
+            color: var(--text);
+        }
+
+        .section-desc {
+            text-align: center;
+            color: var(--text-muted);
+            margin-bottom: 48px;
+            font-size: 16px;
+        }
+
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+            gap: 24px;
+            margin-bottom: 48px;
+        }
+
+        .feature-card {
+            background: rgba(255, 255, 255, 0.02);
+            border: 1px solid var(--border);
+            border-radius: 12px;
+            padding: 32px;
+            transition: all 0.3s;
+        }
+
+        .feature-card:hover {
+            background: rgba(88, 213, 255, 0.05);
+            border-color: rgba(88, 213, 255, 0.3);
+            transform: translateY(-4px);
+        }
+
+        .feature-icon {
+            font-size: 40px;
+            margin-bottom: 16px;
+        }
+
+        .feature-card h3 {
+            font-size: 18px;
+            margin-bottom: 12px;
+            color: var(--accent2);
+        }
+
+        .feature-card p {
+            color: var(--text-muted);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+
+        /* Screenshots / Demo */
+        .demo-section {
+            text-align: center;
+            padding-top: 40px;
+        }
+
+        .demo-mockup {
+            background: linear-gradient(135deg, rgba(88, 213, 255, 0.1) 0%, rgba(92, 135, 255, 0.1) 100%);
+            border: 2px solid rgba(88, 213, 255, 0.2);
+            border-radius: 16px;
+            padding: 24px;
+            margin-top: 32px;
+            max-width: 900px;
+            margin-left: auto;
+            margin-right: auto;
+            min-height: 400px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: var(--text-muted);
+            font-size: 14px;
+        }
+
+        /* System Requirements */
+        .requirements {
+            background: rgba(255, 255, 255, 0.02);
+            border: 1px solid var(--border);
+            border-radius: 12px;
+            padding: 32px;
+            margin-top: 32px;
+        }
+
+        .requirements h3 {
+            font-size: 18px;
+            margin-bottom: 24px;
+            color: var(--accent2);
+        }
+
+        .req-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+            gap: 16px;
+        }
+
+        .req-item {
+            padding: 16px;
+            background: rgba(255, 255, 255, 0.03);
+            border-radius: 8px;
+            border-left: 3px solid var(--accent);
+        }
+
+        .req-item strong {
+            color: var(--accent2);
+        }
+
+        .req-item span {
+            color: var(--text-muted);
+            font-size: 13px;
+            display: block;
+            margin-top: 4px;
+        }
+
+        /* Download Section */
+        .download-section {
+            text-align: center;
+            padding: 80px 40px;
+            background: linear-gradient(135deg, rgba(88, 213, 255, 0.05) 0%, rgba(92, 135, 255, 0.05) 100%);
+            border: 1px solid var(--border);
+            border-radius: 16px;
+            margin-top: 80px;
+        }
+
+        .download-section h2 {
+            font-size: 32px;
+            margin-bottom: 16px;
+        }
+
+        .download-section p {
+            color: var(--text-muted);
+            margin-bottom: 32px;
+        }
+
+        .download-buttons {
+            display: flex;
+            gap: 16px;
+            justify-content: center;
+            flex-wrap: wrap;
+        }
+
+        /* Stats */
+        .stats {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+            gap: 32px;
+            margin-bottom: 80px;
+            text-align: center;
+        }
+
+        .stat-item h3 {
+            font-size: 32px;
+            font-weight: 800;
+            color: var(--accent2);
+            margin-bottom: 8px;
+        }
+
+        .stat-item p {
+            color: var(--text-muted);
+        }
+
+        /* Links / Resources */
+        .links-section {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+            gap: 24px;
+            margin-top: 48px;
+        }
+
+        .link-card {
+            background: rgba(255, 255, 255, 0.02);
+            border: 1px solid var(--border);
+            border-radius: 12px;
+            padding: 24px;
+            text-align: center;
+        }
+
+        .link-card h3 {
+            margin-bottom: 12px;
+            color: var(--accent2);
+        }
+
+        .link-card p {
+            color: var(--text-muted);
+            font-size: 13px;
+            margin-bottom: 16px;
+        }
+
+        .link-card a {
+            color: var(--accent);
+            text-decoration: none;
+            font-weight: 600;
+        }
+
+        .link-card a:hover {
+            text-decoration: underline;
+        }
+
+        /* Footer */
+        footer {
+            padding: 40px;
+            text-align: center;
+            border-top: 1px solid var(--border);
+            color: var(--text-muted);
+            font-size: 13px;
+            margin-top: 80px;
+        }
+
+        footer a {
+            color: var(--accent);
+            text-decoration: none;
+        }
+
+        footer a:hover {
+            text-decoration: underline;
+        }
+
+        /* Responsive */
+        @media (max-width: 768px) {
+            header {
+                flex-direction: column;
+                gap: 16px;
+                padding: 16px 20px;
+            }
+
+            nav {
+                flex-direction: column;
+                gap: 12px;
+                width: 100%;
+            }
+
+            .hero {
+                padding: 60px 20px;
+            }
+
+            .hero h1 {
+                font-size: 36px;
+            }
+
+            .hero p {
+                font-size: 16px;
+            }
+
+            .section {
+                padding: 60px 20px;
+            }
+
+            .section-title {
+                font-size: 28px;
+            }
+
+            .hero-buttons {
+                flex-direction: column;
+            }
+
+            .hero-buttons .btn {
+                width: 100%;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Header -->
+    <header>
+        <div class="logo">
+            <div class="logo-icon">🛠</div>
+            <span>Git Manager Pro</span>
+        </div>
+        <nav>
+            <a href="#features">Features</a>
+            <a href="#download">Download</a>
+            <a href="HANDBUCH.html" target="_blank">Dokumentation</a>
+            <a href="https://git.viper.ipv64.net/M_Viper/Git-Manager-Gui" target="_blank">Gitea</a>
+            <a href="#contact">Kontakt</a>
+        </nav>
+    </header>
+
+    <!-- Hero -->
+    <section class="hero">
+        <h1>Git Manager Explorer Pro</h1>
+        <p>
+            Verwalte deine Gitea & GitHub Repositories auf dem Desktop.<br>
+            Mit Editor, Favoriten, Batch-Aktionen und mehr — alles ohne Kommandozeile.
+        </p>
+        <div class="hero-buttons">
+            <a href="#download" class="btn btn-primary">⬇️ Jetzt Download (v2.1.3)</a>
+            <a href="HANDBUCH.html" target="_blank" class="btn btn-secondary">📖 Handbuch lesen</a>
+        </div>
+    </section>
+
+    <!-- Stats -->
+    <section class="section">
+        <div class="stats">
+            <div class="stat-item">
+                <h3>100+</h3>
+                <p>Repos gleichzeitig verwalten</p>
+            </div>
+            <div class="stat-item">
+                <h3>2.1.3</h3>
+                <p>Aktuelle Version</p>
+            </div>
+            <div class="stat-item">
+                <h3>⚡</h3>
+                <p>Schnell & zuverlässig</p>
+            </div>
+        </div>
+    </section>
+
+    <!-- Features -->
+    <section class="section" id="features">
+        <h2 class="section-title">Warum Git Manager Pro?</h2>
+        <p class="section-desc">Alles was du brauchst um deine Repositories effizient zu verwalten.</p>
+
+        <div class="features-grid">
+            <div class="feature-card">
+                <div class="feature-icon">🌐</div>
+                <h3>Gitea & GitHub</h3>
+                <p>Unterstützt beide Plattformen seamless — alle Repositories an einem Ort.</p>
+            </div>
+            <div class="feature-card">
+                <div class="feature-icon">📂</div>
+                <h3>Datei-Explorer</h3>
+                <p>Navigiere durch Ordnerstruktur wie im Windows Explorer. Mit integriertem Editor.</p>
+            </div>
+            <div class="feature-card">
+                <div class="feature-icon">⭐</div>
+                <h3>Favoriten & Verlauf</h3>
+                <p>Schnelle Navigation zu Lieblingsprojekten. Automatisch gespeichert.</p>
+            </div>
+            <div class="feature-card">
+                <div class="feature-icon">📤</div>
+                <h3>Drag & Drop</h3>
+                <p>Ziehe Dateien rein zum Upload, raus zum Download — direkt im App-Fenster.</p>
+            </div>
+            <div class="feature-card">
+                <div class="feature-icon">🧩</div>
+                <h3>Batch-Aktionen</h3>
+                <p>Wende dieselbe Operation auf mehrere Repositories gleichzeitig an.</p>
+            </div>
+            <div class="feature-card">
+                <div class="feature-icon">📊</div>
+                <h3>Commit-History</h3>
+                <p>Sieh alle Commits, Tags und Releases. Mit Aktivitäts-Heatmap wie auf GitHub.</p>
+            </div>
+            <div class="feature-card">
+                <div class="feature-icon">✏️</div>
+                <h3>Code-Editor</h3>
+                <p>Bearbeite Dateien direkt in der App. Mit Syntax-Highlighting und Auto-Save.</p>
+            </div>
+            <div class="feature-card">
+                <div class="feature-icon">🔒</div>
+                <h3>Sichere Credentials</h3>
+                <p>Alle Tokens verschlüsselt (AES-256) — deine Daten sind sicher.</p>
+            </div>
+            <div class="feature-card">
+                <div class="feature-icon">📥</div>
+                <h3>Ein-Klick Migration</h3>
+                <p>Migriere Repos zwischen Services — mit kompletter History.</p>
+            </div>
+        </div>
+
+        <div class="demo-section">
+            <h3 style="color: var(--accent2); margin-bottom: 16px;">🎥 Demo (baldiger Update)</h3>
+            <div class="demo-mockup">
+                Screenshot-Bereich — Demo und UI-Preview kommen bald!<br><br>
+                <em>Starte die App mit npm start um einen Live-Demo zu sehen</em>
+            </div>
+        </div>
+    </section>
+
+    <!-- System Requirements -->
+    <section class="section">
+        <div class="requirements">
+            <h3>💻 Systemvoraussetzungen</h3>
+            <div class="req-grid">
+                <div class="req-item">
+                    <strong>Windows</strong>
+                    <span>10 oder 11 (64-bit)</span>
+                </div>
+                <div class="req-item">
+                    <strong>RAM</strong>
+                    <span>Mindestens 4 GB</span>
+                </div>
+                <div class="req-item">
+                    <strong>Festplatte</strong>
+                    <span>200 MB für App + Repos</span>
+                </div>
+                <div class="req-item">
+                    <strong>Internet</strong>
+                    <span>Für Gitea/GitHub Zugriff</span>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Download -->
+    <section class="section" id="download">
+        <div class="download-section">
+            <h2>⬇️ Git Manager Pro herunterladen</h2>
+            <p>Wähle eine Option um zu starten:</p>
+            <div class="download-buttons">
+                <a href="https://git.viper.ipv64.net/M_Viper/Git-Manager-Gui/releases/download/v2.1.3/git-manager-gui-Setup-2.1.3.exe" class="btn btn-primary">
+                    📦 Installer (v2.1.3)
+                </a>
+                <a href="https://git.viper.ipv64.net/M_Viper/Git-Manager-Gui/releases" target="_blank" class="btn btn-secondary">
+                    📋 Alle Versionen
+                </a>
+                <a href="https://git.viper.ipv64.net/M_Viper/Git-Manager-Gui" target="_blank" class="btn btn-secondary">
+                    💻 Source Code
+                </a>
+            </div>
+            <p style="color: var(--text-muted); margin-top: 24px; font-size: 13px;">
+                ✨ Kostenlos, Open Source, MIT Lizenz
+            </p>
+        </div>
+    </section>
+
+    <!-- Resources / Links -->
+    <section class="section">
+        <h2 class="section-title">Ressourcen & Support</h2>
+
+        <div class="links-section">
+            <div class="link-card">
+                <h3>📖 Benutzerhandbuch</h3>
+                <p>Vollständiges Handbuch mit Screenshots und Schritt-für-Schritt Anleitungen.</p>
+                <a href="HANDBUCH.html" target="_blank">Zum Handbuch →</a>
+            </div>
+            <div class="link-card">
+                <h3>👨‍💻 Entwicklerguide</h3>
+                <p>Für Entwickler — Projektstruktur, API-Integration, Build-Prozess.</p>
+                <a href="DEV_GUIDE.md" target="_blank">Zum Dev Guide →</a>
+            </div>
+            <div class="link-card">
+                <h3>🐛 Issues & Support</h3>
+                <p>Fehler gefunden? Idee für neues Feature? Schreib ein Issue auf Gitea.</p>
+                <a href="https://git.viper.ipv64.net/M_Viper/Git-Manager-Gui/issues" target="_blank">Zu Issues →</a>
+            </div>
+            <div class="link-card">
+                <h3>⭐ Gitea Repository</h3>
+                <p>Source Code, Roadmap und Releases — vollständig open source.</p>
+                <a href="https://git.viper.ipv64.net/M_Viper/Git-Manager-Gui" target="_blank">Zum Repo →</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- FAQ Mini -->
+    <section class="section">
+        <h2 class="section-title">❓ Häufige Fragen</h2>
+        
+        <div style="max-width: 800px; margin: 0 auto;">
+            <div style="background: rgba(255,255,255,0.02); border: 1px solid var(--border); border-radius: 12px; padding: 24px; margin-bottom: 16px;">
+                <h4 style="color: var(--accent2); margin-bottom: 8px;">Kostet die App etwas?</h4>
+                <p style="color: var(--text-muted);">Nein, Git Manager Pro ist kostenlos und Open Source unter der MIT-Lizenz.</p>
+            </div>
+            <div style="background: rgba(255,255,255,0.02); border: 1px solid var(--border); border-radius: 12px; padding: 24px; margin-bottom: 16px;">
+                <h4 style="color: var(--accent2); margin-bottom: 8px;">Funktioniert es nur mit Gitea?</h4>
+                <p style="color: var(--text-muted);">Nein, die App unterstützt sowohl Gitea als auch GitHub. Du kannst zwischen den Plattformen wechseln.</p>
+            </div>
+            <div style="background: rgba(255,255,255,0.02); border: 1px solid var(--border); border-radius: 12px; padding: 24px; margin-bottom: 16px;">
+                <h4 style="color: var(--accent2); margin-bottom: 8px;">Sind meine Credentials sicher?</h4>
+                <p style="color: var(--text-muted);">Ja, alle Tokens und Passwörter werden lokal mit AES-256 verschlüsselt. Nie auf Servern gespeichert.</p>
+            </div>
+            <div style="background: rgba(255,255,255,0.02); border: 1px solid var(--border); border-radius: 12px; padding: 24px;">
+                <h4 style="color: var(--accent2); margin-bottom: 8px;">Kann ich beitragen?</h4>
+                <p style="color: var(--text-muted);">Gerne! Siehe den DEV_GUIDE.md für Setup-Anleitung und sieh dir unsere <a href="https://git.viper.ipv64.net/M_Viper/Git-Manager-Gui/issues" target="_blank" style="color: var(--accent); text-decoration: none;">offenen Issues</a> an.</p>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer>
+        <p>
+            Git Manager Explorer Pro © 2026 — 
+            <a href="https://m-viper.de" target="_blank">m-viper.de</a> | 
+            <a href="https://git.viper.ipv64.net/M_Viper/Git-Manager-Gui" target="_blank">Gitea Repository</a> | 
+            <a href="HANDBUCH.html" target="_blank">Handbuch</a> |
+            <a href="DEV_GUIDE.md" target="_blank">Dev Guide</a>
+        </p>
+        <p style="margin-top: 16px; opacity: 0.7;">
+            Made with ❤️ von M_Viper — <a href="mailto:admin@m-viper.de">Kontakt</a>
+        </p>
+    </footer>
+</body>
+</html>
