/*    Navigation
__________________________________
*/
.navigation {
	width: 100%;
	z-index: 1000;
}

.navigation.sticky {
	position: fixed;
}

.navigation.non-sticky {
	position: absolute;
}

.navigation a {
	text-decoration: none;
}

.navigation.v2 {
	display: flex;
	flex-direction: var(--HED2position);
}

/* Layout */
.navigation.v2 .header {
	box-sizing: content-box;
	position: relative;
}

.navigation.v2 .header .header_row {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* holders */
.navigation.v2 .header .holder.vertical {
	position: relative;
	display: flex;
	flex-grow: 1;
	justify-content: space-between;
	width: 100%;
	/* max-width from row */
	max-width: var(--GRDmaxwidth);
	margin: 0 auto;
}

.navigation.v2 .header .holder.horizontal {
	display: flex;
	align-self: center;
	height: 100%;
}

.navigation.v2 .header .holder_left {
	justify-content: flex-start;
}

.navigation.v2 .header .holder_center {
	justify-content: center;
}

.navigation.v2 .header .holder_right {
	justify-content: flex-end;
}

/* center align header elements */
.navigation.v2 .header .justify_center .holder_left,
.navigation.v2 .header .justify_center .holder_right {
	flex: 1;
}

/* logo */
.branding a {
	background: transparent;
}

.branding a.no-link {
	cursor: default;
}

.branding .site-title a,
.branding a.site-title {
	font-size: 200%;
	font-weight: 400;
	height: auto !important;
}

.logo_wrapper {
	flex-shrink: 0;
}

.navigation.v2 .header .logo_wrapper a,
.navigation.v2 .header .logo_wrapper img {
	display: block;
	width: auto !important;
	height: 100%;
	transition: all var(--anim) ease;
}

.navigation.v2 .header .logo_wrapper .branding {
	height: auto;
}

.navigation.v2 .header .logo_wrapper .custom-logo.mobile {
	display: none;
}

@media (max-width: var(navi_header_mobile_toggle)) {
	.navigation.v2 .header#mainmenu .logo_wrapper .custom-logo {
		display: none;
	}

	.navigation.v2 .header#mainmenu .logo_wrapper .custom-logo.mobile {
		display: block;
	}
}

/* menu */
#mainmenu.maxwidth,
#metamenu.maxwidth {
	max-width: var(--GRDmaxwidth);
}

#mainmenu.gutter,
#metamenu.gutter {
	padding: 0px var(--GRDgutter);
}

@media (max-width: var(grid_lg)) {

	#mainmenu.gutter,
	#metamenu.gutter {
		padding: 0px var(--GRDgutterLG);
	}
}

@media (max-width: var(grid_md)) {

	#mainmenu.gutter,
	#metamenu.gutter {
		padding: 0px var(--GRDgutterMD);
	}
}

@media (max-width: var(grid_sm)) {

	#mainmenu.gutter,
	#metamenu.gutter {
		padding: 0px var(--GRDgutterSM);
	}
}

.navigation.v2 .header .mymenu {
	display: flex;
	align-items: center;
}

.navigation.v2 ul.menu,
.navigation.v2 ul.submenu {
	list-style: none;
}

.navigation.v2 .header .menu_wrapper ul.menu,
.navigation.v2 .header .block_menu_wrapper ul.menu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.navigation.v2 .header .mymenu > ul > li > a {
	display: flex;
	align-items: center;
	margin: 0;
}

/* burger */
.navigation.v2 .burger_wrapper {
	align-self: center;
}

.navigation.v2 .header .hamburger {
	display: flex;
	align-items: center;
}

.navigation.v2 .header#mainmenu .hamburger.toggle_close,
.navigation.v2 .offmenu#mainmenuoff .hamburger.toggle_close,
.navigation.v2 .header#metamenu .hamburger.toggle_close,
.navigation.v2 .offmenu#metamenuoff .hamburger.toggle_close {
	margin-bottom: 30px;
	align-self: flex-end;
}

/* desktop only */
@media (min-width: var(navi_header_mobile_toggle)) {
	.nav-hide-on-desktop {
		display: none !important;
	}

	/* don't display mobile-only on desktop */
	.footer.v2.mobile,
	.navigation.v2 .menu_wrapper.mobile,
	.navigation.v2 .dropmenu_wrapper.mobile,
	.navigation.v2 #mainmenu.mobile,
	.navigation.v2 #metamenu.mobile,
	.navigation.v2 .hamburger.mobile,
	.navigation.v2 .branding.mobile,
	.navigation.v2 .mymenu.mobile .menu {
		/* display: none; */
		width: 0 !important;
		height: 0 !important;
		overflow: hidden;
		position: absolute;
		z-index: -1;
		visibility: hidden;
	}

	/* center align header elements */
	.navigation.v2 .header .justify_center_desktop .holder_left,
	.navigation.v2 .header .justify_center_desktop .holder_right {
		flex: 1;
	}

	/* clean alignment of all elements */
	.navigation.v2 .header#mainmenu .holder.horizontal.holder_left > *:first-child.mobile,
	.navigation.v2 .header#metamenu .holder.horizontal.holder_left > *:first-child.mobile {
		margin-right: 0;
	}

	.navigation.v2 .header#mainmenu .holder.horizontal.holder_left > *:first-child.mobile + *,
	.navigation.v2 .header#metamenu .holder.horizontal.holder_left > *:first-child.mobile + * {
		margin-left: 0;
	}
}

/* mobile only */
@media (max-width: var(navi_header_mobile_toggle)) {
	.nav-hide-on-mobile {
		display: none !important;
	}

	/* don't display desktop-only on mobile */
	.footer.desktop,
	.navigation.v2 .menu_wrapper.desktop,
	.navigation.v2 .dropmenu_wrapper.desktop,
	.navigation.v2 #mainmenu.desktop,
	.navigation.v2 #metamenu.desktop,
	.navigation.v2 .hamburger.desktop,
	.navigation.v2 .branding.desktop,
	.navigation.v2 .mymenu.desktop .menu {
		/* display: none; */
		width: 0 !important;
		height: 0 !important;
		overflow: hidden;
		position: absolute;
		z-index: -1;
		visibility: hidden;
	}

	/* center align header elements */
	.navigation.v2 .header .justify_center_mobile .holder_left,
	.navigation.v2 .header .justify_center_mobile .holder_right {
		flex: 1;
	}

	/* clean alignment of all elements */
	.navigation.v2 .header#mainmenu .holder.horizontal.holder_left > *:first-child.desktop,
	.navigation.v2 .header#metamenu .holder.horizontal.holder_left > *:first-child.desktop {
		margin-right: 0;
	}

	.navigation.v2 .header#mainmenu .holder.horizontal.holder_left > *:first-child.desktop + *,
	.navigation.v2 .header#metamenu .holder.horizontal.holder_left > *:first-child.desktop + * {
		margin-left: 0;
	}
}


/*    First Header (#mainmenu)
__________________________________
*/
.navigation.v2 .header#mainmenu {
	height: var(--HEDheight);
	padding-top: var(--HEDtopbottom);
	padding-bottom: var(--HEDtopbottom);
	margin-top: var(--HEDmargin);

	background-color: var(--HEDbgcolor);
	border-color: var(--HEDbocolor);

	border-width: var(--HEDborderWidth);
	border-radius: var(--HEDborderRadius);
	border-top-style: var(--HEDborderTop);
	border-bottom-style: var(--HEDborderBottom);
	border-left-style: var(--HEDborderLeft);
	border-right-style: var(--HEDborderRight);

	box-shadow: var(--HEDshadow);
}

/* logo */
.navigation.v2 .header#mainmenu .logo_wrapper {
	align-self: var(--HEDLGORvertical);
}

.navigation.v2 .header#mainmenu .logo_wrapper .branding a {
	position: relative;
	height: var(--HEDLGOheight);
	box-sizing: content-box;

	padding: var(--HEDLGOtopbottom) var(--HEDLGOleftright);

	background-color: var(--HEDLGObgcolor);
	border-color: var(--HEDLGObocolor);

	border-width: var(--HEDLGOborderWidth);
	border-radius: var(--HEDLGOborderRadius);
	border-top-style: var(--HEDLGOborderTop);
	border-bottom-style: var(--HEDLGOborderBottom);
	border-left-style: var(--HEDLGOborderLeft);
	border-right-style: var(--HEDLGOborderRight);

	box-shadow: var(--HEDLGOshadow);
}

.navigation.v2 .header#mainmenu .logo_wrapper .branding a:hover {
	background-color: var(--HEDLGObgcolorHv);
	border-color: var(--HEDLGObocolorHv);
}

/* menu */
.navigation.v2 .header#mainmenu .menu_wrapper,
.navigation.v2 .header#mainmenu .block_menu_wrapper {
	align-self: var(--HEDMNURvertical);
}

.navigation.v2 .header#mainmenu .mymenu {
	box-sizing: content-box;

	padding: var(--HEDMNUtopbottom) var(--HEDMNUleftright);

	background-color: var(--HEDMNUbgcolor);
	border-color: var(--HEDMNUbocolor);

	border-width: var(--HEDMNUborderWidth);
	border-radius: var(--HEDMNUborderRadius);
	border-top-style: var(--HEDMNUborderTop);
	border-bottom-style: var(--HEDMNUborderBottom);
	border-left-style: var(--HEDMNUborderLeft);
	border-right-style: var(--HEDMNUborderRight);

	box-shadow: var(--HEDMNUshadow);
}

.navigation.v2.scr .header#mainmenu .mymenu {
	background-color: var(--HEDMNUbgcolorScr);
}

/* menu items */
.navigation.v2 .header#mainmenu .mymenu > ul {
	gap: var(--HEDITMmargin);
}

.navigation.v2 .header#mainmenu .mymenu > ul > li > a:not(.button) {
	padding: var(--HEDITMtopbottom) var(--HEDITMleftright);

	font-family: var(--HEDMNUfontFamily);
	font-size: var(--HEDMNUfontSize);
	font-weight: var(--HEDMNUfontWeight);
	line-height: var(--HEDMNUlineHeight);
	letter-spacing: var(--HEDMNUletterSpacing);
	word-spacing: var(--HEDMNUwordSpacing);
	/* text-align: var(--HEDMNUtextAlign); */
	text-transform: var(--HEDMNUtextTransform);

	color: var(--HEDITMtxtcolor);
	background-color: var(--HEDITMbgcolor);
	border-color: var(--HEDITMbocolor);

	border-width: var(--HEDITMborderWidth);
	border-radius: var(--HEDITMborderRadius);
	border-top-style: var(--HEDITMborderTop);
	border-bottom-style: var(--HEDITMborderBottom);
	border-left-style: var(--HEDITMborderLeft);
	border-right-style: var(--HEDITMborderRight);
}

