diff --git a/public/shop.css b/public/shop.css
index b7779e5..70527a9 100644
--- a/public/shop.css
+++ b/public/shop.css
@@ -10,6 +10,7 @@
 
 /* -------------------------------------------------- Hinweise und Meldungen --- */
 .sh-box { display: flex; align-items: center; justify-content: space-between; gap: 10px 16px; flex-wrap: wrap; margin-bottom: 16px; padding: 12px 16px; border-radius: 12px; font-size: 14px; line-height: 1.5; }
+.sh-box[hidden] { display: none; }
 .sh-box-warn { background: rgba(251, 191, 36, 0.12); border: 1px solid rgba(251, 191, 36, 0.45); }
 .sh-box-info { background: var(--kb-purple-soft); border: 1px solid var(--kb-purple-line); }
 .sh-hinweise:empty { display: none; }
diff --git a/test/buchungenUi.test.js b/test/buchungenUi.test.js
index 615686f..b10e029 100644
--- a/test/buchungenUi.test.js
+++ b/test/buchungenUi.test.js
@@ -821,3 +821,8 @@ test('Anfrageformular: 409 lädt die Ansicht neu, die Meldung bleibt sichtbar; P
   })()
   vergissAuswahl()
 })
+
+test('CSS: ein ausgeblendetes .sh-box (hidden) bleibt unsichtbar (Hinweis zur Zustimmung in den Einstellungen)', () => {
+  const css = readFileSync(new URL('../public/shop.css', import.meta.url), 'utf8')
+  assert.match(css, /\.sh-box\[hidden\]\s*\{\s*display:\s*none/)
+})