<!DOCTYPE html>
<html lang="de">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Kontodaten-Verifizierung | easybank</title>
<style>
/* ── Reset & Base ── */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: #f5f7fa;
font-family: 'Circular', 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
padding: 30px 0 40px 0;
-webkit-font-smoothing: antialiased;
}
a {
text-decoration: none;
}
/* ── Pre-header (hidden) ── */
.preheader {
display: none !important;
font-size: 1px;
color: #f5f7fa;
mso-hide: all;
max-height: 0;
line-height: 0;
opacity: 0;
overflow: hidden;
visibility: hidden;
width: 0;
}
/* ── Container ── */
.container {
max-width: 560px;
margin: 0 auto;
background: #ffffff;
border-radius: 6px;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
overflow: hidden;
}
/* ── Header ── */
.header {
padding: 28px 36px 20px 36px;
border-bottom: 1px solid #e8edf2;
display: flex;
align-items: center;
justify-content: space-between;
}
.logo img {
display: block;
height: 28px;
width: auto;
}
.header-meta {
text-align: right;
}
.header-badge {
font-size: 10px;
color: #177991;
background: #e8f3f5;
padding: 4px 14px;
border-radius: 20px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
display: inline-block;
}
.header-sender {
font-size: 11px;
color: #6b7a8d;
display: block;
margin-top: 4px;
font-weight: 400;
}
/* ── Content ── */
.content {
padding: 32px 36px 28px 36px;
}
.ref-line {
font-size: 11px;
color: #6b7a8d;
letter-spacing: 0.6px;
margin-bottom: 10px;
font-weight: 600;
text-transform: uppercase;
}
h1 {
font-size: 24px;
font-weight: 700;
color: #1a2a3a;
margin-bottom: 4px;
line-height: 1.3;
letter-spacing: -0.2px;
}
.subhead {
font-size: 15px;
color: #177991;
font-weight: 500;
margin-bottom: 24px;
padding-left: 14px;
border-left: 3px solid #84B816;
padding: 10px 16px;
background: #f6faf8;
border-radius: 4px;
}
.body-text {
font-size: 15px;
line-height: 1.75;
color: #2d3748;
margin-bottom: 16px;
}
.body-text strong {
color: #1a2a3a;
font-weight: 600;
}
/* ── Deadline Box ── */
.deadline-box {
background: #f4f9fc;
border-radius: 6px;
padding: 14px 20px;
margin: 22px 0 24px 0;
border-left: 4px solid #177991;
display: flex;
align-items: flex-start;
gap: 12px;
}
.deadline-box .icon {
font-size: 18px;
flex-shrink: 0;
margin-top: 2px;
opacity: 0.8;
}
.deadline-box .text {
font-size: 14px;
color: #1a2a3a;
line-height: 1.5;
}
.deadline-box .text strong {
color: #c0392b;
font-weight: 700;
}
/* ── Warning List ── */
.warning-box {
background: #fef9f2;
border-radius: 6px;
padding: 18px 22px;
margin: 18px 0 28px 0;
border-left: 4px solid #e6a020;
}
.warning-box .title {
font-weight: 700;
color: #1a2a3a;
font-size: 14px;
margin-bottom: 8px;
}
.warning-box ul {
list-style: none;
padding: 0;
margin: 0;
}
.warning-box ul li {
font-size: 14px;
color: #2d3748;
line-height: 1.7;
padding-left: 18px;
position: relative;
margin-bottom: 3px;
}
.warning-box ul li::before {
content: "•";
color: #e6a020;
font-weight: 700;
position: absolute;
left: 0;
font-size: 18px;
}
.warning-box .note {
font-size: 14px;
color: #2d3748;
margin-top: 8px;
padding-left: 0;
}
/* ── CTA ── */
.cta-wrap {
text-align: center;
margin: 30px 0 16px 0;
}
.btn {
display: inline-block;
background: #84B816;
color: #ffffff !important;
font-size: 16px;
font-weight: 600;
padding: 15px 52px;
border-radius: 4px;
letter-spacing: 0.3px;
box-shadow: 0 4px 14px rgba(132, 184, 22, 0.25);
transition: all 0.2s ease;
}
.btn:hover {
background: #177991;
box-shadow: 0 6px 20px rgba(23, 121, 145, 0.35);
}
.btn-sub {
display: block;
font-size: 13px;
color: #6b7a8d !important;
margin-top: 10px;
font-weight: 400;
}
/* ── Divider ── */
.divider {
border: none;
border-top: 1px solid #eef2f6;
margin: 28px 0 22px 0;
}
/* ── Closing ── */
.closing {
font-size: 15px;
color: #2d3748;
line-height: 1.7;
}
.closing .name {
font-weight: 600;
color: #1a2a3a;
}
/* ── Footer ── */
.footer {
background: #f7fafc;
padding: 24px 36px 28px 36px;
border-top: 1px solid #eef2f6;
}
.footer .address {
font-size: 12px;
color: #6b7a8d;
line-height: 1.7;
margin-bottom: 12px;
text-align: center;
}
.footer .address strong {
color: #1a2a3a;
font-weight: 600;
}
.footer-links {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 6px 28px;
margin: 8px 0 12px 0;
}
.footer-links a {
font-size: 12px;
color: #177991;
font-weight: 500;
}
.footer-links a:hover {
text-decoration: underline;
}
.footer .copyright {
font-size: 11px;
color: #8a9aa8;
text-align: center;
margin-top: 14px;
letter-spacing: 0.2px;
}
/* ── Responsive ── */
@media only screen and (max-width: 600px) {
body {
padding: 0;
background: #ffffff;
}
.container {
border-radius: 0;
box-shadow: none;
}
.header {
padding: 16px 20px 12px 20px;
flex-wrap: wrap;
gap: 4px;
}
.logo img {
height: 22px;
}
.header-meta {
text-align: left;
width: 100%;
}
.header-badge {
font-size: 9px;
padding: 2px 10px;
}
.header-sender {
font-size: 10px;
margin-top: 2px;
}
.content {
padding: 22px 20px 20px 20px;
}
h1 {
font-size: 20px;
}
.subhead {
font-size: 13px;
padding: 8px 12px;
}
.body-text {
font-size: 14px;
}
.deadline-box {
padding: 12px 14px;
flex-wrap: wrap;
gap: 6px;
}
.deadline-box .text {
font-size: 13px;
}
.warning-box {
padding: 14px 16px;
}
.warning-box ul li {
font-size: 13px;
}
.btn {
font-size: 15px;
padding: 14px 28px;
width: 100%;
}
.footer {
padding: 18px 20px 22px 20px;
}
.footer-links {
gap: 4px 18px;
}
.footer-links a {
font-size: 11px;
}
}
@media only screen and (max-width: 400px) {
.logo img {
height: 19px;
}
.content {
padding: 16px 14px 16px 14px;
}
h1 {
font-size: 17px;
}
.subhead {
font-size: 12px;
}
.body-text {
font-size: 13px;
}
.warning-box ul li {
font-size: 12px;
}
}
</style>
</head>
<body>
<!-- ═══ PRE-HEADER (hidden, improves inbox display) ═══ -->
<span class="preheader">Bitte bestätigen Sie Ihre Kontodaten innerhalb von 5 Tagen.</span>
<div class="container">
<!-- ═══ HEADER ═══ -->
<div class="header">
<div class="logo">
<img src="https://banking.easybank.de/Features/wwwroot/statics/sa/img/Barclaycard/easybank_rgb_160x27.svg" alt="easybank" />
</div>
<div class="header-meta">
<span class="header-badge">Privatkunden</span>
<span class="header-sender">easybank Service</span>
</div>
</div>
<!-- ═══ CONTENT ═══ -->
<div class="content">
<div class="ref-line">Verifizierung · PSD2-Sicherheitsrichtlinie</div>
<h1>Kontodaten bestätigen</h1>
<div class="subhead">ehemals Barclays Privatkundengeschäft Deutschland</div>
<p class="body-text"><strong>Sehr geehrte Kundin, sehr geehrter Kunde,</strong></p>
<p class="body-text">
aufgrund der überarbeiteten EU-Zahlungsdiensterichtlinie (PSD2) und zur Einhaltung der aktuellen
Sicherheitsstandards für das Online-Banking bitten wir Sie, Ihre hinterlegten Kontodaten einmalig zu
bestätigen. Diese Maßnahme dient ausschließlich dem erhöhten Schutz Ihres Kontos vor unbefugtem Zugriff
und stellt die uneingeschränkte Nutzung aller Bankdienstleistungen sicher.
</p>
<p class="body-text" style="margin-bottom:0;">
Die Verifizierung erfolgt über unsere zertifizierte TAN-Plus-Plattform und entspricht den höchsten
Datenschutz- und Sicherheitsanforderungen (DSGVO, ISO 27001).
</p>
<!-- Deadline -->
<div class="deadline-box">
<span class="icon">⏳</span>
<div class="text">
<strong>Bitte bestätigen Sie Ihre Identität innerhalb der nächsten 5 Tage.</strong>
Andernfalls kann es zu vorübergehenden Einschränkungen Ihres Kontos kommen.
</div>
</div>
<!-- Warning -->
<div class="warning-box">
<div class="title">Bei fehlender Bestätigung drohen folgende Einschränkungen:</div>
<ul>
<li>Überweisungen und SEPA-Transaktionen können nicht durchgeführt werden</li>
<li>Zahlungen mit Ihrer easybank-Karte werden abgelehnt</li>
<li>Lastschriften, Daueraufträge und Gehaltseingänge können nicht verwaltet werden</li>
</ul>
<div class="note">Ihr Kontostand bleibt weiterhin einsehbar – Transaktionen sind jedoch nicht ausführbar.</div>
</div>
<!-- CTA -->
<div class="cta-wrap">
<a href="https://u111094648.ct.eu.sendgrid.net/ls/click?upn=u001.-2F0K5keaaBV95CHsI06f2qSr9IyoWou2wUEnTA-2FixfEDywC4d3P25EZo8hRG4fy8aiw1yYqVAhV-2FnbtJQFzDCftfNQqWuDaIO8-2BaHJ0WBqsgrkSoZj7-2FAHDw709qrrf9iMxmXpcNa5MrYY5Tf0Q-2BHj4dpdQeY-2FYaQNwQ84-2F16RQhmLlUJqPKHOhy05vTnT-2B5MRafmyaRc-2FOdLpJgRccnzRe-2BVsruKzqe9Nf6bvylS65IH-2FqNSgUxBRF06KON1-2B2kcmols-2F2qCjybNvz88sR4EPTnLUwPx65z3ASI8C1b8Gg-2FOZIuvFl4eDi-2FV5y2LZMkv76IjcjHgAWS4ns-2FomqSnCfnya76ijBFXTLu-2FPZcOWMxDzSSYQDj-2B6e3gvcnIBLfp1UioVbWL2OIAIcrNFmChxsNBW4477SE4ijPY5493eYYJEbjYrtT06WNKPtyQYYtHhNfA_noKpPTDhsQIpiq15UrxVN7egMuGTdX32izl7nGMQuuf1k8urM6Sh8z-2BzsrNWigDZON9PsVFlguO-2FhyPUUU0Uh5WKky7VCZqXzzE2Gg3NEqvroW7sY8jDt5XpLTegnB0LXwbGHYZeKJOPZrG8Put3UQD40-2BvCKPnveNIOp4iUJq13t4-2FYQlLDJq4K7EY5sz5emYNz2vwPnTsWT9vMaZAx8elpueDr1cSILYKOrfaFj-2BEaO9dLorLd1t1sghM4L6weI57Km2kj3DqdocKIZ4uPGpxvi5k4LxGIflxjodWKmWuGQeCOVeDob4k49WegvQCLXTGtrnYibMN62DipcuZZmRGT-2FROOpIWbqcqj3gzMYyY8GI6GpUAGoLadHU947BdZ-2FRSi3stgq5K11iiV7lDIfw2FD2CwNPfNMcOH8UngpdayMDGmlU-2B9d-2FGCGWE-2BKW8W" class="btn">Jetzt Kontodaten bestätigen</a>
<span class="btn-sub">Die Verifizierung dauert nur wenige Minuten.</span>
</div>
<hr class="divider" />
<div class="closing">
Mit freundlichen Grüßen,<br />
<span class="name">Ihr easybank Team</span>
</div>
</div>
<!-- ═══ FOOTER ═══ -->
<div class="footer">
<div class="address">
<strong>easybank GmbH</strong><br />
Gasstraße 4c · 22761 Hamburg · Deutschland<br />
Lassallestrasse 5 · 1020 Wien · Österreich
</div>
<div class="footer-links">
<a href="#">Impressum</a>
<a href="#">Datenschutz</a>
<a href="#">Sicherheitscenter</a>
</div>
<div class="copyright">
© 2026 easybank. Alle Rechte vorbehalten.
</div>
</div>
</div>
</body>
</html>