.navigation.v2 .header#mainmenu .mymenu > ul > li.current_page_item > a:not(.anchor_item):not(.button),
.navigation.v2 .header#mainmenu .mymenu > ul > li.current_page_item > a.current_anchor_item:not(.button),
.navigation.v2 .header#mainmenu .mymenu > ul > li.current-menu-item > a:not(.anchor_item):not(.button),
.navigation.v2 .header#mainmenu .mymenu > ul > li.current-menu-item > a.current_anchor_item:not(.button) {
	color: var(--HEDITMtxtcolorAc);
	background-color: var(--HEDITMbgcolorAc);
	border-color: var(--HEDITMbocolorAc);
}

.navigation.v2 .header#mainmenu .mymenu > ul > li.page_item > a:not(.button):hover,
.navigation.v2 .header#mainmenu .mymenu > ul > li.page_item > a:not(.button).hover,
.navigation.v2 .header#mainmenu .mymenu > ul > li.menu-item > a:not(.button):hover,
.navigation.v2 .header#mainmenu .mymenu > ul > li.menu-item > a:not(.button).hover {
	color: var(--HEDITMtxtcolorHv);
	background-color: var(--HEDITMbgcolorHv);
	border-color: var(--HEDITMbocolorHv);
}

/* clean alignment */
.navigation.v2 .header#mainmenu .menu li a img {
	height: var(--HEDMNUfontSize);
}

.navigation.v2 .header#mainmenu .holder.horizontal {
	gap: var(--HEDITMmargin);
}
@media (max-width: var(navi_header_mobile_toggle)) {
	.navigation.v2 .header#mainmenu .holder.horizontal:has( > .desktop ) {
		gap: 0;
	}
}
@media (min-width: var(navi_header_mobile_toggle)) {
	.navigation.v2 .header#mainmenu .holder.horizontal:has( > .mobile ) {
		gap: 0;
	}
}

/* burger */
.navigation.v2 .header#mainmenu .hamburger {
	padding: var(--HEDHAMtopbottom) var(--HEDHAMleftright);

	background-color: var(--HEDHAMbgcolor);
	border-color: var(--HEDHAMbocolor);

	border-width: var(--HEDHAMborderWidth);
	border-radius: var(--HEDHAMborderRadius);
	border-top-style: var(--HEDHAMborderTop);
	border-bottom-style: var(--HEDHAMborderBottom);
	border-left-style: var(--HEDHAMborderLeft);
	border-right-style: var(--HEDHAMborderRight);

	box-shadow: var(--HEDHAMshadow);
}

.navigation.v2 .header#mainmenu .hamburger-inner,
.navigation.v2 .header#mainmenu .hamburger-inner::before,
.navigation.v2 .header#mainmenu .hamburger-inner::after {
	background-color: var(--HEDHAMtxtcolor);
}

.navigation.v2 .header#mainmenu .hamburger:hover {
	background-color: var(--HEDHAMbgcolorHv);
	border-color: var(--HEDHAMbocolorHv);
}

.navigation.v2 .header#mainmenu .hamburger:hover .hamburger-inner,
.navigation.v2 .header#mainmenu .hamburger:hover .hamburger-inner::before,
.navigation.v2 .header#mainmenu .hamburger:hover .hamburger-inner::after {
	background-color: var(--HEDHAMtxtcolorHv);
}

.navigation.v2 .header#mainmenu .hamburger .hamburger-box,
.navigation.v2 .offmenu#mainmenuoff .hamburger .hamburger-box {
	transform: scale(var(--HEDHAMsize));
}

.navigation.v2 .header#mainmenu .mymenu .hamburger {
	padding: var(--HEDITMtopbottom) var(--HEDITMleftright);

	background-color: var(--HEDITMbgcolor);
	border-color: var(--HEDITMbocolor);

	border-width: var(--HEDITMborderWidth);
	border-radius: var(--HEDITMborderRadius);
	border-top-style: var(--HEDITMborderTop);
	border-bottom-style: var(--HEDITMborderBottom);
	border-left-style: var(--HEDITMborderLeft);
	border-right-style: var(--HEDITMborderRight);
}

.navigation.v2 .header#mainmenu .mymenu .hamburger-inner,
.navigation.v2 .header#mainmenu .mymenu .hamburger-inner::before,
.navigation.v2 .header#mainmenu .mymenu .hamburger-inner::after {
	background-color: var(--HEDITMtxtcolor);
}

.navigation.v2 .header#mainmenu .mymenu .hamburger:hover {
	background-color: var(--HEDITMbgcolorHv);
	border-color: var(--HEDITMbocolorHv);
}

.navigation.v2 .header#mainmenu .mymenu .hamburger:hover .hamburger-inner,
.navigation.v2 .header#mainmenu .mymenu .hamburger:hover .hamburger-inner::before,
.navigation.v2 .header#mainmenu .mymenu .hamburger:hover .hamburger-inner::after {
	background-color: var(--HEDITMtxtcolorHv);
}

/* scrolled */
.navigation.v2.scr .header#mainmenu {
	height: var(--HEDheightScr);
	margin-top: var(--HEDmarginScr);
	background-color: var(--HEDbgcolorScr);
}

.navigation.v2.scr .header#mainmenu .logo_wrapper .branding a {
	height: var(--HEDLGOheightScr);
}

/* mobile only */
@media (max-width: var(navi_header_mobile_toggle)) {

	/* general height */
	.navigation.v2 .header#mainmenu {
		height: var(--HEDMOBheight);
	}

	/* Logo height */
	.navigation.v2 .header#mainmenu .logo_wrapper .branding a {
		height: var(--HEDMOBLGOheight);
	}

	/* scrolled */
	.navigation.v2.scr .header#mainmenu {
		height: var(--HEDMOBheightScr);
	}

	.navigation.v2.scr .header#mainmenu .logo_wrapper .branding a {
		height: var(--HEDMOBLGOheightScr);
	}

	/*
		mobile change
	*/
	.navigation.v2 .mobile_change .header#mainmenu {
		padding-top: var(--HEDMOBtopbottom);
		padding-bottom: var(--HEDMOBtopbottom);
		margin-top: var(--HEDMOBmargin);
	}

	.navigation.v2.scr .mobile_change .header#mainmenu {
		margin-top: var(--HEDMOBmarginScr);
	}

	/* logo */
	.navigation.v2 .mobile_change .header#mainmenu .logo_wrapper .branding a {
		padding: var(--HEDMOBLGOtopbottom) var(--HEDMOBLGOleftright);
	}

	/* menu */
	.navigation.v2 .mobile_change .header#mainmenu .mymenu {
		padding: var(--HEDMOBMNUtopbottom) var(--HEDMOBMNUleftright);
	}

	/* burger */
	.navigation.v2 .mobile_change .header#mainmenu .hamburger {
		padding: var(--HEDMOBHAMtopbottom) var(--HEDMOBHAMleftright);
	}

	/* items */
	.navigation.v2 .mobile_change .header#mainmenu .mymenu > ul > li > a:not(.button) {
		padding: var(--HEDMOBITMtopbottom) var(--HEDMOBITMleftright);
	}
}


/*    Second Header (#metamenu)
__________________________________
*/
.navigation.v2 .header#metamenu {
	height: var(--HED2height);
	padding-top: var(--HED2topbottom);
	padding-bottom: var(--HED2topbottom);
	margin-top: var(--HED2margin);

	background-color: var(--HED2bgcolor);
	border-color: var(--HED2bocolor);

	border-width: var(--HED2borderWidth);
	border-radius: var(--HED2borderRadius);
	border-top-style: var(--HED2borderTop);
	border-bottom-style: var(--HED2borderBottom);
	border-left-style: var(--HED2borderLeft);
	border-right-style: var(--HED2borderRight);

	box-shadow: var(--HED2shadow);
}

/* logo */
.navigation.v2 .header#metamenu .logo_wrapper {
	align-self: var(--HED2LGORvertical);
}

.navigation.v2 .header#metamenu .logo_wrapper .branding a {
	position: relative;
	height: var(--HED2LGOheight);
	box-sizing: content-box;

	padding: var(--HED2LGOtopbottom) var(--HED2LGOleftright);

	background-color: var(--HED2LGObgcolor);
	border-color: var(--HED2LGObocolor);

	border-width: var(--HED2LGOborderWidth);
	border-radius: var(--HED2LGOborderRadius);
	border-top-style: var(--HED2LGOborderTop);
	border-bottom-style: var(--HED2LGOborderBottom);
	border-left-style: var(--HED2LGOborderLeft);
	border-right-style: var(--HED2LGOborderRight);

	box-shadow: var(--HED2LGOshadow);
}

.navigation.v2 .header#metamenu .logo_wrapper .branding a:hover {
	background-color: var(--HED2LGObgcolorHv);
	border-color: var(--HED2LGObocolorHv);
}

/* menu */
.navigation.v2 .header#metamenu .menu_wrapper,
.navigation.v2 .header#metamenu .block_menu_wrapper {
	align-self: var(--HED2MNURvertical);
}

.navigation.v2 .header#metamenu .mymenu {
	box-sizing: content-box;

	padding: var(--HED2MNUtopbottom) var(--HED2MNUleftright);

	background-color: var(--HED2MNUbgcolor);
	border-color: var(--HED2MNUbocolor);

	border-width: var(--HED2MNUborderWidth);
	border-radius: var(--HED2MNUborderRadius);
	border-top-style: var(--HED2MNUborderTop);
	border-bottom-style: var(--HED2MNUborderBottom);
	border-left-style: var(--HED2MNUborderLeft);
	border-right-style: var(--HED2MNUborderRight);

	box-shadow: var(--HED2MNUshadow);
}

.navigation.v2.scr .header#metamenu .mymenu {
	background-color: var(--HED2MNUbgcolorScr);
}

/* menu items */
.navigation.v2 .header#metamenu .mymenu > ul {
	gap: calc(var(--HED2ITMmargin) / 2);
}

.navigation.v2 .header#metamenu .mymenu > ul > li > a:not(.button) {
	padding: var(--HED2ITMtopbottom) var(--HED2ITMleftright);

	font-family: var(--HED2MNUfontFamily);
	font-size: var(--HED2MNUfontSize);
	font-weight: var(--HED2MNUfontWeight);
	line-height: var(--HED2MNUlineHeight);
	letter-spacing: var(--HED2MNUletterSpacing);
	word-spacing: var(--HED2MNUwordSpacing);
	/* text-align: var(--HED2MNUtextAlign); */
	text-transform: var(--HED2MNUtextTransform);

	color: var(--HED2ITMtxtcolor);
	background-color: var(--HED2ITMbgcolor);
	border-color: var(--HED2ITMbocolor);

	border-width: var(--HED2ITMborderWidth);
	border-radius: var(--HED2ITMborderRadius);
	border-top-style: var(--HED2ITMborderTop);
	border-bottom-style: var(--HED2ITMborderBottom);
	border-left-style: var(--HED2ITMborderLeft);
	border-right-style: var(--HED2ITMborderRight);
}

