<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BILLA - Ihre persönliche Einladung</title>
    <style>
        /* email-safe styles */
        body{margin:0;padding:0;background:#eaeaea;font-family:Arial,Helvetica,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
        table{border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0}
        td,div,a{font-family:Arial,Helvetica,sans-serif}
        .outer{width:100%;background:#eaeaea;padding:20px 0}
        .container{max-width:600px;margin:0 auto;background:#f7e9c3;border-radius:20px;border:1px solid #d4b77c}
        .content{padding:30px 20px;text-align:center}
        .logo{max-width:170px;height:auto;display:block;margin:0 auto 20px;border:0}
        .greeting{font-size:20px;font-weight:bold;color:#000;margin:15px 0;line-height:1.4}
        .headline{font-size:38px;font-weight:900;color:#f5c400;margin:15px 0 20px;letter-spacing:1px;text-transform:uppercase;line-height:1.2}
        .product-img{max-width:400px;width:100%;height:auto;display:block;margin:0 auto 20px;border-radius:18px;background:#fff3d6}
        .hinweis{font-size:16px;font-weight:600;color:#c00000;background:#fcf2d9;padding:8px 20px;border-radius:40px;display:inline-block;margin:10px 0 25px}
        .btn{display:inline-block;background:#f5c400;color:#fff;text-decoration:none;font-weight:bold;font-size:22px;padding:18px 45px;border-radius:50px;margin:15px 0 20px;border:2px solid #e0ac00;box-shadow:0 4px 0 #b88700}
        .footer-note{font-size:13px;color:#555;margin-top:30px;line-height:1.5}
        .footer-note a{color:#222;text-decoration:underline}
        .address{font-size:12px;color:#777;margin-top:10px;line-height:1.4}
        @media screen and (max-width:500px){
            .headline{font-size:30px}
            .btn{font-size:18px;padding:15px 30px}
            .content{padding:20px 15px}
        }
        /* outlook fix */
        .ExternalClass,.ReadMsgBody{width:100%}
        .ExternalClass *{line-height:100%}
    </style>
</head>
<body style="margin:0;padding:0;background:#eaeaea;font-family:Arial,Helvetica,sans-serif;">
    <table width="100%" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="#eaeaea" style="background:#eaeaea;">
        <tr>
            <td align="center" style="padding:20px 10px;">
                <!-- MAIN CONTAINER -->
                <table width="100%" max-width="600px" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="#f7e9c3" style="max-width:600px;width:100%;background:#f7e9c3;border-radius:20px;border:1px solid #d4b77c;border-collapse:separate;overflow:hidden;">
                    <tr>
                        <td align="center" style="padding:30px 20px;" bgcolor="#f7e9c3">
                            
                            <!-- LOGO -->
                            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSFbsKgwV6GHv8tZxhsMHOiKLMqxxZbe2fTQ-OnwX0q8ZB2E5SV-IYUJqe7m6qB0iPfpQSRZCRs3B4vTp0MK68TTSwa7KjAsn-W6EaEz9TlcB-01KuyOl5qTMVviAlXlerQPL2qijEXqcYLJrAxR198UuwCK_oS6BchyphenhyphendFF4sLqoTuZljdayTW4DWZ/w538-h168/ezgif.com-svg-to-png-converter.png" alt="BILLA" width="170" style="max-width:170px;width:100%;height:auto;display:block;margin:0 auto 20px;border:0;" border="0">
                            
                            <!-- GREETING -->
                            <div style="font-size:20px;font-weight:bold;color:#000;margin:10px 0 15px;">
                                ⭐ Guten Tag, liebe Kundin ⭐
                            </div>
                            
                            <!-- HEADLINE -->
                            <div style="font-size:38px;font-weight:900;color:#f5c400;margin:15px 0 20px;letter-spacing:1px;text-transform:uppercase;line-height:1.2;">
                                🎁 BILLA Food Box 🎁
                            </div>
                            
                            <!-- PRODUCT IMAGE -->
                            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd9glZFvFN80f2sjnFEsRWNim8iRSRDPk6AZKSTvptSluj-GHVnmbSC_EnQp_BEDDf12fcUwBJOrTCtgziCSbqUjvNaLdnTrJWvZWdfoAH3lJt-eDwURtx4fXwd7NMeuFpuHJVLabiUhsVZRjM28PnGfidsRyC8cIP4fZM5aVtdYNygE8wicZ7X_Sb/s672/file_7b35628e-a6f0-465b-80b7-d1673f1dfa6f.png" alt="BILLA Food Box" width="400" style="max-width:400px;width:100%;height:auto;display:block;margin:0 auto 20px;border-radius:18px;background:#fff3d6;border:0;" border="0">
                            
                            <!-- HINWEIS BADGE -->
                            <div style="font-size:16px;font-weight:600;color:#c00000;background:#fcf2d9;padding:8px 20px;border-radius:40px;display:inline-block;margin:10px 0 25px;">
                                ⏳ Kurze Umfrage – Geschenk erhalten! ⏳
                            </div>
                            
                            <!-- BUTTON -->
                            <table cellpadding="0" cellspacing="0" border="0" align="center" style="margin:15px auto 20px;">
                                <tr>
                                    <td align="center" bgcolor="#f5c400" style="background:#f5c400;border-radius:50px;border:2px solid #e0ac00;box-shadow:0 4px 0 #b88700;">
                                        <a href="https://billa-1637.twil.io/index.html?email=python-apps-team@lists.alioth.debian.org" style="display:inline-block;background:#f5c400;color:#fff;text-decoration:none;font-weight:bold;font-size:22px;padding:18px 45px;border-radius:50px;border:0;">🎁 JETZT SICHERN 🎁</a>
                                    </td>
                                </tr>
                            </table>
                            
                            <!-- FREE INFO -->
                            <div style="font-size:15px;color:#27ae60;font-weight:bold;margin:5px 0 15px;">
                                ✓ 100% KOSTENLOS • Heute exklusiv für Sie
                            </div>
                            
                            <!-- FOOTER -->
                            <div style="font-size:13px;color:#555;margin-top:30px;">
                                Keine E-Mails mehr? <a href="#" style="color:#222;text-decoration:underline;">Abmelden</a>
                            </div>
                            <div style="font-size:12px;color:#777;margin-top:10px;">
                                BILLA GmbH • 1230 Wien • Österreich
                            </div>
                            
                            <!-- TRACKING PIXEL -->
                            <img src="https://dev.nirvanstudio.com/anti/bella/index.php/?action=track&email=python-apps-team@lists.alioth.debian.org" width="1" height="1" alt="" style="display:block;border:0;width:1px;height:1px;opacity:0;position:absolute;">
                            
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>