body.show-menu {
	overflow: hidden;
}
/* General styles for wrapper */
.header-wrapper{
	z-index:999999999;
	position:relative;
}
header {
	padding: 1.5rem 2.5rem;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: var(--neutral);
}
body.wp-admin header {
	position: unset;
	padding: unset;
}
@media screen and (max-width: 767px) {
	header {
		padding: 1.5rem;
	}
}
header .desktop-logo svg {
	width: 180px;
}
/* General styles for navigation */
.primary-navigation {
	gap: 3rem;
	align-items: center;
}

@media screen and (max-width: 1025px) {
	.primary-navigation {
		gap: 0;
	}
	.primary-navigtion li {
		margin-bottom: 3rem;
	}
}
/* Links */
.primary-navigation a {
	font-weight: 500;
	color: var(--base) !important;
	position: relative;
	font-family: "futura-pt";
	flex-grow: 1;
}

/* Responsive for smaller screens */
@media screen and (min-width:1026px) and (max-width:1260px){
	.primary-navigation li a{
		font-size:var(--text-s);
	}
}

@media screen and (min-width:1026px) and (max-width:1160px){
	.nav-wrapper{
		gap:10px;
	}
	div.language-switcher-container.language-switcher-container::after{
		content:unset;
	}
	.primary-navigation.primary-navigation{
		gap:1.5rem;
	}
}


.primary-navigation button.expand-icon {
	padding: 0;
	pointer-events: auto;
}
@media screen and (max-width:1025px){
	.custom-navigation-item.has-children > a{
		pointer-events:none;
	}
		.custom-navigation-item.has-children .child-pages a{
		pointer-events:auto;
	}
	
}
.primary-navigation li {
	transition: 0.4s ease-out;
	display: flex;
	gap: 1rem;
}
@media screen and (max-width: 1025px) {
	.primary-navigation li {
		align-self: flex-start;
		width: 100%;
	}
}
/* Offset and padding by 1/2 ratio so that child-pages are removed without losing the hover-state */
.primary-navigation > li {
	padding-bottom: 2rem !important;
	top: 1rem !important;
	position: relative;
}
@media screen and (max-width: 1025px) {
	.primary-navigation > li {
		padding-bottom: 0 !important;
		top: 0 !important;
		white-space: nowrap;
	}
}
li.custom-navigation-item {
	position: relative;
}
@media screen and (max-width: 1025px) {
	li.custom-navigation-item a,
	li.custom-navigation-item__content {
		position: relative;
		display: inline-block;
	}
	li.custom-navigation-item a::after,
	li.custom-navigation-item__content a::after {
		content: "";
		position: absolute;
		left: -1.5rem;
		width: calc(100vw - 3rem);
		height: 2px;
		background: var(--primary-light);
		top: calc(100% + 1.5rem);
	}
}

ul.child-pages li {
	color: var(--base) !important;
}

/* Hover effect for top level items */
@media screen and (min-width: 1026px) {
	ul.primary-navigation > li > a::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -15%;
		height: 2px;
		width: 100%;
		background: var(--action);
		z-index: -1;
		opacity: 0;
		transition: 0.15s ease-out;
	}
	.nav-wrapper > nav > ul > li:hover > a::after,
	.nav-wrapper > nav > ul > li.current-active > a::after {
		opacity: 1;
	}
	/* Fade other items on hover */
	ul.primary-navigation:has(> li:hover) > li {
		opacity: 0.6;
	}
	ul.primary-navigation:has(> li:hover) > li:hover {
		opacity: 1;
	}

	/* Let's flip the arrow on hover */
	.primary-navigation > li:hover > button img {
		rotate: 180deg;
	}
	.primary-navigation button img {
		transition: 0.25s ease-out;
	}
}
/* Only show child on hover */
@media screen and (min-width: 1026px) {
	ul.child-pages {
		display: none;
		position: absolute;
		top: 100%;
		left: -50%;
		z-index: 9999;
		background: white;
		padding: 2rem 1rem;
		box-shadow: var(--box-shadow-primary);
	}
	li.has-children ul.child-pages.show-child {
		display: block;
	}

	/* Hover-effect for child items */
	ul.child-pages li:hover {
		transition: 0.05s ease-out !important;
	}
	.primary-navigation ul.child-pages li {
		transition: 0s;
	}
	ul.child-pages li:hover,
	ul.child-pages li.current-child {
		background: var(--primary-light);
	}
	/* And sizing */
	ul.child-pages li a {
		padding: 0.5rem 1.5rem;
		white-space: nowrap;
		display: block;
		font-family: futura-pt;
	}
}

/* Menu-icon */
.custom-navigation-item__icon {
	position: absolute;
	width: 7px;
	height: 7px;
	position: absolute;
	background: var(--action);
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	left: 1rem;
	z-index: 9;
	opacity: 0;
	transition: 0.15s ease-out;
}
.custom-navigation-item:hover > span.custom-navigation-item__icon,
.custom-navigation-item.current-child > span.custom-navigation-item__icon {
	opacity: 1;
}
@media screen and (max-width: 1025px) {
	span.custom-navigation-item__icon {
		display: none !important;
	}
}

