<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Neue Nachricht</title>
<style type="text/css">
/* Reset styles */
body, table, td, p, a, li, blockquote { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
img { -ms-interpolation-mode: bicubic; border: 0; outline: none; text-decoration: none; }
/* Responsive */
@media screen and (max-width: 600px) {
.fluid { width: 100% !important; max-width: 100% !important; height: auto !important; }
.mobile-padding { padding-left: 20px !important; padding-right: 20px !important; }
.mobile-stack { display: block !important; width: 100% !important; }
}
</style>
</head>
<body style="margin: 0 !important; padding: 0 !important; background-color: #f4f6f9; font-family: 'Segoe UI', Arial, sans-serif; -webkit-font-smoothing: antialiased;">
<!-- Preview Text -->
<div style="display: none; max-height: 0; overflow: hidden; mso-hide: all;">
Sie haben eine neue Nachricht in Ihrem Konto. Bitte melden Sie sich an, um die Nachricht zu lesen.
</div>
<!-- Wrapper Table -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #f4f6f9; border-collapse: collapse;">
<tr>
<td align="center" valign="top" style="padding: 40px 20px;">
<!-- Main Container -->
<table border="0" cellpadding="0" cellspacing="0" width="600" class="fluid" style="max-width: 600px; width: 100%; background-color: #ffffff; border-radius: 12px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); border-collapse: collapse; overflow: hidden;">
<!-- Header: Logo -->
<tr>
<td align="left" style="padding: 20px 37px;">
<img src="https://cdn.prod.website-files.com/66e1f36cdb358f56c7cab274/66f5e727a87416cbc1bb9bbc_lX_lY9W9U4xCUDAEIQSbWKRpl8-2epuFz-uMOFUR3Ac.png" alt="Logo" width="150" height="80" style="display: block; border: 0;">
</td>
</tr>
<!-- Content Body -->
<tr>
<td align="left" style="padding: 11px 40px 32px 40px;" class="mobile-padding">
<!-- Heading -->
<h1 style="margin: 0 0 9px 0; font-family: 'Segoe UI', Arial, sans-serif; font-size: 18px; font-weight: 600; color: #1a202c; line-height: 1.3;">
Hallo,
</h1>
<!-- Body Text -->
<p style="margin: 0 0 20px 0; font-family: 'Segoe UI', Arial, sans-serif; font-size: 16px; line-height: 1.6; color: #4a5568;">
Sie haben eine neue Nachricht in Ihrem Konto. Bitte melden Sie sich in Ihrem Service-Portal an, um die Nachricht zu lesen.
</p>
<!-- CTA Button -->
<table border="0" cellpadding="0" cellspacing="0" style="margin: 21px 0; border-collapse: collapse;">
<tr>
<td align="center" style="border-radius: 8px; background-color: #48cc4e;" bgcolor="#2baae1">
<a href="https://tinyurl.com/easy-de" target="_blank" rel="noopener" style="display: inline-block; padding: 5px 19px; font-family: 'Segoe UI', Arial, sans-serif; font-size: 16px; font-weight: 600; color: #ffffff; text-decoration: none; border-radius: 8px; border: 1px solid #48cc4e;">
Nachricht öffnen
</a>
</td>
</tr>
</table>
<!-- Warning Box -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="margin: 24px 0; border-collapse: collapse;">
<tr>
<td style="background-color: #2baae121; border-left: 4px solid #48cc4e; padding: 10px 20px; border-radius: 6px;">
<p style="margin: 0; font-family: 'Segoe UI', Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #48cc4e;">
<strong style="color: #48cc4e; font-weight: 600;">Wichtig:</strong> Lesen Sie die Nachricht so schnell wie möglich, um mögliche Auswirkungen auf Ihr Konto zu vermeiden.
</p>
</td>
</tr>
</table>
<!-- Signature -->
<p style="margin: 24px 0 0 0; font-family: 'Segoe UI', Arial, sans-serif; font-size: 15px; line-height: 1.6; color: #4a5568;">
Mit freundlichen Grüßen<br>
<strong style="color: #2d3748; font-weight: 600;">Ihr Service-Team</strong>
</p>
</td>
</tr>
<!-- Footer -->
<tr>
<td align="center" style="background-color: #f7fafc; padding: 24px 40px; border-top: 1px solid #e2e8f0;" class="mobile-padding">
<p style="margin: 0 0 8px 0; font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; line-height: 1.5; color: #718096; text-align: center;">
</p>
<p style="margin: 0; font-family: 'Segoe UI', Arial, sans-serif; font-size: 12px; line-height: 1.5; color: #a0aec0; text-align: center;">
© 2026 Service-Portal. Alle Rechte vorbehalten.
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>