Der schnelle Dienstweg

Für den schnellen Obolus, Podcast-Support oder als "Bestechungsgeld" für das Orakel.

Akzeptiert Apple Pay, Google Pay & Karten.

<a href="https://buy.stripe.com/dRm14gbFLcbBaHU1BxaMU00" target="_blank" class="cta-mail">
  Bestechungsgeld zahlen (Betrag wählbar)
</a>

<p style="margin-top: 20px;">
  Oder möchten Sie eine konkrete Dienstleistung?
  <br>
  <a href="https://buy.stripe.com/28EdR27pv2B17vI1BxaMU01" class="cta-link" target="_blank">
    Geburtstags-Gurkenglas-Orakel buchen (19 €)
  </a>
</p>

<p class="footer-disclaimer">Abwicklung sicher über Stripe. Keine Anmeldung erforderlich.</p>

Das Edel-Escort

Für Honorare (Reden, Biografien, Ghostwriting) auf Rechnung.
Gebührenfrei per direkter Überweisung.

<div id="invoice-section">
  <p>Geben Sie Ihre E-Mail ein, um den QR-Code für Ihre Banking-App zu generieren.</p>

  <label for="email" style="display:block; margin-bottom:5px; font-weight:bold;">Ihre E-Mail-Adresse:</label>
  <input type="email" id="email" placeholder="[email protected]" required style="width: 100%; padding: 10px; margin-bottom: 10px; border-radius:4px; border:1px solid #ccc; box-sizing: border-box;">

  <label for="amount" style="display:block; margin-bottom:5px; font-weight:bold;">Betrag (EUR):</label>
  <input type="number" id="amount" placeholder="0.00" step="0.01" min="0.01" required style="width: 100%; padding: 10px; margin-bottom: 10px; border-radius:4px; border:1px solid #ccc; box-sizing: border-box;">

  <button id="generate-btn" class="cta-mail" style="width:100%; cursor:pointer;">QR-Code erzeugen</button>

  <p id="error-msg" style="color: var(--primary-color); margin-top:5px; font-weight:bold;"></p>

  <div id="payment-details" style="display: none; margin-top: 20px; padding: 15px; background-color: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 4px;">
    <h3 style="margin-top:0;">Überweisungsdaten</h3>
    <p><strong>Empfänger:</strong> <span id="recipient-val"></span></p>
    <p><strong>IBAN:</strong> <span id="iban-val"></span></p>
    <p><strong>BIC:</strong> <span id="bic-val"></span></p>
    <p><strong>Betrag:</strong> <span id="amount-val"></span></p>
    <p><strong>Verwendungszweck:</strong> <span id="ref-val"></span></p>

    <div style="text-align: center; margin-top: 20px;">
      <div id="qrcode" style="background: white; padding: 10px; display: inline-block; border-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.1);">
      </div>
    </div>

    <p class="footer-disclaimer" style="text-align: center;">Scannen Sie diesen Code mit Ihrer Banking-App (GiroCode).</p>

    <div style="text-align: center; margin-top: 15px;">
      <button id="copy-link-btn" class="cta-link" style="cursor:pointer; font-size: 0.9rem;">Link zu diesem Formular kopieren</button>
      <p id="copy-feedback" style="display:none; color: green; font-size: 0.8rem; margin-top: 5px;">Link kopiert!</p>
    </div>
  </div>
</div>