diff --git a/templates/menu/projects.html b/templates/menu/projects.html
index 5dfc32f16d4add4147a6a6f0e0d6df3f79ff9513..054004cd9dbe6a88aa24c13f6e36d558e452d5df 100644
--- a/templates/menu/projects.html
+++ b/templates/menu/projects.html
@@ -6,6 +6,8 @@
       {% set project_section = get_section(path=project_section_path) %}
       {% set project_taxonomy = get_taxonomy_term(kind="projekt", term=project_section.title) %}
       <section class="column menu-project-section" id="menu-project-section-{{ project_taxonomy.slug }}">
+	 <div class="card p-0 m-0 is-shadowless is-radiusless is-overlay is-flex is-flex-direction-column is-fullheight is-justify-content-space-between">
+         <div class="card-content p-0 m-0">
           <h1 class="title is-6 is-mega-menu-title"><a href="{{ project_section.permalink }}">
           <p> {{ project_section.title }} </p>
           <p class="is-4">{{ project_section.description }}</p>
@@ -16,12 +18,20 @@
         <div class="navbar-content">{{ page.title }}</div>
       </a>
       {% endfor %}
-      <hr />
+	 </div>
+	 {% if project_section.extra.products %}
+	 <div class="card-footer">
       {% for product in project_section.extra.products %}
-      <a class="navbar-item" href="{{ product.link }}">
-        <div class="navbar-content">{{ product.name }}</div>
+      <a class="card-footer-item" href="{{ product.link }}">
+	<span class="icon-text">
+	  <span>{{ product.name }}</span>
+	  <span class="icon"><i class="fa-solid fa-up-right-from-square"></i></span>
+	</span>
       </a>
       {% endfor %}
+	 </div>
+	 {% endif %}
+	 </div>
     </section>
     {% endfor %}
   </div>