* {
    box-sizing: border-box;
	
}


body{


opacity:1;
margin:0%;
font-size:1em;
color:#474740;
font-family: 'Varela Round', sans-serif;
background-image: ;
}

body, html {
height: 100%;
}

a{

text-decoration:none;	
	
	
	
}


a:visited{

text-decoration:none;	
	
	
	
}

a:link{

text-decoration:none;	
	
	
	
}



.fullBG{

background-image: url("BG_Trans.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width:100%;
height:80%;
position: relative;
float:left;


}


#hero-text {
width:90%;
height:auto;
 text-align:center;
position:absolute;
  background:rgba(66,255,35,0.3);
  box-shadow: px px px grey;
  opacity:1;
   text-shadow: 4px 2px 2px grey;
   padding:5px;
	margin:24% 0% 0% 0%;
	font-family: 'Rock Salt', cursive;
   /*font-family:'Julius Sans One', sans-serif;*/
   font-size:3vw;
   font-weight:lighter;
   letter-spacing:10px;
   animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */
}


.logo{
width:100%;
padding:5% 0% 3% 3%;
margin:0;
position:;
}


.logo img{
	width:15%;


}

#kitLogo{
	
width:100%;
float:right;	
position:absolute;
margin-top:-9%;
z-index:1000;
	
}

#kitLogo img{
	
width:7%;
float:right;
padding-left:1%;
margin-right:2.6%;	
	
}

#menueTop{
	
width:100%;
padding:3% 3%;
float:left;
position:fixed;
top:0%;	
text-align:right;
font-size:1.2vw;
letter-spacing:2px;	
color:grey;	
z-index:1111;
}
 
#menueTop a{
color:#04672F;	
font-family: 'Quicksand', sans-serif;
background:rgba(255,255,255,0.5);
padding:0px 4px;
	
	
}

 
#menueTop a:hover{
color:dimgrey;	
font-family: 'Quicksand', sans-serif;
border-bottom: 2px solid #f6861f;
	
	
}

#titel{
width:80%;
padding:25% 0% 0% 10%;
font-size:2vw;	
line-height:1.3;
letter-spacing:2px;
text-align:left;
font-family: 'Playfair Display', serif;
font-family: 'Quicksand', sans-serif;

	
}


#line{

float:left;

width:22%;
margin-bottom:0%;
height:0px;
background-color:#04672F;	
border-bottom: 0px solid dimgrey;
box-shadow: 0px 0px 0px dimgrey;
	
}


#zweck{
	
width:100%;
float:left;
margin-top:5%;
padding:0% 0% 1.3% 6%;
font-size:2.3vw;	
line-height:1.3;
letter-spacing:2px;
text-align:left;
font-family: 'Playfair Display', serif;
font-family: 'Quicksand', sans-serif;
color:#04672F;	
background:;	
border-bottom: 0px groove dimgrey;
	z-index:111111;
}

#zweckSub{
	
width:auto;
float:left;
margin-left:0%;
margin-left:-6.4%;
padding:1% 3% 1% 5%;
margin-bottom:3%;
background:;
box-shadow: 0px 2px grey;

	
}


#z{
	
width:100%;
float:left;
margin-top:-1%;
padding:4% 0% 2% 0%;
background-image: url("zweckBGdg.png");
background-size:cover;

/*background-image: linear-gradient(to right, #04672F , #067034, #079143);*/

	

}


#z1{
float:left;	
width:25%;
padding:5%;	

	background-color:;
	color: white;
	font-family: 'Quicksand', sans-serif;
	line-height:1.8;
	border-right: 
	
}


#z1 img{
	
	width:100%;
	margin-bottom:10%;
	margin-left:0%;

padding:0% 45% 15% 25%;

	background:;
	
}

#z2{
float:left;	
width:25%;
padding:5%;	
	background-color:;
	color: #fafafa;
	font-family: 'Quicksand', sans-serif;
	line-height:1.8;
	
}


#z2 img{
		width:100%;
	margin-bottom:10%;
	margin-left:0%;
		margin-left:0%;
padding:0% 45% 15% 25%;
	
	
}


#z3{
float:left;	
width:25%;
padding:5%;	
	background-color:;
	color: white;
	font-family: 'Quicksand', sans-serif;
	line-height:1.8;
	hyphens:auto;
}


#z3 img{
	
		width:100%;
	margin-bottom:10%;
	margin-left:0%;
	margin-left:0%;
padding:0% 45% 15% 25%;
	
}


#z4{
float:left;	
width:25%;
padding:5%;	
	background-color:;
	color: #fafafa;
	font-family: 'Quicksand', sans-serif;	
	line-height:1.8;
	hyphens:auto;
}


