Update KC Wahlen Button Reihenfolge

update Readme

.gitea/workflows/deploy.yml

@@ -10,40 +10,110 @@ jobs:
   deploy:
     runs-on: ubuntu-latest
 
+    container:
+      image: docker.gitea.com/runner-images:ubuntu-latest
+
     steps:
+      # =====================
+      # CHECKOUT
+      # =====================
       - name: Checkout Repository
         uses: actions/checkout@v4
 
-      # DEV
+      # =====================
-      - name: Deploy to DEV
+      # DEBUG (kann später raus)
-        if: github.ref == 'refs/heads/develop'
+      # =====================
-        uses: appleboy/scp-action@v0.1.7
+      - name: Debug workspace
-        with:
+        run: |
-          host: ${{ secrets.SFTP_HOST }}
+          echo "PWD:"
-          port: ${{ secrets.SFTP_PORT }}
+          pwd
-          username: ${{ secrets.SFTP_USER }}
+          echo "FILES:"
-          password: ${{ secrets.SFTP_PASS }}
+          ls -la
-          source: |
-            assets
-            includes
-            *.php
-            README.md
-          target: "/dev.konfi-castle.com/wp-content/plugins/konficastle-workshopwahl/"
-          rm: true
 
-      # PROD
+      # =====================
-      - name: Deploy to PROD
+      # DEV DEPLOY (FTP)
+      # =====================
+      - name: Deploy to DEV via FTP
+        if: github.ref == 'refs/heads/develop'
+        shell: bash
+        run: |
+          apt-get update
+          apt-get install -y lftp
+
+          lftp -u "${{ secrets.FTP_USER }},${{ secrets.FTP_PASS }}" ftp://${{ secrets.FTP_HOST }}:${{ secrets.FTP_PORT }} <<EOF
+          set ftp:ssl-allow no
+          set net:timeout 20
+          set net:max-retries 2
+          set mirror:parallel-transfer-count 2
+          mirror -R --delete --verbose ./ /dev.konfi-castle.com/wp-content/plugins/konficastle-workshopwahl/
+          quit
+          EOF
+
+      # =====================
+      # PROD DEPLOY (FTP)
+      # =====================
+      - name: Deploy to PROD via SSH
         if: github.ref == 'refs/heads/main'
-        uses: appleboy/scp-action@v0.1.7
+        env:
-        with:
+          SSH_HOST: ${{ secrets.PROD_SSH_HOST }}
-          host: ${{ secrets.SFTP_HOST }}
+          SSH_USER: ${{ secrets.PROD_SSH_USER }}
-          port: ${{ secrets.SFTP_PORT }}
+          SSH_PORT: ${{ secrets.PROD_SSH_PORT }}
-          username: ${{ secrets.SFTP_USER }}
+          SSH_KEY: ${{ secrets.PROD_SSH_PRIVATE_KEY }}
-          password: ${{ secrets.SFTP_PASS }}
+          HOST_WP_ROOT: ${{ secrets.PROD_HOST_WP_ROOT }}
-          source: |
+          HOST_ABS_PLUGIN_PATH: ${{ secrets.PROD_HOST_ABS_PLUGIN_PATH }}
-            assets
+        shell: bash
-            includes
+        run: |
-            *.php
+          set -euo pipefail
-            README.md
+          apt-get update
-          target: "/httpdocs/wp-content/plugins/konficastle-workshopwahl/"
+          # openssh-client to auth; tar for packaging with excludes
-          rm: true
+          apt-get install -y openssh-client tar
+
+          # Prepare SSH key
+          mkdir -p ~/.ssh
+          # Write the multiline private key exactly as provided
+          printf "%s\n" "$SSH_KEY" > ~/.ssh/prod_docker_key
+          chmod 600 ~/.ssh/prod_docker_key
+
+          # Write SSH config so DOCKER_HOST can reference a named host
+          cat > ~/.ssh/config <<CFG
+          Host prod-docker
+            HostName ${SSH_HOST}
+            User ${SSH_USER}
+            Port ${SSH_PORT}
+            IdentityFile ~/.ssh/prod_docker_key
+            IdentitiesOnly yes
+            PubkeyAuthentication yes
+            StrictHostKeyChecking accept-new
+          CFG
+
+          # Prime known_hosts (optional, StrictHostKeyChecking accept-new will handle first connect)
+          ssh-keyscan -p "$SSH_PORT" "$SSH_HOST" >> ~/.ssh/known_hosts || true
+
+          # Create a tarball with excludes to avoid copying VCS and CI folders
+          TAR_FILE="/tmp/kc-plugin.tar.gz"
+          tar -czf "$TAR_FILE" \
+            --exclude .git \
+            --exclude .gitea \
+            --exclude .github \
+            --exclude Notes \
+            --exclude "*.yml" \
+            --exclude "*.yaml" \
+            --exclude "*.md" \
+            .
+          
+          # Choose target path: prefer absolute plugin path; otherwise derive from HOST_WP_ROOT
+          if [ -n "${HOST_ABS_PLUGIN_PATH}" ]; then
+            echo "Deploying to absolute host path: ${HOST_ABS_PLUGIN_PATH}"
+            REMOTE_PATH_DECL="PLUGIN_PATH=\"${HOST_ABS_PLUGIN_PATH%/}\""
+          elif [ -n "${HOST_WP_ROOT}" ]; then
+            echo "Deploying to host path relative to remote home: \$HOME/${HOST_WP_ROOT%/}/wp-content/plugins/konficastle-workshopwahl"
+            REMOTE_PATH_DECL="PLUGIN_PATH=\$HOME/${HOST_WP_ROOT%/}/wp-content/plugins/konficastle-workshopwahl"
+          else
+            echo "Error: set PROD_HOST_ABS_PLUGIN_PATH (absolute) or PROD_HOST_WP_ROOT (relative)" >&2
+            exit 1
+          fi
+
+          # Upload tarball to host home and extract
+          scp -o StrictHostKeyChecking=accept-new -o IdentitiesOnly=yes -i ~/.ssh/prod_docker_key "$TAR_FILE" prod-docker:~/kc-plugin.tar.gz
+          # Use \$HOME for remote expansion (tilde does not expand inside quotes)
+          ssh prod-docker "$REMOTE_PATH_DECL; mkdir -p \"\$PLUGIN_PATH\" && rm -rf \"\$PLUGIN_PATH\"/* && tar -xzf \"\$HOME/kc-plugin.tar.gz\" -C \"\$PLUGIN_PATH\" && rm -f \"\$HOME/kc-plugin.tar.gz\" && ls -la \"\$PLUGIN_PATH\" | head -n 50"

README.md

@@ -1,4 +1,4 @@
-# Workshop-Wahlen – Entwickler-Übersicht
+# Workshop-Wahlen
 
 ## Überblick
 
@@ -47,4 +47,3 @@ Dieses WordPress-Plugin ermöglicht die Verwaltung und Durchführung von Worksho
 ---
 
 Für Detailfragen zu Datenbankstruktur, Shortcodes oder Zuteilungslogik siehe die jeweiligen Dateien im `includes/`-Verzeichnis.
-

assets/frontend-form.css

@@ -0,0 +1,104 @@
+.kc-form-container {
+    box-sizing: border-box;
+    width: 100%;
+    max-width: 680px;
+    margin: 28px auto;
+    background: #f8fbe7;
+    border-left: 8px solid #b6d333;
+    border-radius: 14px;
+    box-shadow: 0 5px 22px #8eae291a;
+    padding: 28px 22px;
+    font-family: 'Segoe UI', Arial, sans-serif;
+}
+
+.kc-form-container h2 {
+    color: #3b5323;
+    font-family: 'Montserrat', Arial, sans-serif;
+    font-size: 2em;
+    margin-top: 0;
+    margin-bottom: 0.5em;
+    letter-spacing: -1px;
+}
+
+.kc-form-row {
+    margin-bottom: 22px;
+}
+
+.kc-form-row label {
+    display: block;
+    font-weight: 700;
+    color: #1c3866;
+    margin-bottom: 7px;
+    font-size: 1.07em;
+}
+
+.kc-form-row select,
+.kc-form-row input[type="text"],
+.kc-form-row input[type="email"],
+.kc-form-row input[type="number"] {
+    box-sizing: border-box;
+    width: 100%;
+    padding: 10px;
+    border: 1.7px solid #d6e39f;
+    border-radius: 5px;
+    background: #fcffe9;
+    font-size: 1.09em;
+    margin-top: 3px;
+    transition: border .2s;
+}
+
+.kc-form-row input[type="text"]:focus,
+.kc-form-row select:focus {
+    outline: none;
+    border-color: #b6d333;
+    background: #fffde8;
+}
+
+.kc-form-row input[type="submit"] {
+    background: #2f5393;
+    color: #fff;
+    padding: 13px 28px;
+    font-weight: bold;
+    font-size: 1.13em;
+    border: 0;
+    border-radius: 7px;
+    cursor: pointer;
+    margin-top: 6px;
+    box-shadow: 0 2px 8px #1c38661a;
+    transition: background .2s;
+}
+.kc-form-row input[type="submit"]:hover {
+    background: #1c3866;
+}
+
+.kc-required {
+    color: #e42626;
+    font-weight: bold;
+}
+.kc-success-msg {
+    color: #288830;
+    background: #f2fbe2;
+    border-left: 4px solid #b6d333;
+    padding: 15px 15px 15px 22px;
+    margin-bottom: 25px;
+    font-size: 1.1em;
+    border-radius: 7px;
+}
+.kc-error-msg {
+    color: #a80000;
+    background: #ffeaea;
+    border-left: 4px solid #e12b2b;
+    padding: 15px 15px 15px 22px;
+    margin-bottom: 25px;
+    font-size: 1.1em;
+    border-radius: 7px;
+}
+@media (max-width: 900px) {
+    .kc-form-container {padding:20px 14px;}
+}
+
+@media (max-width: 520px) {
+    .kc-form-container {padding:14px 10px;border-radius:10px;margin:14px 10px;}
+    .kc-form-container h2 {font-size:1.4em}
+    .kc-form-row {margin-bottom:14px}
+}

