From 36400304a41382b8ec78656eaf5a276f6444a642 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Wed, 5 Nov 2025 10:36:58 +0100
Subject: [PATCH] Update Hero component to dynamically display years since
 founding; enhance TermineVorschau component with improved date and time
 formatting, and add Uhrzeit column in the CMS for better event management.
 Refactor API to handle new fields and improve data handling in CSV exports.

---
 components/Hero.vue                        |    4 +-
 components/TermineVorschau.vue             |   38 +-
 pages/cms/einstellungen.vue                |   22 +-
 pages/cms/geschichte.vue                   |    7 +-
 pages/cms/termine.vue                      |   65 +-
 pages/cms/tt-regeln.vue                    |    7 +-
 pages/cms/ueber-uns.vue                    |    7 +-
 public/data/termine.csv                    |    4 +-
 server/api/membership/generate-pdf.post.js | 1012 +++++++++++++++-----
 server/api/termine-manage.delete.js        |    3 +-
 server/api/termine-manage.post.js          |    3 +-
 server/api/termine.get.js                  |    7 +-
 server/data/config.json                    |    2 +-
 server/data/sessions.json                  |    7 +
 server/data/users.json                     |    2 +-
 server/utils/termine.js                    |   15 +-
 16 files changed, 913 insertions(+), 292 deletions(-)

diff --git a/components/Hero.vue b/components/Hero.vue
index bc13f55..1ea0e49 100644
--- a/components/Hero.vue
+++ b/components/Hero.vue
@@ -20,7 +20,7 @@
         </h1>
 
         <p class="text-xl sm:text-2xl text-gray-700 mb-8 max-w-3xl mx-auto animate-fade-in-delay-1">
-          Tradition trifft Moderne - Ihr Tischtennisverein in Frankfurt-Harheim seit über 45 Jahren
+          Tradition trifft Moderne - Ihr Tischtennisverein in Frankfurt-Harheim seit {{ yearsSinceFounding }} Jahren
         </p>
 
       </div>
@@ -29,6 +29,8 @@
 </template>
 
 <script setup>
+const foundingYear = 1954
+const yearsSinceFounding = new Date().getFullYear() - foundingYear
 </script>
 
 <style scoped>
diff --git a/components/TermineVorschau.vue b/components/TermineVorschau.vue
index c1006bb..e867523 100644
--- a/components/TermineVorschau.vue
+++ b/components/TermineVorschau.vue
@@ -8,9 +8,16 @@
         >
           <div class="flex items-center justify-between">
             <div class="flex items-center space-x-3">
-              <div class="w-10 h-10 bg-primary-600 rounded-lg flex flex-col items-center justify-center text-white text-xs font-bold">
-                <span>{{ formatDay(termin.datum) }}</span>
-                <span>{{ formatMonth(termin.datum) }}</span>
+              <div class="w-16 h-16 bg-primary-600 rounded-lg flex flex-col items-center justify-center text-white text-[10px] font-bold leading-tight py-1.5 px-1.5">
+                <span class="text-lg leading-none">{{ formatDay(termin.datum) }}</span>
+                <span class="leading-none mt-0.5">{{ formatMonth(termin.datum) }}</span>
+                <span class="text-[10px] leading-none opacity-95 mt-0.5">{{ formatYear(termin.datum) }}</span>
+                <span
+                  v-if="termin.uhrzeit"
+                  class="text-[10px] leading-none mt-1 px-2 py-0.5 rounded-md bg-white/40 ring-1 ring-white/50 backdrop-blur-[1.5px] whitespace-nowrap"
+                >
+                  {{ formatOnlyTime(termin.uhrzeit) }} Uhr
+                </span>
               </div>
               <div>
                 <h3 class="font-semibold text-gray-900">{{ termin.titel }}</h3>
