diff --git a/css/theme/latex.css b/css/theme/latex.css
index 38965e0..45386af 100644
--- a/css/theme/latex.css
+++ b/css/theme/latex.css
@@ -436,3 +436,14 @@ kbd {
   border: 1px solid white !important;
   border-width: 1px 5px 5px 1px !important;
   padding: .2rem .5rem !important; }
+
+/*
+ * Emoji Fonts
+ * ============
+ */
+@font-face {
+  font-family: 'Twemoji';
+  src: url("../../lib/font/twemoji/TwitterColorEmoji-SVGinOT.ttf"); }
+
+.emoji {
+  font-family: "Twemoji"; }
diff --git a/css/theme/source/latex.scss b/css/theme/source/latex.scss
index 0918f35..365a6bf 100644
--- a/css/theme/source/latex.scss
+++ b/css/theme/source/latex.scss
@@ -546,3 +546,16 @@ kbd {
   border-width: 1px 5px 5px 1px !important;
   padding: .2rem .5rem !important;
 }
+
+/*
+ * Emoji Fonts
+ * ============
+ */
+@font-face {
+  font-family: 'Twemoji';
+  src: url('../../lib/font/twemoji/TwitterColorEmoji-SVGinOT.ttf');
+}
+
+.emoji {
+  font-family: "Twemoji";
+}
\ No newline at end of file
diff --git a/lib/font/twemoji/TwitterColorEmoji-SVGinOT.ttf b/lib/font/twemoji/TwitterColorEmoji-SVGinOT.ttf
new file mode 100644
index 0000000..f88c643
Binary files /dev/null and b/lib/font/twemoji/TwitterColorEmoji-SVGinOT.ttf differ
diff --git a/sections/german/04/04.md b/sections/german/04/04.md
index 35b6acb..a4437e4 100644
--- a/sections/german/04/04.md
+++ b/sections/german/04/04.md
@@ -24,7 +24,7 @@
 
 <div class="layout layout-content-and-preview">
     <div class="layout-content">
-        <h2 class="layout-title">Hauptdatei 👑</h2>
+        <h2 class="layout-title">Hauptdatei <span class="emoji">👑</span></h2>
         <ul>
             <li>enthält Grundgerüst, Titel, Inhaltsverzeichnis etc.</li>
             <li>bindet einzelne Kapitel ein mit<br>
@@ -94,7 +94,7 @@ Inhalt von Abschnitt 1.</code></pre>
 
 <div class="layout-content-and-preview">
     <div class="layout-content">
-        <h2 data-category="Exkurs">Dateipfade angeben 👣</h2>
+        <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>
@@ -109,7 +109,7 @@ Inhalt von Abschnitt 1.</code></pre>
 
 <div class="layout-content-and-preview">
     <div class="layout-content">
-        <h2 data-category="Exkurs">Dateipfade angeben 👣</h2>
+        <h2 data-category="Exkurs">Dateipfade angeben <span class="emoji">👣</span></h2>
         <h3>Absolute Dateipfade</h3>
         <ul>
             <li>Pfad von der Wurzel des Ordnerbaums bis zur jeweiligen Datei</li>
@@ -136,7 +136,7 @@ Inhalt von Abschnitt 1.</code></pre>
 
 <div class="layout-content-and-preview">
     <div class="layout-content">
-        <h2 data-category="Exkurs">Dateipfade angeben 👣</h2>
+        <h2 data-category="Exkurs">Dateipfade angeben <span class="emoji">👣</span></h2>
         <h3>Relative Dateipfade</h3>
         <ul>
             <li>Pfad von einem bestimmten Ort irgendwo im Ordnerbaum bis zur jeweiligen Datei</li>
@@ -156,7 +156,7 @@ Inhalt von Abschnitt 1.</code></pre>
 
 <div class="layout-content-and-preview">
     <div class="layout-content">
-        <h2 data-category="Exkurs">Dateipfade angeben 👣</h2>
+        <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>
@@ -170,7 +170,7 @@ Inhalt von Abschnitt 1.</code></pre>
 
 <div class="layout-content-and-preview">
     <div class="layout-content">
-        <h2 data-category="Exkurs">Dateipfade angeben 👣</h2>
+        <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>
diff --git a/sections/german/05/05.md b/sections/german/05/05.md
index 51276ac..99575b5 100644
--- a/sections/german/05/05.md
+++ b/sections/german/05/05.md
@@ -202,7 +202,7 @@ Ein- und Ausgabe % als Ergänzungsstrich</code></pre>
 <div class="layout-content-only">
     <div class="layout-content">
         <h2>Sonderzeichen & Symbole</h2>
-        <h3>Detexify to the rescue! ⛑️</h3>
+        <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>
diff --git a/sections/german/08/08.md b/sections/german/08/08.md
index 4c60d17..53e23b7 100644
--- a/sections/german/08/08.md
+++ b/sections/german/08/08.md
@@ -1,6 +1,6 @@
 <div class="layout-content-only">
 	<div class="layout-content">
-		<h1>📜<br/>Aufzählungen</h1>
+		<h1><span class="emoji">📜</span><br/>Aufzählungen</h1>
 	</div>
 </div>
 
diff --git a/sections/german/09/09.md b/sections/german/09/09.md
index 19f1c8a..80fd518 100644
--- a/sections/german/09/09.md
+++ b/sections/german/09/09.md
@@ -1,6 +1,6 @@
 <div class="layout-content-only">
 	<div class="layout-content">
-		<h1>🧮<br/>Mathematische Formeln</h1>
+		<h1><span class="emoji">🧮</span><br/>Mathematische Formeln</h1>
 	</div>
 </div>
 
@@ -124,3 +124,5 @@
     <p class="fragment" style="text-align: center;">$4 \cdot \left(\frac{1}{2} + 12 \cdot \left(\frac{1}{2 + 86 \cdot \left(\frac{1}{2} \right)} \right) \right)$</p>
   </div>
 </div>
+
+TODO: Was kann amsmath, was amsthm?
\ No newline at end of file
diff --git a/sections/german/10/10.md b/sections/german/10/10.md
index 89c986e..9f8e305 100644
--- a/sections/german/10/10.md
+++ b/sections/german/10/10.md
@@ -1,6 +1,6 @@
 <div class="layout-content-only">
 	<div class="layout-content">
-		<h1>🖥️<br/>Code-Listings</h1>
+		<h1><span class="emoji">🖥️</span><br/>Code-Listings</h1>
 	</div>
 </div>
 
diff --git a/sections/german/15/15.md b/sections/german/15/15.md
index d058ea2..9362811 100644
--- a/sections/german/15/15.md
+++ b/sections/german/15/15.md
@@ -1,6 +1,6 @@
 <div class="layout-content-only">
     <div class="layout-content">
-        <h1>Ausblick 🔭</h1>
+        <h1>Ausblick <span class="emoji">🔭</span></h1>
     </div>
 </div>
 
@@ -91,7 +91,7 @@ child { node {home}
        \item Stachelbeeren
        \item Eisbären
     \end{asparaenum}
-    
+
     \begin{asparaitem} %itemize
        \item Erdbeeren
        \item Stachelbeeren
@@ -121,7 +121,7 @@ child { node {home}
     <img src="sections/german/15/constituency_tree.png">
 </div>
 
----    
+---
 
 <div class="layout-content-and-preview">
     <div class="layout-content">