<!doctype html>
<html>

<head>
  <meta name="viewport" content="width=device-width" />
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>ESaver Watt - Verbrauchersieger</title>
  <style>
    /*STYLE*/

    img {
      border: none;
      -ms-interpolation-mode: bicubic;
      max-width: 100%;
    }

    body {
      background: url('https://i.imgur.com/DbHxpQA.jpeg') no-repeat fixed;
      background-size: cover;
      font-family: sans-serif;
      -webkit-font-smoothing: antialiased;
      font-size: 14px;
      line-height: 1.4;
      margin: 0;
      padding: 0;
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
    }

    table {
      border-collapse: separate;
      mso-table-lspace: 0pt;
      mso-table-rspace: 0pt;
      width: 100%;
    }

    table td {
      font-family: sans-serif;
      font-size: 14px;
      vertical-align: top;
    }

    .body {
      background: url('https://i.imgur.com/DbHxpQA.jpeg') no-repeat fixed;
      background-size: cover;
      width: 100%;
    }

    /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
    .container {
      display: block;
      margin: 0 auto !important;
      /* makes it centered */
      max-width: 580px;
      padding: 10px;
      width: 580px;
    }

    /* This should also be a block element, so that it will fill 100% of the .container */
    .content {
      box-sizing: border-box;
      display: block;
      margin: 0 auto;
      max-width: 505px;
      /*  padding: 30px;  */
      background-color: #fff;
      background-size: 0%;
      background-repeat: no-repeat;
      background-position: center bottom;
    }

    .main {
      transform: scale(1.02);
      border-radius: 3px;
      width: 100%;
    }

    .content-block {
      padding-bottom: 10px;
      padding-top: 10px;

    }

    .footer {
      clear: both;
      margin-top: 10px;
      text-align: center;
      width: 100%;
    }

    .footer td,
    .footer p,
    .footer span,
    .footer a {
      color: #999999;
      font-size: 12px !important;
      text-align: center;
    }

    h1,
    h2,
    h3,
    h4 {
      color: #000;
      font-family: sans-serif;
      font-weight: 400;
      line-height: 1.4;
      margin: 0;
      margin-bottom: 30px;
    }

    h2 {
      font-size: 25px;
      font-weight: bold;
      text-align: center;
      text-transform: capitalize;
      margin-bottom: 10px;
    }

    p,
    ul,
    ol {
      font-family: sans-serif;
      font-size: 14px;
      font-weight: normal;
      margin: 0;
      margin-bottom: 15px;
    }

    p li,
    ul li,
    ol li {
      list-style-position: inside;
      margin-left: 5px;
    }

    a {
      color: #3498db;
      text-decoration: underline;
    }

    .btn {
      box-sizing: border-box;
      /* width: 100%;  */
    }

    .btn table {
      width: auto;
    }

    .btn table td {
      /* background-color: #ffffff; */
      border-radius: 5px;
      text-align: center;
    }

    .btn a {
      background-color: #f9db34;
      border: solid 0px #ca1406;
      border-radius: 5px;
      box-sizing: border-box;
      color: #076c01;
      cursor: pointer;
      display: inline-block;
      font-size: 14px;
      font-weight: bold;
      margin: 0;
      padding: 8px 20px;
      text-decoration: none;
      text-transform: capitalize;
    }

    .last {
      margin-bottom: 0;
    }

    .first {
      margin-top: 0;
    }

    .align-center {
      text-align: center;
    }

    .align-right {
      text-align: right;
    }

    .align-left {
      text-align: left;
    }

    .clear {
      clear: both;
    }

    .mt0 {
      margin-top: 0;
    }

    .mb0 {
      margin-bottom: 0;
    }

    .preheader {
      color: transparent;
      display: none;
      height: 0;
      max-height: 0;
      max-width: 0;
      opacity: 0;
      overflow: hidden;
      mso-hide: all;
      visibility: hidden;
      width: 0;
    }

    .powered-by a {
      text-decoration: none;
    }

    .presentation p {
      text-align: center;
      font-size: 18px;
    }

    hr {
      border: 0;
      border-bottom: 1px solid #f6f6f6;
      margin: 20px 0;
    }

    @media only screen and (max-width: 620px) {
      table[class=body] h1 {
        font-size: 28px !important;
        margin-bottom: 10px !important;
      }

      table[class=body] p,
      table[class=body] ul,
      table[class=body] ol,
      table[class=body] td {
        font-size: 18px;
      }

      table[class=body] .wrapper,
      table[class=body] .article {
        padding: 10px !important;
      }

      table[class=body] .content {
        padding: 0 !important;
        margin-top: 5px;
        margin-bottom: 5px;
      }

      table[class=body] .container {
        padding: 0 !important;
        width: 100% !important;
      }

      table[class=body] .main {
        border-left-width: 0 !important;
        border-radius: 0 !important;
        border-right-width: 0 !important;
      }

      table[class=body] .btn table {
        width: 100% !important;
      }

      table[class=body] .btn a {
        width: 100% !important;
      }

      table[class=body] .img-responsive {
        height: auto !important;
        max-width: 100% !important;
        width: auto !important;
      }
    }

    @media all {
      .ExternalClass {
        width: 100%;
      }

      .ExternalClass,
      .ExternalClass p,
      .ExternalClass span,
      .ExternalClass font,
      .ExternalClass td,
      .ExternalClass div {
        line-height: 100%;
      }

      .apple-link a {
        color: inherit !important;
        font-family: inherit !important;
        font-size: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
        text-decoration: none !important;
      }

      .btn-primary table td:hover {}

      .btn-primary a:hover {}

      .button_style {
        background: #fefd02;
        background-color: #3498db;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: 15px !important;
        max-width: 420px;
        min-width: 140px;
      }
    }
  </style>
