diff --git a/css/theme/latex.css b/css/theme/latex.css
index a47f3c2..91867d4 100644
--- a/css/theme/latex.css
+++ b/css/theme/latex.css
@@ -122,10 +122,11 @@ body {
       max-height: calc(.9 * var(--square));
       box-shadow: 0.2em 0.2em 0.5em 0 rgba(0, 0, 0, 0.3);
       object-fit: cover;
-      margin: calc(.05 * var(--square)); }
+      margin: calc(.05 * var(--square));
+      padding: .5em;
+      background-color: white;
+      box-sizing: border-box; }
       body .layout-preview img[src$="-crop.svg"] {
-        box-sizing: border-box;
-        background: white;
         padding: calc(var(--margin) * var(--square));
         object-fit: contain;
         width: calc(0.9 * var(--square)); }
diff --git a/css/theme/source/latex.scss b/css/theme/source/latex.scss
index c0cab5d..a7f621a 100644
--- a/css/theme/source/latex.scss
+++ b/css/theme/source/latex.scss
@@ -178,9 +178,11 @@ body {
       box-shadow: .2em .2em .5em 0 rgba(0, 0, 0, .3);
       object-fit: cover;
       margin: calc(.05 * var(--square));
+      padding: .5em;
+      background-color: white;
+      box-sizing: border-box;
+
       &[src$="-crop.svg"] {
-        box-sizing: border-box;
-        background: white;
         padding: calc(var(--margin) * var(--square));
         object-fit: contain;
         width: calc(0.9 * var(--square));
diff --git a/sections/german/04/04.md b/sections/german/04/04.md
index 67c1dc7..a406b12 100644
--- a/sections/german/04/04.md
+++ b/sections/german/04/04.md
@@ -11,12 +11,12 @@
         <h2>Zielsetzung</h2>
         <p>Ein größeres LaTeX-Projekt anlegen und dabei …</p>
         <ul>
-            <li>verhindern, dass LaTeX-Dokumente zu monströser Größe anwachsen 👹</li>
+            <li>verhindern, dass LaTeX-Dokumente zu monströser Größe anwachsen <span class="emoji">👹</span></li>
             <li>den Überblick über die Struktur eines Projekts behalten</li>
         </ul>
     </div>
     <div class="layout-preview">
-        <img src="sections/german/04/langes-dokument.png" style="background: white; padding: .2em;">
+        <img src="sections/german/04/langes-dokument.png" style="padding: .2em;">
     </div>
 </div>
 
@@ -24,13 +24,11 @@
 
 <div class="layout layout-content-and-preview">
     <div class="layout-content">
-        <h2 class="layout-title">Hauptdatei <span class="emoji">👑</span></h2>
+        <h2>Hauptdatei <span class="emoji">👑</span></h2>
         <ul>
             <li>enthält Grundgerüst, Titel, Inhaltsverzeichnis etc.</li>
             <li>bindet einzelne Kapitel ein mit<br>
                 <code>\input{file.tex}</code> oder <code>\include{file}</code></li>
-                </ul>
-            </li>
         </ul>
         <pre class="lang-tex hljs" data-sourcefile="main.tex"><code>\documentclass{article}
 \usepackage[ngerman]{babel}
@@ -45,8 +43,9 @@
 \end{document}</code></pre>
     </div>
     <div class="layout-preview">
-        ![](sections/german/04/main-orig.svg)
+        <img src="sections/german/04/main-orig.svg">
     </div>
+</div>
 
 ---
 
@@ -57,12 +56,19 @@
             <li>enthält **keine Präambel**<li>
             <li>enthält **kein** `\begin{document}` und `\end{document}`</li>
         </ul>
-        <pre data-source="abschnitt1.tex" class="hljs lang-tex"><code>\section{Dies ist Abschnitt1}
+        <pre data-sourcefile="part1.tex" class="hljs lang-tex"><code>\section{Dies ist Abschnitt 1}
 Hier ein Absatz zum
-Inhalt von Abschnitt 1.</code></pre>
+Inhalt von Abschnitt 1.
+
+% …</code></pre>
+        <pre data-sourcefile="part2.tex" class="hljs lang-tex"><code>\section{Dies ist Abschnitt 2}
+Hier ein Absatz zum
+Inhalt von Abschnitt 2.
+
+% …</code></pre>
     </div>
     <div class="layout-preview">
-        <p><img src="sections/german/04/main_parts.png"></p>
+        <img src="sections/german/04/main_parts.png">
     </div>
 </div>
 
@@ -70,12 +76,12 @@ Inhalt von Abschnitt 1.</code></pre>
 
 <div class="layout-two-columns">
     <div class="layout-title">
-        <h2>input oder include?</h2>
+        <h2>`input` oder `include`?</h2>
     </div>
     <div class="layout-column-one">
         <pre class="lang-tex jshl"><code>\input{filename.tex}</code></pre>
         <ul class="fragment">
-            <li>Dateiendung .tex angeben</li>
+            <li>Dateiendung `.tex` angeben</li>
             <li>**Schachtelung** möglich: Unterdateien können wiederum per `\input{}` andere Unterunterdateien einbinden</li>
             <li>Unterdatei wird im fertigen Dokument **ohne Sprung auf neue Seite** in Hauptdatei eingefügt</li>
         </ul>
@@ -83,7 +89,7 @@ Inhalt von Abschnitt 1.</code></pre>
     <div class="layout-column-two">
         <pre class="lang-tex jshl"><code>\include{filename}</code></pre>
         <ul class="fragment">
-            <li>Dateiendung .tex **nicht** angeben</li>
+            <li>Dateiendung `.tex` **nicht** angeben</li>
             <li>**Schachtelung** nicht möglich</li>
             <li>für jede Unterdatei wird im fertigen Dokument eine **neue Seite** angelegt</li>
         </ul>
@@ -97,7 +103,7 @@ Inhalt von Abschnitt 1.</code></pre>
         <h2 data-category="Exkurs">Dateipfade angeben <span class="emoji">👣</span></h2>
         <ul>
             <li>wichtig für `\input{}` und `\include{}` sowie später für das Einbinden von Bildern</li>
-            <li>Datei- und Ordnerstruktur = Baumstruktur 🌳</li>
+            <li>Datei- und Ordnerstruktur = Baumstruktur <span class="emoji">🌳</span></li>
         </ul>
     </div>
     <div class="layout-preview">
@@ -115,17 +121,19 @@ Inhalt von Abschnitt 1.</code></pre>
             <li>Pfad von der Wurzel des Ordnerbaums bis zur jeweiligen Datei</li>
             <li>die verschiedenen Ebenen des Baums werden dabei durch folgende Zeichen getrennt:
                 <ul>
-                    <li>Unter Unix: `/`</li>
-                    <li>Unter Windows: `\`</li>
+                    <li>Unter Unix: »`/`«</li>
+                    <li>Unter Windows: »`\`«</li>
                 </ul>
             </li>
         </ul>
-	Beispiel: Absoluter Pfad zu main.tex
-	<ul>
-            <li>Unix: /home/knut/docs/latex/main.tex</li>
-            <li>Windows: C:\knut\docs\latex\main.tex</li>
-        </ul>
-	<p>Allerdings muss bei LaTeX stets die Unix-Syntax für Pfadangaben verwendet werden. Deshalb werden wir im folgenden diese verwerden.</p>
+        <div class="fragment">
+            <p><b>Beispiel:</b> Absoluter Pfad zu `main.tex`</p>
+            <ul>
+                    <li>Unix: `/home/knut/docs/latex/main.tex`</li>
+                    <li>Windows: `C:\knut\docs\latex\main.tex`</li>
+                </ul>
+            <p>Allerdings muss **bei LaTeX stets die Unix-Syntax** für Pfadangaben verwendet werden. Deshalb werden wir im folgenden diese verwerden.</p>
+        </div>
     </div>
     <div class="layout-preview">
         <img src="sections/german/04/absolute_path.png">
@@ -140,12 +148,14 @@ Inhalt von Abschnitt 1.</code></pre>
         <h3>Relative Dateipfade</h3>
         <ul>
             <li>Pfad von einem bestimmten Ort irgendwo im Ordnerbaum bis zur jeweiligen Datei</li>
-            <li>kürzer + weniger Schreibarbeit! ☺</li>
+            <li>kürzer + weniger Schreibarbeit! <span class="emoji">☺</span></li>
             <li>bei `\input{}`und `\include{}` muss der Pfad zu einer Unterdatei relativ zur Hauptdatei angeben werden</li>
         </ul>
-        Beispiel: Relativer Pfad von main.tex zu part1.tex
-        <p>./part1.tex</p>
-        <p>Der **einfache Punkt .** bezieht sich bei relativen Pfaden auf den Ordner, in dem die Ausgangsdatei liegt (hier: latex).</p>
+        <div class="fragment">
+            <p><b>Beispiel:</b> Relativer Pfad <br/>von `main.tex` zu `part1.tex`</p>
+            <p>`./part1.tex`</p>
+            <p>Der **einfache Punkt ».«** bezieht sich bei relativen Pfaden auf den Ordner, in dem die Ausgangsdatei liegt (hier: `latex`).</p>
+        </div>
     </div>
     <div class="layout-preview">
         <img src="sections/german/04/relative_path.png">
@@ -158,8 +168,8 @@ Inhalt von Abschnitt 1.</code></pre>
     <div class="layout-content">
         <h2 data-category="Exkurs">Dateipfade angeben <span class="emoji">👣</span></h2>
         <h3>Relative Dateipfade</h3>
-	Beispiel: Relativer Pfad von main.tex zu part1.tex in Unterordner
-        <p>./sections/part1.tex</p>
+	    <p><b>Beispiel:</b> Relativer Pfad von `main.tex` zu `part1.tex` in Unterordner</p>
+        <p>`./sections/part1.tex`</p>
     </div>
     <div class="layout-preview">
         <img src="sections/german/04/relative_path_subdir.png">
@@ -172,9 +182,9 @@ Inhalt von Abschnitt 1.</code></pre>
     <div class="layout-content">
         <h2 data-category="Exkurs">Dateipfade angeben <span class="emoji">👣</span></h2>
         <h3>Relative Dateipfade</h3>
-        Beispiel: Relativer Pfad von main.tex in eigenem Unterordner zu part1.tex in anderem Unterordner
-        <p>../sections/part1.tex</p>
-        <p>**Zwei Punkte ..** bezeichnen den Elternordner des aktuellen Ordners (hier: Dokumente, der Elternordner latex des Ordners main).</p>
+        <p><b>Beispiel:</b> Relativer Pfad von `main.tex` in eigenem Unterordner zu `part1.tex` in anderem Unterordner</p>
+        <p>`../sections/part1.tex`</p>
+        <p>**Zwei Punkte »..«** bezeichnen den Elternordner des aktuellen Ordners (hier: Dokumente, der Elternordner latex des Ordners main).</p>
     </div>
     <div class="layout-preview">
         <img src="sections/german/04/relative_path_superdir.png">
@@ -187,8 +197,8 @@ Inhalt von Abschnitt 1.</code></pre>
     <div class="layout-content">
         <h2>Kompilieren des Projekts</h2>
         <ul>
-            <li>**Nur die Hauptdatei** wird kompiliert, um das fertige PDF-Dokument zu erhalten</li>
-            <li>Fehlermeldungen enthalten dann Verweis, in welcher Unterdatei sie aufgetreten sind</li>
+            <li>**Nur die Hauptdatei** wird kompiliert, um das fertige PDF-Dokument zu erhalten.</li>
+            <li>Fehlermeldungen enthalten dann Verweis, in welcher Unterdatei sie aufgetreten sind.</li>
         </ul>
     </div>
 </div>
@@ -199,7 +209,7 @@ Inhalt von Abschnitt 1.</code></pre>
     <div class="layout-content">
         <h2>Kompilieren des Projekts</h2>
         <ul>
-            <li>die Unterdateiten können wegen ihrer fehlenden Präambel nicht selbstständig kompiliert werden</li>
+            <li>Die Unterdateiten können wegen ihrer fehlenden Präambel nicht selbstständig kompiliert werden.</li>
             <li>Trick bei `\include{}`: `\includeonly{file1,file2,...}` in die Präambel schreiben, um nur einzelne Unterdateien zu kompilieren</li>
         </ul>
     </div>
@@ -210,7 +220,7 @@ Inhalt von Abschnitt 1.</code></pre>
 <div class="layout-content-and-preview">
     <div class="layout-content">
         <h2>Präambel ausgelagert</h2>
-        <p>Was denkt ihr, passiert, wenn wir den Präambel in eine Unterdatei auslagern?</p>
+        <p>Was denkt ihr, passiert, wenn wir die Präambel in eine Unterdatei auslagern?</p>
         <p>Wird das Gesamtdokument kompilieren oder nicht?</p>
         <p class="fragment"><strong>Ja, es kompiliert!</strong><br>
             Ein einfacher Weg, um die Hauptdatei noch übersichtlicher zu halten.</p>