.site-menu__primary,
.site-menu__primary ul {
	display     : flex;
	align-items : center;
	width       : 100%;
	margin      : 0 !important;
	list-style  : none;
}

.menu-bold {
	font-weight : 700;
}

.site-menu__primary ul.sub-menu li {
	transition : background-color 0.3s;
}

.site-menu__primary li > a {
	font-family : var(--main-font);
	font-weight : 500;
	color       : var(--menu-link-color);
	display     : flex;
	align-items : center;
}

.site-menu__primary > li > a {
	position       : relative;
	padding-top    : 0.5em;
	padding-bottom : 0.5em;
}

.site-menu__primary li.menu-item-has-children {
	position : relative;
}

.site-menu__primary li.menu-item-has-children > a {
	padding-right : 1.5em;
}

.site-menu__primary > li.menu-item-has-children > a:after {
	font-family : dashicons;
	line-height : 0;
	position    : absolute;
	right       : 0;
	content     : "\f347";
}

.site-menu__primary .sub-menu li.menu-item-has-children > a:after {
	font-family : dashicons;
	line-height : 0;
	position    : absolute;
	right       : 1em;
	content     : "\f345";
}

.site-menu__primary li.menu-item-has-children .sub-menu {
	flex-direction : column;
}


.site-menu__primary li.menu-niveau-1__1 > a.menu-link {
	color : #2d62a0 !important;
}

.site-menu__primary li.menu-niveau-1__2 > a.menu-link {
	color : #00b6c6 !important;
}

.site-menu__primary li.menu-niveau-1__3 > a.menu-link {
	color : #13caa5 !important;
}


/*menu cta*/

.tooltip {
	position : absolute;
	top      : 5px;
	right    : 12%;
	display  : inline-block;
}

.tooltip img {
	width     : 25px;
	min-width : 25px;
	height    : 25px;
}

/* Tooltip text */
.tooltip .tooltiptext {
	color            : #fff;
	text-align       : center;
	opacity          : 0;
	position         : absolute;
	top              : -3px;
	left             : 30px;
	z-index          : 1;

	visibility       : hidden;
	width            : 200px;
	padding          : 5px 0;
	transition       : opacity 0.3s;

	/* Fade in tooltip */
	border-radius    : 6px;
	background-color : #555;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
	position     : absolute;
	top          : 18px;
	right        : 100%;
	margin-top   : -5px;
	content      : "";
	border-width : 5px;
	border-style : solid;
	border-color : transparent #555 transparent transparent;
}

.tooltip:hover .tooltiptext {
	opacity    : 1;
	visibility : visible;
}


.scrolled .tooltip {
	position : absolute;
	top      : -10px;
	right    : 8%;
	display  : inline-block;
}

/*RESPONSIVE*/

/*phone*/
@media (max-width : 767px) {
	.site-menu__primary li a {
		font-size : var(--mobile-menu-link-size);
	}
}

/*tablet*/
@media (min-width : 768px) and (max-width : 1023px) {
	.site-menu__primary li a {
		font-size : var(--tablet-menu-link-size);
	}
}

/*mobile and tablet*/
@media (max-width : 1024px) {
	.site-menu__primary,
	.site-menu__primary ul {
		flex-direction  : column;
		justify-content : flex-start;
		align-items     : flex-start;
	}

	.site-menu__primary li,
	.site-menu__primary ul li {
		width         : 100%;
		border-bottom : 1px solid var(--link-border-color);
	}

	.site-menu__primary li a {
		color           : #fff !important;
		position        : relative;
		display         : flex;
		justify-content : start;
		align-items     : center;
		padding         : 0.6em 2em 0.6em 1em !important;
	}

	.site-menu__primary li.sub__close a {
		justify-content : flex-end;
	}

	.site-menu__primary li.sub__close a:before {
		font-family : dashicons;
		line-height : 0;
		position    : absolute;
		left        : 1em;
		content     : "\f341";
	}

	.site-menu__primary li.menu-item-has-children > a:after {
		right   : 1em;
		content : "\f345" !important;
	}

	.site-menu__primary li.menu-item-has-children > ul.sub-menu {
		opacity    : 0;
		position   : fixed;
		top        : 0;
		right      : 0;
		transform  : translateX(90%);
		z-index    : -1;
		visibility : hidden;
		width      : 100%;
		height     : 100%;
		transition : all 0.35s ease-in-out;
		background : linear-gradient(90deg, rgba(128, 172, 149, 1) 0%, rgba(94, 151, 145, 1) 54%, rgba(61, 130, 141, 1) 100%);
	}

	.site-menu__primary li.menu-item-has-children > ul.sub-menu li a {
		flex-direction : row;
		align-items    : center;
		gap            : 0.5em;
	}

	.site-menu__primary
	li.menu-item-has-children
	> ul.sub-menu.sub-menu-active {
		opacity    : 1;
		transform  : translateX(0%);
		z-index    : 99;
		visibility : visible;
		overflow-x : hidden;
		overflow-y : auto !important;
	}

	.site-menu__primary .sub__close {
		background-color : #FF9100;
	}

	.tooltip {
		display : none !important;
	}

}

