Widerruf

<div style="max-width:560px; margin:0 auto; padding:20px;">
  <p style="font-size:15px; color:#555; margin-bottom:32px; line-height:1.6;">Füllen Sie das folgende Formular aus, um Ihren Widerruf zu erklären. Wir bestätigen den Eingang per E-Mail.</p>
  <form action="https://formsubmit.co/info@vyneshop.de" method="POST">
    <input type="hidden" name="_subject" value="Neuer Widerruf eingegangen – Lunella Beauty">
    <input type="hidden" name="_captcha" value="false">
    <input type="hidden" name="_next" value="https://www.lunellabeauty.de/pages/widerruf">

    <div style="margin-bottom:20px;">
      <label style="display:block; font-size:14px; font-weight:600; margin-bottom:6px; color:#1a1a1a;">Vor- und Nachname *</label>
      <input type="text" name="name" required placeholder="z.B. Maria Mustermann" style="width:100%; padding:10px 14px; border:1px solid #d1d1d1; border-radius:8px; font-size:14px; box-sizing:border-box;">
    </div>

    <div style="margin-bottom:20px;">
      <label style="display:block; font-size:14px; font-weight:600; margin-bottom:6px; color:#1a1a1a;">E-Mail-Adresse *</label>
      <input type="email" name="email" required placeholder="z.B. maria@beispiel.de" style="width:100%; padding:10px 14px; border:1px solid #d1d1d1; border-radius:8px; font-size:14px; box-sizing:border-box;">
    </div>

    <div style="margin-bottom:20px;">
      <label style="display:block; font-size:14px; font-weight:600; margin-bottom:6px; color:#1a1a1a;">Bestellnummer *</label>
      <input type="text" name="bestellnummer" required placeholder="z.B. #1234" style="width:100%; padding:10px 14px; border:1px solid #d1d1d1; border-radius:8px; font-size:14px; box-sizing:border-box;">
    </div>

    <div style="margin-bottom:20px;">
      <label style="display:block; font-size:14px; font-weight:600; margin-bottom:6px; color:#1a1a1a;">Artikel *</label>
      <input type="text" name="artikel" required placeholder="z.B. GlamWave Pro" style="width:100%; padding:10px 14px; border:1px solid #d1d1d1; border-radius:8px; font-size:14px; box-sizing:border-box;">
    </div>

    <div style="margin-bottom:20px;">
      <label style="display:block; font-size:14px; font-weight:600; margin-bottom:6px; color:#1a1a1a;">Bestelldatum *</label>
      <input type="date" name="bestelldatum" required style="width:100%; padding:10px 14px; border:1px solid #d1d1d1; border-radius:8px; font-size:14px; box-sizing:border-box;">
    </div>

    <div style="margin-bottom:20px;">
      <label style="display:block; font-size:14px; font-weight:600; margin-bottom:6px; color:#1a1a1a;">Grund des Widerrufs (optional)</label>
      <textarea name="grund" rows="4" placeholder="Ihr Grund..." style="width:100%; padding:10px 14px; border:1px solid #d1d1d1; border-radius:8px; font-size:14px; box-sizing:border-box;"></textarea>
    </div>

    <div style="background:#f5f5f5; border-radius:8px; padding:14px 16px; margin-bottom:24px;">
      <p style="font-size:13px; color:#555; margin:0; line-height:1.6;">Mit dem Absenden dieses Formulars erklären Sie den Widerruf Ihres Vertrages gemäß § 356a BGB. Sie erhalten eine Bestätigung per E-Mail.</p>
    </div>

    <button type="submit" style="background:#1a1a1a; color:#fff; border:none; border-radius:8px; padding:14px 28px; font-size:15px; font-weight:600; cursor:pointer; width:100%;">Widerruf jetzt absenden</button>
  </form>
</div>