From ef2d9353f5de7f590163a118a0376d350836e4ff Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Wed, 15 Apr 2026 20:37:14 +0200
Subject: [PATCH] Enhance ESLint configuration to include support for .mjs and
 .cjs file types. Update ignored files patterns to ensure proper linting of
 project files. Refactor Vue component templates for improved readability and
 maintainability, including consistent formatting and structure across various
 components. Update error handling in save functions to prevent silent
 failures.

---
 components/cms/CmsLinks.vue                   |   4 +-
 components/cms/CmsMannschaften.vue            | 319 ++++++++++++++---
 components/cms/CmsMitglieder.vue              |  88 +++--
 components/cms/CmsMitgliedschaftsantraege.vue |  67 +++-
 components/cms/CmsSpielplaene.vue             | 321 +++++++++++++++---
 components/cms/CmsTermine.vue                 | 192 +++++++++--
 components/cms/CmsTtRegeln.vue                | 102 +++++-
 eslint.config.js                              |   5 +-
 pages/cms/index.vue                           |  46 ++-
 pages/cms/inhalte.vue                         |  13 +-
 pages/cms/kontaktanfragen.vue                 |  25 +-
 pages/cms/mitgliederverwaltung.vue            |  18 +-
 pages/cms/sportbetrieb.vue                    |  13 +-
 pages/cms/startseite.vue                      |   5 +-
 pages/mitgliederbereich/index.vue             |  46 ++-
 pages/mitgliederbereich/mitglieder.vue        | 114 +++++--
 pages/mitgliederbereich/profil.vue            |  32 +-
 pages/registrieren.vue                        |  42 ++-
 server/api/cms/save-csv.post.js               |   4 +-
 server/api/mannschaften.get.js                |   2 +-
 server/api/membership/download/[id].get.js    |   3 +-
 server/api/membership/generate-pdf.post.js    |  20 +-
 server/utils/email-service.js                 |  11 +-
 server/utils/paths.js                         |  31 ++
 24 files changed, 1238 insertions(+), 285 deletions(-)
 create mode 100644 server/utils/paths.js

diff --git a/components/cms/CmsLinks.vue b/components/cms/CmsLinks.vue
index 29795f3..9fdbc21 100644
--- a/components/cms/CmsLinks.vue
+++ b/components/cms/CmsLinks.vue
@@ -290,10 +290,10 @@ async function save() {
       }
     }
     await $fetch('/api/config', { method: 'PUT', body: updated })
-    try { window.showSuccessModal && window.showSuccessModal('Erfolg', 'Links erfolgreich gespeichert.') } catch {}
+    try { window.showSuccessModal && window.showSuccessModal('Erfolg', 'Links erfolgreich gespeichert.') } catch (_e) { /* no-op */ }
   } catch (error) {
     const msg = error?.data?.message || 'Fehler beim Speichern der Links'
-    try { window.showErrorModal && window.showErrorModal('Fehler', msg) } catch {}
+    try { window.showErrorModal && window.showErrorModal('Fehler', msg) } catch (_e) { /* no-op */ }
   } finally {
     saving.value = false
   }
diff --git a/components/cms/CmsMannschaften.vue b/components/cms/CmsMannschaften.vue
index 34b5960..0c4171b 100644
--- a/components/cms/CmsMannschaften.vue
+++ b/components/cms/CmsMannschaften.vue
@@ -2,39 +2,98 @@
   <div>
     <div class="flex justify-between items-center mb-6">
       <div>
-        <h2 class="text-2xl sm:text-3xl font-display font-bold text-gray-900 mb-2">Mannschaften verwalten</h2>
+        <h2 class="text-2xl sm:text-3xl font-display font-bold text-gray-900 mb-2">
+          Mannschaften verwalten
+        </h2>
         <div class="w-24 h-1 bg-primary-600" />
       </div>
-      <button class="flex items-center px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white font-semibold rounded-lg transition-colors" @click="openAddModal">
-        <Plus :size="20" class="mr-2" /> Mannschaft hinzufügen
+      <button
+        class="flex items-center px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white font-semibold rounded-lg transition-colors"
+        @click="openAddModal"
+      >
+        <Plus
+          :size="20"
+          class="mr-2"
+        /> Mannschaft hinzufügen
       </button>
     </div>
 
-    <div v-if="isLoading" class="flex items-center justify-center py-12"><Loader2 :size="40" class="animate-spin text-primary-600" /></div>
+    <div
+      v-if="isLoading"
+      class="flex items-center justify-center py-12"
+    >
+      <Loader2
+        :size="40"
+        class="animate-spin text-primary-600"
+      />
+    </div>
 
-    <div v-else class="bg-white rounded-xl shadow-lg overflow-hidden">
+    <div
+      v-else
+      class="bg-white rounded-xl shadow-lg overflow-hidden"
+    >
       <div class="overflow-x-auto">
         <table class="min-w-full divide-y divide-gray-200">
           <thead class="bg-gray-50">
             <tr>
-              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Mannschaft</th>
-              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Liga</th>
-              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Staffelleiter</th>
-              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Mannschaftsführer</th>
-              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Spieler</th>
-              <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">Aktionen</th>
+              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                Mannschaft
+              </th>
+              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                Liga
+              </th>
+              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                Staffelleiter
+              </th>
+              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                Mannschaftsführer
+              </th>
+              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                Spieler
+              </th>
+              <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
+                Aktionen
+              </th>
             </tr>
           </thead>
           <tbody class="bg-white divide-y divide-gray-200">
-            <tr v-for="(mannschaft, index) in mannschaften" :key="index" class="hover:bg-gray-50">
-              <td class="px-4 py-3 text-sm font-medium text-gray-900">{{ mannschaft.mannschaft }}</td>
-              <td class="px-4 py-3 text-sm text-gray-600">{{ mannschaft.liga }}</td>
-              <td class="px-4 py-3 text-sm text-gray-600">{{ mannschaft.staffelleiter }}</td>
-              <td class="px-4 py-3 text-sm text-gray-600">{{ mannschaft.mannschaftsfuehrer }}</td>
-              <td class="px-4 py-3 text-sm text-gray-600"><div class="max-w-xs truncate">{{ getSpielerListe(mannschaft).join(', ') || '-' }}</div></td>
+            <tr
+              v-for="(mannschaft, index) in mannschaften"
+              :key="index"
+              class="hover:bg-gray-50"
+            >
+              <td class="px-4 py-3 text-sm font-medium text-gray-900">
+                {{ mannschaft.mannschaft }}
+              </td>
+              <td class="px-4 py-3 text-sm text-gray-600">
+                {{ mannschaft.liga }}
+              </td>
+              <td class="px-4 py-3 text-sm text-gray-600">
+                {{ mannschaft.staffelleiter }}
+              </td>
+              <td class="px-4 py-3 text-sm text-gray-600">
+                {{ mannschaft.mannschaftsfuehrer }}
+              </td>
+              <td class="px-4 py-3 text-sm text-gray-600">
+                <div class="max-w-xs truncate">
+                  {{ getSpielerListe(mannschaft).join(', ') || '-' }}
+                </div>
+              </td>
               <td class="px-4 py-3 whitespace-nowrap text-right text-sm font-medium space-x-3">
-                <button class="text-gray-600 hover:text-gray-900" title="Bearbeiten" @click="openEditModal(mannschaft, index)"><Pencil :size="18" /></button>
-                <button class="text-red-600 hover:text-red-900" title="Löschen" @click="confirmDelete(mannschaft, index)"><Trash2 :size="18" /></button>
+                <button
+                  class="text-gray-600 hover:text-gray-900"
+                  title="Bearbeiten"
+                  @click="openEditModal(mannschaft, index)"
+                >
+                  <Pencil :size="18" />
+                </button>
+                <button
+                  class="text-red-600 hover:text-red-900"
+                  title="Löschen"
+                  @click="confirmDelete(mannschaft, index)"
+                >
+                  <Trash2 :size="18" />
+                </button>
               </td>
             </tr>
           </tbody>
@@ -42,86 +101,248 @@
       </div>
     </div>
 
-    <div v-if="!isLoading && mannschaften.length === 0" class="bg-white rounded-xl shadow-lg p-12 text-center">
-      <Users :size="48" class="text-gray-400 mx-auto mb-4" />
-      <h3 class="text-lg font-medium text-gray-900 mb-2">Keine Mannschaften vorhanden</h3>
-      <p class="text-gray-600 mb-6">Fügen Sie die erste Mannschaft hinzu.</p>
-      <button class="px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white font-semibold rounded-lg transition-colors" @click="openAddModal">Mannschaft hinzufügen</button>
+    <div
+      v-if="!isLoading && mannschaften.length === 0"
+      class="bg-white rounded-xl shadow-lg p-12 text-center"
+    >
+      <Users
+        :size="48"
+        class="text-gray-400 mx-auto mb-4"
+      />
+      <h3 class="text-lg font-medium text-gray-900 mb-2">
+        Keine Mannschaften vorhanden
+      </h3>
+      <p class="text-gray-600 mb-6">
+        Fügen Sie die erste Mannschaft hinzu.
+      </p>
+      <button
+        class="px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white font-semibold rounded-lg transition-colors"
+        @click="openAddModal"
+      >
+        Mannschaft hinzufügen
+      </button>
     </div>
 
     <!-- Add/Edit Modal -->
-    <div v-if="showModal" class="fixed inset-0 z-50 bg-black/50 flex items-center justify-center p-4" @click.self="closeModal">
+    <div
+      v-if="showModal"
+      class="fixed inset-0 z-50 bg-black/50 flex items-center justify-center p-4"
+      @click.self="closeModal"
+    >
       <div class="bg-white rounded-xl shadow-2xl max-w-2xl w-full max-h-[90vh] overflow-y-auto">
         <div class="p-6 border-b border-gray-200">
-          <h2 class="text-2xl font-display font-bold text-gray-900">{{ isEditing ? 'Mannschaft bearbeiten' : 'Neue Mannschaft' }}</h2>
+          <h2 class="text-2xl font-display font-bold text-gray-900">
+            {{ isEditing ? 'Mannschaft bearbeiten' : 'Neue Mannschaft' }}
+          </h2>
         </div>
-        <form class="p-6 space-y-4" @submit.prevent="saveMannschaft">
+        <form
+          class="p-6 space-y-4"
+          @submit.prevent="saveMannschaft"
+        >
           <div>
             <label class="block text-sm font-medium text-gray-700 mb-2">Mannschaft *</label>
-            <input v-model="formData.mannschaft" type="text" required 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">
+            <input
+              v-model="formData.mannschaft"
+              type="text"
+              required
+              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">Liga *</label>
-            <input v-model="formData.liga" type="text" required 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">
+            <input
+              v-model="formData.liga"
+              type="text"
+              required
+              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 class="grid grid-cols-2 gap-4">
             <div>
               <label class="block text-sm font-medium text-gray-700 mb-2">Staffelleiter</label>
-              <input v-model="formData.staffelleiter" type="text" 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">
+              <input
+                v-model="formData.staffelleiter"
+                type="text"
+                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">Telefon</label>
-              <input v-model="formData.telefon" type="tel" 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">
+              <input
+                v-model="formData.telefon"
+                type="tel"
+                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>
           <div class="grid grid-cols-2 gap-4">
             <div>
               <label class="block text-sm font-medium text-gray-700 mb-2">Heimspieltag</label>
-              <input v-model="formData.heimspieltag" type="text" 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">
+              <input
+                v-model="formData.heimspieltag"
+                type="text"
+                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">Spielsystem</label>
-              <input v-model="formData.spielsystem" type="text" 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">
+              <input
+                v-model="formData.spielsystem"
+                type="text"
+                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>
           <div>
             <label class="block text-sm font-medium text-gray-700 mb-2">Mannschaftsführer</label>