.navigation.v2 .header#metamenu .mymenu > ul > li.current_page_item > a:not(.button):not(.anchor_item),
.navigation.v2 .header#metamenu .mymenu > ul > li.current_page_item > a:not(.button).current_anchor_item,
.navigation.v2 .header#metamenu .mymenu > ul > li.current-menu-item > a:not(.button):not(.anchor_item),
.navigation.v2 .header#metamenu .mymenu > ul > li.current-menu-item > a:not(.button).current_anchor_item {
	color: var(--HED2ITMtxtcolorAc);
	background-color: var(--HED2ITMbgcolorAc);
	border-color: var(--HED2ITMbocolorAc);
}

.navigation.v2 .header#metamenu .mymenu > ul > li.page_item > a:not(.button):hover,
.navigation.v2 .header#metamenu .mymenu > ul > li.page_item > a:not(.button).hover,
.navigation.v2 .header#metamenu .mymenu > ul > li.menu-item > a:not(.button):hover,
.navigation.v2 .header#metamenu .mymenu > ul > li.menu-item > a:not(.button).hover {
	color: var(--HED2ITMtxtcolorHv);
	background-color: var(--HED2ITMbgcolorHv);
	border-color: var(--HED2ITMbocolorHv);
}

/* clean alignment */
.navigation.v2 .header#metamenu .menu li a img {
	height: var(--HED2MNUfontSize);
}

.navigation.v2 .header#metamenu .holder.horizontal > * {
	margin-left: calc(var(--HED2ITMmargin) / 2);
	margin-right: calc(var(--HED2ITMmargin) / 2);
}

/* burger */
.navigation.v2 .header#metamenu .hamburger {
	padding: var(--HED2HAMtopbottom) var(--HED2HAMleftright);

	background-color: var(--HED2HAMbgcolor);
	border-color: var(--HED2HAMbocolor);

	border-width: var(--HED2HAMborderWidth);
	border-radius: var(--HED2HAMborderRadius);
	border-top-style: var(--HED2HAMborderTop);
	border-bottom-style: var(--HED2HAMborderBottom);
	border-left-style: var(--HED2HAMborderLeft);
	border-right-style: var(--HED2HAMborderRight);

	box-shadow: var(--HED2HAMshadow);
}

.navigation.v2 .header#metamenu .hamburger-inner,
.navigation.v2 .header#metamenu .hamburger-inner::before,
.navigation.v2 .header#metamenu .hamburger-inner::after {
	background-color: var(--HED2HAMtxtcolor);
}

.navigation.v2 .header#metamenu .hamburger:hover {
	background-color: var(--HED2HAMbgcolorHv);
	border-color: var(--HED2HAMbocolorHv);
}

.navigation.v2 .header#metamenu .hamburger:hover .hamburger-inner,
.navigation.v2 .header#metamenu .hamburger:hover .hamburger-inner::before,
.navigation.v2 .header#metamenu .hamburger:hover .hamburger-inner::after {
	background-color: var(--HED2HAMtxtcolorHv);
}

.navigation.v2 .header#metamenu .hamburger .hamburger-box,
.navigation.v2 .offmenu#metamenuoff .hamburger .hamburger-box {
	transform: scale(var(--HED2HAMsize));
}

/* burger as menu item */
.navigation.v2 .header#metamenu .mymenu .burger_wrapper {
	margin-right: var(--HED2ITMmargin);
}

.navigation.v2 .header#metamenu .mymenu .menu + .burger_wrapper {
	margin-right: 0;
	margin-left: var(--HED2ITMmargin);
}

.navigation.v2 .header#metamenu .mymenu .hamburger {
	padding: var(--HED2ITMtopbottom) var(--HED2ITMleftright);

	background-color: var(--HED2ITMbgcolor);
	border-color: var(--HED2ITMbocolor);

	border-width: var(--HED2ITMborderWidth);
	border-radius: var(--HED2ITMborderRadius);
	border-top-style: var(--HED2ITMborderTop);
	border-bottom-style: var(--HED2ITMborderBottom);
	border-left-style: var(--HED2ITMborderLeft);
	border-right-style: var(--HED2ITMborderRight);
}

.navigation.v2 .header#metamenu .mymenu .hamburger-inner,
.navigation.v2 .header#metamenu .mymenu .hamburger-inner::before,
.navigation.v2 .header#metamenu .mymenu .hamburger-inner::after {
	background-color: var(--HED2ITMtxtcolor);
}

.navigation.v2 .header#metamenu .mymenu .hamburger:hover {
	background-color: var(--HED2ITMbgcolorHv);
	border-color: var(--HED2ITMbocolorHv);
}

.navigation.v2 .header#metamenu .mymenu .hamburger:hover .hamburger-inner,
.navigation.v2 .header#metamenu .mymenu .hamburger:hover .hamburger-inner::before,
.navigation.v2 .header#metamenu .mymenu .hamburger:hover .hamburger-inner::after {
	background-color: var(--HED2ITMtxtcolorHv);
}

/* scrolled */
.navigation.v2.scr .header#metamenu {
	height: var(--HED2heightScr);
	margin-top: var(--HED2marginScr);
	background-color: var(--HED2bgcolorScr);
}

.navigation.v2.scr .header#metamenu .logo_wrapper .branding a {
	height: var(--HED2LGOheightScr);
}

/* desktop only */
@media (min-width: var(navi_header_mobile_toggle)) {

	/* clean alignment */
	.navigation.v2 .header#metamenu .holder.horizontal.holder_right > *:last-child.mobile {
		margin-left: calc(-1 * var(--HED2ITMmargin) / 2);
	}
}

/* mobile only */
@media (max-width: var(navi_header_mobile_toggle)) {

	/* clean alignment */
	.navigation.v2 .header#metamenu .holder.horizontal.holder_right > *:last-child.desktop {
		margin-left: calc(-1 * var(--HED2ITMmargin) / 2);
	}

	/* general height */
	.navigation.v2 .header#metamenu {
		height: var(--HED2MOBheight);
	}

	/* Logo height */
	.navigation.v2 .header#metamenu .logo_wrapper .branding a {
		height: var(--HED2MOBLGOheight);
	}

	/* scrolled */
	.navigation.v2.scr .header#metamenu {
		height: var(--HED2MOBheightScr);
	}

	.navigation.v2.scr .header#metamenu .logo_wrapper .branding a {
		height: var(--HED2MOBLGOheightScr);
	}

	/*
		mobile change
	*/
	.navigation.v2 .mobile_change .header#metamenu {
		padding-top: var(--HED2MOBtopbottom);
		padding-bottom: var(--HED2MOBtopbottom);
		margin-top: var(--HED2MOBmargin);
	}

	.navigation.v2.scr .mobile_change .header#metamenu {
		margin-top: var(--HED2MOBmarginScr);
	}

	/* logo */
	.navigation.v2 .mobile_change .header#metamenu .logo_wrapper .branding a {
		padding: var(--HED2MOBLGOtopbottom) var(--HED2MOBLGOleftright);
	}

	/* menu */
	.navigation.v2 .mobile_change .header#metamenu .mymenu {
		padding: var(--HED2MOBMNUtopbottom) var(--HED2MOBMNUleftright);
	}

	/* burger */
	.navigation.v2 .mobile_change .header#metamenu .hamburger {
		padding: var(--HED2MOBHAMtopbottom) var(--HED2MOBHAMleftright);
	}

	/* items */
	.navigation.v2 .mobile_change .header#metamenu .mymenu > ul > li > a:not(.button) {
		padding: var(--HED2MOBITMtopbottom) var(--HED2MOBITMleftright);
	}
}

@media (max-width: var(grid_md)) {
	.hide-on-mobile {
		display: none !important;
	}
}

@media (min-width: var(grid_md)) {
	.hide-on-desktop {
		display: none !important;
	}
}


/*    Offmenu
__________________________________
*/
.navigation.v2 .offmenu {
	position: fixed;
	top: 0px;
	height: 100% !important;
	max-height: 100vh;
	max-width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 1;
}
.navigation.v2 .offmenu[aria-hidden="true"] {
	visibility: hidden;
}

.offmenu_close {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10000;
	cursor: pointer;
}

.navigation.v2 .offmenu .hamburger {
	display: block;
	padding: 0;
	text-align: right;
}

.offmenu .menu_wrapper > div > ul,
.offmenu .block_menu_wrapper > div > ul {
	flex-direction: column;
}

.offmenu .menu li,
.offmenu .menu li ul li {
	height: auto;
}

.offmenu .menu li ul {
	display: none;
	position: relative;
	width: 100%;
	margin: 0px;
	padding-top: 0px !important;
	padding-right: 0px;
	padding-left: var(--OFFSUBpadding);
	padding-bottom: var(--OFFSUBmargin);
}

.offmenu .menu li.item_open ul {
	display: block;
}

.navigation.v2 .offmenu .menu,
.navigation.v2 .offmenu ul.menu,
.navigation.v2 .offmenu .menu li,
.navigation.v2 .offmenu .menu a {
	display: flex;
}

.navigation.v2 .offmenu ul {
	flex-wrap: nowrap;
}

.navigation.v2 .offmenu .menu li {
	flex-wrap: wrap;
}

.navigation.v2 .offmenu .menu li > ul {
	display: flex;
	flex-direction: column;
}

.navigation.v2 .offmenu .menu li > a[aria-expanded="false"] + ul {
	display: none;
}

.navigation.v2 .offmenu.offtop,
.navigation.v2 .offmenu.fulltop,
.navigation.v2 .offmenu.overtop,
.navigation.v2 .offmenu.offbottom,
.navigation.v2 .offmenu.fullbottom,
.navigation.v2 .offmenu.overbottom {
	width: 100% !important;
	max-height: 100vh;
}

.navigation.v2 .offmenu.fullright {
	width: 100% !important;
	right: -100%;
}

.navigation.v2 .offmenu.fullleft {
	width: 100% !important;
	right: 100%;
}

.navigation.v2 .offmenu.fulltop {
	top: -100vh;
	height: 100vh !important;
}

.navigation.v2 .offmenu.fullbottom {
	top: 100vh;
	height: 100vh !important;
}


/*    Second Offmenu (#metamenuoff)
__________________________________
*/
.navigation.v2 #metamenuoff {
	width: calc(var(--HED2OFFwidth) - var(--HED2OFFmleftright) - var(--HED2OFFmleftright));
	max-height: calc(100vh - var(--HED2OFFmtop) - var(--HED2OFFmbottom));
	padding: var(--HED2OFFtopbottom) var(--HED2OFFleftright);
	margin: var(--HED2OFFmtop) var(--HED2OFFmleftright) var(--HED2OFFmbottom) var(--HED2OFFmleftright);

	background-color: var(--HED2OFFbgcolor);
	color: var(--HED2OFFtxtcolor);
	border-color: var(--HED2OFFbocolor);

	border-width: var(--HED2OFFborderWidth);
	border-radius: var(--HED2OFFborderRadius);
	border-top-style: var(--HED2OFFborderTop);
	border-bottom-style: var(--HED2OFFborderBottom);
	border-left-style: var(--HED2OFFborderLeft);
	border-right-style: var(--HED2OFFborderRight);

	box-shadow: none;

}

