mainMenu-Template

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

    <!-- SCB Partial/MainMenu -->

      <!--           Hauptmenü  -->

      <!-- Navbar -->
<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
	<div class="container">
        <button class="navbar-toggler ml-auto"
			type="button"
			data-toggle="collapse"
			data-target="#navbarNavDropdown"
			aria-controls="navbarSupportedContent"
			aria-expanded="false"
			aria-label="Toggle navigation"
			>
          <span class="navbar-toggler-icon"></span>
        </button>

		<div class="collapse navbar-collapse" id="navbarNavDropdown">
			<ul class="navbar-nav mr-auto">
				<f:for each="{mainMenu}" as="mainnavigationItem">
					<li class="nav-item
						{f:if(condition: mainnavigationItem.active, then: ' active')}
						{f:if(condition:'{mainnavigationItem.children}', then: ' dropdown')}"
						>
					   <a class="nav-link
							{f:if(condition:'{mainnavigationItem.children}', then: ' dropdown-toggle')}
							{f:if(condition:'{mainnavigationItem.current}', then: ' current')}
							{f:if(condition:'{mainnavigationItem.active}', then: ' active')}"

							href={mainnavigationItem.link}
							target="{mainnavigationItem.target}"
							title="{mainnavigationItem.title}"
						  >
						{mainnavigationItem.title}
					   </a>
					   	<f:if condition="{mainnavigationItem.children}">
							<f:render section="subMenu" arguments="{subMenu: mainnavigationItem.children}"/>
						</f:if>
					</li>
				</f:for>
			</ul>
		</div>
	</div>
 </nav>
<!--</div>-->

<f:section name="subMenu">
	<ul class="dropdown-menu">
        <f:for each="{subMenu}" as="subItem">
			<li class="{f:if(condition: '{subItem.children}', then: ' dropdown')}"><a class="dropdown-item{f:if(condition:'{subItem.children}', then: ' has-submenu')}{f:if(condition:'{subItem.current}', then: ' current')}" href={subItem.link}>{subItem.title}</a>
				<f:if condition="{subItem.children}">
					<f:render section="subMenu" arguments="{subMenu: subItem.children}"/>
				</f:if>
			</li>
		</f:for>
	</ul>
</f:section>


</f:spaceless>
</html>