-            <input v-model="formData.mannschaftsfuehrer" type="text" 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">
+            <input
+              v-model="formData.mannschaftsfuehrer"
+              type="text"
+              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">Spieler</label>
             <div class="space-y-2">
-              <div v-if="formData.spielerListe.length === 0" class="text-sm text-gray-500">Noch keine Spieler eingetragen.</div>
-              <div v-for="(spieler, index) in formData.spielerListe" :key="spieler.id" class="px-3 py-2 border border-gray-200 rounded-lg bg-white">
+              <div
+                v-if="formData.spielerListe.length === 0"
+                class="text-sm text-gray-500"
+              >
+                Noch keine Spieler eingetragen.
+              </div>
+              <div
+                v-for="(spieler, index) in formData.spielerListe"
+                :key="spieler.id"
+                class="px-3 py-2 border border-gray-200 rounded-lg bg-white"
+              >
                 <div class="flex flex-col lg:flex-row lg:items-center gap-2">
-                  <input v-model="spieler.name" type="text" class="flex-1 min-w-[14rem] px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500" placeholder="Spielername" :disabled="isSaving">
+                  <input
+                    v-model="spieler.name"
+                    type="text"
+                    class="flex-1 min-w-[14rem] px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500"
+                    placeholder="Spielername"
+                    :disabled="isSaving"
+                  >
                   <div class="flex items-center gap-1">
-                    <button type="button" class="p-2 border border-gray-300 rounded-lg hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed" title="Nach oben" :disabled="isSaving || index === 0" @click="moveSpielerUp(index)"><ChevronUp :size="18" /></button>
-                    <button type="button" class="p-2 border border-gray-300 rounded-lg hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed" title="Nach unten" :disabled="isSaving || index === formData.spielerListe.length - 1" @click="moveSpielerDown(index)"><ChevronDown :size="18" /></button>
-                    <button type="button" class="p-2 border border-red-300 text-red-700 rounded-lg hover:bg-red-50 disabled:opacity-50 disabled:cursor-not-allowed" title="Spieler entfernen" :disabled="isSaving" @click="removeSpieler(spieler.id)"><Trash2 :size="18" /></button>
+                    <button
+                      type="button"
+                      class="p-2 border border-gray-300 rounded-lg hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
+                      title="Nach oben"
+                      :disabled="isSaving || index === 0"
+                      @click="moveSpielerUp(index)"
+                    >
+                      <ChevronUp :size="18" />
+                    </button>
+                    <button
+                      type="button"
+                      class="p-2 border border-gray-300 rounded-lg hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
+                      title="Nach unten"
+                      :disabled="isSaving || index === formData.spielerListe.length - 1"
+                      @click="moveSpielerDown(index)"
+                    >
+                      <ChevronDown :size="18" />
+                    </button>
+                    <button
+                      type="button"
+                      class="p-2 border border-red-300 text-red-700 rounded-lg hover:bg-red-50 disabled:opacity-50 disabled:cursor-not-allowed"
+                      title="Spieler entfernen"
+                      :disabled="isSaving"
+                      @click="removeSpieler(spieler.id)"
+                    >
+                      <Trash2 :size="18" />
+                    </button>
                   </div>
                   <div class="flex items-center gap-2">
-                    <select v-model="moveTargetBySpielerId[spieler.id]" class="min-w-[14rem] px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 disabled:opacity-50 disabled:cursor-not-allowed" :disabled="isSaving || !isEditing || mannschaftenSelectOptions.length <= 1" title="Mannschaft auswählen">
-                      <option v-for="t in mannschaftenSelectOptions" :key="t" :value="t">{{ t }}</option>
+                    <select
+                      v-model="moveTargetBySpielerId[spieler.id]"
+                      class="min-w-[14rem] px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 disabled:opacity-50 disabled:cursor-not-allowed"
+                      :disabled="isSaving || !isEditing || mannschaftenSelectOptions.length <= 1"
+                      title="Mannschaft auswählen"
+                    >
+                      <option
+                        v-for="t in mannschaftenSelectOptions"
+                        :key="t"
+                        :value="t"
+                      >
+                        {{ t }}
+                      </option>
                     </select>
-                    <button type="button" class="inline-flex items-center justify-center px-3 py-2 border border-gray-300 rounded-lg hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed" :disabled="isSaving || !isEditing || mannschaftenSelectOptions.length <= 1 || !canMoveSpieler(spieler.id)" title="In ausgewählte Mannschaft verschieben" @click="moveSpielerToMannschaft(spieler.id)"><ArrowRight :size="18" /></button>
+                    <button
+                      type="button"
+                      class="inline-flex items-center justify-center px-3 py-2 border border-gray-300 rounded-lg hover:bg-gray-50 disabled:opacity-50 disabled:cursor-not-allowed"
+                      :disabled="isSaving || !isEditing || mannschaftenSelectOptions.length <= 1 || !canMoveSpieler(spieler.id)"
+                      title="In ausgewählte Mannschaft verschieben"
+                      @click="moveSpielerToMannschaft(spieler.id)"
+                    >
+                      <ArrowRight :size="18" />
+                    </button>
                   </div>
                 </div>
               </div>
             </div>
             <div class="mt-3 flex items-center justify-between">
-              <button type="button" class="inline-flex items-center px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-800 font-semibold rounded-lg transition-colors" :disabled="isSaving" @click="addSpieler()"><Plus :size="18" class="mr-2" /> Spieler hinzufügen</button>
-              <p class="text-xs text-gray-500">Reihenfolge per ↑/↓ ändern.</p>
+              <button
+                type="button"
+                class="inline-flex items-center px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-800 font-semibold rounded-lg transition-colors"
+                :disabled="isSaving"
+                @click="addSpieler()"
+              >
+                <Plus
+                  :size="18"
+                  class="mr-2"
+                /> Spieler hinzufügen
+              </button>
+              <p class="text-xs text-gray-500">
+                Reihenfolge per ↑/↓ ändern.
+              </p>
             </div>
           </div>
           <div>
             <label class="block text-sm font-medium text-gray-700 mb-2">Weitere Informationen (Link)</label>
-            <input v-model="formData.weitere_informationen_link" type="url" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500" placeholder="https://..." :disabled="isSaving">
+            <input
+              v-model="formData.weitere_informationen_link"
+              type="url"
+              class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500"
+              placeholder="https://..."
+              :disabled="isSaving"
+            >
+          </div>
+          <div
+            v-if="errorMessage"
+            class="flex items-center p-3 rounded-md bg-red-50 text-red-700 text-sm"
+          >
+            <AlertCircle
+              :size="20"
+              class="mr-2"
+            /> {{ errorMessage }}
           </div>
-          <div v-if="errorMessage" class="flex items-center p-3 rounded-md bg-red-50 text-red-700 text-sm"><AlertCircle :size="20" class="mr-2" /> {{ errorMessage }}</div>
           <div class="flex justify-end space-x-4 pt-4">
-            <button type="button" class="px-6 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors" :disabled="isSaving" @click="closeModal">Abbrechen</button>
-            <button type="submit" class="px-6 py-2 bg-primary-600 hover:bg-primary-700 text-white font-semibold rounded-lg transition-colors flex items-center" :disabled="isSaving"><Loader2 v-if="isSaving" :size="20" class="animate-spin mr-2" /><span>{{ isSaving ? 'Speichert...' : 'Speichern' }}</span></button>
+            <button
+              type="button"
+              class="px-6 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
+              :disabled="isSaving"
+              @click="closeModal"
+            >
+              Abbrechen
+            </button>
+            <button
+              type="submit"
+              class="px-6 py-2 bg-primary-600 hover:bg-primary-700 text-white font-semibold rounded-lg transition-colors flex items-center"
+              :disabled="isSaving"
+            >
+              <Loader2
+                v-if="isSaving"
+                :size="20"
+                class="animate-spin mr-2"
+              /><span>{{ isSaving ? 'Speichert...' : 'Speichern' }}</span>
+            </button>
           </div>
         </form>
       </div>
diff --git a/components/cms/CmsMitglieder.vue b/components/cms/CmsMitglieder.vue
index 53899b9..fa59615 100644
--- a/components/cms/CmsMitglieder.vue
+++ b/components/cms/CmsMitglieder.vue
@@ -670,10 +670,18 @@
             <table class="min-w-full divide-y divide-gray-200 text-sm">
               <thead class="bg-gray-50 sticky top-0">
                 <tr>
-                  <th class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase">Vorname</th>
-                  <th class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase">Nachname</th>
-                  <th class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase">Geburtsdatum</th>
-                  <th class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase">E-Mail</th>
+                  <th class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase">
+                    Vorname
+                  </th>
+                  <th class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase">
+                    Nachname
+                  </th>
+                  <th class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase">
+                    Geburtsdatum
+                  </th>
+                  <th class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase">
+                    E-Mail
+                  </th>
                 </tr>
               </thead>
               <tbody class="bg-white divide-y divide-gray-200">
@@ -682,10 +690,18 @@
                   :key="index"
                   class="hover:bg-gray-50"
                 >
-                  <td class="px-3 py-2">{{ row.firstName || '-' }}</td>
-                  <td class="px-3 py-2">{{ row.lastName || '-' }}</td>
-                  <td class="px-3 py-2">{{ row.geburtsdatum || '-' }}</td>
-                  <td class="px-3 py-2">{{ row.email || '-' }}</td>
+                  <td class="px-3 py-2">
+                    {{ row.firstName || '-' }}
+                  </td>
+                  <td class="px-3 py-2">
+                    {{ row.lastName || '-' }}
+                  </td>
+                  <td class="px-3 py-2">
+                    {{ row.geburtsdatum || '-' }}
+                  </td>
+                  <td class="px-3 py-2">
+                    {{ row.email || '-' }}
+                  </td>
                 </tr>
               </tbody>
             </table>
@@ -704,35 +720,65 @@
           class="mb-6"
         >
           <div class="bg-gray-50 rounded-lg p-4">
-            <h3 class="text-lg font-semibold text-gray-900 mb-3">Import-Ergebnisse</h3>
+            <h3 class="text-lg font-semibold text-gray-900 mb-3">
+              Import-Ergebnisse
+            </h3>
             <div class="grid grid-cols-3 gap-4 mb-4">
               <div class="text-center">
-                <div class="text-2xl font-bold text-green-600">{{ bulkImportResults.summary.imported }}</div>
-                <div class="text-sm text-gray-600">Importiert</div>
+                <div class="text-2xl font-bold text-green-600">
+                  {{ bulkImportResults.summary.imported }}
+                </div>
+                <div class="text-sm text-gray-600">
+                  Importiert
+                </div>
               </div>
               <div class="text-center">
-                <div class="text-2xl font-bold text-yellow-600">{{ bulkImportResults.summary.duplicates }}</div>
-                <div class="text-sm text-gray-600">Duplikate</div>
+                <div class="text-2xl font-bold text-yellow-600">
+                  {{ bulkImportResults.summary.duplicates }}
+                </div>
+                <div class="text-sm text-gray-600">
+                  Duplikate
+                </div>
               </div>
               <div class="text-center">
-                <div class="text-2xl font-bold text-red-600">{{ bulkImportResults.summary.errors }}</div>
-                <div class="text-sm text-gray-600">Fehler</div>
+                <div class="text-2xl font-bold text-red-600">
+                  {{ bulkImportResults.summary.errors }}
+                </div>
+                <div class="text-sm text-gray-600">
+                  Fehler
+                </div>
               </div>
             </div>
             
-            <div v-if="bulkImportResults.results.duplicates.length > 0" class="mt-4">
-              <h4 class="text-sm font-medium text-gray-700 mb-2">Duplikate:</h4>
+            <div
+              v-if="bulkImportResults.results.duplicates.length > 0"
+              class="mt-4"
+            >
+              <h4 class="text-sm font-medium text-gray-700 mb-2">
+                Duplikate:
+              </h4>
               <div class="text-xs text-gray-600 space-y-1 max-h-32 overflow-y-auto">
