diff --git a/index_variations.html b/index_variations.html
new file mode 100644
index 0000000..56c3db3
--- /dev/null
+++ b/index_variations.html
@@ -0,0 +1,409 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Paraguay LLC & SRL — Design-Variationen</title>
+  <style>
+    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+    body {
+      font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
+      background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
+      color: #fff;
+      min-height: 100vh;
+      padding: 40px 20px;
+    }
+
+    /* Animated background orbs */
+    body::before {
+      content: '';
+      position: fixed;
+      top: 0; left: 0; right: 0; bottom: 0;
+      background:
+        radial-gradient(circle at 20% 20%, rgba(102, 126, 234, 0.15) 0%, transparent 50%),
+        radial-gradient(circle at 80% 80%, rgba(244, 114, 182, 0.1) 0%, transparent 50%);
+      animation: float 20s ease-in-out infinite;
+      z-index: -1;
+    }
+
+    @keyframes float {
+      0%, 100% { transform: translate(0, 0); }
+      50% { transform: translate(20px, -20px); }
+    }
+
+    .container { max-width: 1200px; margin: 0 auto; }
+
+    /* Header */
+    .header {
+      text-align: center;
+      margin-bottom: 50px;
+      padding-bottom: 30px;
+      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    }
+
+    .header h1 {
+      font-size: 2.5rem;
+      font-weight: 800;
+      margin-bottom: 16px;
+      background: linear-gradient(135deg, #fff 0%, #a78bfa 50%, #f472b6 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+    }
+
+    .header p {
+      font-size: 1.1rem;
+      color: rgba(255, 255, 255, 0.7);
+      max-width: 700px;
+      margin: 0 auto;
+      line-height: 1.6;
+    }
+
+    /* Section titles */
+    .section-title {
+      font-size: 1.4rem;
+      font-weight: 700;
+      margin-bottom: 24px;
+      color: rgba(255, 255, 255, 0.9);
+      padding-bottom: 10px;
+      border-bottom: 2px solid rgba(167, 139, 250, 0.3);
+      display: inline-block;
+    }
+
+    /* Main page link */
+    .main-link {
+      display: block;
+      max-width: 700px;
+      margin: 0 auto 50px;
+      padding: 24px;
+      background: rgba(255, 255, 255, 0.08);
+      backdrop-filter: blur(20px);
+      border: 1px solid rgba(255, 255, 255, 0.15);
+      border-radius: 20px;
+      text-align: center;
+      transition: all 0.3s;
+      text-decoration: none;
+      color: #fff;
+    }
+
+    .main-link:hover {
+      transform: translateY(-4px);
+      background: rgba(255, 255, 255, 0.12);
+      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
+    }
+
+    .main-link h2 {
+      font-size: 1.3rem;
+      font-weight: 700;
+      margin-bottom: 10px;
+    }
+
+    .main-link p {
+      font-size: 0.95rem;
+      color: rgba(255, 255, 255, 0.7);
+      line-height: 1.5;
+    }
+
+    .main-link .badge {
+      display: inline-block;
+      margin-top: 12px;
+      padding: 6px 16px;
+      background: linear-gradient(135deg, #667eea, #764ba2);
+      border-radius: 20px;
+      font-size: 0.85rem;
+      font-weight: 600;
+    }
+
+    /* Variations grid */
+    .variations-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
+      gap: 24px;
+      margin-bottom: 50px;
+    }
+
+    .variation-card {
+      padding: 28px;
+      background: rgba(255, 255, 255, 0.06);
+      backdrop-filter: blur(20px);
+      border: 1px solid rgba(255, 255, 255, 0.1);
+      border-radius: 20px;
+      transition: all 0.3s;
+      text-decoration: none;
+      color: #fff;
+      display: block;
+    }
+
+    .variation-card:hover {
+      transform: translateY(-5px);
+      background: rgba(255, 255, 255, 0.1);
+      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
+      border-color: rgba(255, 255, 255, 0.25);
+    }
+
+    .variation-card .card-header {
+      display: flex;
+      align-items: center;
+      gap: 14px;
+      margin-bottom: 14px;
+    }
+
+    .variation-card .card-icon {
+      font-size: 2rem;
+      width: 56px;
+      height: 56px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 14px;
+      background: rgba(255, 255, 255, 0.08);
+    }
+
+    .variation-card .card-title {
+      font-size: 1.2rem;
+      font-weight: 700;
+    }
+
+    .variation-card .card-style {
+      font-size: 0.8rem;
+      color: rgba(255, 255, 255, 0.5);
+      text-transform: uppercase;
+      letter-spacing: 1px;
+    }
+
+    .variation-card .card-desc {
+      font-size: 0.95rem;
+      color: rgba(255, 255, 255, 0.6);
+      line-height: 1.6;
+      margin-bottom: 16px;
+    }
+
+    .variation-card .card-link {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      font-size: 0.9rem;
+      font-weight: 600;
+      color: #a78bfa;
+      transition: color 0.2s;
+    }
+
+    .variation-card .card-link:hover {
+      color: #c4b5fd;
+    }
+
+    /* Stats section */
+    .stats-section {
+      display: flex;
+      justify-content: center;
+      gap: 40px;
+      flex-wrap: wrap;
+      margin: 40px 0;
+      padding: 30px;
+      background: rgba(255, 255, 255, 0.05);
+      border-radius: 20px;
+      border: 1px solid rgba(255, 255, 255, 0.1);
+    }
+
+    .stat-item {
+      text-align: center;
+    }
+
+    .stat-item .stat-number {
+      display: block;
+      font-size: 2.5rem;
+      font-weight: 800;
+      background: linear-gradient(135deg, #667eea, #764ba2);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+    }
+
+    .stat-item .stat-label {
+      font-size: 0.9rem;
+      color: rgba(255, 255, 255, 0.5);
+      text-transform: uppercase;
+      letter-spacing: 1px;
+      margin-top: 4px;
+    }
+
+    /* Footer */
+    .footer {
+      text-align: center;
+      padding-top: 30px;
+      border-top: 1px solid rgba(255, 255, 255, 0.1);
+      color: rgba(255, 255, 255, 0.4);
+      font-size: 0.9rem;
+    }
+
+    .footer a {
+      color: #a78bfa;
+      text-decoration: none;
+    }
+
+    .footer a:hover {
+      color: #c4b5fd;
+    }
+
+    /* Responsive */
+    @media (max-width: 768px) {
+      .header h1 { font-size: 1.8rem; }
+      .variations-grid { grid-template-columns: 1fr; }
+      .stats-section { gap: 20px; }
+      .stat-item .stat-number { font-size: 1.8rem; }
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+
+    <!-- Header -->
+    <div class="header">
+      <h1>🌴 Paraguay LLC & SRL — Design-Variationen</h1>
+      <p>
+        Entdecke verschiedene Design-Stile für die Paraguay LLC & SRL Community Website.
+        Jede Variation zeigt, wie die gleiche Struktur in einem komplett anderen visuellen Stil aussehen kann.
+      </p>
+    </div>
+
+    <!-- Stats -->
+    <div class="stats-section">
+      <div class="stat-item">
+        <span class="stat-number">108</span>
+        <span class="stat-label">Mitglieder</span>
+      </div>
+      <div class="stat-item">
+        <span class="stat-number">58</span>
+        <span class="stat-label">Beiträge</span>
+      </div>
+      <div class="stat-item">
+        <span class="stat-number">27</span>
+        <span class="stat-label">Wiki-Themen</span>
+      </div>
+      <div class="stat-item">
+        <span class="stat-number">6</span>
+        <span class="stat-label">Designs</span>
+      </div>
+    </div>
+
+    <!-- Main Page Link -->
+    <a href="/" class="main-link">
+      <h2>🌴 Hauptseite — Paraguay LLC & SRL Community</h2>
+      <p>
+        Die Standard-Seite der Community: Mitglieder, Wiki, Login über Telegram, Newsletter und alles was du für dein LLC/SRL Business in Paraguay brauchst.
+      </p>
+      <span class="badge">Zur Hauptseite →</span>
+    </a>
+
+    <!-- Variations Section Title -->
+    <h2 class="section-title">Design-Variationen</h2>
+
+    <!-- Variations Grid -->
+    <div class="variations-grid">
+
+      <!-- Neo-Mirai -->
+      <a href="/variations/neo-mirai/" class="variation-card">
+        <div class="card-header">
+          <div class="card-icon">⚡</div>
+          <div>
+            <div class="card-title">Neo-Mirai</div>
+            <div class="card-style">Cyberpunk / Futuristisch</div>
+          </div>
+        </div>
+        <p class="card-desc">
+          Neon-Glow Effekte, dunkles Grid-Hintergrund, Scanlines und futuristische Typografie. Inspiriert von Impeccable's Neo-Mirai Design System.
+        </p>
+        <span class="card-link">Variation ansehen →</span>
+      </a>
+
+      <!-- Wikipedia -->
+      <a href="/variations/wikipedia/" class="variation-card">
+        <div class="card-header">
+          <div class="card-icon">📖</div>
+          <div>
+            <div class="card-title">Wikipedia</div>
+            <div class="card-style">Clean / Content-First</div>
+          </div>
+        </div>
+        <p class="card-desc">
+          Minimalistisches, text-lastiges Layout mit klaren Strukturen. Fokus auf Lesbarkeit und Informationsarchitektur.
+        </p>
+        <span class="card-link">Variation ansehen →</span>
+      </a>
+
+      <!-- Apple -->
+      <a href="/variations/apple/" class="variation-card">
+        <div class="card-header">
+          <div class="card-icon">🍎</div>
+          <div>
+            <div class="card-title">Apple</div>
+            <div class="card-style">Minimal / Premium</div>
+          </div>
+        </div>
+        <p class="card-desc">
+          Clean, elegant und premium. Große Typografie, viel Weißraum, subtile Animationen. Wie eine Apple Produktseite.
+        </p>
+        <span class="card-link">Variation ansehen →</span>
+      </a>
+
+      <!-- Facebook -->
+      <a href="/variations/facebook/" class="variation-card">
+        <div class="card-header">
+          <div class="card-icon">👥</div>
+          <div>
+            <div class="card-title">Facebook</div>
+            <div class="card-style">Social Network</div>
+          </div>
+        </div>
+        <p class="card-desc">
+          Vertrautes Social-Network-Layout mit blauer Akzentfarbe. Card-basiertes Design für Mitglieder und Wiki-Inhalte.
+        </p>
+        <span class="card-link">Variation ansehen →</span>
+      </a>
+
+      <!-- X -->
+      <a href="/variations/x/" class="variation-card">
+        <div class="card-header">
+          <div class="card-icon">🐦</div>
+          <div>
+            <div class="card-title">X</div>
+            <div class="card-style">Dark / Minimal</div>
+          </div>
+        </div>
+        <p class="card-desc">
+          Dunkles, minimalistisches Design mit Fokus auf Content. Clean lines, kaum Farben — wie die X/Twitter App.
+        </p>
+        <span class="card-link">Variation ansehen →</span>
+      </a>
+
+      <!-- Aurora -->
+      <a href="/variations/aurora/" class="variation-card">
+        <div class="card-header">
+          <div class="card-icon">🌌</div>
+          <div>
+            <div class="card-title">Aurora</div>
+            <div class="card-style">Glassmorphism / Dreamy</div>
+          </div>
+        </div>
+        <p class="card-desc">
+          Animierter Aurora-Gradient-Hintergrund, glasartige Karten mit Blur-Effekten. Das Surprise-Design — einzigartig und Traumhaft.
+        </p>
+        <span class="card-link">Variation ansehen →</span>
+      </a>
+
+    </div>
+
+    <!-- Footer -->
+    <div class="footer">
+      <p>
+        Paraguay LLC & SRL Community — <a href="/">Hauptseite</a>
+      </p>
+      <p style="margin-top: 8px;">
+        © 2025 Paraguay LLC & SRL Community. Gesponsert von <a href="https://ODOO4projects.com" target="_blank">ODOO4projects</a>
+      </p>
+    </div>
+
+  </div>
+</body>
+</html>
\ No newline at end of file
