<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap" rel="stylesheet">
  <title>Document</title>
</head>
<style>
  @media screen and (max-device-width: 400px),
  screen and (max-width: 400px) {
    h2 {
      font-size: 42px !important;
    }
    h3,
    button {
      font-size: 36px !important;
    }
    h4,
    p,
    span,
    a,
    td {
      font-size: 24px !important;
    }
    table {
      padding: 22px !important;
    }
  }
</style>
<body>
<table cellpadding="0" cellspacing="0"
       style="margin:0 auto;background:#fffdfd;border-collapse:collapse; border-spacing:0; width:100%; max-width:600px; font-family: 'Rubik', sans-serif;">
  <tbody>
  <tr>
    <td>
      <div style="background: #fff; margin:15px; padding:10px;
                         margin-top:16px;border-radius: 7px;overflow: hidden;max-width: 570px;
                         background-image: url(https://testing-app.influencevision.com/icons/emails/mail-shapes-1.png);
                         background-position: 150% 50%; background-repeat: no-repeat;
                         ">
        <img src="https://app.influencevision.com/tempAssets/img-white-logo.png" style="width: 200px"
             alt="Influence Vision logo">
      </div>
    </td>
  </tr>
  <tr>
    <td>
      {{#if campaignImage}}
        <div style="text-align: center;">
          <img src={{campaignImage}}
               alt="Campaign Placeholder" style="width: 250px; height: 150px; border-radius: 7px; object-fit: cover">
          {{#if companyName}}<h3 style="color: #05bbc9; margin-bottom: 0;">{{companyName}}</h3>
            {{#if locale}}<p style="margin-top: 0;">is looking for Creators like you for their new campaign</p>
            {{else}}<p style="margin-top: 0;">suchen nach Creators wie Dir für ihre neue Kampagne</p>
            {{/if}}
          {{/if}}
        </div>
      {{/if}}
      {{#if headerButtonName}}
        <div style="width: 100%; text-align: center; margin: 32px 0 0 0">
          <a href={{headerButtonTarget}}
             style="background:#05bbc9;cursor: pointer; border: none; color: #fff !important;border-radius: 7px; line-height: 1.15; padding: 8px 16px;text-decoration: none;">
            {{headerButtonName}}
          </a>
        </div>
      {{/if}}
      <div style="margin:15px; padding:32px; margin-top:0;border-radius: 7px">
        <p style="color: #0c0e18;margin-bottom: 0">Hi {{recipient}},</p>
