.navbarcontainer { z-index: 9999; transition: all ease-in-out 0.3s; background-color: rgba(255,255,255,0);position:fixed; }
.navbar-brand img { transition: all ease-in-out 0.3s; }
.navbar {padding-top:0;padding-bottom:0;}
.navbar-light { z-index: 1000; background-color: transparent; font-family: 'Inter', sans-serif; }
	.navbar-light .navbar-toggler { border: 0; }
	.navbar-light .navbar-nav .nav-link { color: #3e3466; }
.navbar-nav .nav-item { font-size: 18px; line-height: 1; text-transform: none; font-weight: 700; transition: ease-in-out all 0.3s; }
		.navbar-nav .nav-link { padding: 11px 20px; }
		.navbar-nav .nav-item a:hover { color: #f18d2b !important; }
.navbar-nav .nav-item.webshop a { border: solid 2px #3e3466; background-color: #3e3466; border-radius: 20px; color: #fff; padding: 8px 22px; }
			.navbar-nav .nav-item.webshop a:hover { background-color: transparent; color:#3e3466 !important; }
	.navbar-nav .nav-item.social { padding:10px; }
	.navbar-nav .nav-item.social a { margin-left:6px;color:#f18d2b; }
		.navbar-nav .nav-item a.active { color: #f18d2b !important; }

.navbarcontainer.navfixed { background-color: #fff; box-shadow: #000 0 0 10px; }

@media(min-width:1200px) { 
	.navbar { width: 90%; margin-left: 5%; }
	.navbarcontainer, .headermargin { height: 205px; }
		.navbarcontainer .navbar-brand img, .navbarcontainer.navfloat .navbar-brand img { max-width: 270px; padding:10px 0; }
		.navbarcontainer.navfixed { height: 97px; }
			.navbarcontainer.navfixed .navbar-brand img { max-width: 140px; padding: 2px 0; }
	.navbar-expand-xl .navbar-nav .nav-link { padding-right: 10px; padding-left: 10px; margin-left: 20px; }
	.navbar-expand-xl .navbar-nav .webshop .nav-link { margin-left: 35px; }
}

@media(max-width:1199px) {
	.navbar { width: 90%; margin-left: 5%; }
	.navbarcontainer, .headermargin { height: 148px; }
		.navbarcontainer .navbar-brand img, .navbarcontainer.navfloat .navbar-brand img { max-width: 200px; padding: 10px 0; }
		.navbarcontainer.navfixed { height: 84px; }
			.navbarcontainer.navfixed .navbar-brand img { max-width: 120px; padding: 2px 0; }

	.navbar-toggler { width: 50px; height: 50px; background-color: transparent; box-shadow: none !important; }
		.navbar-toggler span { transform: none; background-color: #181716; margin: 7px auto; width: 100%; height: 2px; transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375); opacity: 1; display: block; }
		.navbar-toggler[aria-expanded="true"] span:first-of-type { transform: rotate(45deg) translate(0px, 7px); }
		.navbar-toggler[aria-expanded="true"] span:nth-of-type(2) { opacity: 0; }
		.navbar-toggler[aria-expanded="true"] span:last-of-type { transform: rotate(-45deg) translate(6px, -12px); }
		.navbar-toggler[aria-expanded="true"] span { background-color:#3e3466; }
	.navbar-collapse {margin-top:30px;}
	.navbar-nav { width: 100%; text-align:center; background-color:#fff; border-radius:8px;box-shadow:#ccc 0 0 50px; }
	.navbar-nav .nav-link {margin:5px 0px;}
		.navbar-nav .nav-item.webshop a {display:inline-block;}
		.navbar-nav .nav-item.webshop .nav-link { margin:10px 0; }
		.navbar-nav .nav-item.social { padding-bottom:25px; }
}

@media (max-width: 576px) {
	.navbarcontainer, .headermargin { height: 130px; }
		.navbarcontainer .navbar-brand img, .navbarcontainer.navfloat .navbar-brand img { max-width: 170px; padding: 10px 0; }
		.navbarcontainer.navfixed { height: 73px; }
			.navbarcontainer.navfixed .navbar-brand img { max-width: 100px; padding: 2px 0; }
}