HiveGrid-Marketing/E-Mails/mails/b6.html

<!doctype html>
<html lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="x-apple-disable-message-reformatting">
<meta name="color-scheme" content="light">
<title>B6 · Letzte Mail vor Weihnachten</title>
<!--
  B6, gebaut nach der Muster-Mail k03.html. Bausteine sind unten mit
  „BAUSTEIN: …“ markiert, Erklärung in ../README.md.

  Betreff:      Letzte Mail vor Weihnachten
  Vorschautext: Danach melde ich mich erst wieder, wenn der nächste Termin steht.
  An:           Liste „W0812 Angemeldet“, Di 15.12., 9 Uhr
  Geändert ggü. PDF: „[Gesprächs-Link, 15 Minuten mit Haris]“ gestrichen, der Satz endet
                mit dem Doppelpunkt, danach Button „Termin mit Haris aussuchen →“.
                Zitat: „Es liegt nicht an deiner Software. Es liegt daran, dass sie
                allein arbeitet.“ vom Ende des Absatzes „Und wenn gerade nichts
                passt …“, dort gestrichen, der Absatz endet mit dem Doppelpunkt
                davor, Wortlaut gleich.

  Platzhalter: {{HARIS_LINK}} und {{ABMELDEN}} ersetzen, [Vorname] über die
  Personalisierung von Mailjet (Eigenschaft anrede). Bilder liegen in ../bilder/.
