body.debug{
	/* visibility: visible; */
}

/* ============================================================================
   Media Queries: LAYOUT 1: 1-599px
   ========================================================================= */

/**
 *
 * LAYOUT 1 - Full width, one column main section (small device). 
 * Button primary menu (touch) Width, between 1 and 599	
 *
 */

@media screen and (max-width:599px){
	/* ----- 
	PRIMARY MENU (main section)
	min-width:1px
	max-width:599px
	----- */
	.show-offcanvas-search,
	.show-offcanvas-search .id-offcanvas-search-section,
	.show-offcanvas-search .offcanvas-nav-mobile-header-search-item{
		/* background-color:var(--color-midgray); */
		/*background-color:var(--color-text-body);*/
		background-color:var(--color-background-text);
	}

	.show-offcanvas-search .offcanvas-nav-mobile-footer-search-item a,
	.show-offcanvas-search .offcanvas-nav-mobile-header-search-item a:active,
	.show-offcanvas-search .offcanvas-nav-mobile-header-search-item a.active,
	.show-offcanvas-search .offcanvas-nav-mobile-header-search-item a.active:hover,
	.show-offcanvas-search .offcanvas-nav-mobile-header-search-item a.active:active{
		/* color:#fff; */
		/* color:var(--color-text-body); */
		/* color:rgba(var(--color-text-body-rgb),1) */
		/* color:var(--color-text-heading); */
		/* color:rgba(var(--color-text-heading-rgb)); */
	}

	.show-offcanvas-search .id-offcanvas-nav-mobile-header{
		/* border-bottom-color:var(--color-midgray); */
		/*border-bottom-color:var(--color-text-body);*/
		border-bottom-color:var(--color-background-text);
	}

	/**/
	.show-offcanvas-menu,
	.show-offcanvas-menu .id-offcanvas-menu-section,
	.show-offcanvas-menu .offcanvas-nav-mobile-header-menu-item{
		/* background-color:var(--color-midgray); */
		/*background-color:var(--color-text-body);*/
		background-color:var(--color-background-text);
	}

	/*.show-offcanvas-menu,*/
	/*.show-offcanvas-menu a,*/
	.show-offcanvas-menu .offcanvas-nav-mobile-footer-menu-item a,
	.show-offcanvas-menu .offcanvas-nav-mobile-header-menu-item a:active,
	.show-offcanvas-menu .offcanvas-nav-mobile-header-menu-item a.active,
	.show-offcanvas-menu .offcanvas-nav-mobile-header-menu-item a.active:hover,
	.show-offcanvas-menu .offcanvas-nav-mobile-header-menu-item a.active:active{
		/* color:#fff; */
		/* color:var(--color-text-body); */
		/* color:rgba(var(--color-text-body-rgb),1) */
		/* color:var(--color-text-heading); */
		/* color:rgba(var(--color-text-heading-rgb)); */
	}

	.show-offcanvas-menu .id-offcanvas-nav-mobile-header{
		/* border-bottom-color:var(--color-midgray); */
		/*border-bottom-color:var(--color-text-body);*/
		border-bottom-color:var(--color-background-text);
	}

	.primary-menu-toggler,
	.primary-menu a span.primary-menu-toggler{
		display: block;
	}
}

/* ============================================================================
   Media Queries: LAYOUT 1: 1-319px
   ========================================================================= */

@media screen and (max-width:319px){
	.primary-menu{	
		/* word-wrap:anywhere; */
		overflow-wrap:anywhere;
		/* word-break:normal; */
		-webkit-hyphens:auto;
		-ms-hyphens:auto;
		hyphens:auto;
	}
}

/* ============================================================================
   Media Queries: LAYOUT 3: 1200-99999px
   ========================================================================= */

/**
 *
 * LAYOUT 3 - Three column main section (desktop device).
 * Vertical primary menu (sidebar)
 * Width, between 1200 and 99999											
 *
 * CONTENT MOVED TO 'primary-menu-desktop.css'
 * ( @media screen and (min-width:1200px) and (max-width:99999px),print{}
 )
 *
 */

/* ============================================================================
   Media Queries: PRIMARY MENU - COLUMN LAYOUT (OFFCANVAS)
   ========================================================================= */

