@charset "utf-8";
body{
	margin-top: 80px;
	background-color: #fff;
	font-size: 18px;
	line-height: 28px;
	 font-family: "Heebo", sans-serif;
  font-optical-sizing: auto;
}.formular-wrap{
	text-align: center;
	background: #314e2e;
	
	color: #fff;
	padding: 10px 20px 20px 20px;
	border-radius: 10px;
	border: solid 4px #fff;
	box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.2);
	margin-top: 15px;
	
}.formular-wrap a {
    color: #f2eae4;
    text-decoration: none;
 
}.formular-wrap a:hover {
    color: #ef9d54;
 

}.formular-wrap a:visited  {
     color: #f2eae4;
    text-decoration: none;
 
 }.termscheckbox {
    padding-left: 30px;
    position: relative;
	line-height: 22px;
}.termscheckbox input {
    position: absolute;
    left: 0;
    margin-top: 4px !important;
    height: auto;
    min-height: 0 !important;
    margin-right: 5px !important;
    float: left;
}
h1{
	font-size: 34px;
	margin: 0px 0px 20px 0px;
color: #314e2e;
 font-family: "Heebo", sans-serif;
}h2{
	font-size: 32px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color: #314e2e;
	 font-family: "Heebo", sans-serif;
	line-height: normal;
	
	
	
	
}h3{
	font-size: 26px;
	margin: 25px 0px 15px 0px;
	color: #314e2e;
	font-family: 'Nunito Sans', 'Open Sans', sans-serif;
	line-height: normal;
	
	
}h4{
	font-size: 21px;
	margin: 10px 0px 10px 0px;
	color: #314e2e;
	font-family: 'Nunito Sans', 'Open Sans', sans-serif;
	font-weight: normal;
	line-height: normal;
	}h5{
font-size: 20px;
	margin: 10px 0px 15px 0px;
	color: #314e2e;
	font-family: 'Nunito Sans', 'Open Sans', sans-serif;
	line-height: normal;
	
}h6{
	font-size: 26px;
	margin: 15px 0px 20px 0px;
	font-family: 'Nunito Sans', 'Open Sans', sans-serif;
}a { 
	color: #314e2e; text-decoration: none; 
	
}
a:visited { color: #314e2e;font-weight: bold;
}
a:hover { color: #333; text-decoration: none; 
font-weight: bold;
}ol,
ul,
dl {
  margin-left: 10px;
  margin-top: 0;
  margin-bottom: 1rem;
}li{
	padding-bottom: 15px;
	
}.big-phone{
	font-size: 28px;
	font-weight: bold;
	
}.button-white {
  border: 1px #fff solid;
  border-radius:8px;
	line-height: normal;
  color: #fff;
  padding: 8px 34px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
margin-top: 10px;
  margin-bottom:5px;
	margin-right: 0px;
	text-shadow: 4px 4px 2px rgba(0,0,0,0.9);
	
	
	}
.button-white:hover{
	background: #296796;
	 border: 1px #296796 solid;
	color: #fff;
	font-weight: normal;
}.button-white a:visited{
	 color: #fff;
	background: #ad8860;
}.button-brun {
  border: 2px #314e2e solid;
  border-radius:8px;
	line-height: normal;
  color: #314e2e;
  padding: 10px 34px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
margin-top: 15px;
  margin-bottom:5px;
	margin-right: 0px;
	}
.button-brun:hover{
		background: #314e2e;
	 border: 2px #314e2e solid;
	color: #fff;
	font-weight: normal;
}.button-brun a:visited{
	   color: #314e2e;
}.button-blue {
  border: 2px #314e2e solid;
  border-radius:8px;
	line-height: normal;
  color: #fff;
  padding: 10px 34px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
margin-top: 15px;
  margin-bottom:5px;
	margin-right: 0px;
background: #314e2e;
	
}
.button-blue hover{
		background: #314e2e;
	 border: 2px #314e2e solid;
	color: #e7eee5;
	font-weight: normal;
}.button-blue a:visited{
	 color: #fff;
}.button-green-line {
  border: 2px #314e2e solid;
  border-radius:8px;
	line-height: normal;
  color: #fff;
  padding: 10px 34px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
margin-top: 0px;
  margin-bottom:0px;
	margin-right: 0px;

	
	}
.button-green-line:hover{
		background: #f4f9f2;
	 border: 2px #314e2e solid;
	color: #fff;
	font-weight: normal;
}.button-green-line a:visited{
	 color: #fff;
}.button-green-line a{
	 color: #fff;
}.button-small {
  border: 2px #314e2e solid;
  border-radius:8px;
	line-height: normal;
  color: #fff;
  padding: 10px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
margin-top: 15px;
  margin-bottom:5px;
	margin-right: 0px;
background: #314e2e;
	
	}
