/**
 * Main colors
 */
/**
 * Section themes
 * Classes are generated in layout/_sections.scss
 */
/**
 * Fonts
 */
/**
 * Font weights
 */
/**
 * Forms
 */
/**
 * Lazy load
 */
/**
 * Breakpoints
 */
/**
 * Overlay
 */
/**
 * Gallery overlay
 */
/**
 * Image backgrounds
 */
/**
 * Paddings
 **/
/* ------------------------------------------- */
/*               min-width: 1200px             */
/*                     XL                      */
/* ------------------------------------------- */
/*     min-width: 992px - max-width: 1199px    */
/*                     LG                      */
/* ------------------------------------------- */
/*     min-width: 768px - max-width: 991px     */
/*                     MD                      */
/* ------------------------------------------- */
/*     min-width: 576px - max-width: 767px     */
/*                     SM                      */
/* ------------------------------------------- */
/*               max-width: 575px              */
/*                     XS                      */
/* ------------------------------------------- */
/* Custom */
/* Menu >= 1200px */
@media all and (min-width: 1200px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1200px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1200px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1200px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1200px), only screen and (min-resolution: 192dpi) and (min-width: 1200px), only screen and (min-resolution: 2dppx) and (min-width: 1200px) {
	.menuReset, .menuBtnHolder {
		display: none; }
	.nav {
		z-index: 10; }
		.nav__list {
			position: relative;
			list-style: none;
			display: flex;
			flex-wrap: wrap;
			padding: 0;
			margin: 0;
			-moz-transition: 200ms all ease-in-out;
			-o-transition: 200ms all ease-in-out;
			-webkit-transition: 200ms all ease-in-out;
			transition: 200ms all ease-in-out;
			-moz-transition-property: opacity, color, background-color;
			-o-transition-property: opacity, color, background-color;
			-webkit-transition-property: opacity, color, background-color;
			transition-property: opacity, color, background-color; }
		.nav__item {
			position: relative; }
			.nav__item:hover .ulWrap > .nav__dropdown {
				opacity: 1;
				visibility: visible; }
		.nav__link {
			-moz-transition: 200ms all ease-in-out;
			-o-transition: 200ms all ease-in-out;
			-webkit-transition: 200ms all ease-in-out;
			transition: 200ms all ease-in-out;
			-moz-transition-property: opacity, color, background-color;
			-o-transition-property: opacity, color, background-color;
			-webkit-transition-property: opacity, color, background-color;
			transition-property: opacity, color, background-color;
			padding: 1rem 1.5rem;
			white-space: nowrap;
			display: block;
			background-color: transparent;
			color: #ffffff; }
			.active > .nav__link, .nav__link:hover {
				color: #5298b2;
				background-color: transparent; }
		.nav__dropdown {
			position: absolute;
			z-index: 10;
			left: 0;
			top: 100%;
			padding: 0;
			margin: 0;
			visibility: hidden;
			opacity: 0;
			background-color: transparent;
			list-style: none;
			min-width: 100%;
			transition: all .3s ease;
			box-shadow: 0 0.5rem 1.1rem 0 rgba(0, 0, 0, 0.06); }
			.nav__dropdown .nav__item.active > .nav__link,
			.nav__dropdown .nav__item .nav__link:hover {
				color: #5298b2; }
			.nav__dropdown .nav__link {
				padding: .7rem 2.5rem;
				background: #ffffff;
				color: #152133; } }

/* Menu < 1199px */
@media all and (max-width: 1199px) {
	.logoHolder {
		display: none !important; }
	.mobileMenuHeightSpacer {
		padding: 2vw;
		min-height: 3rem;
		margin: 1rem; }
	.menuBtnHolder {
		position: fixed;
		display: flex;
		justify-content: space-between;
		left: 0;
		top: 0;
		z-index: 9;
		width: 100%;
		background-color: #152133;
		border-bottom: 1px solid #152133;
		-moz-transition: 400ms all ease-in-out;
		-o-transition: 400ms all ease-in-out;
		-webkit-transition: 400ms all ease-in-out;
		transition: 400ms all ease-in-out;
		-moz-transition-property: all;
		-o-transition-property: all;
		-webkit-transition-property: all;
		transition-property: all;
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%); }
		.menuBtnHolder.menuFixed {
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			-webkit-transform: translateY(0);
			transform: translateY(0); }
		.menuBtnHolder > .menuLogo {
			display: flex;
			flex: 1;
			padding: 2vw;
			min-height: 3rem;
			margin: 1rem;
			float: left;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: left center; }
		.menuBtnHolder > .menuBtns {
			display: flex; }
			.menuBtnHolder > .menuBtns > .menuBtn {
				padding: 0 calc(2.5rem);
				float: left;
				width: 6vw;
				position: relative;
				border-left: 1px solid #152133;
				background-color: #ffffff;
				display: flex;
				align-items: center;
				justify-content: center; }
				.menuBtnHolder > .menuBtns > .menuBtn:hover {
					background-color: #152133;
					color: #ffffff; }
					.menuBtnHolder > .menuBtns > .menuBtn:hover i {
						color: #ffffff; }
				.menuBtnHolder > .menuBtns > .menuBtn i {
					position: absolute;
					left: 50%;
					transform: translate(-50%, -50%);
					top: 50%;
					transition: inherit; }
				.menuBtnHolder > .menuBtns > .menuBtn a, .menuBtnHolder > .menuBtns > .menuBtn i {
					color: #585858;
					cursor: pointer; }
				.menuBtnHolder > .menuBtns > .menuBtn.menuTrigger {
					background-color: #152133; }
					.menuBtnHolder > .menuBtns > .menuBtn.menuTrigger i {
						color: #ffffff; }
	.menuTrigger {
		cursor: pointer; }
		.menuTrigger i:before {
			content: "\f0c9"; }
		.menuTrigger.toggled i:before {
			content: "\f00d"; }
	nav#menu, .ulWrap {
		position: fixed;
		z-index: 5;
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 100vw;
		-moz-transition: 400ms all ease-in-out;
		-o-transition: 400ms all ease-in-out;
		-webkit-transition: 400ms all ease-in-out;
		transition: 400ms all ease-in-out;
		-moz-transition-property: all;
		-o-transition-property: all;
		-webkit-transition-property: all;
		transition-property: all;
		opacity: 0;
		background-color: #f7f7f7;
		padding: 2rem 0;
		overflow-y: auto;
		max-width: 100%; }
		nav#menu::-webkit-scrollbar, .ulWrap::-webkit-scrollbar {
			display: none; }
	nav#menu {
		display: flex;
		flex-direction: column; }
		nav#menu ul {
			list-style: none;
			padding: 0; }
			nav#menu ul li {
				position: relative;
				border-bottom: 1px solid #eaeaea; }
				nav#menu ul li:last-child {
					border-bottom: none; }
				nav#menu ul li a {
					display: block;
					text-decoration: none;
					padding: 1rem 2.5rem;
					color: #585858;
					font-weight: 500; }
					nav#menu ul li a:focus {
						text-decoration: none; }
				nav#menu ul li.active > a {
					color: #5298b2; }
		nav#menu ul {
			flex: 1 0 auto; }
		nav#menu .MenuCta {
			color: #5298b2;
			flex-shrink: 0; }
		nav#menu.toggled,
		nav#menu.toggled .hasSub.toggled > .ulWrap {
			left: 0;
			opacity: 1; }
		nav#menu .menuHeader span:before {
			content: attr(data-content);
			color: #152133;
			font-weight: 600; }
		nav#menu .toggle {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			padding: 0 2rem;
			display: flex;
			align-items: center;
			justify-content: center; }
			nav#menu .toggle:before {
				color: #5298b2;
				font-family: 'Font Awesome 5 Pro';
				content: "\f054";
				font-weight: 700; }
		nav#menu .backToPrevMenu {
			font-size: 1.2rem;
			cursor: pointer; }
			nav#menu .backToPrevMenu:before {
				margin-right: 1rem;
				color: #5298b2;
				font-family: 'Font Awesome 5 Pro';
				content: "\f053";
				font-weight: 700; }
			nav#menu .backToPrevMenu:after {
				content: "Tilbage";
				color: #585858; }
		nav#menu .ulWrap li {
			padding-left: 1rem; }
			nav#menu .ulWrap li.menuReset {
				padding: 1rem 2.5rem; } }

