From 1d9e9dab81253d9e63459720b1eb8c224562cbe8 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 14:59:10 +0200
Subject: [PATCH] Freies Layout: Mobil-Reset (<=768/480px) auf gestapeltes
 Layout, ungeschichtet

---
 src/css/main.css | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/css/main.css b/src/css/main.css
index d31ead4..be8420f 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -2523,7 +2523,13 @@ body.show-desc .bm-desc { display: block; }
   }
   .btn-icon { padding: 6px 8px; gap: 0; }
 
-  .boards-wrapper { padding: 100px 16px 24px; gap: 10px; }
+  .boards-wrapper { padding: 100px 16px 24px; gap: 10px; justify-content: center; }
+  /* Free-Layout-Reset: ab Tablet wieder gestapeltes Flex-Layout. Ungeschichtet ->
+     gewinnt ueber @layer components (.board position:absolute). pos/--board-x/y werden ignoriert. */
+  .board {
+    position: static;
+    left: auto; top: auto;
+  }
 
   .settings-panel { width: 320px; }
   .theme-grid { grid-template-columns: 1fr 1fr; }
@@ -2554,7 +2560,11 @@ body.show-desc .bm-desc { display: block; }
     align-items: stretch;
   }
 
-  .board { width: 100%; }
+  .board {
+    width: 100%;
+    position: static;
+    left: auto; top: auto;
+  }
 
   .settings-panel { width: 100%; }
   .theme-grid { grid-template-columns: 1fr 1fr; gap: 6px; }