<div class="breakpoint-indicator">
</div>
<div class="mobile-title grid-x align-middle hide-for-large">
<div class="cell auto">
<a href="{{ document.getProperty('mainNavStartNode') }}" class="logo">
{{ include('svg/logo.html.twig') }}
</a>
</div>
<a class="cell shrink menu-button" id="menuButton" data-toggle="offCanvas">
<span class="burger-icon"></span>
</a>
</div>
<!-- Off-Canvas Start -->
<div class="off-canvas in-canvas-for-large position-right" id="offCanvas" data-off-canvas data-transition="overlap">
<div id="navContainer" class="nav-container">
<div class="nav-wrap grid-container grid-x">
<div class="cell shrink align-self-bottom show-for-large">
<a href="{{ document.getProperty('mainNavStartNode') }}" class="logo">
{{ include('svg/logo.html.twig') }}
</a>
</div>
<div class="spacer cell auto">
</div>
<div class="cell shrink grid-y">
<div class="cell subnav shrink grid-x align-middle">
<div class="cell small-auto large-shrink">
{{ include('layout/nav/search.html.twig') }}
</div>
<div class="spacer cell auto">
</div>
<div class="cell small-auto large-shrink show-for-large">
{{ include('layout/nav/language.html.twig') }}
</div>
<div class="spacer cell auto">
</div>
<div class="cell small-auto large-shrink">
{{ include('layout/nav/service.html.twig') }}
</div>
</div>
<div class="spacer cell auto">
</div>
<div class="cell shrink grid-x">
{{ include('layout/nav/main.html.twig') }}
</div>
<div class="cell small-auto large-shrink hide-for-large">
{{ include('layout/nav/language.html.twig') }}
</div>
</div>
</div>
</div>
</div>
<div class="off-canvas-content" data-off-canvas-content>
<div class="page-wrap">