diff --git a/froide_govplan/static/froide_govplan/images/kategorien/gesellschaft.png b/froide_govplan/static/froide_govplan/images/kategorien/gesellschaft.png
new file mode 100644
index 0000000..c1c7de5
Binary files /dev/null and b/froide_govplan/static/froide_govplan/images/kategorien/gesellschaft.png differ
diff --git a/froide_govplan/static/froide_govplan/images/magnify_pyramid.webp b/froide_govplan/static/froide_govplan/images/magnify_pyramid.webp
new file mode 100644
index 0000000..2369601
Binary files /dev/null and b/froide_govplan/static/froide_govplan/images/magnify_pyramid.webp differ
diff --git a/froide_govplan/templates/froide_govplan/base.html b/froide_govplan/templates/froide_govplan/base.html
index e5f4f8a..55f8a5b 100644
--- a/froide_govplan/templates/froide_govplan/base.html
+++ b/froide_govplan/templates/froide_govplan/base.html
@@ -6,43 +6,10 @@
 {% block body %}
 
 <style>
-    /* Featurettes
-------------------------- */
-
 .featurette-divider {
   margin: 5rem 0; /* Space out the Bootstrap <hr> more */
 }
 
-/* Thin out the marketing headings */
-/* rtl:begin:remove */
-.featurette-heading {
-  letter-spacing: -.05rem;
-}
-
-/* rtl:end:remove */
-
-/* RESPONSIVE CSS
--------------------------------------------------- */
-
-@media (min-width: 40em) {
-  /* Bump up size of carousel content */
-  .carousel-caption p {
-    margin-bottom: 1.25rem;
-    font-size: 1.25rem;
-    line-height: 1.4;
-  }
-
-  .featurette-heading {
-    font-size: 50px;
-  }
-}
-
-@media (min-width: 62em) {
-  .featurette-heading {
-    margin-top: 7rem;
-  }
-}
-
 </style>
 
 <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
@@ -176,30 +143,27 @@
         {% if request.path == '/' %}
 
         <hr class="featurette-divider">
-        <div class="row featurette">
+          <div class="row featurette">
             <div class="col-md-7">
-                <h2 class="featurette-heading fw-normal lh-1">We’re watching you! <span class="text-body-secondary">Karlsruhe.</span></h2>
+                <h2 class="featurette-heading fw-normal lh-1">Mitmachen!</h2>
                 <p class="lead">
-                    Wir haben die Verwaltungsvorhaben der Stadt Karlsruhe genau unter die Lupe genommen und rund 250 überprüfbare Projekte identifiziert, die die Stadtverwaltung plant: Es geht um Klimaschutz und Digitalisierung, um Vorhaben im Bereich Wohnen und Mobilität, um moderne Verwaltungsprozesse und Maßnahmen zur Gleichstellung.
+                    Gemeinsam schaffen wir mehr Transparenz in der Arbeit der Stadtverwaltung Karlsruhe.
                 </p>
                 <p>
-                    Mit unserem Verwaltungstracker machen wir öffentlich, wie es um den Fortschritt dieser Projekte steht. Wir zeigen, welche Vorhaben derzeit bearbeitet werden, welche bereits umgesetzt sind und welche ins Stocken geraten sind. Vergleichbare Transparenzprojekte gibt es auf Landes- und Bundesebene – zum Beispiel von der Süddeutschen Zeitung oder Spiegel Online. Mit dem Verwaltungstracker übertragen wir dieses Prinzip auf die kommunale Ebene in Karlsruhe.
+                    Auf den einzelnen Vorhaben-Seiten kann jede:r Hinweise und Änderungen einreichen. Wir prüfen diese zeitnah und stellen sie anschließend online. Außerdem lässt sich der aktuelle Stand jedes Vorhabens per Klick direkt bei der zuständigen Stelle der Stadt anfragen – vielleicht läuft hinter den Kulissen schon etwas, das öffentlich bekannt werden sollte.
                 </p>
                 <p>
-                    <b>
-                        Partner:innen aus der Zivilgesellschaft
-                    </b>
+                    Ein Vorhaben fehlt? Oder Sie möchten mit Ihrer Initiative oder Organisation die Patenschaft für eines oder mehrere Vorhaben übernehmen? Sehr gern! Schreiben Sie uns einfach eine Mail:
                 </p>
                 <p>
-                    Ergänzend bieten wir auch qualitative Einschätzungen zu einzelnen Vorhaben: Expert:innen aus zivilgesellschaftlichen Organisationen beobachten bestimmte Themenfelder, ordnen Entwicklungen ein und bewerten den Fortschritt.
+                    <a class="btn btn-primary" href="mailto:onny@project-insanity.org?subject=Verwaltungstracker">
+                        <i class="fa fa-envelope-o">&nbsp;</i>
+                        onny@project-insanity.org
+                    </a>
                 </p>
             </div>
