@charset "utf-8";
/* CSS Document */


.mobil:first-of-type,
.desktop:first-of-type {
    padding-top: 1px;
}

html > body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
html {
    padding: 0 !important;
    margin: 0 !important;
}



body, html {
	background-color: #ffffff !important;
	height: 100%;
	font-family: "PT Sans", sans-serif;
	margin:0% !important;
  }

footer {
background-color: #edded5;
}

.container-fluid {
background-color: #edded5;
}


.header-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
		z-index: 10;
	}

	.desktop {
		display: none !important;
	  }
	  .mobil {
		display: block !important;
	  }
	  
	  @media (min-width: 768px) {
		.desktop {
		  display: block !important;
		}
		.mobil {
		  display: none !important;
		}
	  }

.header-content h1 {
	display: inline;
	background-color: rgba(40, 40, 40, 0.0);
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	/*-text-shadow: 4px 4px 8px rgba(40, 40, 40, 0.8)*/
	padding: 0.1em 0.3em; /* top/bund: 0.1em – sider: 0.3em */
	font-size: clamp(2rem, 4.5vw, 5.5rem);
	color: #292929!important;
	border-bottom: none;
	font-family: 'PT Serif', Georgia, serif;
	line-height: 1.2; /* giver luft mellem kasserne */
	
}
	
	.header-content h2 {
	font-size: 1.2em;
	color: #fff;
	text-align: center;
	font-weight: normal;
	z-index: 3;
	font-family: 'PT Serif', Georgia, serif;
	}

.top-mobil-billede {
	display: none;
}

.top-desktop-billede {
	display: inline;
}

.fullwidth-image {
	display: block;
	width: 100vw !important;
	max-width: 100%;
	margin: 2rem 0;
	object-fit: cover;

	opacity: 0;
	transform: translateY(2rem);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
	will-change: opacity, transform;
}

.mobil .fullwidth-image:first-of-type,
.desktop .fullwidth-image:first-of-type {
    margin-top: 0;
}

.img-responsive {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 2rem 0;
  object-fit: cover;

  opacity: 0;
  transform: translateY(2rem);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  will-change: opacity, transform;
}

.img-responsive.in-view {
  opacity: 1;
  transform: translateY(0);
}

.fullwidth-image.in-view {
	opacity: 1;
	transform: translateY(0);
}
  
  /* Standard: skjul mobilversion */
  .mobile-only {
	display: none;
  }
  
  /* Mobilvisning */
  @media only screen and (max-width: 768px) {
	.desktop-only {
	  display: none;
	}
	.mobile-only {
	  display: block;
	  width: 100%;
	}
  }

.artikeltekst {
	margin: auto;
	max-width: 100%;
	padding: 2% 0 2% 0;
}

.artikeltekst p {
    max-width: 40%;
	white-space: pre-line;
	text-align: left;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-style: normal;
	font-weight: normal !important;
	line-height: 150% !important;
	font-size: 1.4rem;
	color: #282828;
}

.artikeltekst a {
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-style: normal;
	font-weight: normal !important;
	line-height: 150% !important;
	font-size: 18px;
	color: #db3d7f;
}

.artikeltekst h2 {
	font-size: 2.4rem;
	text-align: center;
	font-weight: 500;
	color: #282828;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
}










.billedparallax01-desk {
  /* Full height */
  height: 1200px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}











.desktop {
	display: inline;
	margin: auto;
	}
	
.mobile {
	display: none;
}



.img-fluid {
	max-width: 100%;
	height: auto;
}



.image-caption {
	position: relative;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	max-width: 720px;
	color: 282828;
}

.image-caption-para {
	position: relative;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	max-width: 720px;
	color: #282828;
}


.image-caption img {
	top: 0;
	left: 0;
	width: 100%;
}




.infogram-embed {
	max-width: 720px;
}


@media only screen and (max-width: 1500px) {
	
	.header-content {
	top: 35%;
	}
	
	.artikeltekst p {
	white-space: pre-line;
	max-width: 50%;
	}
	
	.mobile {
	display: none;
}
	
		
}