#z4 img{
		width:100%;
	margin-bottom:10%;
	margin-left:0%;
padding:0% 45% 15% 25%;
	
}

#dl{
	
width:100%;
float:left;
padding-left:5%;
margin-top:1%;	
	
}

#dl img{
	
width:2%;
margin-right:1%;
	
}


#dl a{
	
color:#ffffff;
font-size:1vw;
	
}

#linie2{
	
width:40%;
float:left;

margin:8% 30% 8% 30%;
background:	white;
height:1px;
border-bottom:1px solid dimgrey;
	
	
}
#foerdererWrap{
	
width:30%;
padding-left:3%;
float:left;
margin:6% 0% 2% 0%;
border-bottom: 2px solid grey;	
	
}


#foerderer{
	
width:80%;
float:left;
margin:6% 20% 0% 0%;
padding:0% 0% 1.3% 6%;
font-size:2.3vw;	
line-height:1.3;
letter-spacing:2px;
text-align:left;
font-family: 'Playfair Display', serif;
font-family: 'Quicksand', sans-serif;
color:#04672F;	
background:;	

}


#f{
	
width:100%;
float:left;

}


#f1{
float:left;	
width:20%;
margin-right:0.5%;
margin-left:0.25%;
padding:5% 5% 7.74% 5%;	

	background-image: linear-gradient(to top,  white, #efefef, #cacaca);
	color: dimgrey;
	font-family: 'Quicksand', sans-serif;
	text-align:center;
}




#f1 img{
	
	width:100%;
	margin-bottom:10%;
	margin-left:0%;

padding:0% 0% 10% 0%;
filter: grayscale(100%);
	
	
}

#f1 img:hover{
	

filter: grayscale(40%);
	
	
}


#f2{
float:left;	
width:20%;
margin-right:0.5%;
padding:5%;	
	background-image: linear-gradient(to bottom,  white, #efefef, #cacaca);
	background-image: linear-gradient(to top,  white, #efefef, #cacaca);
	color: dimgrey;
	font-family: 'Quicksand', sans-serif;
	text-align:center;
	
}



#f2 img{
		width:100%;
	margin-bottom:10%;
	margin-left:0%;
		margin-left:0%;
padding:0% 20% 0% 20%;
filter: grayscale(100%);
	
	
}

#f2 img:hover{
	

filter: grayscale(40%);
	
	
}

#f3{
float:left;	
width:24.5%;
margin-right:0.25%;
padding:5%;	
	background-color:;
	color: dimgrey;
	font-family: 'Quicksand', sans-serif;
	
}


#f3 img{
	
		width:100%;
	margin-bottom:10%;
	margin-left:0%;
	margin-left:0%;
padding:0% 45% 15% 25%;
	
}


#f4{
float:left;	
width:24.5%;
margin-right:0.5%;
padding:5%;	
	background-color:;
	color: dimgrey;
	font-family: 'Quicksand', sans-serif;	
	
	
}


#f4 img{
		width:100%;
	margin-bottom:10%;
	margin-left:0%;
padding:0% 45% 15% 25%;
	
}




#sitemap{
	
	width:100%;
	float:left;
	margin-top:2%;
	background-image: linear-gradient(to bottom,  white, #efefef, #ececec);
	background-image: url("sitemapBGgr.png");
	background-size:cover;
	box-shadow: 0px 0px 0px grey;
	border-top: 0px solid #efefef;
	border-bottom: 0px outset lightgrey;
	padding:18% 0% 10% 0%;
	color:#323b49;
	color:;
	font-size:1vw;
	line-height:2;
	box-shadow: ;
	
	
	
}

#siteÜS{
	width:100%;
	float:left;
	padding-left:5%;
	
	background:;
	
	
	
	
}

#siteÜS h1{
	font-size:1.5vw;
	
	
	
	
}

#siteÜS h3{
color:#04672F;
font-size:2.3vw;
width:30%;
border-bottom: 2px solid white;
margin-left:-5.4%;
padding-left:5.4%;

}

#sitemapLi{
	
	width:33%;
	float:left;
	margin-top: 1%;
	padding-left:5%;
	padding-right:3%;
	text-align:left;
	
	
	
	
}

#sitemapLi h3{
color:#04672F;

}


#sitemapLi a{
color:#04672F	;

}



#sitemapMi{
	width:33%;
	float:left;
	text-align:left;
	margin-top:1%;
		padding-left:5%;
		border-left: 1px solid lightgrey;
}


#sitemapMi a{
color:#04672F	;

}


#sitemapRe{
	width:33%;
	float:left;
	margin-left:0.5%;
	margin-top:1%;
	padding-top:;
	padding-left:5%;
	text-align:left;
	border-left: 1px solid lightgrey;
}



