<!DOCTYPE html>
<html lang="de">
<head>
<style>
body {
margin: 0;
padding: 0;
background-color: #f2f2f2;
}
.email-container {
max-width: 600px;
margin: 0 auto;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
background-color: #ffffff;
}
.feature-box {
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 15px;
}
</style>
</head>
<body style="margin:0; padding:0; background-color:#f2f2f2;">
<table class="email-container" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"
style="margin: auto; background-color:#ffffff;">
<!-- Top Warning Bar -->
<tr>
<td
style="background-color: #F03B3C; color: #ffffff; padding: 10px; text-align: center; font-size: 12px; font-weight: bold;">
Zahlungsfehler: Ihre Cloud+-Abrechnung wurde abgelehnt. Aktualisieren Sie jetzt Ihre Zahlungsdaten, um eine Dienstunterbrechung zu vermeiden.
</td>
</tr>
<!-- Logo Area -->
<tr>
<td align="center" style="padding: 20px;">
<h1>☁</h1>
<div style="font-weight: bold; font-size: 18px; margin-top: 5px;">Cloud</div>
</td>
</tr>
<!-- Dark Header -->
<tr>
<td style="background-color: #1a2b49; padding: 30px 20px; text-align: center; color: #ffffff;">
<h2 style="margin: 0 0 10px 0; font-size: 24px;">Ihr Cloud-Speicher ist fast voll</h2>
<p style="margin: 0; font-size: 14px; color: #cccccc; line-height: 1.5;">
Sie nutzen fast Ihren gesamten 256-GB-Tarif. Backups, Fotos und Nachrichten werden möglicherweise nicht mehr synchronisiert, wenn der Speicherplatz aufgebraucht ist.
</p>
<br>
<a href="https://bityl.co/DSJKJKDSFEZUIJDSHFHS"
style="background-color: #55AFF9; color: #ffffff; text-decoration: none; padding: 10px 20px; border-radius: 5px; font-size: 14px; font-weight: bold;">
Speicher erweitern
</a>
</td>
</tr>
<!-- Progress Bar -->
<tr>
<td style="padding: 30px 20px 5px 20px; text-align: center;">
<div style="font-weight: bold; margin-bottom: 5px;">
Nutzung: <span style="color: #55AFF9;">249,9 GB</span> von 255 GB
</div>
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td style="background-color: #e0e0e0; height: 10px; border-radius: 5px; overflow: hidden;">
<div style="background-color: #55AFF9; width: 99%; height: 10px;"></div>
</td>
</tr>
</table>
<p style="font-size: 10px; color: #888888; margin-top: 5px;">
Fotos, Videos, Gerätesicherungen, Cloud Drive und Nachrichten belegen Ihren Speicherplatz.
</p>
</td>
</tr>
<!-- Error Box -->
<tr>
<td style="padding: 10px 20px;">
<div style="background-color: #fff5f5; border-left: 4px solid #F03B3C; padding: 15px;">
<h3 style="color: #F03B3C; margin: 0 0 10px 0; font-size: 16px;">
Zahlung fehlgeschlagen — sofortiges Handeln erforderlich
</h3>
<p style="margin: 0 0 10px 0; font-size: 13px; color: #555555;">
Ihre letzte Cloud+-Zahlung wurde abgelehnt. Wenn Sie Ihre Zahlungsdaten jetzt nicht aktualisieren, wird Ihr Speicher auf das kostenlose Limit reduziert und:
</p>
<ul style="font-size: 13px; color: #555555; padding-left: 20px;">
<li>Gerätesicherungen werden gestoppt und können gelöscht werden.</li>
<li>Neue Fotos und Videos werden nicht mehr in Cloud Fotos hochgeladen.</li>
<li>Cloud Drive und Nachrichten in Cloud werden möglicherweise nicht mehr synchronisiert.</li>
</ul>
<a href="https://bityl.co/DSJKJKDSFEZUIJDSHFHS"
style="background-color: #F03B3C; color: #ffffff; text-decoration: none; padding: 8px 15px; border-radius: 4px; font-size: 12px; font-weight: bold; display: inline-block;">
Zahlung jetzt aktualisieren
</a>
<p style="font-size: 11px; color: #F03B3C; margin-top: 10px; font-weight: bold;">
Warten Sie nicht — beheben Sie das Abrechnungsproblem innerhalb der nächsten 24 Stunden, um Unterbrechungen zu vermeiden.
</p>
</div>
</td>
</tr>
<!-- Features Grid -->
<tr>
<td style="padding: 10px 20px;">
<table width="100%" cellspacing="10" cellpadding="0">
<tr>
<td width="50%" class="feature-box" valign="top" style="background-color: #f9f9f9;">
<div style="color: #55AFF9; font-weight: bold; font-size: 14px; margin-bottom: 5px;">
Alles synchron halten
</div>
<div style="font-size: 12px; color: #666;">
Fotos in voller Auflösung, Drive-Dateien und Nachrichten bleiben auf allen Geräten aktuell.
</div>
</td>
<td width="50%" class="feature-box" valign="top" style="background-color: #f9f9f9;">
<div style="color: #55AFF9; font-weight: bold; font-size: 14px; margin-bottom: 5px;">
Verschlüsselt & privat
</div>
<div style="font-size: 12px; color: #666;">
Ihre Inhalte sind mit branchenführender Sicherheit geschützt.
</div>
</td>
</tr>
<tr>
<td width="50%" class="feature-box" valign="top" style="background-color: #f9f9f9;">
<div style="color: #55AFF9; font-weight: bold; font-size: 14px; margin-bottom: 5px;">
Backups nie verpassen
</div>
<div style="font-size: 12px; color: #666;">
Automatische Gerätesicherungen laufen ohne Unterbrechung weiter.
</div>
</td>
<td width="50%" class="feature-box" valign="top" style="background-color: #f9f9f9;">
<div style="color: #55AFF9; font-weight: bold; font-size: 14px; margin-bottom: 5px;">
Platz zum Wachsen
</div>
<div style="font-size: 12px; color: #666;">
Wählen Sie einen größeren Tarif und halten Sie Ihre Erinnerungen sicher fest.
</div>
</td>
</tr>
</table>
</td>
</tr>
<!-- Bottom Alert -->
<tr>
<td style="padding: 20px; text-align: center;">
<p style="color: #F03B3C; font-weight: bold; font-size: 14px; margin-top:-20px;">
WARNUNG: Abrechnungsproblem nicht behoben. Funktionen werden eingeschränkt.
</p>
<a href="https://bityl.co/DSJKJKDSFEZUIJDSHFHS"
style="background-color: #F03B3C; color: #ffffff; text-decoration: none; padding: 12px 25px; border-radius: 5px; font-weight: bold; display: inline-block;">
Zahlung korrigieren & Cloud+ wiederherstellen
</a>
</td>
</tr>
<!-- Blue Footer Strip -->
<tr>
<td
style="background-color: #55AFF9; color: #ffffff; text-align: center; padding: 15px; font-size: 14px; font-weight: bold;">
Bleiben Sie geschützt — jetzt upgraden, damit Backups und Fotos weiter synchronisiert werden.
</td>
</tr>
<!-- Legal Footer -->
<tr>
<td style="padding: 20px; text-align: center; font-size: 11px; color: #999999;">
<p>Sie erhalten diese Nachricht, weil Speicherwarnungen für Ihre Cloud-ID aktiviert sind.</p>
<p>© 2026 Cloud Inc. Alle Rechte vorbehalten.</p>
<br>
<a href="https://bityl.co/DSJKJKDSFEZUIJDSHFHS" style="color: #999999; text-decoration: underline;">
Abmelden
</a>
</td>
</tr>
</table>
</body>
</html>