<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">

<f:layout name="Default"/>

<f:section name="BreadcrumbTop">
    <f:render partial="Navigation/Breadcrumb" arguments="{breadcrumb:breadcrumb,position:'top'}"/>
</f:section>

<f:section name="Hero">
    <div id="hero" class="section section-hero">
        <div class="container">
            <f:cObject typoscriptObjectPath="lib.dynamicContent" data="{pageUid: '{data.uid}', colPos: '110'}"/>
        </div>
    </div>
</f:section>


<f:section name="Main">


    <div id="content" class="section section-content section-content--sidebar py-5 mb-auto">

        <div class="container">
            <div class="row gy-4">
                <div class="col col-12 col-md-9 d-sm-none">
                    <button class="btn btn-primary d-block " type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvas" aria-controls="offcanvas">
                        <f:translate key="navOffcanvasShow" extensionName="seragwiessner_sitepackage"/>
                    </button>
                </div>
                <div class="col col-12 col-md-9">
                    <div class="main">
                        <f:cObject typoscriptObjectPath="lib.dynamicContent" data="{pageUid: '{data.uid}', colPos: '0'}"/>
                        <!--TYPO3SEARCH_end-->
                    </div>
                </div>
                <div class="col col-md-3 order-first d-none d-sm-block">
                    <div class="sidebar position-sticky">
                        <f:cObject typoscriptObjectPath="lib.dynamicContent" data="{pageUid: '{data.uid}', colPos: '1'}"/>
                    </div>
                </div>
            </div>


        </div>
    </div>

    <div class="offcanvas offcanvas-start d-block d-sm-none" tabindex="-1" id="offcanvas" aria-labelledby="offcanvasLabel">
        <div class="offcanvas-header">
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            <f:cObject typoscriptObjectPath="lib.dynamicContent" data="{pageUid: '{data.uid}', colPos: '1'}"/>
        </div>
    </div>

</f:section>


<f:section name="BreadcrumbBottom">
    <f:render partial="Navigation/Breadcrumb" arguments="{breadcrumb:breadcrumb,position:'bottom'}"/>
</f:section>

