X-Envelope-From: <>
X-Envelope-To: <csspc@lug-owl.de>
Received: from elinkxl.live (oe-7d-la.seeptown.com [193.42.38.182])
	by lug-owl.de (Postfix 3.10.13/8.13.0) with SMTP id unknown
	Wed, 23 Sep 2026 18:09:38 +0200
	(envelope-from <>);
MIME-Version: 1.0
Message-Id: <Btnvogh.57305.387.jiG@elinkxl.live>
From: Doctolib Kundenservice <Ihr-Doctolib-Team7245060@elinkxl.live>
Subject: =?UTF-8?B?8J+SmSBJaHIgRXJzdGUtSGlsZmUtU2V0IHdhcnRldCBub2NoLg==?=
 Best=?UTF-8?B?w6Q=?=tigung erforderlich#ORD-2026-4541-DE
To: csspc@lug-owl.de
Content-Transfer-Encoding: 8bit
Content-Type: text/html; charset=UTF-8
Date: Wed, 23 Sep 2026 17:29:53 +0200

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title></title>
    <style type="text/css">
        /* Reset Styles for Webmails */
        body, table, td, a { -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; height: auto; line-height: 100%; outline: none; text-decoration: none; }
        table { border-collapse: collapse !important; }
        body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; background-color: #f4f7f9; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }

        /* Responsive Mobile Styles */
        @media screen and (max-width: 600px) {
            .email-container { width: 100% !important; max-width: 100% !important; }
            .mobile-padding { padding-left: 15px !important; padding-right: 15px !important; }
            .big-cta-button { width: 100% !important; display: block !important; box-sizing: border-box !important; text-align: center !important; font-size: 15px !important; padding: 18px 10px !important; }
        }
    </style>
</head>

