/*
Blau aus Logo #0090D3;  rgba(0, 144, 211, 1.0)
Rot aus Logo #E63027; rgba(230, 48, 39, 1.0)
Blau Background Meta Navi #427f9b
*/

/*Navigationsleiste Hauptmenue*/
.navbar {
	--bs-navbar-padding-x: 0;
	--bs-navbar-padding-y: 2.5rem;
}

@media (min-width: 992px) {
    #nav-primary.navbar-shrinked {
        transform: translateY(0px);
    }
}
.bg-navbar {
	background-color: rgba(0, 0, 0, 1.0) !important;
}
.navbar-meta {
	border: 0px dotted red;
	background-color: #0090D3 !important;
}



#nav-primary {
	position: sticky;
	top: 0px;
	z-index: 1020;
}


/*Kleines Menue oben rechts*/
.navbar-meta .nav-link {
	font-size: 0.9rem;
	font-weight: 400;
	text-transform: uppercase;
	color: #f3f3f3;
	text-decoration: none;
	background: none;
}
.navbar-meta .nav-link:hover {
	color: #fff;
}


/*Hauptmenueleiste*/

.navbar-nav .nav-link {
	font-size: 1.1rem;
	font-weight: 400;
	position: relative;
	color: #cecece;
	text-decoration: none;
}
.navbar-nav .nav-link:hover {
  color: #ffffff;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: rgba(230, 48, 39, 1.0);
}
/*Animierter Unterstrich Navigationsleiste Hauptmenue*/
.navbar-nav .nav-link::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: red;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
.navbar-nav .nav-link:hover::before {
  transform: scaleX(1);
}


@media (min-width: 576px) {
	.navbar-brand {
		height: 6.6rem;
		border: 0px dotted red;
		margin-top: -4.5rem;
		padding-top: 1.0rem !important;
	}
	.navbar-brand img {
		max-width: 100%;
		height: 6.6rem;
		width: auto;
	}
}

/*Navigationsleiste oben DROPDOWN*/
.dropdown-menu {
	font-size: 1.0rem;
	background-color: rgba(0, 0, 0, 1.0);
	border-top: 0px solid rgba(230, 48, 39, 1.0);
	border-radius: 0px;
      --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.3);
      --bs-dropdown-link-active-color: rgba(230, 48, 39, 1.0);
  --bs-dropdown-link-active-bg: rgba(255, 255, 255, 0.0); 
}
.dropdown-submenue {
	font-size: 1.0rem;
	background-color: rgba(0, 0, 0, 1.0);
	border-top: 0px solid rgba(230, 48, 39, 1.0);
	border-radius: 0px;
      --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.3);
      --bs-dropdown-link-active-color: rgba(230, 48, 39, 1.0);
  --bs-dropdown-link-active-bg: rgba(255, 255, 255, 0.0); 
}
.dropdown-item {
  font-weight: 500;
  color: #cecece;
} 




/*Toggle-Menue*/

.navbar-toggler {
  background-color: rgba(0, 144, 211, 1.0);
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}