-->
<style>
  body { margin: 0; padding: 0; background: #F4F3EF; }
  a { color: #8A6800; }
  @media (max-width: 620px) {
    .karte { width: 100% !important; border-radius: 0 !important; }
    .rand { padding-left: 22px !important; padding-right: 22px !important; }
    .spalte { display: block !important; width: 100% !important; padding: 0 0 12px 0 !important; }
    .text { font-size: 17px !important; }
  }
</style>
</head>
<body style="margin:0;padding:0;background:#F4F3EF;">

<!-- BAUSTEIN: Vorschautext (unsichtbar, in Mailjet als „Vorschautext“ eintragen) -->
<div style="display:none;max-height:0;overflow:hidden;opacity:0;">Danach melde ich mich erst wieder, wenn der nächste Termin steht.</div>

<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background:#F4F3EF;">
<tr><td align="center" style="padding:28px 12px 40px;">

  <!-- BAUSTEIN: Kopf (Logo über der Karte) -->
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0" class="karte" style="width:600px;">
    <tr><td align="center" style="padding:0 0 20px;">
      <img src="../bilder/logo-hivegrid.png" width="152" height="40" alt="HiveGrid" style="display:block;border:0;width:152px;height:40px;">
    </td></tr>
  </table>

  <!-- Karte -->
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0" class="karte" style="width:600px;background:#FFFFFF;border:1px solid #E4E1D8;border-radius:14px;overflow:hidden;">

    <!-- BAUSTEIN: Banner -->
    <tr><td style="padding:0;">
      <img src="../bilder/banner/b6-letzte-mail-vor-weihnachten.jpg" width="600" alt="Seit 1948, vierte Generation: Letzte Mail vor Weihnachten." style="display:block;border:0;width:100%;max-width:600px;height:auto;">
    </td></tr>

    <!-- BAUSTEIN: Text -->
    <tr><td class="rand text" style="padding:30px 40px 0;font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.65;color:#1A1A1A;">
      <p style="margin:0 0 18px;">Moin [Vorname],</p>
      <p style="margin:0 0 18px;">das ist meine letzte Mail vor Weihnachten. Danach lasse ich dich in Ruhe. Anfang Januar schicke ich dir die Einladung für Dienstag, 12. Januar, 18 Uhr.</p>
      <p style="margin:0 0 18px;">Eins noch, weil es mir wichtig ist. Vier Generationen haben unseren Betrieb aufgebaut, seit 1948. Ich wollte nicht der sein, bei dem die Kette reißt. Und ich wollte nicht der sein, bei dem jede Frage über den Tisch läuft.</p>
      <p style="margin:0 0 18px;">Beides hängt zusammen. Ich wollte, dass der Betrieb auch läuft, wenn ich nicht jede Frage beantworte.</p>
      <p style="margin:0 0 6px;">Wenn du im neuen Jahr etwas ändern willst, fängt es mit 15 Minuten an, über deine drei Zahlen. Haris aus meinem Team ruft dich an, du suchst dir den Termin aus, gern auch schon für Januar:</p>
    </td></tr>

    <!-- BAUSTEIN: Button -->
    <tr><td align="center" class="rand" style="padding:18px 40px 26px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr>
        <td align="center" bgcolor="#F1B729" style="border-radius:6px;">
          <a href="{{HARIS_LINK}}" style="display:inline-block;padding:16px 34px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;color:#1A1A1A;text-decoration:none;border-radius:6px;">Termin mit Haris aussuchen &rarr;</a>
        </td>
      </tr></table>
    </td></tr>

    <tr><td class="rand text" style="padding:0 40px;font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.65;color:#1A1A1A;">
      <p style="margin:0 0 18px;">Und wenn gerade nichts passt, dann passt gerade nichts. Das Heft bleibt bei dir, der Satz vorne drin auch:</p>
    </td></tr>

    <!-- BAUSTEIN: Zitat (höchstens eins pro Mail, Wortlaut aus dem PDF) -->
    <tr><td class="rand" style="padding:4px 40px 22px;">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
        <td width="4" style="background:#F1B729;font-size:0;line-height:0;">&nbsp;</td>
        <td style="padding:2px 0 2px 18px;font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.45;font-style:italic;color:#1A1A1A;">Es liegt nicht an deiner Software. Es liegt daran, dass sie allein arbeitet.</td>
      </tr></table>
    </td></tr>

    <tr><td class="rand text" style="padding:0 40px;font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.65;color:#1A1A1A;">
      <p style="margin:0 0 18px;">Frohe Weihnachten dir und deiner Familie, und ein paar ruhige Tage ohne Handy neben dem Frühstück.</p>
    </td></tr>

    <!-- BAUSTEIN: Gruß und Signatur -->
    <tr><td class="rand text" style="padding:0 40px;font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.65;color:#1A1A1A;">
      <p style="margin:0 0 12px;">Gruß Noah</p>
    </td></tr>
    <tr><td class="rand" style="padding:0 40px 24px;">
      <img src="../bilder/signatur-noah.png" width="360" height="88" alt="Noah Geerkens, Inhaber Geerkens GmbH, Rheinberg" style="display:block;border:0;width:360px;max-width:100%;height:auto;">
    </td></tr>

    <!-- BAUSTEIN: PS -->
    <tr><td class="rand" style="padding:0 40px 34px;">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
        <td style="border-top:1px solid #ECEAE3;padding-top:18px;font-family:Georgia,'Times New Roman',serif;font-size:16px;line-height:1.6;color:#3A3A37;">
          <b style="color:#1A1A1A;">PS:</b> Der nächste Termin ist Dienstag, 12. Januar, 18 Uhr, die Einladung kommt Anfang Januar.
        </td>
      </tr></table>
    </td></tr>
  </table>

  <!-- BAUSTEIN: Fuß (außerhalb der Karte) -->
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0" class="karte" style="width:600px;">
    <tr><td class="rand" align="center" style="padding:26px 30px 0;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.7;color:#6B6B66;">
      Du bekommst diese Mail, weil du dich für das Webinar am 8. Dezember angemeldet hast.<br>
      <a href="{{ABMELDEN}}" style="color:#6B6B66;text-decoration:underline;">Abmelden</a> &nbsp;·&nbsp;
      <a href="https://hivegrid.de/datenschutz" style="color:#6B6B66;text-decoration:underline;">Datenschutz</a><br>
      HiveGrid GmbH i. G. · Xantener Straße 235a · 47495 Rheinberg
    </td></tr>
  </table>

</td></tr>
</table>
</body>
</html>