Put project logos at top of column to get rid of alignment error in index.html

content/pages/de/index.html

@@ -63,10 +63,12 @@
   <div class="container" id="project-columns">
     <div class="row">
       <div class="d-flex flex-column 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>
+          <b>Freie Software und Bildung Hand in Hand</b>
+        </p>
         <p>
           Das Projekt schul-frei ist ein Kuratorium für Freie Software in der Bildung.
         </p>
@@ -78,10 +80,12 @@
         <a class="btn btn-dark mt-auto" href="https://schul-frei.org/">Mehr auf schul-frei.org</a>
       </div>
       <div class="d-flex flex-column 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>
+          <b>Lernen und Ausprobieren mit Kindern</b>
+        </p>
         <p>
           Im Projekt Hack’n’Fun experimentieren Kinder, Jugendliche und Erwachsene gemeinsam, um technische
           Themen kennenzulernen.
@@ -95,10 +99,12 @@
         <a class="btn btn-dark mt-auto" href="https://hacknfun.org/">Mehr auf hacknfun.org</a>
       </div>
       <div class="d-flex flex-column col-lg-4">
-        <h2>Gemeinschaft und Partizipation mit Jugendlichen</h2>
         <a href="https://leopard.camp">
           <img src="/theme/artwork/logo-leopard.svg" alt="Logo Projekt LEOPARD" class="projektlogo" />
         </a>
+        <p>
+          <b>Gemeinschaft und Partizipation mit Jugendlichen</b>
+        </p>
         <p>
           Wer Erfahrungen mit Freier Software oder Informatik und Technik gesammelt hat, sollte
           diese vertiefen und an andere weitergeben.