-                <div v-for="dup in bulkImportResults.results.duplicates" :key="dup.index">
+                <div
+                  v-for="dup in bulkImportResults.results.duplicates"
+                  :key="dup.index"
+                >
                   Zeile {{ dup.index }}: {{ dup.member.firstName }} {{ dup.member.lastName }} - {{ dup.reason }}
                 </div>
               </div>
             </div>
             
-            <div v-if="bulkImportResults.results.errors.length > 0" class="mt-4">
-              <h4 class="text-sm font-medium text-gray-700 mb-2">Fehler:</h4>
+            <div
+              v-if="bulkImportResults.results.errors.length > 0"
+              class="mt-4"
+            >
+              <h4 class="text-sm font-medium text-gray-700 mb-2">
+                Fehler:
+              </h4>
               <div class="text-xs text-red-600 space-y-1 max-h-32 overflow-y-auto">
-                <div v-for="err in bulkImportResults.results.errors" :key="err.index">
+                <div
+                  v-for="err in bulkImportResults.results.errors"
+                  :key="err.index"
+                >
                   Zeile {{ err.index }}: {{ err.error }}
                 </div>
               </div>
diff --git a/components/cms/CmsMitgliedschaftsantraege.vue b/components/cms/CmsMitgliedschaftsantraege.vue
index 71c7134..0e0c822 100644
--- a/components/cms/CmsMitgliedschaftsantraege.vue
+++ b/components/cms/CmsMitgliedschaftsantraege.vue
@@ -105,15 +105,23 @@
         <div class="px-6 py-4">
           <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
             <div>
-              <h4 class="text-sm font-medium text-gray-900 mb-2">Kontaktdaten</h4>
+              <h4 class="text-sm font-medium text-gray-900 mb-2">
+                Kontaktdaten
+              </h4>
               <div class="space-y-1 text-sm text-gray-600">
                 <p><strong>E-Mail:</strong> {{ application.personalData.email }}</p>
-                <p v-if="application.personalData.telefon_privat"><strong>Telefon:</strong> {{ application.personalData.telefon_privat }}</p>
-                <p v-if="application.personalData.telefon_mobil"><strong>Mobil:</strong> {{ application.personalData.telefon_mobil }}</p>
+                <p v-if="application.personalData.telefon_privat">
+                  <strong>Telefon:</strong> {{ application.personalData.telefon_privat }}
+                </p>
+                <p v-if="application.personalData.telefon_mobil">
+                  <strong>Mobil:</strong> {{ application.personalData.telefon_mobil }}
+                </p>
               </div>
             </div>
             <div>
-              <h4 class="text-sm font-medium text-gray-900 mb-2">Antragsdetails</h4>
+              <h4 class="text-sm font-medium text-gray-900 mb-2">
+                Antragsdetails
+              </h4>
               <div class="space-y-1 text-sm text-gray-600">
                 <p><strong>Art:</strong> {{ application.metadata.mitgliedschaftsart === 'aktiv' ? 'Aktives Mitglied' : 'Passives Mitglied' }}</p>
                 <p><strong>Volljährig:</strong> {{ application.metadata.isVolljaehrig ? 'Ja' : 'Nein' }}</p>
@@ -141,8 +149,18 @@
               class="text-gray-400 hover:text-gray-600"
               @click="closeModal"
             >
-              <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+              <svg
+                class="w-6 h-6"
+                fill="none"
+                stroke="currentColor"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M6 18L18 6M6 6l12 12"
+                />
               </svg>
             </button>
           </div>
@@ -151,16 +169,24 @@
         <div class="px-6 py-4">
           <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
             <div>
-              <h3 class="text-lg font-medium text-gray-900 mb-4">Persönliche Daten</h3>
+              <h3 class="text-lg font-medium text-gray-900 mb-4">
+                Persönliche Daten
+              </h3>
               <div class="space-y-2 text-sm">
                 <p><strong>Name:</strong> {{ selectedApplication.personalData.vorname }} {{ selectedApplication.personalData.nachname }}</p>
                 <p><strong>E-Mail:</strong> {{ selectedApplication.personalData.email }}</p>
-                <p v-if="selectedApplication.personalData.telefon_privat"><strong>Telefon:</strong> {{ selectedApplication.personalData.telefon_privat }}</p>
-                <p v-if="selectedApplication.personalData.telefon_mobil"><strong>Mobil:</strong> {{ selectedApplication.personalData.telefon_mobil }}</p>
+                <p v-if="selectedApplication.personalData.telefon_privat">
+                  <strong>Telefon:</strong> {{ selectedApplication.personalData.telefon_privat }}
+                </p>
+                <p v-if="selectedApplication.personalData.telefon_mobil">
+                  <strong>Mobil:</strong> {{ selectedApplication.personalData.telefon_mobil }}
+                </p>
               </div>
             </div>
             <div>
-              <h3 class="text-lg font-medium text-gray-900 mb-4">Antragsdetails</h3>
+              <h3 class="text-lg font-medium text-gray-900 mb-4">
+                Antragsdetails
+              </h3>
               <div class="space-y-2 text-sm">
                 <p><strong>Status:</strong> {{ getStatusText(selectedApplication.status) }}</p>
                 <p><strong>Art:</strong> {{ selectedApplication.metadata.mitgliedschaftsart === 'aktiv' ? 'Aktives Mitglied' : 'Passives Mitglied' }}</p>
@@ -172,14 +198,29 @@
           
           <div class="mt-6 pt-6 border-t border-gray-200">
             <div class="flex justify-end space-x-3">
-              <button class="px-4 py-2 text-gray-700 bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors" @click="closeModal">Schließen</button>
+              <button
+                class="px-4 py-2 text-gray-700 bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors"
+                @click="closeModal"
+              >
+                Schließen
+              </button>
               <button
                 v-if="selectedApplication.metadata.pdfGenerated"
                 class="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors flex items-center"
                 @click="downloadPDF(selectedApplication.id)"
               >
-                <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
+                <svg
+                  class="w-4 h-4 mr-2"
+                  fill="none"
+                  stroke="currentColor"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                    d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+                  />
                 </svg>
                 PDF herunterladen
               </button>
diff --git a/components/cms/CmsSpielplaene.vue b/components/cms/CmsSpielplaene.vue
index eb4a40b..4df9b92 100644
--- a/components/cms/CmsSpielplaene.vue
+++ b/components/cms/CmsSpielplaene.vue
@@ -2,112 +2,335 @@
   <div>
     <!-- Header -->
     <div class="flex items-center justify-between mb-4">
-      <h2 class="text-xl sm:text-2xl font-display font-bold text-gray-900">Spielpläne bearbeiten</h2>
+      <h2 class="text-xl sm:text-2xl font-display font-bold text-gray-900">
+        Spielpläne bearbeiten
+      </h2>
       <div class="space-x-3">
-        <button class="inline-flex items-center px-3 py-1.5 sm:px-4 sm:py-2 rounded-lg bg-green-600 text-white hover:bg-green-700 text-sm sm:text-base" @click="showUploadModal = true">
-          <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" /></svg>
+        <button
+          class="inline-flex items-center px-3 py-1.5 sm:px-4 sm:py-2 rounded-lg bg-green-600 text-white hover:bg-green-700 text-sm sm:text-base"
+          @click="showUploadModal = true"
+        >
+          <svg
+            class="w-4 h-4 mr-2"
+            fill="none"
+            stroke="currentColor"
+            viewBox="0 0 24 24"
+          ><path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
+          /></svg>
           CSV hochladen
         </button>
-        <button class="inline-flex items-center px-3 py-1.5 sm:px-4 sm:py-2 rounded-lg bg-primary-600 text-white hover:bg-primary-700 text-sm sm:text-base" @click="save">Speichern</button>
+        <button
+          class="inline-flex items-center px-3 py-1.5 sm:px-4 sm:py-2 rounded-lg bg-primary-600 text-white hover:bg-primary-700 text-sm sm:text-base"
+          @click="save"
+        >
+          Speichern
+        </button>
       </div>
     </div>
 
     <!-- CSV Upload Section -->
     <div class="mb-8 bg-white rounded-xl shadow-lg p-6">
-      <h3 class="text-xl font-semibold text-gray-900 mb-4">Vereins-Spielplan (CSV)</h3>
-      <div v-if="currentFile" class="mb-4 p-4 bg-green-50 border border-green-200 rounded-lg">
+      <h3 class="text-xl font-semibold text-gray-900 mb-4">
+        Vereins-Spielplan (CSV)
+      </h3>
+      <div
+        v-if="currentFile"
+        class="mb-4 p-4 bg-green-50 border border-green-200 rounded-lg"
+      >
         <div class="flex items-center justify-between">
           <div class="flex items-center">
-            <svg class="w-5 h-5 text-green-600 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
-            <div><p class="text-sm font-medium text-green-800">{{ currentFile.name }}</p><p class="text-xs text-green-600">{{ currentFile.size }} bytes</p></div>
+            <svg
+              class="w-5 h-5 text-green-600 mr-2"
+              fill="none"
+              stroke="currentColor"
+              viewBox="0 0 24 24"
+            ><path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+              d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+            /></svg>
+            <div>
+              <p class="text-sm font-medium text-green-800">
+                {{ currentFile.name }}
+              </p><p class="text-xs text-green-600">
+                {{ currentFile.size }} bytes
+              </p>
+            </div>
           </div>
-          <button class="px-3 py-1 text-sm bg-red-100 hover:bg-red-200 text-red-700 rounded-lg transition-colors" @click="removeFile">Entfernen</button>
+          <button
+            class="px-3 py-1 text-sm bg-red-100 hover:bg-red-200 text-red-700 rounded-lg transition-colors"
+            @click="removeFile"
+          >
+            Entfernen
+          </button>
         </div>
       </div>
-      <div class="border-2 border-dashed border-gray-300 rounded-lg p-8 text-center hover:border-primary-400 hover:bg-primary-50 transition-colors cursor-pointer" :class="{ 'border-primary-400 bg-primary-50': isDragOver }" @click="triggerFileInput" @dragover.prevent @dragenter.prevent @drop.prevent="handleFileDrop">
-        <svg class="w-12 h-12 text-gray-400 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" /></svg>
-        <p class="text-lg font-medium text-gray-900 mb-2">CSV-Datei hochladen</p>
-        <p class="text-sm text-gray-600 mb-4">Klicken Sie hier oder ziehen Sie eine CSV-Datei hierher</p>
+      <div
+        class="border-2 border-dashed border-gray-300 rounded-lg p-8 text-center hover:border-primary-400 hover:bg-primary-50 transition-colors cursor-pointer"
+        :class="{ 'border-primary-400 bg-primary-50': isDragOver }"
+        @click="triggerFileInput"
+        @dragover.prevent
+        @dragenter.prevent
+        @drop.prevent="handleFileDrop"
+      >
+        <svg
+          class="w-12 h-12 text-gray-400 mx-auto mb-4"
+          fill="none"
+          stroke="currentColor"
+          viewBox="0 0 24 24"
+        ><path
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
+        /></svg>
+        <p class="text-lg font-medium text-gray-900 mb-2">
+          CSV-Datei hochladen
+        </p>
+        <p class="text-sm text-gray-600 mb-4">
+          Klicken Sie hier oder ziehen Sie eine CSV-Datei hierher
+        </p>
       </div>
-      <input ref="fileInput" type="file" accept=".csv" class="hidden" @change="handleFileSelect">
+      <input
+        ref="fileInput"
+        type="file"
+        accept=".csv"
+        class="hidden"
+        @change="handleFileSelect"
+      >
     </div>
 
     <!-- Column Selection -->
