@import "bootstrap_elements.css";
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');

/* @import "fontawesome.css"; Skal Font Awesome kunne tilgås som font i løsningen? Brug dette CSS med @font-face */

html {font-size:20px} /* Font size 20px i html vil sørge for, at m- og p-klasser hænger bedre sammen med grid-størrelse (pb-4 er f.eks. padding-bottom 30px) */
html:not(.fontawesome-i2svg-active) .svg-inline--fa {display: inline-block;font-size: inherit;height: 1em;overflow: visible;vertical-align: -.125em;}

html {
	font-weight:400;
	color:var(--color);
	line-height:var(--line-height);
}

body{
	font-family:var(--font);
	font-weight:400;
	color:var(--text);
	font-size: max(var(--min-size), min(2vw, var(--size)));
	line-height:var(--line-height);
	background:#fff;
	overflow-x:hidden;
	image-rendering: -webkit-optimize-contrast;
}

img {
	max-width: 100%;
	height: auto;
}

.moxman-flow-layout {
    overflow: auto;
}

.renew-cookie {
    position: fixed;
    left: 5px;
    bottom: 0;
    background: url(../image/cookies.gif) #fff no-repeat center center;
    height: 30px;
    width: 30px;
    z-index: 999;
    padding: 5px;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    cursor: pointer;
    transform: translateY(10px);
	transition: all 0.5s;
}
.renew-cookie:hover {
    transform: translateY(0px);
}

