header.wp-block-template-part{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1020;
	padding: 0;
	transition: transform .3s ease;
}
.scrolled header.wp-block-template-part{
	transform: translateY(-101%);
}
.scrolled.scrolling-up header.wp-block-template-part{
	transform: translateY(0%);
}
.scrolled.menu-open header.wp-block-template-part{
	transform: none;
}

header nav.navbar{
	padding: 20px 0 16px;
	background: #fff;
}
ul.navbar-nav{
	display: grid;
	grid-template-columns: repeat( 3, 1fr );
	gap: 66px 24px;
	margin-top: 150px;
}
header nav.navbar .nav-link{
	padding: 0 !important;
	border-bottom: 1px solid #fff;
	font-size: 30px;
	font-weight: 700;
	line-height: 60px;
	color: var(--wp--preset--color--white);
	transition: all .15s ease;
	transition-property: color, font-size, border-color;
}
header nav.navbar .nav-link.has-icon.has-text-hidden{
	font-size: 0;
	border: 0;
	text-align: right;
	transition: filter .2s ease;
}
header nav.navbar .nav-link.has-icon.has-text-hidden:hover{
	filter: var(--filter-akzent)
}
header nav.navbar .nav-link.active,
header nav.navbar .nav-link:hover{
	border-color: var(--wp--preset--color--nikim-akzent);
	font-size: 40px;
	color: var(--wp--preset--color--nikim-akzent);
}
header .navbar-brand{
	margin: 0;
	padding: 0;
}

button.navbar-toggler{
	--navbar-toggler-button-padding-x: 5px;
	--navbar-toggler-button-padding-y: 5px;
	--navbar-toggler-button-line-w: 24px;
	--navbar-toggler-button-line-h: 2px;
	--navbar-toggler-button-line-spacing: 6px;
	--navbar-toggler-button-line-color: var(--wp--preset--color--nikim-blue);
	--navbar-toggler-button-line-color-x: #fff;

	position: relative;
	z-index: 1020;
	margin-right: max( var(--snap), calc( -1 * var(--navbar-toggler-button-padding-x) ) ) !important;
	padding: var(--navbar-toggler-button-padding-y) var(--navbar-toggler-button-padding-x) !important;
	border: none !important;
}
button.navbar-toggler:focus{
	box-shadow: none;
}
button.navbar-toggler span,
button.navbar-toggler:before,
button.navbar-toggler:after{
	width: var(--navbar-toggler-button-line-w);
	height: var(--navbar-toggler-button-line-h);
	border-radius: 4px;
}
button.navbar-toggler.collapsed:not(:hover):after{
	width: 20px;
}
button.navbar-toggler span{
	display: block;
	margin: calc( var(--navbar-toggler-button-line-h) + var(--navbar-toggler-button-line-spacing) ) 0;
	background-color: var(--navbar-toggler-button-line-color);
	opacity: 0;
	transition-delay: 300ms;
	transition: opacity 300ms ease 0ms;
}
button.navbar-toggler:before,
button.navbar-toggler:after{
	content: "";
	position: absolute;
	left: var(--navbar-toggler-button-padding-x);
	background-color: var(--navbar-toggler-button-line-color-x);
	transition: width 200ms ease 0s, top 300ms ease 0s, bottom 300ms ease 0s, transform 300ms ease 350ms, background-color 300ms ease 350ms;
	transform-origin: center;
}
button.navbar-toggler:before{
	top: calc( var(--navbar-toggler-button-padding-y) + var(--navbar-toggler-button-line-spacing) + var(--navbar-toggler-button-line-h) );
	transform: rotate(45deg);
}
button.navbar-toggler:after{
	bottom: calc( var(--navbar-toggler-button-padding-y) + var(--navbar-toggler-button-line-spacing) + var(--navbar-toggler-button-line-h) );
	transform: rotate(-45deg);
}
button.navbar-toggler.collapsed span{
	opacity: 1;
}
button.navbar-toggler.collapsed:before,
button.navbar-toggler.collapsed:after{
	background-color: var(--navbar-toggler-button-line-color);
	transition: width 200ms ease 0s, top 300ms ease 350ms, bottom 300ms ease 350ms, transform 300ms ease 0ms, background-color 300ms ease 0ms;
}
button.navbar-toggler.collapsed:before{
	top: var(--navbar-toggler-button-padding-y);
	transform: rotate(0deg);
}
button.navbar-toggler.collapsed:after{
	bottom: var(--navbar-toggler-button-padding-y);
	transform: rotate(0deg);
}
.navbar-collapse, .navbar-collapse.collapsing, .navbar-collapse.collapse.show{
	position: fixed;
	z-index: 1019;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}
.navbar-collapse{
	max-height: 100vh;
	max-height: -webkit-fill-available;
	overflow: hidden;
}
.navbar-collapse .inner{
	overflow: auto;
	max-height: 100%;
	padding: 20px var(--bs-offset) 120px;
	background: var(--wp--preset--color--nikim-blue);
}
.navbar-collapse.collapse:not(.show){
	display: none;
}
.navbar-collapse{
	transform: translateY(-100%);
	transform-origin: center top;
	transition: transform .3s ease;
}
.navbar-collapse.collapse.show{
	transform: translateY(0%);
}

@media (max-width: 767px){
	header nav.navbar{
		padding: 16px 0;
	}
	.navbar-collapse .inner{
		padding: 20px var(--bs-offset) 32px;
	}
	.navbar-brand img,
	.navbar-collapse .inner > img{
		max-width: 106px;
	}
	ul.navbar-nav{
		grid-template-columns: repeat( 2, 1fr );
		gap: 28px;
		margin-top: 48px;
	}
	header nav.navbar .nav-link{
		font-size: 18px;
		line-height: 36px;
	}
	header nav.navbar .nav-link.active,
	header nav.navbar .nav-link:hover{
		font-size: 22px;
	}
	header nav.navbar .nav-link.has-icon img{
		max-width: 32px;
	}
	header nav.navbar .nav-link.has-icon.has-text-hidden{
		text-align: left;
	}
}

@media (max-width: 575px){
	ul.navbar-nav{
		grid-template-columns: 1fr;
	}
}