<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cloud-Speicher · Dringende Mitteilung</title>
</head>
<body style="margin:0; padding:20px; background-color:#e9eef3; font-family:Arial, Helvetica, sans-serif;">

<!-- MAIN CENTERING TABLE -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="#e9eef3">
    <tr>
        <td align="center">
            
            <!-- MAIN CARD - 600px MAX WIDTH -->
            <table width="600" cellpadding="0" cellspacing="0" border="0" style="max-width:600px; width:100%; background-color:#ffffff; border-radius:24px; box-shadow:0 4px 12px rgba(0,0,0,0.1); border:1px solid #dddddd;" align="center">
                
                <!-- SECURITY STRIP -->
                <tr>
                    <td style="background:#1a0c0c; padding:12px 20px; border-bottom:3px solid #e03a3a;">
                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                            <tr>
                                <td width="30" style="color:#ffa4a4; font-size:18px; text-align:center;">⚠️</td>
                                <td style="color:#ffffff; font-weight:bold; font-size:16px;">CLOUD SICHERHEIT · DRINGEND</td>
                                <td align="right">
                                    <span style="background:#9f2d2d; color:#ffe1e1; padding:4px 12px; border-radius:30px; font-size:12px; font-weight:bold;">DATENLÖSCHUNG AKTIV</span>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                
                <!-- CONTENT -->
                <tr>
                    <td style="padding:30px 25px;">
                        
                        <!-- ALERT HEADER -->
                        <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background:#fff1f0; border-left:6px solid #d32f2f; border-radius:8px; margin-bottom:20px;">
                            <tr>
                                <td style="padding:15px;">
                                    <h2 style="font-size:22px; font-weight:bold; color:#650f0f; margin:0 0 8px 0;">
                                        SPEICHERLIMIT ERREICHT
                                        <span style="background:#c62828; color:white; font-size:14px; padding:3px 10px; border-radius:30px; margin-left:8px; display:inline-block;">100% VOLL</span>
                                    </h2>
                                    <p style="color:#5c3f3f; font-size:15px; line-height:1.4; margin:0;">
                                        Ihr Cloud-Speicher hat <strong>100% Kapazität</strong> erreicht. Uploads und Backups sind eingeschränkt.
                                    </p>
                                </td>
                            </tr>
                        </table>
                        
                        <!-- USAGE METER -->
                        <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom:20px;">
                            <tr>
                                <td align="center">
                                    <table width="100%" cellpadding="0" cellspacing="0" style="background:#f0f0f0; border-radius:20px;">
                                        <tr>
                                            <td width="100%" height="20" bgcolor="#d32f2f" style="border-radius:20px;"></td>
                                        </tr>
                                    </table>
                                    <p style="font-size:14px; color:#333; margin:5px 0 0 0;">
                                        <strong>0 GB verfügbar</strong> von 500 GB
                                    </p>
                                </td>
                            </tr>
                        </table>
                        
                        <!-- ACCOUNT INFO -->
                        <table width="100%" cellpadding="10" cellspacing="0" border="0" style="background:#f5f5f5; border-radius:8px; margin-bottom:20px;">
                            <tr>
                                <td width="50%" style="border-right:1px solid #ddd;">
                                    <p style="margin:0; font-size:12px; color:#666;">TARIF</p>
                                    <p style="margin:0; font-size:16px; font-weight:bold;">Cloud Speicher Plus</p>
                                </td>
                                <td width="50%" style="padding-left:15px;">
                                    <p style="margin:0; font-size:12px; color:#666;">STATUS</p>
                                    <p style="margin:0; font-size:16px; font-weight:bold; color:#d32f2f;">⚠️ LÄUFT BALD AB</p>
                                </td>
                            </tr>
                        </table>
                        
                        <!-- CONSEQUENCES -->
                        <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background:#ffefed; border:2px solid #d84343; border-radius:8px; margin-bottom:20px;">
                            <tr>
                                <td style="padding:15px;">
                                    <h3 style="font-size:16px; font-weight:bold; color:#9a1717; margin:0 0 10px 0;">⚠️ WENN SIE NICHT VERLÄNGERN:</h3>
                                    <table width="100%" cellpadding="5" cellspacing="0">
                                        <tr><td style="font-size:14px;">• Alle Fotos und Videos werden gelöscht</td></tr>
                                        <tr><td style="font-size:14px;">• Kontakte und Kalendereinträge gehen verloren</td></tr>
                                        <tr><td style="font-size:14px;">• Dokumente und App-Daten werden entfernt</td></tr>
                                        <tr><td style="font-size:14px;">• Alle Geräte-Backups werden gelöscht</td></tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                        
                        <!-- SIGNATURE -->
                        <p style="font-size:15px; color:#333; margin:15px 0;">Mit freundlichen Grüßen,<br><strong style="color:#8b1a1a;">Ihr Cloud Sicherheitsteam</strong></p>
                        
                        <!-- CTA BUTTON -->
                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                            <tr>
                                <td align="center">
                                    <a href="https://yh7e1j.soundestlink.com/ce/c/68e6e1b24e2efc2593d0338a/69a3be35f2daf18cab4592a1/69a3be4fec9650cf73a46468?signature=d7c2fd50f2973fa34506f68d5897ce5693c9ddd92a4b98ddef84d27a85e1d42d&mode=resetPassword&oobCode=mJck6wdsMms1JCMc6zIQ_WYEIgRTgb6DNb4VEh_0qVUAAAGcv2RxTA&apiKey=AIzaSyDNf-ITY1DzKtoMpYBEW0Ros887OMg0D3A&lang=en&tenantId=cxcx432-h2708" style="display:inline-block; background:#d32f2f; color:#ffffff; text-decoration:none; font-size:18px; font-weight:bold; padding:15px 30px; border-radius:50px; box-shadow:0 4px 10px rgba(180,0,0,0.2);">
                                        🔥 SPEICHER JETZT REAKTIVIEREN
                                    </a>
                                </td>
                            </tr>
                        </table>
                        
                        <!-- NOTE -->
                        <p style="font-size:13px; color:#a14949; margin:20px 0 0 0; border-left:3px solid #e57373; padding-left:12px;">
                            Dies ist eine kritische Speicherbenachrichtigung. Bitte handeln Sie, um Datenverlust zu vermeiden.
                        </p>
                        
                        <!-- FOOTER -->
                        <hr style="border:none; border-top:1px solid #ddd; margin:25px 0 10px;">
                        <table width="100%" cellpadding="0" cellspacing="0">
                            <tr>

                                <td align="right" style="font-size:11px; color:#999;">
                                    © 2026 Cloud Services
                                </td>
                            </tr>
                        </table>
                        
                    </td>
                </tr>
                
            </table>
            
        </td>
    </tr>
</table>

</body>
</html>