/* HEADER */
	/* Site header */
		#site-header {
			position: -webkit-sticky;
			position: sticky;
			top: 0;
			z-index: 1020;
			color: #fff;
			background: var(--primary);
		}
		#site-header .btn {
			font-size: 1em;
		}
		#site-header a:hover {
			text-decoration: none;
		}
		#site-header .header-links > a {
			background: rgba(0,0,0,0.1);
			font-size:19px;
			font-weight: 700;
			padding: 0 1.2em;
			transition: background 0.5s;
			color: #fff;
		}
		#site-header .header-links > a:hover {
			background: rgba(0,0,0,0.3);
		}
		#site-header .header-links > a.active {
			background: #fff;
			color: var(--primary);
		}
		
		#site-header div.dropdown > a:after {
			font-size: 0.95em;
			color: var(--primary-dark);
			margin-left: -0.3em;
		}
		#site-header div.dropdown.show > a {
			border-right: 1px solid rgba(0,0,0,.15);
			border-left: 1px solid rgba(0,0,0,.15);
			position: relative;
			padding: 10px;
			border-top: 1px solid rgba(0,0,0,.15);
			background: #fff;
			z-index: 1001;
			margin: -11px;
		}
		#site-header div.dropdown ul {
			margin-top: 0;
		}
		#site-header div.dropdown.show ul {
			margin-top: -1px;
		}
		#site-header #mobile-menu-toggle {
			color: var(--primary-dark);
			text-transform: uppercase;
			font-size: 25px;
			height: 100%;
			background: #fff;
			padding: max(20px, min(2vw, 30px));
		}
		

	/* Slide menu */
		#slide-menu .header-links {
			background: var(--primary);
			padding: 15px;
		}
		#slide-menu .header-links a {
			font-size: 18px;
			font-weight: 700;
			padding: 0.3em 1.2em;
			transition: background 0.5s;
			color: #fff;
		}
		#slide-menu .header-links a:hover {
			background: rgba(0,0,0,0.3);
		}
		#slide-menu .header-links a.active {
			background: #fff;
			color: var(--primary);
		}

		#slide-menu .admin-stats {
			background: var(--primary-light);
			padding: 15px;
			font-size: 0.9em;
			color: var(--primary-dark);
		}




		#mobile-menu-toggle, .back-menu, .all-menu {
			display:none;
		}
		#slide-menu {
			list-style: outside none none;
			padding: 0;
			position: relative;
			margin-bottom: 0;
		}
		#slide-menu ul {
			list-style: outside none none;
			margin-bottom: 0;
		}
		#slide-menu li a {
			-webkit-transition: color .3s, background .3s;
			transition: color .3s, background .3s;
			outline: none;
		}
		#slide-menu li a.unclickable {
			pointer-events:none;
		}
		#slide-menu li a > i {
			vertical-align:baseline;
		}
		#slide-menu > li > div {
			background: #fff none repeat scroll 0 0;
			display: none;
			max-height: calc(100vh - var(--menu-line-height));
			overflow-y: auto;
			margin: 0;
			padding: 0;
			position: absolute;
			z-index: 999;
			top:100%;
		}
		/* #slide-menu > li > div.dropdownmenu {
			max-width: 400px;
		} */
		#slide-menu .flex-menu + .flex-menu {
			border-left: 1px solid #ddd;
		}
		#slide-menu .indicator {
			line-height: var(--menu-line-height);
			cursor:pointer;
			color: var(--primary);
		}
		#mobile-menu-toggle {
			cursor: pointer;
		}


		/* First level */
		#slide-menu > li > a {
			color: var(--light);
			display: block;
			font-size: 16px;
			font-weight: 500;
			line-height: var(--menu-line-height);
			text-decoration: none;
		}
		#slide-menu > li.menu-spinner {
			height: var(--menu-line-height);
		}
		#slide-menu li.home-link > a {
			color: #999;
			padding-left:0;
		}
		#slide-menu > li:hover > a, #slide-menu > li.active > a{
			background: transparent;
			color: var(--primary);
		}
		#slide-menu > li:first-child a {
			padding-left: 0;
		}
		#slide-menu li.has-sub > a {
			padding-right: 0;
		}
		#slide-menu li.has-sub {
			position: static;
		}

		/* Second level */
		#slide-menu .flex-menu li.title a {
			color: #777;
			font-size: 16px;
			line-height: 35px;
			padding: 0 15px;
			text-decoration: none;
		}
		#slide-menu .flex-menu li a:hover {
			background: var(--primary) none repeat scroll 0 0;
			color: #fff;
		}
		#slide-menu .flex-menu li a:hover > span {
			color: #fff;
		}

		/* Third level */
		#slide-menu .flex-menu .sub ul {
			padding:0;
		}
		#slide-menu .flex-menu .sub li a {
			background: var(--light);
			color: #777;
			display: block;
			font-size: 14px;
			line-height: 18px;
			padding: 3px 15px;
		}
		#slide-menu .flex-menu .sub li a:hover {
			background: var(--primary) none repeat scroll 0 0;
			color: #fff;
			text-decoration: none;
		}

		/* If DROPDOWN */
		/* html:not(.mobilemenu-active) #slide-menu .dropdownmenu > div > ul {
			min-width: 200px;
		} */
		html:not(.mobilemenu-active) #slide-menu .dropdownmenu.edge {
			right:0;
		}

		/* If DROPOUT */
		html:not(.mobilemenu-active) #slide-menu > li > div.dropoutmenu {
			overflow: visible;
		}
		html:not(.mobilemenu-active) #slide-menu .dropoutmenu.edge {
			right:0;
		}
		html:not(.mobilemenu-active) #slide-menu > li > div.dropoutmenu > div > div > ul {
			position: relative;
			min-width: 200px;
		}
		html:not(.mobilemenu-active) #slide-menu > li > div.dropoutmenu > div > div > ul .title + .sub {
			display:none;
		}
		html:not(.mobilemenu-active) #slide-menu > li > div.dropoutmenu > div > div > ul:hover .title + .sub {
			display:block;
		}
		html:not(.mobilemenu-active) #slide-menu > li > div.dropoutmenu > div > div > ul .sub ul {
			position: absolute;
			left: 100%;
			top: 0;
			min-width: 200px;
			z-index: 99;
		}
		html:not(.mobilemenu-active) #slide-menu > li > div.dropoutmenu.edge > div > div > ul .sub ul, html:not(.mobilemenu-active) #slide-menu > li > div.dropoutmenu > div > ul .sub.edge ul {
			right: 100%;
			left: auto;
		}
		html:not(.mobilemenu-active) #slide-menu div.dropoutmenu .sub li a {
		  background: var(--primary-dark);
		  display: block;
		  color: #fff;
		  font-size: 16px;
		  line-height: 35px;
		  padding: 0 15px;
		  text-decoration: none;
		}
		html:not(.mobilemenu-active) #slide-menu > li > div.dropoutmenu > div > div > ul .dropoutarrow {
			color: #777;
			padding-right: 15px;
			-ms-flex-align: center;
			align-items: center;
			display: -ms-flexbox;
			display: flex;
			-webkit-transition: all .3s, background .3s;
			transition: all .3s, background .3s;
		}
		html:not(.mobilemenu-active) #slide-menu > li > div.dropoutmenu > div > div > ul .title a:hover + .dropoutarrow {
			color: #fff;
			background: var(--primary);
		}

		/* If MEGAMENU */
		html:not(.mobilemenu-active) #slide-menu > li > .megamenu {
			width: 100%;
			left: 0;
		}
		html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar > div > ul {
			list-style: outside none none;
			padding: 1.5vw;
			position: relative;
			max-height: calc(100vh - var(--menu-line-height));
			margin-bottom: 0;
			overflow: auto;
			background: var(--light);
			height: 100%;
		}
		.mobilemenu-active #slide-menu > li > .megamenu .megamenubar > div:first-child {
			display:none;
		}
		.mobilemenu-active #slide-menu > li > .megamenu .megamenubar {
			height: 100%;
		}
		html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar > div > ul > li {
			line-height: 2em;
			font-size: 16px;
			font-weight: 700;
			text-transform: uppercase;
		}
		html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar > div > ul > li > a {
			color: var(--primary);
		}
		html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar > div > ul > li.over > a {
			color: var(--primary-dark);
		}
		html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar > div > ul > li > svg, html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar > div > ul > li > i {
			color: var(--primary);
		}
		html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar > div > ul > li.over > svg, html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar > div > ul > li.over > i {
			color: var(--primary-dark);
		}
		html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar .flex-menu {
			display:none;
		}
		html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar .flex-menu.over > * {
			padding: 1.5vw;
		}
		.mobilemenu-active #slide-menu > li > .megamenu .megamenubar div[data-parent] {
			display:none;
		}
		html:not(.mobilemenu-active) #slide-menu > li > .megamenu .megamenubar .flex-menu.over {
			display: -ms-flexbox;
			display: flex;
		}
		html:not(.mobilemenu-active) #slide-menu .megamenu .flex-menu li.title a {
			font-size: 25px;
			line-height: 40px;
			font-weight: 700;
			padding: 0;
			color: var(--secondary);
			background: transparent;
		}
		html:not(.mobilemenu-active) #slide-menu .megamenu .flex-menu li.title a:hover {
			color: var(--secondary-dark);
		}
		html:not(.mobilemenu-active) #slide-menu .megamenu .flex-menu .sub li a {
			padding: 0;
			background: transparent;
			color: var(--light-dark);
			line-height: 26px;
		}

		/* If FULL */
		html:not(.mobilemenu-active) #slide-menu > li > .fullmenu {
			width: 100%;
			left: 0;
		}
		html:not(.mobilemenu-active) #slide-menu > li > .fullmenu .flex-menu > ul {
			background: var(--light);
		}
		html:not(.mobilemenu-active) #slide-menu > li > .fullmenu .flex-menu > ul > .title {
			background:#fff;
		}
		html:not(.mobilemenu-active) #slide-menu > li > .fullmenu img {
			margin-top: 15px;
			margin-bottom: 15px;
		}


		/* Responsive - <html> får klassen .mobilemenu-active når mobil-menuen vises */
		html:not(.mobilemenu-active) #slide-menu > li:hover > div {
			display: block;
		}
		html:not(.mobilemenu-active) #blocker {
			display:none;
			opacity:0;	
		}


		html.mobilemenu-active.open-menu, html.mobilemenu-active.open-menu body {
			overflow:hidden;
		}
		html.mobilemenu-active .back-menu {
			display: block;
			background: var(--secondary-light);
			font-size: 14px;
			line-height: var(--menu-line-height);
			padding-left: 15px;
			font-weight: 600;
			text-transform: uppercase;
			cursor: pointer;
			color: var(--secondary-dark);
		}
		html.mobilemenu-active .back-menu svg, html.mobilemenu-active .back-menu i {
			margin-right: 5px;
		}
		html.mobilemenu-active .all-menu {
			display: block;
			background: #eee;
			line-height: 35px;
			font-size: 16px;
			padding-left: 15px;
			font-weight: 600;
		}
		html.mobilemenu-active .all-menu a {
			display:block;
		}
		html.mobilemenu-active .flex-menu {
			position:static;
		}
		html.mobilemenu-active #slide-menu {
			background: var(--light) none repeat scroll 0 0;
			border-right: 1px solid var(--primary-light);
			bottom: 0;
			left: 0;
			position: fixed;
			top: 0;
			width: 300px;
			z-index: 99999;
			overflow-y: auto;
			transform:translate(-300px);
			-webkit-transform:translate(-300px);
			overflow-x:hidden;
			margin: 0;
		}
		html.mobilemenu-active.menu-started #slide-menu {
			transition: transform 0.8s;
			-webkit-transition: transform 0.8s;
		}
		html.mobilemenu-active.open-menu #slide-menu {
			transform:translate(0);
			-webkit-transform:translate(0);
		}
		html.mobilemenu-active #slide-menu > li > div {
			width: 100%;
			max-height:none;
			top: 0;
			left: 0;
			display:block;
			transform: translate(300px);
			-webkit-transform: translate(300px);
			transition: transform 0.8s;
			-webkit-transition: transform 0.8s;
			height: 100%;
			background:var(--light);
			overflow-x:hidden;
		}
		html.mobilemenu-active #slide-menu > li > div.open-sub {
			transform: translate(0);
			-webkit-transform: translate(0);
		}
		html.mobilemenu-active #slide-menu > li {
			display: block;
			width: 100%;
			padding-right: 0;
		}
		html.mobilemenu-active #slide-menu > li > a {
			color: var(--dark);
		}
		html.mobilemenu-active #slide-menu li > a > picture {
			display:none;
		}
		html.mobilemenu-active #slide-menu > li:hover > a, #slide-menu > li.active > a{
			background: transparent;
			color: var(--primary);
		}
		html.mobilemenu-active #slide-menu li {
			border-bottom: 1px solid var(--primary-light);
		}
		html.mobilemenu-active #slide-menu .indicator {
			padding: 0 15px;
			font-size: 1em;
			background: var(--primary-light);
			border-left: 1px solid var(--primary-light);
			-ms-flex-align: center;
			align-items: center;
			display: -ms-flexbox;
			display: flex;
		}
		

		html.mobilemenu-active #blocker {
			position:fixed;
			transform: translate(0);
			-webkit-transform: translate(0);
			transition: all 0.8s;
			-webkit-transition: all 0.8s;
			left:0;
			right:0;
			bottom:0;
			top:0;
			background: rgba(0,0,0,0.5);
			z-index: 999999999;
			display:none;
			opacity:0;
		}
		html.mobilemenu-active.open-menu #blocker {
			transform: translate(300px);
			-webkit-transform: translate(300px);	
			opacity: 1;	
		}
		html.mobilemenu-active #blocker svg, html.mobilemenu-active #blocker i {
			color: var(--light);
			position: absolute;
			top: 10px;
			left: 15px;
			line-height: 20px;
			font-size: 20px;
			cursor: pointer;
		}

		html.mobilemenu-active #slide-menu .flex-menu .sub {
			padding: 0;
			display:block;
			position: absolute;
			width: 100%;
			top: 0;
			transform: translate(300px);
			-webkit-transform: translate(300px);
			transition: transform 0.8s;
			-webkit-transition: transform 0.8s;
			height: 100%;
			background: var(--light);
			overflow: auto;
		}
		html.mobilemenu-active #slide-menu .flex-menu .sub li a {
			font-size: 16px;
			line-height: 35px;
			padding: 0 15px;			
		}
		html.mobilemenu-active #slide-menu .flex-menu .sub.open-sub {
			transform: translate(0);
			-webkit-transform: translate(0);
		}

		html.mobilemenu-active #slide-menu > li > .half-width img {
			width: 70px;
			margin-top: 10px;
			margin-bottom: 10px;
			margin-right: 5px;
		}

		html.mobilemenu-active #slide-menu .flex-menu {
			display:block;
		}
		html.mobilemenu-active #slide-menu .flex-menu > ul {
			float:none;
			width:100%;
		}
		html.mobilemenu-active #slide-menu .flex-menu > ul {
			padding:0;
			position: static;
		}
		html.mobilemenu-active #slide-menu .flex-menu + .flex-menu {
			border-left:none;
		}


