diff --git a/.gitignore b/.gitignore
index 0a413d8..9e5f87e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -167,3 +167,4 @@ test/acceptanceTestSlides.html
 .DS_Store
 .envrc
 config/config.json
+tmp/
\ No newline at end of file
diff --git a/templates/html/index.html b/templates/html/index.html
index 597dde2..12249d3 100644
--- a/templates/html/index.html
+++ b/templates/html/index.html
@@ -79,17 +79,17 @@
       <h5>Gesamtkurse</h5>
       <p>Diese Kurse richten sich an alle, die noch kein Amateurfunkzeugnis haben.</p>
       <div class="row row-cols-lg-3 g-2">
-        <div class="col"><a href="N_course_index.html" class="btn btn-outline-dark w-100">N<br><small>Neueinsteiger</small></a></div>
-        <div class="col"><a href="NE_course_index.html" class="btn btn-outline-dark w-100">N + E<br><small>Erweitert</small></a></div>
-        <div class="col"><a href="NEA_course_index.html" class="btn btn-outline-dark w-100">N + E + A<br><small>Alles</small></a></div>
+        <div class="col"><a href="N_course_index.html" class="btn w-100 text-white" style="background-color: #47ABE8; border-color: #47ABE8;">N<br><small>Neueinsteiger</small></a></div>
+        <div class="col"><a href="NE_course_index.html" class="btn w-100 text-white" style="background-color: #FE756C; border-color: #FE756C;">N + E<br><small>Erweitert</small></a></div>
+        <div class="col"><a href="NEA_course_index.html" class="btn w-100 text-white" style="background-color: #3BB583; border-color: #3BB583;">N + E + A<br><small>Alles</small></a></div>
       </div>
       <br>
       <h5>Aufbaukurse</h5>
       <p>Für alle, die schon über ein Amateurfunkzeugnis der Klasse N oder E verfügen, gibt es folgende Aufbaukurse:</p>
       <div class="row row-cols-lg-3 g-2">
-        <div class="col"><a href="E_course_index.html" class="btn btn-outline-dark w-100">N -> E</a></div>
-        <div class="col"><a href="EA_course_index.html" class="btn btn-outline-dark w-100">N -> A</a></div>
-        <div class="col"><a href="A_course_index.html" class="btn btn-outline-dark w-100">E -> A</a></div>
+        <div class="col"><a href="E_course_index.html" class="btn w-100 text-white" style="background-color: #FE756C; border-color: #FE756C;">N -> E</a></div>
+        <div class="col"><a href="EA_course_index.html" class="btn w-100 text-white" style="background-color: #3BB583; border-color: #3BB583;">N -> A</a></div>
+        <div class="col"><a href="A_course_index.html" class="btn w-100 text-white" style="background-color: #3BB583; border-color: #3BB583;">E -> A</a></div>
       </div>
       <br>
       <h5>Fragestunden</h5>