diff --git a/public/styles/layout.css b/public/styles/layout.css
index ee5890a..4337808 100755
--- a/public/styles/layout.css
+++ b/public/styles/layout.css
@@ -1990,13 +1990,11 @@
 button i[data-lucide],
 button svg { pointer-events: none; }
 
-/* Kompakter Icon-Button (36×36) für Icons in engen Listenkontexten */
+/* Kompakter Icon-Button: 44px Klickfläche, optisch kompakt durch geringes Padding */
 .btn--icon-sm {
   padding: var(--space-1);
-  min-height: unset;
-  min-width: unset;
-  width: 36px;
-  height: 36px;
+  min-height: var(--target-base);
+  min-width: var(--target-base);
 }
 
 /* Textarea: vertikale Größenänderung ist nutzbar */
diff --git a/public/styles/tokens.css b/public/styles/tokens.css
index 8137726..e49104c 100644
--- a/public/styles/tokens.css
+++ b/public/styles/tokens.css
@@ -307,10 +307,10 @@
   /* --------------------------------------------------------
    * 11b. Touch-Target Sizes
    * -------------------------------------------------------- */
-  --target-sm: 32px;
-  --target-md: 40px;
-  --target-lg: 48px;
-  --target-base: 44px;
+  --target-sm: 32px;    /* Visuelle Größe (z.B. Logos) — kein Touch-Target */
+  --target-md: 40px;    /* Desktop Touch-Target (Maus) */
+  --target-lg: 48px;    /* Mobile Touch-Target (Finger) */
+  --target-base: 44px;  /* iOS-Minimum Touch-Target (44pt) */
 
   /* --------------------------------------------------------
    * 12. Layout