footer{
	position:;
width:100%;
float:left;
height:auto;


text-align:center;
margin-top:0%;
margin-left:%;
border-top:0px solid grey;
padding:3% 2% 2% 2%;
color:#eee;
font-family:;
font-weight:300;
text-shadow:px px px #38393a;
font-size:0.7vw;
letter-spacing:1px;
background:rgba(0,0,0,0.9);
	
	
}

footer a{
	
color:grey;
color:#eee;
text-shadow:px px px #38393a;
}



#impressB{
	
width:100%;
float:left;
padding:2% 12%;	
line-height:1.6;
	
}

#imgLogoImpressum{
	
	width:100%;
	float:left;
	padding:5%;
}

#imgLogoImpressum img{
	
	width:20%;
	
	
}



#contactB{

width:100%;
float:right;

position:relative;	
}

#contactB img{

float:right;
padding-right:5%;
padding-top:10%;
}


.bodyImpress{

width:100%;
padding:5% 15%;	
font-family:'Roboto',sans-serif;
line-height:1.6;	
	
	
}


.bodyImpress a{

color:#33ccff;
}



#logoImpress{

width:100%;
float:left;
margin:5% 0%;	

}

#logoImpress img{

width:30%;
float:left;	
	
}

#idImpress{
	
font-size:1vw;	
	
}




@media only screen and (max-width: 1280px){

.fullBG{
margin-top:5%;
background-image: url("BG_Trans.png");
background-position: ;
background-repeat: no-repeat;
background-size: cover;
width:100%;
height:40%;
position: relative;
float:left;


}

.logo{
width:100%;
padding:4% 0% 0% 3%;
margin:0;
position:;
}


.logo img{
	width:40%;


}

#kitLogo{
	
width:100%;
float:right;	
position:absolute;
margin-top:-18%;
z-index:1000;
	
}

#kitLogo img{
	
width:15%;
float:right;
padding-left:1%;
margin-right:2.6%;	
	
}

#menueTop{
	display:none;
width:100%;
padding:2% 3%;
float:left;
position:absolute;
top:0%;	
text-align:right;
font-size:2.5vw;	
color:grey;	
z-index:1111;
}
 
#menueTop a{
color:#04672F;	
font-family: 'Quicksand', sans-serif;
	
	
}

 
#menueTop a:hover{
color:dimgrey;	
font-family: 'Quicksand', sans-serif;
border-bottom: 2px solid #04672F;
	
	
}

#titel{
width:80%;
padding:25% 0% 0% 10%;
font-size:2vw;	
line-height:1.3;
letter-spacing:2px;
text-align:left;
font-family: 'Playfair Display', serif;
font-family: 'Quicksand', sans-serif;

	
}


#line{

float:left;

width:40%;
margin-bottom:0%;
height:0px;
background-color:#04672F;	
border-bottom: 0px solid dimgrey;
box-shadow: 0px 0px 0px dimgrey;
	
}




#zweck{
	
width:80%;
float:left;
margin:8% 20% 5% 0%;
padding:0% 0% 1.3% 6%;
font-size:4.3vw;	
line-height:1.3;
letter-spacing:2px;
text-align:left;
font-family: 'Playfair Display', serif;
font-family: 'Quicksand', sans-serif;
color:#04672F;	

border-bottom: 0px groove dimgrey;
	
}

#z{
	
width:100%;
float:left;
font-size:3vw;
background-image: url("zweckBGresp.png");
background-size:cover;
}


#z1{
float:left;	
width:50%;
padding:5% 5% 15% 5%;	

	background-color:;
	color: white;
	font-family: 'Quicksand', sans-serif;

	
}


#z1 img{
	
	width:100%;
	margin-bottom:10%;
	margin-left:0%;

padding:0% 40% 15% 30%;

	
	
}

#z2{
float:left;	
width:50%;
padding:5% 5% 15% 5%;	

	background-color:;
	color: white;
	font-family: 'Quicksand', sans-serif;
	hyphens:auto;
	
}


#z2 img{
		width:100%;
	margin-bottom:10%;
	margin-left:0%;
		margin-left:0%;
padding:0% 40% 15% 30%;

	
	
}


#z3{
float:left;	
width:50%;
margin-top:5%;
padding:18% 5% 5% 5%;	
margin-top:5%;
border-top:1px solid grey;
	background-color:;
	color: white;
	font-family: 'Quicksand', sans-serif;
	
}


#z3 img{
	
		width:100%;
	margin-bottom:10%;
	margin-left:0%;
	margin-left:0%;
padding:0% 40% 15% 30%;
	
}


