diff --git a/App/pages/buch-tourismustal.php b/App/pages/buch-tourismustal.php
index f975e64..130da8c 100644
--- a/App/pages/buch-tourismustal.php
+++ b/App/pages/buch-tourismustal.php
@@ -43,6 +43,8 @@ function g(string $slug, string $label): string {
 <link rel="stylesheet" href="<?= $bp ?>/assets/css/design-system.css">
 <script src="<?= $bp ?>/assets/js/glossar-tooltip.js" defer></script>
 <style>
+  /* design-system.css sperrt body-Scroll (App-Layout) – Buch braucht Scroll */
+  html, body { overflow: auto !important; height: auto !important; }
   body { background: #edeae0; margin: 0; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #2f3e46; }
   .b-wrap { max-width: 880px; margin: 0 auto; padding: 18px 14px 80px; }
   .b-nav { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; font-size: 14px; }
diff --git a/App/pages/buch.php b/App/pages/buch.php
index 4b69231..4aa4bf9 100644
--- a/App/pages/buch.php
+++ b/App/pages/buch.php
@@ -24,6 +24,8 @@ $KAPITEL = [
 <title>📖 Schulbuch · GeoGraSim</title>
 <link rel="stylesheet" href="<?= $bp ?>/assets/css/design-system.css">
 <style>
+  /* design-system.css sperrt body-Scroll (App-Layout) – Buch braucht Scroll */
+  html, body { overflow: auto !important; height: auto !important; }
   body { background: #edeae0; margin: 0; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #2f3e46; }
   .b-wrap { max-width: 880px; margin: 0 auto; padding: 26px 14px 80px; }
   h1 { font-size: 30px; margin: 0 0 4px; }