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

<f:layout name="Section"/>


<f:section name="Default">
    <f:if condition="{files}">
        <div class="background">
            <sms:media
                    width="1920"
                    file="{files.0}"
                    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>
    </f:if>
    <div class="container {f:if(condition: '{data.tx_amdsbear_container}', then: 'container-{data.tx_amdsbear_container}', else: '')}">
        <f:render partial="Default" section="Default" arguments="{data: data, children: children, options: options}"/>
    </div>
</f:section>

