diff --git a/content/projekte/hack-n-fun/freizeiten.md b/content/projekte/hack-n-fun/freizeiten.md
index 6b11b64d3f8b49ccfa259c90cac81a97dcdef272..2ae5110302577350d0744fa69411705897133fcb 100644
--- a/content/projekte/hack-n-fun/freizeiten.md
+++ b/content/projekte/hack-n-fun/freizeiten.md
@@ -4,4 +4,20 @@ title = "Freizeiten"
 [taxonomies]
 projekt = ["Hack'n'Fun"]
 zielgruppe = ["Kinder und Jugendliche", "Eltern"]
+
+[[extra.further.freizeit]]
+image = { url= "/images/hacken_am_Lagerfeuer.jpg", alt = "Mehrere Jugendliche sitzen an einem Lagerfeuer und entwickeln an ihrem eigenem Spiel" }
+title = "Hack'N'Sun"
+link = "@/projekte/hack-n-fun/freizeiten/hacknsun.md"
+description = "Unsere Jährliche Sommerfreizeit mit vielem Workshops, Spielen und viel Spaß!"
+
+[[extra.further.freizeit]]
+image = { url= "/images/froglabs_banner.png", alt = "Text mit der aufschrift FrogLabs in dessem o sich ein Forsch befindet." }
+title = "FrogLabs"
+link = "@/projekte/hack-n-fun/freizeiten/froglabs.md"
+description = "Unser Workshop angebot auf der FrOSCon!"
+
 +++
+
+{{ further(category="freizeit", title="Unsere Freizeiten") }}
+
diff --git a/content/projekte/hack-n-fun/freizeiten/froglabs.md b/content/projekte/hack-n-fun/freizeiten/froglabs.md
new file mode 100644
index 0000000000000000000000000000000000000000..70c8f16f2f3b65f3b9d0ecc57edeabd801aa39f0
--- /dev/null
+++ b/content/projekte/hack-n-fun/freizeiten/froglabs.md
@@ -0,0 +1,3 @@
++++
+title = "FrogLabs"
++++
diff --git a/content/projekte/hack-n-fun/freizeiten/hacknsun.md b/content/projekte/hack-n-fun/freizeiten/hacknsun.md
new file mode 100644
index 0000000000000000000000000000000000000000..bef7c4d19560f08f4624766ba1eb2d6b0d991b37
--- /dev/null
+++ b/content/projekte/hack-n-fun/freizeiten/hacknsun.md
@@ -0,0 +1,3 @@
++++
+titel = "Hack'N'Sun"
++++
diff --git a/content/projekte/hack-n-fun/workshops.md b/content/projekte/hack-n-fun/workshops.md
index 498907f2064e79069a27b116216782b1be6b98c2..9a03be1085f4e1db2767ff15805950683ed6799d 100644
--- a/content/projekte/hack-n-fun/workshops.md
+++ b/content/projekte/hack-n-fun/workshops.md
@@ -6,22 +6,28 @@ projekt = ["Hack'n'Fun"]
 zielgruppe = ["Eltern", "Lehrkräfte und Schulen", "Hacker und Maker"]
 
 [[extra.further.themen]]
-image = { url= "", alt = "" }
+image = { url= "/images/elektronikbasteln.jpg", alt = "Bild von einem Kind welches mit Elekrtobauteilen arbeitet" }
 title = "Elektronik und Mikrocontroller"
 link = "@/projekte/hack-n-fun/workshops/elektronik.md"
-description = ""
+description = "Elektronik und Mikrocontroller programmieren mit MicroPython – Du baust kleine elektronische Schaltungen aus und erweckst sie mit Programmcode zum Leben"
 
 [[extra.further.themen]]
-image = { url= "", alt = "" }
+image = { url= "/images/hacken_am_Lagerfeuer.jpg", alt = "Mehrere Jugendliche sitzen an einem Lagerfeuer und entwickeln an ihrem eigenem Spiel" }
 title = "Spiele programmieren"
 link = "@/projekte/hack-n-fun/workshops/programmieren.md"
-description = ""
+description = "Spiele programmieren mit Python und Pygame – Du programmierst ein kleines 2D-Spiel mit der Programmiersprache Python"
 
 [[extra.further.themen]]
-image = { url= "", alt = "" }
+image = { url= "/images/minetest-screenshot.jpg", alt = "Bild von einer Burg in einem Blockspiel" }
 title = "Minetest-Welten und -Modding"
 link = "@/projekte/hack-n-fun/workshops/minetest.md"
