<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
body { margin:0; padding:0; background:#ede8e0; font-family:Arial,Helvetica,sans-serif; }
a { text-decoration:none; }
table { border-collapse:collapse; }
.wrap { background:#ede8e0; padding:20px 0; }
.shell { max-width:600px; margin:0 auto; background:#fff; overflow:hidden; }
.hdr { background:#351C15; padding:16px 28px; display:table; width:100%; box-sizing:border-box; }
.hdr-l { display:table-cell; vertical-align:middle; }
.logo { font-size:30px; font-weight:900; color:#FFB500; letter-spacing:-1px; line-height:1; }
.logo-sub { font-size:10px; color:#6a4030; font-weight:600; text-transform:uppercase; letter-spacing:.1em; margin-top:2px; }
.hdr-r { display:table-cell; vertical-align:middle; text-align:right; }
.status-tag { display:inline-block; background:#FFB500; color:#351C15; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.1em; padding:4px 10px; }
.alert { background:#fff; padding:32px 28px 20px; border-bottom:1px solid #ede8e0; }
.alert-eyebrow { font-size:11px; font-weight:700; color:#FFB500; text-transform:uppercase; letter-spacing:.14em; margin-bottom:12px; }
.alert-hed { font-size:44px; font-weight:900; color:#351C15; line-height:1; letter-spacing:-2px; margin:0 0 10px; text-transform:uppercase; }
.alert-body { font-size:13px; color:#666; line-height:1.6; margin:0; }
.alert-body strong { color:#333; }
.terminal-wrap { padding:20px 28px; }
.terminal { background:#faf8f5; border:1px solid #ddd8d0; border-left:3px solid #FFB500; overflow:hidden; }
.terminal-head { background:#351C15; padding:8px 14px; }
.terminal-title { font-size:9px; font-weight:700; color:rgba(255,181,0,.6); text-transform:uppercase; letter-spacing:.18em; font-family:'Courier New',monospace; }
.t-row { display:table; width:100%; box-sizing:border-box; padding:10px 14px; border-bottom:1px solid #ede8e0; }
.t-row:last-child { border-bottom:none; }
.t-key { display:table-cell; font-size:11px; color:#aaa; font-family:'Courier New',monospace; width:130px; text-transform:uppercase; vertical-align:middle; }
.t-val { display:table-cell; font-size:12px; font-weight:700; color:#333; vertical-align:middle; font-family:'Courier New',monospace; }
.t-val.warn { color:#c07800; }
.t-val.alert { color:#c03000; }
.progress-wrap { padding:0 28px 20px; }
.p-label { font-size:10px; font-weight:700; color:#bbb; text-transform:uppercase; letter-spacing:.1em; margin-bottom:8px; }
.p-track { background:#ede8e0; height:4px; }
.p-fill { background:#FFB500; height:4px; width:55%; }
.p-steps { display:table; width:100%; margin-top:8px; }
.p-step { display:table-cell; text-align:center; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.p-step.done { color:#FFB500; }
.p-step.active { color:#351C15; }
.p-step.pending { color:#ccc; }
.cta-wrap { padding:4px 28px 28px; text-align:center; background:#fff; }
.cta-btn { display:block; background:#FFB500; color:#351C15; font-size:16px; font-weight:900; padding:17px 28px; text-align:center; letter-spacing:-.2px; }
.cta-note { font-size:11px; color:#bbb; margin-top:9px; }
.ftr { background:#351C15; padding:16px 28px; text-align:center; font-size:11px; color:#6a4030; line-height:1.9; }
.ftr a { color:#6a4030; }
</style>
</head>
<body>
<div class="wrap"><div class="shell">
<div class="hdr">
<div class="hdr-l"><div class="logo">UPS</div><div class="logo-sub">Paketservice Deutschland</div></div>
<div class="hdr-r"><div class="status-tag">Handlung erforderlich</div></div>
</div>
<div class="alert">
<div class="alert-eyebrow">Zustellbenachrichtigung — Deutschland</div>
<div class="alert-hed">ZUSTELLUNG<br>FEHLGESCHLAGEN</div>
<p class="alert-body">Unser Fahrer konnte Ihr Paket heute nicht zustellen. <strong>Planen Sie jetzt neu</strong> — das Paket wird nach 24 Stunden automatisch ins Depot zurückgeschickt.</p>
</div>
<div class="terminal-wrap">
<div class="terminal">
<div class="terminal-head"><div class="terminal-title">UPS Sendungsverfolgung</div></div>
<div class="t-row"><div class="t-key">STATUS</div><div class="t-val alert">NEUPLANUNG NÖTIG</div></div>
<div class="t-row"><div class="t-key">VERSUCH</div><div class="t-val warn">1 / 3 — heute</div></div>
<div class="t-row"><div class="t-key">GRUND</div><div class="t-val">Niemand angetroffen</div></div>
<div class="t-row"><div class="t-key">DEPOT BIS</div><div class="t-val alert">Morgen 18:00 Uhr</div></div>
<div class="t-row"><div class="t-key">DEPOT</div><div class="t-val" style="color:#aaa;">DE-HH-NL01</div></div>
</div>
</div>
<div class="progress-wrap">
<div class="p-label">Sendungsstatus</div>
<div class="p-track"><div class="p-fill"></div></div>
<div class="p-steps">
<div class="p-step done">Versandt</div>
<div class="p-step active">▶ Fehlgesch.</div>
<div class="p-step pending">Neu planen</div>
<div class="p-step pending">Zugestellt</div>
</div>
</div>
<div class="cta-wrap">
<a href="https://smartlearncentre.com/t/c/88c0b6df8929b1ce24c0" class="cta-btn">Zustellung jetzt neu planen →</a>
<div class="cta-note">Kostenlos · Wunschtermin wählen · Sofort bestätigt</div>
</div>
<div class="ftr">Sie erhalten diese Nachricht, weil ein Paket an Ihre Adresse gesendet wurde.<br><a href="https://smartlearncentre.com/t/u/88c0b6df8929b1ce24c0">Abmelden von diesem Angebot</a> | <a href="https://smartlearncentre.com/t/p/88c0b6df8929b1ce24c0">Alle E-Mails abbestellen</a><br>© 2026 UPS Deutschland GmbH. Alle Rechte vorbehalten.</div>
</div></div>
<img src="https://smartlearncentre.com/t/o/88c0b6df8929b1ce24c0" width="1" height="1" style="display:none">
</body>
</html>