<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Onboarding-Einladung – vHTV-Stiftung</title>
<style>
  body { font-family: Arial, sans-serif; color: #333; background: #f5f5f5; margin: 0; padding: 0; }
  .container { max-width: 600px; margin: 32px auto; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
  .header { background: #2c5f2e; color: #fff; padding: 32px 32px 24px; }
  .header h1 { margin: 0; font-size: 22px; }
  .header p { margin: 8px 0 0; opacity: 0.85; font-size: 14px; }
  .body { padding: 32px; }
  .body p { line-height: 1.6; }
  .btn { display: inline-block; margin: 24px 0 16px; padding: 14px 28px; background: #2c5f2e; color: #fff !important; text-decoration: none; border-radius: 6px; font-size: 16px; font-weight: bold; }
  .info-box { background: #f0f7f0; border-left: 4px solid #2c5f2e; padding: 16px; margin: 20px 0; border-radius: 4px; }
  .info-box ul { margin: 8px 0; padding-left: 20px; }
  .info-box li { margin: 6px 0; }
  .link-fallback { font-size: 12px; color: #666; word-break: break-all; margin-top: 8px; }
  .footer { background: #f8f8f8; padding: 20px 32px; font-size: 12px; color: #888; border-top: 1px solid #eee; }
  .expiry { color: #c0392b; font-weight: bold; }
</style>
</head>
<body>
<div class="container">
  <div class="header">
    <h1>van Hees-Theyssen-Vogel'sche Stiftung</h1>
    <p>Einladung zum Onboarding-Verfahren</p>
  </div>
  <div class="body">
    <p>Sehr geehrte Damen und Herren,{% if einladung.vorname %} liebe/r <strong>{{ einladung.vorname }}{% if einladung.nachname %} {{ einladung.nachname }}{% endif %}</strong>{% endif %},</p>

    <p>Sie wurden zur Aufnahme in die <strong>van Hees-Theyssen-Vogel'sche Stiftung</strong> eingeladen. Um das Antragsverfahren zu starten, klicken Sie bitte auf den folgenden Button:</p>

    <a href="{{ onboarding_url }}" class="btn">Jetzt Onboarding starten</a>

    <p class="link-fallback">Oder kopieren Sie diesen Link in Ihren Browser:<br>{{ onboarding_url }}</p>

    <p class="expiry">Dieser Link ist gültig bis: {{ gueltig_bis|date:"d.m.Y H:i" }} Uhr.</p>

    <div class="info-box">
      <strong>Was Sie erwartet:</strong>
      <ul>
        <li>Zustimmung zur Datenschutzerklärung</li>
        <li>Persönliche Daten (gemäß Stiftungsmerkblatt)</li>
        <li>Angaben zu Ausbildung / Studium</li>
        <li>Angaben zur finanziellen Situation</li>
        <li>Upload relevanter Dokumente</li>
      </ul>
    </div>

    <p>Nach Abschluss des Verfahrens prüft der Vorstand Ihren Antrag und setzt sich mit Ihnen in Verbindung.</p>

    <p>Bei Fragen wenden Sie sich bitte an uns:</p>
  </div>
  <div class="footer">
    van Hees-Theyssen-Vogel'sche Stiftung<br>
    Raesfelder Str. 3, 46499 Hamminkeln<br>
    Tel. 02858/836780
  </div>
</div>
</body>
</html>
