.navbarcontainer { width: 100%; z-index: 9999; }

.navbar { font-family: 'Manrope',sans-serif; padding: 0; transition: ease-in-out 0.3s all; }
.navbar-light .navbar-toggler { border: 0; width: 50px; height: 50px; }
.navbar-brand { padding: 0; font-size: 38px; font-family: 'Cookie',sans-serif; font-family: 'Manrope',sans-serif; }
.navbar-brand .logo-light {display:none;}

.mainmenu { margin-right: 0px; }
	.mainmenu .nav-item { font-size: 18px; line-height: 1; font-weight: 300; position: relative; }
		.mainmenu .nav-item .nav-link { padding: 0; }
		.mainmenu .nav-item a, .mainmenu .nav-item a:focus { color: #000 !important; transition: ease-in-out 0.3s all; }
		.mainmenu .nav-item a:hover, .mainmenu .nav-item.current a { color: #fff !important; }
.navfixed .navbar { border-bottom: solid 0px silver; background-color: #f1bc90 !important; }
.navfloat .navbar, .navbar { background-color: rgba(191,156,112,0.8); background-color:transparent; }
.navfloat .mainmenu .nav-item a, .navfloat .mainmenu .nav-item a:focus { color: #000 !important; }
	.navfloat .mainmenu .nav-item a:hover, .navfloat .mainmenu .nav-item.current a { color: #fff !important; }
.navfixed .mainmenu .nav-item a,.navfixed .mainmenu .nav-item a:focus { color: #000 !important; }
	.navfixed .mainmenu .nav-item a:hover, .navfixed .mainmenu .nav-item.current a { color: #fff !important; }

.mainmenu .nav-item.nav-inschrijven a:hover, .mainmenu .nav-item.nav-inschrijven.current a { color: #000 !important; }
.navfloat .mainmenu .nav-item.nav-inschrijven a:hover, .navfloat .mainmenu .nav-item.nav-inschrijven.current a { color: #000 !important; }

@media(min-width: 1200px) {
	.navbar-brand { padding: 35px 0; }
	/*.navfixed .navbar-brand { width: 100px; padding: 5px 0; }*/
	.mainmenu {padding:25px 0;}
	.mainmenu .nav-item { margin-left: 30px;padding-top:8px;padding-bottom:8px; }
		.mainmenu .nav-item a:hover { }
		.mainmenu .nav-item:last-child {margin-left:40px;}
	.mainmenu .nav-item.nav-inschrijven {background-color:transparent;color:#000 !important;padding:8px 22px;border-radius:20px;transition:ease-in-out all 0.3s;border:solid 1px #000;}
		.mainmenu .nav-item.nav-inschrijven .nav-link { color: #000 !important;}
		.mainmenu .nav-item.nav-inschrijven .nav-link:hover { color: #000 !important; }
			.mainmenu .nav-item.nav-inschrijven:hover { color:#000 !important; }
	.navfixed .mainmenu .nav-item a:hover, .navfixed .mainmenu .nav-item.current a { color:#000 !important; }
	.navfloat .mainmenu .nav-item a:hover, .navfloat .mainmenu .nav-item.current a { color:#000 !important; }
	.navfloat .mainmenu .nav-item.nav-inschrijven a:hover, .navfloat .mainmenu .nav-item.nav-inschrijven.current a { border-bottom:0; }
	.navfixed .mainmenu .nav-item.nav-inschrijven a:hover, .navfixed .mainmenu .nav-item.nav-inschrijven.current a { border-bottom:0; }
	.collapsing {height:unset !important;}
}

@media(max-width:1199px) {
	.navbar-expand-xl .container {padding:0 15px 0 15px;}
	.navbar-brand { width: 240px; margin-left: 15px; padding: 30px 0; }
	.navfixed .navbar-brand { width: 160px; padding: 10px 0; }
	.navbar-light .navbar-toggler { padding-left: 15px; margin-right: 15px; margin-left: 15px; height: 100px; position: relative; }
		.navbar-light .navbar-toggler:focus { outline: none; }
		.navbar-light .navbar-toggler span:nth-child(1) { top: 43px; }
		.navbar-light .navbar-toggler span:nth-child(2) { top: 50px; }
		.navbar-light .navbar-toggler span:nth-child(3) { top: 57px; }
		.navbar-light .navbar-toggler span { background: #000; position: absolute; display: block; height: 3px; width: 20px; opacity: 1; left: 20px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; }
		.navbar-light .navbar-toggler[aria-expanded="true"] span:first-of-type { transform: rotate(45deg) translate(5px, 5px); }
		.navbar-light .navbar-toggler[aria-expanded="true"] span:nth-of-type(2) { opacity: 0; }
		.navbar-light .navbar-toggler[aria-expanded="true"] span:last-of-type { transform: rotate(-45deg) translate(5px, -5px); }
	.navbar-collapse { }
	.mainmenu { margin-top: 10px 15px 0 15px !important; padding-top: 15px; background-color: #bf9c70; z-index: 9999; }
		.mainmenu .nav-item { margin: 0 15px 0 15px; padding: 10px; border-bottom: solid 1px #666; text-align: center; }
			.mainmenu .nav-item:last-child { margin-bottom: 10px; border-bottom: 0; }
	.navfloat .mainmenu {}
	.navfixed .mainmenu { }
	.navfloat .mainmenu .nav-item a, .navfloat .mainmenu .nav-item a:focus { color: #000 !important; }
		.navfloat .mainmenu .nav-item a:hover, .navfloat .mainmenu .nav-item.current a { color: #000 !important; }
	.navfixed .mainmenu .nav-item a, .navfixed .mainmenu .nav-item a:focus { color: #444 !important; }
		.navfixed .mainmenu .nav-item a:hover, .navfixed .mainmenu .nav-item.current a { color: #000 !important; }
}

@media(min-width:992px) and (max-width:1199px) {
}

@media(max-width:991px) {
}

@media(min-width:768px) and (max-width:991px) {
}

@media(max-width:576px) {
	.navbar-brand { width: 160px; padding: 10px 0; }
	.navfixed .navbar-brand { width: 160px; padding: 10px 0; }
	.navbar-light .navbar-toggler { height: 100px; }
}