@media screen and (min-width:600px),print{

	.primary-menu-columns ul.level1{
		width: 100%;
	}

	.primary-menu-columns a.level1{
		position:-webkit-sticky;
		position:sticky;
		top: -1px;
		z-index:10;
		/*border-bottom: 1px dotted rgba(0,0,0,0.06)!important;*/
	}

	.primary-menu-columns ul,
	.primary-menu-columns li,
	.secondary-menu-offcanvas ul,
	.secondary-menu-offcanvas li,
	.menu-multicol-box-offcanvas{
		float:left;
		width:auto;
	}

	.secondary-menu-offcanvas ul,
	.menu-multicol-offcanvas .secondary-menu-offcanvas li,
	.menu-multicol-box-offcanvas{
		float:left;
		width:100%;
		max-width:100%;
		clear:both;
	}

	.primary-menu-columns li{
		width: 21em;
		padding: 0 0 1.5em 0;
		min-height:3em;
	}
	.secondary-menu-offcanvas li,
	.menu-multicol-box-offcanvas{
		width: 21em;
		padding: 0 0 1.5em 0;
		min-height:3em;
	}

	.primary-menu-columns .level2 li,
	.menu-multicol-offcanvas li,
	.secondary-menu-offcanvas li,
	.menu-multicol-box-offcanvas{
		width:100%;
		padding:0;
		min-height:0;
	}

	.primary-menu-columns .level1 ul{
		display:block!important;
		padding:0;
		margin:0;
		background-color:transparent;
		box-shadow:none;
		border:none;
		min-width:0;
		-webkit-transform:none;
		transform:none;
	}

	.primary-menu-columns .primary-menu-count{
		display:none!important;
	}

	.primary-menu-columns a:not(.active-currentpage),
	.menu-multicol-offcanvas a:not(.active),
	.menu-multicol-offcanvas .menu-multicol-box-title-inner,
	.secondary-menu-offcanvas a:not(.active),
	.menu-multicol-offcanvas .menu-multicol-box-title-inner-link:not(.active),
	.id-offcanvas-menu-close{
		text-shadow:none;
		box-shadow:none;
		background-image:none;
		background-color:transparent;
		border-color:transparent;
		/*color:#fff;*/
		/*color:rgba(255,255,255,0.7);*/
		color:var(--color-text-body);
		/* color:rgba(var(--color-text-body-rgb),1) */
		/* color:var(--color-text-heading); */
		/* color:rgba(var(--color-text-heading-rgb)); */
	}

	.primary-menu-columns a.active:not(.active-currentpage),
	.primary-menu-columns a.level1:not(.active-currentpage),
	.menu-multicol-offcanvas .menu-multicol-box-title-inner,
	.menu-multicol-offcanvas .menu-multicol-box-title-inner-link:not(.active){
		text-shadow:none;
		box-shadow:none;
		background-image:none;
		/*background-color:transparent;*/
		background-color:var(--color-background-text);
		border-color:transparent;
		/* color:#fff; */
		/* color:var(--color-text-body); */
		/* color:rgba(var(--color-text-body-rgb),1) */
		color:var(--color-text-heading);
		/* color:rgba(var(--color-text-heading-rgb)); */
	}

	.primary-menu-columns a:not(.active-currentpage):hover,
	.primary-menu-columns a.level1:not(.active-currentpage):hover,
	.menu-multicol-offcanvas a:not(.active):hover,
	.secondary-menu-offcanvas a:not(.active):hover,
	.menu-multicol-offcanvas .menu-multicol-box-title-inner-link:not(.active):hover,
	.id-offcanvas-menu-close:hover{
		/* color:#fff; */
		color:var(--color-link);
		/* color:var(--color-text-body); */
		/* color:rgba(var(--color-text-body-rgb),1) */
		/* color:var(--color-text-heading); */
		/* color:rgba(var(--color-text-heading-rgb)); */
	}

	.primary-menu-columns a.level1active:not(.active-currentpage),
	.primary-menu-columns a.level1active:not(.active-currentpage):hover{
		text-shadow:none;
		box-shadow:none;
		/*box-shadow:inset 0 -2px 0 0 var(--color-base);*/
		/*background-image:-webkit-linear-gradient(top,var(--color-base-dark) 0%,var(--color-base) 100%);*/
		/*background-image:linear-gradient(to bottom,var(--color-base-dark) 0%,var(--color-base) 100%);*/
		background-image:none;
		/*background-color:var(--color-base);*/
		/*background-color:transparent;*/
		background-color:var(--color-background-text);
		/* color:#fff; */
		/*color:var(--color-base);*/
		/* color:var(--color-text-body); */
		/* color:rgba(var(--color-text-body-rgb),1) */
		color:var(--color-text-heading);
		/* color:rgba(var(--color-text-heading-rgb)); */
		/*border-color:var(--color-base-dark);*/
		border-color:transparent;
	}

	.primary-menu-columns a.active-currentpage,
	.primary-menu-columns a.active-currentpage:hover,
	.primary-menu-columns .toplevel a.active-currentpage,
	.primary-menu-columns .toplevel a.active-currentpage:hover,
	.secondary-menu-offcanvas a.active,
	.secondary-menu-offcanvas a.active:hover,
	.menu-multicol-offcanvas .menu-multicol-box-title-inner-link.active,
	.menu-multicol-offcanvas .menu-multicol-box-title-inner-link.active:hover{
		/* text-shadow:none; */
		/* box-shadow:none; */
		/* background-image:none; */
		/* background-color:transparent; */
		/* color:var(--color-base); */
		/* border-color:transparent; */
		text-shadow:none;
		box-shadow: 0 0  0 2px #fff;
		background-image:none;
		background-color:#fff;
		color: var(--color-text-heading);
		border-color:#fff;
		position:relative;
		display:inline-block;
	}

	.primary-menu-columns a.active-currentpage:after,
	.primary-menu-columns .toplevel a.active-currentpage:after,
	.secondary-menu-offcanvas a.active:after,
	.menu-multicol-offcanvas .menu-multicol-box-title-inner-link.active:after{
		content:''!important;
		display:block!important;
		border-bottom:2px solid var(--color-base);
		position:absolute;
		top:0.875em;
		bottom:-2px;
		left:0;
		right:0;
		width:80%!important;
		margin:0 auto;
	}


	.primary-menu-columns a.level1active.active-currentpage,
	.primary-menu-columns a.level1active.active-currentpage:hover,
	.primary-menu-columns a.level1active.active-currentpage:active,
	.menu-multicol-offcanvas .menu-multicol-box-title-inner-link.active,
	.menu-multicol-offcanvas .menu-multicol-box-title-inner-link.active:hover,
	.menu-multicol-offcanvas .menu-multicol-box-title-inner-link.active:active{
			text-shadow:none;
			box-shadow:none;
			/*box-shadow:inset 0 0 0 2px var(--color-base);*/
			/*box-shadow:inset 0 -3px 0 0 var(--color-base);*/
			/*background-image:-webkit-linear-gradient(top,var(--color-base-dark) 0%,var(--color-base) 100%);*/
			/*background-image:linear-gradient(to bottom,var(--color-base-dark) 0%,var(--color-base) 100%);*/
			background-image:none;
			/*background-color:var(--color-base);*/
			/*background-color:transparent;*/
			background-color:var(--color-background-text);
			/*color:#fff;*/
			/* color:var(--color-text-body); */
			/* color:rgba(var(--color-text-body-rgb),1) */
			/* color:var(--color-text-heading); */
			/* color:rgba(var(--color-text-heading-rgb)); */
			color:var(--color-base);
			/*border-color:var(--color-base-dark);*/
			border-color:transparent;
	}

	html .primary-menu-columns a:after{
		display:none;
	}

	/**/

	.primary-menu-columns li:nth-of-type(1n),
	.secondary-menu-offcanvas li:nth-of-type(1n),
	.menu-multicol-box-offcanvas:nth-of-type(1n){
		clear:none;
	}

	.primary-menu-columns-thirds li,
	.primary-menu-columns-fourths li,
	.primary-menu-columns-sixths li,
	.secondary-menu-offcanvas li,
	.menu-multicol-box-offcanvas{
		max-width:50%;
	}

	.primary-menu-columns-thirds li:nth-of-type(2n+1),
	.primary-menu-columns-fourths li:nth-of-type(2n+1),
	.primary-menu-columns-sixths li:nth-of-type(2n+1),
	.secondary-menu-offcanvas li:nth-of-type(2n+1),
	.menu-multicol-box-offcanvas:nth-of-type(2n+1){
		clear:left;
	}

	.primary-menu-columns .level1 ul,
	.primary-menu-columns .level2 li,
	.primary-menu-columns .level2 li:nth-of-type(1n){
		width:100%;
		max-width:100%;
		clear:both;
	}
	
	/**
	 * Hide level 3 per default. Expand level 3 if current page is level2 with children or a child of level2.
	 */
	.primary-menu-columns .level2 ul{
		/* display:none!important; */
	}

	.primary-menu-columns .level2 li:not(.toplevel) a:after{
		/* display:block; */
		/* -webkit-transform: translateX(0.375em); */
		/* transform: translateX(0.375em); */
	}

	.primary-menu-columns .level2 ul.open{
		/* display:block!important; */
	}
}

