<div class="component component__{{element.type}}  {% if element.backgroundColor=="grey" %} secondary-bg {% endif %}" id ="{{element.label}}">
    <div class="{{element.maxWidthLimit}}">
        {% if element.headline %}
        <div class="component_headline">
            {{ element.headline }}
        </div>
        {% endif %}
        {% if element.type == "text" %}
            {{ include('components/text.twig', { 'element': element }) }}
        {% elseif element.type == "imageAndText" %}
            {{ include('components/imageAndText.twig', { 'element': element }) }}
        {% elseif element.type == "slider" %}
            {{ include('components/slider.twig', { 'element': element }) }}
        {% elseif element.type == "contentGrid" %}
            {{ include('components/contentGrid.twig', { 'element': element }) }}
        {% elseif element.type == "news" %}
            {{ include('components/news.twig', { 'element': element }) }}
        {% elseif element.type == "projects" %}
            {{ include('components/projects.twig', { 'element': element }) }}
        {% endif %}
    </div>
</div>