/* Subject menu */
.subject-menu a {
	color: var(--dark);
	font-weight: 600;
	font-size: max(13px, min(2vw, 18px));
	margin-bottom: max(10px, min(2vw, 20px));
}
.subject-menu a svg {
	color: var(--primary);
}
.subject-menu .sub-children a {
	font-size: 16px;
	color: var(--dark-light);
	margin-bottom: 10px;
}
.subject-menu a.active {
	color: var(--primary-dark);
	text-shadow: 0 0 10px var(--primary-light);
	font-weight: 700;
}
.subject-menu .sub-children {
	margin-bottom: 15px;
	padding-left: 60px;
	border-bottom: 1px dashed var(--light-dark);
}


/* search */
.searcher .form-control {
	border:none;
	box-shadow:none !important;
	font-weight: bold;
	color: var(--primary);
}

/* Range */
#slider-range.ui-widget.ui-widget-content {
	border: none;
	background: #eee;
	border-radius: 10px;
}
#slider-range.ui-slider-horizontal {
	height: 0.6em;
}
#slider-range.ui-slider .ui-slider-handle {
	height: 1em;
}
#slider-range.ui-slider-horizontal .ui-slider-handle {
	top: -0.2em;
}
#slider-range .ui-widget-header {
	background: var(--primary);
}
#slider-range .ui-state-default, #slider-range .ui-widget-content .ui-state-default {
	background: var(--primary-dark);
	border:none;
}
#slider-range .ui-state-default:focus-visible, #slider-range .ui-widget-content .ui-state-default:focus-visible {
	background: var(--primary-light);
	outline:none;
}
#remove_time {
	cursor: pointer;
}