@media screen and (min-width:600px) and (max-height:600px){
	/**
	 * Hide level 2 for non-tall screens
	 */
	.primary-menu-columns a.level1:after,
	.primary-menu-columns ul.level2{
		display:none!important;
	}
}

@media screen and (min-width:600px) and (max-height:960px){
	/**
	 * Hide level 3 for non-tall screens
	 */
	.primary-menu-columns a.level2:after,
	.primary-menu-columns ul.level3{
		display:none!important;
	}
}

@media screen and (min-width:720px),print{
	.primary-menu-columns li:nth-of-type(1n),
	.secondary-menu-offcanvas li:nth-of-type(1n),
	.menu-multicol-box-offcanvas:nth-of-type(1n){
		clear:none;
	}

	.primary-menu-columns-thirds li,
	.primary-menu-columns-sixths li,
	.secondary-menu-offcanvas li,
	.menu-multicol-box-offcanvas{
		max-width:33.333%;
	}

	.primary-menu-columns-thirds li:nth-of-type(3n+1),
	.primary-menu-columns-sixths li:nth-of-type(3n+1),
	.secondary-menu-offcanvas li:nth-of-type(3n+1),
	.menu-multicol-box-offcanvas:nth-of-type(3n+1){
		clear:left;
	}

	.primary-menu-columns-fourths li{
		max-width:50%;
	}

	.primary-menu-columns-fourths li:nth-of-type(2n+1){
		clear:left;
	}

	.primary-menu-columns .level1 ul,
	.primary-menu-columns .level2 li,
	.primary-menu-columns .level2 li:nth-of-type(1n){
		width:100%;
		max-width:100%;
		clear:both;
	}
}