@media only screen and (max-width: 1200px) {
	
	.header-content {
	top: 25%;
	}
	
	
	.artikeltekst p {
	white-space: pre-line;
	max-width: 60%;
	}
	
	.mobile {
	display: none;
}
	
	
}

@media only screen and (max-width: 992px) {
	
	.header-content {
	top: 20%;
	}
	
	
	.artikeltekst p {
	white-space: pre-line;
	max-width: 70%;
	}
	
	.faktablaaboks {
	width: 95%;
	background-color: #E5D7D0;
	padding: 2%;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	color: black;
}
	
	.mobile {
	display: none;
}
	
	
}

@media only screen and (max-width: 768px) {
	
	.top-mobil-billede {
	display: block;
    background-repeat: no-repeat;

    /* Full height */
    /*height: 100%;*/ 
	width: 100%;

    /* Create the parallax scrolling effect */
    background-attachment: scroll;
	}
	
	.top-desktop-billede {
	display: none;
	}
	
	.header-content {
	top: 50%;
	}
	
	
	.desktop {
		display: none;
	}
	
		.billedparallax01-desk {
		display: none;
	}
	
	.mobile {
		display: inline;
	}
	
	.artikeltekst p {
		white-space: pre-line;
		max-width: 95%;
		}
	
	.juxtapose {
		display: none;
	}
	
	.faktablaaboks {
	width: 95%;
	background-color: #E5D7D0;
	padding: 2%;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	color: black;
}
		
}


@media only screen and (max-width: 576px) {
	
	.logo-bar {
	overflow: hidden;
  	background-color:none;
  	position: fixed;
  	top: 0;
  	width: 100%;
	z-index: 3;
	height: 45px;
	}
	
	
	.header-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	}
	
	.header-content h2 {
	font-size: 1.5rem;
	color: #fff;
	text-align: center;
	margin: 2%;
	font-weight: normal;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	}
	
		
	.top-mobil-billede {
	display: block;
    background-repeat: no-repeat;

    /* Full height */
    /*height: 100%;*/ 
	width: 100%;

    /* Create the parallax scrolling effect */
    background-attachment: scroll;
	}
	
	.top-desktop-billede {
	display: none;
	}

	
	
	.artikeltekst {
		white-space: pre-line;

	}
	
		.artikeltekst p {
			white-space: pre-line;
			max-width: 95%;

		margin-bottom: 0;
		}
	
	
	
	
	.mobile {
		display: inline;
	}
	
	.billedparallax01-desk {
		display: none;
	}
	
		
	
	.image-caption {
	position: relative;
	padding: 3% 3% 0 3%;
	margin-left: auto;
	margin-right: auto;
	margin-top: -1%;
	width: 100%;
	font-size: 100%;
	}
	
	.image-caption-para {
	position: relative;
	padding: 2% 5% 0 5%;
	margin-left: auto;
	margin-right: auto;
	margin-top: -1%;
	width: 100%;
	font-size: 100%;
	}
	
	
	

	.image-caption img {
		top: 0;
		left: 0;
		width: 100%;
	}
	
	.image-caption-grafik {
	width: 100%;
	
	}
	
	.faktablaaboks {
	width: 100%;
	background-color: #E5D7D0;
	padding: 2%;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	color: black;
}
}

.header-content h2 {
   color:#4f96b0!important;
}

h2 {
    color:#4f96b0!important;
}

.artikeltekst p,
.image-caption-para,
.image-caption-para i,
.image-caption {
  color: #387794 !important;
}



.image-caption-para.description,
.image-caption-dark,
.image-caption-dark description,

.faktablaaboks,
.laksbgboks {
  background-color: #282828 !important;
  color: #faeae0 !important;
}

.faktablaaboks p,
.laksbgboks p,
.faktablaaboks strong,
.laksbgboks strong {
  color: #faeae0 !important;
}

.billedtekst {
text-align:center;
max-width:720px;
	margin-top:-1.5rem;
	color: #376778;
	font-style:italic;

}