-            <div class="col-md-5">
-                <svg aria-label="Placeholder: 500x500" class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" height="500" preserveAspectRatio="xMidYMid slice" role="img" width="500" xmlns="http://www.w3.org/2000/svg">
-                    <title>Placeholder</title>
-                    <rect width="100%" height="100%" fill="var(--bs-secondary-bg)"></rect>
-                    <text x="50%" y="50%" fill="var(--bs-secondary-color)" dy=".3em">500x500</text>
-                </svg>
+            <div class="col-md-5 d-flex align-items-center justify-content-center">
+                <img src="{% static 'froide_govplan/images/magnify_pyramid.webp' %}" height="250px">
             </div>
         </div>
 
diff --git a/froide_govplan/templates/froide_govplan/plugins/sections.html b/froide_govplan/templates/froide_govplan/plugins/sections.html
index 6d8536b..d55fbd4 100644
--- a/froide_govplan/templates/froide_govplan/plugins/sections.html
+++ b/froide_govplan/templates/froide_govplan/plugins/sections.html
@@ -1,5 +1,6 @@
 {% load thumbnail %}
 {% load govplan %}
+{% load static %}
 
 <style>
   {% for section in sections %}
@@ -35,6 +36,43 @@
     text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
     padding: 0 15px;
   }
+
+    /* Featurettes
+------------------------- */
+
+.featurette-divider {
+  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
+}
+
+/* Thin out the marketing headings */
+/* rtl:begin:remove */
+.featurette-heading {
+  letter-spacing: -.05rem;
+}
+
+/* rtl:end:remove */
+
+/* RESPONSIVE CSS
+-------------------------------------------------- */
+
+@media (min-width: 40em) {
+  /* Bump up size of carousel content */
+  .carousel-caption p {
+    margin-bottom: 1.25rem;
+    font-size: 1.25rem;
+    line-height: 1.4;
+  }
+
+  .featurette-heading {
+    font-size: 50px;
+  }
+}
+
+@media (min-width: 62em) {
+  .featurette-heading {
+    margin-top: 7rem;
+  }
+}
 </style>
 
 
@@ -69,4 +107,39 @@
     {% endfor %}
 
   </div>
-</div>
\ No newline at end of file
+</div>
+
+        
+        <div class="row featurette">
+            <div class="col-md-7">
+                <h2 class="featurette-heading fw-normal lh-1">We’re watching you! <span class="text-body-secondary">Karlsruhe.</span></h2>
+                <p class="lead">
+                    Wir haben die Verwaltungsvorhaben der Stadt Karlsruhe genau unter die Lupe genommen und rund 250 überprüfbare Projekte identifiziert, die die Stadtverwaltung plant: Es geht um Klimaschutz und Digitalisierung, um Vorhaben im Bereich Wohnen und Mobilität, um moderne Verwaltungsprozesse und Maßnahmen zur Gleichstellung.
+                </p>
+            </div>
+            <div class="col-md-5  d-flex align-items-center justify-content-center">
+                <img src="{% static 'froide_govplan/images/magnify_pyramid.webp' %}" height="250px">
+            </div>
+        </div>
+
+        <div class="row">
+            <div class="col-md-6">
+              <!-- Column 1 text -->
+                <p>
+                    Mit unserem Verwaltungstracker machen wir öffentlich, wie es um den Fortschritt dieser Projekte steht. Wir zeigen, welche Vorhaben derzeit bearbeitet werden, welche bereits umgesetzt sind und welche ins Stocken geraten sind. Vergleichbare Transparenzprojekte gibt es auf Landes- und Bundesebene – zum Beispiel von der Süddeutschen Zeitung oder Spiegel Online. Mit dem Verwaltungstracker übertragen wir dieses Prinzip auf die kommunale Ebene in Karlsruhe.
+                </p>
+            </div>
+            <div class="col-md-6">
+              <!-- Column 2 text -->
+              <p>
+                <b>
+                    Partner:innen aus der Zivilgesellschaft
+                </b>
+                </p>
+                <p>
+                    Ergänzend bieten wir auch qualitative Einschätzungen zu einzelnen Vorhaben: Expert:innen aus zivilgesellschaftlichen Organisationen beobachten bestimmte Themenfelder, ordnen Entwicklungen ein und bewerten den Fortschritt.
+                </p>
+            </div>
+          </div>
+
+          <hr class="featurette-divider">
\ No newline at end of file