{% if slides is not empty %}
    <div class="widget clearfix hidden-xs">

        <div class="widget-title">
            <a class="collapse-widget collapsed" href="#{{ target_widget }}" data-toggle="collapse" aria-expanded="true">{{ slider_title }}</a>
        </div><!-- end title -->
        <div class="boxwidget collapse" id="{{ target_widget }}" aria-expanded="true">

            <div class="box-slider newswidget clearfix{{ theme|default('normal') == 'gray-box' ? ' gray-box' }}">

                {% for slide in slides %}
                    <a href="{{ slide.urlPath|default('javascript:void(0);') }}" class="slide{{ loop.first ? ' active' }}">
                        <div class="hl5">{{ slide.title }}</div>
                        <p>{% if slide.boxBodyImage and slide.boxBodyImage.thumb_url is defined %}{{ slide.description }}{% else %}{{ slide.boxBody|default(slide.description) }}{% endif %}</p>
                    </a>
                {% endfor %}

                <div class="item-switch clearfix">
                    <a href="javascript:void(0);" class="item-button-prev">zurück</a>
                    <a href="javascript:void(0);" class="item-button-next">weiter</a>
                </div>

            </div><!-- end newswidget -->
        </div>

    </div><!-- end widget -->
{% endif %}