Die Unternavigation (#secondary-nav) ist noch nicht final. Der linke Einzug, der genau mit dem zweiten Menüpunkt beginnt, lässt sich nicht ohne Weiteres umsetzen.
<header class="site-header">
<div class="navbar navbar-expand-lg mb-4 pt-3">
<div class="container">
<a class="navbar-brand" href="#">
<img src="https://dev-design.corespot-manager.com/build/assets/core-spot-logo-DeQtP4Bo.svg" width="300px" alt>
</a>
<form class="d-flex ms-auto me-4 d-print-none" role="search">
<input class="form-control form-control" type="search" placeholder="SUCHE" aria-label="Suche">
</form>
<ul class="meta-nav navbar-nav flex-row d-print-none">
<li class="nav-item">
<a class="nav-link" href="#" title="Benachrichtigungen">
<i class="ti ti-bell"></i>
</a>
</li>
<li class="nav-item dropdown">
<button class="nav-link dropdown-toggle" title="Einstellungen" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ti ti-settings"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end">
<li><strong class="dropdown-header">Einstellungen</strong></li>
<li><a class="dropdown-item" href="#">Branchen</a></li>
<li><a class="dropdown-item" href="#">Schwellenwerte</a></li>
<li><a class="dropdown-item" href="#">Bewertungsmaßstäbe</a></li>
<li><a class="dropdown-item" href="#">CRM-Relationen</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<button class="nav-link dropdown-toggle" title="Profil" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ti ti-user"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end">
<li><strong class="dropdown-header">Profil</strong></li>
<li><a class="dropdown-item" href="#">Persönliche Daten</a></li>
<li><a class="dropdown-item" href="#">Passwort ändern</a></li>
<li><a class="dropdown-item" href="#">Sprachauswahl</a></li>
<li><a class="dropdown-item" href="#">Abmelden</a></li>
</ul>
</li>
</ul>
<button class="navbar-toggler ms-2 d-print-none" type="button" data-bs-toggle="collapse" data-bs-target="#primary-nav" aria-controls="primary-nav" aria-expanded="false" aria-label="Menü anzeigen">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
<div class="navbar navbar-expand-lg py-0 border-bottom border-accent d-print-none">
<div class="container">
<div id="primary-nav" class="collapse navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Dashboard</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Unternehmen</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Wesentlichkeitsanalyse</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Datenerhebung</a>
</li>
</ul>
</div>
</div>
</div>
</header>