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

<f:section name="Header">
    <f:render partial="Header/All" arguments="{_all}"/>
</f:section>


<f:section name="Main">
    <f:if condition="{menu}">
        <div class="row row-cols-2 row-cols-lg-5 g-3">
            <f:for each="{menu}" as="page">
                <div class="teaser teaser-narrow teaser--square">
                    <div class="teaser-inner">
                        <div class="teaser-title"><a href="{page.link}" class="stretched-link">{page.title}</a></div>
                        <div class="teaser-bg">
                            <f:if condition="{page.teaser_image.0}">
                                <sms:image image="{page.teaser_image.0}" srcset="264,528" width="264" height="264" cropVariant="mobile" loading="lazy"/>
                            </f:if>
                        </div>
                    </div>
                </div>
            </f:for>
        </div>
    </f:if>
</f:section>

<f:section name="link">
    <a href="{page.link}" {f:if(condition: page.target, then: ' target="{page.target}"')} class="nav-link{f:if(condition: page.active, then: ' active')}{f:if(condition: page.current, then: ' current')}{f:if(condition: page.spacer, then: ' disabled')}" >{page.title}</a>
</f:section>
</html>