@media (min-width: 500px) and (max-width: 1199px) {
	nav#menu, .ulWrap {
		left: auto;
		width: 50rem;
		right: -50rem; }
	nav#menu.toggled, nav#menu.toggled .hasSub.toggled > .ulWrap {
		left: auto;
		right: 0; } }

.stickySpacer {
	-moz-transition: 400ms all ease-in-out;
	-o-transition: 400ms all ease-in-out;
	-webkit-transition: 400ms all ease-in-out;
	transition: 400ms all ease-in-out;
	-moz-transition-property: height;
	-o-transition-property: height;
	-webkit-transition-property: height;
	transition-property: height; }

#sidemenu {
	float: left;
	text-transform: uppercase;
	/* 1st level */ }
	#sidemenu ul {
		padding: 0;
		margin: 0;
		list-style: none; }
	#sidemenu li {
		float: left;
		position: relative;
		width: 100%;
		/* hover */
		/* active */ }
		#sidemenu li a {
			-moz-transition: 200ms all ease-in-out;
			-o-transition: 200ms all ease-in-out;
			-webkit-transition: 200ms all ease-in-out;
			transition: 200ms all ease-in-out;
			-moz-transition-property: all;
			-o-transition-property: all;
			-webkit-transition-property: all;
			transition-property: all;
			padding: 8px 12px;
			display: block;
			color: #888; }
		#sidemenu li:hover > a {
			color: pink;
			background-color: #094270; }
		#sidemenu li.active > a {
			color: pink;
			background-color: #094270; }