/* Items */
.item-thumb {
	border: 1px solid var(--color-2);
  	border-radius: 0.35rem;
	background: #fff;
	position:relative;
	overflow:hidden;
	height: 100%;
	display: -ms-flexbox;
  	display: flex;
}
.item-thumb label.select {
	display:none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 15px;
	background: #fff;
	border-bottom-right-radius: 0.35rem;
	line-height: 1;
	border-right: 1px solid var(--color-2);
	border-bottom: 1px solid var(--color-2);
	cursor: pointer;
	color: var(--success-dark);
	z-index: 9;
}
.item-thumb label.select_files {
	margin: 0;
	display: block;
}
.item-thumb:hover label.select, .item-thumb input:checked + label.select, .item-thumb input:checked + label.select .fas, .item-thumb input + label.select .far {
	display:block;
}
.list-group-item:hover label.select_files, .list-group-item input:checked + label.select_files, .list-group-item input:checked + label.select_files .fas, .list-group-item input + label.select_files .far {
	display:block;
}
.item-thumb label.select:hover, .item-thumb input:checked + label.select {
	background: var(--color-2);
}
.item-thumb input:checked + label.select .far, .item-thumb input + label.select .fas {
	display:none;
}
.list-group-item input:checked + label.select_files .far, .list-group-item input + label.select_files .fas {
	display:none;
}
.item-thumb .main-data {
	background: var(--light);
  	padding: 1em;
	position:relative;
}
.display-list .item-thumb .main-data {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}
.item-thumb.status-disabled {
	opacity: 0.5;
}
.item-thumb.featured .main-data, .item-thumb.featured .stat-data {
	background: var(--color-3);
}

