HiveGrid-Marketing/E-Mails/mails/k10.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>K10 · Trotzdem lief alles über meinen Tisch</title>
<!--
  Gebaut nach der Muster-Mail k03.html. Bausteine sind unten mit
  „BAUSTEIN: …“ markiert, Erklärung in ../README.md.

  Betreff:      Trotzdem lief alles über meinen Tisch
  Vorschautext: Wir haben so viel verbunden, und trotzdem lief wieder alles über meinen Tisch.
  An:           Liste „W0812 Verteiler“, Sa 05.12., 8 Uhr
  Geändert ggü. PDF: „[Seite zum Termin: webinar.hivegrid.de]“ gestrichen, Satz endet mit „:“,
                     danach Button „Platz sichern →“ (utm_content=k10)
                     „Das Heft dazu, falls du es noch nicht hast: [Heft-Link]“ → Heft-Kasten
                     Zitat: „Wir haben so viel verbunden. Und trotzdem lief wieder alles über
                     meinen Tisch.“ (im PDF eigener Absatz, dort gestrichen)
                     Liste: Absatz „Drei Dinge machen den Unterschied …“ als nummerierte
                     Liste (1 bis 3), Einleitungssatz bleibt als Absatz davor

  Platzhalter: {{HEFT_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;">Wir haben so viel verbunden, und trotzdem lief wieder alles über meinen Tisch.</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/k10-trotzdem-lief-alles-ueber-meinen-tisch.jpg" width="600" alt="13 Programme, ein Kopf: Trotzdem lief alles über meinen Tisch." 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-top:4px solid #F1B729;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;">alles selbst bauen, mit Zapier und KI, das geht. Wir haben es gemacht. Im Heft siehst du auf einer Seite alles, was bei uns läuft: 13 Programme, jede Linie eine echte Verbindung. In der Mitte steht der Einzige, der sie alle kennt.</p>
      <p style="margin:0 0 18px;">Ändert sich in einem Programm etwas, das ein Ablauf braucht, reißt eine Linie. Und wenn ich ausfalle, weiß keiner, welche Linie wohin führt.</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;">Wir haben so viel verbunden. Und trotzdem lief wieder alles über meinen Tisch.</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;">Nach 188 Abläufen war mir eins klar: Die eine Software, die alles kann, gibt es im Handwerk nicht. Es läuft immer etwas daneben, und mit KI kommt jeden Monat etwas Neues dazu. Deshalb heißt die Antwort nicht ersetzen, sondern vernetzen. Und zwar so, dass nicht wieder ein Kopf das Gewirr zusammenhält.</p>
      <p style="margin:0 0 18px;">Also habe ich alles, was ich in diesen Jahren gelernt habe, in eine Software gepackt. Sie läuft neben deinem Branchenprogramm und verbindet es mit dem, was du sonst noch brauchst. Du musst dein Programm nicht wechseln. Für unseren Betrieb gebaut. Genau das steckt in HiveGrid.</p>
      <p style="margin:0 0 6px;">Am Dienstag, 8. Dezember, 18 Uhr zeige ich dir beides nebeneinander, unser Gewirr und daneben, wie ich denselben Ablauf heute in HiveGrid anlege. Dein Platz für Dienstag:</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=k10" 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 18px;">Drei Dinge machen den Unterschied zu dem, was ich selbst zusammengebaut habe.</p>
    </td></tr>

    <!-- BAUSTEIN: Liste -->
    <tr><td class="rand" style="padding:0 40px 14px;">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td width="34" valign="top" style="padding:2px 0 12px;"><div style="width:26px;height:26px;border-radius:13px;background:#F1B729;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;line-height:26px;text-align:center;color:#1A1A1A;">1</div></td>
          <td valign="top" style="padding:0 0 12px 8px;font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.6;color:#1A1A1A;">Die Abläufe sind eingebaut, nicht zusammengeklickt.</td>
        </tr>
        <tr>
          <td width="34" valign="top" style="padding:2px 0 12px;"><div style="width:26px;height:26px;border-radius:13px;background:#F1B729;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;line-height:26px;text-align:center;color:#1A1A1A;">2</div></td>
          <td valign="top" style="padding:0 0 12px 8px;font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.6;color:#1A1A1A;">Die Aufgabe landet bei der Person, die zuständig ist, nicht bei dir.</td>
        </tr>
        <tr>
          <td width="34" valign="top" style="padding:2px 0 12px;"><div style="width:26px;height:26px;border-radius:13px;background:#F1B729;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;line-height:26px;text-align:center;color:#1A1A1A;">3</div></td>
          <td valign="top" style="padding:0 0 12px 8px;font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.6;color:#1A1A1A;">Und dein Branchenprogramm bleibt, die Rechnung schreibt weiter dein Programm.</td>
        </tr>
      </table>
    </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 erst unser Gewirr, dann das System.
        </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="{{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>