.button-small:hover{
	 border: 2px #3c5b39 solid;
	color: #e7eee5;
	font-weight: normal;
	background: #3c5b39;
}.button-small:visited{
	 color: #fff;
}
.button-big {
  border: 2px #314e2e solid;
  border-radius:8px;
	line-height: normal;
  color: #fff;
  padding: 10px 34px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
margin-top: 15px;
  margin-bottom:5px;
	margin-right: 0px;
background: #314e2e;
	
	}
.button-big:hover{
	 border: 2px #3c5b39 solid;
	color: #fff;
	font-weight: normal;
	background: #3c5b39;
}.button-big :visited{
	 color: #fff;
}




#MENU{
	font-size: 18px;
	background: #fff;
	
	
}
#MENU a { 
	color: #222; text-decoration: none; 
	font-weight: normal;
	line-height: normal; 
}
#MENU a:visited { color: #222;
}
#MENU a:hover { color: #314e2e; text-decoration: none; 

}
.menu-area {
	
		
}.logo-top{
   height: 55px;
   line-height: normal;
}
.navbar-brand {
padding: 5px 0px 5px 0px;
	
}.navbar        {
 border-top: solid 0px #314e2e;
   background: #fff;
   line-height: normal;
border-bottom: 3px solid #d6e0d3; 
	

}.navbar-nav {
	padding-top: 15px;
}
.nav-item {
	padding-left:15px;
	padding-right: 15px;
	
}.nav-item a:link {
	padding-top: 5px;
	padding-bottom: 5px;
	
}.dropdown-menu{
   background-color: #fff !important;
font-size: 18px;
}.dropdown-menu a:hover{
background-color: #e7eee5 !important;
	
}.dropdown-item a:li{
	line-height: normal;
	font-size: 18px;
	
}.dropdown-item{
	border-bottom: solid #f4f4f4 1px;
		
	
}.dropdown-item li{
	border-bottom: solid #f4f4f4 1px;
	line-height: normal;
	
}.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(173, 136, 96, 1.0)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}.custom-nav {
	border-bottom: 2px solid #eee; 
	font-size: 18px;
background: #fff;

}
#TOP {
	background: #e7eee5;
	text-align: center;
	border-bottom: #f4f4f4 4px solid;
	
	
	
	
}#TOP a{
	color: #314e2e;
	font-weight: bold;
}
.top-area {
	line-height: normal;
	
	
	
}.top-left{
padding-top: 17px;
	padding-bottom: 0px;
}.top-right{
padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
}.phone-area{
	height: 25px;
	text-align: right;
}.email-area{
	height: 25px;
}
#MENU {
}
.menu-area {
}
#SLIDER {
	
	background: url("Billeder/unge-bosted.jpg") no-repeat center right;
   background-size: cover !important;
    background-size: auto;
  height: 450px;
	
}
.slider-area {
	padding-top: 140px;
	text-align: center;
}.slider-area h2{
	font-size: 64px;
	color:#fff;
	text-shadow: 4px 4px 2px rgba(0,0,0,0.9);
	font-weight: bold;
}.slider-area a {
    color: #fff;
    text-decoration: none;
	font-weight: normal;
 
}.slider-area a:hover {
    color: #fff;
 

}.slider-area a:visited  {
    color: #fff;
    text-decoration: none;
 
}
#INTRO {
	padding-top: 25px;
	padding-bottom: 35px;
}
.intro-area {
	text-align: center;
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
}
#TEASER {
	background: #e7eee5;

	padding-top: 45px;
	padding-bottom: 20px;
}
.teaser-area {
}.card {
  padding: 0px 0px 0px 0px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
	margin-bottom: 25px;
	border: none;
	height: 550px;

}.card-body {
 padding: 15px 25px 25px 25px; 
}.card h2 {
	font-size: 22px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	color: #314e2e;
	font-weight: bold;
	 font-family: "Open Sans", sans-serif;
}.card h1 {
	font-size: 28px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	color: #222;
	
	 font-family: "Open Sans", sans-serif;
}
#INDHOLD {
	padding-top: 35px;
}
.indhold-area {
}
.indhold-left{
	padding-right: 35px;
	
}.indhold-right{
	padding-left: 35px;
	padding-top: 5px;
	
	
}.indhold-right img{
	width: 100%;
	height: 100%;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
	border-radius: 8px;
	border-bottom: 5px solid #e7eee5;
	
}.divider{
	border-bottom: 1px solid #ddd;
	margin-bottom: 25px;
	padding-top: 15px;
	
}#FOOTER {
	background: #314e2e;
	color:#fff;
	margin-top: 35px;
	padding-top: 15px;
	border-top: #d6e0d3 solid 5px;
	padding-bottom: 35px;
}
.footer-area {
}
.footer-kontakt{
	
}.footer-links{
	
}.footer-copy{
	text-align: right;
	padding-top: 75px;
	font-size: 12px;
	line-height: normal;
}.footer-copy img{
	max-width: 320px;
	
}#FOOTER a {
    color: #d6e0d3;
    text-decoration: none;
	font-weight: normal;
 
}#FOOTER a:hover {
    color: #fff;
 

}#FOOTER a:visited  {
    color: #d6e0d3;
    text-decoration: none;
 
}.phone{
	font-size: 36px;
	line-height: normal;
}
#BUND {
	text-align: right;
	padding-right: 1%;
	background: #d6e0d3;
	height: 35px;
	line-height: 35px;
	font-size: 12px;
}#BUND a {
  color: #455943;
    text-decoration: none;
	font-weight: normal;
 
}#BUND a:hover {
    
   color: #617c5e;
	font-weight: normal;

}#BUND a:visited  {
    color: #455943;
    text-decoration: none;
	font-weight: normal;
 
 }