/*desktop*/
@media (min-width : 1025px) {
	.site-menu__primary {
		flex-direction  : row;
		justify-content : flex-end;
		gap             : 2em;
	}

	.site-menu__primary li.menu-item-has-children .sub-menu {
		opacity          : 0;
		position         : absolute;
		top              : 100%;
		z-index          : -100;
		visibility       : hidden;
		display          : flex;
		flex-direction   : column;
		justify-content  : center;
		align-items      : flex-start;
		min-width        : 240px;
		background-color : var(--submenu-bg-color);
		box-shadow       : 0 3px 3px 0 rgb(0 0 0 / 8%), 3px 1px 3px -2px rgb(0 0 0 / 8%), -3px 1px 3px -2px rgb(0 0 0 / 8%);
	}

	.site-menu__primary li.menu-item-has-children ul.sub-menu li {
		position      : relative;
		flex-basis    : 0;
		flex-grow     : 1;
		flex-shrink   : 1;
		width         : 100%;
		max-width     : 100%;
		padding       : 0.5em 1.5em;
		border-bottom : 1px solid var(--link-border-color);
	}

	.site-menu__primary li.menu-item-has-children:hover > ul.sub-menu {
		opacity    : 1;
		top        : 100%;
		z-index    : 99;
		visibility : visible;
		display    : flex;
		height     : fit-content;
	}

	.site-menu__primary li.menu-item-has-children ul.sub-menu ul.sub-menu {
		left : 100%;
	}

	.site-menu__primary
	ul.sub-menu
	li.menu-item-has-children:hover
	> ul.sub-menu {
		top : 0;
	}

	.site-menu__primary li a {
		font-size : var(--desktop-menu-link-size);
	}

	.site-menu__primary ul.sub-menu li a {
		font-size : var(--desktop-submenu-link-size);
	}

	.site-menu__primary ul.sub-menu li {
		background-color : var(--submenu-bg-color);
	}

	.site-menu__primary ul.sub-menu li:hover,
	.site-menu__primary ul.sub-menu li.current-menu-item {
		background-color : var(--submenu-bg-hover-color);
	}

	.site-menu__primary ul.sub-menu li.current-menu-item > a {
		font-weight : 600;
		color       : #fff;
	}

	.site-menu__primary > li > a::before {
		position         : absolute;
		bottom           : 0;
		transform-origin : center;
		display          : block;
		width            : 0;
		height           : 2px;
		margin           : auto;
		content          : "";
		transition       : all 0.5s;
		background       : var(--accent-bg-color-header);
	}

	.site-menu__primary > li.current-menu-item a::before,
	.site-menu__primary > li:not(.menu-item-has-children) a:hover::before {
		width : 100%;
	}
}

/*laptop 1*/
@media (min-width : 1024px) and (max-width : 1439px) {
	.site-menu__primary {
		gap : 1.5em;
	}

	.site-menu__primary li a {
		font-size : var(--sm-laptop-menu-link-size);
	}

	.site-menu__primary ul.sub-menu li a {
		font-size : var(--sm-laptop-submenu-link-size);
	}

	.site-menu__contact {
		width : 60% !important;
	}

	.tooltip {
		top   : -2px;
		right : 10%;
	}

	.tooltip img {
		width     : 20px;
		min-width : 20px;
		height    : 20px;
	}
}

/*laptop 2*/
@media (min-width : 1440px) and (max-width : 1700px) {
	.site-menu__primary li a {
		font-size : var(--laptop-menu-link-size);
	}

	.site-menu__primary ul.sub-menu li a {
		font-size : var(--laptop-submenu-link-size);
	}
}

/*RESPONSIVE*/