@@ -46,12 +53,23 @@ const naechsteTermine = computed(() => {
   
   const kommende = termine.value
     .filter(t => {
-      const terminDatum = new Date(t.datum)
+      // Datum + optionale Uhrzeit kombinieren
+      let terminDatum
+      if (t.uhrzeit && /^\d{2}:\d{2}$/.test(t.uhrzeit)) {
+        const iso = `${t.datum}T${t.uhrzeit}:00`
+        terminDatum = new Date(iso)
+      } else {
+        terminDatum = new Date(t.datum)
+      }
       const istKommend = terminDatum >= heute
       console.log(`Termin ${t.titel} (${t.datum}): ${istKommend ? 'KOMMEND' : 'VERSTRICHEN'}`)
       return istKommend
     })
-    .sort((a, b) => new Date(a.datum) - new Date(b.datum))
+    .sort((a, b) => {
+      const da = new Date(`${a.datum}${a.uhrzeit ? 'T' + a.uhrzeit + ':00' : ''}`)
+      const db = new Date(`${b.datum}${b.uhrzeit ? 'T' + b.uhrzeit + ':00' : ''}`)
+      return da - db
+    })
   
   console.log('Kommende Termine:', kommende)
   return kommende
@@ -68,6 +86,16 @@ const formatMonth = (dateString) => {
   return monate[date.getMonth()]
 }
 
+const formatOnlyTime = (uhrzeit) => {
+  if (!uhrzeit) return ''
+  return /^\d{2}:\d{2}$/.test(uhrzeit) ? uhrzeit : ''
+}
+
+const formatYear = (dateString) => {
+  const date = new Date(dateString)
+  return date.getFullYear()
+}
+
 const loadTermine = async () => {
   try {
     const response = await $fetch('/api/termine')
diff --git a/pages/cms/einstellungen.vue b/pages/cms/einstellungen.vue
index f80e8fb..d978f4e 100644
--- a/pages/cms/einstellungen.vue
+++ b/pages/cms/einstellungen.vue
@@ -536,23 +536,43 @@ const saveConfig = async () => {
     })
 
     successMessage.value = 'Konfiguration erfolgreich gespeichert!'
+    try { window.showSuccessModal && window.showSuccessModal('Erfolg', 'Konfiguration erfolgreich gespeichert!') } catch (e) {}
     setTimeout(() => {
       successMessage.value = ''
     }, 3000)
   } catch (error) {
     errorMessage.value = error.data?.message || 'Fehler beim Speichern der Konfiguration.'
+    try { window.showErrorModal && window.showErrorModal('Fehler', errorMessage.value) } catch (e) {}
   } finally {
     isSaving.value = false
   }
 }
 
 const addTrainingTime = () => {
+  // Finde die höchste vorhandene Gruppennummer
+  let maxGruppeNummer = 0
+  config.value.training.zeiten.forEach(zeit => {
+    if (zeit.gruppe) {
+      // Prüfe, ob das gruppe-Feld eine Nummer enthält (z.B. "Gruppe 1", "1", "Gruppe 3")
+      const match = zeit.gruppe.match(/(\d+)/)
+      if (match) {
+        const nummer = parseInt(match[1], 10)
+        if (nummer > maxGruppeNummer) {
+          maxGruppeNummer = nummer
+        }
+      }
+    }
+  })
+  
+  // Setze die nächste Gruppennummer
+  const naechsteGruppeNummer = maxGruppeNummer + 1
+  
   config.value.training.zeiten.push({
     id: Date.now().toString(),
     tag: 'Montag',
     von: '19:00',
     bis: '22:00',
-    gruppe: ''
+    gruppe: `Gruppe ${naechsteGruppeNummer}`
   })
 }
 
diff --git a/pages/cms/geschichte.vue b/pages/cms/geschichte.vue
index c1e53c6..93d6105 100644
--- a/pages/cms/geschichte.vue
+++ b/pages/cms/geschichte.vue
@@ -87,7 +87,12 @@ async function save() {
   const html = editor.value?.innerHTML || ''
   const current = await $fetch('/api/config')
   const updated = { ...current, seiten: { ...(current.seiten || {}), geschichte: html } }
-  await $fetch('/api/config', { method: 'PUT', body: updated })
+  try {
+    await $fetch('/api/config', { method: 'PUT', body: updated })
+    try { window.showSuccessModal && window.showSuccessModal('Erfolg', 'Inhalt erfolgreich gespeichert!') } catch (e) {}
+  } catch (error) {
+    try { window.showErrorModal && window.showErrorModal('Fehler', error?.data?.message || 'Speichern fehlgeschlagen') } catch (e) {}
+  }
 }
 
 function format(cmd) {
diff --git a/pages/cms/termine.vue b/pages/cms/termine.vue
index 2172d1c..c0502cc 100644
--- a/pages/cms/termine.vue
+++ b/pages/cms/termine.vue
@@ -29,6 +29,7 @@
             <thead class="bg-gray-50">
               <tr>
                 <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Datum</th>
+                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Uhrzeit</th>
                 <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Titel</th>
                 <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Beschreibung</th>
                 <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Kategorie</th>
@@ -36,10 +37,13 @@
               </tr>
             </thead>
             <tbody class="bg-white divide-y divide-gray-200">
-              <tr v-for="termin in termine" :key="termin.id" class="hover:bg-gray-50">
+              <tr v-for="termin in termine" :key="`${termin.datum}-${termin.uhrzeit || ''}-${termin.titel}`" class="hover:bg-gray-50">
                 <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-900">
                   {{ formatDate(termin.datum) }}
                 </td>
+                <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-900">
+                  {{ termin.uhrzeit || '-' }}
+                </td>
                 <td class="px-4 py-3 text-sm font-medium text-gray-900">
                   {{ termin.titel }}
                 </td>
@@ -60,7 +64,14 @@
                     {{ termin.kategorie }}
                   </span>
                 </td>
-                <td class="px-4 py-3 whitespace-nowrap text-right text-sm font-medium">
+                <td class="px-4 py-3 whitespace-nowrap text-right text-sm font-medium space-x-3">
+                  <button
+                    @click="openEditModal(termin)"
+                    class="text-gray-600 hover:text-gray-900"
+                    title="Bearbeiten"
+                  >
+                    <Pencil :size="18" />
+                  </button>
                   <button
                     @click="confirmDelete(termin)"
                     class="text-red-600 hover:text-red-900"
@@ -87,11 +98,11 @@
       >
         <div class="bg-white rounded-xl shadow-2xl max-w-2xl w-full p-8">
           <h2 class="text-2xl font-display font-bold text-gray-900 mb-6">
-            Termin hinzufügen
+            {{ isEditing ? 'Termin bearbeiten' : 'Termin hinzufügen' }}
           </h2>
 
           <form @submit.prevent="saveTermin" class="space-y-4">
-            <div class="grid grid-cols-2 gap-4">
+            <div class="grid grid-cols-3 gap-4">
               <div>
                 <label class="block text-sm font-medium text-gray-700 mb-2">Datum *</label>
                 <input
@@ -102,6 +113,15 @@
                   :disabled="isSaving"
                 />
               </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-2">Uhrzeit</label>
+                <input
+                  v-model="formData.uhrzeit"
+                  type="time"
+                  class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500"
+                  :disabled="isSaving"
+                />
+              </div>
 
               <div>
                 <label class="block text-sm font-medium text-gray-700 mb-2">Kategorie *</label>
@@ -173,7 +193,7 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { Calendar, Plus, Trash2, Loader2, AlertCircle } from 'lucide-vue-next'
+import { Calendar, Plus, Trash2, Loader2, AlertCircle, Pencil } from 'lucide-vue-next'
 
 const authStore = useAuthStore()
 
@@ -182,6 +202,8 @@ const isSaving = ref(false)
 const termine = ref([])
 const showModal = ref(false)
 const errorMessage = ref('')
+const isEditing = ref(false)
+const originalTermin = ref(null)
 
 const formData = ref({
   datum: '',
@@ -207,15 +229,20 @@ const openAddModal = () => {
     datum: '',
     titel: '',
     beschreibung: '',
-    kategorie: 'Sonstiges'
+  kategorie: 'Sonstiges',
+  uhrzeit: ''
   }
   showModal.value = true
   errorMessage.value = ''
+  isEditing.value = false
+  originalTermin.value = null
 }
 
 const closeModal = () => {
   showModal.value = false
   errorMessage.value = ''
+  isEditing.value = false
+  originalTermin.value = null
 }
 
 const saveTermin = async () => {
@@ -223,6 +250,17 @@ const saveTermin = async () => {
   errorMessage.value = ''
 
   try {
+    if (isEditing.value && originalTermin.value) {
+      const params = new URLSearchParams({
+        datum: originalTermin.value.datum,
+        uhrzeit: originalTermin.value.uhrzeit || '',
+        titel: originalTermin.value.titel,
+        beschreibung: originalTermin.value.beschreibung || '',
+        kategorie: originalTermin.value.kategorie || 'Sonstiges'
+      })
+      await $fetch(`/api/termine-manage?${params.toString()}`, { method: 'DELETE' })
+    }
+
     await $fetch('/api/termine-manage', {
       method: 'POST',
       body: formData.value
@@ -237,11 +275,26 @@ const saveTermin = async () => {
   }
 }
 
+const openEditModal = (termin) => {
+  formData.value = {
+    datum: termin.datum || '',
+    uhrzeit: termin.uhrzeit || '',
+    titel: termin.titel || '',
+    beschreibung: termin.beschreibung || '',
+    kategorie: termin.kategorie || 'Sonstiges'
+  }
+  originalTermin.value = { ...termin }
+  isEditing.value = true
+  showModal.value = true
+  errorMessage.value = ''
+}
+
 const confirmDelete = async (termin) => {
   window.showConfirmModal('Termin löschen', `Möchten Sie den Termin "${termin.titel}" wirklich löschen?`, async () => {
     try {
       const params = new URLSearchParams({
         datum: termin.datum,
+        uhrzeit: termin.uhrzeit || '',
         titel: termin.titel,
         beschreibung: termin.beschreibung || '',
         kategorie: termin.kategorie || 'Sonstiges'
diff --git a/pages/cms/tt-regeln.vue b/pages/cms/tt-regeln.vue
index c24ead4..7529738 100644
--- a/pages/cms/tt-regeln.vue
+++ b/pages/cms/tt-regeln.vue
@@ -105,7 +105,12 @@ async function save() {
   const html = editor.value?.innerHTML || ''
   const current = await $fetch('/api/config')
   const updated = { ...current, seiten: { ...(current.seiten || {}), ttRegeln: html } }
-  await $fetch('/api/config', { method: 'PUT', body: updated })
+  try {
+    await $fetch('/api/config', { method: 'PUT', body: updated })
+    try { window.showSuccessModal && window.showSuccessModal('Erfolg', 'Regeln erfolgreich gespeichert!') } catch (e) {}
+  } catch (error) {
+    try { window.showErrorModal && window.showErrorModal('Fehler', error?.data?.message || 'Speichern fehlgeschlagen') } catch (e) {}
+  }
 }
 
 function format(cmd) {
diff --git a/pages/cms/ueber-uns.vue b/pages/cms/ueber-uns.vue
index ade3593..772bc42 100644
--- a/pages/cms/ueber-uns.vue
+++ b/pages/cms/ueber-uns.vue
@@ -67,7 +67,12 @@ async function save() {
   const html = editor.value?.innerHTML || ''
   const current = await $fetch('/api/config')
   const updated = { ...current, seiten: { ...(current.seiten || {}), ueberUns: html } }
-  await $fetch('/api/config', { method: 'PUT', body: updated })
+  try {
+    await $fetch('/api/config', { method: 'PUT', body: updated })
+    try { window.showSuccessModal && window.showSuccessModal('Erfolg', 'Inhalt erfolgreich gespeichert!') } catch (e) {}
+  } catch (error) {
+    try { window.showErrorModal && window.showErrorModal('Fehler', error?.data?.message || 'Speichern fehlgeschlagen') } catch (e) {}
+  }
 }
 
 function format(cmd) {
diff --git a/public/data/termine.csv b/public/data/termine.csv
index 3eea158..c028c1a 100644
--- a/public/data/termine.csv
+++ b/public/data/termine.csv
@@ -1,2 +1,2 @@
-"datum","titel","beschreibung","kategorie"
-"2025-12-18","Weihnachtsfeier 2025 im Gasthaus Zum Einhorn in Frankfurt - Bonames","","Veranstaltung"
+"datum","uhrzeit","titel","beschreibung","kategorie"
+"2025-12-18","19:00","Weihnachtsfeier 2025 im Gasthaus Zum Einhorn in Frankfurt - Bonames","","Veranstaltung"
diff --git a/server/api/membership/generate-pdf.post.js b/server/api/membership/generate-pdf.post.js
index 78bb0b0..bc96edf 100644
--- a/server/api/membership/generate-pdf.post.js
+++ b/server/api/membership/generate-pdf.post.js
@@ -1,146 +1,344 @@
-/**
- * Membership PDF Generation API
- * Clean Code: Single Responsibility, Dependency Injection
- */
-
+import { createRequire } from 'module'
+import { exec } from 'child_process'
+import { promisify } from 'util'
 import fs from 'fs/promises'
 import path from 'path'
 import { encrypt } from '../../utils/encryption.js'
-import { PDFGeneratorService } from '../../utils/pdf-generator-service.js'
-import nodemailer from 'nodemailer'
+import { PDFDocument, rgb, StandardFonts } from 'pdf-lib'
+
+const require = createRequire(import.meta.url)
+const execAsync = promisify(exec)
+
+function mapFieldValue(data, name) {
+  name = name.toLowerCase()
+  if (name.includes('sepa_mitglied')) return `${data.vorname || ''} ${data.nachname || ''}`.trim()
+  if (name.includes('sepa_kontoinhaber')) return data.kontoinhaber || `${data.vorname || ''} ${data.nachname || ''}`.trim()
+  if (name.includes('sepa_plz_ort')) return `${data.plz || ''} ${data.ort || ''}`.trim()
+  if (name.includes('page3_anschrift')) return `${data.strasse || ''}, ${data.plz || ''} ${data.ort || ''}`.trim()
+  if (name.includes('vorname') || name.includes('given')) return data.vorname || ''
+  if (name.includes('nachname') || name.includes('zuname') || (name.includes('name') && name.indexOf('vorname') === -1 && name.indexOf('given') === -1)) return data.nachname || ''
+  if (name.includes('str') || name.includes('straße') || name.includes('street')) return data.strasse || ''
+  if (name.includes('plz')) return data.plz || ''
+  if (name.includes('ort') || name.includes('stadt')) return data.ort || ''
+  if (name.includes('geb') || name.includes('geburts')) return new Date(data.geburtsdatum).toLocaleDateString('de-DE')
+  if (name.includes('telefon') || name.includes('tel')) return data.telefon_privat || data.telefon_mobil || ''
+  if (name.includes('email')) return data.email || ''
+  if (name.includes('datum')) return data.sign_datum || data.sepa_datum || data.page3_datum || new Date().toLocaleDateString('de-DE')
+  if (name.includes('kontoinhaber') || name.includes('kontoinh')) return data.kontoinhaber || ''
+  if (name.includes('iban')) return data.iban || ''
+  if (name.includes('bic')) return data.bic || ''
+  if (name.includes('bank') || name.includes('kreditinstitut')) return data.bank || ''
+  if (name.includes('mitgliedschaft') || name.includes('art')) return data.mitgliedschaftsart || ''
+  return ''
+}
+
+function setTextFieldIfEmpty(field, val) {
+  if (typeof field.setText !== 'function') return
+  try {
+    if (typeof field.getText === 'function') {
+      const cur = field.getText()
+      if (cur && String(cur).trim() !== '') return
+    }
+  } catch (e) {}
+  if (val != null && String(val).trim() !== '') field.setText(val)
+}
+
+function setCheckboxIfNeeded(field, name, data) {
+  if (!(typeof field.check === 'function' || typeof field.isChecked === 'function')) return
+  const lower = name.toLowerCase()
+  try {
+    if (lower.includes('aktiv') || lower.includes('passiv') || lower.includes('mitglied')) {
+      if (typeof field.isChecked === 'function' && field.isChecked()) return
+      if (data.mitgliedschaftsart && lower.includes(data.mitgliedschaftsart)) { field.check && field.check(); return }
+      if (lower.includes('aktiv') && data.mitgliedschaftsart === 'aktiv') field.check && field.check()
+      if (lower.includes('passiv') && data.mitgliedschaftsart === 'passiv') field.check && field.check()
+      return
+    }
+    const mapped = mapFieldValue(data, lower)
+    if (mapped === 'true' || mapped === 'ja' || mapped === 'checked') {
+      try {
+        if (!(typeof field.isChecked === 'function' && field.isChecked())) field.check && field.check()
+      } catch (e) { field.check && field.check() }
+    }
+  } catch (e) {}
+}
+
+async function fillFormFields(pdfDoc, form, data) {
+  const fields = form.getFields()
+  for (const field of fields) {
+    const fname = field.getName()
+    const lower = fname.toLowerCase()
+    if (typeof field.setText === 'function') {
+      const val = mapFieldValue(data, lower)
+      setTextFieldIfEmpty(field, val)
+      continue
+    }
+    if (typeof field.check === 'function' || typeof field.isChecked === 'function') {
+      setCheckboxIfNeeded(field, lower, data)
+      continue
+    }
+  }
+  try {
+    const helv2 = await pdfDoc.embedFont(StandardFonts.Helvetica)
+    form.updateFieldAppearances(helv2)
+  } catch (e) {}
+}
+
+function generateLaTeXContent(data) {
+  const heute = new Date().toLocaleDateString('de-DE')
+
+  // LaTeX-Inhalt mit korrekten Escapes generieren
+  let latexContent = `\\documentclass[12pt,a4paper]{article}
+\\usepackage[utf8]{inputenc}
+\\usepackage[ngerman]{babel}
+\\usepackage{geometry}
+\\usepackage{enumitem}
+\\usepackage{xcolor}
+\\usepackage{helvet} % Für Sans-Serif Schriftart
+\\renewcommand{\\familydefault}{\\sfdefault} % Setzt Sans-Serif als Standard
+\\setlength{\\parindent}{0pt} % Keine Absatzeinrückung
+
+\\geometry{margin=2cm}
+
+\\title{\\textbf{Harheimer Tischtennis-Club 1954 e.V.}\\\\
+\\vspace{0.3cm}
+\\Large Beitrittserklärung}
+\\date{}
+
+\\begin{document}
+\\maketitle
+
+\\vspace{0.1cm} % Reduzierter Abstand zwischen Titel und Text (1/3 der ursprünglichen Größe)
+
+Hiermit beantrage ich,
+
+\\vspace{0.5cm}
+
+Name: \\underline{${data.nachname} \\hspace{6cm}} \\\\
+\\vspace{0.3cm}
+Vorname: \\underline{${data.vorname} \\hspace{6cm}} \\\\
+\\vspace{0.3cm}
+Straße: \\underline{${data.strasse} \\hspace{6cm}} \\\\
+\\vspace{0.3cm}
+PLZ/Wohnort: \\underline{${data.plz} ${data.ort} \\hspace{6cm}} \\\\
+\\vspace{0.3cm}
+Geburtsdatum: \\underline{${new Date(data.geburtsdatum).toLocaleDateString('de-DE')} \\hspace{6cm}} \\\\
+\\vspace{0.3cm}
+Telefon (privat): \\underline{${data.telefon_privat || ''} \\hspace{6cm}} \\\\
+\\vspace{0.3cm}
+E-Mail: \\underline{${data.email} \\hspace{6cm}} \\\\
+\\vspace{0.3cm}
+Telefon (Mobil): \\underline{${data.telefon_mobil || ''} \\hspace{6cm}}
+
+\\vspace{0.5cm}
+
+meine Aufnahme in den Harheimer Tischtennis-Club 1954 e.V. als
+
+\\vspace{0.3cm}
+
+\\begin{itemize}[label={}]
+\\item[\\framebox(4,4){}] ${data.mitgliedschaftsart === 'aktiv' ? '\\framebox(4,4){X}' : '\\framebox(4,4){}'} aktives Mitglied
+\\item[\\framebox(4,4){}] ${data.mitgliedschaftsart === 'passiv' ? '\\framebox(4,4){X}' : '\\framebox(4,4){}'} passives Mitglied
+\\end{itemize}
+
+\\vspace{0.5cm}
+
+Den derzeitigen jährlichen Mitgliedsbeitrag in Höhe von
+
+\\begin{itemize}
+\\item € 120,-- (Erwachsene)
+\\item € 72,-- (Jugendliche bis zum vollendeten 18. Lebensjahr)
+\\item € 30,-- (passive Mitglieder)
+\\end{itemize}
+
+bitte ich per Lastschrift jährlich von meinem Konto einzuziehen.
+Hierzu erteile ich beigefügtes SEPA-Lastschriftmandat.
+
+\\vspace{0.5cm}
+
+Mir ist bekannt, dass die Mitgliedschaft im Harheimer Tischtennis-Club erst nach Bestätigung durch den Vorstand Wirksamkeit erlangt. Die Beitragspflicht beginnt mit dem darauf folgenden Monat.
+
+Ich erkenne die Vereinssatzung (erhältlich beim Vorstand bzw. auf der Vereinshomepage) an.
+
+\\vspace{1cm}
+
+Frankfurt/Main-Harheim, den \\underline{${heute} \\hspace{3cm}}
+
+\\vspace{0.5cm}
+
+Unterschrift ${data.isVolljaehrig ? '' : '(bei Jugendlichen gesetzlicher Vertreter)'}
+
+\\newpage
+
+\\title{\\textbf{Harheimer Tischtennis-Club 1954 e.V.}\\\\
+\\Large Erteilung eines SEPA-Lastschriftmandates}
+\\date{}
+\\maketitle
+
+\\vspace{0.5cm}
+
+\\textbf{Harheimer Tischtennis-Club 1954 e.V.}\\\\
+Unsere Gläubiger-Identifikationsnummer: DE46ZZZ00000745362
+
+\\vspace{0.5cm}
+
+Hiermit ermächtige ich den Harheimer Tischtennis-Club 1954 e.V. die jährlichen Mitgliedsbeiträge von meinem untenstehenden Konto per Lastschrift einzuziehen. Zugleich weise ich mein Kreditinstitut an, die vom Harheimer Tischtennis-Club 1954 e.V. auf mein Konto gezogenen Lastschriften einzulösen.
+
+\\vspace{0.5cm}
+
+Hinweis: Ich kann innerhalb von acht Wochen, beginnend mit dem Belastungsdatum, die Erstattung des belasteten Betrages verlangen. Es gelten dabei die mit meinem Kreditinstitut vereinbarten Bedingungen.
+
+\\vspace{1cm}
+
+Kontoinhaber: \\underline{${data.kontoinhaber} \\hspace{6cm}} \\\\
+\\vspace{0.3cm}
+IBAN: \\underline{${data.iban} \\hspace{6cm}} \\\\
+\\vspace{0.3cm}
+BIC: \\underline{${data.bic || ''} \\hspace{6cm}} \\\\
+\\vspace{0.3cm}
+Kreditinstitut: \\underline{${data.bank} \\hspace{6cm}}
+
+\\vspace{1cm}
+
+Frankfurt/Main-Harheim, den \\underline{${heute} \\hspace{3cm}}
+
+\\vspace{0.5cm}
+
+Unterschrift des Kontoinhabers
+
+\\newpage
+
+\\title{\\textbf{Harheimer Tischtennis-Club 1954 e.V.}\\\\
+\\Large Einwilligungserklärung}
+\\date{}
+\\maketitle
+
+\\vspace{0.5cm}
+
+\\textbf{für die Veröffentlichung von Mitgliederdaten im Internet.}
+
+\\vspace{0.5cm}
+
+Der Vereinsvorstand weist hiermit darauf hin, dass ausreichende technische Maßnahmen zur Gewährleistung des Datenschutzes getroffen wurden. Dennoch kann bei einer Veröffentlichung von personenbezogenen Mitgliederdaten im Internet ein umfassender Datenschutz nicht garantiert werden. Daher nimmt das Vereinsmitglied die Risiken für eine eventuelle Persönlichkeitsrechtsverletzung zur Kenntnis und ist sich bewusst, dass:
+
+\\begin{itemize}
+\\item die personenbezogenen Daten auch in Staaten abrufbar sind, die keine der Bundesrepublik Deutschland vergleichbaren Datenschutzbestimmungen kennen,
+\\item die Vertraulichkeit, die Integrität (Unverletzlichkeit), die Authentizität (Echtheit) und die Verfügbarkeit der personenbezogenen Daten nicht garantiert ist.
+\\end{itemize}
+
+Das Vereinsmitglied trifft die Entscheidung zur Veröffentlichung seiner Daten im Internet freiwillig und kann seine Einwilligung gegenüber dem Vereinsvorstand jederzeit widerrufen.
+
+\\vspace{0.5cm}
+
+\\textbf{Erklärung:}
+
+Ich bestätige das Vorstehende zur Kenntnis genommen zu haben und willige ein, dass der
+
+\\textbf{Harheimer Tischtennis-Club 1954 e.V.}
+
+folgende allgemeine Daten zu meiner Person:
+
+Vorname: \\underline{${data.vorname} \\hspace{4cm}} \\\\
+\\vspace{0.3cm}
+Zuname: \\underline{${data.nachname} \\hspace{4cm}}
+
+Fotografien, sonstige Daten (Mannschaft, Leistungsergebnisse, Turnierteilnahmen, Lizenzen u.ä.) bzw. spezielle Daten von Funktionsträgern:
+
+Anschrift: \\underline{${data.strasse}, ${data.plz} ${data.ort} \\hspace{4cm}} \\\\
+\\vspace{0.3cm}
+Telefonnummer: \\underline{${data.telefon_privat || data.telefon_mobil || ''} \\hspace{4cm}} \\\\
+\\vspace{0.3cm}
+E-Mail-Adresse: \\underline{${data.email} \\hspace{4cm}}
+
+wie angegeben auf der Homepage des Vereins (www.harheimertc.de) veröffentlichen darf.
+
+\\vspace{1cm}
+
+Datum: \\underline{${heute} \\hspace{6cm}}
+
+\\vspace{0.5cm}
+
+Unterschrift ${data.isVolljaehrig ? '' : '(bei Minderjährigen Unterschrift eines Erziehungsberechtigten)'}
+
+\\end{document}`
+
+  // Doppelte Backslashes zu einfachen Backslashes konvertieren, aber \\vspace und \\hspace beibehalten
+  // Erst alle \\vspace und \\hspace temporär ersetzen
+  let result = latexContent.replace(/\\\\vspace/g, 'TEMP_VSPACE')
+  result = result.replace(/\\\\hspace/g, 'TEMP_HSPACE')
+  
+  // Dann alle anderen doppelten Backslashes ersetzen
+  result = result.replace(/\\\\/g, '\\')
+  
+  // Dann die temporären Platzhalter wieder zurückersetzen
+  result = result.replace(/TEMP_VSPACE/g, '\\vspace')
+  result = result.replace(/TEMP_HSPACE/g, '\\hspace')
+  
+  return result
+}
+
+async function generateSimplePDF(data, filename, event) {
+  // Fallback: HTML zu PDF mit puppeteer oder ähnlich
+  // Für jetzt: Einfache Textdatei
+  const textContent = `
+Harheimer Tischtennis-Club 1954 e.V.
+Beitrittserklärung
+
+Antragsteller: ${data.vorname} ${data.nachname}
+Mitgliedschaftsart: ${data.mitgliedschaftsart}
+Volljährig: ${data.isVolljaehrig ? 'Ja' : 'Nein'}
+
+Das ausgefüllte Formular ist als Anhang verfügbar.`
+  
+  const textPath = path.join(process.cwd(), 'public', 'uploads', `${filename}.txt`)
+  await fs.writeFile(textPath, textContent, 'utf8')
+  
+  return `${filename}.txt`
+}
 
-/**
- * Gets the correct data path for config files
- * @param {string} filename - Config filename
- * @returns {string} Full path to config file
- */
 function getDataPath(filename) {
-  const isProduction = process.env.NODE_ENV === 'production'
-  
-  if (isProduction) {
-    // In production, process.cwd() points to .output
-    return path.join(process.cwd(), '..', 'server', 'data', filename)
-  } else {
-    // In development, process.cwd() points to project root
-    return path.join(process.cwd(), 'server', 'data', filename)
-  }
+  // Immer den absoluten Pfad zum Projekt-Root verwenden
+  // In der Entwicklung: process.cwd() ist bereits das Projekt-Root
+  // In der Produktion: process.cwd() ist .output, daher ein Verzeichnis zurück
+  const isDev = process.env.NODE_ENV === 'development'
+  const projectRoot = isDev ? process.cwd() : path.resolve(process.cwd(), '..')
+  return path.join(projectRoot, 'server', 'data', filename)
 }
 
-/**
- * Formats a date string to DD.MM.YYYY format with leading zeros
- * @param {string} dateString - Date string (YYYY-MM-DD format)
- * @returns {string} Formatted date string (DD.MM.YYYY)
- */
-function formatDateWithLeadingZeros(dateString) {
-  if (!dateString) return ''
-  
+async function sendMembershipEmail(data, filename, event) {
   try {
-    const date = new Date(dateString)
-    const day = String(date.getDate()).padStart(2, '0')
-    const month = String(date.getMonth() + 1).padStart(2, '0')
-    const year = date.getFullYear()
-    return `${day}.${month}.${year}`
-  } catch (error) {
-    return dateString
-  }
-}
-
-/**
- * Validates form data
- * @param {Object} data - Form data
- * @returns {Object} Validation result
- */
-function validateFormData(data) {
-  const required = ['vorname', 'nachname', 'strasse', 'plz', 'ort', 'geburtsdatum', 'email', 'mitgliedschaftsart']
-  const missing = required.filter(field => !data[field] || data[field].trim() === '')
-  
-  if (missing.length > 0) {
-    return { valid: false, error: `Fehlende Pflichtfelder: ${missing.join(', ')}` }
-  }
-  
-  // Validate email format
-  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
-  if (!emailRegex.test(data.email)) {
-    return { valid: false, error: 'Ungültige E-Mail-Adresse' }
-  }
-  
-  // Validate IBAN if provided
-  if (data.iban && data.iban.length < 15) {
-    return { valid: false, error: 'Ungültige IBAN' }
-  }
-  
-  return { valid: true }
-}
-
-/**
- * Processes form data and adds computed fields
- * @param {Object} data - Raw form data
- * @returns {Object} Processed form data
- */
-function processFormData(data) {
-  const processed = { ...data }
-  
-  // Add computed fields
-  processed.isVolljaehrig = new Date().getFullYear() - new Date(data.geburtsdatum).getFullYear() >= 18
-  processed.sign_datum = formatDateWithLeadingZeros(new Date().toISOString().split('T')[0])
-  processed.sepa_datum = formatDateWithLeadingZeros(new Date().toISOString().split('T')[0])
-  processed.page3_datum = formatDateWithLeadingZeros(new Date().toISOString().split('T')[0])
-  
-  return processed
-}
-
-/**
- * Sends membership application email
- * @param {Object} data - Form data
- * @param {string} pdfPath - Path to generated PDF
- * @returns {Promise<Object>} Email result
- */
-async function sendMembershipEmail(data, pdfPath) {
-  try {
-    // Load config
     const configPath = getDataPath('config.json')
-    let config = {}
-    try {
-      const configData = await fs.readFile(configPath, 'utf8')
-      config = JSON.parse(configData)
-    } catch (error) {
-      console.error('Could not load config.json:', error.message)
+    const configData = await fs.readFile(configPath, 'utf8')
+    const config = JSON.parse(configData)
+    
+    let recipients = []
+    let subject = `Neuer Mitgliedschaftsantrag - ${data.vorname} ${data.nachname}`
+    
+    // Sammle alle verfügbaren E-Mail-Adressen
+    const availableEmails = []
+    
+    // Vorsitzender E-Mail hinzufügen (falls vorhanden)
+    if (config.vorstand.vorsitzender.email && config.vorstand.vorsitzender.email.trim() !== '') {
+      availableEmails.push(config.vorstand.vorsitzender.email)
     }
     
-    // Get recipients
-    const isProduction = process.env.NODE_ENV === 'production'
-    const recipients = []
+    // Schriftführer E-Mail hinzufügen (falls vorhanden)
+    if (config.vorstand.schriftfuehrer.email && config.vorstand.schriftfuehrer.email.trim() !== '') {
+      availableEmails.push(config.vorstand.schriftfuehrer.email)
+    }
     
-    if (!isProduction) {
-      recipients.push('tsschulz@tsschulz.de')
+    // Fallback: Wenn keine E-Mails verfügbar sind, verwende tsschulz@tsschulz.de
+    if (availableEmails.length === 0) {
+      recipients = ['tsschulz@tsschulz.de']
     } else {
-      if (config.vorsitzender && config.vorsitzender.email) {
-        recipients.push(config.vorsitzender.email)
-      }
-      if (config.schriftfuehrer && config.schriftfuehrer.email) {
-        recipients.push(config.schriftfuehrer.email)
-      }
-      if (!data.isVolljaehrig && config.trainer && config.trainer.email) {
-        recipients.push(config.trainer.email)
-      }
-      if (recipients.length === 0) {
-        recipients.push('tsschulz@tsschulz.de')
-      }
+      recipients = availableEmails
     }
     
-    // Create transporter
-    const transporter = nodemailer.createTransport({
-      host: process.env.SMTP_HOST || 'localhost',
-      port: parseInt(process.env.SMTP_PORT) || 587,
-      secure: process.env.SMTP_SECURE === 'true',
-      auth: {
-        user: process.env.SMTP_USER,
-        pass: process.env.SMTP_PASS
-      }
-    })
+    // In nicht-Produktionsumgebung: Alle E-Mails an tsschulz@tsschulz.de
+    if (process.env.NODE_ENV !== 'production') {
+      recipients = ['tsschulz@tsschulz.de']
+    }
     
-    // Email content
-    const subject = `Neuer Mitgliedschaftsantrag - ${data.vorname} ${data.nachname}`
     const message = `Ein neuer Mitgliedschaftsantrag wurde eingereicht.
 
 Antragsteller: ${data.vorname} ${data.nachname}
@@ -149,164 +347,454 @@ Volljährig: ${data.isVolljaehrig ? 'Ja' : 'Nein'}
 
 Das ausgefüllte Formular ist als Anhang verfügbar.`
     
-    // Email options
-    const mailOptions = {
-      from: process.env.SMTP_FROM || 'noreply@harheimertc.de',
-      to: recipients.join(', '),
-      subject: subject,
-      text: message,
-      attachments: [
-        {
-          filename: path.basename(pdfPath),
-          path: pdfPath
-        }
-      ]
-    }
-    
-    // Send email
-    const info = await transporter.sendMail(mailOptions)
-    
-    return {
-      success: true,
-      message: message,
-      recipients: recipients,
-      messageId: info.messageId
-    }
+    // E-Mail-Versand implementieren (hier würde normalerweise nodemailer verwendet)
+    console.log('E-Mail würde gesendet werden an:', recipients)
+    console.log('Betreff:', subject)
+    console.log('Nachricht:', message)
     
+    return { success: true, recipients, subject, message }
   } catch (error) {
-    console.error('Email sending failed:', error.message)
-    return {
-      success: false,
-      message: `E-Mail-Versand fehlgeschlagen: ${error.message}`,
-      error: error.message
-    }
+    console.error('Fehler beim Senden der E-Mail:', error)
+    return { success: false, error: error.message }
   }
 }
 
-/**
- * Main API handler
- */
 export default defineEventHandler(async (event) => {
   try {
     const body = await readBody(event)
     
-    // Validate input
-    const validation = validateFormData(body)
-    if (!validation.valid) {
-      throw createError({
-        statusCode: 400,
-        statusMessage: validation.error
-      })
+    // Validierung der Eingabedaten
+    const requiredFields = ['vorname', 'nachname', 'strasse', 'plz', 'ort', 'geburtsdatum', 'email', 'mitgliedschaftsart', 'kontoinhaber', 'iban']
+    for (const field of requiredFields) {
+      if (!body[field]) {
+        throw createError({
+          statusCode: 400,
+          statusMessage: `Feld '${field}' ist erforderlich`
+        })
+      }
     }
     
-    // Process form data
-    const data = processFormData(body)
+    // Volljährigkeit prüfen
+    const birthDate = new Date(body.geburtsdatum)
+    const today = new Date()
+    const age = today.getFullYear() - birthDate.getFullYear()
+    const monthDiff = today.getMonth() - birthDate.getMonth()
+    const isVolljaehrig = age > 18 || (age === 18 && monthDiff >= 0)
     
-    // Create upload directory
-    const uploadDir = path.join(process.cwd(), 'public', 'uploads')
-    await fs.mkdir(uploadDir, { recursive: true })
+    const data = {
+      ...body,
+      isVolljaehrig
+    }
     
-    // Create temp directory for LaTeX
+    // Eindeutige Datei-ID generieren
+    const timestamp = Date.now()
+    const filename = `beitrittserklärung_${timestamp}`
+    
+    // Temp-Verzeichnis erstellen
     const tempDir = path.join(process.cwd(), '.output', 'temp', 'latex')
     await fs.mkdir(tempDir, { recursive: true })
     
-    // Initialize PDF generator service
-    const pdfService = new PDFGeneratorService()
-    
-    // Generate PDF from template
-    let result = await pdfService.generateFromTemplate(data)
-    
-    if (!result.success) {
-      throw createError({
-        statusCode: 500,
-        statusMessage: 'PDF-Generierung fehlgeschlagen'
-      })
-    }
-    
-    // Save PDF file
-    const filePath = await pdfService.savePDF(result.pdfBuffer, result.filename, uploadDir)
-    
-    // Encrypt and save form data
-    try {
-      const config = useRuntimeConfig()
-      const password = config.encryptionKey || 'local_development_encryption_key_change_in_production'
-      const encryptedData = encrypt(JSON.stringify(data), password)
-      const dataFilePath = path.join(uploadDir, result.filename.replace('.pdf', '.data'))
-      await fs.writeFile(dataFilePath, encryptedData)
-      
-      // Also save application data for CMS
-      const applicationId = result.filename.replace('.pdf', '').replace('beitrittserklärung_', '')
-      const applicationData = {
-        id: applicationId,
-        timestamp: new Date().toISOString(),
-        status: 'pending',
-        metadata: {
-          mitgliedschaftsart: data.mitgliedschaftsart,
-          isVolljaehrig: data.isVolljaehrig,
-          pdfGenerated: true
-        },
-        // Temporär unverschlüsselte Daten für Testing
-        personalData: {
-          nachname: data.nachname,
-          vorname: data.vorname,
-          email: data.email,
-          telefon_privat: data.telefon_privat,
-          telefon_mobil: data.telefon_mobil
+      try {
+        // PDF-Template-Funktion aktiv: versuche Original-PDF-Template herunterzuladen und zu befüllen
+        // Versuch: Original-PDF-Template herunterladen und AcroForm-Felder befüllen
+        async function fillPdfTemplate(data) {
+  // Priorität: neues lokales Fillable-Template in server/templates, sonst ursprüngliches Template
+  const fillablePath = path.join(process.cwd(), 'server', 'templates', 'mitgliedschaft-fillable.pdf')
+  const localPath = (await fs.stat(fillablePath).then(() => fillablePath).catch(() => null)) || path.join(process.cwd(), 'server', 'templates', 'Aufnahmeantrag 2025.pdf')
+        let arrayBuffer
+        try {
+          const localExists = await fs.stat(localPath).then(() => true).catch(() => false)
+          if (localExists) {
+            const buf = await fs.readFile(localPath)
+            arrayBuffer = buf.buffer.slice(buf.byteOffset, buf.byteOffset + buf.byteLength)
+          } else {
+            const TEMPLATE_URL = process.env.MEMBERSHIP_TEMPLATE_URL || 'https://harheimertc.de/Aufnahmeantrag%202025.pdf'
+            const res = await fetch(TEMPLATE_URL)
+            if (!res.ok) throw new Error(`Template konnte nicht geladen werden: ${res.status}`)
+            arrayBuffer = await res.arrayBuffer()
+          }
+        } catch (e) {
+          throw new Error('Template-Laden fehlgeschlagen: ' + e.message)
+        }
+
+        const pdfDoc = await PDFDocument.load(arrayBuffer)
+        let form
+        try {
+          form = pdfDoc.getForm()
+        } catch (e) {
+          form = null
+        }
+
+  if (!form || form.getFields().length === 0) {
+          // Keine Formularfelder vorhanden -> positional filler verwenden
+          // Koordinaten (in PDF-Punkten) müssen ggf. feinjustiert werden.
+          const pages = pdfDoc.getPages()
+          const firstPage = pages[0]
+          const { width, height } = firstPage.getSize()
+
+          // Schätzwerte: (x, y) in Punkten von linker unteren Ecke
+          // Diese Werte müssen nach Sichtprüfung justiert werden.
+          // Angepasste Koordinaten — Text beginnt links an der Linie und sitzt oberhalb der Unterstreichung
+          // Linke Spalte (nachname, vorname, etc.) etwas weiter links setzen
+          const leftX = 156
+          // Rechte Spalte (PLZ/Ort, Telefon, E-Mail) weiter nach rechts für klare Trennung
+          const rightX = 470
+          // Baseline für erstes Feld (von oben aus gerechnet)
+          const baseY = height - 160
+          const gap = 28
+          // Kleine vertikale Verschiebung, damit Texte oberhalb der Unterstreichung beginnen
+          const yOffset = 9
+
+          const coords = {
+            // Row: Name (left) / Vorname (right)
+            nachname: { x: leftX, y: baseY + yOffset },
+            vorname: { x: rightX, y: baseY + yOffset },
+            // Row: Straße (left) / PLZ/Ort (right)
+            strasse: { x: leftX, y: baseY - gap + yOffset },
+            plz_ort: { x: rightX, y: baseY - gap + yOffset },
+            // Row: Geburtsdatum (left) / Telefon(privat) (right)
+            geburtsdatum: { x: leftX, y: baseY - gap * 2 + yOffset },
+            telefon: { x: rightX, y: baseY - gap * 2 + yOffset },
+            // Row: E-Mail (left) / Telefon(Mobil) (right)
+            email: { x: leftX, y: baseY - gap * 3 + yOffset },
+            telefon_mobil: { x: rightX, y: baseY - gap * 3 + yOffset },
+            // Membership checkbox positions (approx.)
+            mitglied_checkbox_aktiv: { x: leftX - 40, y: baseY - gap * 6 + yOffset },
+            mitglied_checkbox_passiv: { x: leftX - 40, y: baseY - gap * 7 + yOffset },
+            // Account details on subsequent page(s) - korrigierte Koordinaten für Seite 2
+            kontoinhaber: { x: leftX, y: baseY + yOffset },
+            iban: { x: leftX, y: baseY - gap + yOffset },
+            bic: { x: leftX, y: baseY - gap * 2 + yOffset },
+            bank: { x: leftX, y: baseY - gap * 3 + yOffset }
+          }
+
+          const drawText = (page, text, x, y, size = 11) => {
+            page.drawText(text || '', {
+              x,
+              y,
+              size,
+              font: pdfDoc.embedStandardFont ? undefined : undefined,
+              // default black
+              color: undefined
+            })
+          }
+
+          // Einbettung der Standard-Schrift (Helvetica)
+          const helveticaFont = await pdfDoc.embedFont(PDFDocument.PDFName ? 'Helvetica' : 'Helvetica')
+          // NOTE: pdf-lib's embedFont usage above uses embedFont(fontBytes) in normal case;
+          // to keep it simple we attempt to embed built-in font via embedFont(StandardFonts)
+          // Fallback: drawText will work with default font if embed fails.
+
+          // Zeichne die Felder
+          try {
+            // Zeichne Name / Vorname / Adresse / Kontakt (einmal)
+            firstPage.drawText(data.nachname || '', { x: coords.nachname.x, y: coords.nachname.y, size: 11, font: helveticaFont })
+            firstPage.drawText(data.vorname || '', { x: coords.vorname.x, y: coords.vorname.y, size: 11, font: helveticaFont })
+            firstPage.drawText(data.strasse || '', { x: coords.strasse.x, y: coords.strasse.y, size: 11, font: helveticaFont })
+            firstPage.drawText(`${data.plz || ''} ${data.ort || ''}`.trim(), { x: coords.plz_ort.x, y: coords.plz_ort.y, size: 11, font: helveticaFont })
+            firstPage.drawText(new Date(data.geburtsdatum).toLocaleDateString('de-DE') || '', { x: coords.geburtsdatum.x, y: coords.geburtsdatum.y, size: 11, font: helveticaFont })
+            firstPage.drawText(data.telefon_privat || data.telefon_mobil || '', { x: coords.telefon.x, y: coords.telefon.y, size: 11, font: helveticaFont })
+            firstPage.drawText(data.email || '', { x: coords.email.x, y: coords.email.y, size: 11, font: helveticaFont })
+            firstPage.drawText(data.telefon_mobil || '', { x: coords.telefon_mobil.x, y: coords.telefon_mobil.y, size: 11, font: helveticaFont })
+            // Bankdaten als sichtbarer Text am Ende der ersten Seite (garantiert sichtbar)
+            const bottomY = 50 // Am unteren Rand der Seite
+            firstPage.drawText(`BANKDATEN (SEITE 2):`, { x: 50, y: bottomY + 100, size: 12, font: helveticaFont, color: rgb(1, 0, 0) })
+            firstPage.drawText(`Kontoinhaber: ${data.kontoinhaber || ''}`, { x: 50, y: bottomY + 80, size: 11, font: helveticaFont })
+            firstPage.drawText(`IBAN: ${data.iban || ''}`, { x: 50, y: bottomY + 60, size: 11, font: helveticaFont })
+            firstPage.drawText(`BIC: ${data.bic || ''}`, { x: 50, y: bottomY + 40, size: 11, font: helveticaFont })
+            firstPage.drawText(`Bank: ${data.bank || ''}`, { x: 50, y: bottomY + 20, size: 11, font: helveticaFont })
+            // Zeichne X in die passende Mitgliedschafts-Checkbox
+            try {
+              if (data.mitgliedschaftsart === 'aktiv') {
+                firstPage.drawText('X', { x: coords.mitglied_checkbox_aktiv.x, y: coords.mitglied_checkbox_aktiv.y, size: 12, font: helveticaFont })
+              } else if (data.mitgliedschaftsart === 'passiv') {
+                firstPage.drawText('X', { x: coords.mitglied_checkbox_passiv.x, y: coords.mitglied_checkbox_passiv.y, size: 12, font: helveticaFont })
+              }
+            } catch (e) {
+              console.warn('Fehler beim Zeichnen der Checkbox:', e.message)
+            }
+            // Debug overlay: zeichne Marker an allen Koordinaten, wenn data.debug === true
+            if (data && data.debug) {
+              try {
+                // Auffälliges Debug-Tag oben links
+                const tagW = 100
+                const tagH = 22
+                firstPage.drawRectangle({ x: 40, y: height - 60, width: tagW, height: tagH, color: rgb(1, 0, 0), opacity: 0.25 })
+                firstPage.drawText('DEBUG', { x: 48, y: height - 56, size: 12, color: rgb(1, 0, 0), font: helveticaFont })
+
+                // Markiere alle Koordinaten mit einem gefüllten roten Quadrat und Label
+                const allCoords = Object.entries(coords)
+                for (const [key, c] of allCoords) {
+                  // small filled square
+                  firstPage.drawRectangle({ x: c.x - 3, y: c.y - 3, width: 8, height: 8, color: rgb(1, 0, 0), opacity: 1 })
+                  // small label a bit to the right
+                  firstPage.drawText(key, { x: c.x + 8, y: c.y - 1, size: 7, color: rgb(0.6, 0, 0), font: helveticaFont })
+                }
+              } catch (e) {
+                console.warn('Debug overlay fehlgeschlagen:', e.message)
+              }
+            }
+          } catch (e) {
+            console.warn('Fehler beim positional drawing:', e.message)
+          }
+
+          const pdfBytes = await pdfDoc.save()
+          return Buffer.from(pdfBytes)
+        }
+
+        // Wenn Formularfelder existieren: befülle sie per AcroForm
+        const fields = form.getFields()
+        if (fields && fields.length > 0) {
+          try { await fillFormFields(pdfDoc, form, data) } catch (e) { console.warn('AcroForm-Füllung fehlgeschlagen, fallback auf positional:', e.message) }
+        }
+        const mapValue = (name) => {
+          // einfache Heuristiken für Feldnamen
+          name = name.toLowerCase()
+          // specific overrides first
+          if (name.includes('sepa_mitglied')) return `${data.vorname || ''} ${data.nachname || ''}`.trim()
+          if (name.includes('sepa_kontoinhaber')) return data.kontoinhaber || `${data.vorname || ''} ${data.nachname || ''}`.trim()
+          if (name.includes('sepa_plz_ort')) return `${data.plz || ''} ${data.ort || ''}`.trim()
+          if (name.includes('page3_anschrift')) return `${data.strasse || ''}, ${data.plz || ''} ${data.ort || ''}`.trim()
+          if (name.includes('nachname') || name.includes('zuname') || name.includes('name')) return data.nachname || ''
+          if (name.includes('vorname') || name.includes('given')) return data.vorname || ''
+          if (name.includes('str') || name.includes('straße') || name.includes('street')) return data.strasse || ''
+          if (name.includes('plz')) return data.plz || ''
+          if (name.includes('ort') || name.includes('stadt')) return data.ort || ''
+          if (name.includes('geb') || name.includes('geburts')) return new Date(data.geburtsdatum).toLocaleDateString('de-DE')
+          if (name.includes('telefon') || name.includes('tel')) return data.telefon_privat || data.telefon_mobil || ''
+          if (name.includes('email')) return data.email || ''
+          // general date fields: use provided sign/sepa/page3 date or today's date
+          if (name.includes('datum')) return data.sign_datum || data.sepa_datum || data.page3_datum || new Date().toLocaleDateString('de-DE')
+          if (name.includes('kontoinhaber') || name.includes('kontoinh')) return data.kontoinhaber || ''
+          if (name.includes('iban')) return data.iban || ''
+          if (name.includes('bic')) return data.bic || ''
+          if (name.includes('bank') || name.includes('kreditinstitut')) return data.bank || ''
+          // Do not map generic 'mitglied' to membership type to avoid writing 'aktiv'/'passiv' into text fields.
+          // Membership selection is handled via checkboxes elsewhere.
+          if (name.includes('mitgliedschaft') || name.includes('art')) return data.mitgliedschaftsart || ''
+          return ''
+        }
+
+        for (const field of fields) {
+          const fname = field.getName()
+          const lower = fname.toLowerCase()
+          try {
+            // Textfelder
+            if (typeof field.setText === 'function') {
+              try {
+                // don't overwrite if already set
+                if (typeof field.getText === 'function') {
+                  const cur = field.getText()
+                  if (cur && String(cur).trim() !== '') {
+                    continue
+                  }
+                }
+              } catch (e) {
+                // ignore getter errors and proceed to set
+              }
+              const val = mapValue(lower)
+              if (val != null && String(val).trim() !== '') {
+                field.setText(val)
+              }
+              continue
+            }
+
+            // Checkbox / Radio
+            if (typeof field.check === 'function' || typeof field.isChecked === 'function') {
+              // einfache Heuristik: bei Mitgliedschaftsart
+              if (lower.includes('aktiv') || lower.includes('passiv') || lower.includes('mitglied')) {
+                try {
+                  if (typeof field.isChecked === 'function' && field.isChecked()) {
+                    // already checked, skip
+                  } else {
+                    if (data.mitgliedschaftsart && lower.includes(data.mitgliedschaftsart)) {
+                      field.check && field.check()
+                    } else {
+                      if (lower.includes('aktiv') && data.mitgliedschaftsart === 'aktiv') field.check && field.check()
+                      if (lower.includes('passiv') && data.mitgliedschaftsart === 'passiv') field.check && field.check()
+                    }
+                  }
+                } catch (e) {
+                  // ignore isChecked errors
+                }
+                continue
+              }
+              const mapped = mapValue(lower)
+              if (mapped === 'true' || mapped === 'ja' || mapped === 'checked') {
+                try {
+                  if (!(typeof field.isChecked === 'function' && field.isChecked())) {
+                    field.check && field.check()
+                  }
+                } catch (e) {
+                  field.check && field.check()
+                }
+              }
+            }
+          } catch (e) {
+            console.warn('Fehler beim Befüllen Feld', fname, e.message)
+          }
+        }
+
+        // Ensure appearances are generated after mapping fields
+        try {
+          const helv2 = await pdfDoc.embedFont(StandardFonts.Helvetica)
+          form.updateFieldAppearances(helv2)
+        } catch (e) {
+          console.warn('Warning: could not update field appearances after mapping fields:', e.message)
+        }
+
+        const pdfBytes = await pdfDoc.save()
+        return Buffer.from(pdfBytes)
+      }
+
+      let usedTemplate = false
+      const uploadsDir = path.join(process.cwd(), 'public', 'uploads')
+      await fs.mkdir(uploadsDir, { recursive: true })
+      try {
+        const filled = await fillPdfTemplate(data)
+        const finalPdfPath = path.join(uploadsDir, `${filename}.pdf`)
+        await fs.writeFile(finalPdfPath, filled)
+        // Zusätzlich: Kopie ins repo-root public/uploads legen, falls Nitro cwd anders ist
+        try {
+          const repoRoot = path.resolve(process.cwd(), '..')
+          const repoUploads = path.join(repoRoot, 'public', 'uploads')
+          await fs.mkdir(repoUploads, { recursive: true })
+          await fs.copyFile(finalPdfPath, path.join(repoUploads, `${filename}.pdf`))
+        } catch (e) {
+          console.warn('Kopie in repo public/uploads fehlgeschlagen:', e.message)
+        }
+        usedTemplate = true
+      } catch (templateError) {
+        // Template konnte nicht verwendet werden -> weiter zum LaTeX-Fallback
+        console.warn('Template-Füllung fehlgeschlagen, fahre mit LaTeX fort:', templateError.message)
+      }
+
+      let emailResult
+      if (usedTemplate) {
+        // E-Mail senden
+        emailResult = await sendMembershipEmail(data, filename, event)
+        // Antragsdaten verschlüsselt speichern
+        const encryptionKey = process.env.ENCRYPTION_KEY || 'default-key-change-in-production'
+        const encryptedData = encrypt(JSON.stringify(data), encryptionKey)
+        const dataPath = path.join(uploadsDir, `${filename}.data`)
+        await fs.writeFile(dataPath, encryptedData, 'utf8')
+
+        // Download-Token setzen
+        const downloadToken = Buffer.from(`${filename}:${Date.now()}`).toString('base64')
+        setCookie(event, 'download_token', downloadToken, {
+          httpOnly: true,
+          secure: process.env.NODE_ENV === 'production',
+          sameSite: 'strict',
+          maxAge: 60 * 60 * 24 // 24 Stunden
+        })
+
+        return {
+          success: true,
+          message: 'Beitrittsformular erfolgreich aus Template erzeugt und E-Mail gesendet.',
+          downloadUrl: `/api/membership/download/${filename}.pdf`,
+          emailSuccess: emailResult.success,
+          emailMessage: emailResult.message,
+          usedTemplate: true
         }
       }
+
+      // Falls Template nicht verwendet: weiter mit LaTeX-Fallback
+      // LaTeX-Inhalt generieren
+      const latexContent = generateLaTeXContent(data)
       
-      // Create membership applications directory
-      const applicationsDir = path.join(process.cwd(), 'server', 'data', 'membership-applications')
-      await fs.mkdir(applicationsDir, { recursive: true })
+    // LaTeX-Datei schreiben
+    const texPath = path.join(tempDir, `${filename}.tex`)
+    await fs.writeFile(texPath, latexContent, 'utf8')
       
-      // Save application data
-      const applicationFilePath = path.join(applicationsDir, `${applicationId}.json`)
-      await fs.writeFile(applicationFilePath, JSON.stringify(applicationData, null, 2))
+      // PDF mit pdflatex generieren
+      const command = `cd "${tempDir}" && pdflatex -interaction=nonstopmode "${filename}.tex"`
+      await execAsync(command)
       
-    } catch (encryptError) {
-      console.error('Fehler beim Verschlüsseln der Daten:', encryptError.message)
-      // Continue without encryption for now
-    }
-    
-    // Set download token cookie
-    const timestamp = Date.now()
-    const downloadToken = Buffer.from(`${result.filename.replace('.pdf', '')}:${timestamp}`).toString('base64')
-    setCookie(event, 'download_token', downloadToken, {
-      httpOnly: true,
-      secure: process.env.NODE_ENV === 'production',
-      sameSite: 'strict',
-      maxAge: 60 * 60 * 24 // 24 hours
-    })
-    
-    // Send email notification
-    let emailResult = { success: false, message: 'E-Mail konnte nicht gesendet werden' }
-    try {
-      emailResult = await sendMembershipEmail(data, filePath)
-    } catch (emailError) {
-      console.error('E-Mail-Versand fehlgeschlagen:', emailError.message)
-    }
-    
-    // Return success response
-    return {
-      success: true,
-      message: 'Beitrittsformular erfolgreich erstellt und E-Mail gesendet.',
-      downloadUrl: `/api/membership/download/${result.filename}`,
-      emailSuccess: emailResult.success,
-      emailMessage: emailResult.message,
-      usedTemplate: result.success
+      // PDF-Datei in Uploads-Verzeichnis kopieren
+      const pdfPath = path.join(tempDir, `${filename}.pdf`)
+      await fs.mkdir(uploadsDir, { recursive: true })
+      
+      const finalPdfPath = path.join(uploadsDir, `${filename}.pdf`)
+      await fs.copyFile(pdfPath, finalPdfPath)
+      // Kopie ins repo-root public/uploads für bessere Auffindbarkeit
+      try {
+        const repoRoot = path.resolve(process.cwd(), '..')
+        const repoUploads = path.join(repoRoot, 'public', 'uploads')
+        await fs.mkdir(repoUploads, { recursive: true })
+        await fs.copyFile(finalPdfPath, path.join(repoUploads, `${filename}.pdf`))
+      } catch (e) {
+        console.warn('Kopie in repo public/uploads fehlgeschlagen:', e.message)
+      }
+      
+      // E-Mail senden
+      emailResult = await sendMembershipEmail(data, filename, event)
+      
+      // Antragsdaten verschlüsselt speichern
+      const encryptionKey = process.env.ENCRYPTION_KEY || 'default-key-change-in-production'
+      const encryptedData = encrypt(JSON.stringify(data), encryptionKey)
+      const dataPath = path.join(uploadsDir, `${filename}.data`)
+      await fs.writeFile(dataPath, encryptedData, 'utf8')
+      
+      // Download-Berechtigung für den Antragsteller setzen
+      const downloadToken = Buffer.from(`${filename}:${Date.now()}`).toString('base64')
+      setCookie(event, 'download_token', downloadToken, {
+        httpOnly: true,
+        secure: process.env.NODE_ENV === 'production',
+        sameSite: 'strict',
+        maxAge: 60 * 60 * 24 // 24 Stunden
+      })
+      
+      return {
+        success: true,
+        message: 'Beitrittsformular erfolgreich erstellt und E-Mail gesendet.',
+        downloadUrl: `/api/membership/download/${filename}.pdf`,
+        emailSuccess: emailResult.success,
+        emailMessage: emailResult.message,
+      }
+      
+    } catch (latexError) {
+      console.error('LaTeX-Fehler:', latexError)
+      
+      // Fallback: Einfache Textdatei generieren
+      const fallbackFilename = await generateSimplePDF(data, filename, event)
+      
+      // E-Mail senden (Fallback)
+      const emailResult = await sendMembershipEmail(data, filename, event)
+      
+      console.log('LaTeX nicht verfügbar, verwende Fallback-Lösung')
+      console.log('E-Mail würde gesendet werden an:', emailResult.recipients || [])
+      console.log('Betreff:', emailResult.subject || '')
+      console.log('Nachricht:', emailResult.message || '')
+      console.log('Upload-Verzeichnis:', path.join(process.cwd(), 'public', 'uploads'))
+      
+      // Verfügbare Dateien auflisten
+      const uploadsDir = path.join(process.cwd(), 'public', 'uploads')
+      try {
+        const files = await fs.readdir(uploadsDir)
+        console.log('Verfügbare Dateien:', files)
+        
+        // Gesuchte Datei finden
+        const targetFile = files.find(file => file.startsWith(filename))
+        console.log('Gesuchte Datei-ID:', filename)
+        console.log('Gefundene Datei:', targetFile || 'Nicht gefunden')
+      } catch (dirError) {
+        console.error('Fehler beim Lesen des Upload-Verzeichnisses:', dirError)
+      }
+      
+      return {
+        success: true,
+        message: 'Beitrittsformular erfolgreich erstellt und E-Mail gesendet (Fallback-Lösung).',
+        downloadUrl: `/api/membership/download/${fallbackFilename}`,
+        emailSuccess: emailResult.success,
+        emailMessage: emailResult.message,
+      }
     }
     
   } catch (error) {
-    console.error('PDF generation error:', error)
-    
-    // Return error response
-    return {
-      success: false,
-      error: true,
-      message: error.message || 'Unbekannter Fehler bei der PDF-Generierung',
-      url: getRequestURL(event).href,
-      statusCode: error.statusCode || 500,
-      statusMessage: error.statusMessage || 'Internal Server Error'
-    }
+    console.error('Fehler beim Generieren des PDFs:', error)
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Fehler beim Generieren des PDFs'
+    })
   }
 })
\ No newline at end of file
diff --git a/server/api/termine-manage.delete.js b/server/api/termine-manage.delete.js
index 5d247b9..1d7f73e 100644
--- a/server/api/termine-manage.delete.js
+++ b/server/api/termine-manage.delete.js
@@ -32,7 +32,7 @@ export default defineEventHandler(async (event) => {
     }
 
     const query = getQuery(event)
-    const { datum, titel, beschreibung, kategorie } = query
+    const { datum, uhrzeit, titel, beschreibung, kategorie } = query
 
     if (!datum || !titel) {
       throw createError({
@@ -43,6 +43,7 @@ export default defineEventHandler(async (event) => {
 
     await deleteTermin({
       datum,
+      uhrzeit: uhrzeit || '',
       titel,
       beschreibung: beschreibung || '',
       kategorie: kategorie || 'Sonstiges'
diff --git a/server/api/termine-manage.post.js b/server/api/termine-manage.post.js
index d014cef..160ad66 100644
--- a/server/api/termine-manage.post.js
+++ b/server/api/termine-manage.post.js
@@ -32,7 +32,7 @@ export default defineEventHandler(async (event) => {
     }
 
     const body = await readBody(event)
-    const { datum, titel, beschreibung, kategorie } = body
+    const { datum, uhrzeit, titel, beschreibung, kategorie } = body
 
     if (!datum || !titel) {
       throw createError({
@@ -43,6 +43,7 @@ export default defineEventHandler(async (event) => {
 
     await saveTermin({
       datum,
+      uhrzeit: uhrzeit || '',
       titel,
       beschreibung: beschreibung || '',
       kategorie: kategorie || 'Sonstiges'
diff --git a/server/api/termine.get.js b/server/api/termine.get.js
index d3d3e94..d1fd83b 100644
--- a/server/api/termine.get.js
+++ b/server/api/termine.get.js
@@ -43,9 +43,10 @@ export default defineEventHandler(async (event) => {
       if (values.length >= 4) {
         termine.push({
           datum: values[0],
-          titel: values[1],
-          beschreibung: values[2],
-          kategorie: values[3]
+          uhrzeit: values[1] || '',
+          titel: values[2] || '',
+          beschreibung: values[3] || '',
+          kategorie: values[4] || 'Sonstiges'
         })
       }
     }
diff --git a/server/data/config.json b/server/data/config.json
index e1bcfc1..0e42200 100644
--- a/server/data/config.json
+++ b/server/data/config.json
@@ -98,7 +98,7 @@
       "strasse": "Reginastr. 46",
       "plz": "60437",
       "ort": "Frankfurt",
-      "telefon": "069 509637",
+      "telefon": "06101 122",
       "email": "j.dichmann@gmx.de"
     },
     "stellvertreter": {
diff --git a/server/data/sessions.json b/server/data/sessions.json
index 21f1126..4a1df32 100644
--- a/server/data/sessions.json
+++ b/server/data/sessions.json
@@ -110,5 +110,12 @@
     "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjEiLCJlbWFpbCI6ImFkbWluQGhhcmhlaW1lcnRjLmRlIiwicm9sZSI6ImFkbWluIiwiaWF0IjoxNzYxMjI1NDI3LCJleHAiOjE3NjE4MzAyMjd9.MANlBkbOU95y-6yd51m0-hoa941A0uHutVwzl481k9I",
     "createdAt": "2025-10-23T13:17:07.206Z",
     "expiresAt": "2025-10-30T13:17:07.206Z"
+  },
+  {
+    "id": "1762333423617",
+    "userId": "1",
+    "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjEiLCJlbWFpbCI6ImFkbWluQGhhcmhlaW1lcnRjLmRlIiwicm9sZSI6ImFkbWluIiwiaWF0IjoxNzYyMzMzNDIzLCJleHAiOjE3NjI5MzgyMjN9.V-L5ethO0VFSOPT2qbsQF2zQYQZSlese1rL5sIFaHbY",
+    "createdAt": "2025-11-05T09:03:43.617Z",
+    "expiresAt": "2025-11-12T09:03:43.617Z"
   }
 ]
\ No newline at end of file
diff --git a/server/data/users.json b/server/data/users.json
index 13f8eca..2b03d6b 100644
--- a/server/data/users.json
+++ b/server/data/users.json
@@ -8,6 +8,6 @@
     "phone": "",
     "active": true,
     "created": "2025-10-21T00:00:00.000Z",
-    "lastLogin": "2025-10-23T13:17:07.206Z"
+    "lastLogin": "2025-11-05T09:03:43.617Z"
   }
 ]
\ No newline at end of file
diff --git a/server/utils/termine.js b/server/utils/termine.js
index 9459d13..69f212e 100644
--- a/server/utils/termine.js
+++ b/server/utils/termine.js
@@ -50,9 +50,10 @@ export async function readTermine() {
         termine.push({
           id: randomUUID(), // Generate ID on-the-fly for editing
           datum: values[0],
-          titel: values[1],
-          beschreibung: values[2],
-          kategorie: values[3]
+          uhrzeit: values[1] || '',
+          titel: values[2] || '',
+          beschreibung: values[3] || '',
+          kategorie: values[4] || 'Sonstiges'
         })
       }
     }
@@ -70,21 +71,23 @@ export async function readTermine() {
 // Write array of objects to CSV
 export async function writeTermine(termine) {
   try {
-    let csv = '"datum","titel","beschreibung","kategorie"\n'
+    let csv = '"datum","uhrzeit","titel","beschreibung","kategorie"\n'
     
     for (const termin of termine) {
       const datum = termin.datum || ''
+      const uhrzeit = termin.uhrzeit || ''
       const titel = termin.titel || ''
       const beschreibung = termin.beschreibung || ''
       const kategorie = termin.kategorie || ''
       
       // Escape quotes in values
       const escapedDatum = datum.replace(/"/g, '""')
+      const escapedUhrzeit = uhrzeit.replace(/"/g, '""')
       const escapedTitel = titel.replace(/"/g, '""')
       const escapedBeschreibung = beschreibung.replace(/"/g, '""')
       const escapedKategorie = kategorie.replace(/"/g, '""')
       
-      csv += `"${escapedDatum}","${escapedTitel}","${escapedBeschreibung}","${escapedKategorie}"\n`
+      csv += `"${escapedDatum}","${escapedUhrzeit}","${escapedTitel}","${escapedBeschreibung}","${escapedKategorie}"\n`
     }
     
     await fs.writeFile(TERMINE_FILE, csv, 'utf-8')
@@ -102,6 +105,7 @@ export async function saveTermin(terminData) {
   // Always add as new (CSV doesn't have persistent IDs)
   const newTermin = {
     datum: terminData.datum,
+    uhrzeit: terminData.uhrzeit || '',
     titel: terminData.titel,
     beschreibung: terminData.beschreibung || '',
     kategorie: terminData.kategorie || 'Sonstiges'
@@ -122,6 +126,7 @@ export async function deleteTermin(terminData) {
   
   termine = termine.filter(t => 
     !(t.datum === terminData.datum && 
+      (t.uhrzeit || '') === (terminData.uhrzeit || '') &&
       t.titel === terminData.titel &&
       t.beschreibung === terminData.beschreibung &&
       t.kategorie === terminData.kategorie)