diff --git a/content/pages/de/index.md b/content/pages/de/index.md
index 1f5fa9c6fd9ba26e3af68d3f495b2f0afeca2459..b2021b4c3ccde73179d0bc4a560a3129c0fd347e 100644
--- a/content/pages/de/index.md
+++ b/content/pages/de/index.md
@@ -3,12 +3,12 @@ title: Startseite
 date: 2020-02-29
 lang: de
 
-<div class="carousel slide" data-ride="carousel" id="carousel">
+<div class="carousel slide" data-ride="carousel" id="index-carousel">
   <ol class="carousel-indicators">
-    <li data-target="#carousel" data-slide-to="0" class="active"></li>
-    <li data-target="#carousel" data-slide-to="1"></li>
-    <li data-target="#carousel" data-slide-to="2"></li>
-    <li data-target="#carousel" data-slide-to="3"></li>
+    <li data-target="#index-carousel" data-slide-to="0" class="active"></li>
+    <li data-target="#index-carousel" data-slide-to="1"></li>
+    <li data-target="#index-carousel" data-slide-to="2"></li>
+    <li data-target="#index-carousel" data-slide-to="3"></li>
   </ol>
   <div class="carousel-inner">
     <div class="carousel-item active">
@@ -50,23 +50,37 @@ lang: de
   </div>
 </div>
 
+<div class="container" id="project-columns">
 <div class="row">
-  <div class="col-lg-4">
-    <img src="/theme/artwork/logo-schul-frei.svg" alt="Logo Projekt schul-frei" class="projektlogo" />
-	<h2>Projekt schul-frei</h2>
+  <div class="col-lg-4 border-right">
+	<h2>Freie Software und Bildung Hand in Hand</h2>
+	<a href="https://schul-frei.org/">
+      <img src="/theme/artwork/logo-schul-frei.svg" alt="Logo Projekt schul-frei" class="projektlogo" />
+    </a>
 	<p>
+	 Das Projekt schul-frei kümmert sich darum, Freie Software in der Bildung zu verbreiten, betreuen und zu kuratieren. Dabei pflegt es den schul-frei-Kanon, arbeitet mit FOSS-Projekten zusammmen und tauscht sich mit ihnen aus und beteiligt sich an Konferenzen.
 	</p>
+	<a class="btn btn-dark" href="https://schul-frei.org/">Mehr auf schul-frei.org</a>
   </div>
-  <div class="col-lg-4">
-    <img src="/theme/artwork/logo-hacknfun.svg" alt="Logo Projekt Hack'n'Fun" class="projektlogo" />
-	<h2>Projekt Hack'n'Fun</h2>
+  <div class="col-lg-4 border-right">
+	<h2>Lernen und Ausprobieren mit Kindern</h2>
+	<a href="https://hacknfun.org">
+      <img src="/theme/artwork/logo-hacknfun.svg" alt="Logo Projekt Hack'n'Fun" class="projektlogo" />
+	</a>
 	<p>
+	 Das Projekt Hack'n'Fun hingegen kümmert sich um alle Veranstaltungen, bei denen Kinder und Jugendliche bei Ferien- und Wochenendfreizeiten und Fahrten zu Konferenzen teilnehmen können. Bei diesen werden die Teilnehmenden direkt integriert und bei denen sie Informatik und Technik kennenlernen können.
 	</p>
+	<a class="btn btn-dark" href="https://hacknfun.org/">Mehr auf hacknfun.org</a>
   </div>
   <div class="col-lg-4">
-    <img src="/theme/artwork/logo-leopard.svg" alt="Logo Projekt LEOPARD" class="projektlogo" />
-	<h2>Projekt LEOPARD</h2>
+	<h2>Gemeinschaft und Partizipation mit Jugendlichen</h2>
+	<a href="https://leopard-camp.org">
+      <img src="/theme/artwork/logo-leopard.svg" alt="Logo Projekt LEOPARD" class="projektlogo" />
+	</a>
 	<p>
+	 Das Projekt LEOPARD ist die direkte Umsetzung des Vereinskonzepts, bei dem Sessions und Diskussionen über Vereinsthemen Platz finden. Es bietet Erwachsenen und Jugendlichen die Möglichkeit, sich kreativ und mitgestaltend in Sessions an FrogLabs-Organisation oder an schul-frei-Themen beteiligen.
 	</p>
+	<a class="btn btn-dark" href="https://leopard-camp.org/">Mehr auf leopard-camp.org</a>
   </div>
 </div>
+</div>
diff --git a/content/static/css/custom.css b/content/static/css/custom.css
index fb4ce1abbacced60fa57106f40e6808d5f949299..99c9fc6a107f108548f13098c8fca2a33dfe4e2e 100644
--- a/content/static/css/custom.css
+++ b/content/static/css/custom.css
@@ -1,3 +1,23 @@
-img.projektlogo {
-    width: 100%;
-}
\ No newline at end of file
+#index-carousel {
+  margin-bottom: 4rem;
+  border-bottom: var(--teckids-secondary-dark) 3px solid;  
+}
+#project-columns .col-lg-4 {
+  margin-bottom: 1.5rem;
+  text-align: center;
+}
+#project-columns h2 {
+  font-weight: 400;
+}
+#project-columns .col-lg-4 p {
+  margin-right: .75rem;
+  margin-left: .75rem;
+}
+
+#project-columns .col-lg-4 img.projektlogo {
+  -webkit-filter: drop-shadow(5px 5px 5px #888888);
+  filter: drop-shadow(5px 5px 5px #888888);
+  width: 80%;
+  margin-top: 1.5em;
+  margin-bottom: 1.5em;
+}
diff --git a/themes/teckids b/themes/teckids
index 3423fcab65f42fb5b3a6a670bfd4d1c6a262aadf..c94d0bc03584db9b7487e8061d100b32687e3bd5 160000
--- a/themes/teckids
+++ b/themes/teckids
@@ -1 +1 @@
-Subproject commit 3423fcab65f42fb5b3a6a670bfd4d1c6a262aadf
+Subproject commit c94d0bc03584db9b7487e8061d100b32687e3bd5