-description = ""
+description = "Hier kannst du eigene Welten bauen und das programmieren von eigenen Modifikationen lernen"
+
+[[extra.further.themen]]
+image = { url= "/images/3Druck.jpg", alt = "Bild von einem 3D gedruckten Drachen in eiem 3D-Drucker" }
+title = "3D-Modellierung"
+link = "@/projekte/hack-n-fun/workshops/3dmodels.md"
+description = "Hier lernst du das Modelliren von Tieren, welche du später 3D-Drucken kannst."
 +++
 
 In der Teckids-Gemeinschaft geht es im Wesentlichen darum, jungen Menschen
diff --git a/content/projekte/hack-n-fun/workshops/3dmodels.md b/content/projekte/hack-n-fun/workshops/3dmodels.md
new file mode 100644
index 0000000000000000000000000000000000000000..95e40901a61e77b8d14b9e6899fc8235f5130062
--- /dev/null
+++ b/content/projekte/hack-n-fun/workshops/3dmodels.md
@@ -0,0 +1,4 @@
++++
+title = "3D Modellierung"
++++
+
diff --git a/package.json b/package.json
index 38f56a9847d6782f154dbedf8f08254d52ee5aa6..8bb87855572c0576ee72a769112a0740ee362c91 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "dependencies": {
-    "bulma": "^0.9.4",
-    "@fortawesome/fontawesome-free": "^6.5.1"
+    "@fortawesome/fontawesome-free": "^6.5.1",
+    "bulma": "^0.9.4"
   }
 }
diff --git a/static/images/3DDruck.jpg b/static/images/3DDruck.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..157c340f172d5e2c5ea4c25ee1e5ef2a82aa3910
Binary files /dev/null and b/static/images/3DDruck.jpg differ
diff --git a/static/images/elektronikbasteln.jpg b/static/images/elektronikbasteln.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..66c1f9b812a020eec5941d57b7b0aa0d4f892d1e
Binary files /dev/null and b/static/images/elektronikbasteln.jpg differ
diff --git a/static/images/froglabs_banner.png b/static/images/froglabs_banner.png
new file mode 100644
index 0000000000000000000000000000000000000000..7e3db04a7ac14ae71d989f43547446fcff135d9c
Binary files /dev/null and b/static/images/froglabs_banner.png differ
diff --git a/static/images/hacken_am_Lagerfeuer.jpg b/static/images/hacken_am_Lagerfeuer.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..e09c27feb6eb947b49dce19aaf3636740131230c
Binary files /dev/null and b/static/images/hacken_am_Lagerfeuer.jpg differ
diff --git a/static/images/minetest-screenshot.jpg b/static/images/minetest-screenshot.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..7e4c1de32ae80c0c1e2e344f1e674a0643a28c65
Binary files /dev/null and b/static/images/minetest-screenshot.jpg differ
diff --git a/static/images/sponsoren/speedpartner.png b/static/images/sponsoren/speedpartner.png
index 68f0059d3ff4694ac7f0fb0a09b642e1ef8f6d39..0cb709466872a9aab8e638a462afc933c1bfcf97 100644
Binary files a/static/images/sponsoren/speedpartner.png and b/static/images/sponsoren/speedpartner.png differ
diff --git a/templates/footer.html b/templates/footer.html
index 17882b8e3b1b10cdbe12daefdeb03fc916b2ab51..6d88995cc3b4ab7be4b620a703a3befe7de18659 100644
--- a/templates/footer.html
+++ b/templates/footer.html
@@ -1,5 +1,5 @@
 <div class="footer">
-  <div class="columns">
+  <div class="columns is-multiline">
     <div class="column is-one-fourth">
       <p class="title is-5">Teckisd e.V.</p>
       <address>
diff --git a/templates/shortcodes/further.html b/templates/shortcodes/further.html
index c24ef066c6fe54e591c704ca9bf40c7d865a2d55..261ff7ce39c60f975388f3b42e459c08c73247c7 100644
--- a/templates/shortcodes/further.html
+++ b/templates/shortcodes/further.html
@@ -1,6 +1,6 @@
 <section class="section">
   <h2>{{title|default(value="Weiteres zu diesem Thema")}}</h2>
-  <div class="columns">
+  <div class="columns is-multiline">
     {% for further in page.extra.further[category] %}
       <div class="column is-one-third">
         <div class="card">