<div class="offcanvas offcanvas-end"tabindex="-1"id="mobileNav"aria-labelledby="mobileNavLabel"><div class="offcanvas-body"><div class="mt-3"><span class="d-flex w-100 justify-content-between pb-3"><a id="mobileNavLabel" class="ms-0" href="{{ path('index') }}"><img src="/images/{{ tenant.directory }}/{{ tenant.config.logo }}"></a><button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button></span><nav class="mobile"><ul class="menu p-0 m-0 d-flex flex-column"><li class="menuentry"><a href="{{ path('index') }}">Übersicht</a></li><li class="menuentry"><a href="{{ path('flow') }}">Der Ablauf</a></li><li class="menuentry">{% if tenant.categories|length > 0 %}<a href="{{ path('categories') }}">TI-Produkt</a>{% else %}<a href="{{ path('products') }}">TI-Produkt</a>{% endif %}</li><li class="menuentry"><a href="{{ path('faq') }}">FAQ</a></li>{% if is_granted('IS_AUTHENTICATED_FULLY') %}<li class="menuentry"><a class="d-flex align-items-center button accent" href="{{ path('customer_account_index') }}"><svg width="50" height="50" version="1.1" viewbox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><path d="m0 25a25 25 0 1 1 25 25 25 25 0 0 1-25-25zm42.083 13.65a21.867 21.867 0 1 0-34.167 0c2.2167-3.5667 7.1-7.4 17.083-7.4s14.867 3.8333 17.083 7.4zm-26.467-19.9a9.3833 9.3833 0 0 1 18.75 0 9.3833 9.3833 0 1 1-18.75 0z"></path></svg><span class="ps-2 text-black">{{ app.user.firstname }} {{ app.user.lastname }}</span></a></li><li class="menuentry"><a class="w-100 button outlined darkblue" href="{{ path('app_logout') }}">Ausloggen</a></li>{% else %}<li class="menuentry button accent"><a class="d-flex align-items-center" href="{{ path('storefront_login') }}"><svg width="50" height="50" version="1.1" viewbox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><path d="m0 25a25 25 0 1 1 25 25 25 25 0 0 1-25-25zm42.083 13.65a21.867 21.867 0 1 0-34.167 0c2.2167-3.5667 7.1-7.4 17.083-7.4s14.867 3.8333 17.083 7.4zm-26.467-19.9a9.3833 9.3833 0 0 1 18.75 0 9.3833 9.3833 0 1 1-18.75 0z"></path></svg><span class="ps-2">Login</span></a></li>{% endif %}</ul></nav></div></div></div>