:root {
	/* max-width */
	--max-width: 88rem;

	/* Font-family */
	--font-family: "IBM Plex Sans", sans-serif;

	/* Font-size */
	--type-scale: 1.1225;
	--type-scale-base: 1rem;
	--type-scale-rounding-interval: 1px;
	--font-size--80: round(var(--type-scale-base) * pow(var(--type-scale), -3),var(--type-scale-rounding-interval));
	--font-size--90: round(var(--type-scale-base) * pow(var(--type-scale), -2),var(--type-scale-rounding-interval));
	--font-size--100: round(var(--type-scale-base) * pow(var(--type-scale), 0),var(--type-scale-rounding-interval));
	--font-size--200: round(var(--type-scale-base) * pow(var(--type-scale), 1),var(--type-scale-rounding-interval));
	--font-size--300: round(var(--type-scale-base) * pow(var(--type-scale), 2),var(--type-scale-rounding-interval));
	--font-size--400: round(var(--type-scale-base) * pow(var(--type-scale), 3),var(--type-scale-rounding-interval));
	--font-size--500: round(var(--type-scale-base) * pow(var(--type-scale), 4),var(--type-scale-rounding-interval));
	--font-size--600: round(var(--type-scale-base) * pow(var(--type-scale), 5),var(--type-scale-rounding-interval));
	--font-size--700: round(var(--type-scale-base) * pow(var(--type-scale), 6),var(--type-scale-rounding-interval));
	--font-size--800: round(var(--type-scale-base) * pow(var(--type-scale), 7),var(--type-scale-rounding-interval));
	--font-size--900: round(var(--type-scale-base) * pow(var(--type-scale), 8),var(--type-scale-rounding-interval));
	--font-size--1000: round(var(--type-scale-base) * pow(var(--type-scale), 9),var(--type-scale-rounding-interval));
	--font-size--1100: round(var(--type-scale-base) * pow(var(--type-scale), 10),var(--type-scale-rounding-interval));
	--font-size--1200: round(var(--type-scale-base) * pow(var(--type-scale), 11),var(--type-scale-rounding-interval));
	--font-size--1300: round(var(--type-scale-base) * pow(var(--type-scale), 12),var(--type-scale-rounding-interval));


	/* Background */
	--bg-white: #fff;
	--bg-light-blue: #e7f0f7;
	--bg-grey: #ecebea;
	--bg-dark-blue: #1f2440;

	/* Color */
	--green: #63e1a6;
	--dark-blue: #1f2440;
	--blue: #1d51c7;
	--black: #222;
	--white: #fff;
}

/* =========================================
				Fjernet
   ========================================= */

.secondary-navigation, .login	{	display:none;	}

/* =========================================
				WIDTH
   ========================================= */

.row	{	max-width: var(--max-width);	}

/* =========================================
				FLAG
   ========================================= */

.language_switch ul li a		{	background-size: 73px;
								margin-left: 10px;	}

.language_switch ul li a.active	{	border-radius: 4px;	}

/* =========================================
				FONT
   ========================================= */

/* Standard elementer */
p, body, b, strong, h1, h2, h3, .h3, h4, .h4, h5, .bold, .cont-nav__label, .manchet, .page-header,

/* Specifikke Sitecore/Komponent-klasser */
.page-header :is(.primary-navigation, a),
li.root a,
.NewsPage .medium-8:not(.service-box) p,
.ArticlePage .medium-8:not(.service-box) p,
.SynchronizedArticlePage .medium-8:not(.service-box) p,
.Frontpage :is(
	.campaign__title, 
	.campaign__theme, 
	.campaign__title--header, 
	.calendar-item,
	p
)
														{	font-family: var(--font-family) !important;
															word-break:break-word;
															-ms-hyphens:auto;
															hyphens:auto;	}

.NewsPage .medium-8:not(.service-box) p,
.ArticlePage .medium-8:not(.service-box) p,
.SynchronizedArticlePage .medium-8:not(.service-box) p,
.columns.medium-12 .campaign .campaign__title				{	font-size:var(--font-size--100);	}

.page-header											{	font-size:var(--font-size--700);	}

h3, .h3													{	font-size:var(--font-size--100);
															font-weight: 600;		}	/* "Faktaboks" overskrift på mobil*/

h4, .h4 													{	font-size:var(--font-size--200);
															font-weight: 600;		}

