Update team.md für mobile Ansicht

Änderung noch nicht in Master mergen

additional_content/team.md

@@ -3,69 +3,59 @@
 JOIN ist ein Projekt der folgenden Mitarbeiterinnen und Mitarbeiter des [Instituts für Technische Bildung und Hochschuldidaktik](https://www.itbh-hh.de/de/) der TU Hamburg:
 
 ### Projektinitiatorinnen und Projektleitung
-
-<div class="w-30">
-    <img src="/static/img/team-fotos/arndt.jpg" width="" height="" alt="Christiane Arndt">
-    <b>Christiane Arndt</b><br>  
-    Konzeption, Entwicklung der Beispiele guter Praxis & Auswertung der Landes- und Hochschulstrategien
-</div>
-
-
-<div class="w-30">
-    <img src="/static/img/team-fotos/ladwig.jpg" width="" height="" alt="Tina Ladwig">
-    <b>Dr. Tina Ladwig</b><br>
-    Konzeption, Entwicklung der Beispiele guter Praxis & Auswertung der Landes- und Hochschulstrategien
-</div>
-
-
-<div class="w-30">
-    <img src="/static/img/team-fotos/watolla.jpg" width="" height="" alt="Ann-Kathrin Watolla">
-    <b>Ann-Kathrin Watolla</b><br>
-    Konzeption, Entwicklung der Beispiele guter Praxis, Projektmanagement & Auswertung der hochschulinternen Strategievorhaben
-</div>
-
-<div class="clearfix"></div>
-
-### Projektteam
-
-<div class="w-30">
-    <img src="/static/img/team-fotos/boettger.jpg" width="" height="" alt="Andreas Böttger">
-    <b>Andreas Böttger</b><br>
-    Technische Infrastruktur und Operation
+<div class="flexcontainer">
+        <div class="flex-item">
+            <img src="/static/img/team-fotos/arndt.jpg" width="" height="" alt="Christiane Arndt"><br>
+            <b>Christiane Arndt</b><br>Konzeption, Entwicklung der Beispiele guter Praxis & Auswertung der Landes- und Hochschulstrategien
+        </div>
+        <div class="flex-item">
+            <img src="/static/img/team-fotos/ladwig.jpg" width="" height="" alt="Tina Ladwig"><br>
+            <b>Dr. Tina Ladwig</b><br>
+            Konzeption, Entwicklung der Beispiele guter Praxis & Auswertung der Landes- und Hochschulstrategien
+        </div>
+        <div class="flex-item">
+            <img src="/static/img/team-fotos/watolla.jpg" width="" height="" alt="Ann-Kathrin Watolla"><br>
+            <b>Ann-Kathrin Watolla</b><br>
+            Konzeption, Entwicklung der Beispiele guter Praxis, Projektmanagement & Auswertung der hochschulinternen Strategievorhaben
+        </div>
+</div>
+
+<h3>Projektteam</h3>
+
+<div class="flexcontainer">
+        <div class="flex-item">
+            <img src="/static/img/team-fotos/boettger.jpg" width="" height="" alt="Andreas Böttger"><br>
+            <b>Andreas Böttger</b><br>
+            Technische Infrastruktur und Operation
+        </div>
+        <div class="flex-item">
+            <img src="/static/img/team-fotos/duerkop.jpg" width="" height="" alt="Axel Dürkop"><br>
+            <b>Axel Dürkop</b><br> 
+            Anwendungsentwicklung, Programmierung der Visualisierungen, Projektmanagement
+        </div>
+        <div class="flex-item">
+            <img src="/static/img/team-fotos/figura.jpg" width="" height="" alt="Lisa Figura"><br>
+            <b>Lisa Figura</b><br> 
+            Auswertung der Landes- und Hochschulstrategien
+        </div>
+</div>
+<div class="flexcontainer">
+        <div class="flex-item">
+            <img src="/static/img/team-fotos/funken.jpg" width="" height="" alt="Clara Funken"><br>
+            <b>Clara Funken</b><br>
+            Kommunikationsdesign & technische Umsetzung
+        </div>
+        <div class="flex-item">
+            <img src="/static/img/team-fotos/grundmann.jpg" width="" height="" alt="Alexander Grundmann"><br>
+            <b>Alexander Grundmann</b><br>
+            Lektorat
+        </div>
+        <div class="flex-item">
+            <img src="/static/img/team-fotos/schielein.jpg" width="" height="" alt="Dodo Schielein"><br>
+            <b>Dodo Schielein</b><br>
+            Visualisierung der Forschungsergebnisse
+        </div>
 </div>
 
-<div class="w-30">
-    <img src="/static/img/team-fotos/duerkop.jpg" width="" height="" alt="Axel Dürkop">
-    <b>Axel Dürkop</b><br> 
-    Anwendungsentwicklung, Programmierung der Visualisierungen, Projektmanagement
-</div>
-
-<div class="w-30">
-    <img src="/static/img/team-fotos/figura.jpg" width="" height="" alt="Lisa Figura">
-    <b>Lisa Figura</b><br> 
-    Auswertung der Landes- und Hochschulstrategien
-</div>
-
-<div class="clearfix"></div>
-
-<div class="w-30">
-    <img src="/static/img/team-fotos/funken.jpg" width="" height="" alt="Clara Funken">
-    <b>Clara Funken</b><br>
-    Kommunikationsdesign & technische Umsetzung
-</div>
-
-<div class="w-30">
-    <img src="/static/img/team-fotos/grundmann.jpg" width="" height="" alt="Alexander Grundmann">
-    <b>Alexander Grundmann</b><br>
-    Lektorat
-</div>
-
-<div class="w-30">
-    <img src="/static/img/team-fotos/schielein.jpg" width="" height="" alt="Dodo Schielein">
-    <b>Dodo Schielein</b><br>
-    Visualisierung der Forschungsergebnisse
-</div>
-
-