assets/frontend.css

@@ -1,3 +1,9 @@
+.teamers {
+    color: #888;
+    font-size: 0.95em;
+    margin-left: 8px;
+    white-space: nowrap;
+}
 .kc-form-container {
     box-sizing: border-box;
     width: 100%;
@@ -32,10 +38,7 @@
     font-size: 1.07em;
 }
 
-.kc-form-row select,
+.kc-form-row select {
-.kc-form-row input[type="text"],
-.kc-form-row input[type="email"],
-.kc-form-row input[type="number"] {
     box-sizing: border-box;
     width: 100%;
     padding: 10px;
@@ -48,7 +51,7 @@
 }
 
 .kc-form-row input[type="text"]:focus,
-.kc-form-row select:focus {
+    .kc-form-row select:focus {
     outline: none;
     border-color: #b6d333;
     background: #fffde8;
@@ -107,15 +110,66 @@
 .kc-result h3{margin-top:0;text-align:center;color:#154a3b;}
 .kc-phase{margin:18px 0;padding:12px;border-radius:12px;background:#fbfffe;border:1px solid #e6f3ee;}
 .kc-result .kc-inner { max-width:1100px; margin:0 auto; padding:0 14px; box-sizing:border-box; }
-.kc-workshops-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:14px;margin-top:12px;align-items:start;}
+.kc-workshops-grid {
-.kc-workshop-card{background:#ffffff;border-radius:12px;overflow:hidden;border:1px solid #e9f4f0;box-shadow:0 2px 6px rgba(8,38,28,0.04);width:100%;}
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+        gap: 16px;
+        margin-top: 12px;
+        align-items: start;
+}
+
+/* Responsive tuning: adapt card count per row */
+@media (max-width: 1024px) {
+    .kc-workshops-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
+}
+@media (max-width: 768px) {
+    .kc-workshops-grid { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
+}
+@media (max-width: 560px) {
+    .kc-workshops-grid { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; }
+}
+@media (max-width: 420px) {
+    .kc-workshops-grid { grid-template-columns: 1fr; gap: 8px; }
+}
+.kc-workshop-card {
+    box-sizing: border-box;
+    min-width: 0;
+    background:#ffffff;
+    border-radius:12px;
+    overflow:hidden;
+    border:1px solid #e9f4f0;
+    box-shadow:0 2px 6px rgba(8,38,28,0.04);
+    width:100%;
+}
+
 .kc-workshop-card .title{background:linear-gradient(90deg, rgba(45,166,106,0.04), rgba(13,89,71,0.02));display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:18px 12px;font-weight:800;color:#0d5947;font-size:1.06rem;letter-spacing:0.2px;border-bottom:1px solid rgba(229,244,240,0.8);gap:12px;}
 .kc-workshop-card .title .count{color:#6b6b6b;font-weight:600;font-size:0.9rem;margin-left:6px;}
 .kc-workshop-card .title .teamers{font-weight:600;color:#145a47;font-size:0.9rem;opacity:0.92;}
 .kc-workshop-card .title .teamers small{font-weight:500;color:#4c7a6a;opacity:0.9;font-size:0.85rem;margin-left:6px;}
 .kc-workshop-card .content{padding:12px 18px 18px 18px;}
-.kc-participants{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:0.95rem;color:#2b2b2b;}
+.kc-participants {
-.kc-participant{padding:6px 8px;border-radius:6px;background:transparent;}
+    display: grid;
-.kc-participant.me{background:#fffbe6;border:1px solid #ffeab2;}
+    grid-template-columns: 1fr 1fr;
+    gap: 6px 12px;
+    font-size: 0.95rem;
+    color: #2b2b2b;
+}
+.kc-participant {
+    padding: 6px 8px;
+    border-radius: 6px;
+    background: transparent;
+    white-space: normal;
+    display: block;
+    max-width: 100%;
+    overflow: visible;
+    text-overflow: unset;
+    margin: 0;
+}
+.kc-participant.me {
+    background: #fffbe6;
+    border: 1px solid #ffeab2;
+    color: inherit;
+    font-weight: bold;
+}
 .kc-notassigned{background:#fff6f6;border:1px solid #ffd2d2;padding:12px;border-radius:10px;margin-top:12px;}
 @media(max-width:700px){ .kc-participants{grid-template-columns:1fr;} }

assets/kc-admin-style.css

@@ -0,0 +1,203 @@
+.kc-admin-tabs {
+    margin-bottom: 28px;
+    border-bottom: 2px solid #e0e6ef;
+    background: #f8fbe7;
+    border-radius: 18px 18px 0 0;
+    box-shadow: 0 1px 10px #b6d33321;
+    padding: 8px 18px 0 18px;
+}
+.kc-tabnav {
+    display: inline-block;
+    padding: 12px 32px 11px 32px;
+    border-radius: 12px 12px 0 0;
+    font-weight: 700;
+    font-size: 1.12em;
+    margin-right: 7px;
+    box-shadow: 0 2px 11px #b6d33318;
+    text-decoration: none;
+    background: #f8fbe7;
+    color: #4176be;
+    border: none;
+    outline: none;
+    transition: all .18s;
+    letter-spacing: 0.5px;
+}
+.kc-tabnav-active,
+.kc-tabnav:focus,
+.kc-tabnav:hover {
+    background: linear-gradient(90deg, #326dd2 0%, #b6d333 100%);
+    color: #fff !important;
+    box-shadow: 0 6px 24px #326dd241;
+    font-weight: 800;
+    letter-spacing: 1px;
+}
+.kc-admin-table-wrap {
+    box-sizing: border-box;
+    background: #fff;
+    border-radius: 17px;
+    box-shadow: 0 4px 28px #326dd21c, 0 1.5px 7px #b6d33324;
+    padding: 28px 22px 30px 22px;
+    margin: 28px 0;
+    /* allow children to overflow (tables may scroll), don't clip action buttons */
+    overflow: visible;
+}
+
+/* Collapsible details styling for admin Zuteilungen */
+details.kc-wahl-details, details.kc-phase-details {
+    background: #fff;
+    border: 1px solid #e9eef6;
+    border-radius: 10px;
+    padding: 8px;
+    margin-bottom: 12px;
+}
+details.kc-wahl-details > summary, details.kc-phase-details > summary {
+    list-style: none;
+    cursor: pointer;
+    padding: 8px 10px;
+}
+details.kc-wahl-details[open] > summary, details.kc-phase-details[open] > summary {
+    background: linear-gradient(90deg,#f2f9ff 0%, #f6fff5 100%);
+    border-radius: 8px;
+}
+/* Wahl summary layout */
+details.kc-wahl-details > summary { display: flex; align-items: center; justify-content: space-between; }
+details.kc-wahl-details > summary .kc-wahl-title { font-weight:700; color:#2b5f9a; }
+details.kc-wahl-details > summary .kc-wahl-actions { margin-left: 12px; }
+details.kc-wahl-details .kc-wahl-actions .kc-btn { margin-left:8px; }
+
+/* Workshop card inside phase */
+.kc-workshop-card {
+    background: #f9f9f9;
+    padding: 10px;
+    margin: 8px 0;
+    border-radius: 8px;
+    box-shadow: 0 1px 6px #00000012;
+}
+.kc-workshop-card table { margin-top:8px; }
+.kc-workshop-card b { font-size: 1.05em; }
+.kc-workshop-card .kc-count { color:#555; font-size:0.92em; }
+
+.kc-unassigned {
+    background: #fff6f6;
+    border-left: 4px solid #f2b0b0;
+    padding: 10px;
+    margin-top: 8px;
+    border-radius: 6px;
+}
+
+/* Smaller tweaks for details summaries inside admin area */
+details summary { outline: none; }
+details summary::-webkit-details-marker { display: none; }
+details summary:before { content: '\25B6'; display:inline-block; transform:rotate(90deg); margin-right:8px; }
+details[open] summary:before { transform: rotate(0deg); }
+.kc-admin-table {
+    width: 100%;
+    border-collapse: separate;
+    border-spacing: 0;
+    margin-bottom: 28px;
+    background: #fafdff;
+    border-radius: 13px;
+    overflow: auto; /* horizontal scroll on small screens */
+    box-shadow: 0 2px 12px #b6d33313;
+}
+.kc-admin-table th, .kc-admin-table td {
+    padding: 13px 18px;
+    text-align: left;
+    font-size: 1.07em;
+    vertical-align: middle;
+}
+.kc-admin-table thead {
+    background: #eaf6ff;
+    color: #4176be;
+    font-weight: 800;
+}
+.kc-admin-table tbody tr {
+    border-bottom: 1px solid #eef3fa;
+}
+.kc-admin-table tbody tr:nth-child(even) {
+    background: #f8fbe7;
+}
+.kc-admin-table tbody tr:hover {
+    background: #e0ebf6;
+    transition: background 0.2s;
+}
+.kc-admin-table th {
+    font-weight: bold;
+    border-bottom: 2px solid #b6d33342;
+}
+.kc-admin-table .kc-actions {
+    white-space: nowrap;
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    justify-content: flex-end;
+    flex-wrap: wrap; /* allow buttons to wrap on very small widths */
+}
+.kc-btn {
+    background: linear-gradient(90deg,#4176be 40%, #b6d333 100%);
+    color: #fff;
+    padding: 10px 25px;
+    border-radius: 8px;
+    border: 0;
+    margin: 0 5px;
+    font-weight: 700;
+    cursor: pointer;
+    display: inline-block;
+    text-decoration: none;
+    font-size: 1.04em;
+    box-shadow: 0 1.5px 6px #b6d33321;
+    transition: background .17s, box-shadow .19s;
+}
+.kc-btn.del {
+    background: #e12b2b !important;
+    color: #fff;
+}
+.kc-btn.edit {
+    background: #ff9800 !important;
+    color: #fff;
+}
+.kc-btn:hover {
+    opacity: 0.91;
+    background: linear-gradient(90deg,#26529e 40%, #97b321 100%);
+    color: #fff;
+    box-shadow: 0 3px 10px #4176be29;
+}
+.notice-success {
+    background: #f6ffed;
+    border-left: 6px solid #b6d333;
+    color: #1c5322;
+    padding: 13px 20px;
+    margin: 0 0 22px 0;
+    border-radius: 9px;
+    font-size: 1.08em;
+    font-weight: 500;
+}
+.notice-error {
+    background: #fff3f3;
+    border-left: 6px solid #e12b2b;
+    color: #9d1d2e;
+    padding: 13px 20px;
+    margin: 0 0 22px 0;
+    border-radius: 9px;
+    font-size: 1.08em;
+    font-weight: 500;
+}
+.kc-required {
+    color: #e42626;
+    font-weight: bold;
+    margin-left: 2px;
+}
+@media (max-width: 800px) {
+    .kc-admin-table-wrap {padding: 12px;}
+    .kc-admin-table th, .kc-admin-table td {padding: 8px 6px;}
+    .kc-btn {padding: 8px 13px;}
+}
+
+@media (max-width: 600px) {
+    /* Make tables readable on mobile by switching to block rows */
+    .kc-admin-table thead { display: none; }
+    .kc-admin-table, .kc-admin-table tbody, .kc-admin-table tr, .kc-admin-table td { display: block; width: 100%; }
+    .kc-admin-table tr { margin-bottom: 12px; border-bottom: 1px solid #eef3fa; }
+    .kc-admin-table td { text-align: left; padding: 10px 12px; white-space: normal; }
+    .kc-admin-table td:before { content: attr(data-label); font-weight:700; display:block; margin-bottom:6px; color:#4176be; }
+}

includes/admin-teamer.php

@@ -14,10 +14,8 @@ function kc_teamer_page() {
                 delete_option('kc_teamer_password_hash');
                 echo '<div class="notice notice-success">Teamer-Passwort entfernt.</div>';
             } else {
-                 // Sichere Speicherung mit password_hash
+                update_option('kc_teamer_password_hash', wp_hash_password($pw));
-                 $hash = password_hash($pw, PASSWORD_DEFAULT);
+                echo '<div class="notice notice-success">Teamer-Passwort gespeichert.</div>';
-                 update_option('kc_teamer_password_hash', $hash);
-                 echo '<div class="notice notice-success">Teamer-Passwort gespeichert.</div>';
             }
         }
     }
@@ -133,7 +131,7 @@ function kc_teamer_page() {
             <td>".esc_html($tm->nachname)."</td>
             <td class='kc-actions'>
                 <a class='kc-btn edit' href='?page=kc_teamer&edit_teamer={$tm->id}'>Bearbeiten</a>
-                <a class='kc-btn del' href='?page=kc_teamer&delete_teamer={$tm->id}' onclick=\"return confirm('Wirklich loeschen?');\">Loeschen</a>
+                <a class='kc-btn del' href='?page=kc_teamer&delete_teamer={$tm->id}' onclick=\"return confirm('Wirklich löschen?');\">Löschen</a>
             </td>
         </tr>";
     }

includes/admin-teilnehmer.php

@@ -274,10 +274,10 @@ function kc_teilnehmer_page() {
         // Gesamtanzahl Teilnehmer für diese Wahl berechnen
         $gesamt = 0;
         foreach ($phasen as $tns) $gesamt += count($tns);
-        echo '<details open style="margin:10px 0 18px 0;border:1px solid #eaeaea;border-radius:6px;padding:8px;">';
+        echo '<details style="margin:10px 0 18px 0;border:1px solid #eaeaea;border-radius:6px;padding:8px;">';
         echo '<summary style="font-weight:700;cursor:pointer;">'. $wahl_disp . ' <span style="color:#555;font-weight:600;">(' . $gesamt . ' TN)</span></summary>';
         foreach ($phasen as $phase => $tns) {
-            echo '<details open style="margin:10px 0 10px 0;border:1px solid #f0f0f0;border-radius:6px;padding:8px;">';
+            echo '<details style="margin:10px 0 10px 0;border:1px solid #f0f0f0;border-radius:6px;padding:8px;">';
             echo '<summary style="font-weight:600;">Phase '.intval($phase).' <span style="color:#555;font-weight:600;">('.count($tns).' TN)</span></summary>';
             echo '<table class="kc-admin-table" style="margin:8px 0;">';
             echo '<thead><tr><th>Vorname</th><th>Nachname</th><th>Wahl</th><th>Phase</th><th>Wunsch 1</th><th>Wunsch 2</th><th>Wunsch 3</th><th>Aktion</th></tr></thead><tbody>';
@@ -299,7 +299,7 @@ function kc_teilnehmer_page() {
                     <td>".$w3_disp."</td>
                     <td class='kc-actions'>
                         <a class='kc-btn edit' href='?page=kc_teilnehmer&edit_teilnehmer={$tn->id}'>Bearbeiten</a>
-                        <a class='kc-btn del' href='?page=kc_teilnehmer&delete_teilnehmer={$tn->id}' onclick=\"return confirm('Wirklich loeschen?');\">Loeschen</a>
+                        <a class='kc-btn del' href='?page=kc_teilnehmer&delete_teilnehmer={$tn->id}' onclick=\"return confirm('Wirklich löschen?');\">Löschen</a>
                     </td>
                 </tr>";
             }
@@ -309,7 +309,7 @@ function kc_teilnehmer_page() {
         echo '</details>';
     }
     // JS für Wahl- und Phasen-Filter
-    // CSS moved to admin-teilnehmer.css
+    echo '<style>.kc-wahl-filter-btn.active{background:#4CAF50;color:#fff;} .kc-phase-filter-btn.active{background:#1976d2;color:#fff;}</style>';
     echo '<script>
     (function() {
         var btns = Array.prototype.slice.call(document.querySelectorAll(".kc-wahl-filter-btn"));

includes/admin-wahlen.php

@@ -352,7 +352,7 @@ function kc_wahlen_page() {
         echo '<td>';
             echo "<form method='post' style='display:inline'>";
                 echo "<input type='hidden' name='wahl_id' value='".intval($wahl->id)."'>";
-                echo "<button name='kc_wahl_freigabe' value='".($wahl->freigegeben?"0":"1")."' class='kc-btn edit' type='submit' style='background:".($wahl->freigegeben?"#e12b2b":"#b6d333").";color:#fff;font-weight:bold;'>".($wahl->freigegeben?"Schlie<EFBFBD>en":"Freigeben (zum eintragen)")."</button>";
+                echo "<button name='kc_wahl_freigabe' value='".($wahl->freigegeben?"0":"1")."' class='kc-btn edit' type='submit' style='background:".($wahl->freigegeben?"#e12b2b":"#b6d333").";color:#fff;font-weight:bold;'>".($wahl->freigegeben?"Schließen":"Freigeben (zum eintragen)")."</button>";
             echo "</form>";
             echo '<span style="color:'.($wahl->freigegeben?"#4176be":"#d40000").';margin-left:6px;font-size:90%;font-weight:bold;">'.($wahl->freigegeben ? "freigegeben" : "geschlossen").'</span>';
         echo '</td>';
@@ -360,10 +360,10 @@ function kc_wahlen_page() {
         echo '<td class="kc-actions">';
             echo '<a class="kc-btn" href="?page=kc_wahlen&zuweisen='.intval($wahl->id).'">Workshops zuweisen</a>';
             echo '<a class="kc-btn" href="?page=kc_wahlen&edit_wahl='.intval($wahl->id).'">Bearbeiten</a>';
-            echo '<a class="kc-btn" href="?page=kc_wahlen&show_zuteilung='.intval($wahl->id).'">Zuteilung anzeigen</a>';
             $nonce = wp_create_nonce('kc_run_zuteilung_' . intval($wahl->id));
             echo '<a class="kc-btn" href="?page=kc_wahlen&run_zuteilung='.intval($wahl->id).'&_wpnonce='.$nonce.'" onclick="return confirm(\'Zuteilung wirklich starten? Dies überschreibt vorhandene Zuteilungen.\');">Zuteilung starten</a>';
-            echo '<a href="?page=kc_wahlen&delete_wahl='.intval($wahl->id).'" class="kc-btn del" onclick="return confirm(\'Wirklich loeschen?\');">Loeschen</a>';
+            echo '<a class="kc-btn" href="?page=kc_wahlen&show_zuteilung='.intval($wahl->id).'">Zuteilung anzeigen</a>';
+            echo '<a href="?page=kc_wahlen&delete_wahl='.intval($wahl->id).'" class="kc-btn del" onclick="return confirm(\'Wirklich löschen?\');">Löschen</a>';
         echo '</td>';
         echo '</tr>';
     }

includes/admin-workshops.php

@@ -10,8 +10,9 @@ function kc_workshops_page() {
     // Liste aller Wahlen für Auswahl
     $wahlen_liste = $wpdb->get_results("SELECT * FROM {$prefix}kc_wahlen ORDER BY id DESC");
     
-    // Liste aller Phasen für Auswahl
+    // Phasen werden pro Wahl über die Spalte `anzahl_einheiten` in `kc_wahlen` bestimmt.
-    $phasen_liste = $wpdb->get_results("SELECT * FROM {$prefix}kc_phasen ORDER BY nummer");
+    // Eine separate Tabelle `kc_phasen` wird nicht benötigt.
+    $phasen_liste = [];
 
     // Workshop löschen
     if (isset($_GET['delete_workshop'])) {
@@ -542,7 +543,7 @@ function kc_workshops_page() {
             <td>". $wahl_str ."</td>
             <td class='kc-actions'>
                 <a class='kc-btn edit' href='?page=kc_workshops&edit_workshop={$ws->id}'>Bearbeiten</a>
-                <a class='kc-btn del' href='?page=kc_workshops&delete_workshop={$ws->id}' onclick=\"return confirm('Wirklich loeschen?');\">Loeschen</a>
+                <a class='kc-btn del' href='?page=kc_workshops&delete_workshop={$ws->id}' onclick=\"return confirm('Wirklich löschen?');\">Löschen</a>
             </td>
         </tr>";
     }

includes/admin-zuteilungen.php

@@ -86,7 +86,8 @@ if (isset($_GET['export_csv']) && current_user_can('manage_options')) {
     $output = fopen('php://output', 'w');
     // Excel erwartet in DE meist ; als Trennzeichen
     $delimiter = ';';
-    fputcsv($output, ['Phase','Workshop','Teamer','Teilnehmer'], $delimiter);
+    // Kopfzeile mit separaten Namensspalten und Wunsch
+    fputcsv($output, ['Phase','Workshop','Teamer','Nachname','Vorname','Wunsch'], $delimiter);
     foreach($phases as $phase) {
         if (empty($workshop_groups[$phase])) continue;
         $display = [];
@@ -114,14 +115,27 @@ if (isset($_GET['export_csv']) && current_user_can('manage_options')) {
             foreach($teilnehmer as $t) {
                 $vorname = preg_replace('/<[^>]*>/', '', $t->vorname);
                 $nachname = preg_replace('/<[^>]*>/', '', $t->nachname);
-                $teilnehmer_name = trim($vorname . ', ' . $nachname);
                 $ws_name_clean = preg_replace('/<[^>]*>/', '', $ws_name);
                 $teamer_str_clean = preg_replace('/<[^>]*>/', '', $teamer_str);
+                // Wunsch-Text ermitteln
+                if ($t->wunsch_rang == 0) {
+                    $wunsch = 'Vorzuteilung';
+                } elseif ($t->wunsch_rang == -1) {
+                    $wunsch = 'zugelost';
+                } elseif ($t->wunsch_rang == 99) {
+                    $wunsch = 'Zulosung';
+                } elseif ($t->wunsch_rang > 0) {
+                    $wunsch = intval($t->wunsch_rang) . '.';
+                } else {
+                    $wunsch = '';
+                }
+
                 fputcsv($output, [
                     $phase,
                     $ws_name_clean,
                     $teamer_str_clean,
-                    $teilnehmer_name,
+                    $nachname,
+                    $vorname,
                     $wunsch
                 ], $delimiter);
             }

includes/force-zuteilung.php

@@ -4,14 +4,14 @@ function kc_force_zuteilung_page() {
     $prefix = $wpdb->prefix;
     kc_admin_tabs('kc_force_zuteilung');
 
-    // Force-Zuteilung löschen
+    // Force-Zuteilung l<EFBFBD>schen
     if (isset($_GET['delete_force'])) {
         $fid = intval($_GET['delete_force']);
         $wpdb->delete("{$prefix}kc_force_zuteilung", ['id' => $fid]);
-        echo '<div class="notice notice-success">Force-Zuteilung gelöscht!</div>';
+        echo '<div class="notice notice-success">Force-Zuteilung gel<EFBFBD>scht!</div>';
     }
 
-    // Force speichern (neu/ändern)
+    // Force speichern (neu/<EFBFBD>ndern)
     if (isset($_POST['kc_force_save'])) {
         $data = [
             'teilnehmer_id' => intval($_POST['teilnehmer_id']),
@@ -29,69 +29,143 @@ function kc_force_zuteilung_page() {
         }
     }
 
-    // Listen für Dropdowns
+    // Listen f<EFBFBD>r Dropdowns
     $teilnehmer_liste = $wpdb->get_results("SELECT * FROM {$prefix}kc_teilnehmer ORDER BY nachname, vorname");
     $workshop_liste = $wpdb->get_results("SELECT * FROM {$prefix}kc_workshops ORDER BY name");
-    $wahlen = $wpdb->get_results("SELECT id, name FROM {$prefix}kc_wahlen WHERE deleted=0 ORDER BY name");
+    $wahlen = $wpdb->get_results("SELECT id, name, COALESCE(anzahl_einheiten,1) AS anzahl_einheiten FROM {$prefix}kc_wahlen WHERE deleted=0 ORDER BY name");
 
     // Bearbeiten
     if (isset($_GET['edit_force'])) {
         $fid = intval($_GET['edit_force']);
         $fz = $wpdb->get_row("SELECT * FROM {$prefix}kc_force_zuteilung WHERE id=$fid");
         echo '<div class="kc-admin-table-wrap">';
-        echo '<h2>Force-Zuteilung bearbeiten</h2>
+        echo '<h2>Force-Zuteilung bearbeiten</h2>';
-        <form method="post">
+        echo '<div class="kc-form-container" style="max-width:880px;padding:18px 20px;border-radius:10px;background:#fff;border:1px solid #eef3f2;">';
-            <input type="hidden" name="fid" value="'.intval($fz->id).'">
+        echo '<form method="post">';
-            <div class="kc-form-row">
+        echo '<input type="hidden" name="fid" value="'.intval($fz->id).'">';
-                <label>Teilnehmer <span class="kc-required">*</span></label>
+        echo '<div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start">';
-                <select name="teilnehmer_id" id="kc-force-teilnehmer-dropdown" style="width:100%">
+
-                    <option value="">Teilnehmer auswählen…</option>';
+        // Teilnehmer
-                    foreach($teilnehmer_liste as $t) {
+        echo '<div class="kc-form-row" style="min-width:0">';
-                        echo '<option value="'.esc_attr($t->id).'"'.($fz->teilnehmer_id==$t->id?' selected':'').'>'
+            echo '<label>Teilnehmer <span class="kc-required">*</span></label>';
-                        .esc_html($t->vorname.' '.$t->nachname.' (ID: '.$t->id.')')
+            echo '<select name="teilnehmer_id" id="kc-force-teilnehmer-dropdown" style="width:100%">';
-                        .'</option>';
+            echo '<option value="">Teilnehmer auswählen…</option>';
-                    }
+            foreach($teilnehmer_liste as $t) {
-        echo '  </select>
+                echo '<option value="'.esc_attr($t->id).'"'.($fz->teilnehmer_id==$t->id?' selected':'').'>'
-            </div>
+                    .esc_html($t->vorname.' '.$t->nachname.' (ID: '.$t->id.')')
-            <div class="kc-form-row">
+                .'</option>';
-                <label>Wahl <span class="kc-required">*</span></label>
+            }
-                <select name="wahl_id" id="kc-force-wahl-dropdown" style="width:100%">
+            echo '</select>';
-                    <option value="">Wahl auswählen…</option>';
+        echo '</div>';
-                    foreach($wahlen as $w) {
+
-                        echo '<option value="'.intval($w->id).'"'.($fz->wahl_id==$w->id?' selected':'').'>'
+        // Wahl
-                        .esc_html($w->name.' (ID '.$w->id.')').'</option>';
+        echo '<div class="kc-form-row" style="min-width:0">';
-                    }
+            echo '<label>Wahl <span class="kc-required">*</span></label>';
-        echo '  </select>
+            echo '<select name="wahl_id" id="kc-force-wahl-dropdown" style="width:100%">';
-            </div>
+            echo '<option value="">Wahl auswählen…</option>';
-            <div class="kc-form-row">
+            foreach($wahlen as $w) {
-                <label>Phase</label>
+                echo '<option value="'.intval($w->id).'" data-einheiten="'.intval($w->anzahl_einheiten).'"'.($fz->wahl_id==$w->id?' selected':'').'>'.esc_html($w->name.' (ID '.$w->id.')').'</option>';
-                <input type="number" name="phase" value="'.intval($fz->phase).'" style="width:100%">
+            }
-            </div>
+            echo '</select>';
-            <div class="kc-form-row">
+        echo '</div>';
-                <label>Workshop <span class="kc-required">*</span></label>
+
-                <select name="workshop_id" id="kc-force-workshop-dropdown" style="width:100%">
+        // Phase (select so JS can populate based on Wahl)
-                    <option value="">Workshop auswählen…</option>';
+        echo '<div class="kc-form-row" style="min-width:0">';
-                    foreach($workshop_liste as $ws) {
+            echo '<label>Phase</label>';
-                        echo '<option value="'.esc_attr($ws->id).'"'.($fz->workshop_id==$ws->id?' selected':'').'>'
+            echo '<select name="phase" style="width:100%;padding:8px;border-radius:6px;border:1px solid #ddd">';
-                        .esc_html($ws->name)
+            echo '<option value="'.intval($fz->phase).'">'.intval($fz->phase).'</option>';
-                        .'</option>';
+            echo '</select>';
-                    }
+        echo '</div>';
-        echo '  </select>
+
-            </div>
+        // Workshop
-            <div class="kc-form-row">
+        echo '<div class="kc-form-row" style="min-width:0">';
-                <label>Kommentar</label>
+            echo '<label>Workshop <span class="kc-required">*</span></label>';
-                <input type="text" name="kommentar" value="'.esc_attr($fz->kommentar).'" style="width:100%">
+            echo '<select name="workshop_id" id="kc-force-workshop-dropdown" style="width:100%">';
-            </div>
+            echo '<option value="">Workshop auswählen…</option>';
-            <button name="kc_force_save" class="kc-btn">Speichern</button>
+            foreach($workshop_liste as $ws) {
-            <a href="?page=kc_force_zuteilung" class="kc-btn del" style="margin-left:24px;">Abbrechen</a>
+                echo '<option value="'.esc_attr($ws->id).'"'.($fz->workshop_id==$ws->id?' selected':'').'>'
-        </form>
+                    .esc_html($ws->name)
-        <script>
+                .'</option>';
-        jQuery(function($){
+            }
-            $("#kc-force-teilnehmer-dropdown").select2({placeholder:"Teilnehmer auswählen…",allowClear:true});
+            echo '</select>';
-            $("#kc-force-wahl-dropdown").select2({placeholder:"Wahl auswählen…",allowClear:true});
+        echo '</div>';
-            $("#kc-force-workshop-dropdown").select2({placeholder:"Workshop auswählen…",allowClear:true});
+
-        });
+        // Kommentar (full width)
-        </script>';
+        echo '<div style="grid-column:1/ -1">';
+            echo '<div class="kc-form-row">';
+            echo '<label>Kommentar</label>';
+            echo '<input type="text" name="kommentar" value="'.esc_attr($fz->kommentar).'" style="width:100%;padding:8px;border-radius:6px;border:1px solid #ddd">';
+            echo '</div>';
+        echo '</div>';
+
+        echo '</div>'; // grid
+
+        echo '<div style="margin-top:12px;display:flex;gap:10px;justify-content:flex-start">';
+            echo '<button name="kc_force_save" class="kc-btn" style="padding:8px 16px;">Speichern</button>';
+            echo '<a href="?page=kc_force_zuteilung" class="kc-btn del" style="padding:8px 16px;">Abbrechen</a>';
+        echo '</div>';
+
+        echo '</form>';
+        echo '</div>';
+        // Prepare JS mapping of wahl_id -> number of phases
+        $wahl_phases = [];
+        foreach ($wahlen as $w) $wahl_phases[intval($w->id)] = intval($w->anzahl_einheiten);
+
+        echo '<script>var kcWahlPhases = ' . wp_json_encode($wahl_phases) . ';</script>';
+        echo <<<'JS'
+<script>
+jQuery(function($){
+    $("#kc-force-teilnehmer-dropdown").select2({placeholder:"Teilnehmer auswählen…",allowClear:true});
+    $("#kc-force-wahl-dropdown").select2({placeholder:"Wahl auswählen…",allowClear:true});
+    $("#kc-force-workshop-dropdown").select2({placeholder:"Workshop auswählen…",allowClear:true});
+
+    function refreshPhaseSelect($wahlSelect, $phaseSelect, current) {
+        // prefer data attribute on the selected option; fall back to kcWahlPhases mapping
+        var selOpt = $wahlSelect.find('option:selected');
+        var max = parseInt(selOpt.data('einheiten') || kcWahlPhases[parseInt($wahlSelect.val(),10)] || 1, 10);
+        $phaseSelect.empty();
+        for(var i=1;i<=max;i++){
+            var opt = $("<option>").val(i).text(i + (i===1? " (Phase)":" (Phase)"));
+            $phaseSelect.append(opt);
+        }
+        if (current) {
+            $phaseSelect.val(current);
+        }
+        $phaseSelect.prop("disabled", false);
+    }
+
+    // Bind change for all existing wahl selects on the page
+    $(document).on("change", "#kc-force-wahl-dropdown", function(){
+        var $w = $(this);
+        var $phase = $w.closest("form").find("[name='phase']");
+        // try immediate refresh; if no data found, fallback to AJAX
+        var sel = $w.find('option:selected');
+        var einheiten = sel.data('einheiten') || kcWahlPhases[parseInt($w.val(),10)];
+        if (einheiten) {
+            refreshPhaseSelect($w, $phase);
+        } else {
+            // AJAX fallback to ask server for anzahl_einheiten
+            $.get(ajaxurl, {action: 'kc_get_wahl', id: $w.val()}).done(function(r){
+                if (r && r.success && r.data && r.data.anzahl_einheiten) {
+                    // set data attribute so future reads find it
+                    sel.data('einheiten', parseInt(r.data.anzahl_einheiten,10));
+                }
+                refreshPhaseSelect($w, $phase);
+            }).fail(function(){ refreshPhaseSelect($w, $phase); });
+        }
+    });
+
+    // Initialize existing phase selects based on their selected wahl
+    $("[name='phase']").each(function(){
+        var $phase = $(this);
+        var $form = $phase.closest("form");
+        var $wahl = $form.find("#kc-force-wahl-dropdown");
+        var current = $phase.val();
+        refreshPhaseSelect($wahl, $phase, current);
+    });
+});
+</script>
+JS;
         echo '</div>';
         return;
     }
@@ -99,63 +173,82 @@ function kc_force_zuteilung_page() {
     // Neu anlegen
     if (isset($_GET['new'])) {
         echo '<div class="kc-admin-table-wrap">';
-        echo '<h2>Neue Force-Zuteilung</h2>
+        echo '<h2>Neue Force-Zuteilung</h2>';
-        <form method="post">
+        echo '<div class="kc-form-container" style="max-width:880px;padding:18px 20px;border-radius:10px;background:#fff;border:1px solid #eef3f2;">';
-            <div class="kc-form-row">
+        echo '<form method="post">';
-                <label>Teilnehmer <span class="kc-required">*</span></label>
+
-                <select name="teilnehmer_id" id="kc-force-teilnehmer-dropdown" style="width:100%">
+        echo '<div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start">';
-                    <option value="">Teilnehmer auswählen…</option>';
+
-                    foreach($teilnehmer_liste as $t) {
+        // Teilnehmer
-                        echo '<option value="'.esc_attr($t->id).'">'
+        echo '<div class="kc-form-row" style="min-width:0">';
-                        .esc_html($t->vorname.' '.$t->nachname.' (ID: '.$t->id.')')
+            echo '<label>Teilnehmer <span class="kc-required">*</span></label>';
-                        .'</option>';
+            echo '<select name="teilnehmer_id" id="kc-force-teilnehmer-dropdown" style="width:100%">';
-                    }
+            echo '<option value="">Teilnehmer auswählen…</option>';
-        echo '  </select>
+            foreach($teilnehmer_liste as $t) {
-            </div>
+                echo '<option value="'.esc_attr($t->id).'">'.esc_html($t->vorname.' '.$t->nachname.' (ID: '.$t->id.')').'</option>';
-            <div class="kc-form-row">
+            }
-                <label>Wahl <span class="kc-required">*</span></label>
+            echo '</select>';
-                <select name="wahl_id" id="kc-force-wahl-dropdown" style="width:100%">
+        echo '</div>';
-                    <option value="">Wahl auswählen…</option>';
+
-                    foreach($wahlen as $w) {
+        // Wahl
-                        echo '<option value="'.intval($w->id).'">'
+        echo '<div class="kc-form-row" style="min-width:0">';
-                        .esc_html($w->name.' (ID '.$w->id.')').'</option>';
+            echo '<label>Wahl <span class="kc-required">*</span></label>';
-                    }
+            echo '<select name="wahl_id" id="kc-force-wahl-dropdown" style="width:100%">';
-        echo '  </select>
+            echo '<option value="">Wahl auswählen…</option>';
-            </div>
+            foreach($wahlen as $w) {
-            <div class="kc-form-row">
+                echo '<option value="'.intval($w->id).'" data-einheiten="'.intval($w->anzahl_einheiten).'">'.esc_html($w->name.' (ID '.$w->id.')').'</option>';
-                <label>Phase</label>
+            }
-                <input type="number" name="phase" value="1" style="width:100%">
+            echo '</select>';
-            </div>
+        echo '</div>';
-            <div class="kc-form-row">
+
-                <label>Workshop <span class="kc-required">*</span></label>
+        // Phase (select so JS can populate based on Wahl)
-                <select name="workshop_id" id="kc-force-workshop-dropdown" style="width:100%">
+        echo '<div class="kc-form-row" style="min-width:0">';
-                    <option value="">Workshop auswählen…</option>';
+            echo '<label>Phase</label>';
-                    foreach($workshop_liste as $ws) {
+            echo '<select name="phase" style="width:100%;padding:8px;border-radius:6px;border:1px solid #ddd">';
-                        echo '<option value="'.esc_attr($ws->id).'">'
+            echo '<option value="1">1</option>';
-                        .esc_html($ws->name)
+            echo '</select>';
-                        .'</option>';
+        echo '</div>';
-                    }
+
-        echo '  </select>
+        // Workshop
-            </div>
+        echo '<div class="kc-form-row" style="min-width:0">';
-            <div class="kc-form-row">
+            echo '<label>Workshop <span class="kc-required">*</span></label>';
-                <label>Kommentar</label>
+            echo '<select name="workshop_id" id="kc-force-workshop-dropdown" style="width:100%">';
-                <input type="text" name="kommentar" style="width:100%">
+            echo '<option value="">Workshop auswählen…</option>';
-            </div>
+            foreach($workshop_liste as $ws) {
-            <button name="kc_force_save" class="kc-btn">Speichern</button>
+                echo '<option value="'.esc_attr($ws->id).'">'.esc_html($ws->name).'</option>';
-            <a href="?page=kc_force_zuteilung" class="kc-btn del" style="margin-left:24px;">Abbrechen</a>
+            }
-        </form>
+            echo '</select>';
-        <script>
+        echo '</div>';
+
+        // Kommentar full width
+        echo '<div style="grid-column:1/ -1">';
+            echo '<div class="kc-form-row">';
+            echo '<label>Kommentar</label>';
+            echo '<input type="text" name="kommentar" style="width:100%;padding:8px;border-radius:6px;border:1px solid #ddd">';
+            echo '</div>';
+        echo '</div>';
+
+        echo '</div>'; // grid
+
+        echo '<div style="margin-top:12px;display:flex;gap:10px;justify-content:flex-start">';
+            echo '<button name="kc_force_save" class="kc-btn" style="padding:8px 16px;">Speichern</button>';
+            echo '<a href="?page=kc_force_zuteilung" class="kc-btn del" style="padding:8px 16px;">Abbrechen</a>';
+        echo '</div>';
+
+        echo '</form>';
+        echo '</div>';
+        echo '<script>
         jQuery(function($){
-            $("#kc-force-teilnehmer-dropdown").select2({placeholder:"Teilnehmer auswählen…",allowClear:true});
+            $("#kc-force-teilnehmer-dropdown").select2({placeholder:"Teilnehmer auswählen…",allowClear:true});
-            $("#kc-force-wahl-dropdown").select2({placeholder:"Wahl auswählen…",allowClear:true});
+            $("#kc-force-wahl-dropdown").select2({placeholder:"Wahl auswählen…",allowClear:true});
-            $("#kc-force-workshop-dropdown").select2({placeholder:"Workshop auswählen…",allowClear:true});
+            $("#kc-force-workshop-dropdown").select2({placeholder:"Workshop auswählen…",allowClear:true});
         });
         </script>';
         echo '</div>';
         return;
     }
 
-    // Übersicht
+    // <EFBFBD>bersicht
     echo '<div class="kc-admin-table-wrap">';
     echo '<h2 style="margin-top:0;">Alle Force-Zuteilungen</h2>';
     echo '<a class="kc-btn" style="float:right;margin-bottom:12px;" href="?page=kc_force_zuteilung&new=1">+ Neue Force-Zuteilung</a>';
@@ -176,7 +269,7 @@ function kc_force_zuteilung_page() {
             <td>".esc_html($f->kommentar)."</td>
             <td class='kc-actions'>
                 <a class='kc-btn edit' href='?page=kc_force_zuteilung&edit_force={$f->id}'>Bearbeiten</a>
-                <a class='kc-btn del' href='?page=kc_force_zuteilung&delete_force={$f->id}' onclick=\"return confirm('Wirklich loeschen?');\">Loeschen</a>
+                <a class='kc-btn del' href='?page=kc_force_zuteilung&delete_force={$f->id}' onclick=\"return confirm('Wirklich löschen?');\">löschen</a>
             </td>
         </tr>";
     }

includes/frontend-ergebnis.php

@@ -6,7 +6,11 @@ add_shortcode('konficastle_workshop_ergebnis', function($atts) {
     global $wpdb;
     $wahl = $wpdb->get_row("SELECT * FROM {$wpdb->prefix}kc_wahlen WHERE id=$wahl_id");
     if(!$wahl) return '';
-    if($wahl->freigegeben) return '<div style="color:#e12b2b;font-weight:bold;"></div>';
+    // Zeige Ergebnisse nur, wenn die Wahl NICHT freigegeben ist.
+    // Ist die Wahl freigegeben, soll das Ergebnis-Shortcode nichts ausgeben (Formular wird stattdessen angezeigt).
+    if (!empty($wahl->freigegeben)) {
+        return '';
+    }
 
     // Workshops für diese Wahl holen
     $workshops = $wpdb->get_results(
@@ -106,7 +110,28 @@ add_shortcode('konficastle_workshop_ergebnis', function($atts) {
 
     ob_start();
     // Inline styles, angepasst an konfi-castle.com Look (dezent, grün/türkis Akzent)
-
+    echo '<style>
+    .kc-result{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#222;}
+    .kc-result h3{margin-top:0;text-align:center;color:#154a3b;}
+    .kc-phase{margin:18px 0;padding:12px;border-radius:12px;background:#fbfffe;border:1px solid #e6f3ee;}
+    /* Responsive Kachel-Layout: auto-fit with minmax so cards wrap based on viewport */
+    .kc-result .kc-inner { max-width:1100px; margin:0 auto; padding:0 14px; box-sizing:border-box; }
+    .kc-workshops-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:14px;margin-top:12px;align-items:start;}
+    .kc-workshop-card{background:#ffffff;border-radius:12px;overflow:hidden;border:1px solid #e9f4f0;box-shadow:0 2px 6px rgba(8,38,28,0.04);width:100%;}
+    /* Zentrierter, prominenter Titelbereich in der Mitte oben der Kachel */
+    .kc-workshop-card .title{background:linear-gradient(90deg, rgba(45,166,106,0.04), rgba(13,89,71,0.02));display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:18px 12px;font-weight:800;color:#0d5947;font-size:1.06rem;letter-spacing:0.2px;border-bottom:1px solid rgba(229,244,240,0.8);gap:12px;}
+    .kc-workshop-card .title .count{color:#6b6b6b;font-weight:600;font-size:0.9rem;margin-left:6px;}
+    .kc-workshop-card .title .teamers{font-weight:600;color:#145a47;font-size:0.9rem;opacity:0.92;}
+    .kc-workshop-card .title .teamers small{font-weight:500;color:#4c7a6a;opacity:0.9;font-size:0.85rem;margin-left:6px;}
+    /* Content-Bereich unter dem Titel mit etwas mehr Luft */
+    .kc-workshop-card .content{padding:12px 18px 18px 18px;}
+    .kc-participants{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:0.95rem;color:#2b2b2b;}
+    .kc-participant{padding:6px 8px;border-radius:6px;background:transparent;}
+    .kc-participant.me{background:#fffbe6;border:1px solid #ffeab2;}
+    .kc-notassigned{background:#fff6f6;border:1px solid #ffd2d2;padding:12px;border-radius:10px;margin-top:12px;}
+    /* Auf sehr kleinen Bildschirmen die Teilnehmer ebenfalls einspaltig */
+    @media(max-width:700px){ .kc-participants{grid-template-columns:1fr;} }
+    </style>';
 
     echo '<div class="kc-result">';
     echo '<h3>Ergebnis für diese Wahl</h3>';
@@ -121,8 +146,8 @@ add_shortcode('konficastle_workshop_ergebnis', function($atts) {
             echo '<div style="background:#e8f9ef;border-left:6px solid #2da66a;padding:12px 14px;margin-bottom:12px;border-radius:8px;">';
             echo '<b>Deine Zuteilung</b><ul style="margin:6px 0 0 16px;">';
             foreach($my_rows as $mr) {
-                $wslabel = ($mr->workshop_id && isset($ws_names[$mr->workshop_id])) ? $ws_names[$mr->workshop_id] : ($mr->workshop_id ? 'ID '.$mr->workshop_id : 'Nicht zugeteilt');
+                $wslabel = ($mr->workshop_id && isset($ws_names[$mr->workshop_id])) ? $ws_names[$mr->workshop_id] : ($mr->workshop_id ? 'Workshop unbekannt' : 'Nicht zugeteilt');
-                echo '<li>'.esc_html($mr->vorname.' '.$mr->nachname).' (Phase '.intval($mr->phase).') — '.esc_html($wslabel).'</li>';
+                echo '<li>'.esc_html($mr->vorname.' '.$mr->nachname).' — '.esc_html($wslabel).'</li>';
             }
             echo '</ul></div>';
             $personal_shown = true;
@@ -188,8 +213,7 @@ add_shortcode('konficastle_workshop_ergebnis', function($atts) {
             foreach($teilnehmer as $t) {
                 $is_me = in_array(intval($t->id), $my_ids);
                 $name = esc_html($t->vorname.' '.$t->nachname);
-                $label = $name . ' <span style="color:#6b6b6b;font-size:85%;white-space:nowrap;">' . intval($t->phase) . '</span>';
+                echo '<div class="kc-participant'.($is_me ? ' me' : '').'">'. $name .'</div>';
-                echo '<div class="kc-participant'.($is_me ? ' me' : '').'" style="white-space:nowrap;">'. $label .'</div>';
             }
             echo '</div>'; // kc-participants
             echo '</div>'; // content
@@ -204,11 +228,11 @@ add_shortcode('konficastle_workshop_ergebnis', function($atts) {
     if (!empty($nicht_zugeteilt)) {
         echo '<div class="kc-notassigned">';
         echo '<b>Nicht zugeteilt:</b><br>';
-        echo '<div style="margin:6px 0 0 18px;">';
+        echo '<ul style="margin:6px 0 0 18px;">';
         foreach($nicht_zugeteilt as $t) {
-            echo '<span style="display:inline-block;white-space:nowrap;margin-right:12px;">'.esc_html($t->vorname.' '.$t->nachname).' <span style="color:#6b6b6b;font-size:85%;">'.intval($t->phase).'</span></span>';
+            echo '<li>'.esc_html($t->vorname.' '.$t->nachname).'</li>';
         }
-        echo '</div></div>';
+        echo '</ul></div>';
     }
 
     echo '</div>'; // kc-result

includes/frontend-form.php

@@ -5,18 +5,13 @@ add_shortcode('konficastle_workshopwahl', function($atts) {
 
     global $wpdb;
     
-    // KRITISCHER TEST: Ausgabe ganz am Anfang
+    // Optionales Debug-Ausgabe-Fragment (standardmäßig leer, um Warnungen zu vermeiden)
-    //$debug_output = '<div style="background:yellow;padding:20px;margin:20px 0;border:3px solid red;">';
+    $debug_output = '';
-    //$debug_output .= '<h3>DEBUG INFO</h3>';
-    //$debug_output .= 'Shortcode läuft!<br>';
-    //$debug_output .= 'REQUEST_METHOD: ' . ($_SERVER['REQUEST_METHOD'] ?? 'NICHT GESETZT') . '<br>';
-    //$debug_output .= 'POST vorhanden: ' . (empty($_POST) ? 'NEIN' : 'JA') . '<br>';
-    //$debug_output .= 'POST Inhalt: <pre>' . print_r($_POST, true) . '</pre>';
-    //$debug_output .= '</div>';
     
     $wahl = $wpdb->get_row($wpdb->prepare("SELECT * FROM {$wpdb->prefix}kc_wahlen WHERE id=%d", $wahl_id));
     if(!$wahl || !$wahl->freigegeben) {
-        return $debug_output . '<div"></div>';
+      // Keine Fehlermeldung im Frontend anzeigen; Formular ausblenden
+      return '';
     }
 
     // Ermittle erlaubte Workshops pro Phase für diese Wahl.
@@ -152,7 +147,26 @@ add_shortcode('konficastle_workshopwahl', function($atts) {
     
     ob_start();
 ?>
-
+<style>
+.kc-form-container {background:#f8fbe7; border-left:8px solid #b6d333; max-width:600px; margin:40px auto; padding:32px 28px; border-radius:14px; box-shadow:0 2px 8px #b6d33322;}
+.kc-form-container h2 {margin-top:0; font-size:2em; font-weight:700;}
+.kc-form-container label {font-weight:600;}
+.kc-form-row {margin-bottom:20px;}
+.kc-form-row input[type="text"], .kc-form-row select {
+    width:100%; padding:10px 12px; border-radius:7px; border:1.2px solid #aac484; background:#fafcf6; font-size:1.09em;
+    transition:border 0.17s;
+}
+.kc-form-row input[type="text"]:focus, .kc-form-row select:focus {border:1.8px solid #b6d333;}
+.kc-form-row input[type="submit"] {
+    background:#326dd2; color:#fff; font-weight:600; font-size:1.15em;
+    padding:11px 30px; border:0; border-radius:8px; cursor:pointer; margin-top:5px; box-shadow:0 2px 6px #aac48422;
+}
+.kc-form-row input[type="submit"]:hover {background:#2559a2;}
+.kc-required {color:#d82626; font-weight:bold;}
+.kc-success-msg {color:#21952c; background:#e3f7e4; padding:16px 20px; border-radius:8px; font-weight:600; margin-bottom:15px; text-align:center;}
+.kc-error-msg {color:#a80000; background:#ffeaea; padding:16px 20px; border-radius:8px; font-weight:600; margin-bottom:15px; text-align:center;}
+@media (max-width: 700px) {.kc-form-container {padding:17px 7px;}}
+</style>
 
 <?php echo $debug_output; ?>
 

install.php

@@ -3,17 +3,18 @@ if (!defined('ABSPATH')) exit;
 
 /**
  * Create plugin database tables on activation and remove them on deactivation.
+ 
  */
 function kc_install_tables() {
     global $wpdb;
     $prefix = $wpdb->prefix;
     $charset_collate = $wpdb->get_charset_collate();
+
     require_once(ABSPATH . 'wp-admin/includes/upgrade.php');
 
-    // --- Tabellen-Definitionen ---
+    // Tables definitions
     $tables_sql = [];
 
-    // Wahl-Tabelle
     $tables_sql[] = "CREATE TABLE {$prefix}kc_wahlen (
         id bigint(20) unsigned NOT NULL AUTO_INCREMENT,
         name varchar(191) NOT NULL,
@@ -26,7 +27,6 @@ function kc_install_tables() {
         PRIMARY KEY (id)
     ) $charset_collate";
 
-    // Workshop-Tabelle
     $tables_sql[] = "CREATE TABLE {$prefix}kc_workshops (
         id bigint(20) unsigned NOT NULL AUTO_INCREMENT,
         name varchar(191) NOT NULL,
@@ -36,7 +36,6 @@ function kc_install_tables() {
         PRIMARY KEY (id)
     ) $charset_collate";
 
-    // Teamer-Tabelle
     $tables_sql[] = "CREATE TABLE {$prefix}kc_teamer (
         id bigint(20) unsigned NOT NULL AUTO_INCREMENT,
         vorname varchar(191) DEFAULT NULL,
@@ -44,7 +43,6 @@ function kc_install_tables() {
         PRIMARY KEY (id)
     ) $charset_collate";
 
-    // Teilnehmer-Tabelle
     $tables_sql[] = "CREATE TABLE {$prefix}kc_teilnehmer (
         id bigint(20) unsigned NOT NULL AUTO_INCREMENT,
         vorname varchar(191) DEFAULT NULL,
@@ -54,11 +52,10 @@ function kc_install_tables() {
         wunsch1 bigint(20) unsigned DEFAULT NULL,
         wunsch2 bigint(20) unsigned DEFAULT NULL,
         wunsch3 bigint(20) unsigned DEFAULT NULL,
-        deleted tinyint(1) NOT NULL DEFAULT 0,
+		deleted tinyint(1) NOT NULL DEFAULT 0,
         PRIMARY KEY (id)
     ) $charset_collate";
 
-    // Zuordnungstabelle Wahl <-> Workshops
     $tables_sql[] = "CREATE TABLE {$prefix}kc_wahl_workshops (
         id bigint(20) unsigned NOT NULL AUTO_INCREMENT,
         wahl_id bigint(20) unsigned NOT NULL DEFAULT 0,
@@ -67,7 +64,6 @@ function kc_install_tables() {
         PRIMARY KEY (id)
     ) $charset_collate";
 
-    // Manuelle (Force-)Zuteilungen
     $tables_sql[] = "CREATE TABLE {$prefix}kc_force_zuteilung (
         id bigint(20) unsigned NOT NULL AUTO_INCREMENT,
         teilnehmer_id bigint(20) unsigned NOT NULL DEFAULT 0,
@@ -78,7 +74,6 @@ function kc_install_tables() {
         PRIMARY KEY (id)
     ) $charset_collate";
 
-    // Ergebnis-Zuteilungen
     $tables_sql[] = "CREATE TABLE {$prefix}kc_zuteilung (
         id bigint(20) unsigned NOT NULL AUTO_INCREMENT,
         teilnehmer_id bigint(20) unsigned NOT NULL DEFAULT 0,
@@ -91,26 +86,25 @@ function kc_install_tables() {
         PRIMARY KEY (id)
     ) $charset_collate";
 	
-    // Zuordnung Workshop <-> Teamer
+	$tables_sql[] = "CREATE TABLE {$prefix}kc_workshop_teamer (
-    $tables_sql[] = "CREATE TABLE {$prefix}kc_workshop_teamer (
+		id bigint(20) unsigned NOT NULL AUTO_INCREMENT,
-        id bigint(20) unsigned NOT NULL AUTO_INCREMENT,
+		workshop_id bigint(20) unsigned DEFAULT NULL,
-        workshop_id bigint(20) unsigned DEFAULT NULL,
+		teamer_id bigint(20) unsigned DEFAULT NULL,
-        teamer_id bigint(20) unsigned DEFAULT NULL,
+		PRIMARY KEY (id)
-        PRIMARY KEY (id)
+	) $charset_collate";
-    ) $charset_collate";
 
-    // Tabellen anlegen
     foreach ($tables_sql as $sql) {
         dbDelta($sql);
     }
 
-    // Migration: min_teilnehmer nachziehen, falls bei Update nötig
+    // Post-creation migration guard: ensure min_teilnehmer exists for older installs
     $col = $wpdb->get_var($wpdb->prepare("SHOW COLUMNS FROM {$prefix}kc_workshops LIKE %s", 'min_teilnehmer'));
     if (empty($col)) {
+        // try to add the column (no-op on newer installs)
         $wpdb->query("ALTER TABLE {$prefix}kc_workshops ADD COLUMN min_teilnehmer INT NOT NULL DEFAULT 0");
     }
 
-    // Plugin-Version speichern
+    // Optionally store plugin version
     add_option('kc_workshopwahl_db_version', '1.0');
 }
 

konficastle-workshopwahl.php

@@ -1,24 +1,34 @@
 <?php
-/**
+// AJAX endpoint to return wahl details (anzahl_einheiten)
-* Plugin Name: Workshop-Wahlen
+add_action('wp_ajax_kc_get_wahl', function(){
-* Description: Workshop-Wahl-System für Konfi-Castle.com
+    global $wpdb;
-* Version: 1.1 - dev
+    $id = isset($_GET['id']) ? intval($_GET['id']) : 0;
-* Author: Linus Maximilian Nilson
+    if (!$id) {
-*/
+        wp_send_json_error('missing id');
+    }
+    $row = $wpdb->get_row($wpdb->prepare("SELECT id, COALESCE(anzahl_einheiten,1) as anzahl_einheiten FROM {$wpdb->prefix}kc_wahlen WHERE id=%d", $id));
+    if (!$row) wp_send_json_error('not found');
+    wp_send_json_success(['id'=>intval($row->id),'anzahl_einheiten'=>intval($row->anzahl_einheiten)]);
+});
 
+/**
+ * Plugin Name: Workshop-Wahlen
+ * Description: Workshop-Wahl-System für Konfi-Castle.com
+ * Version: 1.0
+ * Author: Linus Maximilian Nilson
+ */
 
 if (!defined('ABSPATH')) exit;
 
 // Stylesheet einbinden
-
 add_action('admin_enqueue_scripts', function($hook) {
     // Nur auf den Plugin-Seiten laden (optional: prüfe $hook!)
     if (strpos($hook, 'kc_') !== false) {
         wp_enqueue_style(
             'kc-admin-style',
-            plugin_dir_url(__FILE__) . 'assets/kc-admin.css',
+            plugin_dir_url(__FILE__) . 'assets/kc-admin-style.css',
             [],
-            filemtime(plugin_dir_path(__FILE__) . 'assets/kc-admin.css')
+            filemtime(plugin_dir_path(__FILE__) . 'assets/kc-admin-style.css')
         );
     }
 });
@@ -33,14 +43,10 @@ add_action('admin_enqueue_scripts', function($hook) {
 
 
 
-
-
 add_action('wp_enqueue_scripts', function() {
-    wp_enqueue_style('kc-workshopwahl-frontend', plugins_url('assets/frontend.css', __FILE__));
+    wp_enqueue_style('kc-workshopwahl-form', plugins_url('assets/frontend-form.css', __FILE__));
 });
 
-
-
 // Zentrale Admin-Menüstruktur
 add_action('admin_menu', function() {
     add_menu_page('Wahlen', 'Wahlen', 'manage_options', 'kc_wahlen', 'kc_wahlen_page');