.manchet, li.root a										{	font-size:var(--font-size--200);	}

.campaign--tall .campaign__title P.campaign__title--header,										/* Min-height campaign - Header */
.columns.medium-12 .campaign .campaign__theme			{	font-size:var(--font-size--700);	}	/* text-on-image campaign - Header */

.campaign--tall .campaign__title p							{	font-size:var(--font-size--200);	}	/* Min-height campaign - manchet */




/* =========================================
				BILLEDER
   ========================================= */

.image-element										{	border-radius: 10px;
														width: 100%;
														object-fit: cover;	}

section .row .medium-6 .image-element					{	aspect-ratio: 1 / 1;	}

section:nth-child(2) .row .medium-6 .image-element		{	margin-top: 25px;	}

section .row .large-4 .image-element					{	aspect-ratio: 16 / 9;	}



/* =========================================
				TEXT ON IMAGE
   ========================================= */

.campaign--textinside								{	border-radius: 10px;
													overflow: hidden;		}

.columns.medium-12 .campaign .campaign__theme	{	position: absolute;
													top: 0%;
													width: 100%;
													background: none;
													font-weight: 100;	}

.campaign--textinside	img							{	filter: brightness(0.6);	}

.columns.medium-12 .campaign .campaign__content	{	position: initial;	}

.campaign--textinside .campaign__title				{	font-weight: 100;
													line-height: 1.2;
													padding-left: 23px;
													color: var(--white);
													width: 93%;
													position: absolute;
													top: 20%;
													display: -webkit-box;
													-webkit-line-clamp: 8;
													-webkit-box-orient: vertical;
													overflow: hidden;	}




/* =========================================
					FONT
				iPhone og mobil
   ========================================= */

	.campaign--textinside .campaign__title						{	display: -webkit-box;
																-webkit-line-clamp: 8;
																-webkit-box-orient: vertical;
																overflow: hidden;	}


/* =========================================
				NAVIGATION
   ========================================= */

.page-header .navbar .row			{	border-top: 2px solid;
									border-color: var(--bg-grey);	}

.page-header .navbar				{	background: var(--bg-white);	}

.primary-navigation ul li a			{	color: var(--dark-blue);	}

.primary-navigation ul li:first-child a	{	padding-left: 0;	}

.primary-navigation ul li a:hover	{	color: var(--dark-blue);
									background: var(--bg-white);
									text-decoration: underline;	}


/* =========================================
				NAVIGATION MOBIL
   ========================================= */

.mobile-show--menu::after				{	font-size: 3rem;
											color: var(--bg-dark-blue);	}

.mobile-menu							{	background: var(--bg-white);	}

.mobile-menu .mobile-show--close::before	{	color: var(--bg-dark-blue);	}


/* =========================================
				BREADCRUMBS
   ========================================= */

.breadcrumbsContainer								{	background-color: var(--bg-white);	}

.breadcrumbsContainer .breadcrumbs					{	font-size: var(--font-size--90);
														margin: 10px 0;	}

.breadcrumbsContainer .breadcrumbs a				{	color: var(--black);	}

.breadcrumbsContainer .breadcrumbs a::after 			{	margin-left: 10px;
														content: "";
														display: inline-block;
														width: 20px;
														height: 17px;
														background-image: url('/-/media/Digitalimik/TEST/icon/right');
														background-size: 24px;	}

.breadcrumbsContainer .breadcrumbs a:last-child:after	{	display: none;	}

/* =========================================
					SØGEFELT
   ========================================= */

/*** Søgefelt - input ***/
.search input						{	color: var(--black);
									background: url(/-/media/DataGl/Icon/search) no-repeat;
									background-color: var(--bg-white);
									background-position: 5px 8px;
									font-size:var(--font-size--100);
									-webkit-transition: 0s;
									transition: 0s;
									border: 1px solid #747474;
									border-radius: 4px;
									background-size: 25px;
									height: 41px;
									width: 200px !important;
									padding-left: 32px;
									margin-top: 3px;	}

/*** Søgefelt - input - hover ***/
.search input:hover 				{	cursor: pointer;	}

