<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
      xmlns:n="http://typo3.org/ns/GeorgRinger/News/ViewHelpers"
      xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
      xmlns:sms="http://typo3.org/ns/SMS/SmsResponsiveImages/ViewHelpers"
      data-namespace-typo3-fluid="true">


<v:variable.set name="files" value="{v:page.resources.fal()}"/>

<div class="section section-hero bg-dark transition-after transition-type-2">
    <div class="hero hero-content has-background is-normal">
        <div class="container-fluid hero-text">
            <div class="hero-subheader">{pageData.subtitle}</div>
            <h1 class="hero-header">{pageData.title}</h1>
        </div>
        <div class="hero-bg hero-bg--image">
            <sms:image width="1920" src="{files.0.uid}" treatIdAsReference="true" alt=""
                       breakpoints="{
                              0: {'cropVariant': 'desktop', 'media': '(min-width: 1024px) and (orientation:landscape)', 'srcset': '1024,1280,1440,1920,2048,2560,3840,5120', 'sizes': '100vw'},
                              1: {'cropVariant': 'mobile', 'media': '(orientation:portrait)','srcset': '375,750,1125', 'sizes': '100vw'}
                            }"
            />
        </div>
    </div>
</div>

<!--TYPO3SEARCH_end-->
<f:if condition="{news}">
    <f:then>
        <div class="section section--news-list bg-light transition-after transition-type-2" id="news-container-{contentObjectData.uid}">
            <div class="container">
                <div class="card-deck">
            <f:if condition="{settings.hidePagination}">
                <f:then>
                    <f:for each="{news}" as="newsItem" iteration="iterator">
                        <f:render partial="List/Item" arguments="{newsItem: newsItem,settings:settings,iterator:iterator}"/>
                    </f:for>
                </f:then>
                <f:else>
                    <n:widget.paginate objects="{news}" as="paginatedNews" configuration="{settings.list.paginate}" initial="{offset:settings.offset,limit:settings.limit,recordId:contentObjectData.uid}">
                        <f:for each="{paginatedNews}" as="newsItem" iteration="iterator">
                            <f:render partial="List/Item" arguments="{newsItem: newsItem,settings:settings,iterator:iterator}"/>
                        </f:for>
                    </n:widget.paginate>
                </f:else>
            </f:if>
            </div>
        </div>
        </div>
    </f:then>
    <f:else>
        <div class="alert ">
            <f:translate key="list_nonewsfound"/>
        </div>
    </f:else>
</f:if>
<!--TYPO3SEARCH_begin-->
</html>