#TEASER_2 {
	background: #e7eee5;
	padding-top: 10px;
	padding-bottom: 20px;
	border-bottom: solid #f4f4f4 4px;
	border-top: solid #f4f4f4 4px;
}
.teaser-2-area {
}.teaser-2-area-left{
	padding-right: 35px;
}.teaser-2-area-right{
	padding-left: 35px;
}#GETIN {
	text-align: center;
}
.getin-area {
	padding-top: 35px;
}#SUBPAGES {
	padding-top: 45px;
}
.subpages-area {
}.subpages-left{
	text-align: left;
	
}.subpages-right-formular{
	padding-top: 0px;
	padding-left: 70px;
	text-align: center;
	font-size: 24px;
	padding-bottom: 35px;
	color: #314e2e;
	
}.subpages-right{
	padding-top: 7px;
	padding-left: 70px;
	text-align: center;
	font-size: 24px;
	padding-bottom: 35px;
	color: #314e2e;
	
}.subpages-right img{
	width: 100%;
	height: 100%;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
	border-radius: 8px;
	border-bottom: 5px solid #e7eee5;
	margin-bottom: 15px;
}

@media (max-width:575.99px){
	body{
	margin-top: 50px;
	
}
	.logo-top{
   height: 40px;
}
.navbar        {
padding-top: 5px;
line-height: normal;
padding-bottom: 5px;
 

	
	

}.nav-item{
padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid #e7eee5;
	
	padding-bottom: 5px;
		padding-top: 0px;
	text-align: center;
	line-height: 36px;
	
}.nav-item ul {
	padding-top: 10px;
	
	padding-left: 5px;
	padding-right: 5px;
		

}.navbar-collapse {
      background: #fff;

	border-bottom: 0px solid #e7eee5;
	max-height: 400px;
  overflow-y: auto;
  }.nav-link-contakt {
	background: #4c8386;
	border: none;
	min-width: auto;
	text-align: center;
	}.left-slider{
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	
}
	
	#SLIDER {
background: url("Billeder/anbringelsessted-for-boern-og-unge.jpg") no-repeat center right;
   background-size: cover !important;
    background-size: auto;
  height: 400px;
	
}.slider-area {
	padding-top: 80px;
	
}.slider-area h2{
	font-size: 44px;
	line-height: normal;
}.intro-area {
	text-align: center;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}.indhold-left{
	padding-right: 15px;
	
}.indhold-right{
	padding-left: 15px;
	padding-top: 5px;
	
	
	}.center{
		text-align: center;
	}.card {
  	height: auto;

}.teaser-2-area-left{
	padding-right: 15px;
}.teaser-2-area-right{
	padding-left: 15px;
}
.footer-kontakt{
	text-align: center;
	
}.footer-links{
	text-align: center;
}.footer-copy{
	text-align: center;
	padding-top: 15px;
	}.footer-copy img{
	max-width: 280px;
	
}#BUND {
	text-align: center;
	padding-right: 0%;
	
}#SUBPAGES {
	padding-top: 35px;
}
.subpages-area {
}.subpages-left{
	text-align: left;
}.subpages-right{
	padding-top: 7px;
	padding-left: 15px;
	
}.subpages-right-formular{
	padding-top: 7px;
	padding-left: 15px;
	
}
}