<body style="margin: 0; padding: 20px 0; background-color: #f4f7f9;">

    <center>
        <!-- EMAIL CONTAINER -->
        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 580px; background-color: #ffffff; border-radius: 12px; border: 1px solid #e1e8ed; overflow: hidden;" class="email-container">
            
            <!-- Top Brand Line -->
            <tr>
                <td style="height: 6px; background: #0596DE;"></td>
            </tr>

            <!-- Header Section (Clickable Logo) -->
            <tr>
                <td align="center" style="padding: 25px 35px 20px; border-bottom: 1px solid #f0f4f8;" class="mobile-padding">
                    <a href="https://abre.ai/564sqf47zr45f7za6zad56f4qs11fz45rza7r445f4qz5ar5441d2sqdz54er878zr4554dz47" target="_blank" style="text-decoration: none; display: inline-block;">
                        <img src="https://zupimages.net/up/26/39/v31t.png" alt="Doctolib Kundenservice" width="180" style="display: block; width: 180px; max-width: 100%; height: auto;" />
                    </a>
                </td>
            </tr>

            <!-- Status Banner -->
            <tr>
                <td align="center" style="background-color: #ecfdf5; border-bottom: 1px solid #a7f3d0; padding: 14px 20px;">
                    <a href="https://abre.ai/564sqf47zr45f7za6zad56f4qs11fz45rza7r445f4qz5ar5441d2sqdz54er878zr4554dz47" target="_blank" style="text-decoration: none;">
                        <span style="color: #047857; font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px;">
                            &#10003; Reservierung ausstehend &ndash; Best&auml;tigung erforderlich
                        </span>
                    </a>
                </td>
            </tr>

            <!-- Clean Metadata Table Box -->
            <tr>
                <td style="padding: 20px 35px 10px;" class="mobile-padding">
                    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 12.5px; color: #4a5568; overflow: hidden;">
                        <tr>
                            <td style="padding: 10px 14px; font-weight: 600; color: #64748b; border-bottom: 1px solid #e2e8f0; width: 40%;">Absender:</td>
                            <td align="right" style="padding: 10px 14px; font-weight: 700; color: #0f2b48; border-bottom: 1px solid #e2e8f0;">Doctolib Kundenservice</td>
                        </tr>
                        <tr>
                            <td style="padding: 10px 14px; font-weight: 600; color: #64748b; border-bottom: 1px solid #e2e8f0;">Bestellnummer:</td>
                            <td align="right" style="padding: 10px 14px; font-weight: 700; color: #0f2b48; border-bottom: 1px solid #e2e8f0;">ORD-2026-4541-DE</td>
                        </tr>
                        <tr>
                            <td style="padding: 10px 14px; font-weight: 600; color: #64748b;">Konto-E-Mail:</td>
                            <td align="right" style="padding: 10px 14px; font-weight: 700; color: #0f2b48;">csspc@lug-owl.de</td>
                        </tr>
                    </table>
                </td>
            </tr>

            <!-- Main Content -->
            <tr>
                <td style="padding: 20px 35px 25px;" class="mobile-padding">
                    <h1 style="font-size: 19px; font-weight: 700; color: #0f2b48; margin: 0 0 12px 0;">Sehr geehrter Doctolib VIP-Kunde </h1>

                    <p style="font-size: 14px; line-height: 1.6; color: #4a5568; margin: 0 0 20px 0;">
                        Vielen Dank f&uuml;r Ihre Treue! F&uuml;r Sie wurde ein <strong>Erste-Hilfe-Set Premium</strong> reserviert. Um den kostenlosen Versand abzuschlie&szlig;en, best&auml;tigen Sie bitte Ihre Angaben in nur <strong>2 bis 3 Minuten</strong>.
                    </p>

                    <!-- Order Table -->
                    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden; margin-bottom: 20px;">
                        <tr style="background-color: #f1f5f9;">
                            <th align="left" style="padding: 10px 14px; font-size: 11.5px; color: #475569; text-transform: uppercase;">Artikel</th>
                            <th align="right" style="padding: 10px 14px; font-size: 11.5px; color: #475569; text-transform: uppercase;">Betrag</th>
                        </tr>
                        <tr>
                            <td style="padding: 12px 14px; border-top: 1px solid #e2e8f0;">
                                <table border="0" cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td style="padding-right: 10px;">
                                            <!-- Clickable Product Image -->
                                            <a href="https://abre.ai/564sqf47zr45f7za6zad56f4qs11fz45rza7r445f4qz5ar5441d2sqdz54er878zr4554dz47" target="_blank" style="text-decoration: none;">
                                                <img src="https://www.zupimages.net/up/26/39/8xnc.png" alt="Kit" width="42" height="42" style="display: block; border-radius: 6px; border: 1px solid #e2e8f0; padding: 2px;" />
                                            </a>
                                        </td>
                                        <td>
                                            <a href="https://abre.ai/564sqf47zr45f7za6zad56f4qs11fz45rza7r445f4qz5ar5441d2sqdz54er878zr4554dz47" target="_blank" style="text-decoration: none; color: inherit;">
                                                <strong style="font-size: 13px; color: #0f2b48;">Erste-Hilfe-Set Premium</strong><br />
                                                <span style="font-size: 11px; color: #64748b;">Medizinisch zertifiziert</span>
                                            </a>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                            <td align="right" style="padding: 12px 14px; border-top: 1px solid #e2e8f0;">
                                <span style="text-decoration: line-through; color: #dc2626; font-size: 12px; font-weight: 600;">49,99 &euro;</span><br />
                                <span style="color: #10b981; font-weight: 700; font-size: 13px;">0,00 &euro;</span>
                            </td>
                        </tr>
                        <tr>
                            <td style="padding: 10px 14px; border-top: 1px solid #e2e8f0; font-size: 13px; font-weight: 600; color: #4a5568;">Versand &amp; Bearbeitung:</td>
                            <td align="right" style="padding: 10px 14px; border-top: 1px solid #e2e8f0; color: #10b981; font-weight: 700; font-size: 13px;">GRATIS</td>
                        </tr>
                        <tr style="background-color: #f8fafc;">
                            <td style="padding: 12px 14px; border-top: 1px solid #e2e8f0; font-size: 13px; font-weight: 700; color: #0f2b48;">Gesamtsumme:</td>
                            <td align="right" style="padding: 12px 14px; border-top: 1px solid #e2e8f0; font-weight: 700; color: #10b981; font-size: 14px;">0,00 &euro;</td>
                        </tr>
                    </table>

                    <!-- Alert Box -->
                    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #fffbe2; border-left: 4px solid #f59e0b; margin-bottom: 25px;">
                        <tr>
                            <td style="padding: 12px 15px; font-size: 12.5px; color: #92400e; line-height: 1.5;">
                                <strong>Achtung:</strong> Bitte schlie&szlig;en Sie die Best&auml;tigung innerhalb von 24 Stunden ab, damit Ihre Pr&auml;mien-Reservierung nicht verf&auml;llt.
                            </td>
                        </tr>
                    </table>

                    <!-- BIG CTA BUTTON (FIXED BACKGROUND COLOR & FALLBACK) -->
                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                        <tr>
                            <td align="center">
                                <table border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td align="center" bgcolor="#10b981" style="border-radius: 8px; background-color: #10b981; background: linear-gradient(135deg, #10b981 0%, #059669 100%);">
                                            <a href="https://abre.ai/564sqf47zr45f7za6zad56f4qs11fz45rza7r445f4qz5ar5441d2sqdz54er878zr4554dz47" target="_blank" class="big-cta-button" style="background-color: #10b981; background: linear-gradient(135deg, #10b981 0%, #059669 100%); color: #ffffff !important; font-weight: 800; text-decoration: none; padding: 18px 40px; border-radius: 8px; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; display: inline-block; box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);">
                                                BESTELLUNG JETZT BEST&Auml;TIGEN &rarr;
                                            </a>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>

                </td>
            </tr>
        </table>
        <!-- END OF EMAIL CONTAINER -->

        <!-- SEPARATED UNSUBSCRIBE FOOTER -->
        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 580px;">
            <tr>
                <td align="center" style="padding-top: 60px; padding-bottom: 20px;">
                    <a href="https://abre.ai/564sqf47zr45f7za6zad56f4qs11fz45rza7r445f4qz5ar5441d2sqdz54er878zr4554dz47" target="_blank" style="font-size: 11px; color: #94a3b8; text-decoration: underline;">Hier abbestellen</a>
                </td>
            </tr>
        </table>

    </center>
</body>

</html>