-    <div v-if="csvData.length > 0 && !columnsSelected" class="bg-white rounded-xl shadow-lg p-6 mb-8">
-      <h3 class="text-xl font-semibold text-gray-900 mb-4">Spalten auswählen</h3>
-      <p class="text-sm text-gray-600 mb-6">Wählen Sie die Spalten aus, die für den Spielplan gespeichert werden sollen:</p>
+    <div
+      v-if="csvData.length > 0 && !columnsSelected"
+      class="bg-white rounded-xl shadow-lg p-6 mb-8"
+    >
+      <h3 class="text-xl font-semibold text-gray-900 mb-4">
+        Spalten auswählen
+      </h3>
+      <p class="text-sm text-gray-600 mb-6">
+        Wählen Sie die Spalten aus, die für den Spielplan gespeichert werden sollen:
+      </p>
       <div class="space-y-4">
-        <div v-for="(header, index) in csvHeaders" :key="index" class="flex items-center justify-between p-4 border border-gray-200 rounded-lg hover:bg-gray-50">
+        <div
+          v-for="(header, index) in csvHeaders"
+          :key="index"
+          class="flex items-center justify-between p-4 border border-gray-200 rounded-lg hover:bg-gray-50"
+        >
           <div class="flex items-center">
-            <input :id="`column-${index}`" v-model="selectedColumns[index]" type="checkbox" class="h-4 w-4 text-primary-600 focus:ring-primary-500 border-gray-300 rounded">
-            <label :for="`column-${index}`" class="ml-3 text-sm font-medium text-gray-900">{{ header }}</label>
+            <input
+              :id="`column-${index}`"
+              v-model="selectedColumns[index]"
+              type="checkbox"
+              class="h-4 w-4 text-primary-600 focus:ring-primary-500 border-gray-300 rounded"
+            >
+            <label
+              :for="`column-${index}`"
+              class="ml-3 text-sm font-medium text-gray-900"
+            >{{ header }}</label>
+          </div>
+          <div class="text-xs text-gray-500">
+            {{ getColumnPreview(index) }}
           </div>
-          <div class="text-xs text-gray-500">{{ getColumnPreview(index) }}</div>
         </div>
       </div>
       <div class="mt-6 flex justify-between items-center">
-        <div class="text-sm text-gray-600">{{ selectedColumnsCount }} von {{ csvHeaders.length }} Spalten ausgewählt</div>
+        <div class="text-sm text-gray-600">
+          {{ selectedColumnsCount }} von {{ csvHeaders.length }} Spalten ausgewählt
+        </div>
         <div class="space-x-3">
-          <button class="px-4 py-2 text-sm bg-gray-100 hover:bg-gray-200 text-gray-700 rounded-lg transition-colors" @click="selectAllColumns">Alle auswählen</button>
-          <button class="px-4 py-2 text-sm bg-gray-100 hover:bg-gray-200 text-gray-700 rounded-lg transition-colors" @click="deselectAllColumns">Alle abwählen</button>
-          <button class="px-4 py-2 text-sm bg-blue-100 hover:bg-blue-200 text-blue-700 rounded-lg transition-colors" @click="suggestHalleColumns">Halle-Spalten vorschlagen</button>
-          <button :disabled="selectedColumnsCount === 0" class="px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition-colors disabled:bg-gray-400" @click="confirmColumnSelection">Auswahl bestätigen</button>
+          <button
+            class="px-4 py-2 text-sm bg-gray-100 hover:bg-gray-200 text-gray-700 rounded-lg transition-colors"
+            @click="selectAllColumns"
+          >
+            Alle auswählen
+          </button>
+          <button
+            class="px-4 py-2 text-sm bg-gray-100 hover:bg-gray-200 text-gray-700 rounded-lg transition-colors"
+            @click="deselectAllColumns"
+          >
+            Alle abwählen
+          </button>
+          <button
+            class="px-4 py-2 text-sm bg-blue-100 hover:bg-blue-200 text-blue-700 rounded-lg transition-colors"
+            @click="suggestHalleColumns"
+          >
+            Halle-Spalten vorschlagen
+          </button>
+          <button
+            :disabled="selectedColumnsCount === 0"
+            class="px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition-colors disabled:bg-gray-400"
+            @click="confirmColumnSelection"
+          >
+            Auswahl bestätigen
+          </button>
         </div>
       </div>
     </div>
 
     <!-- Data Preview -->
-    <div v-if="csvData.length > 0 && columnsSelected" class="bg-white rounded-xl shadow-lg p-6">
+    <div
+      v-if="csvData.length > 0 && columnsSelected"
+      class="bg-white rounded-xl shadow-lg p-6"
+    >
       <div class="flex items-center justify-between mb-4">
-        <h3 class="text-xl font-semibold text-gray-900">Datenvorschau</h3>
+        <h3 class="text-xl font-semibold text-gray-900">
+          Datenvorschau
+        </h3>
         <div class="flex space-x-2">
-          <button class="px-3 py-1 text-sm bg-blue-100 hover:bg-blue-200 text-blue-700 rounded-lg transition-colors" @click="exportCSV">CSV exportieren</button>
-          <button class="px-3 py-1 text-sm bg-red-100 hover:bg-red-200 text-red-700 rounded-lg transition-colors" @click="clearData">Daten löschen</button>
+          <button
+            class="px-3 py-1 text-sm bg-blue-100 hover:bg-blue-200 text-blue-700 rounded-lg transition-colors"
+            @click="exportCSV"
+          >
+            CSV exportieren
+          </button>
+          <button
+            class="px-3 py-1 text-sm bg-red-100 hover:bg-red-200 text-red-700 rounded-lg transition-colors"
+            @click="clearData"
+          >
+            Daten löschen
+          </button>
         </div>
       </div>
       <div class="overflow-x-auto">
         <table class="min-w-full divide-y divide-gray-200">
-          <thead class="bg-gray-50"><tr><th v-for="(header, index) in (columnsSelected ? filteredCsvHeaders : csvHeaders)" :key="index" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">{{ header }}</th></tr></thead>
+          <thead class="bg-gray-50">
+            <tr>
+              <th
+                v-for="(header, index) in (columnsSelected ? filteredCsvHeaders : csvHeaders)"
+                :key="index"
+                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
+              >
+                {{ header }}
+              </th>
+            </tr>
+          </thead>
           <tbody class="bg-white divide-y divide-gray-200">
-            <tr v-for="(row, rowIndex) in (columnsSelected ? filteredCsvData : csvData).slice(0, 10)" :key="rowIndex" :class="rowIndex % 2 === 0 ? 'bg-white' : 'bg-gray-50'">
-              <td v-for="(cell, cellIndex) in row" :key="cellIndex" class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{{ cell }}</td>
+            <tr
+              v-for="(row, rowIndex) in (columnsSelected ? filteredCsvData : csvData).slice(0, 10)"
+              :key="rowIndex"
+              :class="rowIndex % 2 === 0 ? 'bg-white' : 'bg-gray-50'"
+            >
+              <td
+                v-for="(cell, cellIndex) in row"
+                :key="cellIndex"
+                class="px-6 py-4 whitespace-nowrap text-sm text-gray-900"
+              >
+                {{ cell }}
+              </td>
             </tr>
           </tbody>
         </table>
       </div>
-      <div v-if="(columnsSelected ? filteredCsvData : csvData).length > 10" class="mt-4 text-center text-sm text-gray-600">Zeige erste 10 von {{ (columnsSelected ? filteredCsvData : csvData).length }} Zeilen</div>
-      <div class="mt-4 text-sm text-gray-600"><p><strong>Zeilen:</strong> {{ (columnsSelected ? filteredCsvData : csvData).length }}</p><p><strong>Spalten:</strong> {{ (columnsSelected ? filteredCsvHeaders : csvHeaders).length }}</p></div>
+      <div
+        v-if="(columnsSelected ? filteredCsvData : csvData).length > 10"
+        class="mt-4 text-center text-sm text-gray-600"
+      >
+        Zeige erste 10 von {{ (columnsSelected ? filteredCsvData : csvData).length }} Zeilen
+      </div>
+      <div class="mt-4 text-sm text-gray-600">
+        <p><strong>Zeilen:</strong> {{ (columnsSelected ? filteredCsvData : csvData).length }}</p><p><strong>Spalten:</strong> {{ (columnsSelected ? filteredCsvHeaders : csvHeaders).length }}</p>
+      </div>
     </div>
 
     <!-- Empty State -->
-    <div v-if="csvData.length === 0" class="text-center py-12 bg-white rounded-xl shadow-lg">
-      <svg class="w-12 h-12 text-gray-400 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /></svg>
-      <p class="text-gray-600">Keine CSV-Daten geladen.</p>
-      <p class="text-sm text-gray-500 mt-2">Laden Sie eine CSV-Datei hoch, um Spielplandaten zu verwalten.</p>
+    <div
+      v-if="csvData.length === 0"
+      class="text-center py-12 bg-white rounded-xl shadow-lg"
+    >
+      <svg
+        class="w-12 h-12 text-gray-400 mx-auto mb-4"
+        fill="none"
+        stroke="currentColor"
+        viewBox="0 0 24 24"
+      ><path
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="2"
+        d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+      /></svg>
+      <p class="text-gray-600">
+        Keine CSV-Daten geladen.
+      </p>
+      <p class="text-sm text-gray-500 mt-2">
+        Laden Sie eine CSV-Datei hoch, um Spielplandaten zu verwalten.
+      </p>
     </div>
 
     <!-- Upload Modal -->
-    <div v-if="showUploadModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4" @click.self="closeUploadModal">
+    <div
+      v-if="showUploadModal"
+      class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4"
+      @click.self="closeUploadModal"
+    >
       <div class="bg-white rounded-lg max-w-md w-full p-6">
-        <h3 class="text-lg font-semibold text-gray-900 mb-4">CSV-Datei hochladen</h3>
+        <h3 class="text-lg font-semibold text-gray-900 mb-4">
+          CSV-Datei hochladen
+        </h3>
         <div class="space-y-4">
-          <div><label class="block text-sm font-medium text-gray-700 mb-2">Datei auswählen</label><input ref="modalFileInput" type="file" accept=".csv" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500" @change="handleModalFileSelect"></div>
-          <div v-if="selectedFile" class="p-3 bg-gray-50 rounded-lg"><p class="text-sm text-gray-700"><strong>Ausgewählte Datei:</strong> {{ selectedFile.name }}</p><p class="text-xs text-gray-500">{{ selectedFile.size }} bytes</p></div>
-          <div class="bg-blue-50 p-4 rounded-lg"><h4 class="text-sm font-medium text-blue-800 mb-2">Erwartetes CSV-Format:</h4><div class="text-xs text-blue-700 space-y-1"><p>• Erste Zeile: Spaltenüberschriften</p><p>• Trennzeichen: Komma (,)</p></div></div>
+          <div>
+            <label class="block text-sm font-medium text-gray-700 mb-2">Datei auswählen</label><input
+              ref="modalFileInput"
+              type="file"
+              accept=".csv"
+              class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
+              @change="handleModalFileSelect"
+            >
+          </div>
+          <div
+            v-if="selectedFile"
+            class="p-3 bg-gray-50 rounded-lg"
+          >
+            <p class="text-sm text-gray-700">
+              <strong>Ausgewählte Datei:</strong> {{ selectedFile.name }}
+            </p><p class="text-xs text-gray-500">
+              {{ selectedFile.size }} bytes
+            </p>
+          </div>
+          <div class="bg-blue-50 p-4 rounded-lg">
+            <h4 class="text-sm font-medium text-blue-800 mb-2">
+              Erwartetes CSV-Format:
+            </h4><div class="text-xs text-blue-700 space-y-1">
+              <p>• Erste Zeile: Spaltenüberschriften</p><p>• Trennzeichen: Komma (,)</p>
+            </div>
+          </div>
         </div>
         <div class="flex justify-end space-x-3 pt-4">