.item-thumb .featured-badge {
	position: absolute;
	background: #19b47c;
	color: #fff;
	padding: 0.5em;
	right: 1em;
	top: 0px;
	font-size: 17px;
}
.item-thumb .featured-badge::after {
	content: "";
	border-style: solid;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	border-width: 0 1em 0.8em 1em;
	border-color: transparent #19b47c;
}
.item-thumb .stat-data {
	background: var(--light);
	color: var(--secondary);
	font-weight: 300;
  	padding: 0 1em;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
  	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
}
.display-grid .item-thumb .stat-data {
	border-bottom: 1px solid var(--color-2);
}
.display-list .item-thumb .stat-data {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}
.item-thumb .stat-data .stats {
	background: #fff;
	border-top: 1px solid var(--color-2);
	border-left: 1px solid var(--color-2);
	border-right: 1px solid var(--color-2);
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	margin-bottom: -2px;
	padding: 1.2em 0.8em;
	border-top-left-radius: 0.35rem;
	border-top-right-radius: 0.35rem;
	font-size: 11px;
	font-weight: 700;
	color: var(--info);
}
.display-list .item-thumb .stat-data .stats {
	border-bottom-left-radius: 0.35rem;
	border-bottom-right-radius: 0.35rem;
	border-bottom: 1px solid var(--color-2);
}
.item-thumb .stat-data .stats svg {
	font-size: max(12px, min(2vw, 15px));
	vertical-align: middle;
	color: var(--secondary);
}
.item-thumb .stat-data .types {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: max(12px, min(2vw, 14px));
	padding: 0.8em 15px 0.9em 0;
}
.item-thumb .stat-data .types svg {
	font-size: max(14px, min(2vw, 17px));
	vertical-align: middle;
}
.item-thumb .info-data {
  	padding: 1em;
	font-size: max(12px, min(2vw, 14px));
	color: var(--secondary);
	font-weight:300;
}
.display-grid .item-thumb .info-data {
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.display-list .item-thumb .info-data {
	border-left: 1px solid var(--color-2);
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.item-thumb .info-data .description {
	margin-bottom: 1em;
}
.item-thumb .info-data .buttons {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
  	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
}
.item-thumb .buttons .btn {
	font-size: max(12px, min(0.8vw, 15px));
	font-weight:800;
}
.item-thumb .title {
	font-size: max(16px, min(2vw, 20px));
	color: var(--dark);
	font-weight:300;
}
.item-thumb .date {
	font-size: 12px;
	color: var(--secondary);
	font-weight:200;
	font-style:italic;
	margin-bottom: 0.5em;
}
.item-thumb .date a {
	font-weight:400;
	font-style:normal;
}
.item-thumb.featured .title, .item-thumb.featured .date {
	padding-right: 40px;
}


.item-thumb.locked {
	background: #eee;
}

.item-thumb.locked .stat-data .stats {
	background: #eee;
}

.item-thumb.locked .main-data, .item-thumb.locked .stat-data, .item-thumb.locked .info-data .description {
	opacity: 0.4;
	pointer-events:none;
}

/* Form */
.form-buttons {
	position: sticky;
	bottom: 15px;
	padding: 0.75rem 1rem;
	background: var(--color-2);
	border-radius: 0.35rem;
	z-index: 99;
}


/* Cookie-besked */
#cookie-space {
	display:none;
	height: 51px;
}
#cookie-content {
	background: #eee none repeat scroll 0 0;
	border-top: 1px solid #ddd;
	display: none;
	left: 0;
	padding: 15px 0;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 99999;
}
#cookie-content .row > div {
	margin:0;
}
#cookie-content #accept {
	background: #aaa none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	cursor: pointer;
	float: right;
	padding: 5px 10px;
}

