<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-3 g-2 g-md-3">
            <f:for each="{menu}" as="page">
                <f:if condition="{page.data.doktype} == 136">
                    <div class="col">
                        <div class="card card-videoteaser text-bg-dark">
                            <f:if condition="{page.data.videoteaser}">
                                <f:image src="{page.data.videoteaser}" alt="{page.title}"
                                         title="{page.data.videodescription}"
                                         class="card-img-top h-auto card-img-videoposter" width="640" height="360c"/>
                            </f:if>
                            <div class="card-img-overlay d-flex flex-column justify-content-end bg-dark bg-opacity-75">
                                <div class="card-title">{page.title}</div>
                                <a href="{page.link}" class="stretched-link overflow-hidden fs-sm text-decoration-none"><f:translate key="playvideo" extensionName="seragwiessner_sitepackage"/></a>
                            </div>
                        </div>
                    </div>
                </f:if>
            </f:for>
        </div>
    </f:if>
</f:section>


</html>