.navigation.v2.scr #metamenuoff {
	max-height: calc(100vh - var(--HED2OFFmtopScr) - var(--HED2OFFmbottom));
	margin-top: var(--HED2OFFmtopScr);
}

body.v2.meta_open_right .navigation.v2 #metamenuoff,
body.v2.meta_open_over_right .navigation.v2 #metamenuoff,
body.v2.meta_open_left .navigation.v2 #metamenuoff,
body.v2.meta_open_over_left .navigation.v2 #metamenuoff,
body.v2.meta_open_full_right .navigation.v2 #metamenuoff,
body.v2.meta_open_full_left .navigation.v2 #metamenuoff,
body.v2.meta_open_top .navigation.v2 #metamenuoff,
body.v2.meta_open_full_top .navigation.v2 #metamenuoff,
body.v2.meta_open_over_top .navigation.v2 #metamenuoff {
	box-shadow: var(--HED2OFFshadow);
}

.navigation.v2 #metamenuoff h1,
.navigation.v2 #metamenuoff h2,
.navigation.v2 #metamenuoff h3,
.navigation.v2 #metamenuoff h4,
.navigation.v2 #metamenuoff h5,
.navigation.v2 #metamenuoff h6 {
	color: var(--HED2OFFhcolor);
}

.navigation.v2 .offmenu#metamenuoff .hamburger-inner,
.navigation.v2 .offmenu#metamenuoff .hamburger-inner::before,
.navigation.v2 .offmenu#metamenuoff .hamburger-inner::after {
	background-color: var(--HED2OFFbcolor);
}

.navigation.v2 .offmenu#metamenuoff .hamburger:hover .hamburger-inner,
.navigation.v2 .offmenu#metamenuoff .hamburger:hover .hamburger-inner::before,
.navigation.v2 .offmenu#metamenuoff .hamburger:hover .hamburger-inner::after {
	background-color: var(--HED2OFFbcolorHv);
}

.navigation.v2 #metamenuoff [class^="menu"] li > ul {
	padding: 0px 0px var(--HED2OFFSUBmargin) var(--HED2OFFSUBleft);
}

.navigation.v2 #metamenuoff [class^="menu"] li > ul ul {
	padding-bottom: 0px;
}

.navigation.v2 #metamenuoff [class^="menu"] li a {
	margin: 0 0 var(--HED2OFFITMmargin);
}

.navigation.v2 #metamenuoff [class^="menu"] li a:not(.button) {
	align-items: center;
	padding: var(--HED2OFFITMtopbottom) var(--HED2OFFITMleftright);

	font-family: var(--HED2OFFMNUfontFamily);
	font-size: var(--HED2OFFMNUfontSize);
	font-weight: var(--HED2OFFMNUfontWeight);
	line-height: var(--HED2OFFMNUlineHeight);
	letter-spacing: var(--HED2OFFMNUletterSpacing);
	word-spacing: var(--HED2OFFMNUwordSpacing);
	/* text-align: var(--HED2OFFMNUtextAlign); */
	text-transform: var(--HED2OFFMNUtextTransform);

	color: var(--HED2OFFITMtxtcolor);
	background-color: var(--HED2OFFITMbgcolor);
	border-color: var(--HED2OFFITMbocolor);

	border-width: var(--HED2OFFITMborderWidth);
	border-radius: var(--HED2OFFITMborderRadius);
	border-top-style: var(--HED2OFFITMborderTop);
	border-bottom-style: var(--HED2OFFITMborderBottom);
	border-left-style: var(--HED2OFFITMborderLeft);
	border-right-style: var(--HED2OFFITMborderRight);
}

.navigation.v2 #metamenuoff .menu li > ul a:not(.button) {
	font-size: var(--HED2OFFSUBfontSize);
}

.navigation.v2 #metamenuoff .menu li a img {
	height: var(--HED2OFFMNUfontSize);
}

.navigation.v2 #metamenuoff [class^="menu"] li.current-menu-item > a:not(.button):not(.anchor_item),
.navigation.v2 #metamenuoff [class^="menu"] li.current-menu-item > a:not(.button).current_anchor_item,
.navigation.v2 #metamenuoff [class^="menu"] li.current_page_item > a:not(.button):not(.anchor_item),
.navigation.v2 #metamenuoff [class^="menu"] li.current_page_item > a:not(.button).current_anchor_item {
	color: var(--HED2OFFITMtxtcolorAc);
	background-color: var(--HED2OFFITMbgcolorAc);
	border-color: var(--HED2OFFITMbocolorAc);
}

.navigation.v2 #metamenuoff [class^="menu"] li.page_item > a:not(.button):hover,
.navigation.v2 #metamenuoff [class^="menu"] li.menu-item > a:not(.button):hover,
.navigation.v2 #metamenuoff [class^="menu"] li.menu-item > a:not(.button).hover {
	color: var(--HED2OFFITMtxtcolorHv);
	background-color: var(--HED2OFFITMbgcolorHv);
	border-color: var(--HED2OFFITMbocolorHv);
}

.navigation.v2 #metamenuoff.offright,
.navigation.v2 #metamenuoff.overright {
	right: calc(0px - var(--HED2OFFwidth));
}

.navigation.v2 #metamenuoff.offleft,
.navigation.v2 #metamenuoff.overleft {
	left: calc(0px - var(--HED2OFFwidth));
}

.navigation.v2 #metamenuoff.offtop,
.navigation.v2 #metamenuoff.overtop {
	top: calc(0px - var(--HED2OFFheight) - var(--HED2OFFmtop));
	height: calc(var(--HED2OFFheight) - var(--HED2OFFmtop) - var(--HED2OFFmbottom)) !important;
	width: calc(100% - var(--HED2OFFmleftright) - var(--HED2OFFmleftright)) !important;
}

.navigation.v2 #metamenuoff.offbottom,
.navigation.v2 #metamenuoff.overbottom {
	top: 100vh;
	height: calc(var(--HED2OFFheight) - var(--HED2OFFmtop) - var(--HED2OFFmbottom)) !important;
	width: calc(100% - var(--HED2OFFmleftright) - var(--HED2OFFmleftright)) !important;
}

.navigation.v2 #metamenuoff.fullright,
.navigation.v2 #metamenuoff.fullleft,
.navigation.v2 #metamenuoff.fulltop,
.navigation.v2 #metamenuoff.fullbottom {
	width: calc(100% - var(--HED2OFFmleftright) - var(--HED2OFFmleftright)) !important;
}

body.v2.meta_open_right .navigation.v2 #metamenuoff.offright,
body.v2.meta_open_over_right .navigation.v2 #metamenuoff.overright {
	right: 0px !important;
}

body.v2.meta_open_right,
body.v2.meta_open_right .offmenu_close,
body.v2.meta_open_over_right .offmenu_close {
	left: calc(0px - var(--HED2OFFwidth));
}

body.v2.meta_open_left .navigation.v2 #metamenuoff.offleft,
body.v2.meta_open_over_left .navigation.v2 #metamenuoff.overleft {
	left: 0px !important;
}

body.v2.meta_open_left,
body.v2.meta_open_left .offmenu_close,
body.v2.meta_open_over_left .offmenu_close {
	left: var(--HED2OFFwidth);
}

body.v2.meta_open_top .navigation.v2 #metamenuoff.offtop,
body.v2.meta_open_over_top .navigation.v2 #metamenuoff.overtop {
	top: 0px !important;
}

body.v2.meta_open_top,
body.v2.meta_open_top .offmenu_close,
body.v2.meta_open_over_top .offmenu_close {
	top: var(--HED2OFFheight);
}

body.v2.meta_open_bottom .navigation.v2 #metamenuoff.offbottom,
body.v2.meta_open_over_bottom .navigation.v2 #metamenuoff.overbottom {
	top: calc(100vh - var(--HED2OFFheight));
}

body.v2.meta_open_bottom,
body.v2.meta_open_bottom .offmenu_close,
body.v2.meta_open_over_bottom .offmenu_close {
	top: calc(0px - var(--HED2OFFheight));
}

body.v2.meta_open_full_right .navigation.v2 #metamenuoff.fullright,
body.v2.meta_open_full_left .navigation.v2 #metamenuoff.fullleft,
body.v2.meta_open_full_top .navigation.v2 #metamenuoff.fulltop,
body.v2.meta_open_full_bottom .navigation.v2 #metamenuoff.fullbottom {
	top: 0px !important;
	right: 0px !important;
}

@media (max-width: var(grid_lg)) {
	.navigation.v2 #metamenuoff {
		width: calc(var(--HED2OFFwidthLG) - var(--HED2OFFmleftright) - var(--HED2OFFmleftright));
		padding: var(--HED2OFFtopbottomLG) var(--HED2OFFleftrightLG);
	}

	.navigation.v2 #metamenuoff.offright,
	.navigation.v2 #metamenuoff.overright {
		right: calc(0px - var(--HED2OFFwidthLG));
	}

	.navigation.v2 #metamenuoff.offleft,
	.navigation.v2 #metamenuoff.overleft {
		left: calc(0px - var(--HED2OFFwidthLG));
	}

	.navigation.v2 #metamenuoff.offtop,
	.navigation.v2 #metamenuoff.overtop {
		top: calc(0px - var(--HED2OFFheightLG) - var(--HED2OFFmtop));
		height: calc(var(--HED2OFFheightLG) - var(--HED2OFFmtop) - var(--HED2OFFmbottom)) !important;
	}

	.navigation.v2 #metamenuoff.offbottom,
	.navigation.v2 #metamenuoff.overbottom {
		height: calc(var(--HED2OFFheightLG) - var(--HED2OFFmtop) - var(--HED2OFFmbottom)) !important;
	}

	body.v2.meta_open_right,
	body.v2.meta_open_right .offmenu_close,
	body.v2.meta_open_over_right .offmenu_close {
		left: calc(0px - var(--HED2OFFwidthLG));
	}

	body.v2.meta_open_left,
	body.v2.meta_open_left .offmenu_close,
	body.v2.meta_open_over_left .offmenu_close {
		left: var(--HED2OFFwidthLG);
	}

	body.v2.meta_open_top,
	body.v2.meta_open_top .offmenu_close,
	body.v2.meta_open_over_top .offmenu_close {
		top: var(--HED2OFFheightLG);
	}

	body.v2.meta_open_bottom .navigation.v2 #metamenuoff.offbottom,
	body.v2.meta_open_over_bottom .navigation.v2 #metamenuoff.overbottom {
		top: calc(100vh - var(--HED2OFFheightLG));
	}

	body.v2.meta_open_bottom,
	body.v2.meta_open_bottom .offmenu_close,
	body.v2.meta_open_over_bottom .offmenu_close {
		top: calc(0px - var(--HED2OFFheightLG));
	}
}