/* ... den anden cookie... */
.cc-window.cc-banner { flex-direction: inherit!important;}
.cc-revoke, .cc-window {font-size: 12px!important;}


/* CONTENT */

.container .container, .container .container-fluid {
	padding-left:0;
	padding-right:0;
	width: auto;
}
.panel {
	background: #eee none repeat scroll 0 0;
	padding: 15px;
}
.panel-heading {
	display: block;
	font-size: 16px;
}
.panel-heading + div {
	margin-top: 15px;
}
.panel-heading:after {
	content:"▴";
	float:right;
}
.panel-heading.collapsed:after {
	content:"▾"
}
.panel-group .panel + .panel {
	margin-top: 15px;
}
.dropdown > ul > li {
	display:block;
	padding: 0;
}
.dropdown > ul > li > a {
	padding: 5px 15px;
	display: block;
}
.dropdown > ul > li > a:hover {
	background: var(--primary) none repeat scroll 0 0;
	text-decoration: none;
}
.box-content {

}
.box-content .box-heading {
	font-size: 20px;
	line-height: 30px;
}

/* Breadcrumb */
	.breadcrumb i {
		font-size: inherit;
		color:#333
	}
	.breadcrumb a {
		font-size: inherit;
		color:#777;
	}
	.breadcrumb > li {
		padding:0;
		position:relative;
		white-space:nowrap;
		display:inline-block;
		font-size: 14px;
		color:#999;
	}
	.breadcrumb > li:before {
		content: "/";
		display: inline-block;
		margin: 0 0.3rem 0 0.5rem;
		color:#777;
	}
	.breadcrumb > li:first-child::before {
		display:none
	}
	.breadcrumb > li:last-child a{
		color:#a5a5a5
	}

	@media (max-width:767px) {
		.breadcrumb > li {
			display:none
		}
		.breadcrumb > li:nth-last-child(2) {
			display:block
		}
		.breadcrumb > li:nth-last-child(2)::before {
			content: "«";
			margin-left: 0;
		}
	}



	/* Text formats */
		/* Headings */
			h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
				margin: 0;
				padding: 0;
			}
			h1, .h1 {
				font-size: max(var(--min-size-h1), min(5vw, var(--size-h1)));
				color: var(--color-h1);
				font-weight: 300;
				padding-bottom: 0.5em;
			}

			h2, .h2 {
				font-size: max(var(--min-size-h2), min(4vw, var(--size-h2)));
				color: var(--color-h2);
			}

			h3, .h3 {
				font-size: max(var(--min-size-h3), min(3.5vw, var(--size-h3)));
				color: var(--color-h3);
			}

			h4, .h4 {
				font-size: max(var(--min-size-h4), min(3vw, var(--size-h4)));
				color: var(--color-h4);
			}

			h5, .h5 {
				font-size: max(var(--min-size-h5), min(2.5vw, var(--size-h5)));
				color: var(--color-h5);
				font-weight: 700;
			}

			h6, .h6 {
				font-size: max(var(--min-size-h6), min(2vw, var(--size-h6)));
				color: var(--color-h6);
				font-weight: 700;
			}

			p {
				margin: 0;
				padding-bottom:1em;
			}

			.btn {
				font-size: max(var(--min-size-button), min(2vw, var(--size-button)));
				line-height: inherit;
				padding:0.375rem 0.75rem;
			}
			.btn-lg {
				font-size: 1.25em;
			}
			.btn-sm {
				font-size: .875em;
			}
			.dropdown .dropdown-menu {
				border-radius: 0.35rem;
				overflow: auto;
				max-height: 45vh;
				z-index: 10000;
			}
			.dropdown .dropdown-menu label.dropdown-item {
				cursor: pointer;
			}

			/* Media Queries - værs'go' */

			@media (max-width:1199px) {
			}

			@media (max-width:991px) {
			}

			@media (max-width:767px) {
			}

			@media (max-width:576px) {
			}


		/* Scrollbar */

			/* Chrome, Safari */
			::-webkit-scrollbar {
			width: 9px;
			}
			::-webkit-scrollbar-track {
			background: #fff;
			}
			::-webkit-scrollbar-thumb {
			background: var(--primary-dark);
			}

			* {
				/* Firefox */
				scrollbar-width: thin;
				scrollbar-color: var(--primary-light) var(--dark);

				/* IE */
				scrollbar-face-color: var(--primary-light);
				scrollbar-track-color: #fff;
				scrollbar-arrow-color: var(--primary-light);
				scrollbar-shadow-color: var(--primary-light);

			}



		.list-group-item.active {
			background-color:  var(--primary);
			border-color:  var(--primary);
		}

		/* FORM */
		.form-control:focus, .custom-select:focus {
			border-color: var(--primary);
			box-shadow: 0 0 0 .2rem var(--primary-light);
		}
		.input-group-middle {
			margin-left: -1px;
			margin-right: -1px;
		}
		.input-group-middle > * {
			border-top: none;
			border-bottom: none;
		}
		.custom-control, .input-group-middle > * {
			line-height: 1.2rem;
		}
		.form-row.required > label::after {
			content: "*";
			color: var(--danger);
			padding-left: 0.25rem;
		}
		.form-row {
			margin-bottom: 0.5em;
		}
		.form-control::-webkit-input-placeholder, .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-control::placeholder {
			color:var(--text-negative)
		}
		

		/* Buttons and links */
		.btn:focus, button:focus, a:focus {
			outline:none;
		}
		.alert button.close {
			line-height: 0.7em;
		}
		a {
			color:var(--primary);
			fill:var(--primary);
		}
		a:hover {
			text-decoration:underline;
			color: var(--primary-dark);
			fill: var(--primary-dark);
		}
		.dropdown-toggle::after {
			vertical-align:middle;
		}

		/* Height: 100% til custom flex-layout */
		.height-100 > * {
			height: 100%;
		}


