HiveGrid-Marketing/E-Mails/mails/k08.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>K8 · Lebenslauf einer Wärmepumpe</title>
<!--
  Gebaut nach der Muster-Mail k03.html. Bausteine sind unten mit
  „BAUSTEIN: …“ markiert, Erklärung in ../README.md.

  Betreff:      Lebenslauf einer Wärmepumpe
  Vorschautext: Zehn Handgriffe, die bei uns keiner mehr macht, und was das bei zehn Anlagen heißt.
  An:           Liste „W0812 Verteiler“, Di 01.12., 7 Uhr
  Geändert ggü. PDF: „[Seite zum Termin: webinar.hivegrid.de]“ gestrichen, Satz endet mit „:“,
                     danach Button „Platz sichern →“ (utm_content=k08)
                     „Das Heft dazu, falls du es noch nicht hast: [Heft-Link]“ → Heft-Kasten
                     Zitat: „Zehn Handgriffe insgesamt, vom Ersttermin bis kurz nach der
                     Unterschrift, die bei uns keiner mehr macht.“ (im PDF Ende des Absatzes
                     „Unterschreibt der Kunde …“, dort gestrichen)

  Platzhalter: {{HEFT_LINK}} ersetzen (Abmelde-Link [[UNSUB_LINK_EN_US]] ist schon drin), [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;">Zehn Handgriffe, die bei uns keiner mehr macht, und was das bei zehn Anlagen heißt.</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/k08-lebenslauf-einer-waermepumpe.jpg" width="600" alt="Ein Auftrag, netto 30.000 €: Lebenslauf einer Wärmepumpe." style="display:block;border:0;width:100%;max-width:600px;height:auto;">
    </td></tr>

    <!-- BAUSTEIN: Terminleiste -->
    <tr><td class="rand" style="padding:0 40px;">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-bottom:1px solid #ECEAE3;">
        <tr>
          <td class="spalte" width="40%" valign="top" style="padding:14px 10px 14px 0;font-family:Arial,Helvetica,sans-serif;">
            <div style="font-size:11px;font-weight:bold;letter-spacing:1.5px;text-transform:uppercase;color:#8A6800;">Wann</div>
            <div style="font-family:Georgia,'Times New Roman',serif;font-size:16px;font-weight:bold;color:#1A1A1A;padding-top:4px;">Di, 8. Dezember, 18 Uhr</div>
          </td>
          <td class="spalte" width="32%" valign="top" style="padding:14px 10px;font-family:Arial,Helvetica,sans-serif;">
            <div style="font-size:11px;font-weight:bold;letter-spacing:1.5px;text-transform:uppercase;color:#8A6800;">Wo</div>
            <div style="font-family:Georgia,'Times New Roman',serif;font-size:16px;font-weight:bold;color:#1A1A1A;padding-top:4px;">Live im Browser</div>
          </td>
          <td class="spalte" width="28%" valign="top" style="padding:14px 0 14px 10px;font-family:Arial,Helvetica,sans-serif;">
            <div style="font-size:11px;font-weight:bold;letter-spacing:1.5px;text-transform:uppercase;color:#8A6800;">Dauer</div>
            <div style="font-family:Georgia,'Times New Roman',serif;font-size:16px;font-weight:bold;color:#1A1A1A;padding-top:4px;">Eine Stunde</div>
          </td>
        </tr>
      </table>
    </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;">nimm einen typischen Auftrag, eine Wärmepumpe, netto 30.000 €. Ich nehme sie mit durch unsere Verkaufstafel, so wie wir sie lange benutzt haben, Spalte für Spalte. Achte darauf, wie oft etwas passiert, ohne dass jemand eine Taste drückt.</p>
      <p style="margin:0 0 18px;">Die Tafel hat sechs Spalten, von Anfrage erhalten bis Angebot angenommen. Jede Anfrage ist eine Karte, und jede Karte steht in genau einer Spalte.</p>
      <p style="margin:0 0 18px;">Nach dem Ersttermin legt das Büro das Projekt in KWP an. Ein Zap verbindet das Projekt mit der Karte im CRM. Ein Ablauf in n8n legt den Ordner an, mit der Nummer im Namen.</p>
      <p style="margin:0 0 18px;">Sobald das Angebot verschickt ist, schiebt ein Zap die Karte nach „Offene Angebote“. Zwei Tage später prüft ein Zap, ob sie noch da steht. Wenn ja, rückt er sie nach „Follow-Up“. Das ist die Telefonliste. Den Anruf macht ein Mensch, und das ist gut so.</p>
      <p style="margin:0 0 18px;">Unterschreibt der Kunde, passiert am meisten: Begrüßungsmail mit dem ganzen Ablauf, Notiz im Vorgang, Aufgabe in KWP, Ticket für die Abteilung, Zeile für die Provision.</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 style="padding:0;font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.45;font-style:italic;color:#1A1A1A;">Zehn Handgriffe insgesamt, vom Ersttermin bis kurz nach der Unterschrift, die bei uns keiner mehr macht.</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;">Jetzt die Rechnung. Fallen alle zehn an und dauern sie von Hand je fünf Minuten, sind das 50 Minuten je Anlage. Bei 10 Anlagen gleichzeitig in der Tafel sind das rund 8 Stunden. Reicht die Zeit für 2 Wärmepumpen mehr im Monat, sind das 60.000 € Auftragswert mehr. Das ist ein Szenario, kein Versprechen, und Auftragswert ist kein Gewinn. Zum Vergleich: Im September 2026 haben wir rund 75 Angebote verschickt.</p>
      <p style="margin:0 0 6px;">Am Dienstag, 8. Dezember, 18 Uhr klicke ich diese Tafel live durch, Spalte für Spalte. Dein Platz, gern auch für deinen Verkäufer:</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="https://webinar.hivegrid.de/?utm_source=mailjet&amp;utm_medium=email&amp;utm_campaign=webinar-0812&amp;utm_content=k08" 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;">Platz sichern &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 22px;">Zähl diese Woche deine offenen Angebote, die länger als zwei Tage ohne Anruf sind. Das ist die zweite von drei Zahlen fürs Heft.</p>
    </td></tr>

    <!-- BAUSTEIN: Heft-Kasten (ab K3 statt der Zeile „Das Heft dazu …: [Heft-Link]“) -->
    <tr><td class="rand" style="padding:0 40px 26px;">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background:#FFF6DA;border-radius:10px;">
        <tr>
          <td width="96" valign="middle" style="padding:16px 0 16px 18px;">
            <a href="{{HEFT_LINK}}"><img src="../bilder/heft-klein.png" width="78" height="108" alt="Heft „Jede Frage lief über meinen Tisch“" style="display:block;border:0;width:78px;height:108px;"></a>
          </td>
          <td valign="middle" style="padding:16px 18px;font-family:Georgia,'Times New Roman',serif;font-size:16px;line-height:1.5;color:#1A1A1A;">
            Das Heft dazu, falls du es noch nicht hast:<br>
            <a href="{{HEFT_LINK}}" style="font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:bold;color:#1A1A1A;text-decoration:underline;text-decoration-color:#F1B729;">„Jede Frage lief über meinen Tisch“ lesen &rarr;</a>
          </td>
        </tr>
      </table>
    </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> Am 8. Dezember um 18 Uhr siehst du die Karte live wandern.
        </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 Noahs Mails zum Webinar am 8. Dezember eingetragen hast.<br>
      <a href="[[UNSUB_LINK_EN_US]]" 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>