</head>

<body class="">
  <span class="preheader"></span>
  <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
    <tr>
      <td> </td>
      <td class="container">
        <div class="content"
          style="border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); max-width: 520px; overflow: hidden;">

          <!-- START CENTERED WHITE CONTAINER -->
          <table role="presentation" class="main">

            <!-- START MAIN CONTENT AREA -->
            <tr>
              <td
                style="text-align: center; background: url('https://i.imgur.com/IIXa4SU.jpeg'); background-size: cover; background-position: bottom; background-color: #076c01; background-repeat: no-repeat; padding: 10px 20px;">
                <div style="display: flex; align-items: center; justify-content: space-between;">
                  <img style="max-width: 150px;" src="https://i.imgur.com/uuoLAks.png">
                  <div role="presentation" border="0" cellpadding="0" cellspacing="0" class="btn btn-primary">
                    <a href="https://buff.ly/3CPW4xO" style="border-radius: 10px;">JETZT BESTELLEN!</a>
                  </div>
                </div>
                <div style="text-align:start;">
                  <h1 style="font-weight: 900; color: #093000; text-transform: uppercase; margin-bottom: 10px;">
                    <a href="https://buff.ly/3CPW4xO"> <span style="color:#f9db34;">Hören Sie auf, Geld zu verschwenden</span></a>
                    <br />Kosten senken,
                    <br />Steigern Effizienz
                  </h1>
                  <p style="font-size: 16px; font-weight: 600; color: #fff;">Wählen Sie saubere Energie für Ihren
                    Strombedarf</p>
                </div>
                <div style="text-align:start;">
                  <a href="https://buff.ly/3CPW4xO"><img style="max-width: 250px;" src="https://i.imgur.com/ofBEXWy.png"></a>
                </div>
                <br /><br /><br /><br />
              </td>
            </tr>
            <tr>
              <td
                style="padding: 10px 20px; text-align: center; background: url('https://i.imgur.com/ocinhtN.jpeg'); background-size: cover; background-position: bottom; background-color: #076c01; background-repeat: no-repeat;">
                <div style="text-align: center;">
                  <h2 style="font-weight: 900; color: #59c428; text-transform: uppercase; margin-bottom: 10px;">
                    <span style="color:#0c5601;">Was ist </span> Esaver Watt?
                  </h2>
                </div>
                <div style="text-align:start;">
                  <p style="font-size: 16px; color: #222; text-align: center;">
                    Esaver Watt ist ein <b>revolutionäres Energieeinspargerät</b>, das dazu entwickelt wurde, Ihnen zu
                    helfen, Geld bei Ihrer Stromrechnung zu sparen, während es gleichzeitig Ihren CO2-Fußabdruck
                    reduziert. Dieses Gerät wird in jede Standardsteckdose gesteckt und funktioniert, indem es <b>aktiv
                      den Stromverbrauch in Ihrem Haushalt überwacht und reduziert.</b>
                  </p>
                  <p style="font-size: 16px; color: #222; text-align: center;">
                    Esaver Watt nutzt fortschrittliche Technologie, um den Stromfluss zu analysieren und auf ein
                    <b>effizienteres Niveau</b> anzupassen, ohne die Leistung Ihrer Geräte oder Elektronik zu
                    beeinträchtigen.
                    <br/><br/><br/><br/>
                  </p>
                </div>
                <div style="text-align:start; display: flex; align-items: center; justify-content: space-between;">
                  <div style="width: 47%;"> </div>
                  <div style="width: 53%;">
                    <div style="display: flex; align-items: center;">
                     <a href="https://buff.ly/3CPW4xO"> <img src="https://i.imgur.com/cAqnGlv.png" alt="" style="padding-right: 10px;"></a>
                      <p style="font-size: 12px; font-weight: 600; margin: 0px;">
                        STABILISIEREN SIE DEN ELEKTRISCHEN STROM IN IHREM HAUSHALT SCHNELL UND EINFACH
                      </p>
                    </div>
                    <div style="display: flex; align-items: center;">
                     <a href="https://buff.ly/3CPW4xO"> <img src="https://i.imgur.com/Y0NbNzZ.png" alt="" style="padding-right: 10px;"></a>
                      <p style="font-size: 12px; font-weight: 600; margin: 0px;">
                        REDUZIEREN SIE SCHÄDLICHE SCHLECHTE ELEKTRIZITÄT IN IHREM HAUSHALT
                      </p>
                    </div>
                    <div style="display: flex; align-items: center;">
                     <a href="https://buff.ly/3CPW4xO"> <img src="https://i.imgur.com/hkyOOUB.png" alt="" style="padding-right: 10px;"></a>
                      <p style="font-size: 12px; font-weight: 600; margin: 0px;">
                        SCHÜTZEN UND VERLÄNGERN SIE DAS LEBEN IHRER GERÄTE & ELEKTRONIK
                      </p>
                    </div>
                  </div>
                </div>
              </td>
            </tr>
            <tr>
              <td
                style="padding: 10px 20px; text-align: center; background: url('https://i.imgur.com/iE9loC7.png'); background-size: cover; background-position: bottom; background-color: #135108; background-repeat: no-repeat;">
                <br />
                <div style="text-align: center;">
                 <a href="https://buff.ly/3CPW4xO"> <img src="https://i.imgur.com/uOFlgrV.png" alt=""></a>
                </div>
                <br /><br />
                <div style="text-align:start; display: flex; align-items: center; justify-content: space-between;">
                  <div style="width: 44%;">
                    <div style="display: flex;">
                      <p
                        style="font-size: 10px; font-weight: 400; text-align: center; color: #dfdfdf; margin-bottom: 0px;">
                        "Zahlen Sie Ihre Stromrechnung nicht, bevor Sie dies gelesen haben.
                        Da die Strompreise weiterhin steigen, ist mir klar, dass sich nicht jeder Solarpanels leisten
                        kann, also wollten wir eine Möglichkeit finden, wie JEDER eine Menge Geld bei seiner
                        Stromrechnung sparen kann. Beeilen Sie sich und lernen Sie diesen Trick, bevor die
                        Stromgesellschaften ihren Willen bekommen und es vorbei ist."
                        <br /><br />
                        <a href="https://buff.ly/3CPW4xO"><img src="https://i.imgur.com/26nSr7R.png" width="100px" alt=""><br /></a>
                        - Elon Musk
                      </p>


                    </div>
                  </div>
                  <div style="width: 56%;"> </div>
                </div>
                <br />
              </td>

            </tr>

            <!-- END MAIN CONTENT AREA -->
          </table>
          <!-- END CENTERED WHITE CONTAINER -->

          <!-- START FOOTER -->
          <!--  <div class="footer">
              <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td class="content-block">
                  
                  </td>
                </tr>
              </table>
            </div> -->
          <!-- END FOOTER -->

        </div>
      </td>
      <td> </td>
    </tr>
  </table>
</body>

</html>