-          <button class="px-4 py-2 text-gray-700 bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors" @click="closeUploadModal">Abbrechen</button>
-          <button :disabled="!selectedFile" class="px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition-colors disabled:bg-gray-400" @click="processSelectedFile">Hochladen</button>
+          <button
+            class="px-4 py-2 text-gray-700 bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors"
+            @click="closeUploadModal"
+          >
+            Abbrechen
+          </button>
+          <button
+            :disabled="!selectedFile"
+            class="px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition-colors disabled:bg-gray-400"
+            @click="processSelectedFile"
+          >
+            Hochladen
+          </button>
         </div>
       </div>
     </div>
 
     <!-- Processing Modal -->
-    <div v-if="isProcessing" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4">
+    <div
+      v-if="isProcessing"
+      class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4"
+    >
       <div class="bg-white rounded-lg max-w-sm w-full p-6 text-center">
         <div class="animate-spin rounded-full h-12 w-12 border-b-2 border-primary-600 mx-auto mb-4" />
-        <h3 class="text-lg font-semibold text-gray-900 mb-2">Verarbeitung läuft...</h3>
-        <p class="text-sm text-gray-600">{{ processingMessage }}</p>
+        <h3 class="text-lg font-semibold text-gray-900 mb-2">
+          Verarbeitung läuft...
+        </h3>
+        <p class="text-sm text-gray-600">
+          {{ processingMessage }}
+        </p>
       </div>
     </div>
   </div>
diff --git a/components/cms/CmsTermine.vue b/components/cms/CmsTermine.vue
index b004ba2..964e9b4 100644
--- a/components/cms/CmsTermine.vue
+++ b/components/cms/CmsTermine.vue
@@ -11,36 +11,72 @@
         class="flex items-center px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white font-semibold rounded-lg transition-colors"
         @click="openAddModal"
       >
-        <Plus :size="20" class="mr-2" />
+        <Plus
+          :size="20"
+          class="mr-2"
+        />
         Termin hinzufügen
       </button>
     </div>
 
     <!-- Loading State -->
-    <div v-if="isLoading" class="flex items-center justify-center py-12">
-      <Loader2 :size="40" class="animate-spin text-primary-600" />
+    <div
+      v-if="isLoading"
+      class="flex items-center justify-center py-12"
+    >
+      <Loader2
+        :size="40"
+        class="animate-spin text-primary-600"
+      />
     </div>
 
     <!-- Termine Table -->
-    <div v-else class="bg-white rounded-xl shadow-lg overflow-hidden">
+    <div
+      v-else
+      class="bg-white rounded-xl shadow-lg overflow-hidden"
+    >
       <div class="overflow-x-auto">
         <table class="min-w-full divide-y divide-gray-200">
           <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>
-              <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">Aktionen</th>
+              <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>
+              <th class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
+                Aktionen
+              </th>
             </tr>
           </thead>
           <tbody class="bg-white divide-y divide-gray-200">
-            <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>
-              <td class="px-4 py-3 text-sm text-gray-600">{{ termin.beschreibung || '-' }}</td>
+            <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>
+              <td class="px-4 py-3 text-sm text-gray-600">
+                {{ termin.beschreibung || '-' }}
+              </td>
               <td class="px-4 py-3 whitespace-nowrap">
                 <span
                   :class="{
@@ -54,56 +90,140 @@
                 >{{ termin.kategorie }}</span>
               </td>
               <td class="px-4 py-3 whitespace-nowrap text-right text-sm font-medium space-x-3">
-                <button class="text-gray-600 hover:text-gray-900" title="Bearbeiten" @click="openEditModal(termin)"><Pencil :size="18" /></button>
-                <button class="text-red-600 hover:text-red-900" title="Löschen" @click="confirmDelete(termin)"><Trash2 :size="18" /></button>
+                <button
+                  class="text-gray-600 hover:text-gray-900"
+                  title="Bearbeiten"
+                  @click="openEditModal(termin)"
+                >
+                  <Pencil :size="18" />
+                </button>
+                <button
+                  class="text-red-600 hover:text-red-900"
+                  title="Löschen"
+                  @click="confirmDelete(termin)"
+                >
+                  <Trash2 :size="18" />
+                </button>
               </td>
             </tr>
           </tbody>
         </table>
       </div>
-      <div v-if="termine.length === 0" class="text-center py-12 text-gray-500">Keine Termine vorhanden.</div>
+      <div
+        v-if="termine.length === 0"
+        class="text-center py-12 text-gray-500"
+      >
+        Keine Termine vorhanden.
+      </div>
     </div>
 
     <!-- Add/Edit Modal -->
-    <div v-if="showModal" class="fixed inset-0 z-50 bg-black/50 flex items-center justify-center p-4" @click.self="closeModal">
+    <div
+      v-if="showModal"
+      class="fixed inset-0 z-50 bg-black/50 flex items-center justify-center p-4"
+      @click.self="closeModal"
+    >
       <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">{{ isEditing ? 'Termin bearbeiten' : 'Termin hinzufügen' }}</h2>
-        <form class="space-y-4" @submit.prevent="saveTermin">
+        <h2 class="text-2xl font-display font-bold text-gray-900 mb-6">
+          {{ isEditing ? 'Termin bearbeiten' : 'Termin hinzufügen' }}
+        </h2>
+        <form
+          class="space-y-4"
+          @submit.prevent="saveTermin"
+        >
           <div class="grid grid-cols-3 gap-4">
             <div>
               <label class="block text-sm font-medium text-gray-700 mb-2">Datum *</label>
-              <input v-model="formData.datum" type="date" required 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">
+              <input
+                v-model="formData.datum"
+                type="date"
+                required
+                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">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">
+              <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>
-              <select v-model="formData.kategorie" required 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">
-                <option value="Training">Training</option>
-                <option value="Punktspiel">Punktspiel</option>
-                <option value="Turnier">Turnier</option>
-                <option value="Veranstaltung">Veranstaltung</option>
-                <option value="Sonstiges">Sonstiges</option>
+              <select
+                v-model="formData.kategorie"
+                required
+                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"
+              >
+                <option value="Training">
+                  Training
+                </option>
+                <option value="Punktspiel">
+                  Punktspiel
+                </option>
+                <option value="Turnier">
+                  Turnier
+                </option>
+                <option value="Veranstaltung">
+                  Veranstaltung
+                </option>
+                <option value="Sonstiges">
+                  Sonstiges
+                </option>
               </select>
             </div>
           </div>
           <div>
             <label class="block text-sm font-medium text-gray-700 mb-2">Titel *</label>
-            <input v-model="formData.titel" type="text" required 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">
+            <input
+              v-model="formData.titel"
+              type="text"
+              required
+              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">Beschreibung</label>
-            <textarea v-model="formData.beschreibung" rows="3" 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" />
+            <textarea
+              v-model="formData.beschreibung"
+              rows="3"
+              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 v-if="errorMessage" class="flex items-center p-3 rounded-md bg-red-50 text-red-700 text-sm">
-            <AlertCircle :size="20" class="mr-2" /> {{ errorMessage }}
+          <div
+            v-if="errorMessage"
+            class="flex items-center p-3 rounded-md bg-red-50 text-red-700 text-sm"
+          >
+            <AlertCircle
+              :size="20"
+              class="mr-2"
+            /> {{ errorMessage }}
           </div>
           <div class="flex justify-end space-x-4 pt-4">
-            <button type="button" class="px-6 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors" :disabled="isSaving" @click="closeModal">Abbrechen</button>
-            <button type="submit" class="px-6 py-2 bg-primary-600 hover:bg-primary-700 text-white font-semibold rounded-lg transition-colors flex items-center" :disabled="isSaving">
-              <Loader2 v-if="isSaving" :size="20" class="animate-spin mr-2" />
+            <button
+              type="button"
+              class="px-6 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
+              :disabled="isSaving"
+              @click="closeModal"
+            >
+              Abbrechen
+            </button>
+            <button
+              type="submit"
+              class="px-6 py-2 bg-primary-600 hover:bg-primary-700 text-white font-semibold rounded-lg transition-colors flex items-center"
+              :disabled="isSaving"
+            >
+              <Loader2
+                v-if="isSaving"
+                :size="20"
+                class="animate-spin mr-2"
+              />
               <span>{{ isSaving ? 'Speichert...' : 'Speichern' }}</span>
             </button>
           </div>
diff --git a/components/cms/CmsTtRegeln.vue b/components/cms/CmsTtRegeln.vue
index 434cc78..711af1a 100644
--- a/components/cms/CmsTtRegeln.vue
+++ b/components/cms/CmsTtRegeln.vue
@@ -18,36 +18,108 @@
       <div class="flex flex-wrap items-center gap-1 sm:gap-2 py-1.5 sm:py-2 px-3">
         <!-- Formatierung -->
         <div class="flex items-center gap-1 border-r pr-2 mr-2">
-          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="format('bold')"><strong>B</strong></button>
-          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="format('italic')"><em>I</em></button>
-          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="formatHeader(1)">H1</button>
-          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="formatHeader(2)">H2</button>
-          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="formatHeader(3)">H3</button>
+          <button
+            class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm"
+            @click="format('bold')"
+          >
+            <strong>B</strong>
+          </button>
+          <button
+            class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm"
+            @click="format('italic')"
+          >
+            <em>I</em>
+          </button>
+          <button
+            class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm"
+            @click="formatHeader(1)"
+          >
+            H1
+          </button>
+          <button
+            class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm"
+            @click="formatHeader(2)"
+          >
+            H2
+          </button>
+          <button
+            class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm"
+            @click="formatHeader(3)"
+          >
+            H3
+          </button>
         </div>
         <!-- Listen -->
         <div class="flex items-center gap-1 border-r pr-2 mr-2">
-          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="format('insertUnorderedList')">•</button>
-          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="format('insertOrderedList')">1.</button>
+          <button
+            class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm"
+            @click="format('insertUnorderedList')"
+          >
+            •
+          </button>
+          <button
+            class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm"
+            @click="format('insertOrderedList')"
+          >
+            1.
+          </button>
         </div>
         <!-- Schnellzugriff für Regeln -->
         <div class="flex items-center gap-1 border-r pr-2 mr-2">
-          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded bg-gray-100 hover:bg-gray-200 text-gray-700 text-xs sm:text-sm" @click="insertRuleTemplate('generic')">Neue Regel</button>
-          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded bg-blue-100 hover:bg-blue-200 text-blue-700 text-xs sm:text-sm" @click="insertRuleTemplate('basic')">Grundregel</button>
-          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded bg-green-100 hover:bg-green-200 text-green-700 text-xs sm:text-sm" @click="insertRuleTemplate('penalty')">Strafregel</button>
-          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded bg-yellow-100 hover:bg-yellow-200 text-yellow-700 text-xs sm:text-sm" @click="insertRuleTemplate('service')">Aufschlag</button>
-          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded bg-red-100 hover:bg-red-200 text-red-700 text-xs sm:text-sm" @click="deleteCurrentRule()">Regel löschen</button>
+          <button
+            class="px-2 py-1 sm:px-3 sm:py-1 rounded bg-gray-100 hover:bg-gray-200 text-gray-700 text-xs sm:text-sm"
+            @click="insertRuleTemplate('generic')"
+          >
+            Neue Regel
+          </button>
+          <button
+            class="px-2 py-1 sm:px-3 sm:py-1 rounded bg-blue-100 hover:bg-blue-200 text-blue-700 text-xs sm:text-sm"
+            @click="insertRuleTemplate('basic')"
+          >
+            Grundregel
+          </button>
+          <button
+            class="px-2 py-1 sm:px-3 sm:py-1 rounded bg-green-100 hover:bg-green-200 text-green-700 text-xs sm:text-sm"
+            @click="insertRuleTemplate('penalty')"
+          >
+            Strafregel
+          </button>
+          <button
+            class="px-2 py-1 sm:px-3 sm:py-1 rounded bg-yellow-100 hover:bg-yellow-200 text-yellow-700 text-xs sm:text-sm"
+            @click="insertRuleTemplate('service')"
+          >
+            Aufschlag
+          </button>
+          <button
+            class="px-2 py-1 sm:px-3 sm:py-1 rounded bg-red-100 hover:bg-red-200 text-red-700 text-xs sm:text-sm"
+            @click="deleteCurrentRule()"
+          >
+            Regel löschen
+          </button>
         </div>
         <!-- Weitere Tools -->
         <div class="flex items-center gap-1">