#z4{
float:left;	
width:50%;
padding:18% 5% 5% 5%;	
margin-top:5%;
	border-top:1px solid grey;
	background-color:;
	color: white;
	font-family: 'Quicksand', sans-serif;	
	hyphens:auto;
	
}


#z4 img{
		width:100%;
	margin-bottom:10%;
	margin-left:0%;
padding:0% 40% 15% 30%;
	
}

#dl{
	
width:100%;
float:left;
padding-left:5%;
margin-top:15%;	
	
}

#dl img{
	
width:3%;

	
}


#dl a{
	
color:#fff;
font-size:3vw;
	
}

#linie2{
	
width:40%;
float:left;

margin:8% 30% 8% 30%;
background:	white;
height:0px;
border-bottom:1px solid dimgrey;
	
	
}

#foerdererWrap{
	
width:50%;
float:left;

}

#foerderer{
	
width:80%;
float:left;
margin:25% 20% 0% 0%;
padding:0% 0% 1.3% 6%;
font-size:4.3vw;	
line-height:1.3;
letter-spacing:2px;
text-align:left;
font-family: 'Playfair Display', serif;
font-family: 'Quicksand', sans-serif;
color:#04672F;	
background:;	
border-bottom: 0px groove dimgrey;
	
}


#f{
	
width:100%;
float:left;
margin-top:5%;

}


#f1{
float:left;	
width:49%;
padding:5%;	
margin:0;
margin-right:0.5%;
	background-color:;
	color: dimgrey;
	font-family: 'Quicksand', sans-serif;
	font-size:2vw;
	
}


#f1 img{
	
	width:100%;
	margin-bottom:10%;
	margin-left:0%;

padding:0% 15% 1% 15%;
filter: grayscale(40%);
	
	
}

#f1 img:hover{
	

filter: grayscale(40%);
	
	
}


#f2{
float:left;	
width:49%;
padding:5%;	
margin:0;
margin-left:0.5%;
	background-color:;
	color: dimgrey;
	font-family: 'Quicksand', sans-serif;
	font-size:2vw;
	
}


#f2 img{
		width:100%;
	margin-bottom:10%;
	margin-left:0%;
		margin-left:0%;
padding:0% 30% 1% 30%;
filter: grayscale(40%);

	
	
}

/*
#f3{
float:left;	
width:50%;
padding:5%;	
margin-top:10%;
	background-color:;
	color: dimgrey;
	font-family: 'Quicksand', sans-serif;
	
}


#f3 img{
	
		width:100%;
	margin-bottom:10%;
	margin-left:0%;
	margin-left:0%;
padding:0% 45% 15% 25%;
	
}


#f4{
float:left;	
width:50%;
padding:5%;	
margin-top:10%;
	background-color:;
	color: dimgrey;
	font-family: 'Quicksand', sans-serif;	
	
	
}


#f4 img{
		width:100%;
	margin-bottom:10%;
	margin-left:0%;
padding:0% 45% 15% 25%;
	
}


*/

#sitemap{
	
	width:100%;
	float:left;
	margin-top:0%;
		background-image: linear-gradient(to bottom,  white, #efefef, #ececec);
	background-image: url("sitemapBGresp.png");
	background-size:cover;
	box-shadow: 0px 0px 0px grey;
	border-top: 0px inset lightgrey;
	border-bottom: 0px outset lightgrey;
	bottom:0;
	padding:28% 0% 8% 0%;
	color:#323b49;
	line-height:2;
	font-size:2.3vw;
	
	
	
}


#siteÜS{
	width:100%;
	float:left;
	padding-left:5%;
	
	background:;
	
	
	
	
}

#siteÜS h1{
font-size:2.8vw;
	
	
	
	
}

#siteÜS h3{
color:#04672F;
font-size:3.3vw;
}

#sitemapLi{
	
	width:80%;
	float:left;
	margin-left:;
	text-align:left;
	
	
}

#sitemapLi h3{
color:#04672F;

}


#sitemapLi a{
color:#04672F;

}



#sitemapMi{
	width:80%;
	float:left;
	text-align:left;
		border-style:none;
}

#sitemapRe{
	width:80%;
	float:left;
	margin-right:0%;
	text-align:left;
	border-style:none;
	
}



#imgLogoImpressum{
	
	width:100%;
	float:left;
	padding:5%;
}

#imgLogoImpressum img{
	
	width:40%;
	
	
}


footer{
	position:;
width:100%;
float:left;
bottom:0;
margin:0%;
text-align:center;
padding:5% 1% 2% 1%;
color:#eee;
font-family:;
font-weight:300;
text-shadow:px px px #38393a;
font-size:1.8vw;
background:rgba(0,0,0,0.9);
	
	
}

footer a{
	
color:#eee;
text-shadow:px px px #38393a;
}

@media only screen and (max-width:660px) {




}