body 	{
	background-color: #fff;
}

h2	{
	margin-top: 2em;
    	margin-bottom: 0.3em;	
}

h3	{
	margin-top: 2em;
    	margin-bottom: 0.3em;	
}

.front	{
	display:none;	
}

.front img {
	display: none;	
}

.fisk	{
	position: absolute;
	top:70px;
	left: 47%;
	display:none;	
	z-index:-1;
}

.faktaboks {
	max-width: 600px;
	font-size: 16px;
	line-height: 2.0;
	padding: 0px 0px 0px 20px;	
	margin: 25px 0px 25px 0px;
	background-color:#eeeeee;
	border-style: solid;
	border-width: 1px;
	border-color: #eeeeee;
  	border-radius: 25px;
}

.popupVindu	{
	position: relative; 
	
}

.popupTekst {
	position: absolute; 	
  	width: 400px;
	height: auto;
	padding: 20px;
	background: #f8f9fa;
	color: #222;
	font-size: 16px;
	line-height: 1.5;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
	scroll-margin-top:20px;
	z-index: 10;
}

@media (hover: hover) {
	.popupVindu:hover .popupTekst {		
		opacity: 1;
	}
}


@media (min-width: 768px) {
  

}

@media (min-width: 1024px) {
  .front  { display:flex;  justify-content: flex-end; }
  .front img { display:block; max-width:500px; height:auto; }

}

@media only screen and (min-width: 1280px) {
	.fisk {display:block;}

}

