From 6203a74a2d4bd368771f5be20c93b0c1e71b2317 Mon Sep 17 00:00:00 2001
From: ProgrammGamer <Linus.Games2008@gmail.com>
Date: Fri, 30 Jan 2026 17:41:56 +0100
Subject: [PATCH] reorder css

---
 assets/frontend-form.css       |   1 +
 assets/frontend.css            | 121 +++++++++++++++++++
 assets/kc-admin-style.css      |   1 +
 assets/kc-admin.css            | 205 +++++++++++++++++++++++++++++++++
 includes/admin-teilnehmer.php  |   2 +-
 includes/frontend-ergebnis.php |  23 +---
 includes/frontend-form.php     |  21 +---
 konficastle-workshopwahl.php   |  11 +-
 8 files changed, 339 insertions(+), 46 deletions(-)
 create mode 100644 assets/frontend.css
 create mode 100644 assets/kc-admin.css

diff --git a/assets/frontend-form.css b/assets/frontend-form.css
index 17320a4..5c44038 100644
--- a/assets/frontend-form.css
+++ b/assets/frontend-form.css
@@ -102,3 +102,4 @@
     .kc-form-container h2 {font-size:1.4em}
     .kc-form-row {margin-bottom:14px}
 }
+[Diese Datei ist leer.]
diff --git a/assets/frontend.css b/assets/frontend.css
new file mode 100644
index 0000000..bd1e878
--- /dev/null
+++ b/assets/frontend.css
@@ -0,0 +1,121 @@
+.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}
+}
+
+.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;}
+.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%;}
+.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-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;}
+@media(max-width:700px){ .kc-participants{grid-template-columns:1fr;} }
diff --git a/assets/kc-admin-style.css b/assets/kc-admin-style.css
index 60934ab..8648401 100644
--- a/assets/kc-admin-style.css
+++ b/assets/kc-admin-style.css
@@ -201,3 +201,4 @@ details[open] summary:before { transform: rotate(0deg); }
     .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; }
 }
+[Diese Datei ist leer.]
diff --git a/assets/kc-admin.css b/assets/kc-admin.css
new file mode 100644
index 0000000..ed22b63
--- /dev/null
+++ b/assets/kc-admin.css
@@ -0,0 +1,205 @@
+.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;
+}
+.kc-wahl-filter-btn.active{background:#4CAF50;color:#fff;}
+.kc-phase-filter-btn.active{background:#1976d2;color:#fff;}
+@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; }
+}
diff --git a/includes/admin-teilnehmer.php b/includes/admin-teilnehmer.php
index b4caf65..5288641 100644
--- a/includes/admin-teilnehmer.php
+++ b/includes/admin-teilnehmer.php
@@ -309,7 +309,7 @@ function kc_teilnehmer_page() {
         echo '</details>';
     }
     // JS für Wahl- und Phasen-Filter
-    echo '<style>.kc-wahl-filter-btn.active{background:#4CAF50;color:#fff;} .kc-phase-filter-btn.active{background:#1976d2;color:#fff;}</style>';
+    // CSS moved to admin-teilnehmer.css
     echo '<script>
     (function() {
         var btns = Array.prototype.slice.call(document.querySelectorAll(".kc-wahl-filter-btn"));
diff --git a/includes/frontend-ergebnis.php b/includes/frontend-ergebnis.php
index d815da6..1c89869 100644
--- a/includes/frontend-ergebnis.php
+++ b/includes/frontend-ergebnis.php
@@ -106,28 +106,7 @@ 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>';
diff --git a/includes/frontend-form.php b/includes/frontend-form.php
index 320921e..6a23c11 100644
--- a/includes/frontend-form.php
+++ b/includes/frontend-form.php
@@ -152,26 +152,7 @@ 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; ?>
 
diff --git a/konficastle-workshopwahl.php b/konficastle-workshopwahl.php
index 790cae2..503a697 100644
--- a/konficastle-workshopwahl.php
+++ b/konficastle-workshopwahl.php
@@ -10,14 +10,15 @@
 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-style.css',
+            plugin_dir_url(__FILE__) . 'assets/kc-admin.css',
             [],
-            filemtime(plugin_dir_path(__FILE__) . 'assets/kc-admin-style.css')
+            filemtime(plugin_dir_path(__FILE__) . 'assets/kc-admin.css')
         );
     }
 });
@@ -32,10 +33,14 @@ add_action('admin_enqueue_scripts', function($hook) {
 
 
 
+
+
 add_action('wp_enqueue_scripts', function() {
-    wp_enqueue_style('kc-workshopwahl-form', plugins_url('assets/frontend-form.css', __FILE__));
+    wp_enqueue_style('kc-workshopwahl-frontend', plugins_url('assets/frontend.css', __FILE__));
 });
 
+
+
 // Zentrale Admin-Menüstruktur
 add_action('admin_menu', function() {
     add_menu_page('Wahlen', 'Wahlen', 'manage_options', 'kc_wahlen', 'kc_wahlen_page');