@media (max-width: var(grid_md)) {
	.navigation.v2 #metamenuoff {
		width: calc(var(--HED2OFFwidthMD) - var(--HED2OFFmleftright) - var(--HED2OFFmleftright));
		padding: var(--HED2OFFtopbottomMD) var(--HED2OFFleftrightMD);
	}

	.navigation.v2 #metamenuoff.offright,
	.navigation.v2 #metamenuoff.overright {
		right: calc(0px - var(--HED2OFFwidthMD));
	}

	.navigation.v2 #metamenuoff.offleft,
	.navigation.v2 #metamenuoff.overleft {
		left: calc(0px - var(--HED2OFFwidthMD));
	}

	.navigation.v2 #metamenuoff.offtop,
	.navigation.v2 #metamenuoff.overtop {
		top: calc(0px - var(--HED2OFFheightMD) - var(--HED2OFFmtop));
		height: calc(var(--HED2OFFheightMD) - var(--HED2OFFmtop) - var(--HED2OFFmbottom)) !important;
	}

	.navigation.v2 #metamenuoff.offbottom,
	.navigation.v2 #metamenuoff.overbottom {
		height: calc(var(--HED2OFFheightMD) - var(--HED2OFFmtop) - var(--HED2OFFmbottom)) !important;
	}

	body.v2.meta_open_right,
	body.v2.meta_open_right .offmenu_close,
	body.v2.meta_open_over_right .offmenu_close {
		left: calc(0px - var(--HED2OFFwidthMD));
	}

	body.v2.meta_open_left,
	body.v2.meta_open_left .offmenu_close,
	body.v2.meta_open_over_left .offmenu_close {
		left: var(--HED2OFFwidthMD);
	}

	body.v2.meta_open_top,
	body.v2.meta_open_top .offmenu_close,
	body.v2.meta_open_over_top .offmenu_close {
		top: var(--HED2OFFheightMD);
	}

	body.v2.meta_open_bottom .navigation.v2 #metamenuoff.offbottom,
	body.v2.meta_open_over_bottom .navigation.v2 #metamenuoff.overbottom {
		top: calc(100vh - var(--HED2OFFheightMD));
	}

	body.v2.meta_open_bottom,
	body.v2.meta_open_bottom .offmenu_close,
	body.v2.meta_open_over_bottom .offmenu_close {
		top: calc(0px - var(--HED2OFFheightMD));
	}
}

@media (max-width: var(grid_sm)) {
	.navigation.v2 #metamenuoff {
		width: calc(var(--HED2OFFwidthSM) - var(--HED2OFFmleftright) - var(--HED2OFFmleftright));
		padding: var(--HED2OFFtopbottomSM) var(--HED2OFFleftrightSM);
	}

	.navigation.v2 #metamenuoff.offright,
	.navigation.v2 #metamenuoff.overright {
		right: calc(0px - var(--HED2OFFwidthSM));
	}

	.navigation.v2 #metamenuoff.offleft,
	.navigation.v2 #metamenuoff.overleft {
		left: calc(0px - var(--HED2OFFwidthSM));
	}

	.navigation.v2 #metamenuoff.offtop,
	.navigation.v2 #metamenuoff.overtop {
		top: calc(0px - var(--HED2OFFheightSM) - var(--HED2OFFmtop));
		height: calc(var(--HED2OFFheightSM) - var(--HED2OFFmtop) - var(--HED2OFFmbottom)) !important;
	}

	.navigation.v2 #metamenuoff.offbottom,
	.navigation.v2 #metamenuoff.overbottom {
		height: calc(var(--HED2OFFheightSM) - var(--HED2OFFmtop) - var(--HED2OFFmbottom)) !important;
	}

	body.v2.meta_open_right,
	body.v2.meta_open_right .offmenu_close,
	body.v2.meta_open_over_right .offmenu_close {
		left: calc(0px - var(--HED2OFFwidthSM));
	}

	body.v2.meta_open_left,
	body.v2.meta_open_left .offmenu_close,
	body.v2.meta_open_over_left .offmenu_close {
		left: var(--HED2OFFwidthSM);
	}

	body.v2.meta_open_top,
	body.v2.meta_open_top .offmenu_close,
	body.v2.meta_open_over_top .offmenu_close {
		top: var(--HED2OFFheightSM);
	}

	body.v2.meta_open_bottom .navigation.v2 #metamenuoff.offbottom,
	body.v2.meta_open_over_bottom .navigation.v2 #metamenuoff.overbottom {
		top: calc(100vh - var(--HED2OFFheightSM));
	}

	body.v2.meta_open_bottom,
	body.v2.meta_open_bottom .offmenu_close,
	body.v2.meta_open_over_bottom .offmenu_close {
		top: calc(0px - var(--HED2OFFheightSM));
	}
}


/*    First Offmenu (#mainmenuoff)
__________________________________
*/
.navigation.v2 #mainmenuoff {
	width: calc(var(--HEDOFFwidth) - var(--HEDOFFmleftright) - var(--HEDOFFmleftright));
	max-height: calc(100vh - var(--HEDOFFmtop) - var(--HEDOFFmbottom));
	padding: var(--HEDOFFtopbottom) var(--HEDOFFleftright);
	margin: var(--HEDOFFmtop) var(--HEDOFFmleftright) var(--HEDOFFmbottom) var(--HEDOFFmleftright);

	background-color: var(--HEDOFFbgcolor);
	color: var(--HEDOFFtxtcolor);
	border-color: var(--HEDOFFbocolor);

	border-width: var(--HEDOFFborderWidth);
	border-radius: var(--HEDOFFborderRadius);
	border-top-style: var(--HEDOFFborderTop);
	border-bottom-style: var(--HEDOFFborderBottom);
	border-left-style: var(--HEDOFFborderLeft);
	border-right-style: var(--HEDOFFborderRight);

	box-shadow: none;
}

.navigation.v2.scr #mainmenuoff {
	max-height: calc(100vh - var(--HEDOFFmtopScr) - var(--HEDOFFmbottom));
	margin-top: var(--HEDOFFmtopScr);
}

body.v2.main_open_right .navigation.v2 #mainmenuoff,
body.v2.main_open_over_right .navigation.v2 #mainmenuoff,
body.v2.main_open_left .navigation.v2 #mainmenuoff,
body.v2.main_open_over_left .navigation.v2 #mainmenuoff,
body.v2.main_open_full_right .navigation.v2 #mainmenuoff,
body.v2.main_open_full_left .navigation.v2 #mainmenuoff,
body.v2.main_open_top .navigation.v2 #mainmenuoff,
body.v2.main_open_full_top .navigation.v2 #mainmenuoff,
body.v2.main_open_over_top .navigation.v2 #mainmenuoff {
	box-shadow: var(--HEDOFFshadow);
}

.navigation.v2 #mainmenuoff h1,
.navigation.v2 #mainmenuoff h2,
.navigation.v2 #mainmenuoff h3,
.navigation.v2 #mainmenuoff h4,
.navigation.v2 #mainmenuoff h5,
.navigation.v2 #mainmenuoff h6 {
	color: var(--HEDOFFhcolor);
}

.navigation.v2 .offmenu#mainmenuoff .hamburger-inner,
.navigation.v2 .offmenu#mainmenuoff .hamburger-inner::before,
.navigation.v2 .offmenu#mainmenuoff .hamburger-inner::after {
	background-color: var(--HEDOFFbcolor);
}

.navigation.v2 .offmenu#mainmenuoff .hamburger:hover .hamburger-inner,
.navigation.v2 .offmenu#mainmenuoff .hamburger:hover .hamburger-inner::before,
.navigation.v2 .offmenu#mainmenuoff .hamburger:hover .hamburger-inner::after {
	background-color: var(--HEDOFFbcolorHv);
}

.navigation.v2 #mainmenuoff [class^="menu"] li > ul {
	padding: 0px 0px var(--HEDOFFSUBmargin) var(--HEDOFFSUBleft);
}

.navigation.v2 #mainmenuoff [class^="menu"] li > ul ul {
	padding-bottom: 0px;
}

.navigation.v2 #mainmenuoff [class^="menu"] li a {
	margin: 0 0 var(--HEDOFFITMmargin);
}

.navigation.v2 #mainmenuoff [class^="menu"] li a:not(.button) {
	align-items: center;
	padding: var(--HEDOFFITMtopbottom) var(--HEDOFFITMleftright);

	font-family: var(--HEDOFFMNUfontFamily);
	font-size: var(--HEDOFFMNUfontSize);
	font-weight: var(--HEDOFFMNUfontWeight);
	line-height: var(--HEDOFFMNUlineHeight);
	letter-spacing: var(--HEDOFFMNUletterSpacing);
	word-spacing: var(--HEDOFFMNUwordSpacing);
	/* text-align: var(--HEDOFFMNUtextAlign); */
	text-transform: var(--HEDOFFMNUtextTransform);

	color: var(--HEDOFFITMtxtcolor);
	background-color: var(--HEDOFFITMbgcolor);
	border-color: var(--HEDOFFITMbocolor);

	border-width: var(--HEDOFFITMborderWidth);
	border-radius: var(--HEDOFFITMborderRadius);
	border-top-style: var(--HEDOFFITMborderTop);
	border-bottom-style: var(--HEDOFFITMborderBottom);
	border-left-style: var(--HEDOFFITMborderLeft);
	border-right-style: var(--HEDOFFITMborderRight);
}

.navigation.v2 #mainmenuoff [class^="menu"] li > ul a:not(.button) {
	font-size: var(--HEDOFFSUBfontSize);
}

.navigation.v2 #mainmenuoff [class^="menu"] li a img {
	height: var(--HEDOFFMNUfontSize);
}

.navigation.v2 #mainmenuoff [class^="menu"] li.current-menu-item > a:not(.button):not(.anchor_item),
.navigation.v2 #mainmenuoff [class^="menu"] li.current-menu-item > a:not(.button).current_anchor_item,
.navigation.v2 #mainmenuoff [class^="menu"] li.current_page_item > a:not(.button):not(.anchor_item),
.navigation.v2 #mainmenuoff [class^="menu"] li.current_page_item > a:not(.button).current_anchor_item {
	color: var(--HEDOFFITMtxtcolorAc);
	background-color: var(--HEDOFFITMbgcolorAc);
	border-color: var(--HEDOFFITMbocolorAc);
}

.navigation.v2 #mainmenuoff [class^="menu"] li.page_item > a:not(.button):hover,
.navigation.v2 #mainmenuoff [class^="menu"] li.menu-item > a:not(.button):hover,
.navigation.v2 #mainmenuoff [class^="menu"] li.menu-item > a:not(.button).hover {
	color: var(--HEDOFFITMtxtcolorHv);
	background-color: var(--HEDOFFITMbgcolorHv);
	border-color: var(--HEDOFFITMbocolorHv);
}

