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

<ul class="nav nav-pills nav-lang d-print-none">
    <li class="nav-item">
        <f:for each="{languagenavigation}" as="langItem">
            <f:if condition="{langItem.active}">
                <a href="#" data-bs-toggle="dropdown" class="nav-link dropdown-toggle">
                    <f:image src="EXT:seragwiessner_sitepackage/Resources/Public/Images/flags/{langItem.flag}.png" class="img-langflag" alt="{langItem.navigationTitle}"/>
                    <span class="visually-hidden visually-hidden-focusable"><f:translate key="LLL:EXT:seragwiessner_sitepackage/Resources/Private/Language/locallang.xlf:navChooseLang" /></span>
                </a>
            </f:if>
        </f:for>

        <ul class="dropdown-menu dropdown-menu-lg-end">
            <f:for each="{languagenavigation}" as="langItem">
                <li class="">
                    <f:if condition="{langItem.available}">
                        <a href="{langItem.link}" hreflang="{langItem.hreflang}" class="dropdown-item {f:if(condition: '{langItem.active}', then: 'lang-active')}{f:if(condition: '{langItem.available}', then: ' lang-available')}" title="{langItem.title}">
                            <f:image src="EXT:seragwiessner_sitepackage/Resources/Public/Images/flags/{langItem.flag}.png" class="langFlag" loading="lazy"/>
                            <small>{langItem.navigationTitle}</small>
                        </a>
                    </f:if>
                </li>
            </f:for>
        </ul>
    </li>
</ul>
