first commit

2026-10-06 19:40:28 +02:00
commit e81864e683
@@ -0,0 +1,2 @@
+Order deny,allow
+Deny from all
@@ -0,0 +1,111 @@
+type: Form
+identifier: contactform
+label: Contact Form
+prototypeName: standard
+
+finishers:
+    -
+        identifier: EmailToReceiver
+        options:
+            subject: '{subject}'
+            senderAddress: '{email}'
+            senderName: '{fullname}'
+            replyToRecipients:
+              '{email}': ''
+            format: html
+            attachUploads: true
+    -
+        identifier: Redirect
+        options:
+            pageUid: ''
+            additionalParameters: ''
+
+renderables:
+    -
+        type: Page
+        identifier: form
+        label: ''
+        renderables:
+            -
+                properties:
+                    text: '* Mandatory fields'
+                type: StaticText
+                identifier: mandatory
+                label: 'Your personal data'
+            -
+                type: GridRow
+                identifier: gridrow
+                label: ''
+                renderables:
+                    -
+                        type: Fieldset
+                        identifier: fieldset-left
+                        label: ''
+                        properties:
+                            gridColumnClassAutoConfiguration:
+                                viewPorts:
+                                    xs: { numbersOfColumnsToUse: '12' }
+                                    sm: { numbersOfColumnsToUse: '6' }
+                                    md: { numbersOfColumnsToUse: '6' }
+                                    lg: { numbersOfColumnsToUse: '6' }
+                        renderables:
+                            -
+                                type: Text
+                                identifier: fullname
+                                label: 'Full name and surname'
+                                properties:
+                                    fluidAdditionalAttributes:
+                                        placeholder: 'Full name and surname'
+                                        required: required
+                                validators:
+                                    - { identifier: NotEmpty }
+                            -
+                                type: Text
+                                identifier: company
+                                label: 'Company'
+                                properties:
+                                    fluidAdditionalAttributes:
+                                        placeholder: 'Company'
+                            -
+                                type: Text
+                                identifier: email
+                                label: 'Email'
+                                properties:
+                                    fluidAdditionalAttributes:
+                                        placeholder: 'Email'
+                                        required: required
+                                validators:
+                                    - { identifier: NotEmpty }
+                                    - { identifier: EmailAddress }
+                    -
+                        type: Fieldset
+                        identifier: fieldset-right
+                        label: ''
+                        properties:
+                            gridColumnClassAutoConfiguration:
+                                viewPorts:
+                                    xs: { numbersOfColumnsToUse: '12' }
+                                    sm: { numbersOfColumnsToUse: '6' }
+                                    md: { numbersOfColumnsToUse: '6' }
+                                    lg: { numbersOfColumnsToUse: '6' }
+                        renderables:
+                            -
+                                type: Text
+                                identifier: subject
+                                label: 'Subject'
+                                properties:
+                                    fluidAdditionalAttributes:
+                                        placeholder: 'Subject'
+                                        required: required
+                                validators:
+                                    - { identifier: NotEmpty }
+                            -
+                                type: Textarea
+                                identifier: message
+                                label: 'Message'
+                                properties:
+                                    fluidAdditionalAttributes:
+                                        placeholder: 'Message'
+                                        required: required
+                                validators:
+                                    - { identifier: NotEmpty }
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<xliff version="1.0">
+    <file source-language="en" datatype="plaintext" original="messages" date="2013-09-19T09:11:39Z" product-name="bootstrap_package">
+        <header/>
+        <body>
+
+            <trans-unit id="pageTs.disablePageTsRTE">
+                <source>Disable RTE: If this option is set the config for RTE will not load automatically. Include "FILE:EXT:bootstrap_package/Configuration/TsConfig/Page/RTE.tsconfig" in your PageTsConfig to load the config manually.</source>
+            </trans-unit>
+            <trans-unit id="pageTs.disablePageTsTCEFORM">
+                <source>Disable TCEFORM: If this option is set the config for TCEFORM will not load automatically. Include "FILE:EXT:bootstrap_package/Configuration/TsConfig/Page/TCEFORM.tsconfig" in your PageTsConfig to load the config manually.</source>
+            </trans-unit>
+            <trans-unit id="pageTs.disablePageTsTCEMAIN">
+                <source>Disable TCEMAIN: If this option is set the config for TCEMAIN will not load automatically. Include "FILE:EXT:bootstrap_package/Configuration/TsConfig/Page/TCEMAIN.tsconfig" in your PageTsConfig to load the config manually.</source>
+            </trans-unit>
+            <trans-unit id="pageTs.disablePageTsTCADefaults">
+                <source>Disable TCA Defaults: If this option is set the config for TCAdefaults will not load automatically. Include "FILE:EXT:bootstrap_package/Configuration/TsConfig/Page/TCADefaults.tsconfig" in your PageTsConfig to load the config manually.</source>
+            </trans-unit>
+            <trans-unit id="pageTs.disablePageTsBackendLayouts">
+                <source>Disable BackendLayouts: If this option is set the included backend layouts will not load automatically. Include "FILE:EXT:bootstrap_package/Configuration/TsConfig/Page/Mod/WebLayout/BackendLayouts.tsconfig" in your PageTsConfig to load the config manually.</source>
+            </trans-unit>
+            <trans-unit id="pageTs.disablePageTsContentElements">
+                <source>Disable Content Element PageTS Configuration: If this option is set, the included configuration for content elements will not be loaded automatically. Include "FILE:EXT:bootstrap_package/Configuration/TsConfig/Page/ContentElement/All.tsconfig" in your PageTsConfig to load the config manually.</source>
+            </trans-unit>
+
+            <trans-unit id="feature.disableCssProcessing">
+                <source>Disable Processing of CSS files: WARNING: If this option is set there no more automatic processing of Scss files in the frontend. You will need to provide CSS files instead or handle the processing of the Scss files yourself.</source>
+            </trans-unit>
+            <trans-unit id="feature.disableGoogleFontCaching">
+                <source>Disable local Google-Font cache: If this option is set, Google Fonts will not be cached on the server.</source>
+            </trans-unit>
+
+        </body>
+    </file>
+</xliff>
@@ -0,0 +1,157 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<xliff version="1.0">
+    <file source-language="en" datatype="plaintext" original="messages" date="2013-09-19T09:11:39Z"
+          product-name="bootstrap_package">
+        <header/>
+        <body>
+
+            <trans-unit id="skiptomaincontent">
+                <source>Skip to main content</source>
+            </trans-unit>
+
+            <trans-unit id="skipnavigation">
+                <source>Skip navigation block</source>
+            </trans-unit>
+
+            <trans-unit id="scrolltop">
+                <source>Scroll to top</source>
+            </trans-unit>
+
+            <trans-unit id="togglenavigation">
+                <source>Toggle navigation</source>
+            </trans-unit>
+
+            <trans-unit id="linktop">
+                <source>To top</source>
+            </trans-unit>
+
+            <trans-unit id="breadcrumb">
+                <source>You are here:</source>
+            </trans-unit>
+            <trans-unit id="breadcrumb.label">
+                <source>Breadcrumb</source>
+            </trans-unit>
+
+            <trans-unit id="previous">
+                <source>Previous</source>
+            </trans-unit>
+
+            <trans-unit id="next">
+                <source>Next</source>
+            </trans-unit>
+
+            <trans-unit id="readmore">
+                <source>Read more</source>
+            </trans-unit>
+
+            <trans-unit id="externalmediaunsupported">
+                <source>The external media source %s is not supported. Please provide a valid YouTube or Vimeo URL.</source>
+            </trans-unit>
+
+            <trans-unit id="form.browse">
+                <source>Browse</source>
+            </trans-unit>
+            <trans-unit id="form.selectfile">
+                <source>Select File</source>
+            </trans-unit>
+
+            <trans-unit id="element.contactform.renderingOptions.submitButtonLabel">
+                <source>Submit</source>
+            </trans-unit>
+             <trans-unit id="contactform.element.mandatory.properties.label">
+                <source>Your personal data</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.mandatory.properties.text">
+                <source>* Mandatory fields</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.fullname.properties.label">
+                <source>Full name and surname</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.fullname.properties.placeholder">
+                <source>Full name and surname</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.company.properties.label">
+                <source>Company</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.company.properties.placeholder">
+                <source>Company</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.email.properties.label">
+                <source>Email</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.email.properties.placeholder">
+                <source>Email</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.subject.properties.label">
+                <source>Subject</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.subject.properties.placeholder">
+                <source>Subject</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.message.properties.label">
+                <source>Message</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.message.properties.placeholder">
+                <source>Message</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.summary.properties.label">
+                <source>Summary</source>
+            </trans-unit>
+
+            <trans-unit id="cookieconsent.common.header">
+                <source>Cookies used on the website!</source>
+            </trans-unit>
+            <trans-unit id="cookieconsent.common.message">
+                <source>This website uses cookies to ensure you get the best experience on our website.</source>
+            </trans-unit>
+            <trans-unit id="cookieconsent.common.dismiss">
+                <source>Got it!</source>
+            </trans-unit>
+            <trans-unit id="cookieconsent.common.allow">
+                <source>Allow cookies</source>
+            </trans-unit>
+            <trans-unit id="cookieconsent.common.deny">
+                <source>Decline</source>
+            </trans-unit>
+            <trans-unit id="cookieconsent.common.link">
+                <source>Learn more</source>
+            </trans-unit>
+
+            <trans-unit id="googleanalyticsstatus.title">
+                <source>Google Analytics Status</source>
+            </trans-unit>
+            <trans-unit id="googleanalyticsstatus.description">
+                <source>Here you can object to the anonymous collection by Google Analytics on this website for your browser by using an "Opt-Out-Cookie". Please note that if you delete the exclusion cookie or use a different computer or web browser, you will need to re-set the exclusion.</source>
+            </trans-unit>
+            <trans-unit id="googleanalyticsstatus.link.enable">
+                <source>Enable Google Analytics (Opt-In)</source>
+            </trans-unit>
+            <trans-unit id="googleanalyticsstatus.link.disable">
+                <source>Deactivate Google Analytics (Opt-Out)</source>
+            </trans-unit>
+
+            <trans-unit id="pagination.aria.label" xml:space="preserve">
+                <source>Page navigation</source>
+            </trans-unit>
+            <trans-unit id="pagination.next" xml:space="preserve">
+                <source>Next</source>
+            </trans-unit>
+            <trans-unit id="pagination.previous" xml:space="preserve">
+                <source>Previous</source>
+            </trans-unit>
+            <trans-unit id="pagination.aria.current.page" xml:space="preserve">
+                <source>Current page, page %s</source>
+            </trans-unit>
+            <trans-unit id="pagination.aria.goto.page" xml:space="preserve">
+                <source>Go to page %s</source>
+            </trans-unit>
+            <trans-unit id="pagination.aria.goto.next" xml:space="preserve">
+                <source>Go to next page</source>
+            </trans-unit>
+            <trans-unit id="pagination.aria.goto.previous" xml:space="preserve">
+                <source>Go to previous page</source>
+            </trans-unit>
+
+        </body>
+    </file>
+</xliff>
@@ -0,0 +1,91 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:spaceless>
+
+    <bk2k:data.imageVariants as="variants" variants="{settings.responsiveimages.variants}" />
+    <f:variable name="backendlayoutConfig">{settings.responsiveimages.backendlayout.{backendlayout}}</f:variable>
+    <f:variable name="columnConfig">{backendlayoutConfig.{data.colPos}}</f:variable>
+    <f:if condition="{columnConfig}">
+        <bk2k:data.imageVariants as="variants" variants="{variants}" multiplier="{columnConfig.multiplier}" gutters="{columnConfig.gutters}" corrections="{columnConfig.corrections}" />
+    </f:if>
+
+    <f:if condition="{containerContext}">
+        <f:for each="{containerContext}" as="context">
+            <f:variable name="containerConfig">{settings.responsiveimages.container.{context.CType}}</f:variable>
+            <f:variable name="containerColumnConfig">{containerConfig.{data.colPos}}</f:variable>
+            <f:if condition="{containerColumnConfig}">
+                <bk2k:data.imageVariants as="variants" variants="{variants}" multiplier="{containerColumnConfig.multiplier}" gutters="{containerColumnConfig.gutters}" corrections="{containerColumnConfig.corrections}" />
+            </f:if>
+        </f:for>
+    </f:if>
+
+    <f:variable name="frameSize">frame-size-default</f:variable>
+    <f:variable name="frameClass">frame-{data.frame_class}</f:variable>
+    <f:variable name="typeClass">frame-type-{data.CType}</f:variable>
+    <f:variable name="layoutClass">frame-layout-{data.frame_layout}</f:variable>
+    <f:variable name="backgroundClass">frame-background-{f:if(condition: data.background_color_class, else: 'none', then: data.background_color_class)}</f:variable>
+    <f:variable name="spaceBeforeClass">frame-space-before-{f:if(condition: data.space_before_class, else: 'none', then: data.space_before_class)}</f:variable>
+    <f:variable name="spaceAfterClass">frame-space-after-{f:if(condition: data.space_after_class, else: 'none', then: data.space_after_class)}</f:variable>
+
+    <f:if condition="{data.frame_class} != none">
+        <f:then>
+
+            <f:variable name="backgroundImageClass">{f:if(condition: backgroundImage.0, then: 'frame-has-backgroundimage', else: 'frame-no-backgroundimage')}</f:variable>
+            <div id="c{data.uid}" class="frame {frameSize} {frameClass} {typeClass} {layoutClass} {backgroundClass} {backgroundImageClass} {spaceBeforeClass} {spaceAfterClass}">
+                <div class="frame-group-container">
+                    <div class="frame-group-inner">
+                        <f:render partial="Frame/General/BackgroundImage" arguments="{_all}" />
+                        <div class="frame-container frame-container-default">
+                            <div class="frame-inner">
+                                <f:if condition="{data._LOCALIZED_UID}">
+                                    <a id="c{data._LOCALIZED_UID}"></a>
+                                </f:if>
+                                <f:render section="Before" optional="true">
+                                    <f:render partial="DropIn/Before/All" arguments="{_all}" />
+                                </f:render>
+                                <f:render section="Header" optional="true">
+                                    <f:render partial="Header/All" arguments="{_all}" />
+                                </f:render>
+                                <f:render section="Main" optional="true" />
+                                <f:render section="Footer" optional="true">
+                                    <f:render partial="Footer/All" arguments="{_all}" />
+                                </f:render>
+                                <f:render section="After" optional="true">
+                                    <f:render partial="DropIn/After/All" arguments="{_all}" />
+                                </f:render>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+        </f:then>
+        <f:else>
+
+            <a id="c{data.uid}"></a>
+            <f:if condition="{data._LOCALIZED_UID}">
+                <a id="c{data._LOCALIZED_UID}"></a>
+            </f:if>
+            <f:if condition="{data.space_before_class}">
+                <div class="frame-space-before {spaceBeforeClass}"></div>
+            </f:if>
+            <f:render section="Before" optional="true">
+                <f:render partial="DropIn/Before/All" arguments="{_all}" />
+            </f:render>
+            <f:render section="Header" optional="true">
+                <f:render partial="Header/All" arguments="{_all}" />
+            </f:render>
+            <f:render section="Main" optional="true" />
+            <f:render section="Footer" optional="true">
+                <f:render partial="Footer/All" arguments="{_all}" />
+            </f:render>
+            <f:render section="After" optional="true">
+                <f:render partial="DropIn/After/All" arguments="{_all}" />
+            </f:render>
+            <f:if condition="{data.space_after_class}">
+                <div class="frame-space-after {spaceAfterClass}"></div>
+            </f:if>
+
+        </f:else>
+    </f:if>
+</f:spaceless>
+</html>
@@ -0,0 +1,32 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:spaceless>
+<div id="top"></div>
+<div class="body-bg{f:if(condition:theme.navigation.type, then:' body-bg-{theme.navigation.type}')}">
+
+    <f:render partial="DropIn/Page/PageBefore" arguments="{_all}" />
+    <f:render partial="Structure/CookieConsent" arguments="{_all}" />
+    <a class="visually-hidden-focusable" href="#page-content">
+        <span>{f:translate(key: 'skiptomaincontent', extensionName: 'bootstrap_package')}</span>
+    </a>
+    <f:render partial="Navigation/Main" arguments="{_all}" />
+    <f:render section="Border" optional="true" />
+    <f:render partial="Navigation/Breadcrumb" arguments="{_all}" />
+
+    <div id="page-content" class="bp-page-content main-section">
+        <!--TYPO3SEARCH_begin-->
+        <f:render section="Main" />
+        <!--TYPO3SEARCH_end-->
+    </div>
+
+    <footer id="page-footer" class="bp-page-footer">
+        <f:render partial="DropIn/Structure/FooterBefore" arguments="{_all}" />
+        <f:render section="Footer" optional="true" />
+        <f:render partial="Structure/FooterMeta" arguments="{_all}" />
+        <f:render partial="DropIn/Structure/FooterAfter" arguments="{_all}" />
+    </footer>
+    <f:render partial="Structure/ScrollTop" arguments="{_all}" />
+    <f:render partial="DropIn/Page/PageAfter" arguments="{_all}" />
+
+</div>
+</f:spaceless>
+</html>
@@ -0,0 +1,12 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{records -> f:count()} > 1">
+    <button data-slide="prev" data-target="#carousel-{data.uid}" data-bs-slide="prev" data-bs-target="#carousel-{data.uid}" type="button" class="carousel-control carousel-control-prev">
+        <span class="carousel-control-icon carousel-control-prev-icon" aria-hidden="true"></span>
+        <span class="visually-hidden">{f:translate(key: 'previous', extensionName: 'bootstrap_package')}</span>
+    </button>
+    <button data-slide="next" data-target="#carousel-{data.uid}" data-bs-slide="next" data-bs-target="#carousel-{data.uid}" type="button" class="carousel-control carousel-control-next">
+        <span class="carousel-control-icon carousel-control-next-icon" aria-hidden="true"></span>
+        <span class="visually-hidden">{f:translate(key: 'next', extensionName: 'bootstrap_package')}</span>
+    </button>
+</f:if>
+</html>
@@ -0,0 +1,16 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{records -> f:count()} > 1">
+    <ol class="carousel-indicators{f:if(condition: data.pi_flexform.show_nav_title,then:' carousel-indicators-navigation')}">
+        <f:for each="{records}" as="item" iteration="iteration">
+            <li data-target="#carousel-{data.uid}" data-slide-to="{iteration.index}" data-bs-target="#carousel-{data.uid}" data-bs-slide-to="{iteration.index}" class="{f:if(condition: iteration.isFirst,then:'active')}">
+                <span>
+                    <f:if condition="{item.data.nav_title}">
+                        <f:then>{item.data.nav_title}</f:then>
+                        <f:else>{item.data.header}</f:else>
+                    </f:if>
+                </span>
+            </li>
+        </f:for>
+    </ol>
+</f:if>
+</html>
@@ -0,0 +1,41 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{item.backgroundImage.0}">
+    <f:variable name="backgroundImageObject" value="{item.backgroundImage.0}"/>
+    <f:variable name="backgroundImageIdentifier" value="carousel-backgroundimage-{data.uid}-{item.data.uid}"/>
+    <f:variable name="backgroundImageClasses">carousel-backgroundimage</f:variable>
+    <f:if condition="{item.data.background_image_options.parallax}"><f:variable name="backgroundImageClasses">{backgroundImageClasses} carousel-backgroundimage-parallax</f:variable></f:if>
+    <f:if condition="{item.data.background_image_options.fade}"><f:variable name="backgroundImageClasses">{backgroundImageClasses} carousel-backgroundimage-fade</f:variable></f:if>
+    <f:if condition="{item.data.background_image_options.filter}"><f:variable name="backgroundImageClasses">{backgroundImageClasses} carousel-backgroundimage-{item.data.background_image_options.filter}</f:variable></f:if>
+    <div class="carousel-backgroundimage-container">
+        <div id="{backgroundImageIdentifier}" class="{backgroundImageClasses}">
+            <f:variable name="styles" value=""/>
+            <f:variable name="imageConfig">{settings.responsiveimages.contentelements.carousel.background_image}</f:variable>
+            <bk2k:data.imageVariants as="variants" variants="{variants}" multiplier="{imageConfig.multiplier}" gutters="{imageConfig.gutters}" corrections="{imageConfig.corrections}" />
+            <f:for each="{variants}" key="name" as="variant">
+                <f:variable name="breakpoint">{variant.breakpoint as integer}</f:variable>
+                <f:variable name="width">{variant.width as integer}</f:variable>
+                <f:if condition="{width} && {variant.sizes}">
+                    <f:variable name="variantStyle" value=""/>
+                    <f:for each="{variant.sizes}" key="sizeKey" as="sizeConfig" iteration="iteration">
+                        <f:variable name="sizeWidth">{sizeConfig.multiplier as float}</f:variable>
+                        <f:variable name="sizeWidth">{sizeWidth * width}</f:variable>
+                        <f:variable name="sizeDppx">{sizeKey as float}</f:variable>
+                        <f:variable name="mediaBreakpoint"><f:if condition="{breakpoint}">(min-width: {breakpoint}px)</f:if></f:variable>
+                        <f:variable name="mediaQuery" value=""/>
+                        <f:if condition="{mediaBreakpoint}">
+                            <f:variable name="mediaQuery">{mediaBreakpoint}</f:variable>
+                        </f:if>
+                        <f:if condition="{sizeDppx} > 1">
+                            <f:variable name="mediaQuery">(-webkit-min-device-pixel-ratio: {sizeDppx})<f:if condition="{mediaBreakpoint}"> and {mediaBreakpoint}</f:if></f:variable>
+                            <f:variable name="mediaQuery">{mediaQuery}, (min-resolution: {sizeDppx}dppx)<f:if condition="{mediaBreakpoint}"> and {mediaBreakpoint}</f:if></f:variable>
+                        </f:if>
+                        <f:variable name="variantStyle">{variantStyle} <f:if condition="{mediaQuery}">@media {mediaQuery} { </f:if>#{backgroundImageIdentifier} { background-image: url('{f:uri.image(image: backgroundImageObject, cropVariant: name, maxWidth: sizeWidth)}'); }<f:if condition="{mediaQuery}"> }</f:if></f:variable>
+                    </f:for>
+                    <f:variable name="styles" value="{variantStyle -> bk2k:format.trim()} {styles}"/>
+                </f:if>
+            </f:for>
+            <style>{styles -> f:format.raw()}</style>
+        </div>
+    </div>
+</f:if>
+</html>
@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:link.typolink parameter="{item.data.link}" additionalAttributes="{draggable:'false'}"> </f:link.typolink>
+</html>
@@ -0,0 +1,28 @@
+<div class="carousel-content-inner">
+    <div class="carousel-box">
+        <f:if condition="{item.data.nav_title}">
+            <div>{item.data.nav_title}</div>
+        </f:if>
+        <h{item.data.header_layout} class="carousel-item-header{f:if(condition: item.data.header_class, then: ' {item.data.header_class}')}{f:if(condition: item.data.header_position, then: ' text-{item.data.header_position}')}"><f:format.htmlspecialchars doubleEncode="false">{item.data.header}</f:format.htmlspecialchars></h{item.data.header_layout}>
+        <f:if condition="{item.data.subheader}">
+            <h{item.data.subheader_layout} class="carousel-item-subheader{f:if(condition: item.data.subheader_class, then: ' {item.data.subheader_class}')}{f:if(condition: item.data.header_position, then: ' text-{item.data.header_position}')}"><f:format.htmlspecialchars doubleEncode="false">{item.data.subheader}</f:format.htmlspecialchars></h{item.data.subheader_layout}>
+        </f:if>
+        <f:if condition="{item.data.bodytext}">
+            <div class="carousel-item-bodytext">
+                <f:format.html>{item.data.bodytext}</f:format.html>
+            </div>
+        </f:if>
+        <f:if condition="{item.data.link}">
+            <f:link.typolink parameter="{item.data.link}" class="carousel-item-button btn btn-primary" additionalAttributes="{draggable:'false'}">
+                <f:if condition="{item.data.button_text}">
+                    <f:then>
+                        <span>{item.data.button_text}</span>
+                    </f:then>
+                    <f:else>
+                        <span><f:translate key="readmore" extensionName="bootstrap_package" /></span>
+                    </f:else>
+                </f:if>
+            </f:link.typolink>
+        </f:if>
+    </div>
+</div>
@@ -0,0 +1,12 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:link.typolink parameter="{item.data.link}" additionalAttributes="{draggable:'false'}">
+    <div class="carousel-content-inner">
+        <div class="carousel-text-inner">
+            <h{item.data.header_layout} class="carousel-header awesome{f:if(condition: item.data.header_class, then: ' {item.data.header_class}')}{f:if(condition: item.data.header_position, then: ' text-{item.data.header_position}')}"><f:format.htmlspecialchars doubleEncode="false">{item.data.header}</f:format.htmlspecialchars></h{item.data.header_layout}>
+            <f:if condition="{item.data.subheader}">
+                <h{item.data.subheader_layout} class="carousel-subheader awesome{f:if(condition: item.data.subheader_class, then: ' {item.data.subheader_class}')}{f:if(condition: item.data.header_position, then: ' text-{item.data.header_position}')}"><f:format.htmlspecialchars doubleEncode="false">{item.data.subheader}</f:format.htmlspecialchars></h{item.data.subheader_layout}>
+            </f:if>
+        </div>
+    </div>
+</f:link.typolink>
+</html>
@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+{item.data.bodytext->f:format.raw()}
+</html>
@@ -0,0 +1,11 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:link.typolink parameter="{item.data.link}" additionalAttributes="{draggable:'false'}">
+    <div class="carousel-content-inner">
+        <div class="carousel-image">
+            <f:if condition="{item.images.0}">
+                <f:render partial="Media/Rendering/Image" arguments="{file: item.images.0, data: item.data, settings: settings, variants: variants}" />
+            </f:if>
+        </div>
+    </div>
+</f:link.typolink>
+</html>
@@ -0,0 +1,16 @@
+<div class="carousel-content-inner">
+    <div class="carousel-text-inner">
+        <f:if condition="{item.data.nav_title}">
+            <div>{item.data.nav_title}</div>
+        </f:if>
+        <h{item.data.header_layout} class="carousel-item-header{f:if(condition: item.data.header_class, then: ' {item.data.header_class}')}{f:if(condition: item.data.header_position, then: ' text-{item.data.header_position}')}"><f:format.htmlspecialchars doubleEncode="false">{item.data.header}</f:format.htmlspecialchars></h{item.data.header_layout}>
+        <f:if condition="{item.data.subheader}">
+            <h{item.data.subheader_layout} class="carousel-item-subheader{f:if(condition: item.data.subheader_class, then: ' {item.data.subheader_class}')}{f:if(condition: item.data.header_position, then: ' text-{item.data.header_position}')}"><f:format.htmlspecialchars doubleEncode="false">{item.data.subheader}</f:format.htmlspecialchars></h{item.data.subheader_layout}>
+        </f:if>
+        <f:if condition="{item.data.bodytext}">
+            <div class="carousel-item-bodytext">
+                <f:format.html>{item.data.bodytext}</f:format.html>
+            </div>
+        </f:if>
+    </div>
+</div>
@@ -0,0 +1,21 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:link.typolink parameter="{item.data.link}" additionalAttributes="{draggable:'false'}">
+    <div class="carousel-content-inner">
+        <div class="carousel-text">
+            <h{item.data.header_layout} class="carousel-header{f:if(condition: item.data.header_class, then: ' {item.data.header_class}')}{f:if(condition: item.data.header_position, then: ' text-{item.data.header_position}')}"><f:format.htmlspecialchars doubleEncode="false">{item.data.header}</f:format.htmlspecialchars></h{item.data.header_layout}>
+            <f:if condition="{item.data.subheader}">
+                <h{item.data.subheader_layout} class="carousel-subheader{f:if(condition: item.data.subheader_class, then: ' {item.data.subheader_class}')}{f:if(condition: item.data.header_position, then: ' text-{item.data.header_position}')}"><f:format.htmlspecialchars doubleEncode="false">{item.data.subheader}</f:format.htmlspecialchars></h{item.data.subheader_layout}>
+            </f:if>
+            <f:format.html>{item.data.bodytext}</f:format.html>
+        </div>
+        <div class="carousel-image">
+            <f:if condition="{item.images.0}">
+                <f:variable name="imageConfig">{settings.responsiveimages.contentelements.{data.CType}}</f:variable>
+                <f:variable name="imageConfig">{imageConfig.{item.data.item_type}}</f:variable>
+                <bk2k:data.imageVariants as="variants" variants="{variants}" multiplier="{imageConfig.multiplier}" gutters="{imageConfig.gutters}" corrections="{imageConfig.corrections}" />
+                <f:render partial="Media/Rendering/Image" arguments="{file: item.images.0, data: item.data, settings: settings, variants: variants}" />
+            </f:if>
+        </div>
+    </div>
+</f:link.typolink>
+</html>
@@ -0,0 +1,7 @@
+<div class="contentcontainer-column" data-container-column="middle">
+    <f:for each="{children_201}" as="record">
+        <f:format.raw>{record.renderedContent}</f:format.raw>
+    </f:for>
+</div>
+
+
@@ -0,0 +1,11 @@
+<div class="contentcontainer-column" data-container-column="left">
+    <f:for each="{children_201}" as="record">
+        <f:format.raw>{record.renderedContent}</f:format.raw>
+    </f:for>
+</div>
+<div class="contentcontainer-column" data-container-column="right">
+    <f:for each="{children_202}" as="record">
+        <f:format.raw>{record.renderedContent}</f:format.raw>
+    </f:for>
+</div>
+
@@ -0,0 +1,11 @@
+<div class="contentcontainer-column" data-container-column="left">
+    <f:for each="{children_201}" as="record">
+        <f:format.raw>{record.renderedContent}</f:format.raw>
+    </f:for>
+</div>
+<div class="contentcontainer-column" data-container-column="right">
+    <f:for each="{children_202}" as="record">
+        <f:format.raw>{record.renderedContent}</f:format.raw>
+    </f:for>
+</div>
+
@@ -0,0 +1,11 @@
+<div class="contentcontainer-column" data-container-column="left">
+    <f:for each="{children_201}" as="record">
+        <f:format.raw>{record.renderedContent}</f:format.raw>
+    </f:for>
+</div>
+<div class="contentcontainer-column" data-container-column="right">
+    <f:for each="{children_202}" as="record">
+        <f:format.raw>{record.renderedContent}</f:format.raw>
+    </f:for>
+</div>
+
@@ -0,0 +1,16 @@
+<div class="contentcontainer-column" data-container-column="left">
+    <f:for each="{children_201}" as="record">
+        <f:format.raw>{record.renderedContent}</f:format.raw>
+    </f:for>
+</div>
+<div class="contentcontainer-column" data-container-column="middle">
+    <f:for each="{children_203}" as="record">
+        <f:format.raw>{record.renderedContent}</f:format.raw>
+    </f:for>
+</div>
+<div class="contentcontainer-column" data-container-column="right">
+    <f:for each="{children_202}" as="record">
+        <f:format.raw>{record.renderedContent}</f:format.raw>
+    </f:for>
+</div>
+
@@ -0,0 +1,21 @@
+<div class="contentcontainer-column" data-container-column="left">
+    <f:for each="{children_201}" as="record">
+        <f:format.raw>{record.renderedContent}</f:format.raw>
+    </f:for>
+</div>
+<div class="contentcontainer-column" data-container-column="middle-left">
+    <f:for each="{children_203}" as="record">
+        <f:format.raw>{record.renderedContent}</f:format.raw>
+    </f:for>
+</div>
+<div class="contentcontainer-column" data-container-column="middle-right">
+    <f:for each="{children_204}" as="record">
+        <f:format.raw>{record.renderedContent}</f:format.raw>
+    </f:for>
+</div>
+<div class="contentcontainer-column" data-container-column="right">
+    <f:for each="{children_202}" as="record">
+        <f:format.raw>{record.renderedContent}</f:format.raw>
+    </f:for>
+</div>
+
@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:comment>DropIn Placeholder. Will be rendered after all other output inside the wrapping container.</f:comment>
+</html>
@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:comment>DropIn Placeholder. Will be rendered before any other output inside the wrapping container.</f:comment>
+</html>
@@ -0,0 +1,7 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{data.linkToTop}">
+    <p>
+        <a href="#top"><f:translate key="linktop" extensionName="bootstrap_package" /></a>
+    </p>
+</f:if>
+</html>
@@ -0,0 +1,39 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{backgroundImage.0}">
+    <f:variable name="backgroundImageObject" value="{backgroundImage.0}"/>
+    <f:variable name="backgroundImageIdentifier" value="frame-backgroundimage-{data.uid}"/>
+    <f:variable name="backgroundImageClasses">frame-backgroundimage</f:variable>
+    <f:if condition="{data.background_image_options.parallax}"><f:variable name="backgroundImageClasses">{backgroundImageClasses} frame-backgroundimage-parallax</f:variable></f:if>
+    <f:if condition="{data.background_image_options.fade}"><f:variable name="backgroundImageClasses">{backgroundImageClasses} frame-backgroundimage-fade</f:variable></f:if>
+    <f:if condition="{data.background_image_options.filter}"><f:variable name="backgroundImageClasses">{backgroundImageClasses} frame-backgroundimage-{data.background_image_options.filter}</f:variable></f:if>
+    <div class="frame-backgroundimage-container">
+        <div id="{backgroundImageIdentifier}" class="{backgroundImageClasses}">
+            <f:variable name="styles" value=""/>
+            <f:for each="{variants}" key="name" as="variant">
+                <f:variable name="breakpoint">{variant.breakpoint as integer}</f:variable>
+                <f:variable name="width">{variant.width as integer}</f:variable>
+                <f:if condition="{width} && {variant.sizes}">
+                    <f:variable name="variantStyle" value=""/>
+                    <f:for each="{variant.sizes}" key="sizeKey" as="sizeConfig" iteration="iteration">
+                        <f:variable name="sizeWidth">{sizeConfig.multiplier as float}</f:variable>
+                        <f:variable name="sizeWidth">{sizeWidth * width}</f:variable>
+                        <f:variable name="sizeDppx">{sizeKey as float}</f:variable>
+                        <f:variable name="mediaBreakpoint"><f:if condition="{breakpoint}">(min-width: {breakpoint}px)</f:if></f:variable>
+                        <f:variable name="mediaQuery" value=""/>
+                        <f:if condition="{mediaBreakpoint}">
+                            <f:variable name="mediaQuery">{mediaBreakpoint}</f:variable>
+                        </f:if>
+                        <f:if condition="{sizeDppx} > 1">
+                            <f:variable name="mediaQuery">(-webkit-min-device-pixel-ratio: {sizeDppx})<f:if condition="{mediaBreakpoint}"> and {mediaBreakpoint}</f:if></f:variable>
+                            <f:variable name="mediaQuery">{mediaQuery}, (min-resolution: {sizeDppx}dppx)<f:if condition="{mediaBreakpoint}"> and {mediaBreakpoint}</f:if></f:variable>
+                        </f:if>
+                        <f:variable name="variantStyle">{variantStyle} <f:if condition="{mediaQuery}">@media {mediaQuery} { </f:if>#{backgroundImageIdentifier} { background-image: url('{f:uri.image(image: backgroundImageObject, cropVariant: name, maxWidth: sizeWidth)}'); }<f:if condition="{mediaQuery}"> }</f:if></f:variable>
+                    </f:for>
+                    <f:variable name="styles" value="{variantStyle -> bk2k:format.trim()} {styles}"/>
+                </f:if>
+            </f:for>
+            <style>{styles -> f:format.raw()}</style>
+        </div>
+    </div>
+</f:if>
+</html>
@@ -0,0 +1,25 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{data.header_layout} != 100">
+    <f:if condition="{data.header} || {data.subheader} || {data.date}">
+        <header class="frame-header">
+            <f:render partial="Header/Header" arguments="{
+                header: data.header,
+                layout: data.header_layout,
+                class: settings.header.class,
+                positionClass: '{f:if(condition: data.header_position, then: \'text-{data.header_position}\')}',
+                link: data.header_link,
+                default: settings.header.defaultHeaderType}" />
+            <f:render partial="Header/SubHeader" arguments="{
+                subheader: data.subheader,
+                layout: data.header_layout,
+                class: settings.subheader.class,
+                positionClass: '{f:if(condition: data.header_position, then: \'text-{data.header_position}\')}',
+                default: settings.header.defaultHeaderType}" />
+            <f:render partial="Header/Date" arguments="{
+                date: data.date,
+                format: settings.header.date.format,
+                positionClass: '{f:if(condition: data.header_position, then: \'text-{data.header_position}\')}'}" />
+        </header>
+    </f:if>
+</f:if>
+</html>
@@ -0,0 +1,7 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{date}">
+    <p class="{positionClass}">
+        <time datetime="{date -> f:format.date(format: '%Y-%m-%d')}"><f:format.date format="{format}">{date}</f:format.date></time>
+    </p>
+</f:if>
+</html>
@@ -0,0 +1,49 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{header}">
+    <f:switch expression="{layout}">
+        <f:case value="1">
+            <h1 class="{class} {positionClass}">
+                <f:link.typolink parameter="{link}"><span>{header}</span></f:link.typolink>
+            </h1>
+        </f:case>
+        <f:case value="2">
+            <h2 class="{class} {positionClass}">
+                <f:link.typolink parameter="{link}"><span>{header}</span></f:link.typolink>
+            </h2>
+        </f:case>
+        <f:case value="3">
+            <h3 class="{class} {positionClass}">
+                <f:link.typolink parameter="{link}"><span>{header}</span></f:link.typolink>
+            </h3>
+        </f:case>
+        <f:case value="4">
+            <h4 class="{class} {positionClass}">
+                <f:link.typolink parameter="{link}"><span>{header}</span></f:link.typolink>
+            </h4>
+        </f:case>
+        <f:case value="5">
+            <h5 class="{class} {positionClass}">
+                <f:link.typolink parameter="{link}"><span>{header}</span></f:link.typolink>
+            </h5>
+        </f:case>
+        <f:case value="6">
+            <h6 class="{class} {positionClass}">
+                <f:link.typolink parameter="{link}"><span>{header}</span></f:link.typolink>
+            </h6>
+        </f:case>
+        <f:case value="100">
+            <f:comment> -- do not show header -- </f:comment>
+        </f:case>
+        <f:defaultCase>
+            <f:if condition="{default}">
+                <f:render partial="Header/Header" arguments="{
+                    header: header,
+                    layout: default,
+                    class: class,
+                    positionClass: positionClass,
+                    link: link}" />
+            </f:if>
+        </f:defaultCase>
+    </f:switch>
+</f:if>
+</html>
@@ -0,0 +1,40 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{subheader}">
+    <f:switch expression="{layout}">
+        <f:case value="1">
+            <h2 class="{class} {positionClass}">
+                <span><f:format.htmlspecialchars doubleEncode="false">{subheader}</f:format.htmlspecialchars></span>
+            </h2>
+        </f:case>
+        <f:case value="2">
+            <h3 class="{class} {positionClass}">
+                <span><f:format.htmlspecialchars doubleEncode="false">{subheader}</f:format.htmlspecialchars></span>
+            </h3>
+        </f:case>
+        <f:case value="3">
+            <h4 class="{class} {positionClass}">
+                <span><f:format.htmlspecialchars doubleEncode="false">{subheader}</f:format.htmlspecialchars></span>
+            </h4>
+        </f:case>
+        <f:case value="4">
+            <h5 class="{class} {positionClass}">
+                <span><f:format.htmlspecialchars doubleEncode="false">{subheader}</f:format.htmlspecialchars></span>
+            </h5>
+        </f:case>
+        <f:case value="5">
+            <h6 class="{class} {positionClass}">
+                <span><f:format.htmlspecialchars doubleEncode="false">{subheader}</f:format.htmlspecialchars></span>
+            </h6>
+        </f:case>
+        <f:defaultCase>
+            <f:if condition="{default}">
+                <f:render partial="Header/SubHeader" arguments="{
+                    subheader: subheader,
+                    class: class,
+                    positionClass: positionClass,
+                    layout: default}" />
+            </f:if>
+        </f:defaultCase>
+    </f:switch>
+</f:if>
+</html>
@@ -0,0 +1,17 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{files}">
+
+    <f:variable name="imagecols">{data.imagecols as integer}</f:variable>
+    <f:variable name="columnConfig">{settings.gallery.columns.{imagecols}}</f:variable>
+    <bk2k:data.imageVariants as="variants" variants="{variants}" multiplier="{columnConfig.multiplier}" gutters="{columnConfig.gutters}" corrections="{columnConfig.corrections}" />
+
+    <div class="gallery-row">
+        <f:for each="{files}" as="file" iteration="fileIteration">
+            <div class="gallery-item {columnConfig.class}">
+                <f:render partial="Media/Type" arguments="{file: file, data: data, settings: settings, variants: variants}" />
+            </div>
+        </f:for>
+    </div>
+
+</f:if>
+</html>
@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:media class="audio-embed-item" file="{file}" alt="{file.properties.alternative}" title="{file.properties.title}" />
+</html>
@@ -0,0 +1,55 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<picture>
+    <f:for each="{variants}" key="name" as="variant">
+        <f:variable name="breakpoint">{variant.breakpoint as integer}</f:variable>
+        <f:variable name="width">{variant.width as integer}</f:variable>
+        <f:variable name="height" value="" />
+        <f:if condition="{width}">
+            <f:if condition="{variant.aspectRatio}">
+                <f:variable name="aspectRatio">{variant.aspectRatio as float}</f:variable>
+                <f:variable name="height">{width / aspectRatio}</f:variable>
+                <f:variable name="height">{height as integer}</f:variable>
+            </f:if>
+            <f:variable name="mediaQuery">{f:if(condition: breakpoint, then: 'media="(min-width: {breakpoint}px)"')}</f:variable>
+            <f:if condition="{variant.sizes}">
+                <f:variable name="srcset" value="" />
+                <f:for each="{variant.sizes}" key="sizeKey" as="sizeConfig" iteration="iteration">
+                    <f:variable name="sizeWidth">{sizeConfig.multiplier as float}</f:variable>
+                    <f:variable name="sizeWidth">{sizeWidth * width}</f:variable>
+                    <f:variable name="sizeHeight" value="" />
+                    <f:if condition="{height}">
+                        <f:then>
+                            <f:variable name="sizeHeight">{sizeConfig.multiplier as float}</f:variable>
+                            <f:variable name="sizeHeight">{sizeHeight * height}</f:variable>
+                            <f:variable name="sizeUrl">{f:uri.image(image: file, cropVariant: name, width: '{sizeWidth}c', height: '{sizeHeight}c')}</f:variable>
+                        </f:then>
+                        <f:else>
+                            <f:variable name="sizeUrl">{f:uri.image(image: file, cropVariant: name, maxWidth: sizeWidth)}</f:variable>
+                        </f:else>
+                    </f:if>
+                    <f:variable name="srcset">{srcset}{sizeUrl} {sizeKey}{f:if(condition: iteration.isLast, else: ',')}</f:variable>
+                </f:for>
+            </f:if>
+            <source data-variant="{name}" {f:if(condition: sizeHeight, then: 'data-width="{width}" data-height="{sizeHeight}"', else: 'data-maxwidth="{width}"')} {mediaQuery->f:format.raw()} srcset="{srcset}">
+        </f:if>
+    </f:for>
+    <f:variable name="defaultWidth" value="{variants.default.width}" />
+    <f:variable name="defaultAspectRatio" value="{variants.default.aspectRatio}" />
+    <f:if condition="{defaultAspectRatio}">
+        <f:variable name="aspectRatio">{defaultAspectRatio as float}</f:variable>
+        <f:variable name="defaultHeight">{defaultWidth / aspectRatio}</f:variable>
+        <f:variable name="defaultHeight">{defaultHeight as integer}c</f:variable>
+    </f:if>
+    <f:if condition="{defaultHeight}">
+        <f:then>
+            <f:variable name="src" value="{f:uri.image(image: file, cropVariant: 'default', width: defaultWidth, height: defaultHeight)}" />
+        </f:then>
+        <f:else>
+            <f:variable name="src" value="{f:uri.image(image: file, cropVariant: 'default', width: defaultWidth)}" />
+        </f:else>
+    </f:if>
+    <f:variable name="finalWidth" value="{bk2k:data.imageInfo(src: src, property: 'width')}" />
+    <f:variable name="finalHeight" value="{bk2k:data.imageInfo(src: src, property: 'height')}" />
+    <img loading="lazy" src="{src}" width="{finalWidth}" height="{finalHeight}" intrinsicsize="{finalWidth}x{finalHeight}" title="{file.properties.title}" alt="{file.properties.alternative}">
+</picture>
+</html>
@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:media class="embed-responsive-item" file="{file}" alt="{file.properties.alternative}" title="{file.properties.title}" additionalConfig="{settings.media.additionalConfig}" />
+</html>
@@ -0,0 +1,19 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:variable name="isImage" value="{file -> bk2k:file.isImage()}" />
+<f:variable name="isAudio" value="{file -> bk2k:file.isAudio()}" />
+<f:variable name="isMedia" value="{file -> bk2k:file.isMedia()}" />
+<f:switch expression="1">
+    <f:case value="{isImage}">
+        <f:render partial="Media/Type/Image" arguments="{file: file, data: data, settings: settings, variants: variants}" />
+    </f:case>
+    <f:case value="{isAudio}">
+        <f:render partial="Media/Type/Audio" arguments="{file: file, data: data, settings: settings}" />
+    </f:case>
+    <f:case value="{isMedia}">
+        <f:render partial="Media/Type/Video" arguments="{file: file, data: data, settings: settings}" />
+    </f:case>
+    <f:defaultCase>
+        <!-- NOT SUPPORTED MEDIA TYPE -->
+    </f:defaultCase>
+</f:switch>
+</html>
@@ -0,0 +1,10 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<figure class="audio">
+    <div class="embed">
+        <f:render partial="Media/Rendering/Audio" arguments="{file: file, data: data, settings: settings}" />
+    </div>
+    <f:if condition="{file.properties.description}">
+        <figcaption class="caption"><f:format.nl2br>{file.properties.description}</f:format.nl2br></figcaption>
+    </f:if>
+</figure>
+</html>
@@ -0,0 +1,34 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<figure class="image">
+    <f:if condition="{file.properties.link}">
+        <f:then>
+            <f:link.typolink parameter="{file.properties.link}" title="{file.properties.title}">
+                <f:render partial="Media/Rendering/Image" arguments="{file: file, data: data, settings: settings, variants: variants}" />
+            </f:link.typolink>
+        </f:then>
+        <f:else>
+            <f:if condition="{data.image_zoom}">
+                <f:then>
+                    <bk2k:link.lightbox
+                        image="{file}"
+                        maxHeight="{settings.lightbox.image.maxHeight}"
+                        maxWidth="{settings.lightbox.image.maxWidth}"
+                        class="{settings.lightbox.cssClass}"
+                        rel="{settings.lightbox.prefix}-{data.uid}"
+                        title="{file.properties.title}"
+                        caption="{file.properties.description}"
+                    >
+                        <f:render partial="Media/Rendering/Image" arguments="{file: file, data: data, settings: settings, variants: variants}" />
+                    </bk2k:link.lightbox>
+                </f:then>
+                <f:else>
+                    <f:render partial="Media/Rendering/Image" arguments="{file: file, data: data, settings: settings, variants: variants}" />
+                </f:else>
+            </f:if>
+        </f:else>
+    </f:if>
+    <f:if condition="{file.properties.description}">
+        <figcaption class="caption"><f:format.nl2br>{file.properties.description}</f:format.nl2br></figcaption>
+    </f:if>
+</figure>
+</html>
@@ -0,0 +1,10 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<figure class="video">
+    <div class="embed embed-responsive embed-responsive-16by9">
+        <f:render partial="Media/Rendering/Video" arguments="{file: file, data: data, settings: settings}" />
+    </div>
+    <f:if condition="{file.properties.description}">
+        <figcaption class="caption"><f:format.nl2br>{file.properties.description}</f:format.nl2br></figcaption>
+    </f:if>
+</figure>
+</html>
@@ -0,0 +1,14 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{data.accessibility_bypass} && {nextContentElement.0}">
+    <a href="#c{nextContentElement.0.data.uid}" class="visually-hidden-focusable">
+        <f:if condition="{data.accessibility_bypass_text}">
+            <f:then>
+                <span>{data.accessibility_bypass_text}</span>
+            </f:then>
+            <f:else>
+                <span><f:translate key="skipnavigation" extensionName="bootstrap_package" /></span>
+            </f:else>
+        </f:if>
+    </a>
+</f:if>
+</html>
@@ -0,0 +1,98 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{rowIterator.isFirst}">
+    <f:then>
+        <f:if condition="{data.table_header_position} == 1">
+            <f:then>
+                <th>
+            </f:then>
+            <f:else>
+                <f:if condition="{columnIterator.isFirst}">
+                    <f:then>
+                        <f:if condition="{data.table_header_position} == 2">
+                            <f:then>
+                                <th>
+                            </f:then>
+                            <f:else>
+                                <td>
+                            </f:else>
+                        </f:if>
+                    </f:then>
+                    <f:else>
+                        <td>
+                    </f:else>
+                </f:if>
+            </f:else>
+        </f:if>
+    </f:then>
+    <f:else>
+        <f:if condition="{columnIterator.isFirst}">
+            <f:then>
+                <f:if condition="{data.table_header_position} == 2">
+                    <f:then>
+                        <th>
+                    </f:then>
+                    <f:else>
+                        <td>
+                    </f:else>
+                </f:if>
+            </f:then>
+            <f:else>
+                <td>
+            </f:else>
+        </f:if>
+    </f:else>
+</f:if>
+
+<f:if condition="{cell}">
+    <f:then>
+        <f:format.nl2br>{cell}</f:format.nl2br>
+    </f:then>
+    <f:else>
+        &nbsp;
+    </f:else>
+</f:if>
+
+<f:if condition="{rowIterator.isFirst}">
+    <f:then>
+        <f:if condition="{data.table_header_position} == 1">
+            <f:then>
+                </th>
+            </f:then>
+            <f:else>
+                <f:if condition="{columnIterator.isFirst}">
+                    <f:then>
+                        <f:if condition="{data.table_header_position} == 2">
+                            <f:then>
+                                </th>
+                            </f:then>
+                            <f:else>
+                                </td>
+                            </f:else>
+                        </f:if>
+                    </f:then>
+                    <f:else>
+                        </td>
+                    </f:else>
+                </f:if>
+            </f:else>
+        </f:if>
+    </f:then>
+    <f:else>
+        <f:if condition="{columnIterator.isFirst}">
+            <f:then>
+                <f:if condition="{data.table_header_position} == 2">
+                    <f:then>
+                        </th>
+                    </f:then>
+                    <f:else>
+                        </td>
+                    </f:else>
+                </f:if>
+            </f:then>
+            <f:else>
+                </td>
+            </f:else>
+        </f:if>
+    </f:else>
+</f:if>
+</html>
@@ -0,0 +1,146 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:form action="search" method="post" id="tx_indexedsearch" pageUid="{settings.targetPid}">
+    <div class="tx-indexedsearch-hidden-fields">
+        <f:form.hidden name="search[_sections]" value="0" />
+        <f:form.hidden name="search[_freeIndexUid]" id="tx_indexedsearch_freeIndexUid" value="_" />
+        <f:form.hidden name="search[pointer]" id="tx_indexedsearch_pointer" value="0" />
+        <f:form.hidden name="search[ext]" value="{searchParams.ext}" />
+        <f:form.hidden name="search[searchType]" value="{searchParams.searchType}" />
+        <f:form.hidden name="search[defaultOperand]" value="{searchParams.defaultOperand}" />
+        <f:form.hidden name="search[mediaType]" value="{searchParams.mediaType}" />
+        <f:form.hidden name="search[sortOrder]" value="{searchParams.sortOrder}" />
+        <f:form.hidden name="search[group]" value="{searchParams.group}" />
+        <f:form.hidden name="search[languageUid]" value="{searchParams.languageUid}" />
+        <f:form.hidden name="search[desc]" value="{searchParams.desc}" />
+        <f:form.hidden name="search[numberOfResults]" value="{searchParams.numberOfResults}" />
+        <f:form.hidden name="search[extendedSearch]" value="{searchParams.extendedSearch}" />
+    </div>
+    <fieldset>
+        <legend class="visually-hidden">
+            <f:translate key="form.legend" />
+        </legend>
+        <div class="form-group">
+            <label for="tx-indexedsearch-searchbox-sword" class="control-label">
+                <f:translate key="form.searchFor" />
+            </label>
+            <div class="input-group">
+                <f:form.textfield name="search[sword]" value="{sword}" id="tx-indexedsearch-searchbox-sword" class="form-control" />
+                <span class="input-group-btn">
+                    <f:form.submit name="search[submitButton]" value="{f:translate(key: 'form.submit')}" id="tx-indexedsearch-searchbox-button-submit" class="btn btn-primary" />
+                </span>
+            </div>
+        </div>
+        <f:if condition="{settings.displayAdvancedSearchLink}">
+            <p>
+                <f:if condition="{searchParams.extendedSearch}">
+                    <f:then>
+                        <f:link.action action="form" arguments="{search: {extendedSearch: 0}}">
+                            <f:translate key="form.linkToRegularSearch" />
+                        </f:link.action>
+                    </f:then>
+                    <f:else>
+                        <f:link.action action="form" arguments="{search: {extendedSearch: 1}}">
+                            <f:translate key="form.linkToAdvancedSearch" />
+                        </f:link.action>
+                    </f:else>
+                </f:if>
+            </p>
+        </f:if>
+        <f:render partial="Rules" arguments="{_all}" />
+        <f:if condition="{searchParams.extendedSearch}">
+            <f:if condition="{showTypeSearch}">
+                <div class="form-group">
+                    <label for="tx-indexedsearch-selectbox-searchtype" class="control-label">
+                        <f:translate key="form.match" />
+                    </label>
+                    <div class="row">
+                        <f:if condition="{allSearchTypes}">
+                            <div class="col-sm-6 col-xs-12">
+                                <f:form.select name="search[searchType]" options="{allSearchTypes}" value="{searchParams.searchType}" id="tx-indexedsearch-selectbox-searchtype" class="form-control" />
+                            </div>
+                        </f:if>
+                        <f:if condition="{allDefaultOperands}">
+                            <div class="col-sm-6 col-xs-12">
+                                <f:form.select name="search[defaultOperand]" options="{allDefaultOperands}" value="{searchParams.defaultOperand}" id="tx-indexedsearch-selectbox-defaultoperand" class="form-control" />
+                            </div>
+                        </f:if>
+                    </div>
+                </div>
+            </f:if>
+            <f:if condition="{showMediaAndLanguageSearch}">
+                <div class="form-group">
+                    <label for="tx-indexedsearch-selectbox-media" class="control-label">
+                        <f:translate key="form.searchIn" />
+                    </label>
+                    <div class="row">
+                        <f:if condition="{allMediaTypes}">
+                            <div class="col-sm-6 col-xs-12">
+                                <f:form.select name="search[mediaType]" options="{allMediaTypes}" value="{searchParams.mediaType}" id="tx-indexedsearch-selectbox-media" class="form-control" />
+                            </div>
+                        </f:if>
+                        <f:if condition="{allLanguageUids}">
+                            <div class="col-sm-6 col-xs-12">
+                                <f:form.select name="search[languageUid]" options="{allLanguageUids}" value="{searchParams.languageUid}" id="tx-indexedsearch-selectbox-lang" class="form-control" />
+                            </div>
+                        </f:if>
+                    </div>
+                </div>
+            </f:if>
+            <f:if condition="{allSections}">
+                <div class="form-group">
+                    <label for="tx-indexedsearch-selectbox-sections" class="control-label">
+                        <f:translate key="form.fromSection" />
+                    </label>
+                    <f:form.select name="search[sections]" options="{allSections}" value="{searchParams.sections}" id="tx-indexedsearch-selectbox-sections" class="form-control" />
+                </div>
+            </f:if>
+            <f:if condition="{allIndexConfigurations}">
+                <div class="form-group">
+                    <label for="tx-indexedsearch-selectbox-freeIndexUid" class="control-label">
+                        <f:translate key="form.freeIndexUid" />
+                    </label>
+                    <f:form.select name="search[freeIndexUid]" options="{allIndexConfigurations}" value="{searchParams.freeIndexUid}" id="tx-indexedsearch-selectbox-freeIndexUid" class="form-control" />
+                </div>
+            </f:if>
+            <f:if condition="{showSortOrders}">
+                <div class="form-group">
+                    <label for="tx-indexedsearch-selectbox-order" class="control-label">
+                        <f:translate key="form.orderBy" />
+                    </label>
+                    <div class="row">
+                        <div class="col-sm-6 col-xs-12">
+                            <f:form.select name="search[sortOrder]" options="{allSortOrders}" value="{searchParams.sortOrder}" id="tx-indexedsearch-selectbox-order" class="form-control" />
+                        </div>
+                        <div class="col-sm-6 col-xs-12">
+                            <f:form.select name="search[sortDesc]"  options="{allSortDescendings}" value="{searchParams.sortDesc}" id="tx-indexedsearch-selectbox-desc" class="form-control" />
+                        </div>
+                    </div>
+                </div>
+            </f:if>
+            <f:if condition="{allNumberOfResults}">
+                <div class="form-group">
+                    <label for="tx-indexedsearch-selectbox-results" class="control-label">
+                        <f:translate key="form.atATime" />
+                    </label>
+                    <f:form.select name="search[numberOfResults]" options="{allNumberOfResults}" value="{searchParams.numberOfResults}" id="tx-indexedsearch-selectbox-results" class="form-control" />
+                </div>
+            </f:if>
+            <f:if condition="{allGroups}">
+                <div class="form-group">
+                    <label for="tx-indexedsearch-selectbox-group" class="control-label">
+                        <f:translate key="form.style" />
+                    </label>
+                    <div class="input-group">
+                        <f:form.select name="search[group]" options="{allGroups}" value="{searchParams.group}" id="tx-indexedsearch-selectbox-group" class="form-control" />
+                        <f:if condition="{settings.blind.extResume} == 0">
+                            <span class="input-group-addon">
+                                <f:form.checkbox name="search[extResume]" id="tx_indexedsearch_extResume" checked="{searchParams.extResume}" value="1" />
+                            </span>
+                        </f:if>
+                    </div>
+                </div>
+            </f:if>
+        </f:if>
+    </fieldset>
+</f:form>
+</html>
@@ -0,0 +1,11 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{settings.displayRules}">
+
+    <div class="form-group">
+        <a href="#" data-toggle="popover" data-trigger="focus" title="{f:translate(key:'rules.headline')}" data-html="true" data-content="{f:translate(key:'rules.text') -> f:format.htmlentities()}">
+            <f:translate key="rules.headline" />
+        </a>
+    </div>
+
+</f:if>
+</html>
@@ -0,0 +1,25 @@
+<div class="media">
+    <div class="media-body">
+        <h4 class="media-heading">
+            <f:if condition="{settings.displayResultNumber}">
+                <span class="tx-indexedsearch-result-number">{row.result_number}</span>
+            </f:if>
+            <f:format.raw>{row.title}</f:format.raw>
+            <span>{row.rating}</span>
+        </h4>
+        <f:if condition="{row.headerOnly} == 0">
+            <p><f:format.crop maxCharacters="{settings.results.summaryCropAfter}">{row.item_description}</f:format.crop></p>
+            <ul class="list-inline">
+                <li><strong><f:translate key="result.size" /></strong> {row.size}</li>
+                <li><strong><f:translate key="result.created" /></strong> <f:format.date>@{row.created}</f:format.date></li>
+                <li><strong><f:translate key="result.modified" /></strong> <f:format.date>@{row.modified}</f:format.date></li>
+                <li><strong><f:translate key="result.path" /></strong> <f:format.raw>{row.path}</f:format.raw></li>
+            </ul>
+        </f:if>
+        <f:if condition="{row.subresults}">
+            <f:for each="{row.subresults.items}" as="subrow">
+                <f:render partial="Searchresult" arguments="{row: subrow}" />
+            </f:for>
+        </f:if>
+    </div>
+</div>
@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:comment>DropIn Placeholder. Will be rendered after the main menu, inside the wrapping container.</f:comment>
+</html>
@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:comment>DropIn Placeholder. Will be rendered before the main menu, inside the wrapping container.</f:comment>
+</html>
@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:comment>DropIn Placeholder. Will be rendered after the page template.</f:comment>
+</html>
@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:comment>DropIn Placeholder. Will be rendered before the page template.</f:comment>
+</html>
@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:comment>DropIn Placeholder. Will be rendered after the footer, inside the wrapping container.</f:comment>
+</html>
@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:comment>DropIn Placeholder. Will be rendered before the footer, inside the wrapping container.</f:comment>
+</html>
@@ -0,0 +1,46 @@
+<f:if condition="{theme.breadcrumb.enable}">
+    <f:if condition="{breadcrumb}">
+        <nav class="breadcrumb-section" aria-label="{f:translate(key: 'breadcrumb.label', extensionName: 'bootstrap_package')}">
+            <div class="container">
+                <p class="visually-hidden" id="breadcrumb">{f:translate(key: 'breadcrumb', extensionName: 'bootstrap_package')}</p>
+                <ol class="breadcrumb">
+                    <f:for each="{breadcrumb}" as="item">
+                        <f:variable name="isCurrent" value="0" />
+                        <f:if condition="{item.current} && {breadcrumbExtendedValue} == ''">
+                            <f:variable name="isCurrent" value="1" />
+                        </f:if>
+                        <li class="breadcrumb-item{f:if(condition: isCurrent, then: ' active')}"{f:if(condition: isCurrent, then: ' aria-current="page"')}>
+                            <f:if condition="{isCurrent}">
+                                <f:then>
+                                    <f:render section="BreadcrumbTitle" arguments="{item: item, theme: theme}" />
+                                </f:then>
+                                <f:else>
+                                    <a class="breadcrumb-link" href="{item.link}"{f:if(condition: '{item.target}', then: ' target="{item.target}"')}{f:if(condition: '{item.target} == "_blank"', then: ' rel="noopener noreferrer"')} title="{item.title}">
+                                        <f:render section="BreadcrumbTitle" arguments="{item: item, theme: theme}" />
+                                    </a>
+                                </f:else>
+                            </f:if>
+                        </li>
+                    </f:for>
+                    <f:if condition="{breadcrumbExtendedValue}">
+                        <li class="breadcrumb-item active" aria-current="page">
+                            <span class="breadcrumb-link-title">
+                                <span class="breadcrumb-text">{breadcrumbExtendedValue}</span>
+                            </span>
+                        </li>
+                    </f:if>
+                </ol>
+            </div>
+        </nav>
+    </f:if>
+</f:if>
+<f:section name="BreadcrumbTitle">
+    <span class="breadcrumb-link-title">
+        <f:if condition="{theme.breadcrumb.icon.enable} && {item.icon}">
+            <span class="breadcrumb-icon">
+                <bk2k:icon icon="{item.icon}" height="{theme.breadcrumb.icon.height}" width="{theme.breadcrumb.icon.width}" />
+            </span>
+        </f:if>
+        <span class="breadcrumb-text">{item.title}</span>
+    </span>
+</f:section>
@@ -0,0 +1,20 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{languagenavigation}">
+    <ul id="language_menu" class="language-menu">
+        <f:for each="{languagenavigation}" as="item">
+            <li class="{f:if(condition: item.active, then: 'active')} {f:if(condition: item.available, else: 'text-muted')}">
+                <f:if condition="{item.available}">
+                    <f:then>
+                        <a href="{item.link}" hreflang="{item.hreflang}" title="{item.title}">
+                            <span>{item.navigationTitle}</span>
+                        </a>
+                    </f:then>
+                    <f:else>
+                        <span>{item.navigationTitle}</span>
+                    </f:else>
+                </f:if>
+            </li>
+        </f:for>
+    </ul>
+</f:if>
+</html>
@@ -0,0 +1,83 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+
+<f:variable name="headerClass">bp-page-header navbar navbar-mainnavigation navbar-{theme.navigation.style}</f:variable>
+<f:variable name="headerClass">{headerClass}{f:if(condition: logo.normal, then:' navbar-has-image')}</f:variable>
+<f:variable name="headerClass">{headerClass}{f:if(condition: theme.navigation.type, else:' navbar-top', then:' navbar-{theme.navigation.type} navbar-fixed-{theme.navigation.type}')}</f:variable>
+<header id="page-header" class="{headerClass}">
+    <div class="container">
+        <f:link.page pageUid="{rootPage}" class="navbar-brand navbar-brand-{f:if(condition: logo.normal, then: 'image', else: 'text')}" title="{settings.logo.linktitle}">
+            <f:if condition="{logo.normal}">
+                <f:then>
+                    <img class="navbar-brand-logo-normal" src="{f:uri.image(image: logo.normal)}" alt="{logoAlt}" height="{settings.logo.height}" width="{settings.logo.width}">
+                    <f:if condition="{logo.inverted}">
+                        <img class="navbar-brand-logo-inverted" src="{f:uri.image(image: logo.inverted)}" alt="{logoAlt}" height="{settings.logo.height}" width="{settings.logo.width}">
+                    </f:if>
+                </f:then>
+                <f:else>
+                    <span>{siteTitle}</span>
+                </f:else>
+            </f:if>
+        </f:link.page>
+        <f:if condition="{mainnavigation}">
+            <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#mainnavigation" data-bs-target="#mainnavigation" aria-controls="mainnavigation" aria-expanded="false" aria-label="{f:translate(key: 'togglenavigation', extensionName: 'bootstrap_package')}">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <nav id="mainnavigation" class="collapse navbar-collapse">
+                <f:render partial="DropIn/Navigation/MainBefore" arguments="{_all}" />
+                <f:render section="MainNavigation" arguments="{menu: mainnavigation, theme: theme}" />
+                <f:render partial="DropIn/Navigation/MainAfter" arguments="{_all}" />
+            </nav>
+        </f:if>
+    </div>
+</header>
+
+<f:section name="MainNavigation">
+    <f:if condition="{menu}">
+        <ul class="navbar-nav">
+            <f:for each="{menu}" as="item">
+                <f:if condition="{item.spacer}">
+                    <f:then>
+                        </ul>
+                        <ul class="navbar-nav">
+                    </f:then>
+                    <f:else>
+                        <li class="nav-item{f:if(condition: item.active, then:' active')}{f:if(condition: item.children, then:' dropdown dropdown-hover')}">
+                            <a href="{item.link}" id="nav-item-{item.data.uid}" class="nav-link{f:if(condition: item.children, then:' dropdown-toggle')}"{f:if(condition: '{item.target}', then: ' target="{item.target}"')}{f:if(condition: '{item.target} == "_blank"', then: ' rel="noopener noreferrer"')} title="{item.title}"{f:if(condition: item.children, then:' aria-haspopup="true" aria-expanded="false"')}>
+                                <f:if condition="{theme.navigation.icon.enable} && {item.icon}">
+                                    <span class="nav-link-icon">
+                                        <bk2k:icon icon="{item.icon}" width="{theme.navigation.icon.width}" height="{theme.navigation.icon.height}" />
+                                    </span>
+                                </f:if>
+                                <span class="nav-link-text">{item.title}<f:if condition="{item.current}"> <span class="visually-hidden">(current)</span></f:if></span>
+                            </a>
+                            <f:if condition="{item.children}">
+                                <ul class="dropdown-menu" aria-labelledby="nav-item-{item.data.uid}">
+                                    <f:for each="{item.children}" as="child">
+                                        <f:if condition="{child.spacer}">
+                                            <f:then>
+                                                <li class="dropdown-divider"></li>
+                                            </f:then>
+                                            <f:else>
+                                                <li>
+                                                    <a href="{child.link}" class="dropdown-item{f:if(condition: child.active, then:' active')}"{f:if(condition: '{child.target}', then: ' target="{child.target}"')}{f:if(condition: '{child.target} == "_blank"', then: ' rel="noopener noreferrer"')} title="{child.title}">
+                                                        <f:if condition="{theme.navigation.dropdown.icon.enable} && {child.icon}">
+                                                            <span class="dropdown-icon">
+                                                                <bk2k:icon icon="{child.icon}" width="{theme.navigation.dropdown.icon.width}" height="{theme.navigation.dropdown.icon.height}" />
+                                                            </span>
+                                                        </f:if>
+                                                        <span class="dropdown-text">{child.title}<f:if condition="{child.current}"> <span class="visually-hidden">(current)</span></f:if></span>
+                                                    </a>
+                                                </li>
+                                            </f:else>
+                                        </f:if>
+                                    </f:for>
+                                </ul>
+                            </f:if>
+                        </li>
+                    </f:else>
+                </f:if>
+            </f:for>
+        </ul>
+    </f:if>
+</f:section>
+</html>
@@ -0,0 +1,13 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{metanavigation}">
+    <ul id="meta_menu" class="meta-menu">
+        <f:for each="{metanavigation}" as="item" iteration="metaiteration">
+            <li{f:if(condition: item.active, then:' class="active"')}>
+                <a href="{item.link}"{f:if(condition: '{item.target}', then: ' target="{item.target}"')}{f:if(condition: '{item.target} == "_blank"', then: ' rel="noopener noreferrer"')} title="{item.title}">
+                    <span>{item.title}</span>
+                </a>
+            </li>
+        </f:for>
+    </ul>
+</f:if>
+</html>
@@ -0,0 +1,41 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{subnavigation}">
+    <!--TYPO3SEARCH_end-->
+    <nav class="frame frame-type-subnavigation frame-background-none frame-no-backgroundimage frame-space-before-none frame-space-after-none" role="navigation">
+        <div class="frame-container">
+            <div class="frame-inner">
+                <f:render section="SubnavigationItem" arguments="{menu: subnavigation, theme: theme}" />
+            </div>
+        </div>
+    </nav>
+    <!--TYPO3SEARCH_begin-->
+</f:if>
+<f:section name="SubnavigationItem">
+    <f:if condition="{menu}">
+        <ul class="subnav-nav">
+            <f:for each="{menu}" as="item">
+                <f:if condition="{item.spacer}">
+                    <f:then>
+                        <li class="subnav-divider"></li>
+                    </f:then>
+                    <f:else>
+                        <li class="subnav-item{f:if(condition: item.active, then:' active')}">
+                            <a href="{item.link}" id="subnav-item-{item.data.uid}" class="subnav-link"{f:if(condition: '{item.target}', then: ' target="{item.target}"')}{f:if(condition: '{item.target} == "_blank"', then: ' rel="noopener noreferrer"')} title="{item.title}">
+                                <f:if condition="{item.icon}">
+                                    <span class="subnav-link-icon">
+                                        <bk2k:icon icon="{item.icon}" width="{theme.subnavigation.icon.width}" height="{theme.subnavigation.icon.height}" />
+                                    </span>
+                                </f:if>
+                                <span class="subnav-link-text">{item.title}<f:if condition="{item.current}"> <span class="visually-hidden">(current)</span></f:if></span>
+                            </a>
+                            <f:if condition="{item.children}">
+                                <f:render section="SubnavigationItem" arguments="{menu: item.children, theme: theme}" />
+                            </f:if>
+                        </li>
+                    </f:else>
+                </f:if>
+            </f:for>
+        </ul>
+    </f:if>
+</f:section>
+</html>
@@ -0,0 +1,22 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{theme.cookieconsent.enable}">
+<div id="cookieconsent">
+    <span data-cookieconsent-setting="cookie.expiryDays" data-cookieconsent-value="{theme.cookieconsent.cookie.expiryDays}"></span>
+    <span data-cookieconsent-setting="content.header" data-cookieconsent-value="{f:translate(key:'cookieconsent.common.header',extensionName:'bootstrap_package')}"></span>
+    <span data-cookieconsent-setting="content.message" data-cookieconsent-value="{f:translate(key:'cookieconsent.common.message',extensionName:'bootstrap_package')}"></span>
+    <span data-cookieconsent-setting="content.dismiss" data-cookieconsent-value="{f:translate(key:'cookieconsent.common.dismiss',extensionName:'bootstrap_package')}"></span>
+    <span data-cookieconsent-setting="content.allow" data-cookieconsent-value="{f:translate(key:'cookieconsent.common.allow',extensionName:'bootstrap_package')}"></span>
+    <span data-cookieconsent-setting="content.deny" data-cookieconsent-value="{f:translate(key:'cookieconsent.common.deny',extensionName:'bootstrap_package')}"></span>
+    <span data-cookieconsent-setting="content.link" data-cookieconsent-value="{f:translate(key:'cookieconsent.common.link',extensionName:'bootstrap_package')}"></span>
+    <span data-cookieconsent-setting="content.href" data-cookieconsent-value="{f:uri.typolink(parameter: theme.cookieconsent.content.href)}"></span>
+    <span data-cookieconsent-setting="layout" data-cookieconsent-value="{theme.cookieconsent.layout}"></span>
+    <span data-cookieconsent-setting="type" data-cookieconsent-value="{theme.cookieconsent.type}"></span>
+    <span data-cookieconsent-setting="position" data-cookieconsent-value="{theme.cookieconsent.position}"></span>
+    <span data-cookieconsent-setting="revokable" data-cookieconsent-value="{theme.cookieconsent.revokable}"></span>
+    <span data-cookieconsent-setting="static" data-cookieconsent-value="{theme.cookieconsent.static}"></span>
+    <span data-cookieconsent-setting="location" data-cookieconsent-value="{theme.cookieconsent.location}"></span>
+    <span data-cookieconsent-setting="law.countryCode" data-cookieconsent-value="{theme.cookieconsent.law.countryCode}"></span>
+    <span data-cookieconsent-setting="law.regionalLaw" data-cookieconsent-value="{theme.cookieconsent.law.regionalLaw}"></span>
+</div>
+</f:if>
+</html>
@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:format.html>{theme.copyright.text}</f:format.html>
+</html>
@@ -0,0 +1,17 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<section class="section footer-section footer-section-content">
+    <div class="container">
+        <div class="section-row">
+            <div class="section-column footer-section-content-column footer-section-content-column-left">
+                <f:cObject typoscriptObjectPath="lib.dynamicContent" data="{pageUid: '{data.uid}', colPos: '10', slide: '-1'}" />
+            </div>
+            <div class="section-column footer-section-content-column footer-section-content-column-middle">
+                <f:cObject typoscriptObjectPath="lib.dynamicContent" data="{pageUid: '{data.uid}', colPos: '11', slide: '-1'}" />
+            </div>
+            <div class="section-column footer-section-content-column footer-section-content-column-right">
+                <f:cObject typoscriptObjectPath="lib.dynamicContent" data="{pageUid: '{data.uid}', colPos: '12', slide: '-1'}" />
+            </div>
+        </div>
+    </div>
+</section>
+</html>
@@ -0,0 +1,36 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{theme.meta.enable} || {theme.language.enable} || {theme.copyright.enable} || {theme.socialmedia.enable}">
+    <section class="section footer-section footer-section-meta">
+        <div class="frame frame-background-none frame-space-before-none frame-space-after-none">
+            <div class="frame-group-container">
+                <div class="frame-group-inner">
+                    <div class="frame-container">
+                        <div class="frame-inner">
+                            <f:if condition="{theme.meta.enable}">
+                                <div class="footer-meta">
+                                    <f:render partial="Navigation/Meta" arguments="{_all}" />
+                                </div>
+                            </f:if>
+                            <f:if condition="{theme.language.enable}">
+                                <div class="footer-language">
+                                    <f:render partial="Navigation/Language" arguments="{_all}" />
+                                </div>
+                            </f:if>
+                            <f:if condition="{theme.copyright.enable}">
+                                <div class="footer-copyright">
+                                    <f:render partial="Structure/Copyright" arguments="{_all}" />
+                                </div>
+                            </f:if>
+                            <f:if condition="{theme.socialmedia.enable}">
+                                <div class="footer-sociallinks">
+                                    <f:render partial="Structure/SocialLinks" arguments="{_all}" />
+                                </div>
+                            </f:if>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</f:if>
+</html>
@@ -0,0 +1,5 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<a class="scroll-top" title="{f:translate(key: 'scrolltop', extensionName: 'bootstrap_package')}" href="#top">
+    <span class="scroll-top-icon"></span>
+</a>
+</html>
@@ -0,0 +1,18 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{theme.socialmedia.channels}">
+    <div class="sociallinks">
+        <ul class="sociallinks-list">
+            <f:for each="{theme.socialmedia.channels}" key="channelKey" as="channelOptions">
+                <f:if condition="{channelOptions.url}">
+                    <li class="sociallinks-item sociallinks-item-{channelKey}" title="{channelOptions.label}">
+                        <a class="sociallinks-link sociallinks-link-{channelKey}" href="{channelOptions.url}" rel="noopener" target="_blank">
+                            <span class="sociallinks-link-icon bootstrappackageicon bootstrappackageicon-{channelKey}"></span>
+                            <span class="sociallinks-link-label">{channelOptions.label}</span>
+                        </a>
+                    </li>
+                </f:if>
+            </f:for>
+        </ul>
+    </div>
+</f:if>
+</html>
@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:comment>I am Block! Please see typoscript definition of lib.block for more details.</f:comment>
+</html>
@@ -0,0 +1,7 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+
+    <strong>{f:translate(key: 'googleanalyticsstatus.title', extensionName: 'bootstrap_package')}</strong>:<br>
+    {f:translate(key: 'googleanalyticsstatus.description', extensionName: 'bootstrap_package')}<br>
+    <a href="#" data-action="googleAnalyticsToggle" data-label-enable="{f:translate(key: 'googleanalyticsstatus.link.enable', extensionName: 'bootstrap_package')}" data-label-disable="{f:translate(key: 'googleanalyticsstatus.link.disable', extensionName: 'bootstrap_package')}"></a>
+
+</html>
@@ -0,0 +1,47 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{records}">
+        <f:variable name="activeElement" value="{data.pi_flexform.default_element}" />
+        <f:variable name="currentVariants" value="{variants}" />
+        <div class="accordion" id="accordion-{data.uid}">
+            <f:for each="{records}" as="record" iteration="iteration">
+                <div class="accordion-item">
+                    <h4 class="accordion-header" id="accordion-heading-{data.uid}-{record.data.uid}">
+                        <button class="accordion-button{f:if(condition: '{activeElement} == {record.data.uid}', else:' collapsed')}" type="button"
+                            data-toggle="collapse"
+                            data-target="#accordion-{data.uid}-{record.data.uid}"
+                            data-parent="#accordion-{data.uid}"
+                            data-bs-toggle="collapse"
+                            data-bs-target="#accordion-{data.uid}-{record.data.uid}"
+                            data-bs-parent="#accordion-{data.uid}"
+                            aria-expanded="{f:if(condition: '{activeElement} == {record.data.uid}', then: 'true', else: 'false')}"
+                            aria-controls="accordion-{data.uid}-{record.data.uid}"
+                        >
+                            {record.data.header}
+                        </button>
+                    </h4>
+                    <div id="accordion-{data.uid}-{record.data.uid}" class="accordion-collapse collapse{f:if(condition: '{activeElement} == {record.data.uid}', then: ' show')}" aria-labelledby="accordion-heading-{data.uid}-{record.data.uid}" data-parent="#accordion-{data.uid}" data-bs-parent="#accordion-{data.uid}">
+                        <div class="accordion-body">
+                            <div class="accordion-content accordion-content-{record.data.mediaorient}">
+                                <f:if condition="{record.files}">
+                                    <div class="accordion-content-item accordion-content-media">
+                                        <f:variable name="imageConfig">{settings.responsiveimages.contentelements.accordion.{record.data.mediaorient}}</f:variable>
+                                        <bk2k:data.imageVariants as="variants" variants="{currentVariants}" multiplier="{imageConfig.multiplier}" gutters="{imageConfig.gutters}" corrections="{imageConfig.corrections}" />
+                                        <f:render partial="Media/Gallery" arguments="{files: record.files, data: record.data, settings: settings, variants: variants}" />
+                                    </div>
+                                </f:if>
+                                <div class="accordion-content-item accordion-content-text">
+                                    <f:format.html>{record.data.bodytext}</f:format.html>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </f:for>
+        </div>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,29 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{files}">
+        <ul class="audio-list">
+            <f:for each="{files}" as="file">
+                <f:if condition="{file -> bk2k:file.isAudio()}">
+                    <li class="audio-list-item">
+                        <h4 class="audio-heading">
+                            <f:if condition="{file.properties.title}">
+                                <f:then>{file.properties.title}</f:then>
+                                <f:else>{file.properties.name}</f:else>
+                            </f:if>
+                        </h4>
+                        <f:if condition="{file.properties.description}">
+                            <p class="audio-description">{file.properties.description}</p>
+                        </f:if>
+                        <div class="audio-file">
+                            <f:media file="{file}" />
+                        </div>
+                    </li>
+                </f:if>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,47 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{bullets}">
+        <f:switch expression="{data.bullets_type}">
+            <f:case value="1">
+
+                <ol class="list">
+                    <f:for each="{bullets}" as="bullet">
+                        <li>{bullet}</li>
+                    </f:for>
+                </ol>
+
+            </f:case>
+            <f:case value="2">
+
+                <dl>
+                    <f:for each="{bullets}" as="definitionListItem">
+                        <f:for each="{definitionListItem}" as="termDescription" iteration="termDescriptionIterator">
+                            <f:if condition="{termDescriptionIterator.isFirst}">
+                                <f:then>
+                                    <dt>{termDescription}</dt>
+                                </f:then>
+                                <f:else>
+                                    <dd>{termDescription}</dd>
+                                </f:else>
+                            </f:if>
+                        </f:for>
+                    </f:for>
+                </dl>
+
+            </f:case>
+            <f:defaultCase>
+
+                <ul class="list">
+                    <f:for each="{bullets}" as="bullet">
+                        <li>{bullet}</li>
+                    </f:for>
+                </ul>
+
+            </f:defaultCase>
+        </f:switch>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,72 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{records}">
+        <f:variable name="imageConfig">{settings.responsiveimages.contentelements.card_group.{data.pi_flexform.columns}}</f:variable>
+        <bk2k:data.imageVariants as="variants" variants="{variants}" multiplier="{imageConfig.multiplier}" gutters="{imageConfig.gutters}" corrections="{imageConfig.corrections}" />
+        <div class="card-group-element card-group-element-align-{data.pi_flexform.align} card-group-element-columns-{data.pi_flexform.columns}">
+            <f:for each="{records}" as="item" iteration="iteration">
+
+                <div class="card-group-element-item">
+                    <div class="card">
+                        <f:if condition="{item.image.0}">
+                            <div class="card-img-top">
+                                <f:render section="LinkWrap" arguments="{link: item.data.link, linkTitle: item.data.header}" contentAs="content">
+                                    <f:render partial="Media/Rendering/Image" arguments="{file: item.image.0, data: data, settings: settings, variants: variants}" />
+                                </f:render>
+                            </div>
+                        </f:if>
+                        <div class="card-body">
+                            <h3 class="card-title">
+                                <f:render section="LinkWrap" arguments="{link: item.data.link, linkTitle: item.data.header}" contentAs="content">
+                                    {item.data.header}
+                                </f:render>
+                            </h3>
+                            <f:if condition="{item.data.subheader}">
+                                <h4 class="card-subtitle">{item.data.subheader}</h4>
+                            </f:if>
+                            <f:if condition="{item.data.bodytext}">
+                                <f:format.html>{item.data.bodytext}</f:format.html>
+                            </f:if>
+                        </div>
+                        <f:if condition="{item.data.link}">
+                            <f:variable name="linkTitle">
+                                <f:if condition="{item.data.link_title}">
+                                    <f:then>{item.data.link_title}</f:then>
+                                    <f:else><f:translate key="readmore" extensionName="bootstrap_package" /></f:else>
+                                </f:if>
+                            </f:variable>
+                            <div class="card-footer">
+                                <f:link.typolink parameter="{item.data.link}" class="btn btn-{item.data.link_class}" title="{linkTitle -> bk2k:format.trim()}">
+                                    <f:if condition="{item.linkIcon}">
+                                        <span class="btn-icon">
+                                            <bk2k:icon icon="{item.linkIcon}" />
+                                        </span>
+                                    </f:if>
+                                    <span class="btn-text">
+                                        {linkTitle}
+                                    </span>
+                                </f:link.typolink>
+                            </div>
+                        </f:if>
+                    </div>
+                </div>
+            </f:for>
+        </div>
+    </f:if>
+
+</f:section>
+<f:section name="LinkWrap">
+
+    <f:if condition="{link}">
+        <f:then>
+            <f:link.typolink parameter="{link}" title="{linkTitle -> bk2k:format.trim()}">{content -> f:format.raw()}</f:link.typolink>
+        </f:then>
+        <f:else>
+            {content -> f:format.raw()}
+        </f:else>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,33 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{records}">
+        <div id="carousel-{data.uid}" class="carousel carousel-{data.pi_flexform.transition} slide" {f:if(condition: data.pi_flexform.interval, then: 'data-interval="{data.pi_flexform.interval}"')} data-wrap="{f:if(condition:data.pi_flexform.wrap,then:'true',else:'false')}" data-ride="carousel" {f:if(condition: data.pi_flexform.interval, then: 'data-bs-interval="{data.pi_flexform.interval}"')} data-bs-wrap="{f:if(condition:data.pi_flexform.wrap,then:'true',else:'false')}" data-bs-ride="carousel">
+            <div class="carousel-inner">
+                <f:for each="{records}" as="item" iteration="iteration">
+                    <f:variable name="itemClass">item</f:variable>
+                    <f:if condition="{iteration.isFirst}"><f:variable name="itemClass">{itemClass} active</f:variable></f:if>
+                    <f:variable name="itemClass">{itemClass} carousel-item</f:variable>
+                    <f:variable name="itemClass">{itemClass} carousel-item-layout-{f:if(condition: item.data.layout,then:item.data.layout,else: 'custom')}</f:variable>
+                    <f:variable name="itemClass">{itemClass} carousel-item-type-{item.data.item_type}</f:variable>
+                    <f:variable name="itemStyle"></f:variable>
+                    <f:if condition="{item.data.layout} == 'custom'">
+                        <f:if condition="{item.data.background_color}"><f:variable name="itemStyle">{itemStyle} --carousel-item-background: {item.data.background_color};</f:variable></f:if>
+                        <f:if condition="{item.data.text_color}"><f:variable name="itemStyle">{itemStyle} --carousel-item-color: {item.data.text_color};</f:variable></f:if>
+                    </f:if>
+                    <div class="{itemClass}" data-itemno="{iteration.index}" style="{itemStyle}">
+                        <f:render partial="Carousel/General/BackgroundImage" arguments="{_all}" />
+                        <div class="carousel-content">
+                            <f:render partial="Carousel/Item/{item.data.item_type -> bk2k:format.upperCamelCase()}" arguments="{_all}" />
+                        </div>
+                    </div>
+                </f:for>
+            </div>
+            <f:render partial="Carousel/Control/Indicator" arguments="{_all}" />
+            <f:render partial="Carousel/Control/Control" arguments="{_all}" />
+        </div>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,33 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{records}">
+        <div id="carousel-{data.uid}" class="carousel carousel-fullscreen carousel-{data.pi_flexform.transition} slide" {f:if(condition: data.pi_flexform.interval, then: 'data-interval="{data.pi_flexform.interval}" ')}data-wrap="{f:if(condition:data.pi_flexform.wrap,then:'true',else:'false')}" data-ride="carousel" {f:if(condition: data.pi_flexform.interval, then: 'data-bs-interval="{data.pi_flexform.interval}"')} data-bs-wrap="{f:if(condition:data.pi_flexform.wrap,then:'true',else:'false')}" data-bs-ride="carousel">
+            <div class="carousel-inner">
+                <f:for each="{records}" as="item" iteration="iteration">
+                    <f:variable name="itemClass">item</f:variable>
+                    <f:if condition="{iteration.isFirst}"><f:variable name="itemClass">{itemClass} active</f:variable></f:if>
+                    <f:variable name="itemClass">{itemClass} carousel-item</f:variable>
+                    <f:variable name="itemClass">{itemClass} carousel-item-layout-{f:if(condition: item.data.layout,then:item.data.layout,else: 'custom')}</f:variable>
+                    <f:variable name="itemClass">{itemClass} carousel-item-type-{item.data.item_type}</f:variable>
+                    <f:variable name="itemStyle"></f:variable>
+                    <f:if condition="{item.data.layout} == 'custom'">
+                        <f:if condition="{item.data.background_color}"><f:variable name="itemStyle">{itemStyle} --carousel-item-background: {item.data.background_color};</f:variable></f:if>
+                        <f:if condition="{item.data.text_color}"><f:variable name="itemStyle">{itemStyle} --carousel-item-color: {item.data.text_color};</f:variable></f:if>
+                    </f:if>
+                    <div class="{itemClass}" data-itemno="{iteration.index}" style="{itemStyle}">
+                        <f:render partial="Carousel/General/BackgroundImage" arguments="{_all}" />
+                        <div class="carousel-content">
+                            <f:render partial="Carousel/Item/{item.data.item_type -> bk2k:format.upperCamelCase()}" arguments="{_all}" />
+                        </div>
+                    </div>
+                </f:for>
+            </div>
+            <f:render partial="Carousel/Control/Indicator" arguments="{_all}" />
+            <f:render partial="Carousel/Control/Control" arguments="{_all}" />
+        </div>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,33 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{records}">
+        <div id="carousel-{data.uid}" class="carousel carousel-small carousel-{data.pi_flexform.transition} slide" {f:if(condition: data.pi_flexform.interval, then: 'data-interval="{data.pi_flexform.interval}" ')}data-wrap="{f:if(condition:data.pi_flexform.wrap,then:'true',else:'false')}" data-ride="carousel" {f:if(condition: data.pi_flexform.interval, then: 'data-bs-interval="{data.pi_flexform.interval}"')} data-bs-wrap="{f:if(condition:data.pi_flexform.wrap,then:'true',else:'false')}" data-bs-ride="carousel">
+            <div class="carousel-inner">
+                <f:for each="{records}" as="item" iteration="iteration">
+                    <f:variable name="itemClass">item</f:variable>
+                    <f:if condition="{iteration.isFirst}"><f:variable name="itemClass">{itemClass} active</f:variable></f:if>
+                    <f:variable name="itemClass">{itemClass} carousel-item</f:variable>
+                    <f:variable name="itemClass">{itemClass} carousel-item-layout-{f:if(condition: item.data.layout,then:item.data.layout,else: 'custom')}</f:variable>
+                    <f:variable name="itemClass">{itemClass} carousel-item-type-{item.data.item_type}</f:variable>
+                    <f:variable name="itemStyle"></f:variable>
+                    <f:if condition="{item.data.layout} == 'custom'">
+                        <f:if condition="{item.data.background_color}"><f:variable name="itemStyle">{itemStyle} --carousel-item-background: {item.data.background_color};</f:variable></f:if>
+                        <f:if condition="{item.data.text_color}"><f:variable name="itemStyle">{itemStyle} --carousel-item-color: {item.data.text_color};</f:variable></f:if>
+                    </f:if>
+                    <div class="{itemClass}" data-itemno="{iteration.index}" style="{itemStyle}">
+                        <f:render partial="Carousel/General/BackgroundImage" arguments="{_all}" />
+                        <div class="carousel-content">
+                            <f:render partial="Carousel/Item/{item.data.item_type -> bk2k:format.upperCamelCase()}" arguments="{_all}" />
+                        </div>
+                    </div>
+                </f:for>
+            </div>
+            <f:render partial="Carousel/Control/Indicator" arguments="{_all}" />
+            <f:render partial="Carousel/Control/Control" arguments="{_all}" />
+        </div>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,11 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Header" />
+<f:section name="Main">
+
+    <div class="contentcontainer" data-container-identifier="{data.CType}">
+        <f:render partial="Container/Rendering/{data.CType -> bk2k:format.upperCamelCase()}" arguments="{_all}" />
+    </div>
+
+</f:section>
+</html>
@@ -0,0 +1,62 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:for each="{files}" as="file">
+        <f:if condition="{file.table}">
+            <div class="table-responsive">
+                <table class="table{f:if(condition: data.table_class, then: ' table-{data.table_class}')}">
+                    <f:for each="{file.table}" as="row" iteration="rowIterator">
+                        <f:if condition="{rowIterator.isFirst}">
+                            <f:then>
+                                <f:if condition="{data.table_header_position} == 1">
+                                    <f:then>
+                                        <thead>
+                                    </f:then>
+                                    <f:else>
+                                        <tbody>
+                                    </f:else>
+                                </f:if>
+                            </f:then>
+                            <f:else>
+                                <f:if condition="{rowIterator.isLast}">
+                                    <f:if condition="{data.table_tfoot}">
+                                        </tbody>
+                                        <tfoot>
+                                    </f:if>
+                                </f:if>
+                            </f:else>
+                        </f:if>
+                        <tr>
+                            <f:for each="{row}" as="cell" iteration="columnIterator">
+                                <f:render partial="Table/Columns" arguments="{_all}" />
+                            </f:for>
+                        </tr>
+                        <f:if condition="{rowIterator.isFirst}">
+                            <f:then>
+                                <f:if condition="{data.table_header_position} == 1">
+                                    </thead>
+                                    <tbody>
+                                </f:if>
+                            </f:then>
+                            <f:else>
+                                <f:if condition="{rowIterator.isLast}">
+                                    <f:if condition="{data.table_tfoot}">
+                                        <f:then>
+                                            </tfoot>
+                                        </f:then>
+                                        <f:else>
+                                            </tbody>
+                                        </f:else>
+                                    </f:if>
+                                </f:if>
+                            </f:else>
+                        </f:if>
+                    </f:for>
+                </table>
+            </div>
+        </f:if>
+    </f:for>
+
+</f:section>
+</html>
@@ -0,0 +1,9 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Header" />
+<f:section name="Main">
+
+    <hr>
+
+</f:section>
+</html>
@@ -0,0 +1,21 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <bk2k:externalMedia url="{data.external_media_source}" class="embed-responsive-item">
+        <f:if condition="{externalMedia}">
+            <f:then>
+                <div class="embed-responsive embed-responsive-{data.external_media_ratio}">
+                    <f:format.raw>{externalMedia}</f:format.raw>
+                </div>
+            </f:then>
+            <f:else>
+                <div class="alert alert-warning">
+                    <f:translate key="externalmediaunsupported" extensionName="bootstrap_package" arguments="{0: '<strong>{data.external_media_source}</strong>'}" />
+                </div>
+            </f:else>
+        </f:if>
+    </bk2k:externalMedia>
+
+</f:section>
+</html>
@@ -0,0 +1,14 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <bk2k:data.imageVariants as="variants" variants="{variants}" aspectRatio="{data.aspect_ratio as float}" />
+    <f:variable name="itemsPerPage" value="{data.items_per_page as integer}" />
+    <f:if condition="{itemsPerPage} <= 0"><f:variable name="itemsPerPage" value="10" /></f:if>
+    <bk2k:data.paginate id="gallery-{data.uid}" objects="{files}" configuration="{itemsPerPage: itemsPerPage, section: 'c{data.uid}'}">
+        <f:variable name="files" value="{paginator.paginatedItems}" />
+        <f:render partial="Media/Gallery" arguments="{_all}" />
+    </bk2k:data.paginate>
+
+</f:section>
+</html>
@@ -0,0 +1,12 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:comment>This templates is used to provide nessesary functionality for external processed content and could be used across multiple sources, for example the frontend login content element.</f:comment>
+    <f:if condition="{content}">
+        <f:then>{content -> f:format.raw()}</f:then>
+        <f:else><f:cObject typoscriptObjectPath="tt_content.{data.CType}.20" data="{data}" table="tt_content" /></f:else>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+</html>
@@ -0,0 +1,9 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Header" />
+<f:section name="Main">
+
+    <f:format.raw>{data.bodytext}</f:format.raw>
+
+</f:section>
+</html>
@@ -0,0 +1,47 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{records}">
+        <div class="icongroup icongroup-align-{data.pi_flexform.align} icongroup-columns-{data.pi_flexform.columns} icongroup-iconposition-{data.pi_flexform.icon_position}">
+            <f:for each="{records}" as="item" iteration="iteration">
+                <div class="icongroup-item">
+                    <f:if condition="{item.icon}">
+                        <div class="icongroup-item-icon">
+                            <bk2k:icon icon="{item.icon}" />
+                        </div>
+                    </f:if>
+                    <div class="icongroup-item-text">
+                        <h4 class="icongroup-item-text-header">
+                            <f:render section="LinkWrap" arguments="{link: item.data.link, linkTitle: item.data.header}" contentAs="content">
+                                {item.data.header}
+                            </f:render>
+                        </h4>
+                        <f:if condition="{item.data.subheader}">
+                            <p class="icongroup-item-text-subheader">{item.data.subheader}</p>
+                        </f:if>
+                        <f:if condition="{item.data.bodytext}">
+                            <f:format.html>{item.data.bodytext}</f:format.html>
+                        </f:if>
+                    </div>
+                </div>
+            </f:for>
+        </div>
+    </f:if>
+
+</f:section>
+<f:section name="LinkWrap">
+
+    <f:if condition="{link}">
+        <f:then>
+            <f:link.typolink parameter="{link}" title="{linkTitle -> bk2k:format.trim()}">
+                {content -> f:format.raw()}
+            </f:link.typolink>
+        </f:then>
+        <f:else>
+            <span>{content -> f:format.raw()}</span>
+        </f:else>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,8 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:render partial="Media/Gallery" arguments="{_all}" />
+
+</f:section>
+</html>
@@ -0,0 +1,8 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:cObject typoscriptObjectPath="tt_content.list.20.{data.list_type}" data="{data}" table="tt_content" />
+
+</f:section>
+</html>
@@ -0,0 +1,14 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{items}">
+        <ul class="list-group">
+            <f:for each="{items}" as="content" iteration="iterateRow">
+                <li class="list-group-item">{content}</li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,9 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Header" />
+<f:section name="Main">
+
+    <f:cObject typoscriptObjectPath="tt_content.mailform.20" data="{data}" table="tt_content" />
+
+</f:section>
+</html>
@@ -0,0 +1,8 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:render partial="Media/Gallery" arguments="{_all}" />
+
+</f:section>
+</html>
@@ -0,0 +1,20 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <ul>
+            <f:for each="{menu}" as="page">
+                <li>
+                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">{page.title}</a>
+                    <f:if condition="{page.data.abstract}">
+                        <f:format.html>{page.data.abstract}</f:format.html>
+                    </f:if>
+                </li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,63 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:variable name="imageConfig">{settings.responsiveimages.contentelements.menu_card_dir.{data.pi_flexform.columns}}</f:variable>
+        <bk2k:data.imageVariants as="variants" variants="{variants}" multiplier="{imageConfig.multiplier}" gutters="{imageConfig.gutters}" corrections="{imageConfig.corrections}" />
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <div class="card-menu card-menu card-menu-align-{data.pi_flexform.align} card-menu-columns-{data.pi_flexform.columns}">
+            <f:for each="{menu}" as="page">
+                <div class="card-menu-item">
+
+                    <div class="card">
+                        <f:if condition="{page.files.0}">
+                            <div class="card-img-top">
+                                <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}" data-toggle="tooltip">
+                                    <f:render partial="Media/Rendering/Image" arguments="{file: page.files.0, data: page.data, settings: settings, variants: variants}" />
+                                </a>
+                            </div>
+                        </f:if>
+                        <div class="card-body">
+                            <f:if condition="{page.icon}">
+                                <div class="card-icon">
+                                    <bk2k:icon icon="{page.icon}" width="{settings.menucard.icon.width}" height="{settings.menucard.icon.height}" />
+                                </div>
+                            </f:if>
+                            <f:if condition="{page.title}">
+                                <h3 class="card-title">
+                                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}" data-toggle="tooltip">
+                                        <f:format.crop maxCharacters="{settings.menucard.title.crop}">{page.title}</f:format.crop>
+                                    </a>
+                                </h3>
+                            </f:if>
+                            <f:if condition="{page.data.subtitle}">
+                                <h4 class="card-subtitle">
+                                    <f:format.crop maxCharacters="{settings.menucard.subtitle.crop}">{page.data.subtitle}</f:format.crop>
+                                </h4>
+                            </f:if>
+                            <f:if condition="{page.data.abstract}">
+                                <p class="card-text"><f:format.crop maxCharacters="{settings.menucard.abstract.crop}">{page.data.abstract}</f:format.crop></p>
+                            </f:if>
+                        </div>
+                        <div class="card-footer">
+                            <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} class="card-link" title="{page.title}" data-toggle="tooltip">
+                                <f:if condition="{data.readmore_label}">
+                                    <f:then>
+                                        {data.readmore_label}
+                                    </f:then>
+                                    <f:else>
+                                        <f:translate key="readmore" extensionName="bootstrap_package" />
+                                    </f:else>
+                                </f:if>
+                            </a>
+                        </div>
+                    </div>
+
+                </div>
+            </f:for>
+        </div>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,63 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:variable name="imageConfig">{settings.responsiveimages.contentelements.menu_card_list.{data.pi_flexform.columns}}</f:variable>
+        <bk2k:data.imageVariants as="variants" variants="{variants}" multiplier="{imageConfig.multiplier}" gutters="{imageConfig.gutters}" corrections="{imageConfig.corrections}" />
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <div class="card-menu card-menu card-menu-align-{data.pi_flexform.align} card-menu-columns-{data.pi_flexform.columns}">
+            <f:for each="{menu}" as="page">
+                <div class="card-menu-item">
+
+                    <div class="card">
+                        <f:if condition="{page.files.0}">
+                            <div class="card-img-top">
+                                <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}" data-toggle="tooltip">
+                                    <f:render partial="Media/Rendering/Image" arguments="{file: page.files.0, data: page.data, settings: settings, variants: variants}" />
+                                </a>
+                            </div>
+                        </f:if>
+                        <div class="card-body">
+                            <f:if condition="{page.icon}">
+                                <div class="card-icon">
+                                    <bk2k:icon icon="{page.icon}" width="{settings.menucard.icon.width}" height="{settings.menucard.icon.height}" />
+                                </div>
+                            </f:if>
+                            <f:if condition="{page.title}">
+                                <h3 class="card-title">
+                                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}" data-toggle="tooltip">
+                                        <f:format.crop maxCharacters="{settings.menucard.title.crop}">{page.title}</f:format.crop>
+                                    </a>
+                                </h3>
+                            </f:if>
+                            <f:if condition="{page.data.subtitle}">
+                                <h4 class="card-subtitle">
+                                    <f:format.crop maxCharacters="{settings.menucard.subtitle.crop}">{page.data.subtitle}</f:format.crop>
+                                </h4>
+                            </f:if>
+                            <f:if condition="{page.data.abstract}">
+                                <p class="card-text"><f:format.crop maxCharacters="{settings.menucard.abstract.crop}">{page.data.abstract}</f:format.crop></p>
+                            </f:if>
+                        </div>
+                        <div class="card-footer">
+                            <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} class="card-link" title="{page.title}" data-toggle="tooltip">
+                                <f:if condition="{data.readmore_label}">
+                                    <f:then>
+                                        {data.readmore_label}
+                                    </f:then>
+                                    <f:else>
+                                        <f:translate key="readmore" extensionName="bootstrap_package" />
+                                    </f:else>
+                                </f:if>
+                            </a>
+                        </div>
+                    </div>
+
+                </div>
+            </f:for>
+        </div>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,17 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{content}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <ul>
+            <f:for each="{content}" as="element">
+                <li>
+                    <f:link.page pageUid="{element.data.pid}" section="{element.data.uid}" title="{element.data.header}">{element.data.header}</f:link.page>
+                </li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,17 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <ul>
+            <f:for each="{menu}" as="page">
+                <li>
+                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">{page.title}</a>
+                </li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,17 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <ul>
+            <f:for each="{menu}" as="page">
+                <li>
+                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">{page.title}</a>
+                </li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,17 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <ul>
+            <f:for each="{menu}" as="page">
+                <li>
+                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">{page.title}</a>
+                </li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,17 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <ul>
+            <f:for each="{menu}" as="page">
+                <li>
+                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">{page.title}</a>
+                </li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,42 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <f:if condition="{menu -> f:count()} > 1">
+            <f:then>
+                <ul>
+                    <f:for each="{menu}" as="page">
+                        <li>
+                            <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">{page.title}</a>
+                            <f:render section="Menu" arguments="{page: page}" />
+                        </li>
+                    </f:for>
+                </ul>
+            </f:then>
+            <f:else>
+                <f:for each="{menu}" as="page">
+                    <f:render section="Menu" arguments="{page: page}" />
+                </f:for>
+            </f:else>
+        </f:if>
+    </f:if>
+
+</f:section>
+<f:section name="Menu">
+
+    <f:if condition="{page.content}">
+        <ul>
+            <f:for each="{page.content}" as="element">
+                <f:if condition="{element.data.header}">
+                    <li>
+                        <a href="{page.link}#c{element.data.uid}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{element.data.subheader}">{element.data.header}</a>
+                    </li>
+                </f:if>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,33 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <ul>
+            <f:for each="{menu}" as="page">
+                <li>
+                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">{page.title}</a>
+                    <f:render section="Menu" arguments="{page: page}" />
+                </li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+<f:section name="Menu">
+
+    <f:if condition="{page.content}">
+        <ul>
+            <f:for each="{page.content}" as="element">
+                <f:if condition="{element.data.header}">
+                    <li>
+                        <a href="{page.link}#c{element.data.uid}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{element.data.subheader}">{element.data.header}</a>
+                    </li>
+                </f:if>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,25 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+    </f:if>
+    <f:render section="Menu" arguments="{menu: menu}" />
+
+</f:section>
+<f:section name="Menu">
+
+    <f:if condition="{menu}">
+        <ul>
+            <f:for each="{menu}" as="page">
+                <li>
+                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">{page.title}</a>
+                    <f:render section="Menu" arguments="{menu: page.children}" />
+                </li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,25 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+    </f:if>
+    <f:render section="Menu" arguments="{menu: menu}" />
+
+</f:section>
+<f:section name="Menu">
+
+    <f:if condition="{menu}">
+        <ul>
+            <f:for each="{menu}" as="page">
+                <li>
+                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">{page.title}</a>
+                    <f:render section="Menu" arguments="{menu: page.children}" />
+                </li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,17 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <ul>
+            <f:for each="{menu}" as="page">
+                <li>
+                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">{page.title}</a>
+                </li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>
@@ -0,0 +1,35 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:variable name="imageConfig">{settings.responsiveimages.contentelements.menu_thumbnail_dir.{data.pi_flexform.columns}}</f:variable>
+        <bk2k:data.imageVariants as="variants" variants="{variants}" multiplier="{imageConfig.multiplier}" gutters="{imageConfig.gutters}" corrections="{imageConfig.corrections}" />
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <div class="thumbnail-menu thumbnail-menu-align-{data.pi_flexform.align} thumbnail-menu-columns-{data.pi_flexform.columns}">
+            <f:for each="{menu}" as="page">
+                <f:if condition="{page.files.0}">
+                    <div class="thumbnail-menu-item">
+
+                        <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}" class="thumbnail-menu-link" data-toggle="tooltip">
+                            <div class="thumbnail-menu-image">
+                                <f:render partial="Media/Rendering/Image" arguments="{file: page.files.0, data: page.data, settings: settings, variants: variants}" />
+                            </div>
+                            <div class="thumbnail-menu-caption">
+                                <div class="thumbnail-menu-caption-inner">
+                                    <h3 class="thumbnail-menu-caption-title"><f:format.crop maxCharacters="{settings.menuthumbnail.title.crop}">{page.title}</f:format.crop></h3>
+                                    <f:if condition="{page.data.subtitle}">
+                                        <p class="thumbnail-menu-caption-subtitle"><f:format.crop maxCharacters="{settings.menuthumbnail.subtitle.crop}">{page.data.subtitle}</f:format.crop></p>
+                                    </f:if>
+                                </div>
+                            </div>
+                        </a>
+
+                    </div>
+                </f:if>
+            </f:for>
+        </div>
+    </f:if>
+
+</f:section>
+</html>