<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="hero">
    <div class="section section-hero">
        <div class="hero hero-content has-background is-fullsize transition transition-hero-type-2">
            <div class="hero-text">
                <div class="hero-subheader">Unsere Standorte</div>
                <div class="hero-header">Reiner Genuss ganz nah ...</div>
            </div>
            <div class="hero-bg hero-bg--image">
                <sms:image width="1920" src="3:address-list-hero.jpg" alt="" breakpoints="{ 0: {'cropVariant': 'hero', 'media': '(min-width: 1024px)', 'srcset': '1024,1440,1920,2560,3840,5120', 'sizes': '100vw'}, 1: {'cropVariant': 'mobile', 'srcset': '360,720', 'sizes': '100vw'} }" picturefill="false"/>
            </div>
        </div>
    </div>
</f:section>

<f:section name="main">
    <div class="section section-address-list">
        <div class="container">
            <div class="tt_address_list">
            <f:render section="displayMode_{settings.displayMode}" arguments="{_all}"/>
            </div>
        </div>
    </div>
</f:section>

<f:section name="displayMode_list">
    <!--TYPO3SEARCH_end-->
    <f:if condition="{settings.hidePagination}">
        <f:then>
            <f:for each="{addresses}" as="address" iteration="iterator">
                <f:render partial="ListItem" arguments="{_all}"/>
            </f:for>
        </f:then>
        <f:else>
            <f:widget.paginate objects="{addresses}" as="paginatedAdresses" configuration="{settings.paginate}">
                <f:for each="{paginatedAdresses}" as="address" iteration="iterator">
                    <f:render partial="ListItem" arguments="{_all}"/>
                </f:for>
            </f:widget.paginate>
        </f:else>
    </f:if>
    <!--TYPO3SEARCH_begin-->
</f:section>

<f:section name="displayMode_single">
    <f:for each="{addresses}" as="address">
        <f:render partial="Full" arguments="{_all}"/>
    </f:for>
</f:section>

<f:section name="displayMode_map">
    <f:render partial="Maps" section="{settings.map.rendering}" arguments="{_all}"/>
</f:section>
