Add SVG preview

sections/german/02/02.md

@@ -110,6 +110,7 @@ Name: Donald Knuth \\\\
 Geburtsdatum: \\\\ % TODO: einfügen
 Geburtsort: Milwaukee, Wisconsin
 % Ende Steckbrief</code></pre>
+        <p>Tastenkombinationen: <kbd>Strg</kbd> + <kbd>T</kbd> und <kbd>Strg</kbd> + <kbd>U</kbd></p>
     </div>
     <div class="layout-preview">
         <figure>

sections/german/04/main-parts.tex

@@ -15,7 +15,6 @@
 	\tikzstyle{rel}=[fill=blue!70]
 	\tikzstyle{partition}=[draw=white]
 
-	% 4/3
 	\begin{myverbbox}{\main}
 		\documentclass{article}
 		\usepackage[ngerman]{babel}

sections/german/15/15.md

@@ -64,7 +64,8 @@ weiter verbreitet.
     <div class="layout-content">
     <h2>Grafiken erstellen</h2>
     <p><code>TikZ</code> (»TikZ ist kein Zeichenprogramm«) ist ein umfangreiches Paket zur Erstellung von Vektorgrafiken.</p>
-    <pre class="lang-tex hljs small-text scroll-one-half"><code>\tikzstyle{every node}=[draw=black,thick,anchor=west]
+    <pre class="lang-tex hljs small-text scroll-one-half"><code>% …
+\tikzstyle{every node}=[draw=black,thick,anchor=west]
 \tikzstyle{selected}=[draw=red,fill=red!30]
 \tikzstyle{dir}=[fill=gray!50]
 \tikzstyle{relativeTo}=[fill=blue!70]
@@ -88,10 +89,11 @@ child { node {home}
     }
   }
 };
-\end{tikzpicture}</code></pre>
+\end{tikzpicture}
+% …</code></pre>
     </div>
     <div class="layout-preview">
-            <img src="sections/german/04/relative_path.png">
+            <img src="sections/german/04/relative-path-crop.svg">
     </div>
 </div>