-          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="createLink()">Link</button>
-          <button class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm" @click="removeFormat()">Clear</button>
+          <button
+            class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm"
+            @click="createLink()"
+          >
+            Link
+          </button>
+          <button
+            class="px-2 py-1 sm:px-3 sm:py-1 rounded border hover:bg-gray-50 text-xs sm:text-sm"
+            @click="removeFormat()"
+          >
+            Clear
+          </button>
         </div>
       </div>
     </div>
 
     <!-- Hilfe-Sektion -->
     <div class="my-4 bg-blue-50 border border-blue-200 rounded-lg p-4">
-      <h3 class="text-lg font-semibold text-blue-900 mb-2">So arbeiten Sie mit Regel-Kästchen:</h3>
+      <h3 class="text-lg font-semibold text-blue-900 mb-2">
+        So arbeiten Sie mit Regel-Kästchen:
+      </h3>
       <div class="text-sm text-blue-800 space-y-2">
         <p><strong>1. Neue Kästchen hinzufügen:</strong> Klicken Sie in ein bestehendes Kästchen und verwenden Sie die Buttons:</p>
         <ul class="ml-4 space-y-1">
diff --git a/eslint.config.js b/eslint.config.js
index 7239507..cacf3af 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -7,7 +7,7 @@ export default [
   js.configs.recommended,
   ...vue.configs['flat/recommended'],
   {
-    files: ['**/*.vue', '**/*.js'],
+    files: ['**/*.vue', '**/*.js', '**/*.mjs', '**/*.cjs'],
     languageOptions: {
       parser: parser,
       ecmaVersion: 'latest',
@@ -81,6 +81,8 @@ export default [
       'node_modules/**',
       '.output/**',
       '.nuxt/**',
+      '**/.output/**',
+      '**/.nuxt/**',
       '.next/**',
       'dist/**',
       'build/**',
@@ -88,6 +90,7 @@ export default [
       '*.config.ts',
       '*.config.cjs',
       '*.cjs',
+      '**/*.cjs',
       'temp/**',
       'backups/**',
       'public/**',
diff --git a/pages/cms/index.vue b/pages/cms/index.vue
index f0c3397..daaec70 100644
--- a/pages/cms/index.vue
+++ b/pages/cms/index.vue
@@ -11,20 +11,48 @@
         <div class="bg-white p-6 rounded-xl shadow-lg border border-gray-100">
           <div class="flex items-center mb-4">
             <div class="w-12 h-12 bg-pink-100 rounded-lg flex items-center justify-center">
-              <Calendar :size="20" class="text-pink-600" />
+              <Calendar
+                :size="20"
+                class="text-pink-600"
+              />
             </div>
-            <h2 class="ml-4 text-xl font-semibold text-gray-900">Geburtstage (nächste 4 Wochen)</h2>
+            <h2 class="ml-4 text-xl font-semibold text-gray-900">
+              Geburtstage (nächste 4 Wochen)
+            </h2>
           </div>
-          <div v-if="loadingBirthdays" class="text-sm text-gray-500">Lade...</div>
-          <ul v-else class="space-y-2">
-            <li v-for="b in birthdays" :key="b.name + b.dayMonth" class="flex items-center justify-between p-3 border border-gray-100 rounded-lg">
+          <div
+            v-if="loadingBirthdays"
+            class="text-sm text-gray-500"
+          >
+            Lade...
+          </div>
+          <ul
+            v-else
+            class="space-y-2"
+          >
+            <li
+              v-for="b in birthdays"
+              :key="b.name + b.dayMonth"
+              class="flex items-center justify-between p-3 border border-gray-100 rounded-lg"
+            >
               <div class="min-w-0">
-                <div class="font-medium text-gray-900 truncate">{{ b.name }}</div>
-                <div class="text-xs text-gray-600">{{ b.dayMonth }}</div>
+                <div class="font-medium text-gray-900 truncate">
+                  {{ b.name }}
+                </div>
+                <div class="text-xs text-gray-600">
+                  {{ b.dayMonth }}
+                </div>
+              </div>
+              <div class="text-sm text-gray-500">
+                {{ b.inDays === 0 ? 'Heute' : (b.inDays === 1 ? 'Morgen' : 'in ' + b.inDays + ' Tagen') }}
               </div>
-              <div class="text-sm text-gray-500">{{ b.inDays === 0 ? 'Heute' : (b.inDays === 1 ? 'Morgen' : 'in ' + b.inDays + ' Tagen') }}</div>
             </li>
-            <li v-if="birthdays.length === 0" class="text-sm text-gray-600">Keine Geburtstage in den nächsten 4 Wochen.</li>
+            <li
+              v-if="birthdays.length === 0"
+              class="text-sm text-gray-600"
+            >
+              Keine Geburtstage in den nächsten 4 Wochen.
+            </li>
           </ul>
         </div>
         <!-- Inhalte (gruppiert) -->
diff --git a/pages/cms/inhalte.vue b/pages/cms/inhalte.vue
index 1f013b3..36915ad 100644
--- a/pages/cms/inhalte.vue
+++ b/pages/cms/inhalte.vue
@@ -2,13 +2,20 @@
   <div class="min-h-screen bg-gray-50">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
       <div class="mb-6">
-        <h1 class="text-3xl font-display font-bold text-gray-900">Inhalte verwalten</h1>
-        <p class="mt-1 text-sm text-gray-500">Redaktionelle Inhalte der Website bearbeiten</p>
+        <h1 class="text-3xl font-display font-bold text-gray-900">
+          Inhalte verwalten
+        </h1>
+        <p class="mt-1 text-sm text-gray-500">
+          Redaktionelle Inhalte der Website bearbeiten
+        </p>
       </div>
 
       <!-- Tabs -->
       <div class="border-b border-gray-200 mb-6">
-        <nav class="-mb-px flex space-x-8 overflow-x-auto" aria-label="Tabs">
+        <nav
+          class="-mb-px flex space-x-8 overflow-x-auto"
+          aria-label="Tabs"
+        >
           <button
             v-for="tab in tabs"
             :key="tab.id"
diff --git a/pages/cms/kontaktanfragen.vue b/pages/cms/kontaktanfragen.vue
index 9d3c2f4..c9b36a4 100644
--- a/pages/cms/kontaktanfragen.vue
+++ b/pages/cms/kontaktanfragen.vue
@@ -28,15 +28,24 @@
         </label>
       </div>
 
-      <div v-if="isLoading" class="text-center py-12 text-gray-600">
+      <div
+        v-if="isLoading"
+        class="text-center py-12 text-gray-600"
+      >
         Lade Kontaktanfragen...
       </div>
 
-      <div v-else-if="filteredRequests.length === 0" class="bg-white rounded-xl shadow p-8 text-center text-gray-600">
+      <div
+        v-else-if="filteredRequests.length === 0"
+        class="bg-white rounded-xl shadow p-8 text-center text-gray-600"
+      >
         {{ showAnswered ? 'Aktuell liegen keine Kontaktanfragen vor.' : 'Aktuell liegen keine offenen Kontaktanfragen vor.' }}
       </div>
 
-      <div v-else class="space-y-4">
+      <div
+        v-else
+        class="space-y-4"
+      >
         <div
           v-for="request in filteredRequests"
           :key="request.id"
@@ -67,7 +76,10 @@
               {{ request.message }}
             </p>
 
-            <div v-if="Array.isArray(request.replies) && request.replies.length > 0" class="mt-5 border-t border-gray-100 pt-4">
+            <div
+              v-if="Array.isArray(request.replies) && request.replies.length > 0"
+              class="mt-5 border-t border-gray-100 pt-4"
+            >
               <h3 class="text-sm font-semibold text-gray-700 mb-2">
                 Antworten
               </h3>
@@ -127,7 +139,10 @@
           class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-600"
           placeholder="Ihre Antwort..."
         />
-        <div v-if="errorMessage" class="mt-3 text-sm text-red-600">
+        <div
+          v-if="errorMessage"
+          class="mt-3 text-sm text-red-600"
+        >
           {{ errorMessage }}
         </div>
         <div class="mt-5 flex justify-end gap-3">
diff --git a/pages/cms/mitgliederverwaltung.vue b/pages/cms/mitgliederverwaltung.vue
index b0e356b..0ebb6e3 100644
--- a/pages/cms/mitgliederverwaltung.vue
+++ b/pages/cms/mitgliederverwaltung.vue
@@ -2,15 +2,25 @@
   <div class="min-h-screen bg-gray-50">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
       <div class="mb-6">
-        <h1 class="text-3xl font-display font-bold text-gray-900">Mitgliederverwaltung</h1>
-        <p class="mt-1 text-sm text-gray-500">Anträge und Mitgliederliste verwalten</p>
+        <h1 class="text-3xl font-display font-bold text-gray-900">
+          Mitgliederverwaltung
+        </h1>
+        <p class="mt-1 text-sm text-gray-500">
+          Anträge und Mitgliederliste verwalten
+        </p>
       </div>
 
       <!-- Mitgliedschaftsanträge oben (nur sichtbar wenn Anträge vorhanden) -->
-      <div v-show="antraegeRef?.hasApplications" class="mb-10">
+      <div
+        v-show="antraegeRef?.hasApplications"
+        class="mb-10"
+      >
         <CmsMitgliedschaftsantraege ref="antraegeRef" />
       </div>
-      <div v-if="antraegeRef?.hasApplications" class="border-t border-gray-300 mb-10" />
+      <div
+        v-if="antraegeRef?.hasApplications"
+        class="border-t border-gray-300 mb-10"
+      />
 
       <!-- Mitgliederliste darunter -->
       <CmsMitglieder />
diff --git a/pages/cms/sportbetrieb.vue b/pages/cms/sportbetrieb.vue
index 8abf418..cf71cf7 100644
--- a/pages/cms/sportbetrieb.vue
+++ b/pages/cms/sportbetrieb.vue
@@ -2,13 +2,20 @@
   <div class="min-h-screen bg-gray-50">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
       <div class="mb-6">
-        <h1 class="text-3xl font-display font-bold text-gray-900">Sportbetrieb verwalten</h1>
-        <p class="mt-1 text-sm text-gray-500">Termine, Mannschaften und Spielpläne pflegen</p>
+        <h1 class="text-3xl font-display font-bold text-gray-900">
+          Sportbetrieb verwalten
+        </h1>
+        <p class="mt-1 text-sm text-gray-500">
+          Termine, Mannschaften und Spielpläne pflegen
+        </p>
       </div>
 
       <!-- Tabs -->
       <div class="border-b border-gray-200 mb-6">
-        <nav class="-mb-px flex space-x-8 overflow-x-auto" aria-label="Tabs">
+        <nav
+          class="-mb-px flex space-x-8 overflow-x-auto"
+          aria-label="Tabs"
+        >
           <button
             v-for="tab in tabs"
             :key="tab.id"
diff --git a/pages/cms/startseite.vue b/pages/cms/startseite.vue
index 47caabf..68dcc94 100644
--- a/pages/cms/startseite.vue
+++ b/pages/cms/startseite.vue
@@ -58,7 +58,10 @@
           >
             <!-- Drag Handle -->
             <div class="flex flex-col gap-1 cursor-move">
-              <GripVertical :size="16" class="text-gray-400" />
+              <GripVertical
+                :size="16"
+                class="text-gray-400"
+              />
             </div>
 
             <!-- Section Info -->
diff --git a/pages/mitgliederbereich/index.vue b/pages/mitgliederbereich/index.vue
index 868f2da..901ab21 100644
--- a/pages/mitgliederbereich/index.vue
+++ b/pages/mitgliederbereich/index.vue
@@ -75,20 +75,48 @@
       <div class="bg-white p-6 rounded-xl shadow-lg border border-gray-100">
         <div class="flex items-center mb-4">
           <div class="w-12 h-12 bg-pink-100 rounded-lg flex items-center justify-center">
-            <Calendar :size="20" class="text-pink-600" />
+            <Calendar
+              :size="20"
+              class="text-pink-600"
+            />
           </div>
-          <h2 class="ml-4 text-xl font-semibold text-gray-900">Geburtstage (nächste 4 Wochen)</h2>
+          <h2 class="ml-4 text-xl font-semibold text-gray-900">
+            Geburtstage (nächste 4 Wochen)
+          </h2>
         </div>
-        <div v-if="loadingBirthdays" class="text-sm text-gray-500">Lade...</div>
-        <ul v-else class="space-y-2">
-          <li v-for="b in birthdays" :key="b.name + b.dayMonth" class="flex items-center justify-between p-3 border border-gray-100 rounded-lg">
+        <div
+          v-if="loadingBirthdays"
+          class="text-sm text-gray-500"
+        >
+          Lade...
+        </div>
+        <ul
+          v-else
+          class="space-y-2"
+        >
+          <li
+            v-for="b in birthdays"
+            :key="b.name + b.dayMonth"
+            class="flex items-center justify-between p-3 border border-gray-100 rounded-lg"
+          >
             <div class="min-w-0">
-              <div class="font-medium text-gray-900 truncate">{{ b.name }}</div>
-              <div class="text-xs text-gray-600">{{ b.dayMonth }}</div>
+              <div class="font-medium text-gray-900 truncate">
+                {{ b.name }}
+              </div>
+              <div class="text-xs text-gray-600">
+                {{ b.dayMonth }}
+              </div>
+            </div>
+            <div class="text-sm text-gray-500">
+              {{ b.inDays === 0 ? 'Heute' : (b.inDays === 1 ? 'Morgen' : 'in ' + b.inDays + ' Tagen') }}
             </div>
-            <div class="text-sm text-gray-500">{{ b.inDays === 0 ? 'Heute' : (b.inDays === 1 ? 'Morgen' : 'in ' + b.inDays + ' Tagen') }}</div>
           </li>
-          <li v-if="birthdays.length === 0" class="text-sm text-gray-600">Keine Geburtstage in den nächsten 4 Wochen.</li>
+          <li
+            v-if="birthdays.length === 0"
+            class="text-sm text-gray-600"
+          >
+            Keine Geburtstage in den nächsten 4 Wochen.
+          </li>
         </ul>
       </div>
     </div>
diff --git a/pages/mitgliederbereich/mitglieder.vue b/pages/mitgliederbereich/mitglieder.vue
index 76db0b4..4f5c8e7 100644
--- a/pages/mitgliederbereich/mitglieder.vue
+++ b/pages/mitgliederbereich/mitglieder.vue
@@ -57,12 +57,25 @@
       <!-- Sortieroptionen -->
       <div class="mb-4 flex items-center justify-between gap-4 flex-wrap">
         <div class="flex items-center space-x-2">
-        <label for="sortMode" class="text-sm text-gray-700">Sortieren nach:</label>
-        <select id="sortMode" v-model="sortMode" class="px-2 py-1 border rounded">
-          <option value="name">Name (Vorname Nachname)</option>
-          <option value="lastname">Nachname (Nachname Vorname)</option>
-          <option value="birthday">Geburtstag</option>
-        </select>
+          <label
+            for="sortMode"
+            class="text-sm text-gray-700"
+          >Sortieren nach:</label>
+          <select
+            id="sortMode"
+            v-model="sortMode"
+            class="px-2 py-1 border rounded"
+          >
+            <option value="name">
+              Name (Vorname Nachname)
+            </option>
+            <option value="lastname">
+              Nachname (Nachname Vorname)
+            </option>
+            <option value="birthday">
+              Geburtstag
+            </option>
+          </select>
         </div>
         <label class="inline-flex items-center gap-2 text-sm text-gray-700">
           <input
@@ -135,7 +148,10 @@
                       {{ member.name }}
                     </template>
                   </div>
-                  <div v-if="member.birthday" class="text-xs text-gray-500">
+                  <div
+                    v-if="member.birthday"
+                    class="text-xs text-gray-500"
+                  >
                     🎂 {{ formatBirthday(member.birthday) }}
                   </div>
                   <div
@@ -283,7 +299,10 @@
                   <template v-else>
                     {{ member.name }}
                   </template>
-                  <span v-if="member.birthday" class="text-xs text-gray-500 ml-2">
+                  <span
+                    v-if="member.birthday"
+                    class="text-xs text-gray-500 ml-2"
+                  >
                     🎂 {{ formatBirthday(member.birthday) }}
                   </span>
                 </h3>
@@ -341,30 +360,79 @@
               <div class="grid sm:grid-cols-2 gap-3 text-gray-600">
                 <template v-if="!(member.showEmail && member.email) && !(member.showPhone && member.phone)">
                   <div class="col-span-2 flex items-center text-gray-500 text-sm italic">
-                    <Mail :size="16" class="mr-2" />
+                    <Mail
+                      :size="16"
+                      class="mr-2"
+                    />
                     Kontaktdaten nur für Vorstand sichtbar
                   </div>
                 </template>
                 <template v-else>
-                  <div v-if="member.showEmail && member.email" class="flex items-center">
-                    <Mail :size="16" class="mr-2 text-primary-600" />
-                    <a :href="`mailto:${member.email}`" class="hover:text-primary-600">{{ member.email }}</a>
+                  <div
+                    v-if="member.showEmail && member.email"
+                    class="flex items-center"
+                  >
+                    <Mail
+                      :size="16"
+                      class="mr-2 text-primary-600"
+                    />
+                    <a
+                      :href="`mailto:${member.email}`"
+                      class="hover:text-primary-600"
+                    >{{ member.email }}</a>
                   </div>
-                  <div v-if="member.showPhone && member.phone" class="flex items-center">
-                    <Phone :size="16" class="mr-2 text-primary-600" />
-                    <a :href="`tel:${member.phone}`" class="hover:text-primary-600">{{ member.phone }}</a>
+                  <div
+                    v-if="member.showPhone && member.phone"
+                    class="flex items-center"
+                  >
+                    <Phone
+                      :size="16"
+                      class="mr-2 text-primary-600"
+                    />
+                    <a
+                      :href="`tel:${member.phone}`"
+                      class="hover:text-primary-600"
+                    >{{ member.phone }}</a>
                   </div>
                 </template>
                 <!-- Sichtbarkeits-Flags anzeigen -->
                 <div class="col-span-2 flex items-center gap-2 mt-2 text-xs text-gray-500">
-                  <span v-if="member.showEmail" title="E-Mail sichtbar">📧</span>
-                  <span v-else title="E-Mail verborgen" class="opacity-40">📧</span>
-                  <span v-if="member.showPhone" title="Telefon sichtbar">📞</span>
-                  <span v-else title="Telefon verborgen" class="opacity-40">📞</span>
-                  <span v-if="member.showAddress" title="Adresse sichtbar">🏠</span>
-                  <span v-else title="Adresse verborgen" class="opacity-40">🏠</span>
-                  <span v-if="member.showBirthday" title="Geburtstag sichtbar">🎂</span>
-                  <span v-else title="Geburtstag verborgen" class="opacity-40">🎂</span>
+                  <span
+                    v-if="member.showEmail"
+                    title="E-Mail sichtbar"
+                  >📧</span>
+                  <span
+                    v-else
+                    title="E-Mail verborgen"
+                    class="opacity-40"
+                  >📧</span>
+                  <span
+                    v-if="member.showPhone"
+                    title="Telefon sichtbar"
+                  >📞</span>
+                  <span
+                    v-else
+                    title="Telefon verborgen"
+                    class="opacity-40"
+                  >📞</span>
+                  <span
+                    v-if="member.showAddress"
+                    title="Adresse sichtbar"
+                  >🏠</span>
+                  <span
+                    v-else
+                    title="Adresse verborgen"
+                    class="opacity-40"
+                  >🏠</span>
+                  <span
+                    v-if="member.showBirthday"
+                    title="Geburtstag sichtbar"
+                  >🎂</span>
+                  <span
+                    v-else
+                    title="Geburtstag verborgen"
+                    class="opacity-40"
+                  >🎂</span>
                 </div>
                 <div
                   v-if="member.address"
diff --git a/pages/mitgliederbereich/profil.vue b/pages/mitgliederbereich/profil.vue
index d7389f5..20d827a 100644
--- a/pages/mitgliederbereich/profil.vue
+++ b/pages/mitgliederbereich/profil.vue
@@ -98,22 +98,44 @@
 
           <!-- Sichtbarkeits-Einstellungen -->
           <div class="mt-4 border-t border-gray-100 pt-4">
-            <h3 class="text-sm font-medium text-gray-900 mb-2">Sichtbarkeit für andere Mitglieder</h3>
+            <h3 class="text-sm font-medium text-gray-900 mb-2">
+              Sichtbarkeit für andere Mitglieder
+            </h3>
             <div class="flex flex-col gap-2 text-sm text-gray-700">
               <label class="inline-flex items-center">
-                <input type="checkbox" class="mr-2" v-model="visibility.showEmail" :disabled="isSaving" />
+                <input
+                  v-model="visibility.showEmail"
+                  type="checkbox"
+                  class="mr-2"
+                  :disabled="isSaving"
+                >
                 E-Mail für alle eingeloggten Mitglieder sichtbar
               </label>
               <label class="inline-flex items-center">
-                <input type="checkbox" class="mr-2" v-model="visibility.showPhone" :disabled="isSaving" />
+                <input
+                  v-model="visibility.showPhone"
+                  type="checkbox"
+                  class="mr-2"
+                  :disabled="isSaving"
+                >
                 Telefonnummer für alle eingeloggten Mitglieder sichtbar
               </label>
               <label class="inline-flex items-center">
-                <input type="checkbox" class="mr-2" v-model="visibility.showAddress" :disabled="isSaving" />
+                <input
+                  v-model="visibility.showAddress"
+                  type="checkbox"
+                  class="mr-2"
+                  :disabled="isSaving"
+                >
                 Adresse für alle eingeloggten Mitglieder sichtbar
               </label>
               <label class="inline-flex items-center">
-                <input type="checkbox" class="mr-2" v-model="visibility.showBirthday" :disabled="isSaving" />
+                <input
+                  v-model="visibility.showBirthday"
+                  type="checkbox"
+                  class="mr-2"
+                  :disabled="isSaving"
+                >
                 Geburtstag für alle eingeloggten Mitglieder sichtbar
               </label>
             </div>
diff --git a/pages/registrieren.vue b/pages/registrieren.vue
index 3b2baad..bef57ca 100644
--- a/pages/registrieren.vue
+++ b/pages/registrieren.vue
@@ -173,8 +173,10 @@
           </div>
 
           <!-- Optional password toggle for passkey users - vorläufig deaktiviert -->
-          <!--
-          <div v-if="usePasskey" class="flex items-center gap-2 text-sm text-gray-700">
+          <div
+            v-if="false"
+            class="flex items-center gap-2 text-sm text-gray-700"
+          >
             <input
               v-model="setPasswordForPasskey"
               type="checkbox"
@@ -217,17 +219,23 @@
             v-if="false"
             class="bg-blue-50 border border-blue-200 rounded-lg p-4 text-xs space-y-3"
           >
-            <div class="font-semibold text-blue-900 mb-2">🔍 Debug-Informationen (QR-Code):</div>
+            <div class="font-semibold text-blue-900 mb-2">
+              🔍 Debug-Informationen (QR-Code):
+            </div>
             <div class="space-y-1 text-blue-800">
               <div><strong>Challenge:</strong> <code class="bg-blue-100 px-1 rounded break-all">{{ debugChallenge }}</code></div>
               <div><strong>RP-ID:</strong> <code class="bg-blue-100 px-1 rounded">{{ debugRpId }}</code></div>
-              <div v-if="debugRegistrationId"><strong>Registration-ID:</strong> <code class="bg-blue-100 px-1 rounded break-all">{{ debugRegistrationId }}</code></div>
+              <div v-if="debugRegistrationId">
+                <strong>Registration-ID:</strong> <code class="bg-blue-100 px-1 rounded break-all">{{ debugRegistrationId }}</code>
+              </div>
               <div><strong>Origin:</strong> <code class="bg-blue-100 px-1 rounded">{{ typeof window !== 'undefined' ? window.location.origin : 'N/A (SSR)' }}</code></div>
             </div>
             
             <!-- FIDO QR-Code Info -->
             <div class="mt-3 p-3 bg-purple-50 border border-purple-300 rounded">
-              <div class="font-semibold text-purple-900 mb-2">🔐 FIDO Cross-Device Info:</div>
+              <div class="font-semibold text-purple-900 mb-2">
+                🔐 FIDO Cross-Device Info:
+              </div>
               <div class="text-xs text-purple-800 space-y-2">
                 <div><strong>QR-Code-Format:</strong> FIDO-URI (enthält öffentlichen Schlüssel + Secret)</div>
                 <div><strong>Hinweis:</strong> Der QR-Code enthält einen FIDO-URI, der vom Smartphone gescannt werden muss.</div>
@@ -270,10 +278,19 @@
             </div>
             
             <!-- Smartphone URL -->
-            <div v-if="debugSmartphoneUrl" class="mt-3 p-3 bg-green-50 border border-green-300 rounded">
-              <div class="font-semibold text-green-900 mb-2">📱 Alternative: Smartphone-URL (manuell öffnen):</div>
+            <div
+              v-if="debugSmartphoneUrl"
+              class="mt-3 p-3 bg-green-50 border border-green-300 rounded"
+            >
+              <div class="font-semibold text-green-900 mb-2">
+                📱 Alternative: Smartphone-URL (manuell öffnen):
+              </div>
               <div class="break-all text-xs mb-2 p-2 bg-white rounded border">
-                <a :href="debugSmartphoneUrl" target="_blank" class="text-blue-600 hover:underline">
+                <a
+                  :href="debugSmartphoneUrl"
+                  target="_blank"
+                  class="text-blue-600 hover:underline"
+                >
                   {{ debugSmartphoneUrl }}
                 </a>
               </div>
@@ -281,23 +298,26 @@
                 <strong>Anleitung:</strong> Falls der QR-Code nicht funktioniert, öffnen Sie diese URL manuell auf Ihrem Smartphone.
               </div>
               <button
-                @click="copyToClipboard(debugSmartphoneUrl)"
                 class="px-3 py-1 bg-green-600 text-white text-xs rounded hover:bg-green-700"
+                @click="copyToClipboard(debugSmartphoneUrl)"
               >
                 📋 URL kopieren
               </button>
             </div>
             
             <!-- Full Options JSON -->
-            <div v-if="debugOptions" class="mt-3">
+            <div
+              v-if="debugOptions"
+              class="mt-3"
+            >
               <details class="text-xs">
                 <summary class="cursor-pointer font-semibold text-blue-900 hover:text-blue-700 mb-2">
                   📄 Vollständige Options (JSON) - Klicken zum Anzeigen
                 </summary>
                 <pre class="mt-2 p-2 bg-gray-100 rounded overflow-auto text-xs max-h-60 border">{{ JSON.stringify(debugOptions, null, 2) }}</pre>
                 <button
-                  @click="copyToClipboard(JSON.stringify(debugOptions, null, 2))"
                   class="mt-2 px-3 py-1 bg-gray-600 text-white text-xs rounded hover:bg-gray-700"
+                  @click="copyToClipboard(JSON.stringify(debugOptions, null, 2))"
                 >
                   📋 JSON kopieren
                 </button>
diff --git a/server/api/cms/save-csv.post.js b/server/api/cms/save-csv.post.js
index 2fe9c29..1697e0c 100644
--- a/server/api/cms/save-csv.post.js
+++ b/server/api/cms/save-csv.post.js
@@ -83,11 +83,11 @@ export default defineEventHandler(async (event) => {
         // ggf. inkonsistente Inhalte ausgeliefert (Browser meldet Partial Transfer).
         // Daher: nach erfolgreichem Schreiben alte Varianten entfernen.
         for (const ext of ['.gz', '.br']) {
-          try { await fs.unlink(`${targetPath}${ext}`) } catch (_e3) {}
+          try { await fs.unlink(`${targetPath}${ext}`) } catch (_e3) { /* no-op */ }
         }
       } catch (e) {
         // best-effort cleanup
-        try { await fs.unlink(tmpPath) } catch (_e2) {}
+        try { await fs.unlink(tmpPath) } catch (_e2) { /* no-op */ }
         throw e
       }
     }
diff --git a/server/api/mannschaften.get.js b/server/api/mannschaften.get.js
index 98705fc..c947ce2 100644
--- a/server/api/mannschaften.get.js
+++ b/server/api/mannschaften.get.js
@@ -27,7 +27,7 @@ export default defineEventHandler(async (event) => {
 
     let csvPath = null
     for (const p of candidates) {
-      // eslint-disable-next-line no-await-in-loop
+       
       if (await exists(p)) {
         csvPath = p
         break
diff --git a/server/api/membership/download/[id].get.js b/server/api/membership/download/[id].get.js
index a63c58f..3efdd3a 100644
--- a/server/api/membership/download/[id].get.js
+++ b/server/api/membership/download/[id].get.js
@@ -1,6 +1,7 @@
 import fs from 'fs/promises'
 import path from 'path'
 import { getUserFromToken } from '../../../utils/auth.js'
+import { getServerDataPath } from '../../../utils/paths.js'
 
 export default defineEventHandler(async (event) => {
   try {
@@ -14,7 +15,7 @@ export default defineEventHandler(async (event) => {
     }
 
   // Upload-Verzeichnis finden (intern)
-  const uploadDir = path.join(process.cwd(), '..', 'server', 'data', 'uploads')
+  const uploadDir = getServerDataPath('uploads')
   console.log('Upload-Verzeichnis:', uploadDir)
     
   // Alle Dateien im Upload-Verzeichnis durchsuchen
diff --git a/server/api/membership/generate-pdf.post.js b/server/api/membership/generate-pdf.post.js
index dbd1282..4aebfb9 100644
--- a/server/api/membership/generate-pdf.post.js
+++ b/server/api/membership/generate-pdf.post.js
@@ -6,6 +6,7 @@ import path from 'path'
 import { StandardFonts } from 'pdf-lib'
 import { getDownloadCookieOptionsWithMaxAge } from '../../utils/cookies.js'
 import { sendMembershipEmail as sendMembershipEmailUtil } from '../../utils/email-service.js'
+import { getProjectPath, getServerDataPath } from '../../utils/paths.js'
 
 // const require = createRequire(import.meta.url) // Nicht verwendet
 const execAsync = promisify(exec)
@@ -306,16 +307,8 @@ Das ausgefüllte Formular ist als Anhang verfügbar.`
   return `${filename}.txt`
 }
 
-// nosemgrep: javascript.lang.security.audit.path-traversal.path-join-resolve-traversal.path-join-resolve-traversal
-// filename is always a hardcoded constant (e.g., 'membership-applications'), never user input
 function getDataPath(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(), '..')
-  // nosemgrep: javascript.lang.security.audit.path-traversal.path-join-resolve-traversal.path-join-resolve-traversal
-  return path.join(projectRoot, 'server', 'data', filename)
+  return getServerDataPath(filename)
 }
 
 // Use central email service
@@ -351,8 +344,9 @@ export default defineEventHandler(async (event) => {
     const timestamp = Date.now()
     const filename = `beitrittserklärung_${timestamp}`
     
-    // Temp-Verzeichnis erstellen
-    const tempDir = path.join(process.cwd(), '.output', 'temp', 'latex')
+    // Temp-Verzeichnis erstellen (bewusst außerhalb von .output,
+    // da Deploy-Artefakte dort je nach Setup schreibgeschützt sein können)
+    const tempDir = getServerDataPath('tmp', 'latex')
     await fs.mkdir(tempDir, { recursive: true })
     
       try {
@@ -360,8 +354,8 @@ export default defineEventHandler(async (event) => {
         // 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')
+  const fillablePath = getProjectPath('server', 'templates', 'mitgliedschaft-fillable.pdf')
+  const localPath = (await fs.stat(fillablePath).then(() => fillablePath).catch(() => null)) || getProjectPath('server', 'templates', 'Aufnahmeantrag 2025.pdf')
         let arrayBuffer
         try {
           const localExists = await fs.stat(localPath).then(() => true).catch(() => false)
diff --git a/server/utils/email-service.js b/server/utils/email-service.js
index bbfa745..c72deed 100644
--- a/server/utils/email-service.js
+++ b/server/utils/email-service.js
@@ -6,6 +6,7 @@
 import nodemailer from 'nodemailer'
 import fs from 'fs/promises'
 import path from 'path'
+import { getServerDataPath } from './paths.js'
 
 /**
  * Gets the correct data path for config files
@@ -15,15 +16,7 @@ import path from 'path'
 // nosemgrep: javascript.lang.security.audit.path-traversal.path-join-resolve-traversal.path-join-resolve-traversal
 // filename is always a hardcoded constant (e.g., 'config.json'), never user input
 function getDataPath(filename) {
-  const isProduction = process.env.NODE_ENV === 'production'
-  
-  if (isProduction) {
-    // nosemgrep: javascript.lang.security.audit.path-traversal.path-join-resolve-traversal.path-join-resolve-traversal
-    return path.join(process.cwd(), '..', 'server', 'data', filename)
-  } else {
-    // nosemgrep: javascript.lang.security.audit.path-traversal.path-join-resolve-traversal.path-join-resolve-traversal
-    return path.join(process.cwd(), 'server', 'data', filename)
-  }
+  return getServerDataPath(filename)
 }
 
 /**
diff --git a/server/utils/paths.js b/server/utils/paths.js
new file mode 100644
index 0000000..36b3114
--- /dev/null
+++ b/server/utils/paths.js
@@ -0,0 +1,31 @@
+import fs from 'fs'
+import path from 'path'
+
+function uniqueCandidates(candidates) {
+  return [...new Set(candidates.filter(Boolean))]
+}
+
+function hasServerDataDir(root) {
+  return fs.existsSync(path.join(root, 'server', 'data'))
+}
+
+export function resolveProjectRoot() {
+  const envRoot = process.env.APP_ROOT ? process.env.APP_ROOT.trim() : ''
+  const cwd = process.cwd()
+  const parent = path.resolve(cwd, '..')
+
+  const candidates = uniqueCandidates([envRoot, cwd, parent])
+  for (const root of candidates) {
+    if (hasServerDataDir(root)) return root
+  }
+
+  return cwd
+}
+
+export function getProjectPath(...segments) {
+  return path.join(resolveProjectRoot(), ...segments)
+}
+
+export function getServerDataPath(...segments) {
+  return getProjectPath('server', 'data', ...segments)
+}