diff --git a/css/theme/latex.css b/css/theme/latex.css
index 91867d4..451df86 100644
--- a/css/theme/latex.css
+++ b/css/theme/latex.css
@@ -538,16 +538,16 @@ kbd {
  * Links
  * ============
  */
-p {
+p, li {
   z-index: 1; }
 
-p a:link, p a:hover, p a:active, p a:visited {
+p a:link, p a:hover, p a:active, p a:visited, li a:link, li a:hover, li a:active, li a:visited {
   text-decoration: none;
   color: var(--secondary-dark);
   font-weight: bold;
   position: relative;
   z-index: 1; }
-  p a:link::before, p a:hover::before, p a:active::before, p a:visited::before {
+  p a:link::before, p a:hover::before, p a:active::before, p a:visited::before, li a:link::before, li a:hover::before, li a:active::before, li a:visited::before {
     content: '';
     position: absolute;
     width: 102%;
@@ -558,7 +558,7 @@ p a:link, p a:hover, p a:active, p a:visited {
     left: -1%;
     transition: .2s height ease; }
 
-p a:hover::before {
+p a:hover::before, li a:hover::before {
   height: 110%; }
 
 pre.small-text {
diff --git a/css/theme/source/latex.scss b/css/theme/source/latex.scss
index a7f621a..a093c83 100644
--- a/css/theme/source/latex.scss
+++ b/css/theme/source/latex.scss
@@ -655,11 +655,11 @@ kbd {
  * Links
  * ============
  */
-p {
+p, li {
   z-index: 1;
 }
 
-p a {
+p a, li a {
   &:link,
   &:hover,
   &:active,
diff --git a/sections/german/05/05.md b/sections/german/05/05.md
index 9bee1e1..fdd1883 100644
--- a/sections/german/05/05.md
+++ b/sections/german/05/05.md
@@ -10,18 +10,18 @@
   <div class="layout-content">
     <h2>Leerzeichen</h2>
     <ul>
-        <li>normale Wortzwischenräume per Leertaste</li>
-        <li>geschützte Leerzeichen: `~`</li>
-        <li>schmale Leerzeichen: `\,`</li>
-        <li>viele weitere Breiten verfügbar</li>
+      <li>normale Wortzwischenräume per Leertaste</li>
+      <li>geschützte Leerzeichen: »`~`«</li>
+      <li>schmale Leerzeichen: »`\,`«</li>
+      <li>viele weitere Breiten verfügbar</li>
     </ul>
     <pre class="lang-tex hljs"><code>Schmale Leerzeichen werden z.\,B. in
 Abkürzungen und zwischen Zahlen und
 Einheiten verwendet: 10\,s.
-Normalbreite, aber geschützte Leerzeichen
-können beispielsweise dabei helfen,
-Titel und Namen in einer Zeile zu halten:
-Dr.~Fooboar.</code></pre>
+Normalbreite, aber geschützte
+Leerzeichen können beispielsweise
+dabei helfen, Titel und Namen in
+einer Zeile zu halten: Dr.~Fooboar.</code></pre>
   </div>
   <div class="layout-preview">
     <img src="sections/german/05/leerzeichen-crop.svg">
@@ -77,7 +77,6 @@ Ein- und Ausgabe % als Ergänzungsstrich</code></pre>
         <td>`---`</td>
       </tr>
     </table>
-    <!-- <pre class="lang-tex hljs"><code></code></pre> -->
   </div>
   <div class="layout-preview">
     <img src="sections/german/05/striche-crop.svg">
@@ -115,7 +114,7 @@ Ein- und Ausgabe % als Ergänzungsstrich</code></pre>
         <td>`"~`</td>
       </tr>
     </table>
-    <p data-category="Achtung!">Einige der Codes funktionieren nur mit eingebundenem Babel-Paket.</p>
+    <p data-category="Achtung!">Einige der Codes funktionieren nur mit eingebundenem <code>babel</code>-Paket.</p>
   </div>
   <div class="layout-preview">
     <img src="sections/german/05/silbentrennung-crop.svg">
@@ -211,7 +210,8 @@ Ein- und Ausgabe % als Ergänzungsstrich</code></pre>
     <pre class="lang-tex hljs"><code>\enquote{Ein \enquote{verschachteltes}
 Zitat.}</code></pre>
     <p>Wenn das Paket mit `autostyle=true` eingebunden wird, werden bei fremdsprachigen Zitaten die entsprechenden Anführungszeichen verwendet:</p>
-    <pre class="lang-tex hljs"><code>\foreignquote{english}{An English quote.}</code></pre>
+    <pre class="lang-tex hljs"><code>\foreignquote{english}{An English
+quote.}</code></pre>
   </div>
   <div class="layout-preview">
     <img src="sections/german/05/zitate-crop.svg">
@@ -363,54 +363,60 @@ Zitat.}</code></pre>
 ---
 
 <div class="layout-content-only">
-    <div class="layout-content">
-        <h2>Sonderzeichen & Symbole</h2>
-        <h3>Mathmode</h3>
-        <p>Einige Sonderzeichen und Symbole funktionieren nur in einer Mathematikumgebung:</p>
-        <pre class="lang-tex hljs"><code>% griechische Buchstaben
+  <div class="layout-content">
+    <h2>Sonderzeichen & Symbole</h2>
+    <h3>Mathmode</h3>
+    <p>Einige Sonderzeichen und Symbole funktionieren nur in einer Mathematikumgebung:</p>
+    <pre class="lang-tex hljs"><code>% griechische Buchstaben
 $\pi \Sigma \delta$
 
 % Kreuz
 $\dagger$</code></pre>
-    </div>
+  </div>
 </div>
 
 ---
 
 <div class="layout-content-only">
-    <div class="layout-content">
-        <h2>Sonderzeichen & Symbole</h2>
-        <h3>Euro 💸</h3>
-        <ul>
-            <li>Paket <code class="snippet">eurosym</code></li>
-            <li>Befehl <code class="snippet">\euro</code></li>
-        </ul>
-        <pre class="lang-tex hljs"><code>LaTeX zu verwenden kostet 0 \euro.</code></pre>
-    </div>
+  <div class="layout-content">
+    <h2>Sonderzeichen & Symbole</h2>
+    <h3>Euro <span class="emoji">💸</span></h3>
+    <ul>
+      <li>Paket <code>eurosym</code></li>
+      <li>Befehl <code>\euro</code></li>
+    </ul>
+    <pre class="lang-tex hljs"><code>LaTeX zu verwenden kostet 0 \euro.</code></pre>
+  </div>
 </div>
 
 ---
 
 <div class="layout-content-only">
-    <div class="layout-content">
-        <h2>Sonderzeichen & Symbole</h2>
-        <h3>Detexify to the rescue! <span class="emoji">⛑️</span></h3>
-        <ul>
-            <li>Symbol malen und erkennen lassen: <a href="http://detexify.kirelabs.org/classify.html">Detexify</a></li>
-            <li>Ausführliche Liste an verwendbaren Symbolen: <a href="http://tug.ctan.org/info/symbols/comprehensive/symbols-a4.pdf">PDF auf CTAN-Webseite</a></li>
-        </ul>
-    </div>
+  <div class="layout-content">
+    <h2>Sonderzeichen & Symbole</h2>
+    <h3>Detexify to the rescue! <span class="emoji">⛑️</span></h3>
+    <ul>
+      <li>
+        Symbole malen und erkennen lassen:
+        <a href="http://detexify.kirelabs.org/classify.html">Detexify</a>
+      </li>
+      <li>
+        Ausführliche Liste an verwendbaren Symbolen:
+        <a href="http://tug.ctan.org/info/symbols/comprehensive/symbols-a4.pdf">PDF auf CTAN-Webseite</a>
+      </li>
+    </ul>
+  </div>
 </div>
 
 ---
 
 <div class="layout-content-only">
-    <div class="layout-content">
-        <h2 data-category="Aufgabe" data-task="4">Sonderzeichen einfügen</h2>
-        <ul>
-            <li class="fragment">Suche dir aus der PDF-Liste zu Sonderzeichen einige interessante Symbole aus und füge sie in den ersten Absatz von xxx ein.</li>
-            <li class="fragment">Lies dir den ersten Absatz von xxx durch und hebe auf unterschiedliche Art und Weise (fett, kursiv etc.) Abschnitte hervor, die dir wichtig erscheinen.</li>
-            <li class="fragment">Variiere zum Testen die Schriftgröße: Setze einen Satz in winziger, einen anderen in riesiger Schrift. Probiere aus, eine eigene Schriftgröße zu konfiguieren.</li>
-        </ul>
-    </div>
+  <div class="layout-content">
+    <h2 data-category="Aufgabe" data-task="4">Sonderzeichen einfügen</h2>
+    <ul>
+      <li class="fragment">Suche dir aus der PDF-Liste zu Sonderzeichen einige interessante Symbole aus und füge sie in den ersten Absatz von xxx ein.</li>
+      <li class="fragment">Lies dir den ersten Absatz von xxx durch und hebe auf unterschiedliche Art und Weise (fett, kursiv etc.) Abschnitte hervor, die dir wichtig erscheinen.</li>
+      <li class="fragment">Variiere zum Testen die Schriftgröße: Setze einen Satz in winziger, einen anderen in riesiger Schrift. Probiere aus, eine eigene Schriftgröße zu konfiguieren.</li>
+    </ul>
+  </div>
 </div>