@charset "utf-8";
/* CSS Document */


	*{ 	margin:0;
		padding:0;
		box-sizing: border-box;
		font-family: 'Source Sans Pro', sans-serif;
		}

		section, article, nav, aside, main, footer, header {display:block}

/* fælles css regler for alle breakpoints..... */

div#wrapper {width:100%; background: #98BFAF}

header {height:80px; background: #FFFFFF}

nav{height:40px; color:rgba(255,255,255,.6); background:#98BFAF; text-align: center; line-height: 40px}

h2 {font-family: 'Playfair Display', serif;font-size: 24px; font-weight:900; text-align: center; color:rgba(255,255,255,.7); margin: 20px 0 10px;}

p {font-family: 'Source Sans Pro', sans-serif;font-size: 22px; text-align: center; color:rgba(255,255,255,.7); margin: 20px 0 10px;}


.ting p { font-size:16px; }
.ting h4 { font-size:20px; color: white; font-family: 'Playfair Display', serif;}

h3 {font-family: 'Playfair Display', serif;font-size: 12px; text-align: center; color:#000000; margin: 20px 0 10px;}

.biler article{ width: 100%; padding:0 20px; }
.biler article figure img{max-width:100%; display:block}
.blier article div{background:#103a4b;}
.biler article h3{font-size: 22px; text-align: center; color:white;padding-top: 20px;}
.biler article p{font-size: 15px; text-align: center; color:whitesmoke; padding: 5px 15px 20px; }

.biler article a{text-decoration: none; font-family: 'Playfair Display', serif;   text-align: center; background-color: white; border: 1px solid #E76EAF; color: #E76EAF; padding: 8px 30px;
  display: inline-block; font-size: 14px; margin: 4px 1px; cursor: pointer;
}


address{ font-size: 14px; color:rgba(255,255,255,.7); text-align: center; font-style: normal}

footer{ background: #2d3133; padding:20px;}


nav a {text-decoration: none; font-size: 18px; font-family: 'Playfair Display', serif;}

footer p { font-size: 9px}

#kort iframe {width:100%;height:100%;}
#kort h2 {padding-top: 40px;}
#kort p {color:#E76EAF;}


			 #center {
  display: block;
  margin-left: auto;
  margin-right: auto;
margin-top:30px;

}

			 #center2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
margin-top:30px;

}


/* unvisited link */
a:link {
  color: white;
}

/* visited link */
a:visited {
  color: white;
}

/* mouse over link */
a:hover {
  color: green;
}

/* selected link */
a:active {
  color:greenyellow;
}


/* mobil */
@media screen and (min-width:220px) and (max-width:480px) {
	
	
nav a {	text-decoration: none; 
		color: indianred; 
		font-size:5px;
		text-align: right;}
	
nav li {border-bottom: solid #FCFCFC 1px; 
	font-size:9px;}
	

	
header {height:50px;}
	
#logo {display:block; 
	
background: url("billeder/gront_logo.svg") no-repeat;
height:25px;
	margin-top: 20px;
	margin-left: 10px;
	
	}	
	

.slider img {display: none;} 
	
	
	
#center {display: none;} 
	
.biler article{ width: 100%; padding:0 20px; } 
	


.ting article { padding: 0;
background:#6CB459;
margin: 20px }
	
.ting article::after {
content:"";
display:block;
clear:left;
visibility:hidden}	
	
.ting article figure {
float:left;
width:40%;
padding:0
}
	
	
	.ting article figure img {width: 100%;}
	
.ting article div {
float:left;
width:60%;
padding: 0 10px 0 10px }
	
	
.ting article p 
	{
padding: 10px 0 }
	
	
h2 {font-size: 18px;
	padding-top: 15px} 	

/* navigation mobil */

	header + div {
top:65px;
transition: 500ms ease-in-out;
position: relative;
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
transform:translate(0,0);
}
	
	div#wrapper ~ .menu_aaben  {background: transparent}
	
	header {
height:65px;
position:absolute;
width:100%;
z-index:10;
}

	header a#burger_menu {
display:block!important;
width:48px;
height:32px;
background:url("billeder/burger_menu.svg") rgba(255,255,255,.0) no-repeat;
position:absolute;
right:16px;
top:20px;
z-index: 12
}
	
	nav {
background-color: #6CB459;
display:block;
height:350px;
width:60%;
position:absolute;
left: -160%;
top:-150;
}
	nav li {display: inline;width: 100%;}
	
	#wrapper {
overflow:hidden;
width:100%; }
	
.menu_aaben {
-webkit-transform:translate(100%, 0);
-moz-transform:translate(100%, 0);
transform:translate(100%, 0);
}	
	

	
}

/* tablet */
@media screen and (min-width:481px) and (max-width:768px) {
	
header {height:110px;}
	
header a {display:block; background: url(billeder/gront_logo.svg) no-repeat center 20px;
height:100px;
width:100%;
background-size: 70%}	
	
	
.biler article{ width:50%; float:left; padding:0 20px; }
.biler  article p{font-size: 14px; text-align: center; color:rgba(255,255,255,.6); padding: 5px 15px 25px; }


.ting article {
width:33.33%;
float:left;
padding: 0 20px}
	
.ting article h4{
font-size: 16px;
text-align: left;
color:rgba(255,255,255,.3);
padding:10px 10px 0 15px;}
	

.ting article figure img {width: 100%;}	
	
	
section::after {content:"";display:block;clear: left; visibility: hidden}	
	
	
	.slider img {display: block; max-width: 100%} 
	
	
/* fjer lodret banner  */
	#annonce2 img {display: none;}	
	
footer{clear:left}
	

	
	

}

/* stor skaerm */
@media screen and (min-width:769px) {
div#wrapper {margin: 0 auto; max-width: 1200px;}


	/* fjern lodret annonce fra stor visning  */
	#annonce2 img{display: none;}
	
	
header {height:125px;}
header a {display:block; background: url(billeder/gront_logo.svg) no-repeat center 20px;
height:125px;
width:100%;
background-size: 60%}	
	
	.slider img {display: block; max-width: 100%} 
	

h2 {margin: 40px 0 10px;}
.biler article{ width:25%; float:left; padding: 0 20px}
	
.biler article p{font-size: 16px; }
	
.ting article { width:16.66%; float:left; padding: 0 20px}	
	
	
	.ting article figure img {width: 100%;}	
	
	
footer{ padding:40px 20px 60px; clear:left;} 

/* navigation tabelt + desktop */
header a#burger_menu{display:none;}
	

nav {height: 40px; }

	}
nav li {display:inline-block;margin-right: 1.5rem; line-height: 40px; height:40px;} 
nav li:last-child {margin-right: 0; }
nav a {font-size: 22px; }