/* CMS2Go - Hauptnavigation mit mehreren Ebenen (Bootstrap 5) */
.navbar-cms { padding: 0; }
.navbar-cms .navbar-toggler { margin: .5rem; color: inherit; border-color: rgba(0,0,0,.2); }
.navbar-cms .navbar-nav > .nav-item { position: relative; display: flex; flex-wrap: wrap; align-items: center; }
.navbar-cms .navbar-nav > .nav-item > .nav-link { padding: .9rem 1rem; }
.navbar-cms .cms-subtoggle {
	background: none; border: 0; color: inherit; padding: .25rem .5rem; line-height: 1;
	font-size: .75rem; opacity: .7; cursor: pointer;
}
.navbar-cms .cms-subtoggle:hover, .navbar-cms .cms-subtoggle:focus-visible { opacity: 1; }
.navbar-cms .cms-subtoggle .fa { transition: transform .15s; }
.navbar-cms .cms-open > .cms-subtoggle .fa { transform: rotate(180deg); }
.navbar-cms .dropdown-menu { margin: 0; border-radius: 0; }
.navbar-cms .dropdown-menu > li { position: relative; display: flex; flex-wrap: wrap; align-items: center; }
.navbar-cms .dropdown-menu > li > .dropdown-item { flex: 1 1 auto; width: auto; }
.navbar-cms .dropdown-menu .dropdown-menu { flex-basis: 100%; }
.navbar-cms .cms-open > .dropdown-menu { display: block; }

/* Ab Desktop-Breite: Untermenues per Maus oder Tastatur aufklappen */
@media (min-width: 992px) {
	.navbar-cms .navbar-nav > .nav-item > .dropdown-menu { position: absolute; top: 100%; left: 0; min-width: 14rem; }
	.navbar-cms .cms-has-sub:hover > .dropdown-menu,
	.navbar-cms .cms-has-sub:focus-within > .dropdown-menu { display: block; }
	.navbar-cms .dropdown-menu .dropdown-menu { position: absolute; top: -.5rem; left: 100%; min-width: 14rem; flex-basis: auto; }
	.navbar-cms .dropdown-menu .cms-subtoggle .fa { transform: rotate(-90deg); }
}
/* Mobil: Untermenues unter dem Menuepunkt einruecken */
@media (max-width: 991.98px) {
	.navbar-cms .dropdown-menu { position: static; border: 0; box-shadow: none; padding-left: 1rem; flex-basis: 100%; }
	.navbar-cms .navbar-nav > .nav-item > .nav-link { flex: 1 1 auto; }
}