<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>OPZebra Global</title>
</head>
<body style="margin:0; padding:0; background: #0f1017; font-family: Arial, Helvetica, sans-serif; color:#f5f7ff;">

  <div style="max-width: 1100px; margin: 0 auto; padding: 30px 20px 60px;">

    
    <div style="background: linear-gradient(135deg, #1b1d2b 0%, #11131c 100%); border: 1px solid rgba(255,255,255,0.08); border-radius: 24px; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.35); margin-bottom: 30px;">
      <div style="padding: 55px 35px 40px; text-align: center;">

        <div style="display:inline-block; background: rgba(255, 213, 79, 0.12); color:#ffd54f; border:1px solid rgba(255,213,79,0.25); border-radius:999px; padding:8px 16px; font-size:14px; font-weight:bold; margin-bottom:20px;">
          Serverübergreifender Discord Globalchat
        </div>

        <h1 style="margin:0 0 18px; font-size:42px; line-height:1.2; color:#ffffff;">
          Ein Chat.<br>
          <span style="color:#ffd54f;">Unendlich viele Server.</span>
        </h1>

        <p style="max-width:760px; margin:0 auto 28px; font-size:18px; line-height:1.8; color:#c9cfdd;">
          Mit <strong style="color:#ffffff;">OPZebra Global</strong> verbindest du Communities über Servergrenzen hinweg.
          Nachrichten werden automatisch formatiert, global verteilt und in einem übersichtlichen Bot-Layout dargestellt.
        </p>

        <div style="display:inline-block; background:#5865f2; color:#ffffff; padding:14px 24px; border-radius:12px; font-size:16px; font-weight:bold; box-shadow: 0 10px 25px rgba(88,101,242,0.35); margin-bottom:18px;">
          Modern. Schnell. Serverübergreifend.
        </div>

        <p style="margin:0; font-size:15px; color:#9ea6bb;">
          Bereits seit <strong style="color:#ffffff;">September 2019</strong> aktiv
        </p>
      </div>

      <div style="padding: 0 35px 40px;">
        <img src="DEIN_HERO_SCREENSHOT_URL"
             alt="OPZebra Global Vorschau"
             style="width:100%; max-width:900px; display:block; margin:0 auto; border-radius:18px; border:1px solid rgba(255,255,255,0.08); box-shadow:0 12px 35px rgba(0,0,0,0.4);">
      </div>
    </div>

    
    <div style="display:grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap:20px; margin-bottom:30px;">
      <div style="background:#171927; border:1px solid rgba(255,255,255,0.06); border-radius:20px; padding:24px;">
        <div style="font-size:28px; margin-bottom:12px;">🌍</div>
        <h3 style="margin:0 0 10px; color:#ffffff; font-size:22px;">Global verbunden</h3>
        <p style="margin:0; color:#b8bfd1; line-height:1.8; font-size:15px;">
          Nachrichten erscheinen nicht nur auf deinem Server, sondern gleichzeitig auch auf allen anderen verbundenen Communities.
        </p>
      </div>

      <div style="background:#171927; border:1px solid rgba(255,255,255,0.06); border-radius:20px; padding:24px;">
        <div style="font-size:28px; margin-bottom:12px;">⚡</div>
        <h3 style="margin:0 0 10px; color:#ffffff; font-size:22px;">Schnell eingerichtet</h3>
        <p style="margin:0; color:#b8bfd1; line-height:1.8; font-size:15px;">
          Mit wenigen Befehlen richtest du den Globalchat in wenigen Momenten ein und kannst direkt loslegen.
        </p>
      </div>

      <div style="background:#171927; border:1px solid rgba(255,255,255,0.06); border-radius:20px; padding:24px;">
        <div style="font-size:28px; margin-bottom:12px;">🎨</div>
        <h3 style="margin:0 0 10px; color:#ffffff; font-size:22px;">Sauberes Layout</h3>
        <p style="margin:0; color:#b8bfd1; line-height:1.8; font-size:15px;">
          Der Bot sendet Nachrichten in einem übersichtlichen Embed-Design, damit alles professionell und lesbar bleibt.
        </p>
      </div>

      <div style="background:#171927; border:1px solid rgba(255,255,255,0.06); border-radius:20px; padding:24px;">
        <div style="font-size:28px; margin-bottom:12px;">🛠️</div>
        <h3 style="margin:0 0 10px; color:#ffffff; font-size:22px;">Aktive Weiterentwicklung</h3>
        <p style="margin:0; color:#b8bfd1; line-height:1.8; font-size:15px;">
          Neue Funktionen, Verbesserungen und Erweiterungen sorgen dafür, dass OPZebra Global ständig weiter wächst.
        </p>
      </div>
    </div>

    
    <div style="background:#171927; border:1px solid rgba(255,255,255,0.06); border-radius:24px; padding:35px; margin-bottom:30px;">
      <h2 style="margin:0 0 18px; font-size:30px; color:#ffffff;">Einrichtung in 4 Schritten</h2>
      <p style="margin:0 0 25px; color:#b8bfd1; line-height:1.8; font-size:16px;">
        Die Einrichtung ist bewusst einfach gehalten, damit dein Server schnell mit dem weltweiten Chat verbunden ist.
      </p>

      <div style="display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:18px;">
        <div style="background:#11131c; border-radius:18px; padding:22px; border:1px solid rgba(255,255,255,0.05);">
          <div style="font-size:14px; color:#ffd54f; font-weight:bold; margin-bottom:10px;">Schritt 1</div>
          <div style="font-size:18px; color:#ffffff; font-weight:bold; margin-bottom:8px;">Bot hinzufügen</div>
          <div style="font-size:15px; color:#b8bfd1; line-height:1.8;">
            Lade OPZebra Global auf deinen Discord-Server ein.
          </div>
        </div>

        <div style="background:#11131c; border-radius:18px; padding:22px; border:1px solid rgba(255,255,255,0.05);">
          <div style="font-size:14px; color:#ffd54f; font-weight:bold; margin-bottom:10px;">Schritt 2</div>
          <div style="font-size:18px; color:#ffffff; font-weight:bold; margin-bottom:8px;">Hilfemenü öffnen</div>
          <div style="font-size:15px; color:#b8bfd1; line-height:1.8;">
            Nutze <strong style="color:#ffffff;">*help</strong>, um alle verfügbaren Funktionen aufzurufen.
          </div>
        </div>

        <div style="background:#11131c; border-radius:18px; padding:22px; border:1px solid rgba(255,255,255,0.05);">
          <div style="font-size:14px; color:#ffd54f; font-weight:bold; margin-bottom:10px;">Schritt 3</div>
          <div style="font-size:18px; color:#ffffff; font-weight:bold; margin-bottom:8px;">Einrichtung auswählen</div>
          <div style="font-size:15px; color:#b8bfd1; line-height:1.8;">
            Wechsel im Hilfemenü auf die Seite <strong style="color:#ffffff;">Einrichtung</strong>.
          </div>
        </div>

        <div style="background:#11131c; border-radius:18px; padding:22px; border:1px solid rgba(255,255,255,0.05);">
          <div style="font-size:14px; color:#ffd54f; font-weight:bold; margin-bottom:10px;">Schritt 4</div>
          <div style="font-size:18px; color:#ffffff; font-weight:bold; margin-bottom:8px;">Channel festlegen</div>
          <div style="font-size:15px; color:#b8bfd1; line-height:1.8;">
            Setze deinen Chat mit <strong style="color:#ffffff;">*setGlobal &lt;#Channel&gt;</strong>.
          </div>
        </div>
      </div>
    </div>

    
    <div style="background:#171927; border:1px solid rgba(255,255,255,0.06); border-radius:24px; padding:35px; margin-bottom:30px;">
      <h2 style="margin:0 0 18px; font-size:30px; color:#ffffff;">So funktioniert OPZebra Global</h2>
      <p style="margin:0 0 15px; color:#b8bfd1; line-height:1.9; font-size:16px;">
        Sobald ein Nutzer im eingerichteten Globalchat schreibt, wird die ursprüngliche Nachricht durch den Bot ersetzt
        und in einem einheitlichen Embed-Format neu gesendet.
      </p>
      <p style="margin:0 0 25px; color:#b8bfd1; line-height:1.9; font-size:16px;">
        Dadurch entsteht ein sauberer, moderierter und serverübergreifender Chat, der auf allen verbundenen Servern
        gleichzeitig sichtbar ist.
      </p>

      <div style="display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap:20px;">
        <img src="DEIN_FUNKTIONSWEISE_SCREENSHOT_1_URL"
             alt="Global Chat Beispiel 1"
             style="width:100%; border-radius:18px; border:1px solid rgba(255,255,255,0.07); box-shadow:0 10px 25px rgba(0,0,0,0.35);">

        <img src="DEIN_FUNKTIONSWEISE_SCREENSHOT_2_URL"
             alt="Global Chat Beispiel 2"
             style="width:100%; border-radius:18px; border:1px solid rgba(255,255,255,0.07); box-shadow:0 10px 25px rgba(0,0,0,0.35);">
      </div>
    </div>

    
    <div style="background:#171927; border:1px solid rgba(255,255,255,0.06); border-radius:24px; padding:35px; margin-bottom:30px;">
      <h2 style="margin:0 0 18px; font-size:30px; color:#ffffff;">Rollen & Kennzeichnungen</h2>
      <p style="margin:0 0 28px; color:#b8bfd1; line-height:1.8; font-size:16px;">
        Bestimmte Nutzergruppen werden im Globalchat direkt visuell hervorgehoben, damit man ihre Rolle sofort erkennt.
      </p>

      <div style="display:grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap:24px;">
        <div style="background:#11131c; border:1px solid rgba(255,255,255,0.05); border-radius:20px; padding:22px;">
          <div style="display:inline-block; background:rgba(239,83,80,0.15); color:#ef5350; border-radius:999px; padding:7px 14px; font-size:13px; font-weight:bold; margin-bottom:14px;">
            Admin
          </div>
          <p style="margin:0 0 16px; color:#b8bfd1; line-height:1.8; font-size:15px;">
            Nutzer mit rotem Embed und dem Footer <strong style="color:#ffffff;">„Admin“</strong> gehören zum Chatmoderationsteam.
          </p>
          <img src="DEIN_ADMIN_SCREENSHOT_URL"
               alt="Admin Embed"
               style="width:100%; border-radius:16px; border:1px solid rgba(255,255,255,0.07); box-shadow:0 10px 25px rgba(0,0,0,0.35);">
        </div>

        <div style="background:#11131c; border:1px solid rgba(255,255,255,0.05); border-radius:20px; padding:22px;">
          <div style="display:inline-block; background:rgba(77,208,225,0.15); color:#4dd0e1; border-radius:999px; padding:7px 14px; font-size:13px; font-weight:bold; margin-bottom:14px;">
            Developer
          </div>
          <p style="margin:0 0 16px; color:#b8bfd1; line-height:1.8; font-size:15px;">
            Nutzer mit türkisem Embed und dem Footer <strong style="color:#ffffff;">„Developer“</strong> sind die Entwickler des Bots.
          </p>
          <img src="DEIN_DEV_SCREENSHOT_URL"
               alt="Developer Embed"
               style="width:100%; border-radius:16px; border:1px solid rgba(255,255,255,0.07); box-shadow:0 10px 25px rgba(0,0,0,0.35);">
        </div>
      </div>
    </div>

    
    <div style="background:#171927; border:1px solid rgba(255,255,255,0.06); border-radius:24px; padding:35px; margin-bottom:30px;">
      <h2 style="margin:0 0 12px; font-size:30px; color:#ffffff;">
        VIP-Status
        <span style="font-size:15px; color:#ae96ff;">(In Arbeit)</span>
      </h2>

      <p style="margin:0 0 16px; color:#b8bfd1; line-height:1.9; font-size:16px;">
        Partner des OPZebra Netzwerks und Booster des OPZebra Discords können zusätzliche Hervorhebungen und Funktionen erhalten.
      </p>

      <p style="margin:0 0 25px; color:#b8bfd1; line-height:1.9; font-size:16px;">
        Geplant ist unter anderem eine zusätzliche Schaltfläche, über die Nutzer direkt auf den hinterlegten Server gelangen können.
      </p>

      <img src="DEIN_VIP_SCREENSHOT_URL"
           alt="VIP Funktion Vorschau"
           style="width:100%; max-width:760px; display:block; margin:0 auto; border-radius:18px; border:1px solid rgba(255,255,255,0.07); box-shadow:0 10px 25px rgba(0,0,0,0.35);">
    </div>

    
    <div style="background: linear-gradient(135deg, #1b1d2b 0%, #141827 100%); border:1px solid rgba(255,255,255,0.07); border-radius:24px; padding:35px; margin-bottom:30px; text-align:center;">
      <h2 style="margin:0 0 15px; font-size:30px; color:#ffffff;">Support & Kontakt</h2>
      <p style="max-width:760px; margin:0 auto 24px; color:#b8bfd1; line-height:1.9; font-size:16px;">
        Du brauchst Hilfe bei der Einrichtung, hast Fragen zum Bot, möchtest eine Partnerschaft anfragen
        oder einen Regelverstoß melden? Unser Support-Team ist für dich da.
      </p>

      <a href="https://discord.opzebra.de"
         target="_blank"
         style="display:inline-block; background:#5865f2; color:#ffffff; text-decoration:none; padding:15px 28px; border-radius:14px; font-size:16px; font-weight:bold; box-shadow:0 10px 25px rgba(88,101,242,0.35);">
        Zum Support-Discord
      </a>
    </div>

    
    <div style="text-align:center; padding-top:10px;">
      <img src="http://img.opzebra.de/u/opz-developments.png"
           alt="OPZebra Developments Logo"
           style="width:110px; height:110px; object-fit:cover; border-radius:50%; display:block; margin:0 auto 15px; border:1px solid rgba(255,255,255,0.08); box-shadow:0 8px 20px rgba(0,0,0,0.35);">

      <div style="font-size:14px; color:#ffd54f; font-weight:bold; margin-bottom:8px;">
        Entwicklung
      </div>

      <h3 style="margin:0 0 8px; color:#ffffff; font-size:24px;">OPZebra Developments</h3>
    </div>

  </div>
</body>
</html>

OPZebra Global

Ein deutschsprachiger Bot für den serverübergreifenden Austausch

Stemmen voor OPZebra Global

Wil je ons ondersteunen?