{% set projects_section = get_section(path="projekte/_index.md") %}

<div class="container is-fluid">
  <div class="columns">
    {% for project_section_path in projects_section.subsections %}
      {% set project_section = get_section(path=project_section_path) %}
      <section class="column menu-project-section" id="menu-project-section-{{ project_section.components[1] }}">
	 <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>
        </a></h1>

      {% for page in project_section.pages %}
      <a class="navbar-item" href="{{ page.permalink }}">
        <div class="navbar-content">{{ page.title }}</div>
      </a>
      {% endfor %}
	 </div>
	 {% if project_section.extra.products %}
	 <div class="card-footer">
      {% for product in project_section.extra.products %}
      <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>
</div>