{% if page.boxBody is not empty and page.boxBodyImage is defined and page.boxBodyImage %}
    {% set image_url = page.boxBodyImage['thumb_url'] %}
    {% set image_alt = page.boxBodyImage['title'] %}
    <div class="img-background lozad" data-background-image="{{ image_url }}" style="background-image:url({{ asset('images/placeholder-image.png') }});"></div>
{% else %}
    {% if page.boxImageUrl is not empty %}
        {% set image_url = page.boxImageUrl %}
        {% set image_alt = page.travelProgram.title|default(page.title) %}
    {% elseif page.travelProgram is not empty and page.travelProgram.previewImage is not empty %}
        {% set image_url = 'uploads/travel_program/' ~ page.travelProgram.previewImage.fileNameWithExtension %}
        {% set image_alt = page.title %}
    {% elseif page.fewoLodging is not empty and page.fewoLodging.images is not empty and page.fewoLodging.images[0] is not empty %}
        {% set image_url = '_uploads/images/' ~ page.fewoLodging.images[0].file %}
        {% set image_alt = page.title %}
    {% elseif page.boxBody is not empty and page.boxBodyImage is defined and page.boxBodyImage %}
        {% set image_url = page.boxBodyImage['thumb_url'] %}
        {% set image_alt = page.boxBodyImage['title'] %}
    {% else %}
        {% set image_url = asset('/bundles/app/images/no-picture.png')%}
        {% set image_alt = 'Kein Vorschaubild vorhanden' %}
    {% endif %}

    <div class="img-background lozad" data-background-image="{{  image(image_url|trim('/')).cropResize(360).guess(70) }}" style="background-image:url({{ asset('images/placeholder-image.png') }})"></div>
    <noscript>
        <img width="234" data-url="{{ image_url }}" height="180" src="{{  image(image_url|trim('/')).cropResize(360).guess(70) }}" class="img-responsiv img-responsiv-item" style="">
    </noscript>
{% endif %}