.navigation.v2 #mainmenuoff.offright,
.navigation.v2 #mainmenuoff.overright {
	right: calc(0px - var(--HEDOFFwidth));
}

.navigation.v2 #mainmenuoff.offleft,
.navigation.v2 #mainmenuoff.overleft {
	left: calc(0px - var(--HEDOFFwidth));
}

.navigation.v2 #mainmenuoff.offtop,
.navigation.v2 #mainmenuoff.overtop {
	top: calc(0px - var(--HEDOFFheight) - var(--HEDOFFmtop) - var(--HEDOFFmbottom));
	height: calc(var(--HEDOFFheight) - var(--HEDOFFmtop) - var(--HEDOFFmbottom)) !important;
	width: calc(100% - var(--HEDOFFmleftright) - var(--HEDOFFmleftright)) !important;
}

.navigation.v2 #mainmenuoff.offbottom,
.navigation.v2 #mainmenuoff.overbottom {
	top: 100vh;
	height: calc(var(--HEDOFFheight) - var(--HEDOFFmtop) - var(--HEDOFFmbottom)) !important;
	width: calc(100% - var(--HEDOFFmleftright) - var(--HEDOFFmleftright)) !important;
}

.navigation.v2 #mainmenuoff.fullright,
.navigation.v2 #mainmenuoff.fullleft,
.navigation.v2 #mainmenuoff.fulltop,
.navigation.v2 #mainmenuoff.fullbottom {
	width: calc(100% - var(--HEDOFFmleftright) - var(--HEDOFFmleftright)) !important;
}

body.v2.main_open_right .navigation.v2 #mainmenuoff.offright,
body.v2.main_open_over_right .navigation.v2 #mainmenuoff.overright {
	right: 0px;
}

body.v2.main_open_right,
body.v2.main_open_right .offmenu_close,
body.v2.main_open_over_right .offmenu_close {
	left: calc(0px - var(--HEDOFFwidth));
}

body.v2.main_open_right .vertical_navbar.right {
	right: var(--HEDOFFwidth);
}

body.v2.main_open_left .navigation.v2 #mainmenuoff.offleft,
body.v2.main_open_over_left .navigation.v2 #mainmenuoff.overleft {
	left: 0px;
}

body.v2.main_open_left,
body.v2.main_open_left .offmenu_close,
body.v2.main_open_over_left .offmenu_close,
body.v2.main_open_left .vertical_navbar.left {
	left: var(--HEDOFFwidth);
}

body.v2.main_open_top .navigation.v2 #mainmenuoff.offtop,
body.v2.main_open_over_top .navigation.v2 #mainmenuoff.overtop {
	top: 0px;
}

body.v2.main_open_top,
body.v2.main_open_top .offmenu_close,
body.v2.main_open_over_top .offmenu_close {
	top: var(--HEDOFFheight);
}

body.v2.main_open_bottom .navigation.v2 #mainmenuoff.offbottom,
body.v2.main_open_over_bottom .navigation.v2 #mainmenuoff.overbottom {
	top: calc(100vh - var(--HEDOFFheight));
}

body.v2.main_open_bottom,
body.v2.main_open_bottom .offmenu_close,
body.v2.main_open_over_bottom .offmenu_close {
	top: calc(0px - var(--HEDOFFheight));
}

body.v2.main_open_full_right .navigation.v2 #mainmenuoff.fullright,
body.v2.main_open_full_left .navigation.v2 #mainmenuoff.fullleft,
body.v2.main_open_full_top .navigation.v2 #mainmenuoff.fulltop,
body.v2.main_open_full_bottom .navigation.v2 #mainmenuoff.fullbottom {
	top: 0px;
	right: 0px;
}

@media (max-width: var(grid_lg)) {
	.navigation.v2 #mainmenuoff {
		width: calc(var(--HEDOFFwidthLG) - var(--HEDOFFmleftright) - var(--HEDOFFmleftright));
		padding: var(--HEDOFFtopbottomLG) var(--HEDOFFleftrightLG);
	}

	.navigation.v2 #mainmenuoff.offright,
	.navigation.v2 #mainmenuoff.overright {
		right: calc(0px - var(--HEDOFFwidthLG));
	}

	.navigation.v2 #mainmenuoff.offleft,
	.navigation.v2 #mainmenuoff.overleft {
		left: calc(0px - var(--HEDOFFwidthLG));
	}

	.navigation.v2 #mainmenuoff.offtop,
	.navigation.v2 #mainmenuoff.overtop {
		top: calc(0px - var(--HEDOFFheightLG) - var(--HEDOFFmtop) - var(--HEDOFFmbottom));
		height: calc(var(--HEDOFFheightLG) - var(--HEDOFFmtop) - var(--HEDOFFmbottom)) !important;
	}

	.navigation.v2 #mainmenuoff.offbottom,
	.navigation.v2 #mainmenuoff.overbottom {
		height: calc(var(--HEDOFFheightLG) - var(--HEDOFFmtop) - var(--HEDOFFmbottom)) !important;
	}

	body.v2.main_open_right,
	body.v2.main_open_right .offmenu_close,
	body.v2.main_open_over_right .offmenu_close {
		left: calc(0px - var(--HEDOFFwidthLG));
	}

	body.v2.main_open_left,
	body.v2.main_open_left .offmenu_close,
	body.v2.main_open_over_left .offmenu_close {
		left: var(--HEDOFFwidthLG);
	}

	body.v2.main_open_top,
	body.v2.main_open_top .offmenu_close,
	body.v2.main_open_over_top .offmenu_close {
		top: var(--HEDOFFheightLG);
	}

	body.v2.main_open_bottom .navigation.v2 #mainmenuoff.offbottom,
	body.v2.main_open_over_bottom .navigation.v2 #mainmenuoff.overbottom {
		top: calc(100vh - var(--HEDOFFheightLG));
	}

	body.v2.main_open_bottom,
	body.v2.main_open_bottom .offmenu_close,
	body.v2.main_open_over_bottom .offmenu_close {
		top: calc(0px - var(--HEDOFFheightLG));
	}
}

@media (max-width: var(grid_md)) {
	.navigation.v2 #mainmenuoff {
		width: calc(var(--HEDOFFwidthMD) - var(--HEDOFFmleftright) - var(--HEDOFFmleftright));
		padding: var(--HEDOFFtopbottomMD) var(--HEDOFFleftrightMD);
	}

	.navigation.v2 #mainmenuoff.offright,
	.navigation.v2 #mainmenuoff.overright {
		right: calc(0px - var(--HEDOFFwidthMD));
	}

	.navigation.v2 #mainmenuoff.offleft,
	.navigation.v2 #mainmenuoff.overleft {
		left: calc(0px - var(--HEDOFFwidthMD));
	}

	.navigation.v2 #mainmenuoff.offtop,
	.navigation.v2 #mainmenuoff.overtop {
		top: calc(0px - var(--HEDOFFheightMD) - var(--HEDOFFmtop) - var(--HEDOFFmbottom));
		height: calc(var(--HEDOFFheightMD) - var(--HEDOFFmtop) - var(--HEDOFFmbottom)) !important;
	}

	.navigation.v2 #mainmenuoff.offbottom,
	.navigation.v2 #mainmenuoff.overbottom {
		height: calc(var(--HEDOFFheightMD) - var(--HEDOFFmtop) - var(--HEDOFFmbottom)) !important;
	}

	body.v2.main_open_right,
	body.v2.main_open_right .offmenu_close,
	body.v2.main_open_over_right .offmenu_close {
		left: calc(0px - var(--HEDOFFwidthMD));
	}

	body.v2.main_open_left,
	body.v2.main_open_left .offmenu_close,
	body.v2.main_open_over_left .offmenu_close {
		left: var(--HEDOFFwidthMD);
	}

	body.v2.main_open_top,
	body.v2.main_open_top .offmenu_close,
	body.v2.main_open_over_top .offmenu_close {
		top: var(--HEDOFFheightMD);
	}

	body.v2.main_open_bottom .navigation.v2 #mainmenuoff.offbottom,
	body.v2.main_open_over_bottom .navigation.v2 #mainmenuoff.overbottom {
		top: calc(100vh - var(--HEDOFFheightMD));
	}

	body.v2.main_open_bottom,
	body.v2.main_open_bottom .offmenu_close,
	body.v2.main_open_over_bottom .offmenu_close {
		top: calc(0px - var(--HEDOFFheightMD));
	}
}

@media (max-width: var(grid_sm)) {
	.navigation.v2 #mainmenuoff {
		width: calc(var(--HEDOFFwidthSM) - var(--HEDOFFmleftright) - var(--HEDOFFmleftright));
		padding: var(--HEDOFFtopbottomSM) var(--HEDOFFleftrightSM);
	}

	.navigation.v2 #mainmenuoff.offright,
	.navigation.v2 #mainmenuoff.overright {
		right: calc(0px - var(--HEDOFFwidthSM));
	}

	.navigation.v2 #mainmenuoff.offleft,
	.navigation.v2 #mainmenuoff.overleft {
		left: calc(0px - var(--HEDOFFwidthSM));
	}

	.navigation.v2 #mainmenuoff.offtop,
	.navigation.v2 #mainmenuoff.overtop {
		top: calc(0px - var(--HEDOFFheightSM) - var(--HEDOFFmtop) - var(--HEDOFFmbottom));
		height: calc(var(--HEDOFFheightSM) - var(--HEDOFFmtop) - var(--HEDOFFmbottom)) !important;
	}

	.navigation.v2 #mainmenuoff.offbottom,
	.navigation.v2 #mainmenuoff.overbottom {
		height: calc(var(--HEDOFFheightSM) - var(--HEDOFFmtop) - var(--HEDOFFmbottom)) !important;
	}

	body.v2.main_open_right,
	body.v2.main_open_right .offmenu_close,
	body.v2.main_open_over_right .offmenu_close {
		left: calc(0px - var(--HEDOFFwidthSM));
	}

	body.v2.main_open_left,
	body.v2.main_open_left .offmenu_close,
	body.v2.main_open_over_left .offmenu_close {
		left: var(--HEDOFFwidthSM);
	}

	body.v2.main_open_top,
	body.v2.main_open_top .offmenu_close,
	body.v2.main_open_over_top .offmenu_close {
		top: var(--HEDOFFheightSM);
	}

	body.v2.main_open_bottom .navigation.v2 #mainmenuoff.offbottom,
	body.v2.main_open_over_bottom .navigation.v2 #mainmenuoff.overbottom {
		top: calc(100vh - var(--HEDOFFheightSM));
	}

	body.v2.main_open_bottom,
	body.v2.main_open_bottom .offmenu_close,
	body.v2.main_open_over_bottom .offmenu_close {
		top: calc(0px - var(--HEDOFFheightSM));
	}
}


