Add tikz images for file paths

sections/german/04/04.md

@@ -101,7 +101,7 @@ Inhalt von Abschnitt 1.</code></pre>
         </ul>
     </div>
     <div class="layout-preview">
-        <img src="sections/german/04/ordnerbaum.png">
+        <img src="sections/german/04/unix_tree.png">
     </div>
 </div>
 
@@ -120,9 +120,15 @@ Inhalt von Abschnitt 1.</code></pre>
                 </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>
     </div>
     <div class="layout-preview">
-        <img src="sections/german/04/pfad_absolut.png">
+        <img src="sections/german/04/unix_absolute_path.png">
+        <img src="sections/german/04/windows_absolute_path.png">
     </div>
 </div>
 
@@ -137,10 +143,16 @@ Inhalt von Abschnitt 1.</code></pre>
             <li>kürzer + weniger Schreibarbeit! ☺</li>
             <li>bei `\input{}`und `\include{}` muss der Pfad zu einer Unterdatei relativ zur Hauptdatei angeben werden</li>
         </ul>
-        <p>Der **einfache Punkt .** bezieht sich bei relativen Pfaden auf den Ordner, in dem die Ausgangsdatei liegt (hier: LaTeX-Tut).</p>
+        Beispiel: Relativer Pfad von main.tex zu part1.tex
+	<ul>
+            <li>Unix: ./part1.tex</li>
+            <li>Windows: .\part1.tex</li>
+        </ul>
+        <p>Der **einfache Punkt .** bezieht sich bei relativen Pfaden auf den Ordner, in dem die Ausgangsdatei liegt (hier: latex).</p>
     </div>
     <div class="layout-preview">
-        <img src="sections/german/04/pfad_relativ_gleicher_ordner.png">
+        <img src="sections/german/04/unix_relative_path.png">
+        <img src="sections/german/04/windows_relative_path.png">
     </div>
 </div>
 
@@ -150,10 +162,15 @@ Inhalt von Abschnitt 1.</code></pre>
     <div class="layout-content">
         <h2 data-category="Exkurs">Dateipfade angeben 👣</h2>
         <h3>Relative Dateipfade</h3>
-	Pfad von der Hauptdatei zu einer Teildatei in einem Unterordner.
+	Beispiel: Relativer Pfad von main.tex zu part1.tex in Unterordner
+	<ul>
+            <li>Unix: ./sections/part1.tex</li>
+            <li>Windows: .\sections\part1.tex</li>
+        </ul>
     </div>
     <div class="layout-preview">
-        <img src="sections/german/04/pfad_relativ_unterordner.png">
+        <img src="sections/german/04/unix_relative_path_subdir.png">
+        <img src="sections/german/04/windows_relative_path_subdir.png">
     </div>
 </div>
 
@@ -163,10 +180,17 @@ Inhalt von Abschnitt 1.</code></pre>
     <div class="layout-content">
         <h2 data-category="Exkurs">Dateipfade angeben 👣</h2>
         <h3>Relative Dateipfade</h3>
-        <p>**Zwei Punkte ..** bezeichnen den Elternordner des aktuellen Ordners (hier: Dokumente, der Elternordner von LaTeX-Tut).</p>
+        Beispiel: Relativer Pfad von main.tex in eigenem Unterordner zu part1.tex in anderem Unterordner
+	<ul>
+            <li>Unix: ../sections/part1.tex</li>
+            <li>Windows: ..\sections\part1.tex</li>
+        </ul>
+
+        <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/pfad_relativ_elternordner.png">
+        <img src="sections/german/04/unix_relative_path_superdir.png">
+        <img src="sections/german/04/windows_relative_path_superdir.png">
     </div>
 </div>