Header
#01 Header with search
Default header for all pages except homepage.
Base markup structure. For the whole markup please look in the code block or in the twig files.
Please note that the search modal box is not integrated in the header markup.
<header class="nbk-header">
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="nbk-header__brand" href="/">
<img src="/assets/nbk-logo.svg" class="nbk-header__logo" alt="Neubaukompass" width="127" height="38"/>
</a>
<div class="nbk-header__actions nbk-header__actions--primary">
<button class="btn btn-blank-secondary btn--icon-only btn--with-icon" type="button"
data-nbk-search-toggle>
<span class="btn__icon">
<svg width="24" height="24" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M23.6133 21.72L19.08 17.2C20.5427 15.3366 21.3363 13.0355 21.3333 10.6667C21.3333 8.557 20.7077 6.49471 19.5357 4.74059C18.3636 2.98646 16.6977 1.61929 14.7486 0.811956C12.7996 0.00462166 10.6548 -0.206614 8.58571 0.204962C6.51658 0.616538 4.61596 1.63244 3.1242 3.1242C1.63244 4.61596 0.616538 6.51658 0.204962 8.58571C-0.206614 10.6548 0.00462166 12.7996 0.811956 14.7486C1.61929 16.6977 2.98646 18.3636 4.74059 19.5357C6.49471 20.7077 8.557 21.3333 10.6667 21.3333C13.0355 21.3363 15.3366 20.5427 17.2 19.08L21.72 23.6133C21.844 23.7383 21.9914 23.8375 22.1539 23.9052C22.3164 23.9729 22.4907 24.0077 22.6667 24.0077C22.8427 24.0077 23.017 23.9729 23.1794 23.9052C23.3419 23.8375 23.4894 23.7383 23.6133 23.6133C23.7383 23.4894 23.8375 23.3419 23.9052 23.1794C23.9729 23.017 24.0077 22.8427 24.0077 22.6667C24.0077 22.4907 23.9729 22.3164 23.9052 22.1539C23.8375 21.9914 23.7383 21.844 23.6133 21.72ZM2.66667 10.6667C2.66667 9.08442 3.13586 7.5377 4.01491 6.22211C4.89397 4.90652 6.1434 3.88114 7.6052 3.27564C9.06701 2.67013 10.6755 2.51171 12.2274 2.82039C13.7792 3.12907 15.2047 3.891 16.3235 5.00982C17.4423 6.12864 18.2043 7.5541 18.513 9.10595C18.8216 10.6578 18.6632 12.2663 18.0577 13.7281C17.4522 15.1899 16.4268 16.4394 15.1112 17.3184C13.7956 18.1975 12.2489 18.6667 10.6667 18.6667C8.54494 18.6667 6.51011 17.8238 5.00982 16.3235C3.50953 14.8232 2.66667 12.7884 2.66667 10.6667Z"/>
</svg>
</span>
</button>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas"
data-bs-target="#mainOffcanvasNavbar"
aria-controls="mainOffcanvasNavbar" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="mainOffcanvasNavbar"
aria-labelledby="mainOffcanvasNavbarLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="mainOffcanvasNavbarLabel" data-nbk-menu-offcanvas-logo>
<img data-src="/assets/nbk-logo-arrow.svg" class="lazy" width="38" height="38"
alt="NBK-Logo arrow">
</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<div class="nbk-header__offcanvas-content">
<nav class="nbk-menu navbar-nav justify-content-end justify-content-md-center flex-grow-1">
<ul class="navbar-nav justify-content-end justify-content-md-center flex-grow-1">
<li class="nbk-mobile-menu-list__item nbk-menu__item nav-item ">
<button data-bs-toggle="dropdown" data-nbk-menu-item
class="nbk-mobile-menu-list__link nbk-menu__link nav-link " aria-expanded="false" id="1">
Standorte
<span class="nbk-menu__arrow">
<svg width="8" height="14" viewbox="0 0 8 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.542893 13.2071C0.152369 12.8166 0.152369 12.1834 0.542893 11.7929L5.33579 7L0.542893 2.20711C0.152369 1.81658 0.152369 1.18342 0.542893 0.792894C0.933417 0.402369 1.56658 0.402369 1.95711 0.792894L7.45711 6.29289C7.84763 6.68342 7.84763 7.31658 7.45711 7.70711L1.95711 13.2071C1.56658 13.5976 0.933417 13.5976 0.542893 13.2071Z"/>
</svg>
</span>
</button>
<div class="dropdown-menu nbk-flyout-menu">
<div class="nbk-flyout-menu__wrapper">
<div class="nbk-flyout-menu__content">
<div class="container p-0 px-lg-2 nbk-flyout-menu__container">
<div class="row">
<div class="col">
<nav class="nbk-flyout-menu-content" role="navigation">
<h6 class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--headline nbk-flyout-menu-content__headline">Standorte</h6>
<ul data-nbk-flyout-menu-content class="nbk-flyout-menu-content__nav nav" id="flyout-menu-1-tab"
role="tablist" aria-orientation="vertical">
<li class="nbk-mobile-menu-list__item nbk-flyout-menu-content__item nbk-mobile-menu-list__item--inset">
<button data-nbk-flyout-menu-content-button
class="nbk-mobile-menu-list__link nav-link nbk-flyout-menu-content__link"
id="menu-1-1-tab" data-bs-toggle="pill"
data-bs-target="#menu-tab-1-1"
type="button"
role="tab"
aria-controls="menu-1-1"
aria-selected="false">
Regionen
<span class="nbk-menu__arrow">
<svg width="8" height="14" viewbox="0 0 8 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.542893 13.2071C0.152369 12.8166 0.152369 12.1834 0.542893 11.7929L5.33579 7L0.542893 2.20711C0.152369 1.81658 0.152369 1.18342 0.542893 0.792894C0.933417 0.402369 1.56658 0.402369 1.95711 0.792894L7.45711 6.29289C7.84763 6.68342 7.84763 7.31658 7.45711 7.70711L1.95711 13.2071C1.56658 13.5976 0.933417 13.5976 0.542893 13.2071Z"/>
</svg>
</span>
</button>
</li>
<li class="nbk-mobile-menu-list__item nbk-flyout-menu-content__item nbk-mobile-menu-list__item--inset">
<button data-nbk-flyout-menu-content-button
class="nbk-mobile-menu-list__link nav-link nbk-flyout-menu-content__link"
id="menu-1-2-tab" data-bs-toggle="pill"
data-bs-target="#menu-tab-1-2"
type="button"
role="tab"
aria-controls="menu-1-2"
aria-selected="false">
Bundesländer DE
<span class="nbk-menu__arrow">
<svg width="8" height="14" viewbox="0 0 8 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.542893 13.2071C0.152369 12.8166 0.152369 12.1834 0.542893 11.7929L5.33579 7L0.542893 2.20711C0.152369 1.81658 0.152369 1.18342 0.542893 0.792894C0.933417 0.402369 1.56658 0.402369 1.95711 0.792894L7.45711 6.29289C7.84763 6.68342 7.84763 7.31658 7.45711 7.70711L1.95711 13.2071C1.56658 13.5976 0.933417 13.5976 0.542893 13.2071Z"/>
</svg>
</span>
</button>
</li>
<li class="nbk-mobile-menu-list__item nbk-flyout-menu-content__item nbk-mobile-menu-list__item--inset">
<button data-nbk-flyout-menu-content-button
class="nbk-mobile-menu-list__link nav-link nbk-flyout-menu-content__link"
id="menu-1-3-tab" data-bs-toggle="pill"
data-bs-target="#menu-tab-1-3"
type="button"
role="tab"
aria-controls="menu-1-3"
aria-selected="false">
Österreich
<span class="nbk-menu__arrow">
<svg width="8" height="14" viewbox="0 0 8 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.542893 13.2071C0.152369 12.8166 0.152369 12.1834 0.542893 11.7929L5.33579 7L0.542893 2.20711C0.152369 1.81658 0.152369 1.18342 0.542893 0.792894C0.933417 0.402369 1.56658 0.402369 1.95711 0.792894L7.45711 6.29289C7.84763 6.68342 7.84763 7.31658 7.45711 7.70711L1.95711 13.2071C1.56658 13.5976 0.933417 13.5976 0.542893 13.2071Z"/>
</svg>
</span>
</button>
</li>
</ul>
<div class="tab-content nbk-flyout-menu-content__content" id="flyout-menu-1-tabContent">
<div data-nbk-flyout-menu-content-pane class="tab-pane nbk-flyout-menu-content__pane"
id="menu-tab-1-1" role="tabpanel"
aria-labelledby="menu-1-1-tab"
tabindex="0">
<div class="row">
<div class="col-12 col-lg-auto nbk-flyout-menu-content__content-column">
<h6 class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--headline nbk-flyout-menu-content__content-headline">Top Regionen</h6>
<ul class="nbk-mobile-menu-list nbk-flyout-menu-content__content-list">
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Berlin</span> <span
class="nbk-flyout-menu-content__badge">143
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Frankfurt</span> <span
class="nbk-flyout-menu-content__badge">116
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Hamburg</span> <span
class="nbk-flyout-menu-content__badge">93
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">München</span> <span
class="nbk-flyout-menu-content__badge">216
</span>
</a>
</li>
</ul>
</div>
<div class="col-12 col-lg-auto nbk-flyout-menu-content__content-column">
<h6 class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--headline nbk-flyout-menu-content__content-headline">Weitere Regionen</h6>
<ul class="nbk-mobile-menu-list nbk-flyout-menu-content__content-list">
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Augsburg</span> <span
class="nbk-flyout-menu-content__badge">33
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Bodensee</span> <span
class="nbk-flyout-menu-content__badge">31
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Bremen</span> <span
class="nbk-flyout-menu-content__badge">8
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Dresden</span> <span
class="nbk-flyout-menu-content__badge">19
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Düsseldorf</span> <span
class="nbk-flyout-menu-content__badge">103
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Freiburg</span> <span
class="nbk-flyout-menu-content__badge">20
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Graz</span> <span
class="nbk-flyout-menu-content__badge">33
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Hannover</span> <span
class="nbk-flyout-menu-content__badge">42
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Heilbronn</span> <span
class="nbk-flyout-menu-content__badge">31
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Ingolstadt</span> <span
class="nbk-flyout-menu-content__badge">13
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Innsbruck</span> <span
class="nbk-flyout-menu-content__badge">14
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Kassel</span> <span
class="nbk-flyout-menu-content__badge">5
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Köln</span> <span
class="nbk-flyout-menu-content__badge">90
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Leipzig</span> <span
class="nbk-flyout-menu-content__badge">26
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Nürnberg</span> <span
class="nbk-flyout-menu-content__badge">35
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Potsdam</span> <span
class="nbk-flyout-menu-content__badge">14
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Regensburg</span> <span
class="nbk-flyout-menu-content__badge">42
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Rhein-Neckar</span> <span
class="nbk-flyout-menu-content__badge">36
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Ruhrgebiet</span> <span
class="nbk-flyout-menu-content__badge">58
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Salzburg</span> <span
class="nbk-flyout-menu-content__badge">38
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Schleswig-Holstein</span> <span
class="nbk-flyout-menu-content__badge">67
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div data-nbk-flyout-menu-content-pane class="tab-pane nbk-flyout-menu-content__pane"
id="menu-tab-1-2" role="tabpanel"
aria-labelledby="menu-1-2-tab"
tabindex="0">
<div class="row">
<div class="col-12 col-lg-auto nbk-flyout-menu-content__content-column">
<h6 class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--headline nbk-flyout-menu-content__content-headline">Bundesländer</h6>
<ul class="nbk-mobile-menu-list nbk-flyout-menu-content__content-list">
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Baden-Württemberg</span> <span
class="nbk-flyout-menu-content__badge">182
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Bayern</span> <span
class="nbk-flyout-menu-content__badge">408
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Berlin</span> <span
class="nbk-flyout-menu-content__badge">101
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Brandenburg</span> <span
class="nbk-flyout-menu-content__badge">49
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Bremen</span> <span
class="nbk-flyout-menu-content__badge">4
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Hamburg</span> <span
class="nbk-flyout-menu-content__badge">56
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Hessen</span> <span
class="nbk-flyout-menu-content__badge">109
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Mecklenburg-Vorpommern</span> <span
class="nbk-flyout-menu-content__badge">30
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Niedersachsen</span> <span
class="nbk-flyout-menu-content__badge">73
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Nordrhein-Westfalen</span> <span
class="nbk-flyout-menu-content__badge">219
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Rheinland-Pfalz</span> <span
class="nbk-flyout-menu-content__badge">60
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Saarland</span> <span
class="nbk-flyout-menu-content__badge">15
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Sachsen</span> <span
class="nbk-flyout-menu-content__badge">45
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Sachsen-Anhalt</span> <span
class="nbk-flyout-menu-content__badge">24
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Schleswig-Holstein</span> <span
class="nbk-flyout-menu-content__badge">67
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Thüringen</span> <span
class="nbk-flyout-menu-content__badge">16
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div data-nbk-flyout-menu-content-pane class="tab-pane nbk-flyout-menu-content__pane"
id="menu-tab-1-3" role="tabpanel"
aria-labelledby="menu-1-3-tab"
tabindex="0">
<div class="row">
<div class="col-12 col-lg-auto nbk-flyout-menu-content__content-column">
<h6 class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--headline nbk-flyout-menu-content__content-headline">Österreich</h6>
<ul class="nbk-mobile-menu-list nbk-flyout-menu-content__content-list">
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Kärnten</span> <span
class="nbk-flyout-menu-content__badge">15
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Niederösterreich</span> <span
class="nbk-flyout-menu-content__badge">13
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Oberösterreich</span> <span
class="nbk-flyout-menu-content__badge">19
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Salzburg</span> <span
class="nbk-flyout-menu-content__badge">38
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Steiermark</span> <span
class="nbk-flyout-menu-content__badge">37
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Tirol</span> <span
class="nbk-flyout-menu-content__badge">16
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Vorarlberg</span> <span
class="nbk-flyout-menu-content__badge">11
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Wien</span> <span
class="nbk-flyout-menu-content__badge">41
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</nav> </div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nbk-mobile-menu-list__item nbk-menu__item nav-item">
<a class="nbk-mobile-menu-list__link nbk-menu__link nav-link" href="#">
Für Anbieter
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-menu__item nav-item">
<a class="nbk-mobile-menu-list__link nbk-menu__link nav-link" href="#">
Finanzierung
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-menu__item nav-item">
<a class="nbk-mobile-menu-list__link nbk-menu__link nav-link" href="#">
Premium Magazin
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-menu__item nav-item">
<a class="nbk-mobile-menu-list__link nbk-menu__link nav-link" href="#">
Blog
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-menu__item nav-item nbk-menu__item--language-list">
<button data-bs-toggle="dropdown" data-nbk-menu-item
class="nbk-mobile-menu-list__link nbk-menu__link nav-link " data-nbk-language-toggle-mobile aria-expanded="false" id="6">
Sprache
<span class="nbk-menu__arrow">
<svg width="8" height="14" viewbox="0 0 8 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.542893 13.2071C0.152369 12.8166 0.152369 12.1834 0.542893 11.7929L5.33579 7L0.542893 2.20711C0.152369 1.81658 0.152369 1.18342 0.542893 0.792894C0.933417 0.402369 1.56658 0.402369 1.95711 0.792894L7.45711 6.29289C7.84763 6.68342 7.84763 7.31658 7.45711 7.70711L1.95711 13.2071C1.56658 13.5976 0.933417 13.5976 0.542893 13.2071Z"/>
</svg>
</span>
</button>
<div class="dropdown-menu nbk-flyout-menu">
<div class="nbk-flyout-menu__wrapper">
<div class="nbk-flyout-menu__content">
<div class="container p-0 px-lg-2 nbk-flyout-menu__container">
<div class="row">
<div class="col">
<nav class="nbk-flyout-menu-content" role="navigation">
<h6 class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--headline nbk-flyout-menu-content__headline">Sprache</h6>
<ul data-nbk-flyout-menu-content class="nbk-flyout-menu-content__nav nav" id="flyout-menu-6-tab"
role="tablist" aria-orientation="vertical">
<li class="nbk-mobile-menu-list__item nbk-flyout-menu-content__item nbk-mobile-menu-list__item--inset">
<a data-nbk-flyout-menu-content-button
class="nbk-mobile-menu-list__link nav-link nbk-flyout-menu-content__link"
href="/"
>
DE
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-flyout-menu-content__item nbk-mobile-menu-list__item--inset">
<a data-nbk-flyout-menu-content-button
class="nbk-mobile-menu-list__link nav-link nbk-flyout-menu-content__link"
href="/"
>
EN
</a>
</li>
</ul>
<div class="tab-content nbk-flyout-menu-content__content" id="flyout-menu-6-tabContent">
<div data-nbk-flyout-menu-content-pane class="tab-pane nbk-flyout-menu-content__pane"
id="menu-tab-6-1" role="tabpanel"
aria-labelledby="menu-6-1-tab"
tabindex="0">
<div class="row">
</div>
</div>
<div data-nbk-flyout-menu-content-pane class="tab-pane nbk-flyout-menu-content__pane"
id="menu-tab-6-2" role="tabpanel"
aria-labelledby="menu-6-2-tab"
tabindex="0">
<div class="row">
</div>
</div>
</div>
</nav> </div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</nav> <div class="nbk-header__actions nbk-header__actions--secondary">
<button class="btn btn-outline-secondary btn--with-icon d-none d-lg-none"
data-nbk-menu-back-button>
<span class="btn__icon">
<svg width="8" height="14" viewbox="0 0 8 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7.45711 0.792893C7.84763 1.18342 7.84763 1.81658 7.45711 2.20711L2.66421 7L7.45711 11.7929C7.84763 12.1834 7.84763 12.8166 7.45711 13.2071C7.06658 13.5976 6.43342 13.5976 6.04289 13.2071L0.542893 7.70711C0.152369 7.31658 0.152369 6.68342 0.542893 6.29289L6.04289 0.792893C6.43342 0.402369 7.06658 0.402369 7.45711 0.792893Z"/>
</svg>
</span><span>Zurück</span></button>
<div class="nbk-header__actions-content d-lg-flex" data-nbk-menu-header-actions>
<button class="d-none d-lg-inline-flex btn btn-blank-secondary btn--icon-only btn--with-icon"
type="button" data-nbk-search-toggle>
<span class="btn__icon">
<svg width="24" height="24" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M23.6133 21.72L19.08 17.2C20.5427 15.3366 21.3363 13.0355 21.3333 10.6667C21.3333 8.557 20.7077 6.49471 19.5357 4.74059C18.3636 2.98646 16.6977 1.61929 14.7486 0.811956C12.7996 0.00462166 10.6548 -0.206614 8.58571 0.204962C6.51658 0.616538 4.61596 1.63244 3.1242 3.1242C1.63244 4.61596 0.616538 6.51658 0.204962 8.58571C-0.206614 10.6548 0.00462166 12.7996 0.811956 14.7486C1.61929 16.6977 2.98646 18.3636 4.74059 19.5357C6.49471 20.7077 8.557 21.3333 10.6667 21.3333C13.0355 21.3363 15.3366 20.5427 17.2 19.08L21.72 23.6133C21.844 23.7383 21.9914 23.8375 22.1539 23.9052C22.3164 23.9729 22.4907 24.0077 22.6667 24.0077C22.8427 24.0077 23.017 23.9729 23.1794 23.9052C23.3419 23.8375 23.4894 23.7383 23.6133 23.6133C23.7383 23.4894 23.8375 23.3419 23.9052 23.1794C23.9729 23.017 24.0077 22.8427 24.0077 22.6667C24.0077 22.4907 23.9729 22.3164 23.9052 22.1539C23.8375 21.9914 23.7383 21.844 23.6133 21.72ZM2.66667 10.6667C2.66667 9.08442 3.13586 7.5377 4.01491 6.22211C4.89397 4.90652 6.1434 3.88114 7.6052 3.27564C9.06701 2.67013 10.6755 2.51171 12.2274 2.82039C13.7792 3.12907 15.2047 3.891 16.3235 5.00982C17.4423 6.12864 18.2043 7.5541 18.513 9.10595C18.8216 10.6578 18.6632 12.2663 18.0577 13.7281C17.4522 15.1899 16.4268 16.4394 15.1112 17.3184C13.7956 18.1975 12.2489 18.6667 10.6667 18.6667C8.54494 18.6667 6.51011 17.8238 5.00982 16.3235C3.50953 14.8232 2.66667 12.7884 2.66667 10.6667Z"/>
</svg>
</span>
</button>
<div class="dropdown">
<button type="button" class="btn btn-outline-secondary btn--fullwidth btn--with-icon" aria-expanded="false"
data-nbk-language-toggle="true"
data-bs-toggle="dropdown"
>
<span class="btn__icon "> <svg width="18" height="19" viewbox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
<path d="M1025.02 512c0-272.016-213.663-495.104-482.319-511.023-5.536-.608-11.088-1.009-16.72-1.009-1.664 0-3.328.176-4.992.224-2.992-.048-5.968-.224-8.992-.224C229.117-.032-1.026 229.664-1.026 512s230.144 512.032 513.023 512.032c3.024 0 6-.176 9.008-.24 1.664.064 3.328.24 4.992.24 5.632 0 11.184-.4 16.72-1.009 268.64-15.92 482.304-238.976 482.303-511.023zm-95.451 164.832c-17.632-5.12-61.92-16.24-140.064-25.392 6.464-44.192 10-90.896 10-139.44 0-38.256-2.208-75.343-6.288-111.008 99.008-11.824 142.384-26.72 145.296-27.745l-11.92-33.584c22.24 53.088 34.56 111.296 34.56 172.336 0 58.193-11.28 113.761-31.583 164.833zM285.488 512.001c0-35.808 2.37-70.77 6.705-104.401 51.888 4.08 113.936 7.088 186.863 7.792v222.064c-70.992.688-131.664 3.568-182.688 7.473-7.04-42.193-10.88-86.88-10.88-132.928zM542.945 68.223c78.464 22.736 145.648 131.695 175.744 276.111-48.368 3.856-106.624 6.673-175.744 7.33V68.223zm-63.886.783V351.63c-68.368-.688-126.88-3.473-176.063-7.232C333.7 201.79 401.428 93.646 479.059 69.006zm0 632.223l.001 253.743c-72.4-22.976-136.192-118.575-169.36-247.023 47.76-3.504 104.096-6.063 169.359-6.72zm63.888 254.543l-.001-254.56c65.952.623 122.064 3.28 169.217 6.928-32.608 130.128-96 226.416-169.216 247.632zm-.001-318.32l.001-222.032c73.311-.688 134.991-3.776 186.191-8a844.922 844.922 0 0 1 6.496 104.592c0 46.128-3.712 90.864-10.528 133.12-50.416-4.08-110.8-7.008-182.16-7.68zm371.858-323.52c-9.664 3.008-50.063 14.48-131.023 24.032-18.048-95.952-50.672-177.968-93.12-237.168C788.197 143.18 867.797 219.1 914.805 313.932zM358.82 90.589c-52.208 59.952-94.832 146.161-118.096 248.113-72.48-7.856-115.921-17.089-133.312-21.281 50.72-104.64 141.04-186.752 251.408-226.832zM83.637 377.182c12.32 3.344 58.913 14.941 145.553 24.525a795.86 795.86 0 0 0-7.68 110.305c0 48.273 4.368 94.721 12.24 138.688-74.4 8.033-120.16 17.649-140.688 22.609-19.44-50.096-30.208-104.447-30.208-161.312 0-46.96 7.312-92.256 20.783-134.815zm37.457 355.166c23.264-4.944 64.912-12.464 126.592-18.928 24.288 89.712 63.792 165.616 111.136 219.968-101.12-36.72-185.296-108.752-237.728-201.04zM690.662 923.18c38.224-53.264 68.48-125.024 87.296-208.801 63.408 7.28 103.216 15.792 123.296 20.864-48.016 83.072-121.855 149.393-210.592 187.937z"/>
</svg>
</span>
<span class="btn__label">DE</span>
<span class="btn__icon btn__icon--xs d-none d-lg-block "> <svg width="14" height="10" viewbox="0 0 14 10" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.315423 1.25401C0.735988 0.830856 1.41786 0.830856 1.83842 1.25401L7 6.4474L12.1616 1.25401C12.5821 0.830856 13.264 0.830856 13.6846 1.25401C14.1051 1.67717 14.1051 2.36324 13.6846 2.7864L7.7615 8.74598C7.34093 9.16914 6.65906 9.16914 6.2385 8.74598L0.315423 2.7864C-0.105142 2.36324 -0.105142 1.67717 0.315423 1.25401Z"/>
</svg>
</span>
</button>
<ul class="dropdown-menu nbk-dropdown-list dropdown-menu-lg-end">
<li class="nbk-dropdown-list__item nbk-dropdown-list__item--active ">
<a class="dropdown-item nbk-dropdown-list__label" href="">
Deutsch
</a>
</li>
<li class="nbk-dropdown-list__item ">
<a class="dropdown-item nbk-dropdown-list__label" href="">
Englisch
</a>
</li>
</ul>
</div>
<button type="button" class="btn btn-outline-secondary btn--fullwidth btn--with-icon btn--toggle-label" >
<span class="btn__icon "> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewbox="0 0 512 512" width="24" height="24"
xmlns="http://www.w3.org/2000/svg">
<path d="M406.5 399.6C387.4 352.9 341.5 320 288 320H224c-53.5 0-99.4 32.9-118.5 79.6C69.9 362.2 48 311.7 48 256C48 141.1 141.1 48 256 48s208 93.1 208 208c0 55.7-21.9 106.2-57.5 143.6zm-40.1 32.7C334.4 452.4 296.6 464 256 464s-78.4-11.6-110.5-31.7c7.3-36.7 39.7-64.3 78.5-64.3h64c38.8 0 71.2 27.6 78.5 64.3zM256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-272a40 40 0 1 1 0-80 40 40 0 1 1 0 80zm-88-40a88 88 0 1 0 176 0 88 88 0 1 0 -176 0z"></path>
</svg>
</span>
<span class="btn__label">Anmelden</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
#02 Header with active menu item
To highlight the active menu item, add this css class active to the list element with the class .nbk-menu__item.
<header class="nbk-header">
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="nbk-header__brand" href="/">
<img src="/assets/nbk-logo.svg" class="nbk-header__logo" alt="Neubaukompass" width="127" height="38"/>
</a>
<div class="nbk-header__actions nbk-header__actions--primary">
<button class="btn btn-blank-secondary btn--icon-only btn--with-icon" type="button"
data-nbk-search-toggle>
<span class="btn__icon">
<svg width="24" height="24" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M23.6133 21.72L19.08 17.2C20.5427 15.3366 21.3363 13.0355 21.3333 10.6667C21.3333 8.557 20.7077 6.49471 19.5357 4.74059C18.3636 2.98646 16.6977 1.61929 14.7486 0.811956C12.7996 0.00462166 10.6548 -0.206614 8.58571 0.204962C6.51658 0.616538 4.61596 1.63244 3.1242 3.1242C1.63244 4.61596 0.616538 6.51658 0.204962 8.58571C-0.206614 10.6548 0.00462166 12.7996 0.811956 14.7486C1.61929 16.6977 2.98646 18.3636 4.74059 19.5357C6.49471 20.7077 8.557 21.3333 10.6667 21.3333C13.0355 21.3363 15.3366 20.5427 17.2 19.08L21.72 23.6133C21.844 23.7383 21.9914 23.8375 22.1539 23.9052C22.3164 23.9729 22.4907 24.0077 22.6667 24.0077C22.8427 24.0077 23.017 23.9729 23.1794 23.9052C23.3419 23.8375 23.4894 23.7383 23.6133 23.6133C23.7383 23.4894 23.8375 23.3419 23.9052 23.1794C23.9729 23.017 24.0077 22.8427 24.0077 22.6667C24.0077 22.4907 23.9729 22.3164 23.9052 22.1539C23.8375 21.9914 23.7383 21.844 23.6133 21.72ZM2.66667 10.6667C2.66667 9.08442 3.13586 7.5377 4.01491 6.22211C4.89397 4.90652 6.1434 3.88114 7.6052 3.27564C9.06701 2.67013 10.6755 2.51171 12.2274 2.82039C13.7792 3.12907 15.2047 3.891 16.3235 5.00982C17.4423 6.12864 18.2043 7.5541 18.513 9.10595C18.8216 10.6578 18.6632 12.2663 18.0577 13.7281C17.4522 15.1899 16.4268 16.4394 15.1112 17.3184C13.7956 18.1975 12.2489 18.6667 10.6667 18.6667C8.54494 18.6667 6.51011 17.8238 5.00982 16.3235C3.50953 14.8232 2.66667 12.7884 2.66667 10.6667Z"/>
</svg>
</span>
</button>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas"
data-bs-target="#mainOffcanvasNavbar"
aria-controls="mainOffcanvasNavbar" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="mainOffcanvasNavbar"
aria-labelledby="mainOffcanvasNavbarLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="mainOffcanvasNavbarLabel" data-nbk-menu-offcanvas-logo>
<img data-src="/assets/nbk-logo-arrow.svg" class="lazy" width="38" height="38"
alt="NBK-Logo arrow">
</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<div class="nbk-header__offcanvas-content">
<nav class="nbk-menu navbar-nav justify-content-end justify-content-md-center flex-grow-1">
<ul class="navbar-nav justify-content-end justify-content-md-center flex-grow-1">
<li class="nbk-mobile-menu-list__item nbk-menu__item nav-item active ">
<button data-bs-toggle="dropdown" data-nbk-menu-item
class="nbk-mobile-menu-list__link nbk-menu__link nav-link " aria-expanded="false" id="1">
Standorte
<span class="nbk-menu__arrow">
<svg width="8" height="14" viewbox="0 0 8 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.542893 13.2071C0.152369 12.8166 0.152369 12.1834 0.542893 11.7929L5.33579 7L0.542893 2.20711C0.152369 1.81658 0.152369 1.18342 0.542893 0.792894C0.933417 0.402369 1.56658 0.402369 1.95711 0.792894L7.45711 6.29289C7.84763 6.68342 7.84763 7.31658 7.45711 7.70711L1.95711 13.2071C1.56658 13.5976 0.933417 13.5976 0.542893 13.2071Z"/>
</svg>
</span>
</button>
<div class="dropdown-menu nbk-flyout-menu">
<div class="nbk-flyout-menu__wrapper">
<div class="nbk-flyout-menu__content">
<div class="container p-0 px-lg-2 nbk-flyout-menu__container">
<div class="row">
<div class="col">
<nav class="nbk-flyout-menu-content" role="navigation">
<h6 class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--headline nbk-flyout-menu-content__headline">Standorte</h6>
<ul data-nbk-flyout-menu-content class="nbk-flyout-menu-content__nav nav" id="flyout-menu-1-tab"
role="tablist" aria-orientation="vertical">
<li class="nbk-mobile-menu-list__item nbk-flyout-menu-content__item nbk-mobile-menu-list__item--inset">
<button data-nbk-flyout-menu-content-button
class="nbk-mobile-menu-list__link nav-link nbk-flyout-menu-content__link"
id="menu-1-1-tab" data-bs-toggle="pill"
data-bs-target="#menu-tab-1-1"
type="button"
role="tab"
aria-controls="menu-1-1"
aria-selected="false">
Regionen
<span class="nbk-menu__arrow">
<svg width="8" height="14" viewbox="0 0 8 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.542893 13.2071C0.152369 12.8166 0.152369 12.1834 0.542893 11.7929L5.33579 7L0.542893 2.20711C0.152369 1.81658 0.152369 1.18342 0.542893 0.792894C0.933417 0.402369 1.56658 0.402369 1.95711 0.792894L7.45711 6.29289C7.84763 6.68342 7.84763 7.31658 7.45711 7.70711L1.95711 13.2071C1.56658 13.5976 0.933417 13.5976 0.542893 13.2071Z"/>
</svg>
</span>
</button>
</li>
<li class="nbk-mobile-menu-list__item nbk-flyout-menu-content__item nbk-mobile-menu-list__item--inset">
<button data-nbk-flyout-menu-content-button
class="nbk-mobile-menu-list__link nav-link nbk-flyout-menu-content__link"
id="menu-1-2-tab" data-bs-toggle="pill"
data-bs-target="#menu-tab-1-2"
type="button"
role="tab"
aria-controls="menu-1-2"
aria-selected="false">
Bundesländer DE
<span class="nbk-menu__arrow">
<svg width="8" height="14" viewbox="0 0 8 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.542893 13.2071C0.152369 12.8166 0.152369 12.1834 0.542893 11.7929L5.33579 7L0.542893 2.20711C0.152369 1.81658 0.152369 1.18342 0.542893 0.792894C0.933417 0.402369 1.56658 0.402369 1.95711 0.792894L7.45711 6.29289C7.84763 6.68342 7.84763 7.31658 7.45711 7.70711L1.95711 13.2071C1.56658 13.5976 0.933417 13.5976 0.542893 13.2071Z"/>
</svg>
</span>
</button>
</li>
<li class="nbk-mobile-menu-list__item nbk-flyout-menu-content__item nbk-mobile-menu-list__item--inset">
<button data-nbk-flyout-menu-content-button
class="nbk-mobile-menu-list__link nav-link nbk-flyout-menu-content__link"
id="menu-1-3-tab" data-bs-toggle="pill"
data-bs-target="#menu-tab-1-3"
type="button"
role="tab"
aria-controls="menu-1-3"
aria-selected="false">
Österreich
<span class="nbk-menu__arrow">
<svg width="8" height="14" viewbox="0 0 8 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.542893 13.2071C0.152369 12.8166 0.152369 12.1834 0.542893 11.7929L5.33579 7L0.542893 2.20711C0.152369 1.81658 0.152369 1.18342 0.542893 0.792894C0.933417 0.402369 1.56658 0.402369 1.95711 0.792894L7.45711 6.29289C7.84763 6.68342 7.84763 7.31658 7.45711 7.70711L1.95711 13.2071C1.56658 13.5976 0.933417 13.5976 0.542893 13.2071Z"/>
</svg>
</span>
</button>
</li>
</ul>
<div class="tab-content nbk-flyout-menu-content__content" id="flyout-menu-1-tabContent">
<div data-nbk-flyout-menu-content-pane class="tab-pane nbk-flyout-menu-content__pane"
id="menu-tab-1-1" role="tabpanel"
aria-labelledby="menu-1-1-tab"
tabindex="0">
<div class="row">
<div class="col-12 col-lg-auto nbk-flyout-menu-content__content-column">
<h6 class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--headline nbk-flyout-menu-content__content-headline">Top Regionen</h6>
<ul class="nbk-mobile-menu-list nbk-flyout-menu-content__content-list">
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Berlin</span> <span
class="nbk-flyout-menu-content__badge">143
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Frankfurt</span> <span
class="nbk-flyout-menu-content__badge">116
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Hamburg</span> <span
class="nbk-flyout-menu-content__badge">93
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">München</span> <span
class="nbk-flyout-menu-content__badge">216
</span>
</a>
</li>
</ul>
</div>
<div class="col-12 col-lg-auto nbk-flyout-menu-content__content-column">
<h6 class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--headline nbk-flyout-menu-content__content-headline">Weitere Regionen</h6>
<ul class="nbk-mobile-menu-list nbk-flyout-menu-content__content-list">
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Augsburg</span> <span
class="nbk-flyout-menu-content__badge">33
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Bodensee</span> <span
class="nbk-flyout-menu-content__badge">31
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Bremen</span> <span
class="nbk-flyout-menu-content__badge">8
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Dresden</span> <span
class="nbk-flyout-menu-content__badge">19
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Düsseldorf</span> <span
class="nbk-flyout-menu-content__badge">103
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Freiburg</span> <span
class="nbk-flyout-menu-content__badge">20
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Graz</span> <span
class="nbk-flyout-menu-content__badge">33
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Hannover</span> <span
class="nbk-flyout-menu-content__badge">42
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Heilbronn</span> <span
class="nbk-flyout-menu-content__badge">31
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Ingolstadt</span> <span
class="nbk-flyout-menu-content__badge">13
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Innsbruck</span> <span
class="nbk-flyout-menu-content__badge">14
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Kassel</span> <span
class="nbk-flyout-menu-content__badge">5
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Köln</span> <span
class="nbk-flyout-menu-content__badge">90
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Leipzig</span> <span
class="nbk-flyout-menu-content__badge">26
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Nürnberg</span> <span
class="nbk-flyout-menu-content__badge">35
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Potsdam</span> <span
class="nbk-flyout-menu-content__badge">14
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Regensburg</span> <span
class="nbk-flyout-menu-content__badge">42
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Rhein-Neckar</span> <span
class="nbk-flyout-menu-content__badge">36
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Ruhrgebiet</span> <span
class="nbk-flyout-menu-content__badge">58
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Salzburg</span> <span
class="nbk-flyout-menu-content__badge">38
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Schleswig-Holstein</span> <span
class="nbk-flyout-menu-content__badge">67
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div data-nbk-flyout-menu-content-pane class="tab-pane nbk-flyout-menu-content__pane"
id="menu-tab-1-2" role="tabpanel"
aria-labelledby="menu-1-2-tab"
tabindex="0">
<div class="row">
<div class="col-12 col-lg-auto nbk-flyout-menu-content__content-column">
<h6 class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--headline nbk-flyout-menu-content__content-headline">Bundesländer</h6>
<ul class="nbk-mobile-menu-list nbk-flyout-menu-content__content-list">
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Baden-Württemberg</span> <span
class="nbk-flyout-menu-content__badge">182
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Bayern</span> <span
class="nbk-flyout-menu-content__badge">408
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Berlin</span> <span
class="nbk-flyout-menu-content__badge">101
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Brandenburg</span> <span
class="nbk-flyout-menu-content__badge">49
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Bremen</span> <span
class="nbk-flyout-menu-content__badge">4
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Hamburg</span> <span
class="nbk-flyout-menu-content__badge">56
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Hessen</span> <span
class="nbk-flyout-menu-content__badge">109
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Mecklenburg-Vorpommern</span> <span
class="nbk-flyout-menu-content__badge">30
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Niedersachsen</span> <span
class="nbk-flyout-menu-content__badge">73
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Nordrhein-Westfalen</span> <span
class="nbk-flyout-menu-content__badge">219
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Rheinland-Pfalz</span> <span
class="nbk-flyout-menu-content__badge">60
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Saarland</span> <span
class="nbk-flyout-menu-content__badge">15
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Sachsen</span> <span
class="nbk-flyout-menu-content__badge">45
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Sachsen-Anhalt</span> <span
class="nbk-flyout-menu-content__badge">24
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Schleswig-Holstein</span> <span
class="nbk-flyout-menu-content__badge">67
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Thüringen</span> <span
class="nbk-flyout-menu-content__badge">16
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div data-nbk-flyout-menu-content-pane class="tab-pane nbk-flyout-menu-content__pane"
id="menu-tab-1-3" role="tabpanel"
aria-labelledby="menu-1-3-tab"
tabindex="0">
<div class="row">
<div class="col-12 col-lg-auto nbk-flyout-menu-content__content-column">
<h6 class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--headline nbk-flyout-menu-content__content-headline">Österreich</h6>
<ul class="nbk-mobile-menu-list nbk-flyout-menu-content__content-list">
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Kärnten</span> <span
class="nbk-flyout-menu-content__badge">15
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Niederösterreich</span> <span
class="nbk-flyout-menu-content__badge">13
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Oberösterreich</span> <span
class="nbk-flyout-menu-content__badge">19
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Salzburg</span> <span
class="nbk-flyout-menu-content__badge">38
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Steiermark</span> <span
class="nbk-flyout-menu-content__badge">37
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Tirol</span> <span
class="nbk-flyout-menu-content__badge">16
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Vorarlberg</span> <span
class="nbk-flyout-menu-content__badge">11
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Wien</span> <span
class="nbk-flyout-menu-content__badge">41
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</nav> </div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nbk-mobile-menu-list__item nbk-menu__item nav-item">
<a class="nbk-mobile-menu-list__link nbk-menu__link nav-link" href="#">
Für Anbieter
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-menu__item nav-item">
<a class="nbk-mobile-menu-list__link nbk-menu__link nav-link" href="#">
Finanzierung
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-menu__item nav-item">
<a class="nbk-mobile-menu-list__link nbk-menu__link nav-link" href="#">
Premium Magazin
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-menu__item nav-item">
<a class="nbk-mobile-menu-list__link nbk-menu__link nav-link" href="#">
Blog
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-menu__item nav-item nbk-menu__item--language-list">
<button data-bs-toggle="dropdown" data-nbk-menu-item
class="nbk-mobile-menu-list__link nbk-menu__link nav-link " data-nbk-language-toggle-mobile aria-expanded="false" id="6">
Sprache
<span class="nbk-menu__arrow">
<svg width="8" height="14" viewbox="0 0 8 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.542893 13.2071C0.152369 12.8166 0.152369 12.1834 0.542893 11.7929L5.33579 7L0.542893 2.20711C0.152369 1.81658 0.152369 1.18342 0.542893 0.792894C0.933417 0.402369 1.56658 0.402369 1.95711 0.792894L7.45711 6.29289C7.84763 6.68342 7.84763 7.31658 7.45711 7.70711L1.95711 13.2071C1.56658 13.5976 0.933417 13.5976 0.542893 13.2071Z"/>
</svg>
</span>
</button>
<div class="dropdown-menu nbk-flyout-menu">
<div class="nbk-flyout-menu__wrapper">
<div class="nbk-flyout-menu__content">
<div class="container p-0 px-lg-2 nbk-flyout-menu__container">
<div class="row">
<div class="col">
<nav class="nbk-flyout-menu-content" role="navigation">
<h6 class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--headline nbk-flyout-menu-content__headline">Sprache</h6>
<ul data-nbk-flyout-menu-content class="nbk-flyout-menu-content__nav nav" id="flyout-menu-6-tab"
role="tablist" aria-orientation="vertical">
<li class="nbk-mobile-menu-list__item nbk-flyout-menu-content__item nbk-mobile-menu-list__item--inset">
<a data-nbk-flyout-menu-content-button
class="nbk-mobile-menu-list__link nav-link nbk-flyout-menu-content__link"
href="/"
>
DE
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-flyout-menu-content__item nbk-mobile-menu-list__item--inset">
<a data-nbk-flyout-menu-content-button
class="nbk-mobile-menu-list__link nav-link nbk-flyout-menu-content__link"
href="/"
>
EN
</a>
</li>
</ul>
<div class="tab-content nbk-flyout-menu-content__content" id="flyout-menu-6-tabContent">
<div data-nbk-flyout-menu-content-pane class="tab-pane nbk-flyout-menu-content__pane"
id="menu-tab-6-1" role="tabpanel"
aria-labelledby="menu-6-1-tab"
tabindex="0">
<div class="row">
</div>
</div>
<div data-nbk-flyout-menu-content-pane class="tab-pane nbk-flyout-menu-content__pane"
id="menu-tab-6-2" role="tabpanel"
aria-labelledby="menu-6-2-tab"
tabindex="0">
<div class="row">
</div>
</div>
</div>
</nav> </div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</nav> <div class="nbk-header__actions nbk-header__actions--secondary">
<button class="btn btn-outline-secondary btn--with-icon d-none d-lg-none"
data-nbk-menu-back-button>
<span class="btn__icon">
<svg width="8" height="14" viewbox="0 0 8 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7.45711 0.792893C7.84763 1.18342 7.84763 1.81658 7.45711 2.20711L2.66421 7L7.45711 11.7929C7.84763 12.1834 7.84763 12.8166 7.45711 13.2071C7.06658 13.5976 6.43342 13.5976 6.04289 13.2071L0.542893 7.70711C0.152369 7.31658 0.152369 6.68342 0.542893 6.29289L6.04289 0.792893C6.43342 0.402369 7.06658 0.402369 7.45711 0.792893Z"/>
</svg>
</span><span>Zurück</span></button>
<div class="nbk-header__actions-content d-lg-flex" data-nbk-menu-header-actions>
<button class="d-none d-lg-inline-flex btn btn-blank-secondary btn--icon-only btn--with-icon"
type="button" data-nbk-search-toggle>
<span class="btn__icon">
<svg width="24" height="24" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M23.6133 21.72L19.08 17.2C20.5427 15.3366 21.3363 13.0355 21.3333 10.6667C21.3333 8.557 20.7077 6.49471 19.5357 4.74059C18.3636 2.98646 16.6977 1.61929 14.7486 0.811956C12.7996 0.00462166 10.6548 -0.206614 8.58571 0.204962C6.51658 0.616538 4.61596 1.63244 3.1242 3.1242C1.63244 4.61596 0.616538 6.51658 0.204962 8.58571C-0.206614 10.6548 0.00462166 12.7996 0.811956 14.7486C1.61929 16.6977 2.98646 18.3636 4.74059 19.5357C6.49471 20.7077 8.557 21.3333 10.6667 21.3333C13.0355 21.3363 15.3366 20.5427 17.2 19.08L21.72 23.6133C21.844 23.7383 21.9914 23.8375 22.1539 23.9052C22.3164 23.9729 22.4907 24.0077 22.6667 24.0077C22.8427 24.0077 23.017 23.9729 23.1794 23.9052C23.3419 23.8375 23.4894 23.7383 23.6133 23.6133C23.7383 23.4894 23.8375 23.3419 23.9052 23.1794C23.9729 23.017 24.0077 22.8427 24.0077 22.6667C24.0077 22.4907 23.9729 22.3164 23.9052 22.1539C23.8375 21.9914 23.7383 21.844 23.6133 21.72ZM2.66667 10.6667C2.66667 9.08442 3.13586 7.5377 4.01491 6.22211C4.89397 4.90652 6.1434 3.88114 7.6052 3.27564C9.06701 2.67013 10.6755 2.51171 12.2274 2.82039C13.7792 3.12907 15.2047 3.891 16.3235 5.00982C17.4423 6.12864 18.2043 7.5541 18.513 9.10595C18.8216 10.6578 18.6632 12.2663 18.0577 13.7281C17.4522 15.1899 16.4268 16.4394 15.1112 17.3184C13.7956 18.1975 12.2489 18.6667 10.6667 18.6667C8.54494 18.6667 6.51011 17.8238 5.00982 16.3235C3.50953 14.8232 2.66667 12.7884 2.66667 10.6667Z"/>
</svg>
</span>
</button>
<div class="dropdown">
<button type="button" class="btn btn-outline-secondary btn--fullwidth btn--with-icon" aria-expanded="false"
data-nbk-language-toggle="true"
data-bs-toggle="dropdown"
>
<span class="btn__icon "> <svg width="18" height="19" viewbox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
<path d="M1025.02 512c0-272.016-213.663-495.104-482.319-511.023-5.536-.608-11.088-1.009-16.72-1.009-1.664 0-3.328.176-4.992.224-2.992-.048-5.968-.224-8.992-.224C229.117-.032-1.026 229.664-1.026 512s230.144 512.032 513.023 512.032c3.024 0 6-.176 9.008-.24 1.664.064 3.328.24 4.992.24 5.632 0 11.184-.4 16.72-1.009 268.64-15.92 482.304-238.976 482.303-511.023zm-95.451 164.832c-17.632-5.12-61.92-16.24-140.064-25.392 6.464-44.192 10-90.896 10-139.44 0-38.256-2.208-75.343-6.288-111.008 99.008-11.824 142.384-26.72 145.296-27.745l-11.92-33.584c22.24 53.088 34.56 111.296 34.56 172.336 0 58.193-11.28 113.761-31.583 164.833zM285.488 512.001c0-35.808 2.37-70.77 6.705-104.401 51.888 4.08 113.936 7.088 186.863 7.792v222.064c-70.992.688-131.664 3.568-182.688 7.473-7.04-42.193-10.88-86.88-10.88-132.928zM542.945 68.223c78.464 22.736 145.648 131.695 175.744 276.111-48.368 3.856-106.624 6.673-175.744 7.33V68.223zm-63.886.783V351.63c-68.368-.688-126.88-3.473-176.063-7.232C333.7 201.79 401.428 93.646 479.059 69.006zm0 632.223l.001 253.743c-72.4-22.976-136.192-118.575-169.36-247.023 47.76-3.504 104.096-6.063 169.359-6.72zm63.888 254.543l-.001-254.56c65.952.623 122.064 3.28 169.217 6.928-32.608 130.128-96 226.416-169.216 247.632zm-.001-318.32l.001-222.032c73.311-.688 134.991-3.776 186.191-8a844.922 844.922 0 0 1 6.496 104.592c0 46.128-3.712 90.864-10.528 133.12-50.416-4.08-110.8-7.008-182.16-7.68zm371.858-323.52c-9.664 3.008-50.063 14.48-131.023 24.032-18.048-95.952-50.672-177.968-93.12-237.168C788.197 143.18 867.797 219.1 914.805 313.932zM358.82 90.589c-52.208 59.952-94.832 146.161-118.096 248.113-72.48-7.856-115.921-17.089-133.312-21.281 50.72-104.64 141.04-186.752 251.408-226.832zM83.637 377.182c12.32 3.344 58.913 14.941 145.553 24.525a795.86 795.86 0 0 0-7.68 110.305c0 48.273 4.368 94.721 12.24 138.688-74.4 8.033-120.16 17.649-140.688 22.609-19.44-50.096-30.208-104.447-30.208-161.312 0-46.96 7.312-92.256 20.783-134.815zm37.457 355.166c23.264-4.944 64.912-12.464 126.592-18.928 24.288 89.712 63.792 165.616 111.136 219.968-101.12-36.72-185.296-108.752-237.728-201.04zM690.662 923.18c38.224-53.264 68.48-125.024 87.296-208.801 63.408 7.28 103.216 15.792 123.296 20.864-48.016 83.072-121.855 149.393-210.592 187.937z"/>
</svg>
</span>
<span class="btn__label">DE</span>
<span class="btn__icon btn__icon--xs d-none d-lg-block "> <svg width="14" height="10" viewbox="0 0 14 10" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.315423 1.25401C0.735988 0.830856 1.41786 0.830856 1.83842 1.25401L7 6.4474L12.1616 1.25401C12.5821 0.830856 13.264 0.830856 13.6846 1.25401C14.1051 1.67717 14.1051 2.36324 13.6846 2.7864L7.7615 8.74598C7.34093 9.16914 6.65906 9.16914 6.2385 8.74598L0.315423 2.7864C-0.105142 2.36324 -0.105142 1.67717 0.315423 1.25401Z"/>
</svg>
</span>
</button>
<ul class="dropdown-menu nbk-dropdown-list dropdown-menu-lg-end">
<li class="nbk-dropdown-list__item nbk-dropdown-list__item--active ">
<a class="dropdown-item nbk-dropdown-list__label" href="">
Deutsch
</a>
</li>
<li class="nbk-dropdown-list__item ">
<a class="dropdown-item nbk-dropdown-list__label" href="">
Englisch
</a>
</li>
</ul>
</div>
<button type="button" class="btn btn-outline-secondary btn--fullwidth btn--with-icon btn--toggle-label" >
<span class="btn__icon "> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewbox="0 0 512 512" width="24" height="24"
xmlns="http://www.w3.org/2000/svg">
<path d="M406.5 399.6C387.4 352.9 341.5 320 288 320H224c-53.5 0-99.4 32.9-118.5 79.6C69.9 362.2 48 311.7 48 256C48 141.1 141.1 48 256 48s208 93.1 208 208c0 55.7-21.9 106.2-57.5 143.6zm-40.1 32.7C334.4 452.4 296.6 464 256 464s-78.4-11.6-110.5-31.7c7.3-36.7 39.7-64.3 78.5-64.3h64c38.8 0 71.2 27.6 78.5 64.3zM256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-272a40 40 0 1 1 0-80 40 40 0 1 1 0 80zm-88-40a88 88 0 1 0 176 0 88 88 0 1 0 -176 0z"></path>
</svg>
</span>
<span class="btn__label">Anmelden</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
#03 Header without search
To hide the search remove the two button elements with the data attribute tag: data-nbk-search-toggle.
<header class="nbk-header">
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="nbk-header__brand" href="/">
<img src="/assets/nbk-logo.svg" class="nbk-header__logo" alt="Neubaukompass" width="127" height="38"/>
</a>
<div class="nbk-header__actions nbk-header__actions--primary">
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas"
data-bs-target="#mainOffcanvasNavbar"
aria-controls="mainOffcanvasNavbar" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="mainOffcanvasNavbar"
aria-labelledby="mainOffcanvasNavbarLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="mainOffcanvasNavbarLabel" data-nbk-menu-offcanvas-logo>
<img data-src="/assets/nbk-logo-arrow.svg" class="lazy" width="38" height="38"
alt="NBK-Logo arrow">
</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<div class="nbk-header__offcanvas-content">
<nav class="nbk-menu navbar-nav justify-content-end justify-content-md-center flex-grow-1">
<ul class="navbar-nav justify-content-end justify-content-md-center flex-grow-1">
<li class="nbk-mobile-menu-list__item nbk-menu__item nav-item ">
<button data-bs-toggle="dropdown" data-nbk-menu-item
class="nbk-mobile-menu-list__link nbk-menu__link nav-link " aria-expanded="false" id="1">
Standorte
<span class="nbk-menu__arrow">
<svg width="8" height="14" viewbox="0 0 8 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.542893 13.2071C0.152369 12.8166 0.152369 12.1834 0.542893 11.7929L5.33579 7L0.542893 2.20711C0.152369 1.81658 0.152369 1.18342 0.542893 0.792894C0.933417 0.402369 1.56658 0.402369 1.95711 0.792894L7.45711 6.29289C7.84763 6.68342 7.84763 7.31658 7.45711 7.70711L1.95711 13.2071C1.56658 13.5976 0.933417 13.5976 0.542893 13.2071Z"/>
</svg>
</span>
</button>
<div class="dropdown-menu nbk-flyout-menu">
<div class="nbk-flyout-menu__wrapper">
<div class="nbk-flyout-menu__content">
<div class="container p-0 px-lg-2 nbk-flyout-menu__container">
<div class="row">
<div class="col">
<nav class="nbk-flyout-menu-content" role="navigation">
<h6 class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--headline nbk-flyout-menu-content__headline">Standorte</h6>
<ul data-nbk-flyout-menu-content class="nbk-flyout-menu-content__nav nav" id="flyout-menu-1-tab"
role="tablist" aria-orientation="vertical">
<li class="nbk-mobile-menu-list__item nbk-flyout-menu-content__item nbk-mobile-menu-list__item--inset">
<button data-nbk-flyout-menu-content-button
class="nbk-mobile-menu-list__link nav-link nbk-flyout-menu-content__link"
id="menu-1-1-tab" data-bs-toggle="pill"
data-bs-target="#menu-tab-1-1"
type="button"
role="tab"
aria-controls="menu-1-1"
aria-selected="false">
Regionen
<span class="nbk-menu__arrow">
<svg width="8" height="14" viewbox="0 0 8 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.542893 13.2071C0.152369 12.8166 0.152369 12.1834 0.542893 11.7929L5.33579 7L0.542893 2.20711C0.152369 1.81658 0.152369 1.18342 0.542893 0.792894C0.933417 0.402369 1.56658 0.402369 1.95711 0.792894L7.45711 6.29289C7.84763 6.68342 7.84763 7.31658 7.45711 7.70711L1.95711 13.2071C1.56658 13.5976 0.933417 13.5976 0.542893 13.2071Z"/>
</svg>
</span>
</button>
</li>
<li class="nbk-mobile-menu-list__item nbk-flyout-menu-content__item nbk-mobile-menu-list__item--inset">
<button data-nbk-flyout-menu-content-button
class="nbk-mobile-menu-list__link nav-link nbk-flyout-menu-content__link"
id="menu-1-2-tab" data-bs-toggle="pill"
data-bs-target="#menu-tab-1-2"
type="button"
role="tab"
aria-controls="menu-1-2"
aria-selected="false">
Bundesländer DE
<span class="nbk-menu__arrow">
<svg width="8" height="14" viewbox="0 0 8 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.542893 13.2071C0.152369 12.8166 0.152369 12.1834 0.542893 11.7929L5.33579 7L0.542893 2.20711C0.152369 1.81658 0.152369 1.18342 0.542893 0.792894C0.933417 0.402369 1.56658 0.402369 1.95711 0.792894L7.45711 6.29289C7.84763 6.68342 7.84763 7.31658 7.45711 7.70711L1.95711 13.2071C1.56658 13.5976 0.933417 13.5976 0.542893 13.2071Z"/>
</svg>
</span>
</button>
</li>
<li class="nbk-mobile-menu-list__item nbk-flyout-menu-content__item nbk-mobile-menu-list__item--inset">
<button data-nbk-flyout-menu-content-button
class="nbk-mobile-menu-list__link nav-link nbk-flyout-menu-content__link"
id="menu-1-3-tab" data-bs-toggle="pill"
data-bs-target="#menu-tab-1-3"
type="button"
role="tab"
aria-controls="menu-1-3"
aria-selected="false">
Österreich
<span class="nbk-menu__arrow">
<svg width="8" height="14" viewbox="0 0 8 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.542893 13.2071C0.152369 12.8166 0.152369 12.1834 0.542893 11.7929L5.33579 7L0.542893 2.20711C0.152369 1.81658 0.152369 1.18342 0.542893 0.792894C0.933417 0.402369 1.56658 0.402369 1.95711 0.792894L7.45711 6.29289C7.84763 6.68342 7.84763 7.31658 7.45711 7.70711L1.95711 13.2071C1.56658 13.5976 0.933417 13.5976 0.542893 13.2071Z"/>
</svg>
</span>
</button>
</li>
</ul>
<div class="tab-content nbk-flyout-menu-content__content" id="flyout-menu-1-tabContent">
<div data-nbk-flyout-menu-content-pane class="tab-pane nbk-flyout-menu-content__pane"
id="menu-tab-1-1" role="tabpanel"
aria-labelledby="menu-1-1-tab"
tabindex="0">
<div class="row">
<div class="col-12 col-lg-auto nbk-flyout-menu-content__content-column">
<h6 class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--headline nbk-flyout-menu-content__content-headline">Top Regionen</h6>
<ul class="nbk-mobile-menu-list nbk-flyout-menu-content__content-list">
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Berlin</span> <span
class="nbk-flyout-menu-content__badge">143
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Frankfurt</span> <span
class="nbk-flyout-menu-content__badge">116
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Hamburg</span> <span
class="nbk-flyout-menu-content__badge">93
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">München</span> <span
class="nbk-flyout-menu-content__badge">216
</span>
</a>
</li>
</ul>
</div>
<div class="col-12 col-lg-auto nbk-flyout-menu-content__content-column">
<h6 class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--headline nbk-flyout-menu-content__content-headline">Weitere Regionen</h6>
<ul class="nbk-mobile-menu-list nbk-flyout-menu-content__content-list">
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Augsburg</span> <span
class="nbk-flyout-menu-content__badge">33
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Bodensee</span> <span
class="nbk-flyout-menu-content__badge">31
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Bremen</span> <span
class="nbk-flyout-menu-content__badge">8
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Dresden</span> <span
class="nbk-flyout-menu-content__badge">19
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Düsseldorf</span> <span
class="nbk-flyout-menu-content__badge">103
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Freiburg</span> <span
class="nbk-flyout-menu-content__badge">20
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Graz</span> <span
class="nbk-flyout-menu-content__badge">33
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Hannover</span> <span
class="nbk-flyout-menu-content__badge">42
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Heilbronn</span> <span
class="nbk-flyout-menu-content__badge">31
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Ingolstadt</span> <span
class="nbk-flyout-menu-content__badge">13
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Innsbruck</span> <span
class="nbk-flyout-menu-content__badge">14
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Kassel</span> <span
class="nbk-flyout-menu-content__badge">5
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Köln</span> <span
class="nbk-flyout-menu-content__badge">90
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Leipzig</span> <span
class="nbk-flyout-menu-content__badge">26
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Nürnberg</span> <span
class="nbk-flyout-menu-content__badge">35
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Potsdam</span> <span
class="nbk-flyout-menu-content__badge">14
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Regensburg</span> <span
class="nbk-flyout-menu-content__badge">42
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Rhein-Neckar</span> <span
class="nbk-flyout-menu-content__badge">36
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Ruhrgebiet</span> <span
class="nbk-flyout-menu-content__badge">58
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Salzburg</span> <span
class="nbk-flyout-menu-content__badge">38
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Schleswig-Holstein</span> <span
class="nbk-flyout-menu-content__badge">67
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div data-nbk-flyout-menu-content-pane class="tab-pane nbk-flyout-menu-content__pane"
id="menu-tab-1-2" role="tabpanel"
aria-labelledby="menu-1-2-tab"
tabindex="0">
<div class="row">
<div class="col-12 col-lg-auto nbk-flyout-menu-content__content-column">
<h6 class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--headline nbk-flyout-menu-content__content-headline">Bundesländer</h6>
<ul class="nbk-mobile-menu-list nbk-flyout-menu-content__content-list">
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Baden-Württemberg</span> <span
class="nbk-flyout-menu-content__badge">182
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Bayern</span> <span
class="nbk-flyout-menu-content__badge">408
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Berlin</span> <span
class="nbk-flyout-menu-content__badge">101
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Brandenburg</span> <span
class="nbk-flyout-menu-content__badge">49
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Bremen</span> <span
class="nbk-flyout-menu-content__badge">4
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Hamburg</span> <span
class="nbk-flyout-menu-content__badge">56
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Hessen</span> <span
class="nbk-flyout-menu-content__badge">109
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Mecklenburg-Vorpommern</span> <span
class="nbk-flyout-menu-content__badge">30
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Niedersachsen</span> <span
class="nbk-flyout-menu-content__badge">73
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Nordrhein-Westfalen</span> <span
class="nbk-flyout-menu-content__badge">219
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Rheinland-Pfalz</span> <span
class="nbk-flyout-menu-content__badge">60
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Saarland</span> <span
class="nbk-flyout-menu-content__badge">15
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Sachsen</span> <span
class="nbk-flyout-menu-content__badge">45
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Sachsen-Anhalt</span> <span
class="nbk-flyout-menu-content__badge">24
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Schleswig-Holstein</span> <span
class="nbk-flyout-menu-content__badge">67
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Thüringen</span> <span
class="nbk-flyout-menu-content__badge">16
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div data-nbk-flyout-menu-content-pane class="tab-pane nbk-flyout-menu-content__pane"
id="menu-tab-1-3" role="tabpanel"
aria-labelledby="menu-1-3-tab"
tabindex="0">
<div class="row">
<div class="col-12 col-lg-auto nbk-flyout-menu-content__content-column">
<h6 class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--headline nbk-flyout-menu-content__content-headline">Österreich</h6>
<ul class="nbk-mobile-menu-list nbk-flyout-menu-content__content-list">
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Kärnten</span> <span
class="nbk-flyout-menu-content__badge">15
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Niederösterreich</span> <span
class="nbk-flyout-menu-content__badge">13
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Oberösterreich</span> <span
class="nbk-flyout-menu-content__badge">19
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Salzburg</span> <span
class="nbk-flyout-menu-content__badge">38
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Steiermark</span> <span
class="nbk-flyout-menu-content__badge">37
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Tirol</span> <span
class="nbk-flyout-menu-content__badge">16
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Vorarlberg</span> <span
class="nbk-flyout-menu-content__badge">11
</span>
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--inset nbk-flyout-menu-content__content-item">
<a class="nbk-mobile-menu-list__link nbk-flyout-menu-content__content-link" href="#">
<span class="nbk-flyout-menu-content__content-label">Wien</span> <span
class="nbk-flyout-menu-content__badge">41
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</nav> </div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nbk-mobile-menu-list__item nbk-menu__item nav-item">
<a class="nbk-mobile-menu-list__link nbk-menu__link nav-link" href="#">
Für Anbieter
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-menu__item nav-item">
<a class="nbk-mobile-menu-list__link nbk-menu__link nav-link" href="#">
Finanzierung
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-menu__item nav-item">
<a class="nbk-mobile-menu-list__link nbk-menu__link nav-link" href="#">
Premium Magazin
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-menu__item nav-item">
<a class="nbk-mobile-menu-list__link nbk-menu__link nav-link" href="#">
Blog
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-menu__item nav-item nbk-menu__item--language-list">
<button data-bs-toggle="dropdown" data-nbk-menu-item
class="nbk-mobile-menu-list__link nbk-menu__link nav-link " data-nbk-language-toggle-mobile aria-expanded="false" id="6">
Sprache
<span class="nbk-menu__arrow">
<svg width="8" height="14" viewbox="0 0 8 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.542893 13.2071C0.152369 12.8166 0.152369 12.1834 0.542893 11.7929L5.33579 7L0.542893 2.20711C0.152369 1.81658 0.152369 1.18342 0.542893 0.792894C0.933417 0.402369 1.56658 0.402369 1.95711 0.792894L7.45711 6.29289C7.84763 6.68342 7.84763 7.31658 7.45711 7.70711L1.95711 13.2071C1.56658 13.5976 0.933417 13.5976 0.542893 13.2071Z"/>
</svg>
</span>
</button>
<div class="dropdown-menu nbk-flyout-menu">
<div class="nbk-flyout-menu__wrapper">
<div class="nbk-flyout-menu__content">
<div class="container p-0 px-lg-2 nbk-flyout-menu__container">
<div class="row">
<div class="col">
<nav class="nbk-flyout-menu-content" role="navigation">
<h6 class="nbk-mobile-menu-list__item nbk-mobile-menu-list__item--headline nbk-flyout-menu-content__headline">Sprache</h6>
<ul data-nbk-flyout-menu-content class="nbk-flyout-menu-content__nav nav" id="flyout-menu-6-tab"
role="tablist" aria-orientation="vertical">
<li class="nbk-mobile-menu-list__item nbk-flyout-menu-content__item nbk-mobile-menu-list__item--inset">
<a data-nbk-flyout-menu-content-button
class="nbk-mobile-menu-list__link nav-link nbk-flyout-menu-content__link"
href="/"
>
DE
</a>
</li>
<li class="nbk-mobile-menu-list__item nbk-flyout-menu-content__item nbk-mobile-menu-list__item--inset">
<a data-nbk-flyout-menu-content-button
class="nbk-mobile-menu-list__link nav-link nbk-flyout-menu-content__link"
href="/"
>
EN
</a>
</li>
</ul>
<div class="tab-content nbk-flyout-menu-content__content" id="flyout-menu-6-tabContent">
<div data-nbk-flyout-menu-content-pane class="tab-pane nbk-flyout-menu-content__pane"
id="menu-tab-6-1" role="tabpanel"
aria-labelledby="menu-6-1-tab"
tabindex="0">
<div class="row">
</div>
</div>
<div data-nbk-flyout-menu-content-pane class="tab-pane nbk-flyout-menu-content__pane"
id="menu-tab-6-2" role="tabpanel"
aria-labelledby="menu-6-2-tab"
tabindex="0">
<div class="row">
</div>
</div>
</div>
</nav> </div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</nav> <div class="nbk-header__actions nbk-header__actions--secondary">
<button class="btn btn-outline-secondary btn--with-icon d-none d-lg-none"
data-nbk-menu-back-button>
<span class="btn__icon">
<svg width="8" height="14" viewbox="0 0 8 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7.45711 0.792893C7.84763 1.18342 7.84763 1.81658 7.45711 2.20711L2.66421 7L7.45711 11.7929C7.84763 12.1834 7.84763 12.8166 7.45711 13.2071C7.06658 13.5976 6.43342 13.5976 6.04289 13.2071L0.542893 7.70711C0.152369 7.31658 0.152369 6.68342 0.542893 6.29289L6.04289 0.792893C6.43342 0.402369 7.06658 0.402369 7.45711 0.792893Z"/>
</svg>
</span><span>Zurück</span></button>
<div class="nbk-header__actions-content d-lg-flex" data-nbk-menu-header-actions>
<div class="dropdown">
<button type="button" class="btn btn-outline-secondary btn--fullwidth btn--with-icon" aria-expanded="false"
data-nbk-language-toggle="true"
data-bs-toggle="dropdown"
>
<span class="btn__icon "> <svg width="18" height="19" viewbox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
<path d="M1025.02 512c0-272.016-213.663-495.104-482.319-511.023-5.536-.608-11.088-1.009-16.72-1.009-1.664 0-3.328.176-4.992.224-2.992-.048-5.968-.224-8.992-.224C229.117-.032-1.026 229.664-1.026 512s230.144 512.032 513.023 512.032c3.024 0 6-.176 9.008-.24 1.664.064 3.328.24 4.992.24 5.632 0 11.184-.4 16.72-1.009 268.64-15.92 482.304-238.976 482.303-511.023zm-95.451 164.832c-17.632-5.12-61.92-16.24-140.064-25.392 6.464-44.192 10-90.896 10-139.44 0-38.256-2.208-75.343-6.288-111.008 99.008-11.824 142.384-26.72 145.296-27.745l-11.92-33.584c22.24 53.088 34.56 111.296 34.56 172.336 0 58.193-11.28 113.761-31.583 164.833zM285.488 512.001c0-35.808 2.37-70.77 6.705-104.401 51.888 4.08 113.936 7.088 186.863 7.792v222.064c-70.992.688-131.664 3.568-182.688 7.473-7.04-42.193-10.88-86.88-10.88-132.928zM542.945 68.223c78.464 22.736 145.648 131.695 175.744 276.111-48.368 3.856-106.624 6.673-175.744 7.33V68.223zm-63.886.783V351.63c-68.368-.688-126.88-3.473-176.063-7.232C333.7 201.79 401.428 93.646 479.059 69.006zm0 632.223l.001 253.743c-72.4-22.976-136.192-118.575-169.36-247.023 47.76-3.504 104.096-6.063 169.359-6.72zm63.888 254.543l-.001-254.56c65.952.623 122.064 3.28 169.217 6.928-32.608 130.128-96 226.416-169.216 247.632zm-.001-318.32l.001-222.032c73.311-.688 134.991-3.776 186.191-8a844.922 844.922 0 0 1 6.496 104.592c0 46.128-3.712 90.864-10.528 133.12-50.416-4.08-110.8-7.008-182.16-7.68zm371.858-323.52c-9.664 3.008-50.063 14.48-131.023 24.032-18.048-95.952-50.672-177.968-93.12-237.168C788.197 143.18 867.797 219.1 914.805 313.932zM358.82 90.589c-52.208 59.952-94.832 146.161-118.096 248.113-72.48-7.856-115.921-17.089-133.312-21.281 50.72-104.64 141.04-186.752 251.408-226.832zM83.637 377.182c12.32 3.344 58.913 14.941 145.553 24.525a795.86 795.86 0 0 0-7.68 110.305c0 48.273 4.368 94.721 12.24 138.688-74.4 8.033-120.16 17.649-140.688 22.609-19.44-50.096-30.208-104.447-30.208-161.312 0-46.96 7.312-92.256 20.783-134.815zm37.457 355.166c23.264-4.944 64.912-12.464 126.592-18.928 24.288 89.712 63.792 165.616 111.136 219.968-101.12-36.72-185.296-108.752-237.728-201.04zM690.662 923.18c38.224-53.264 68.48-125.024 87.296-208.801 63.408 7.28 103.216 15.792 123.296 20.864-48.016 83.072-121.855 149.393-210.592 187.937z"/>
</svg>
</span>
<span class="btn__label">DE</span>
<span class="btn__icon btn__icon--xs d-none d-lg-block "> <svg width="14" height="10" viewbox="0 0 14 10" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.315423 1.25401C0.735988 0.830856 1.41786 0.830856 1.83842 1.25401L7 6.4474L12.1616 1.25401C12.5821 0.830856 13.264 0.830856 13.6846 1.25401C14.1051 1.67717 14.1051 2.36324 13.6846 2.7864L7.7615 8.74598C7.34093 9.16914 6.65906 9.16914 6.2385 8.74598L0.315423 2.7864C-0.105142 2.36324 -0.105142 1.67717 0.315423 1.25401Z"/>
</svg>
</span>
</button>
<ul class="dropdown-menu nbk-dropdown-list dropdown-menu-lg-end">
<li class="nbk-dropdown-list__item nbk-dropdown-list__item--active ">
<a class="dropdown-item nbk-dropdown-list__label" href="">
Deutsch
</a>
</li>
<li class="nbk-dropdown-list__item ">
<a class="dropdown-item nbk-dropdown-list__label" href="">
Englisch
</a>
</li>
</ul>
</div>
<button type="button" class="btn btn-outline-secondary btn--fullwidth btn--with-icon btn--toggle-label" >
<span class="btn__icon "> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewbox="0 0 512 512" width="24" height="24"
xmlns="http://www.w3.org/2000/svg">
<path d="M406.5 399.6C387.4 352.9 341.5 320 288 320H224c-53.5 0-99.4 32.9-118.5 79.6C69.9 362.2 48 311.7 48 256C48 141.1 141.1 48 256 48s208 93.1 208 208c0 55.7-21.9 106.2-57.5 143.6zm-40.1 32.7C334.4 452.4 296.6 464 256 464s-78.4-11.6-110.5-31.7c7.3-36.7 39.7-64.3 78.5-64.3h64c38.8 0 71.2 27.6 78.5 64.3zM256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-272a40 40 0 1 1 0-80 40 40 0 1 1 0 80zm-88-40a88 88 0 1 0 176 0 88 88 0 1 0 -176 0z"></path>
</svg>
</span>
<span class="btn__label">Anmelden</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>