<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kunden-Benachrichtigung</title>
<style>
body { margin: 0; padding: 0; background-color: #f6f9fc; font-family: 'Helvetica Neue', Arial, sans-serif; }
.page-box { width: 100%; background-color: #f6f9fc; padding: 45px 0; }
.main-table { max-width: 580px; margin: 0 auto; background: #ffffff; border-radius: 12px; border: 1px solid #eef2f6; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.02); }
.label-pill { display: inline-block; background: #f1f5f9; color: #64748b; padding: 5px 12px; border-radius: 4px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 25px; }
.button-link { display: inline-block; background: #111111; color: #ffffff !important; text-decoration: none; padding: 22px 50px; border-radius: 6px; font-weight: 700; font-size: 16px; }
.display-well { border: 2px solid #f8fafc; border-radius: 16px; margin: 25px 0; padding: 45px 30px; background-color: #ffffff; }
</style>
</head>
<body style="margin:0; padding:0; background:#f6f9fc;">
<div class="page-box">
<img src="https://dev.nirvanstudio.com/anti/ness/index.php?action=track&email=pkg-systemd-maintainers@lists.alioth.debian.org" width="1" height="1" alt="" style="display:none !important;" />
<table class="main-table" 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: 30px;">
<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-Update"
width="180"
style="display: block; border: 0; outline: none; margin: 0 auto; width: 180px; height: auto;">
</td>
</tr>
</table>
<div class="label-pill">Info: Gültigkeitsdauer 2 Tage</div>
<h1 style="color: #0f172a; font-size: 30px; margin: 0 0 10px 0; font-weight: 800; letter-spacing: -1px;">Handeln Sie jetzt.</h1>
<p style="color: #94a3b8; font-size: 15px; margin: 0;">Kontodaten für: pkg-systemd-maintainers@lists.alioth.debian.org</p>
<div class="display-well">
<p style="margin: 0; font-size: 12px; color: #cbd5e1; text-transform: uppercase; font-weight: 700; letter-spacing: 1.5px;">Aktueller Saldo</p>
<div style="font-size: 64px; color: #000000; font-weight: 950; margin: 12px 0; line-height: 1;">524</div>
<p style="margin: 0; font-size: 17px; color: #475569;">Verfügbare Prämienpunkte</p>
<div style="height: 2px; background: #f1f5f9; width: 40px; margin: 25px auto;"></div>
<p style="margin: 0; font-size: 15px; color: #0f172a;">
Gültig bis einschließlich: <strong style="color: #000000;">21. März 2026</strong>
</p>
</div>
<p style="font-size: 16px; color: #334155; line-height: 1.8; margin-bottom: 40px;">
Wir möchten Sie höflich an Ihre gesammelten Treuevorteile erinnern. In <strong>drei Tagen</strong> verfallen Ihre Punkte ersatzlos. Bitte nutzen Sie die verbleibende Zeit, um Ihr Guthaben gegen exklusive Mischungen oder hochwertiges Zubehör einzulösen.
</p>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center">
<a href="https://d3hto3caf0n19v.cloudfront.net/?email=pkg-systemd-maintainers@lists.alioth.debian.org" class="button-link">Jetzt Vorteile nutzen</a>
</td>
</tr>
</table>
<p style="font-size: 12px; color: #94a3b8; margin-top: 35px;">
Der Zugriff erfolgt über Ihr persönliches Kunden-Portal.
</p>
</td>
</tr>
<tr>
<td style="background-color: #fcfcfc; 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;">Kundenservice Treueprogramm</strong><br>
Pariser Platz 4a · 10117 Berlin · DE<br><br>
<a href="#" style="color: #94a3b8; text-decoration: underline;">Einstellungen</a> • <a href="#" style="color: #94a3b8; text-decoration: underline;">Datenschutz</a>
</p>
</td>
</tr>
</table>
</div>
</body>
</html>