diff --git a/apps/web/src/styles/base.css b/apps/web/src/styles/base.css
index 44ad026..f31836a 100644
--- a/apps/web/src/styles/base.css
+++ b/apps/web/src/styles/base.css
@@ -2793,6 +2793,15 @@ ul[data-type='task_list'] li p:last-of-type {
   height: auto;
 }
 
+/* Plugin-fallback SVGs (e.g. Excalidraw sketches inlined by the api's
+   fallback renderer) carry fixed pixel width/height attributes; without this
+   they overflow narrow viewports — the img rule above does not match inline
+   <svg> elements. */
+.dt-plugin-fallback svg {
+  max-width: 100%;
+  height: auto;
+}
+
 /* Effective-permissions inspector (issue #57) */
 .inspector__intro {
   color: var(--color-text-muted);
diff --git a/docs/de/tutorial/19-standard-bausteine.md b/docs/de/tutorial/19-standard-bausteine.md
index c992df6..2050b8e 100644
--- a/docs/de/tutorial/19-standard-bausteine.md
+++ b/docs/de/tutorial/19-standard-bausteine.md
@@ -46,6 +46,8 @@ Nadia hat damit auf ihrer Seite
 den Bühnenplan fürs nächste Open-Air gekritzelt — samt Merker, wo der
 beste Platz ist.
 
+![Nadias handgezeichneter Bühnenplan aus dem Excalidraw-Baustein](img/19-excalidraw-buehnenplan.png)
+
 ## Inhaltsverzeichnis — lange Seiten gliedern
 
 Ein **Seiten-Werkzeug**: Es sitzt hinter dem Werkzeug-Symbol in der
diff --git a/docs/de/tutorial/img/19-excalidraw-buehnenplan.png b/docs/de/tutorial/img/19-excalidraw-buehnenplan.png
new file mode 100644
index 0000000..7ab9ca1
Binary files /dev/null and b/docs/de/tutorial/img/19-excalidraw-buehnenplan.png differ