<div class="projects">
    <h2 class="component_headline">Laufende Projekte</h2>
    {% for newsElement in craft.entries.section('projects').currentStatus('ongoing').limit(3) %}

    {% set image = newsElement.images.one() %}


    <div class="image-text">
        <img class="content-image" src="{{image.url}}" alt="{{image.title}}">

        <div>
            <h3>{{newsElement.title}}</h3>

            <p>{{ newsElement.shortDescription|length > 100 ? newsElement.shortDescription|slice(0, 100) ~ '...'
                :newsElement.shortDescription }}</p>
        </div>
    </div>

    {% endfor %}
    <h2 class="component_headline mt64">Zukünftige Projekte</h2>
    {% for newsElement in craft.entries.section('projects').currentStatus('future').limit(3) %}

    {% set image = newsElement.images.one() %}


    <div class="image-text">
        <img class="content-image" src="{{image.url}}" alt="{{image.title}}">

        <div>
            <h3>{{newsElement.title}}</h3>

            <p>{{ newsElement.shortDescription|length > 100 ? newsElement.shortDescription|slice(0, 100) ~ '...'
                :newsElement.shortDescription }}</p>
        </div>
    </div>

    {% endfor %}
</div>