/*** Søgefelt - input - focus ***/
input[type="text"]:focus			{	background-position-x: -26px;
									padding-left: 9px;
									transition: 300ms;
									transition-timing-function: ease-in-out;
									border: 1px solid #747474;	}

/*** Søgefelt - input - focus - hover ***/
.search input:hover:focus			{	cursor: text;	}

/*** Søgefelt - input - tekst ***/
input::placeholder				{	color: #747474 !important;	}


/** Søgeforslag **/
.suggested-search-list div			{	background: var(--bg-white);	}

.suggested-search-list div ul li		{	padding: 5px;
									border-bottom: .5px solid #222;
									border-left: .5px solid #222;
									border-right: .5px solid #222;	}

.suggested-search-list div ul li a		{	color: var(--black);
									font-size:var(--font-size--90);	}

/* =========================================
				SØGERESULTALTER
   ========================================= */

.SearchResultPage .bookmark-menu	{	display:none;	}


/* =========================================
					SEKTION
   ========================================= */

section.primary-section		{	background-color: var(--bg-white);	}

section.primary-section .row	{	background-color: var(--bg-light-blue);
								border-radius: 10px;
								padding: 45px 35px;	}

section.secondary-section		{	background-color: var(--bg-white);	}

section.secondary-section .row	{	background-color: var(--bg-white);
								padding: 45px 35px;
								display: flex;
								flex-direction: column-reverse;		}

.SubjectSubPage section .row,
.ArticlePage section .row		{	display: flex;
								flex-direction: column-reverse;		}


/* =========================================
					VENSTRE MENU
   ========================================= */

/* Baggrundsfarve hvid */
section .root-menu,
section .context-menu,
section .root-menu a:hover,
section .context-menu a:hover														{	background-color: var(--bg-white);	}

section .root-menu .selected,
section .context-menu .selected,
section li.root.selected a:hover,
section .context-menu .selected:hover,
section .context-menu .depth1 li,
section .context-menu .depth1 a:hover												{	background-color: var(--bg-grey);	}

section .root-menu a:hover,
section .context-menu a:hover														{	text-decoration: underline;	}


section .root-menu a,
section .context-menu a,
section .root-menu a:hover,
section .context-menu a:hover														{	color: var(--black);}

section .context-menu a															{	border-bottom: 2px solid var(--bg-grey);	}

section .context-menu li:first-child a												{	border-bottom: 3px solid var(--black);	}

section .context-menu .depth1 li:first-child a											{	border-bottom: 2px solid var(--bg-grey);	}

section .context-menu.context-menu--accordian a.selected::before						{	content: no-open-quote;	}

section .context-menu.context-menu--accordian a.isParent::before						{	content: "+";
																					position: absolute;
																					left: 10px;
																					top: 14px;
																					color: var(--black);	}

section .context-menu.context-menu--accordian a.selected.ArticlePage.isParent::before,
section .context-menu.context-menu--accordian a.selected-parent::before				{	content: "-"; 	}

section .context-menu.context-menu--accordian .depth1 a::before						{	content: no-open-quote;	}




/* =========================================
					BOKS
   ========================================= */

.text.page-text	{	background-color: var(--bg-light-blue);
					padding: 35px;
					border-radius: 10px;
					margin-bottom: 25px;		}


/* =========================================
					CTA KNAP
   ========================================= */

.cont-nav.block					{	background: var(--green);
									color: var(--bg-dark-blue);
									width: fit-content;
									white-space: collapse;
									border-radius: 10px;	}

.cont-nav__iconcontainer			{	display: none;	}

.cont-nav.block .cont-nav__title		{	font-size: var(--font-size--90);
									margin: 0;	}

.cont-nav.block:hover				{	cursor: pointer;
									color: var(--bg-dark-blue);
									background: #59ca95;	}


/* =========================================
			PUNKT OG NUMMERET LISTE
   ========================================= */

.medium-8:not(.service-box) ol li,
.medium-8:not(.service-box) ul li							{	text-indent: 0 !important;	}

.NewsPage .medium-8:not(.service-box) ul li,
.NewsPage .medium-8:not(.service-box) ol ul li,
.ArticlePage .medium-8:not(.service-box) ul li,
.ArticlePage .medium-8:not(.service-box) ol ul li,
.SynchronizedArticlePage .medium-8:not(.service-box) ul li,
.SynchronizedArticlePage .medium-8:not(.service-box) ol ul li	{	list-style-type: disc;	}

.NewsPage .medium-8:not(.service-box) ol li,
.NewsPage .medium-8:not(.service-box) ul ol li,
.ArticlePage .medium-8:not(.service-box) ol li,
.ArticlePage .medium-8:not(.service-box) ul ol li,
.SynchronizedArticlePage .medium-8:not(.service-box) ol li,
.SynchronizedArticlePage .medium-8:not(.service-box) ul ol li	{	list-style-type: decimal;	}

.medium-8:not(.service-box) ol li:before,
.medium-8:not(.service-box) ul li:before						{	display:none;	}

/* =========================================
					FOOTER
   ========================================= */

.page-footer-section	{	background: var(--bg-white);	}

.page-footer			{	background-color: var(--bg-dark-blue);
						padding: 45px 15px;
						border-radius: 10px 10px 0 0;	}

.page-footer p		{	font-size: var(--font-size--90);	}


/* =========================================
					COOKIE
   ========================================= */

.cookie-disclaimer						{	background-color: var(--bg-white);
											padding: 15px;
											color: var(--black);
											font-weight: 300;
											width: 100%;
											border-top: 1px solid;		}

.cookie-disclaimer .cookie-accept-trigger	{	background-color: var(--green);
											text-decoration: none;
											color: var(--black);
											padding: 10px;
											border-radius: 10px;	}

.cookie-disclaimer .column a				{	color: var(--black);
											text-decoration: underline;	}

/* =========================================
		TABLET LAYOUT (min-width: 40.063em)
		Her optimerer vi til iPhone og mobil
   ========================================= */

@media only screen and (min-width:40.063em) {


/* =========================================
					SEKTION
				iPhone og mobil
   ========================================= */

	section.secondary-section .row		{	flex-direction: inherit;		}

/* =========================================
					SEKTION
   ========================================= */

.SubjectSubPage section .row,
.ArticlePage section .row		{	display: flex;
								flex-direction: initial;	}



}

/* =========================================
		TABLET LAYOUT (min-width: 768px)
		Her optimerer vi til iPads og små laptops
   ========================================= */

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

/* =========================================
					FONT
			   iPads og små laptops
   ========================================= */

	.page-header											{	font-size:var(--font-size--900);	}

	h3, .h3													{	font-size:var(--font-size--600);	}

	.columns.medium-12 .campaign .campaign__theme,												/* text-on-image campaign - Header */
	.campaign--tall .campaign__title P.campaign__title--header		{	font-size:var(--font-size--900);	}	/* Min-height campaign - Header */

	.columns.medium-12 .campaign .campaign__title				{	font-size:var(--font-size--100);	}	/* text-on-image campaign - Manchet */

/* =========================================
				NAVIGATION
			iPads og små laptops
   ========================================= */

	.logo													{	height: 72px;		}

/* =========================================
					BILLEDE
			    iPads og små laptops
   ========================================= */

section:nth-child(2) .row .medium-6 .image-element				{	margin-top: 0;	}

/* =========================================
				TEXT ON IMAGE
			    iPads og små laptops
   ========================================= */

.columns.medium-12 .campaign .campaign__theme				{	position: absolute;
																top: 40%;
																text-align: center;
																width: 100%;	}

.campaign--textinside .campaign__title							{	font-weight: 100;
																line-height: 1;
																text-align: center;
																width: 93%;
																position: absolute;
																top: 57%;	}




/* =========================================
					FOOTER
				iPads og små laptops
   ========================================= */

.page-footer							{	padding: 75px 125px	}



}



/* =========================================
		DESKTOP LAYOUT (min-width: 1248px)
		Her optimerer vi til store skærme
   ========================================= */

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

/* =========================================
				FONT
				Store skærme
   ========================================= */

	.page-header											{	font-size:var(--font-size--1100);	}

	.manchet, li.root a										{	font-size:var(--font-size--300);	}

	.columns.medium-12 .campaign .campaign__theme,												/* text-on-image campaign - Header */
	.campaign--tall .campaign__title P.campaign__title--header		{	font-size:var(--font-size--1200);	}	/* Min-height campaign - Header */

	.campaign--tall .campaign__title p							{	font-size:var(--font-size--300);	}	/* Min-height campaign - manchet */

	.columns.medium-12 .campaign .campaign__title				{	font-size:var(--font-size--300);	}	/* text-on-image campaign - Manchet */

	h4, .h4													{	font-size:var(--font-size--300);	}

}