diff --git a/content/projekte/hack-n-fun/freizeiten/hacknsun/index.md b/content/projekte/hack-n-fun/freizeiten/hacknsun/index.md
index 78492f20fa89efe74ee37fee8e57d533ced0c835..66964cbe3b4ed1feb385f218b3d8e928ec3db330 100644
--- a/content/projekte/hack-n-fun/freizeiten/hacknsun/index.md
+++ b/content/projekte/hack-n-fun/freizeiten/hacknsun/index.md
@@ -1,12 +1,15 @@
 +++
 title = "Hack'n'Sun"
+description = "Technik, Hacking, Spaß und Freizeit bei Sonne und Lagerfeuer"
 
 template = "pages/raw.html"
+
+[extra.depiction]
+image = "loeten_wiese.jpg"
+alt = "Mehere Kinder beim Löten in einem Pavillon auf einer Wiese"
 +++
 
-{% hero_section(title="Hack'n'Sun", background_img="loeten_wiese.jpg", background_alt="Mehrere Kinder beim Löten in einem Pavillon auf einer Wiese", background_transparent=true) %}
-Technik, Hacking, Spaß und Freizeit bei Sonne und Lagerfeuer
-{% end %}
+{{ hero_section(background_img="loeten_wiese.jpg", background_alt="Mehrere Kinder beim Löten in einem Pavillon auf einer Wiese", background_transparent=true) }}
 
 {% photo_section(title="Computer und Draußen, so viel du magst", img="hacken_am_lagerfeuer.jpg", alt="Kinder mit Laptops an einer Lagerfeuerstelle", credit="Dominik George, CC-BY-SA") %}
 Bei Hack'n'Sun geht es um genau das, was der Name sagt – Hacken, also das Basteln mit Technik,
diff --git a/events.json b/events.json
index 376a2e6b81464558f0c786b10f5b093c6b3f078a..7661bcfb1db23d44e08f5f9769f0ac2e5f960eb3 100644
--- a/events.json
+++ b/events.json
@@ -9,7 +9,7 @@
   "hacknsun-2024-bn": {
     "display_name": "Hack'n'Sun 2024 (Jugendzeltplatz Bonn)",
     "description": "Große Sommerfreizeit in Bonn-Bad Godesberg mit Ausflügen zu FrOScon und Museen",
-    "location": "Bonn",
+    "location": "Bonn (Jugendzeltplatz)",
     "date": "2024-08-19",
     "cost": 150
   }
diff --git a/templates/shortcodes/hero_section.html b/templates/shortcodes/hero_section.html
index e27fddfebba3e30d3dbbdf940bb924c348588682..5bc92806759bb8caa1d81dec6b2aba209a1ab858 100644
--- a/templates/shortcodes/hero_section.html
+++ b/templates/shortcodes/hero_section.html
@@ -5,8 +5,8 @@
   {% endif -%}
   <div class="hero-body">
     <div class="container has-text-centered">
-      <h1 class="title">{{ title }}</h1>
-      {% if body %}<p class="subtitle">{{ body }}</p>{% endif -%}
+      <h1 class="title">{{ title | default(value=page.title) | safe }}</h1>
+      {% if body or page.description %}<p class="subtitle">{{ body | default(value=page.description) | safe }}</p>{% endif -%}
     </div>
   </div>
 </section>
diff --git a/templates/shortcodes/teckids_event.html b/templates/shortcodes/teckids_event.html
index 69e489a7ce6d8531fa8dc399a246fcd371e07ef7..8859b0762737c8398f1e2e5874d2ffaebe12ad73 100644
--- a/templates/shortcodes/teckids_event.html
+++ b/templates/shortcodes/teckids_event.html
@@ -8,7 +8,7 @@
         <div class="column is-two-thirds event-info">
           <h3 class="title is-5">{{ event.display_name }}</h3>
           <p class="subtitle is-6">{{ event.description }}</p>
-          <div class="notification is-primary is-light">
+          <div class="notification is-primary is-light mt-4 mb-4">
             <div class="columns">
               <div class="column is-one-third">
                 <h4 class="title ">Wo?</h4>