/* Owl Carousel */
.owl-carousel {

}
.owl-carousel .owl-stage {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.owl-carousel .owl-item .product-grid {
	height: 100%;
}
.owl-carousel .owl-nav {
	margin-top: 10px;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	width: 100%;
}

.owl-carousel .owl-nav [class*='owl-'] {
	color: #FFF;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #D6D6D6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px;
}

.owl-carousel .owl-nav [class*='owl-']:hover {
	background: var(--primary);
	color: #FFF;
	text-decoration: none;
}

.owl-carousel .owl-nav .disabled {
	opacity: 0.5;
	cursor: default;
}

.owl-carousel .owl-nav.disabled + .owl-dots {
	margin-top: 10px;
}

.owl-carousel .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	width: 100%;
}

.owl-carousel .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding:0;
}

.owl-carousel .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #8a8a8a;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	border-radius: 30px;
}

.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
	background: var(--primary);
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
	padding: 15px;
}
.owl-carousel .owl-item img {
    max-height: 100%;
}




/* YouTube player */
.youtube-video-place::before {
	content: "";
	background: rgba(0,0,0,0.5);
	z-index: 5;
	pointer-events: none;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.youtube-video-place > .play-youtube-video {
	z-index: 4;
	cursor: pointer;
	object-fit:cover;
}
.youtube-video-place::after {
	content: "";
	position: absolute;
	background: url(/catalog/view/theme/default/image/video-play.png) no-repeat;
	pointer-events: none;
	left: calc(50% - 45px);
	top: calc(50% - 45px);
	width: 90px;
	height: 90px;
	z-index: 6;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.youtube-video-place > iframe {
	z-index: 9;
}
.youtube-video-place:hover::before {
	background: rgba(0,0,0,0.3);
}
.youtube-video-place:hover::after {
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
}

.item-row + .fa-spinner-third {
	left: 50%;
	position: relative;
	margin-left: -21px;
	color: var(--primary);
}
.scrollTop:hover {opacity:1;}
.scrollTop {opacity: 0.5;bottom: 0;cursor: pointer;height: 30px;margin-top: -31px;position: fixed;right: 15px;width: 30px;z-index: 99999;}

/* Scroll - important fordi den skal overskrive "vigtigere regler" */
	*.scrolling {
		position:fixed !important;
		top:0 !important;
		left:0 !important;
		right:0 !important;
	}

/* Microsoft Explorer, that bastard */
	#ie-browser #slide-menu > li {
		display: inline-block !important;
		vertical-align: middle;
	}
	#ie-browser #slide-menu > li > * {
		float:left;
	}
	#ie-browser #slide-menu > li > .indicator {
		float:right;
	}
	#ie-browser #slide-menu li.title, #ie-browser #slide-menu li.title > a {
		width: 100%;
	}