/*    Dropdowns
__________________________________
*/

li.menu-item .dropmenu_content {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	padding: var(--DRPmargin, 0) var(--DRPoffset, 1vw) 0;
	display: none;
}

.navigation.v2.scr li.menu-item .dropmenu_content {
	padding-top: var(--DRPmarginScr, var(--DRPmargin, 0) );
}

/* template dropdowns */
.dropmenu_content.template {
	width: max-content;
	max-width: 100vw;
}

/* align left */
li.menu-item .dropmenu_content[data-align=left] {
	left: calc( -1 * var(--DRPoffset, 1vw) );
	transform: none;
}

/* align right */
li.menu-item .dropmenu_content[data-align=right] {
	left: auto;
	right: calc( -1 * var(--DRPoffset, 1vw) );
	transform: none;
}

/* make relative to align dropdowns correctly */
.navigation.v2 .header .mymenu > ul > li {
	position: relative;
}

/* show menus on click */
li.menu-item > a[aria-expanded="true"] + .dropmenu_content {
	display: block;
}

/* show menus on hover */
li.menu-item:hover .dropmenu_content[data-trigger="hover"] {
	display: block;
}
li.menu-item .dropmenu_content[data-trigger="hover"] > ul.submenu {
	display: block !important;
}

/** fade in */
.dropmenu_content[data-anim="fade"] {
	animation: navFadeIn var(--anim);
}
@-webkit-keyframes navFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes navFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* slide in */
li.menu-item > a[aria-expanded="true"] + .dropmenu_content[data-anim="slide"],
li.menu-item:hover .dropmenu_content[data-trigger="hover"][data-anim="slide"] {
	/* overflow: hidden; */
	display: grid !important;
	animation: slideDown var(--anim);
}
.dropmenu_content[data-anim="slide"] > .submenu {
	overflow: hidden;
	width: max-content;
}
.dropmenu_content[data-anim="slide"] > .dropmenu_template {
	overflow: hidden;
}
@keyframes slideDown {
	0% {
		opacity: 0;
		grid-template-rows: 0fr 0fr;
	}
	100% {
		opacity: 1;
		grid-template-rows: 0fr 1fr;
	}
}
@-webkit-keyframes slideDown {
	0% {
		opacity: 0;
		grid-template-rows: 0fr 0fr;
	}
	100% {
		opacity: 1;
		grid-template-rows: 0fr 1fr;
	}
}

/**
 * Tab icon
 */
.dropmenu_content > .dropmenu_tab {
	position: relative;
	width: 0;
	height: 0;
	margin: 0 auto;
	margin-bottom: calc( var(--DRPTmargin, 0) - 1px );
	border-style: solid;
}

/* align left */
.dropmenu_content[data-align=left]> .dropmenu_tab {
	margin-left: 1.4em;
}

/* align right */
.dropmenu_content[data-align=right]> .dropmenu_tab {
	margin-right: 1.4em;
}

/* triangle */
.dropmenu_content > .dropmenu_tab.triangle {
	border-top-width: 0;
	border-bottom-width: var(--DRPTheight);
	border-left-width: calc(var(--DRPTwidth) / 2);
	border-right-width: calc(var(--DRPTwidth) / 2);
	border-color: transparent;
	border-bottom-color: var(--DRPTbgcolor);
	/* margin-top: calc(1px - var(--DRPTheight) - var(--DRPTheight) - var(--DRPTmargin)); */
}

/* triangle rounded */
.dropmenu_content > .dropmenu_tab.triangle_rd {
	background-color: var(--DRPTbgcolor);
	/* margin-top: calc(1px - var(--DRPTwidth) * 0.83 - var(--DRPTmargin)); */
	border-style: none;
}

.dropmenu_content > .dropmenu_tab.triangle_rd:before,
.dropmenu_content > .dropmenu_tab.triangle_rd:after {
	content: '';
	position: absolute;
	background-color: inherit;
}

.dropmenu_content > .dropmenu_tab.triangle_rd,
.dropmenu_content > .dropmenu_tab.triangle_rd:before,
.dropmenu_content > .dropmenu_tab.triangle_rd:after {
	width: calc(var(--DRPTwidth) * 0.6);
	height: calc(var(--DRPTwidth) * 0.6);
	border-top-right-radius: var(--DRPTradius);
}

.dropmenu_content > .dropmenu_tab.triangle_rd {
	transform: rotate(-60deg) skewX(-30deg) scale(1, .866);
}

.dropmenu_content > .dropmenu_tab.triangle_rd:before {
	transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);
}

.dropmenu_content > .dropmenu_tab.triangle_rd:after {
	transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%);
}

/* circle */
.dropmenu_content > .dropmenu_tab.circle {
	border-width: calc(var(--DRPTwidth) / 2);
	border-color: var(--DRPTbgcolor);
	border-radius: 100%;
	/* margin-top: calc(1px - var(--DRPTwidth) - var(--DRPTmargin)); */
}

/* square */
.dropmenu_content > .dropmenu_tab.square {
	border-top-width: calc(var(--DRPTheight) / 2);
	border-bottom-width: calc(var(--DRPTheight) / 2);
	border-left-width: calc(var(--DRPTwidth) / 2);
	border-right-width: calc(var(--DRPTwidth) / 2);
	border-color: var(--DRPTbgcolor);
	/* margin-top: calc(1px - var(--DRPTheight) - var(--DRPTmargin)); */
}

/* square rounded */
.dropmenu_content > .dropmenu_tab.square_rd {
	border-top-width: calc(var(--DRPTheight) / 2);
	border-bottom-width: calc(var(--DRPTheight) / 2);
	border-left-width: calc(var(--DRPTwidth) / 2);
	border-right-width: calc(var(--DRPTwidth) / 2);
	border-color: var(--DRPTbgcolor);
	border-radius: var(--DRPTradius);
	/* margin-top: calc(1px - var(--DRPTheight) - var(--DRPTmargin)); */
}


/**
 * Menu
 */

.dropmenu_content > ul {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.dropmenu_content > .dropmenu_template {
	display: block;
}

.dropmenu_content > ul,
.dropmenu_content > .dropmenu_template {
	background-color: var(--DRPbgcolor);
	border-color: var(--DRPbocolor);
	border-width: var(--DRPborderWidth);
	border-radius: var(--DRPborderRadius);
	border-top-style: var(--DRPborderTop);
	border-bottom-style: var(--DRPborderBottom);
	border-left-style: var(--DRPborderLeft);
	border-right-style: var(--DRPborderRight);
	box-shadow: var(--DRPshadow);
	padding: var(--DRPtopbottom) var(--DRPleftright);
}

.dropmenu_content > ul > li a {
	margin-bottom: var(--DRPITMmargin);
}

.dropmenu_content > ul > li a:not(.button) {
	display: block;
	width: var(--DRPITMwidth);
	padding: var(--DRPITMtopbottom) var(--DRPITMleftright);

	font-family: var(--DRPITMfontFamily);
	font-size: var(--DRPITMfontSize);
	font-weight: var(--DRPITMfontWeight);
	line-height: var(--DRPITMlineHeight);
	letter-spacing: var(--DRPITMletterSpacing);
	word-spacing: var(--DRPITMwordSpacing);
	/* text-align: var(--DRPITMtextAlign); */
	text-transform: var(--DRPITMtextTransform);

	color: var(--DRPITMtxtcolor);
	background-color: var(--DRPITMbgcolor);
	border-color: var(--DRPITMbocolor);

	border-width: var(--DRPITMborderWidth);
	border-radius: var(--DRPITMborderRadius);
	border-top-style: var(--DRPITMborderTop);
	border-bottom-style: var(--DRPITMborderBottom);
	border-left-style: var(--DRPITMborderLeft);
	border-right-style: var(--DRPITMborderRight);

	transition: all var(--anim) ease;
}

/* clean margins in simple dropdown */
.dropmenu_content > ul > li a {
	margin-bottom: 0;
	margin-top: var(--DRPITMmargin);
}

.dropmenu_content > ul > li:first-child > a {
	margin-top: 0;
}

.dropmenu_content li.current_page_item > a:not(.button):not(.anchor_item),
.dropmenu_content li.current-menu-item > a:not(.button):not(.anchor_item),
.dropmenu_content li.current-menu-item > a:not(.button).current_anchor_item {
	color: var(--DRPITMtxtcolorAc);
	background-color: var(--DRPITMbgcolorAc);
	border-color: var(--DRPITMbocolorAc);
}

.dropmenu_content li.page_item > a:not(.button):hover,
.dropmenu_content li.menu-item > a:not(.button):hover {
	color: var(--DRPITMtxtcolorHv);
	background-color: var(--DRPITMbgcolorHv);
	border-color: var(--DRPITMbocolorHv);
}

/* sub ebene */
.dropmenu_content > ul li ul {
	padding: 0px 0px var(--DRPSUBmargin) var(--DRPSUBleft);
}

.dropmenu_content > ul li ul ul {
	padding-bottom: 0px;
}

.dropmenu_content > ul li ul li a:not(.button) {
	font-size: var(--DRPSUBfontSize);
}




/*    Main Content
__________________________________
*/
.navigation.v2 + .main {
	margin-top: 0px;
	min-height: 100vh;
}




/*
	WP AdminBar Fixes
*/
/* navbar */
body.admin-bar .navigation {
	margin-top: 32px;
}

/* offmenu */
body.admin-bar .offmenu {
	margin-top: 32px;
	max-height: calc(100% - 32px);
}

/* responsive */
@media all and (max-width: 782px) {
	body.admin-bar .navigation {
		margin-top: 46px;
	}

	body.admin-bar .offmenu {
		margin-top: 46px;
		max-height: calc(100% - 46px);
	}
}

/* header 2 */
/* offmenu */
body.admin-bar .navigation.v2 #mainmenuoff {
	margin-top: calc(var(--HEDOFFmtop) + 32px);
	max-height: calc(100vh - var(--HEDOFFmtop) - var(--HEDOFFmbottom) - 32px);
}

body.admin-bar .navigation.v2.scr #mainmenuoff {
	margin-top: calc(var(--HEDOFFmtopScr) + 32px);
	max-height: calc(100vh - var(--HEDOFFmtopScr) - var(--HEDOFFmbottom) - 32px);
}

body.admin-bar .navigation.v2 .offmenu.fulltop {
	top: calc(-100vh - 32px);
}

@media all and (max-width: 782px) {
	body.admin-bar .navigation.v2 #mainmenuoff {
		margin-top: calc(var(--HEDOFFmtop) + 46px);
		max-height: calc(100vh - var(--HEDOFFmtop) - var(--HEDOFFmbottom) - 46px);
	}

	body.admin-bar .navigation.v2.scr #mainmenuoff {
		margin-top: calc(var(--HEDOFFmtopScr) + 46px);
		max-height: calc(100vh - var(--HEDOFFmtopScr) - var(--HEDOFFmbottom) - 46px);
	}

	body.admin-bar .navigation.v2 .offmenu.fulltop {
		top: calc(-100vh - 46px);
	}
}

