diff --git a/assets/frontend.css b/assets/frontend.css
index b23463e..420ec93 100644
--- a/assets/frontend.css
+++ b/assets/frontend.css
@@ -1,3 +1,31 @@
+.kc-workshop-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 8px;
+    gap: 8px;
+}
+.kc-workshop-title {
+    font-weight: bold;
+    font-size: 1.08em;
+    flex: 1 1 auto;
+    min-width: 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+.kc-workshop-count {
+    color: #2da66a;
+    font-size: 0.98em;
+    margin-left: 8px;
+    white-space: nowrap;
+}
+.teamers {
+    color: #888;
+    font-size: 0.95em;
+    margin-left: 8px;
+    white-space: nowrap;
+}
 .kc-form-container {
     box-sizing: border-box;
     width: 100%;
@@ -126,25 +154,26 @@
 .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: repeat(auto-fit, minmax(160px, 1fr));
-    gap: 6px 12px;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
     font-size: 0.95rem;
     color: #2b2b2b;
 }
 .kc-participant {
-    padding: 6px 8px;
+    padding: 2px 8px;
     border-radius: 6px;
-    background: transparent;
-    white-space: normal;
-    overflow: visible;
+    background: #e8f9ef;
+    white-space: nowrap;
+    display: inline-block;
     max-width: 100%;
-    display: block;
-    word-break: break-word;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 .kc-participant.me {
-    background: #fffbe6;
-    border: 1px solid #ffeab2;
+    background: #2da66a;
+    color: #fff;
+    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;} }
diff --git a/includes/frontend-ergebnis.php b/includes/frontend-ergebnis.php
index e27aee4..0047b22 100644
--- a/includes/frontend-ergebnis.php
+++ b/includes/frontend-ergebnis.php
@@ -176,22 +176,23 @@ add_shortcode('konficastle_workshop_ergebnis', function($atts) {
             }
 
             echo '<div class="kc-workshop-card">';
-            // Teamernamen (falls vorhanden) anzeigen - mit Phase-Key
             $teamer_html = '';
             $teamer_key = intval($d['id']) . '_' . intval($phase);
             if (!empty($ws_teamers[$teamer_key])) {
                 $teamer_html = '<span class="teamers">'.esc_html(implode(', ', $ws_teamers[$teamer_key])).'</span>';
             }
-            echo '<div class="title">'.esc_html($ws_name).' '. $teamer_html .'<span class="count">('.$count.' TN)</span></div>';
-            echo '<div class="content">';
+            echo '<div class="kc-workshop-header">';
+            echo '<span class="kc-workshop-title">'.esc_html($ws_name).'</span>';
+            if ($teamer_html) echo ' '.$teamer_html;
+            echo '<span class="kc-workshop-count">('.$count.' TN)</span>';
+            echo '</div>';
             echo '<div class="kc-participants">';
             foreach($teilnehmer as $t) {
                 $is_me = in_array(intval($t->id), $my_ids);
                 $name = esc_html($t->vorname.' '.$t->nachname);
-                echo '<div class="kc-participant'.($is_me ? ' me' : '').'" style="white-space:nowrap;">'. $name .'</div>';
+                echo '<span class="kc-participant'.($is_me ? ' me' : '').'">'. $name .'</span>';
             }
-            echo '</div>'; // kc-participants
-            echo '</div>'; // content
+            echo '</div>';
             echo '</div>';
         }