{% extends "header_slim.html" %}
{% from "macros/services_cards.html" import render_services_card %}
{%- block title -%}{{ this.title }}{%- endblock -%}
{%- block meta_description -%}
  {%- if this.meta_description is defined and this.meta_description != "" -%}
    {{ this.meta_description }}
  {%- else -%}
    Werkkooperative der Technikfreundinnen eG
  {%- endif -%}
{%- endblock -%}
{% block body %}
    <section class="content">
      <div class="content__box">
        {% if this.intro %}
          <div class="content__box">
              <div class="content__inner_box">
                  {{ this.intro }}
              </div>
          </div>
        {% endif %}

        <div class="services_box">
          <h1>{{ this.title }}</h1>
          <div class="services_card_box">
            {% for card in this.section.blocks %}
              {% if card._flowblock == "flow_services_cards" %}
                {{ render_services_card(card, loop.index) }}
              {% endif %}
            {% endfor %}
          </div>
        </div>

      </div>

      <div class="content__box">
          <div class="content__inner_box">
              <h1 class="big_heading">{{ this.kompetenzen_heading }}</h1>
          </div>
      </div>
      <section class="content">
      <div class="content__box">
          <div class="bubble_grid">
            {% for icon_bubble in this.section.blocks %}
              {% if icon_bubble._flowblock == "flow_icon_bubbles" %}
                {{ icon_bubble }}
              {% endif %}

            {% endfor %}

            <div class="bubble_grid__card">
              {{ this.kompetenzen_body }}
            </div>

        </div>
      </div>
    </section>
{% endblock %}