/* Safari, don't get me started */
	#safari-browser [style*="cover"][style*="fixed"] {
		background-attachment: scroll !important;
	}


/* Loader */
@keyframes ldio-ll6w7u4a19 {
  0% { opacity: 1 }
  100% { opacity: 0 }
}
.ldio-ll6w7u4a19 div {
  left: 51.480000000000004px;
  top: 27.04px;
  position: absolute;
  animation: ldio-ll6w7u4a19 linear 0.625s infinite;
  background: #000000;
  width: 1.04px;
  height: 8.32px;
  border-radius: 0px / 0px;
  transform-origin: 0.52px 24.96px;
}.ldio-ll6w7u4a19 div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -0.5833333333333334s;
  background: #000000;
}.ldio-ll6w7u4a19 div:nth-child(2) {
  transform: rotate(24deg);
  animation-delay: -0.5416666666666666s;
  background: #000000;
}.ldio-ll6w7u4a19 div:nth-child(3) {
  transform: rotate(48deg);
  animation-delay: -0.5s;
  background: #000000;
}.ldio-ll6w7u4a19 div:nth-child(4) {
  transform: rotate(72deg);
  animation-delay: -0.4583333333333333s;
  background: #000000;
}.ldio-ll6w7u4a19 div:nth-child(5) {
  transform: rotate(96deg);
  animation-delay: -0.4166666666666667s;
  background: #000000;
}.ldio-ll6w7u4a19 div:nth-child(6) {
  transform: rotate(120deg);
  animation-delay: -0.375s;
  background: #000000;
}.ldio-ll6w7u4a19 div:nth-child(7) {
  transform: rotate(144deg);
  animation-delay: -0.3333333333333333s;
  background: #000000;
}.ldio-ll6w7u4a19 div:nth-child(8) {
  transform: rotate(168deg);
  animation-delay: -0.2916666666666667s;
  background: #000000;
}.ldio-ll6w7u4a19 div:nth-child(9) {
  transform: rotate(192deg);
  animation-delay: -0.25s;
  background: #000000;
}.ldio-ll6w7u4a19 div:nth-child(10) {
  transform: rotate(216deg);
  animation-delay: -0.20833333333333334s;
  background: #000000;
}.ldio-ll6w7u4a19 div:nth-child(11) {
  transform: rotate(240deg);
  animation-delay: -0.16666666666666666s;
  background: #000000;
}.ldio-ll6w7u4a19 div:nth-child(12) {
  transform: rotate(264deg);
  animation-delay: -0.125s;
  background: #000000;
}.ldio-ll6w7u4a19 div:nth-child(13) {
  transform: rotate(288deg);
  animation-delay: -0.08333333333333333s;
  background: #000000;
}.ldio-ll6w7u4a19 div:nth-child(14) {
  transform: rotate(312deg);
  animation-delay: -0.041666666666666664s;
  background: #000000;
}.ldio-ll6w7u4a19 div:nth-child(15) {
  transform: rotate(336deg);
  animation-delay: 0s;
  background: #000000;
}
.loadingio-spinner-spinner-b448li6dn8b {
  width: 104px;
  height: 104px;
  display: inline-block;
  overflow: hidden;
  background: rgba(NaN, NaN, NaN, 0);
  position:absolute;
  left: 50%;
  top: 20%;
  transform: translate(-50%, 0);
}
.ldio-ll6w7u4a19 {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-ll6w7u4a19 div { box-sizing: content-box; }
.img-loading {
	opacity: 0;
}
/* generated by https://loading.io/ */