diff --git a/content/pages/de/mitmachen/mitmachen.md b/content/pages/de/mitmachen/mitmachen.md
index 50e4100e64e7287c29cab770cc74bcfdc3c3651a..26249645d02a49ec251b6f62d5cf534f5550d76b 100644
--- a/content/pages/de/mitmachen/mitmachen.md
+++ b/content/pages/de/mitmachen/mitmachen.md
@@ -13,7 +13,9 @@ Beim Teckids e.V. kann man auf verschiedenen Arten mitmachen, zum Beispiel durch
         <div class="card-body">
          <h5 class="card-title">…bin ein Unternehmen.</h5>
          <p class="card-text">Sie als Unternehmen können uns und unsere Projekte mit einem langfristigen Sponsoring oder einer Spende finanziell unterstützen.</p>
-         <a href="/pages/spenden.html" class="btn btn-primary">Spenden</a>
+        </div>
+        <div class="card-footer">
+         <a href="/pages/spenden.html" class="btn btn-primary btn-fullwidth">Spenden</a>
         </div>
       </div>
     </div>
@@ -22,7 +24,9 @@ Beim Teckids e.V. kann man auf verschiedenen Arten mitmachen, zum Beispiel durch
         <div class="card-body">
          <h5 class="card-title">…möchte anderen Kindern und Jugendlichen helfen und ihnen etwas beibringen.</h5>
          <p class="card-text">Als Tutor bzw. Juniormitglied kannst du anderen Kindern in Workshops etwas beibringen und bei der Organisation von Freizeiten helfen.</p>
-         <a href="https://hacknfun.org" class="btn btn-primary">Hack'n'Fun</a>
+        </div>
+	<div class="card-footer">
+         <a href="https://hacknfun.org" class="btn btn-primary btn-fullwidth">Hack'n'Fun</a>
         </div>
       </div>
     </div>
@@ -31,7 +35,9 @@ Beim Teckids e.V. kann man auf verschiedenen Arten mitmachen, zum Beispiel durch
         <div class="card-body">
          <h5 class="card-title">…möchte mich mit einer Sessionidee einbringen.</h5>
          <p class="card-text">Im Projekt LEOPARD finden regelmäßig Sessions statt, dort ist man auch offen für neue Ideen - ob ungebunden oder ihm Rahmen eines Barcamps [Leopard-Seite]</p>
-         <a href="https://leopard.camp" class="btn btn-primary">LEOPARD</a>
+        </div>
+        <div class="card-footer">
+         <a href="https://leopard.camp" class="btn btn-primary btn-fullwidth">LEOPARD</a>
         </div>
       </div>
     </div>
@@ -45,7 +51,9 @@ Beim Teckids e.V. kann man auf verschiedenen Arten mitmachen, zum Beispiel durch
         <div class="card-body">
          <h5 class="card-title">…möchte Freie Software in meiner Schule einführen/ausbauen.</h5>
          <p class="card-text">Wir bieten umfangreichen Schulsupport mit Freier Software an und unterstützen Sie auch beim Ausbau von vohandener Infrastruktur.</p>
-         <a href="https://schul-frei.org" class="btn btn-primary">schul-frei</a>
+        </div>
+        <div class="card-footer">
+         <a href="https://schul-frei.org" class="btn btn-primary btn-fullwidth">schul-frei</a>
         </div>
       </div>
     </div>
@@ -54,7 +62,9 @@ Beim Teckids e.V. kann man auf verschiedenen Arten mitmachen, zum Beispiel durch
         <div class="card-body">
          <h5 class="card-title">…bin ein Mitglied der FOSS-Community und möchte mich einbringen.</h5>
          <p class="card-text">Das Projekt schul-frei strebt Kooperationen mit den verschiedensten Mitgliedern der FOSS-Welt an.</p>
-         <a href="https://schul-frei.org" class="btn btn-primary">schul-frei</a>
+        </div>
+        <div class="card-footer">
+         <a href="https://schul-frei.org" class="btn btn-primary btn-fullwidth">schul-frei</a>
         </div>
       </div>
     </div>