@media screen and (min-width:960px),print{
	.primary-menu-columns li:nth-of-type(1n),
	.secondary-menu-offcanvas li:nth-of-type(1n),
	.menu-multicol-box-offcanvas:nth-of-type(1n){
		clear:none;
	}

	.primary-menu-columns-fourths li,
	.primary-menu-columns-sixths li,
	.secondary-menu-offcanvas li,
	.menu-multicol-box-offcanvas{
		max-width:25%;
	}

	.primary-menu-columns-fourths li:nth-of-type(4n+1),
	.primary-menu-columns-sixths li:nth-of-type(4n+1),
	.secondary-menu-offcanvas li:nth-of-type(4n+1),
	.menu-multicol-box-offcanvas:nth-of-type(4n+1){
		clear:left;
	}

	.primary-menu-columns-thirds li{
		max-width:33.333%;
	}

	.primary-menu-columns-thirds li:nth-of-type(3n+1){
		clear:left;
	}

	.primary-menu-columns .level1 ul,
	.primary-menu-columns .level2 li,
	.primary-menu-columns .level2 li:nth-of-type(1n){
		width:100%;
		max-width:100%;
		clear:both;
	}
}

@media screen and (min-width:1600px){

	.id-offcanvas-menu-section{
		width:1600px;
	}

	.primary-menu-columns li:nth-of-type(1n),
	.secondary-menu-offcanvas li:nth-of-type(1n),
	.menu-multicol-box-offcanvas:nth-of-type(1n){
		clear:none;
	}

	.primary-menu-columns-sixths li,
	.secondary-menu-offcanvas li,
	.menu-multicol-box-offcanvas{
		max-width:16.666%;
	}

	.primary-menu-columns-sixths li:nth-of-type(6n+1),
	.secondary-menu-offcanvas li:nth-of-type(6n+1),
	.menu-multicol-box-offcanvas:nth-of-type(6n+1){
		clear:left;
	}

	.primary-menu-columns-fourths li{
		max-width:25%;
	}

	.primary-menu-columns-fourths li:nth-of-type(4n+1){
		clear:left;
	}

	.primary-menu-columns-thirds li{
		max-width:33.333%;
	}

	.primary-menu-columns-thirds li:nth-of-type(3n+1){
		clear:left;
	}

	.primary-menu-columns .level1 ul,
	.primary-menu-columns .level2 li,
	.primary-menu-columns .level2 li:nth-of-type(1n){
		width:100%;
		max-width:100%;
		clear:both;
	}
}