diff --git a/public/css/gaststaette.css b/public/css/gaststaette.css
new file mode 100644
index 0000000..a7a5e83
--- /dev/null
+++ b/public/css/gaststaette.css
@@ -0,0 +1,68 @@
+/* ============================================================
+   public/css/gaststaette.css
+============================================================ */
+
+/* ── Gaststätte Haupt-Body ───────────────── */
+.gaststaette-body {
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  min-width: 0;
+}
+
+/* ── Linke Tab-Leiste ────────────────────── */
+.gaststaette-tabs {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 16px 10px;
+  background: rgba(0, 0, 0, 0.25);
+  border-right: 2px solid #8b6a3c;
+  min-width: 140px;
+  flex-shrink: 0;
+}
+
+.gaststaette-tab {
+  background: linear-gradient(145deg, #3a2810, #1a0f04);
+  border: 2px solid #8b6a3c;
+  border-radius: 6px;
+  color: #e7d9b4;
+  font-family: "Cinzel", serif;
+  font-size: 13px;
+  font-weight: bold;
+  padding: 10px 14px;
+  text-align: left;
+  cursor: pointer;
+  transition: 0.2s;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+.gaststaette-tab:hover {
+  border-color: #f0d060;
+  background: linear-gradient(145deg, #5a3c18, #2a1a08);
+}
+.gaststaette-tab.active {
+  background: linear-gradient(145deg, #6b4b2a, #3c2414);
+  border-color: #f0d060;
+  color: #f0d060;
+}
+
+/* ── Inhalts-Bereich ─────────────────────── */
+.gaststaette-content {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.gaststaette-tab-content {
+  display: none;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+.gaststaette-tab-content.active {
+  display: flex;
+  flex-direction: column;
+}
diff --git a/public/css/glucksspiel.css b/public/css/glucksspiel.css
index 62b26c7..e51a307 100644
--- a/public/css/glucksspiel.css
+++ b/public/css/glucksspiel.css
@@ -57,6 +57,7 @@
 /* ── Mittlere Spalte: Sammlung ───────────── */
 .gs-collection {
   flex: 1;
+  min-width: 0;
   display: flex;
   flex-direction: column;
   border-right: 2px solid #6b4b2a;
diff --git a/public/css/quickmenu.css b/public/css/quickmenu.css
index 03467df..c2b2621 100644
--- a/public/css/quickmenu.css
+++ b/public/css/quickmenu.css
@@ -210,65 +210,4 @@
   display: block;
 }
 
-/* =========================
-   Gaststätte Popup
-========================= */
-
-.gaststaette-body {
-  display: flex;
-  flex: 1;
-  overflow: hidden;
-}
-
-.gaststaette-tabs {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  padding: 16px 10px;
-  background: rgba(0, 0, 0, 0.25);
-  border-right: 2px solid #8b6a3c;
-  min-width: 140px;
-  flex-shrink: 0;
-}
-
-.gaststaette-tab {
-  background: linear-gradient(145deg, #3a2810, #1a0f04);
-  border: 2px solid #8b6a3c;
-  border-radius: 6px;
-  color: #e7d9b4;
-  font-family: "Cinzel", serif;
-  font-size: 13px;
-  font-weight: bold;
-  padding: 10px 14px;
-  text-align: left;
-  cursor: pointer;
-  transition: 0.2s;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-}
-.gaststaette-tab:hover {
-  border-color: #f0d060;
-  background: linear-gradient(145deg, #5a3c18, #2a1a08);
-}
-.gaststaette-tab.active {
-  background: linear-gradient(145deg, #6b4b2a, #3c2414);
-  border-color: #f0d060;
-  color: #f0d060;
-}
-
-.gaststaette-content {
-  flex: 1;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}
-
-.gaststaette-tab-content {
-  display: none;
-  flex: 1;
-  overflow: hidden;
-}
-.gaststaette-tab-content.active {
-  display: flex;
-  flex-direction: column;
-}
+/* Gaststätte-Styles → gaststaette.css */
diff --git a/public/js/map-ui.js b/public/js/map-ui.js
index a951105..ecb1a3a 100644
--- a/public/js/map-ui.js
+++ b/public/js/map-ui.js
@@ -3,6 +3,13 @@ import { loadCharacterHouse } from "./buildings/character-house.js?v=2";
 import { loadBlackmarket } from "./buildings/blackmarket.js?v=2";
 import { loadMine } from "./buildings/mine.js?v=2";
 import { loadGlucksspiel } from "./gaststaette/glucksspiel.js";
+
+/* Gaststätte CSS einmalig laden */
+if (!document.querySelector('link[href="/css/gaststaette.css"]')) {
+  const _l = document.createElement("link");
+  _l.rel = "stylesheet"; _l.href = "/css/gaststaette.css";
+  document.head.appendChild(_l);
+}
 const popup = document.getElementById("building-popup");
 const title = document.getElementById("popup-title");
 const tooltip = document.getElementById("map-tooltip");