/*	*********************************************************************** */
/*	Navigation
/*	*********************************************************************** */
header {
	font-size: .955rem;
/* 	height: 75px; */
/* 	background-color: white; */
	background: rgb(167,196,0) !important;
	background: linear-gradient(90deg, rgba(167,196,0,1) 0%, rgba(167,196,0,1) 10%, rgba(255,255,255,1) 28%) !important;
	}
@media only screen and (max-width: 414px) {
	header {
		background: linear-gradient(90deg, rgba(167,196,0,1) 0%, rgba(167,196,0,1) 10%, rgba(255,255,255,1) 40%) !important;
		}
	}
.navbar {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
.navbar-light {
	z-index: 1000;
	}
.navbar-light .navbar-brand {
	font-size: 1.5rem;
	}
@media only screen and (max-width: 414px) {
	.navbar-light .navbar-brand {
		font-size: 1rem !important;
		}
	}
@media only screen and (max-width: 320px) {
	.navbar-light .navbar-brand {
		font-size: .8rem !important;
		}
	}
.navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
	}
.navbar-light .navbar-brand img {
	width: 25vw;
	}
@media only screen and (max-width: 414px) {
	.navbar-light .navbar-brand img {
		width: 40vw;
		}
	}
@media only screen and (max-width: 414px) {
	.navbar-light .navbar-brand img {
		width: 35vw;
		}
	}
.navbar-light .navbar-brand span {
	font-weight: 600;
	padding-top: 1rem;
	}
.navbar-light .navbar-brand span:nth-child(2) {
	color: var(--primary);
	}
.navbar-light .navbar-brand span:nth-child(3) {
	color: var(--secondary);
	}
.navbar-light .navbar-brand:hover {

	}
.bg-light {
/* 	background-color: white !important; */
	background-color: transparent !important;
	}
.navbar-light .navbar-nav .nav-link {
	color: black;
	}
.navbar-toggler {
	color: var(--primary) !important;
	border: none;
	}
.navbar-light .navbar-nav .nav-link:hover {
	
	}
.nav-link.active {
	font-weight: 700;
	}

/* 
.nav-item:last-of-type {
	background-color: var(--primary);
	border-radius: .25rem;
	}
.nav-item:last-of-type a.nav-link {
	color: var(--white);
	}
.nav-item:last-of-type a.nav-link:hover {
	color: var(--light);
	}
 */

.dropdown-menu {
	top: 3.375rem;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-color: var(--secondary);
	}
.dropdown-item {
	color: var(--white) !important;
	font-size: .955rem !important;
	padding-top: .3rem;
	padding-bottom: .3rem;
	}
.dropdown-item.active {
	color: var(--white) !important;
	background-color: var(--primary) !important;
	}
.dropdown-item:hover {
	background-color: var(--secondary) !important;
	color: var(--primary) !important;
	}


nav li {
	margin-right: 1rem;
	}
nav .btn-outline-info {
	color: white;
	background-color: var(--primary);
	border-color: var(--primary);
	}
.btn-outline-info:hover,
.btn-outline-info:active {
	background-color: var(--primary) !important;
	}
/*	*********************************************************************** */



@media only screen and (max-width: 768px) {
	/*	Äusserster Rahmen				*/
	.navbar {
		padding-left: 0;
		padding-right: 0;
		}
	
	/*	Brand							*/
	.navbar-brand {
		padding-left: 1rem;
	padding-left: 0;
		font-size: 1.7rem !important;
	font-size: 1.4rem !important;
	margin-right: .5rem !important;
		}
	.navbar-collapse {
		background-color: var(--alt) !important;
		}
	
	/*	Links							*/
	.nav-item {
		padding-left: 1rem;
		margin-right: 0;
		border-bottom: 1px solid var(--light);
		}
	.nav-link {
		padding-top: 1rem;
		padding-bottom: .2rem;
		}
/* 
	.nav-item:last-of-type {
		padding: .3rem .5rem;
		margin: 1rem;
		border-bottom: 0;
		}
 */
/* 
	.nav-item:last-of-type .nav-link {
		padding-top: .5rem;
		padding-bottom: .5rem;
		}
 */
	
	/*	Submenus						*/
	.dropdown-menu {
		margin-top: 0;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		}
	.dropdown-item {
		color: var(--black) !important;
		padding-top: .5rem;
		padding-bottom: .5rem;
		border-bottom: 1px solid var(--light);
		}
	.dropdown-item:last-of-type {
		border-bottom: 0;
		}
	.dropdown-item:hover {
		background-color: var(--secondarylight) !important;
		}
	
	}