diff --git a/app/public/assets/css/main.css b/app/public/assets/css/main.css
index 2dbeb5c..a6c1ab4 100644
--- a/app/public/assets/css/main.css
+++ b/app/public/assets/css/main.css
@@ -243,3 +243,74 @@ button {
     width: 160px;
   }
 }
+
+.settings-subtitle {
+  color: var(--muted);
+  margin: 6px 0 0;
+}
+
+.channel-settings-list {
+  display: grid;
+  gap: 14px;
+}
+
+.channel-settings-card {
+  background: var(--panel);
+  border: 1px solid var(--border);
+  border-radius: 18px;
+  padding: 18px;
+  display: grid;
+  grid-template-columns: 1fr auto;
+  gap: 20px;
+  align-items: center;
+}
+
+.channel-settings-title {
+  font-size: 1.1rem;
+  font-weight: 800;
+}
+
+.switch-row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.channel-settings-fields {
+  display: flex;
+  align-items: end;
+  gap: 14px;
+  flex-wrap: wrap;
+}
+
+.channel-settings-fields label {
+  color: var(--muted);
+  font-size: 0.82rem;
+  font-weight: 700;
+}
+
+.channel-settings-fields input[type="text"],
+.channel-settings-fields input[type="number"] {
+  display: block;
+  margin-top: 5px;
+  background: #020617;
+  color: var(--text);
+  border: 1px solid var(--border);
+  border-radius: 9px;
+  padding: 8px 10px;
+}
+
+.favorite-toggle {
+  color: var(--text) !important;
+  background: var(--panel-2);
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  padding: 9px 12px;
+  cursor: pointer;
+}
+
+@media (max-width: 900px) {
+  .channel-settings-card {
+    grid-template-columns: 1fr;
+  }
+}
diff --git a/app/templates/channels.php b/app/templates/channels.php
index 15ae53b..b277e9b 100644
--- a/app/templates/channels.php
+++ b/app/templates/channels.php
@@ -4,41 +4,42 @@
 
 <form method="post" class="settings-form">
   <div class="settings-header">
-    <h2>Senderverwaltung</h2>
+    <div>
+      <h2>Senderverwaltung</h2>
+      <p class="settings-subtitle">Aktiviere Sender, markiere Favoriten und ändere die Reihenfolge.</p>
+    </div>
     <button type="submit">Speichern</button>
   </div>
 
-  <table class="channels-table">
-    <thead>
-      <tr>
-        <th>Nr.</th>
-        <th>Aktiv</th>
-        <th>Favorit</th>
-        <th>Sender</th>
-        <th>Gruppe</th>
-      </tr>
-    </thead>
-    <tbody>
-      <?php foreach ($channelConfig as $id => $channel): ?>
-        <tr>
-          <td>
-            <input class="number-input" type="number" name="number[<?= htmlspecialchars($id) ?>]" value="<?= (int)($channel['number'] ?? 999999) ?>">
-          </td>
-          <td>
+  <div class="channel-settings-list">
+    <?php foreach ($channelConfig as $id => $channel): ?>
+      <article class="channel-settings-card">
+        <div class="channel-settings-main">
+          <label class="switch-row">
             <input type="checkbox" name="enabled[<?= htmlspecialchars($id) ?>]" <?= !empty($channel['enabled']) ? 'checked' : '' ?>>
-          </td>
-          <td>
-            <input type="checkbox" name="favorite[<?= htmlspecialchars($id) ?>]" <?= !empty($channel['favorite']) ? 'checked' : '' ?>>
-          </td>
-          <td>
-            <strong><?= htmlspecialchars($channel['name'] ?? $id) ?></strong>
-            <div class="channel-id"><?= htmlspecialchars($id) ?></div>
-          </td>
-          <td>
+            <span class="channel-settings-title"><?= htmlspecialchars($channel['name'] ?? $id) ?></span>
+          </label>
+
+          <div class="channel-id"><?= htmlspecialchars($id) ?></div>
+        </div>
+
+        <div class="channel-settings-fields">
+          <label>
+            Nummer
+            <input class="number-input" type="number" name="number[<?= htmlspecialchars($id) ?>]" value="<?= (int)($channel['number'] ?? 999999) ?>">
+          </label>
+
+          <label>
+            Gruppe
             <input type="text" name="group[<?= htmlspecialchars($id) ?>]" value="<?= htmlspecialchars($channel['group'] ?? 'Unknown') ?>">
-          </td>
-        </tr>
-      <?php endforeach; ?>
-    </tbody>
-  </table>
+          </label>
+
+          <label class="favorite-toggle">
+            <input type="checkbox" name="favorite[<?= htmlspecialchars($id) ?>]" <?= !empty($channel['favorite']) ? 'checked' : '' ?>>
+            ⭐ Favorit
+          </label>
+        </div>
+      </article>
+    <?php endforeach; ?>
+  </div>
 </form>