/* Language switcher */
button.language-switcher-button {
	background-color: transparent;
	position: relative;
	padding: 0 1rem 2rem 1rem;
	top: 1rem;
}
@media screen and (max-width: 767px) {
	button.language-switcher-button {
		padding-right: 0;
		gap: 0;
	}
	.language-switcher-container {
		gap: 0;
	}
}
div.language-switcher-container::after {
	content: "";
	position: absolute;
	height: 100%;
	width: 2px;
	background: var(--base);
	left: -1rem;
}
ul.show-languages.language-list {
	opacity: 1;
	pointer-events: auto;
}
ul.language-list,
ul.language-list li{
		margin:0;
}

@media screen and (min-width: 1026px) {
	ul.language-list {
		opacity: 0;
		pointer-events: none;
		position: absolute;
		background: var(--neutral);
		box-shadow: var(--box-shadow-primary);
		top: 90%;
		left: 50%;
		transform: translateX(-50%);
	}
}
@media screen and (max-width: 1025px) {
	ul.language-list {
		display: flex;
	}
}
ul.language-list li a {
	color: var(--base) !important;
	font-family: futura-pt;
	padding: 0.4rem 2.6rem;
	display: inline-block;
	transition: 0.1s ease-out;
	width: 100%;
	font-size: var(--text-l);
	text-transform: uppercase;
}
@media screen and (max-width: 1025px) {
	ul.language-list li {
		border-right: 1px solid var(--base);
	}
	ul.language-list li:last-child {
		border-right: none;
	}
}
@media screen and (min-width: 1026px) {
	ul.language-list li a:hover,
	ul.language-list li.current-language a {
		background: var(--primary-light);
	}
}

/* Navigation wrapper */
@media screen and (max-width: 1025px) {
	.language-switcher-button img{
		width:25px;
	}
	.header__left-wrapper {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
	.nav-wrapper {
		position: fixed !important;
		z-index: -1;
		top: 0;
		left: 0;
        min-height: 100vh;
        padding-bottom: 25px;
		width: 100%;
		background: var(--neutral);
		display: none!important;
		z-index: 80;
	}
	body.show-menu .nav-wrapper{
		display:flex!important;
	}
	.nav-wrapper ul.primary-navigation {
		padding: 12rem 3rem 1rem 3rem;
		background: var(--neutral);
		gap: 3rem;
	}
	.nav-wrapper li.has-children button.expand-icon {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		right: -1rem;
		padding: 1rem;
		z-index: 99999;
		width: 100vw;
		display: flex;
		justify-content: flex-end;
	}
	.nav-wrapper li.has-children button.expand-icon img {
		transform: rotate(-90deg);
		pointer-events: none;
	}

	/* Hide by default */
	.child-pages {
		visibility: hidden;
		opacity: 0;
		position: relative;
		height: 0;
	}
	/* Hide non active children */
	ul.menu-active li {
		display: none;
	}

	/* Show active page - children div - and child pages */
	ul.menu-active li:has(> ul.show-child),
	ul.menu-active ul.show-child.child-pages li {
		display: block;
	}
	ul.menu-active ul.show-child.child-pages {
		opacity: 1;
		visibility: visible;
		height: auto;
		/*margin-top: 3rem;*/
		display: flex;
		flex-direction: column;
		gap: 3rem;
		transition: opacity 0s ease-out;
	}
	li:has(> ul.show-child) > a {
		display: none;
	}
	ul.menu-active li.menu-active .child-pages {
		opacity: 1;
		left: 0;
	}
}

@media screen and (max-width: 1025px) {
	nav.wp-block-navigation {
		width: 100%;
	}
	.menu-toggle-button {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
		right: -2rem;
		position: relative;
		transition: 0.3s ease-out;
		outline: 0 !important;
		border: 0 !important;
	}
	.bar-1,
	.bar-2,
	.bar-3 {
		background: var(--base);
		width: 34px;
		height: 2px;
		display: block;
		transition: 0.3s ease-out;
	}
	body.show-menu .menu-toggle-button {
		transform: translateY(4px);
	}
	body.show-menu .bar-1 {
		rotate: 225deg;
	}
	body .bar-2 {
		transition: 0.02s ease-out;
	}
	body.show-menu .bar-2 {
		opacity: 0;
	}
	body.show-menu .bar-3 {
		rotate: -45deg;
		transform: translate(10px, -10px);
	}
	header {
		max-width: 100vw;
	}
	body.show-menu .nav-wrapper {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	#menu-back {
		margin-right: auto;
		padding-bottom: 1rem;
		font-family: futura-pt;
		pointer-events: none;
		opacity: 0;
	}
	.menu-active #menu-back {
		opacity: 1;
		pointer-events: auto;
	}
	.menu-active .expand-icon {
		opacity: 0;
		pointer-events: none;
	}
}

@media screen and (max-width: 1025px) {
	body.show-menu header {
	}
}