@media (min-width:576px) and (max-width:767.99px){
	body{
	margin-top: 65px;
	
}
	.logo-top{
   height: 50px;
}
.navbar        {
padding-top: 5px;
line-height: normal;
padding-bottom: 5px;
	

	

}.nav-item{
padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid #e7eee5;
	
	padding-bottom: 5px;
		padding-top: 0px;
	text-align: center;
	line-height: 36px;
	
}.nav-item ul {
	padding-top: 10px;
	
	padding-left: 5px;
	padding-right: 5px;
		

}.navbar-collapse {
      background: #fff;

	border-bottom: 0px solid #e7eee5;
	max-height: 400px;
  overflow-y: auto;
  }.nav-link-contakt {
	background: #4c8386;
	border: none;
	min-width: auto;
	text-align: center;
	}.left-slider{
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	
}
	
	#SLIDER {
background: url("Billeder/unge-hjem.jpg") no-repeat center right;
   background-size: cover !important;
    background-size: auto;
  height: 400px;
	
}.slider-area {
	padding-top: 130px;
	
}.slider-area h2{
	font-size: 50px;
	line-height: normal;
}.intro-area {
	text-align: center;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}.indhold-left{
	padding-right: 15px;
	
}.indhold-right{
	padding-left: 15px;
	padding-top: 5px;
	
	
	}.center{
		text-align: center;
	}.card {
  	height: auto;

}.teaser-2-area-left{
	padding-right: 15px;
}.teaser-2-area-right{
	padding-left: 15px;
}
.footer-kontakt{
	text-align: center;
	
}.footer-links{
	text-align: center;
}.footer-copy{
	text-align: center;
	padding-top: 15px;
	}.footer-copy img{
	max-width: 280px;
	
}#BUND {
	text-align: center;
	padding-right: 0%;
	
}#BUND a {
  color: #fff;
    text-decoration: none;
	font-weight: normal;
 
}#BUND a:hover {
    
   color: #eee;

}#BUND a:visited  {
    color: #efdccb;
    text-decoration: none;
 
 }#SUBPAGES {
	padding-top: 35px;
}
.subpages-area {
}.subpages-left{
	text-align: left;
}.subpages-right{
	padding-top: 7px;
	padding-left: 15px;
	
}.subpages-right-formular{
	padding-top: 7px;
	padding-left: 15px;
	
}
}

@media (min-width:768px)and (max-width:991.99px){
	body{
	margin-top: 65px;
	
}
	.logo-top{
   height: 55px;
}
	
.navbar        {
padding-top: 5px;
line-height: normal;
padding-bottom: 5px;
	

}.nav-item{
padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid #e7eee5;
	
	padding-bottom: 5px;
		padding-top: 0px;
	text-align: center;
	line-height: 36px;
	
}.nav-item ul {
	padding-top: 10px;
	
	padding-left: 5px;
	padding-right: 5px;
		

}.navbar-collapse {
      background: #fff;

	border-bottom: 0px solid #e7eee5;
	max-height: 400px;
  overflow-y: auto;
  }.nav-link-contakt {
	background: #4c8386;
	border: none;
	min-width: auto;
	text-align: center;
	}.left-slider{
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	
}
	
	#SLIDER {
background: url("Billeder/anbringelse-af-boern.jpg") no-repeat center right;
   background-size: cover !important;
    background-size: auto;
  height: 400px;
	
}.slider-area {
	padding-top: 130px;
	
}.slider-area h2{
	font-size: 55px;
	line-height: normal;
}.intro-area {
	text-align: center;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}.indhold-left{
	padding-right: 15px;
	
}.indhold-right{
	padding-left: 15px;
	padding-top: 5px;
	
	
	}.center{
		text-align: center;
	}.card {
  	height: auto;

}.teaser-2-area-left{
	padding-right: 15px;
}.teaser-2-area-right{
	padding-left: 15px;
}
.footer-kontakt{
	text-align: center;
	
}.footer-links{
	text-align: center;
}.footer-copy{
	text-align: center;
	padding-top: 15px;
	}.footer-copy img{
	max-width: 280px;
	
}#BUND {
	text-align: center;
	padding-right: 0%;
	
}#BUND a {
  color: #fff;
    text-decoration: none;
	font-weight: normal;
 
}#BUND a:hover {
    
   color: #eee;

}#BUND a:visited  {
    color: #efdccb;
    text-decoration: none;
 
 }#SUBPAGES {
	padding-top: 45px;
}
.subpages-area {
}.subpages-left{
	text-align: left;
}.subpages-right{
	padding-top: 7px;
	padding-left: 15px;
	
}.subpages-right-formular{
	padding-top: 7px;
	padding-left: 15px;
	
}
}
@media (min-width:992px)and (max-width:1199.99px){
	body{
	margin-top: 65px;
	
}.nav-item {
	padding-left:2px;
	padding-right: 2px;
	
}
	.logo-top{
   height: 50px;
}
	#SLIDER {
background: url("Billeder/ungehjem-paa-Sjaelland.jpg") no-repeat center right;
   background-size: cover !important;
    background-size: auto;
  height: 400px;
	
}.card {
 height: 600px;

}
	
}@media (min-width:1200px)and (max-width:1399.99px){
	body{
	margin-top: 65px;
	
}
}@media (min-width:1400px){
	body{
	margin-top:70px;
	
}
}