<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:sms="http://typo3.org/ns/SMS/SmsResponsiveImages/ViewHelpers" data-namespace-typo3-fluid="true">
<f:layout name="Default"/>


<f:section name="Main">
    <f:if condition="{menu}">
        <f:variable name="modulo">{menu -> f:count()}</f:variable>
        <f:variable name="modulo">{modulo % 3}</f:variable>
        <div class="card-deck" data-modulo="{f:if( condition: '{modulo} == 0', then: 'odd', else: 'even' )}" data-items="{menu -> f:count()}">
            <f:for each="{menu}" as="page">
                <f:link.page pageUid="{page.data.uid}" title="{page.title}" class="card card-pageteaser">
                    <f:if condition="{page.files}">
                        <f:then>
                            <div class="card-img-top">
                                <sms:image image="{page.files.0}" width="595" srcset="435, 595, 715, 870, 1190, 1430" picturefill="false" cropVariant="teaser"/>
                            </div>
                        </f:then>
                        <f:else>
                            <div class="card-header"></div>
                        </f:else>
                    </f:if>
                    <div class="card-body">
                        <h3 class="card-title">{page.title}</h3>
                        <p class="card-text">{page.data.abstract}</p>

                    </div>
                    <div class="card-footer">
                        <div class="card-link">{f:if(condition: '{page.data.pageteaser_linktext}', then: '{page.data.pageteaser_linktext}', else: 'mehr Info')}</div>
                    </div>

                </f:link.page>

            </f:for>
        </div>
    </f:if>

</f:section>


</html>