@@ -63,7 +73,9 @@ Beim Teckids e.V. kann man auf verschiedenen Arten mitmachen, zum Beispiel durch
         <div class="card-body">
          <h5 class="card-title">…möchte das Angebot unserer Schule um außerschulische Projekte erweitern.</h5>
          <p class="card-text">Langfristig möchten wir gerne mit verschiedenen Schulen zusammenarbeiten. Bei Interesse nehmen Sie gerne Kontakt mit dem Projekt Hack'n'Fun auf.</p>
-         <a href="https://hacknfun.org" class="btn btn-primary">Hack'n'Fun</a>
+        </div>
+        <div class="card-footer">
+         <a href="https://hacknfun.org" class="btn btn-primary btn-fullwidth">Hack'n'Fun</a>
         </div>
       </div>
     </div>
diff --git a/content/pages/de/verein/verein.md b/content/pages/de/verein/verein.md
index e50792f25455c15fc14ccbd18cda171e165c20fa..8a0de37cfe99352041817d987a3af304d33cb79b 100644
--- a/content/pages/de/verein/verein.md
+++ b/content/pages/de/verein/verein.md
@@ -8,7 +8,9 @@ template: page_text
       <div class="card-body">
         <h5 class="card-title">Unsere Ziele</h5>
         <p class="card-text">Als Verein haben wir vier große Ziele, die unser Handeln bestimmen.</p>
-        <a href="{filename}ziele.md" class="btn btn-primary">Mehr Informationen</a>
+      </div>
+      <div class="card-footer">
+        <a href="{filename}ziele.md" class="btn btn-primary btn-fullwidth">Mehr Informationen</a>
       </div>
     </div>
   </div>
@@ -17,7 +19,9 @@ template: page_text
       <div class="card-body">
         <h5 class="card-title">Projekte</h5>
         <p class="card-text">Der Verein hat drei Projekte, welche sich mit unterschiedlichen Themen befassen: schul-frei, Hack’n’Fun und LEOPARD</p>
-        <a href="{filename}projekte.md" class="btn btn-primary">Mehr Informationen</a>
+      </div>
+      <div class="card-footer">
+        <a href="{filename}projekte.md" class="btn btn-primary btn-fullwidth">Mehr Informationen</a>
       </div>
     </div>
   </div>
@@ -33,7 +37,9 @@ template: page_text
       <div class="card-body">
         <h5 class="card-title">Pädagogik</h5>
         <p class="card-text">Für uns ist es selbstverständlich, Kinder als junge Menschen zu betrachten, die während der Veranstaltungen in unserer Gemeinschaft mit anderen Kindern und Betreuern leben. Deshalb haben wir uns einige pädagogische Grunsätze zum Leitbild gemacht.</p>
-        <a href="{filename}paedagogisches_leitbild.md" class="btn btn-primary">Mehr Informationen</a>
+      </div>
+      <div class="card-footer">
+        <a href="{filename}paedagogisches_leitbild.md" class="btn btn-primary btn-fullwidth">Mehr Informationen</a>
       </div>
     </div>
   </div>
@@ -42,7 +48,9 @@ template: page_text
       <div class="card-body">
         <h5 class="card-title">Unterstützen</h5>
         <p class="card-text">Als Verein freuen wir uns über jede Hilfe. Hier zeigen wir, wie man uns helfen kann.</p>
-        <a href="{filename}unterstuetzen.md" class="btn btn-primary">Mehr Informationen</a>
+      </div>
+      <div class="card-footer">
+        <a href="{filename}unterstuetzen.md" class="btn btn-primary btn-fullwidth">Mehr Informationen</a>
       </div>
     </div>
   </div>
diff --git a/content/static/css/custom.css b/content/static/css/custom.css
index 1f7270c2adfc35aafef15b8082654ef40836a693..5b8bf3fe649f0fa3033b5cc38d74d77f01e4be22 100644
--- a/content/static/css/custom.css
+++ b/content/static/css/custom.css
@@ -25,3 +25,7 @@
 div.mitmachen-card {
   height: 100%;
 }
+
+a.btn-fullwidth {
+  width: 100%;
+}