<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Unterlagen eingereicht – vHTV-Stiftung</title>
  <style>
    body { font-family: Arial, sans-serif; font-size: 15px; color: #222; background: #f4f6f8; margin: 0; padding: 0; }
    .container { max-width: 560px; margin: 60px auto; padding: 0 16px; text-align: center; }
    .card { background: #fff; border-radius: 10px; padding: 40px 32px; box-shadow: 0 2px 12px rgba(0,0,0,0.08); }
    .icon { font-size: 64px; margin-bottom: 16px; }
    h1 { font-size: 24px; color: #1a3a5c; margin: 0 0 12px; }
    p { line-height: 1.6; color: #444; }
    .badge { display: inline-block; background: #e6f4ea; color: #2d7a3e; font-weight: bold; padding: 6px 16px; border-radius: 20px; margin: 12px 0; }
    .info { font-size: 13px; color: #777; margin-top: 20px; }
    .footer { margin-top: 28px; font-size: 12px; color: #aaa; }
  </style>
</head>
<body>
<div class="container">
  <div class="card">
    <div class="icon">&#10004;&#65039;</div>
    <h1>Vielen Dank!</h1>
    <p>Ihre Unterlagen für das <strong>{{ halbjahr_label }}</strong> wurden erfolgreich eingereicht.</p>
    <div class="badge">Einreichung bestätigt</div>
    <p>Die van Hees-Theyssen-Vogel'sche Stiftung wird Ihre Unterlagen prüfen und sich bei Rückfragen bei Ihnen melden.</p>
    <p class="info">
      Bei Fragen wenden Sie sich an:<br>
      Tel. 02858/836780 &bull;
      <a href="mailto:Jan.Siebels@gmail.com">Jan.Siebels@gmail.com</a>
    </p>
  </div>
  <div class="footer">
    van Hees-Theyssen-Vogel'sche Stiftung &bull; Raesfelder Str. 3 &bull; 46499 Hamminkeln
  </div>
</div>
</body>
</html>
