<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Techniker Krankenkasse – Ihre Meinung zählt</title>

<style>
  body {
    margin:0;
    padding:0;
    background:#f4f6f8;
    font-family:Arial,Helvetica,sans-serif;
    color:#333;
  }
  table { border-collapse:collapse; }
  a { text-decoration:none; }

  .wrap {
    width:100%;
    padding:20px 12px;
    background:#f4f6f8;
  }
  .box {
    max-width:600px;
    margin:0 auto;
    background:#ffffff;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 2px 6px rgba(0,0,0,0.05);
  }

  /* TK Header */
  .header {
    background:#0079c1;
    color:#ffffff;
    padding:20px;
    text-align:left;
    font-size:22px;
    font-weight:bold;
  }

  .content {
    padding:20px;
    font-size:15px;
    line-height:1.6;
  }

  .cta-area {
    text-align:center;
    padding:24px 20px;
  }
  .btn {
    display:inline-block;
    background:#0079c1;
    color:#ffffff;
    padding:14px 26px;
    font-size:17px;
    font-weight:bold;
    border-radius:6px;
  }

  .footer {
    background:#fafbfc;
    padding:14px 20px;
    text-align:center;
    font-size:13px;
    color:#666;
  }

  @media only screen and (max-width:420px) {
    .header { font-size:20px; padding:16px; }
    .content { padding:16px; font-size:15px; }
    .btn { width:100%; padding:14px; }
  }
</style>
</head>

<body>
<table class="wrap" width="100%" role="presentation">
  <tr>
    <td align="center">
      <table class="box" role="presentation" width="100%">

        <!-- HEADER -->
        <tr>
          <td class="header">
            Techniker&nbsp;Krankenkasse
          </td>
        </tr>

        <!-- CONTENT -->
        <tr>
          <td class="content">
            <p style="margin-top:0;font-size:18px;font-weight:600;color:#222;">
              Ihre Meinung ist uns wichtig
            </p>

            Sehr geehrte(r) <strong>{{EMAIL}}</strong>,<br><br>

            vielen Dank, dass Sie bereit sind, uns bei der Verbesserung unserer Services zu unterstützen.  
            Nach Abschluss der kurzen Umfrage erhalten Sie ein umfassendes <strong>Medicare-Kit</strong> für Ihre Gesundheit.  
            Es wird lediglich eine geringe Versandkostenpauschale berechnet.

            <br><br>
            <strong>Das Kit enthält unter anderem:</strong>
            <ul style="margin:12px 0 12px 20px;padding:0;">
              <li>Digitales Thermometer</li>
              <li>Handdesinfektion</li>
              <li>Einweg-Masken</li>
              <li>Ratgeber Broschüre</li>
              <li>Vitamin-D Mini-Packung</li>
            </ul>

            <p style="font-size:13px;color:#777;margin-top:6px;">
              Weitere Details erhalten Sie auf der Umfrageseite.
            </p>
          </td>
        </tr>

        <!-- CTA -->
        <tr>
          <td class="cta-area">
            <a href="https://techniker-krankenkasse.educadavinci.org/" class="btn" target="_blank" role="button">
              Umfrage starten
            </a>
          </td>
        </tr>

        <!-- FOOTER -->
        <tr>
          <td class="footer">
            Techniker Krankenkasse<br>
            <span style="font-size:12px;color:#999;">
              Wenn Sie keine Nachrichten mehr erhalten möchten, können Sie sich über den entsprechenden Link abmelden.
            </span>
          </td>
        </tr>

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