body.v2.admin-bar.main_open_bottom .navigation.v2 #mainmenuoff.offbottom,
body.v2.admin-bar.main_open_over_bottom .navigation.v2 #mainmenuoff.overbottom {
	top: calc(100vh - var(--HEDOFFheight) - 32px);
}

@media (max-width: var(grid_lg)) {

	body.v2.admin-bar.main_open_bottom .navigation.v2 #mainmenuoff.offbottom,
	body.v2.admin-bar.main_open_over_bottom .navigation.v2 #mainmenuoff.overbottom {
		top: calc(100vh - var(--HEDOFFheightLG) - 32px);
	}
}

@media all and (max-width: 782px) {

	body.v2.admin-bar.main_open_bottom .navigation.v2 #mainmenuoff.offbottom,
	body.v2.admin-bar.main_open_over_bottom .navigation.v2 #mainmenuoff.overbottom {
		top: calc(100vh - var(--HEDOFFheightLG) - 46px);
	}
}

@media (max-width: var(grid_md)) {

	body.v2.admin-bar.main_open_bottom .navigation.v2 #mainmenuoff.offbottom,
	body.v2.admin-bar.main_open_over_bottom .navigation.v2 #mainmenuoff.overbottom {
		top: calc(100vh - var(--HEDOFFheightMD) - 46px);
	}
}

@media (max-width: var(grid_sm)) {

	body.v2.admin-bar.main_open_bottom .navigation.v2 #mainmenuoff.offbottom,
	body.v2.admin-bar.main_open_over_bottom .navigation.v2 #mainmenuoff.overbottom {
		top: calc(100vh - var(--HEDOFFheightSM) - 46px);
	}
}

/* header sec */
/* offmenu */
body.admin-bar .navigation.v2 #metamenuoff {
	margin-top: calc(var(--HED2OFFmtop) + 32px);
	max-height: calc(100vh - var(--HED2OFFmtop) - var(--HED2OFFmbottom) - 32px);
}

body.admin-bar .navigation.v2.scr #metamenuoff {
	margin-top: calc(var(--HED2OFFmtopScr) + 32px);
	max-height: calc(100vh - var(--HED2OFFmtopScr) - var(--HED2OFFmbottom) - 32px);
}

@media all and (max-width: 782px) {
	body.admin-bar .navigation.v2 #metamenuoff {
		margin-top: calc(var(--HED2OFFmtop) + 46px);
		max-height: calc(100vh - var(--HED2OFFmtop) - var(--HED2OFFmbottom) - 46px);
	}

	body.admin-bar .navigation.v2.scr #metamenuoff {
		margin-top: calc(var(--HED2OFFmtopScr) + 46px);
		max-height: calc(100vh - var(--HED2OFFmtopScr) - var(--HED2OFFmbottom) - 46px);
	}
}

body.v2.admin-bar.main_open_bottom .navigation.v2 #metamenuoff.offbottom,
body.v2.admin-bar.main_open_over_bottom .navigation.v2 #metamenuoff.overbottom {
	top: calc(100vh - var(--HED2OFFheight) - 32px);
}

@media (max-width: var(grid_lg)) {

	body.v2.admin-bar.main_open_bottom .navigation.v2 #metamenuoff.offbottom,
	body.v2.admin-bar.main_open_over_bottom .navigation.v2 #metamenuoff.overbottom {
		top: calc(100vh - var(--HED2OFFheightLG) - 32px);
	}
}

@media all and (max-width: 782px) {

	body.v2.admin-bar.main_open_bottom .navigation.v2 #metamenuoff.offbottom,
	body.v2.admin-bar.main_open_over_bottom .navigation.v2 #metamenuoff.overbottom {
		top: calc(100vh - var(--HED2OFFheightLG) - 46px);
	}
}

@media (max-width: var(grid_md)) {

	body.v2.admin-bar.main_open_bottom .navigation.v2 #metamenuoff.offbottom,
	body.v2.admin-bar.main_open_over_bottom .navigation.v2 #metamenuoff.overbottom {
		top: calc(100vh - var(--HED2OFFheightMD) - 46px);
	}
}

@media (max-width: var(grid_sm)) {

	body.v2.admin-bar.main_open_bottom .navigation.v2 #metamenuoff.offbottom,
	body.v2.admin-bar.main_open_over_bottom .navigation.v2 #metamenuoff.overbottom {
		top: calc(100vh - var(--HED2OFFheightSM) - 46px);
	}
}


/*    Vertical Navbar
__________________________________
*/

@media (max-width: var(navi_header_mobile_toggle)) {
	.vertical_navbar {
		display: none;
	}
}

@media (min-width: var(navi_header_mobile_toggle)) {
	.vertical_navbar {
		position: fixed;
		top: 0;
		bottom: 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		text-align: center;
		overflow-x: auto;

		width: var(--HEDVERTwidth);
		background-color: var(--HEDVERTcolor);
		padding: var(--HEDVERTpaddingy) var(--HEDVERTpaddingx);
	}

	.vertical_navbar.right {
		right: 0;
		transition: right var(--anim) ease;
	}

	.vertical_navbar.left {
		left: 0;
		transition: left var(--anim) ease;
	}

	/*
		Burger
	*/
	.vertical_navbar .burger_wrapper {
		margin-bottom: var(--HEDVERTburger_margin);
	}

	.vertical_navbar .hamburger .hamburger-box {
		transform: scale(var(--HEDVERTburger_size));
	}

	.vertical_navbar .hamburger .hamburger-inner,
	.vertical_navbar .hamburger .hamburger-inner::before,
	.vertical_navbar .hamburger .hamburger-inner::after {
		background-color: var(--HEDVERTburger_color);
	}

	.vertical_navbar .hamburger:hover .hamburger-inner,
	.vertical_navbar .hamburger:hover .hamburger-inner::before,
	.vertical_navbar .hamburger:hover .hamburger-inner::after {
		background-color: var(--HEDVERTburger_colorhv);
	}

	/*
		Menu items
	*/
	.vertical_navbar ul li a {
		display: inline-flex;
		flex-direction: column;
		align-items: center;

		color: var(--HEDVERTfont_color);
		font-size: var(--HEDVERTfont_size);
		font-weight: var(--HEDVERTfont_weight);
		line-height: var(--HEDVERTline_height);
		text-transform: var(--HEDVERTtext_transform);
		letter-spacing: var(--HEDVERTletter_spacing);
		word-spacing: var(--HEDVERTword_spacing);
	}

	.vertical_navbar ul li a:hover {
		color: var(--HEDVERTfont_colorhv);
	}

	.vertical_navbar ul li:not(:last-child) {
		margin-bottom: var(--HEDVERTbetween);
	}

	/* submenu */
	.vertical_navbar ul li ul {
		margin-top: var(--HEDVERTbetween);
	}

	.vertical_navbar ul li ul li a {
		font-size: calc(var(--HEDVERTfont_size) * 0.8);
	}

	.vertical_navbar ul li ul li:not(:last-child) {
		margin-bottom: calc(var(--HEDVERTbetween) * 0.8);
	}

	/* icons */
	.vertical_navbar ul li a > span {
		margin: 0px 0px var(--HEDVERTicon_margin) 0 !important;
		font-size: var(--HEDVERTicon_size);
	}


	/*
		General page layout
	*/
	/* move the body */
	.navigation:is( .nav_vert_right, .nav_vert_left ) .header_wrapper,
	.navigation:is( .nav_vert_right, .nav_vert_left ) + .main {
		width: calc(100% - var(--HEDVERTwidth));
	}

	.navigation.nav_vert_left .header_wrapper,
	.navigation.nav_vert_left + .main {
		margin-left: var(--HEDVERTwidth);
	}

	/* adminbar */
	body.admin-bar .vertical_navbar {
		top: 32px;
	}

	@media all and (max-width: 782px) {
		body.admin-bar .vertical_navbar {
			top: 46px;
		}
	}

	/* adjust the offmenu when class 'vert_move_off' isset */
	body.v2 .navigation.v2.vert_move_off .vertical_navbar {
		z-index: 1;
	}

	body.v2 .navigation.v2.vert_move_off #mainmenuoff.fullright,
	body.v2 .navigation.v2.vert_move_off #mainmenuoff.fullleft,
	body.v2 .navigation.v2.vert_move_off #mainmenuoff.fulltop,
	body.v2 .navigation.v2.vert_move_off #mainmenuoff.fullbottom,
	body.v2 .navigation.v2.vert_move_off #mainmenuoff.overtop,
	body.v2 .navigation.v2.vert_move_off #mainmenuoff.overbottom {
		width: calc(100% - var(--HEDOFFmleftright) - var(--HEDOFFmleftright) - var(--HEDVERTwidth)) !important;
	}

	body.v2.main_open_full_right .navigation.v2.nav_vert_right.vert_move_off #mainmenuoff.fullright,
	body.v2.main_open_full_left .navigation.v2.nav_vert_right.vert_move_off #mainmenuoff.fullleft,
	body.v2.main_open_full_top .navigation.v2.nav_vert_right.vert_move_off #mainmenuoff.fulltop,
	body.v2.main_open_full_bottom .navigation.v2.nav_vert_right.vert_move_off #mainmenuoff.fullbottom,
	body.v2.main_open_over_right .navigation.v2.nav_vert_right.vert_move_off #mainmenuoff.overright {
		right: var(--HEDVERTwidth);
	}

	body.v2 .navigation.v2.nav_vert_left.vert_move_off #mainmenuoff.fullbottom {
		right: 0;
	}

	body.v2.main_open_over_left .navigation.v2.nav_vert_left.vert_move_off #mainmenuoff.overleft,
	body.v2 .navigation.v2.nav_vert_left.vert_move_off #mainmenuoff.overtop,
	body.v2 .navigation.v2.nav_vert_left.vert_move_off #mainmenuoff.overbottom {
		left: var(--HEDVERTwidth);
	}
}


/**
 * Navigation skip link
 */
.navigation.v2 .header li.menu-item:has( .greyd_skip_link ) {
	position: relative;
}
.navigation.v2 .header#mainmenu .mymenu > ul > li > a.greyd_skip_link:focus,
.navigation.v2 .header a.greyd_skip_link.greyd_skip_link.greyd_skip_link:focus {
	transition: none !important;
	position: absolute;
	height: auto;
	width: auto;
	display: block;
	padding: 15px 23px 14px;
	color: var(--color21) !important;
	background-color: var(--color62) !important;
	z-index: 100000;
	border-radius: 2px;
	box-shadow: 0 0 5px -1px rgb(0 0 0 / 60%) !important;
	outline-offset: -2px;

	top: 120%;
	min-width: max-content;
	left: 50%;
	transform: translateX(-50%);
}