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

/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quicksand-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quicksand-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v30-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}


html 				{	font-family:'Quicksand', sans-serif;
					}

body 				{	width:100%;
						height:auto;
						margin:0 auto;
					font-family:'Quicksand', sans-serif;
					}
	

	header 			{	width:100%;
						height:18%;
						position:fixed;
						left:0;
						margin:0;
						padding:0;
						top:0;
						background-color:white;
						box-shadow:1px 2px 4px grey;
					}
	
	
main 				{	position:absolute;
						top:200px;
						z-index:-1;
						width:100%;
						height:auto;
						margin:0 auto;
						
					}
	

#containerheader	{	position:relative;
						bottom:0;
					}



#logo	 			{	width:15%;
						height:auto;
						margin:0 auto;
						padding-left:25px;
						padding-top:20px;
						padding-bottom:20px;
						
						
					
						
					}	
					
				
/* Gestaltung Navigation */
	
a {
  
  font-weight: 700;
  text-decoration: none;
}


#header {
  position: relative;
  width: 100%; height: 150px;
  background:white;
	display: table;}



#navigation {
  position: relative;
  width: 100%; 
  height: 50px;
  background:#34a635;
  box-shadow: 0 0 5px rgba(#000, 0.15);
  text-align: center;
  line-height: 50px; 

}
	
	


#navigation li:hover a {
	color:#34a635;
  background-color:white;
}

  ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
	  align-items: center; 
list-style-type:none;  
}
    li
      a {
        height: inherit;
        padding: 0 25px;
        display: inline-block;
        transition: all 150ms ease;
        line-height: inherit;
        text-transform: uppercase;
		text-decoration:none;
		color:white;
		
       
      }
    
  
  .fixed {
    position: fixed;
    top: 0; left: 0; right: 0;
  }


#container { min-height: 300%; }

	#show-menu 		{ display:none;
		visibility:hidden;}
	
	
	
	label 		{	display:none;
		visibility:hidden;}
  
  .fixed {
    position: fixed;
    top: 0; left: 0; right: 0;
  }


#container { min-height: 300%; }




	/* Gestaltung Navigation Ende */ 
	
h1, h2, h3 			{	text-transform:uppercase;
						color:#34a635;
					font-family:'Quicksand', sans-serif;
						
					}	
	
	h1 				{	font-size:450%;
						text-align:center;
						margin-top:40px;
					}
	h2 				{	font-size:250%;
						text-align:center;
					}
	
	hr 				{	width:80%;
						margin:0 auto;
					}
	
#startseite 		{	width:100%;
						height:100%;
						
					
						
	}
	
a.sprungziel		{
						display:block;
						position:relative;
						top:-225px;
					}
	
#bild img 			{	width:100%;
						height:30%;
						margin:0 auto;
					}	
	

/* Gestaltung Kontaktformular */
	
	#formular {
		
  width:50%;
		height:auto;
 margin:0 auto;
  padding-top:5rem;
  font-family:'Quicksand', sans-serif;
	margin-bottom:60px;
		color:#9e9e9e;
}

.input-field {
    position: relative;
    margin-top: 1rem;
}

input[type="text"] {
    border: none;
    border-radius: 0;
    outline: none;
    height:60px;
	font-family:'Quicksand', sans-serif;
    width: 100%;
    font-size:12pt;
    padding-top: 50px;
    box-shadow: none;
    box-sizing: content-box;
    transition: all 0.3s;
	color:black;
	
}

label {
  width: 100%;
  
  padding:30px 0;
 
}

 /*.input-field label {
    color: #9b9b9b;
    left: 0;
} */
.input-field label {
    color: #9e9e9e;
    position: absolute;
   /* top: 0.8rem; */
    font-size: 1rem;
    cursor: text;
    transition: .2s ease-out;
}


.input-field label.active {
   padding-bottom:2rem;
  padding-top:0;
  border-bottom:1px solid #f18825;
}

.input-field label:after {
  content:'\f00c';
font-family:'Quicksand', sans-serif;
  position:absolute;
  right:0;
  color:#34a635;
  bottom:12px;
  visibility:hidden;
}

.input-field label.active:after {
  visibility:visible;
}

button {
  width:100%;
  border:2px solid #34a635;
  border-radius:5px;
  padding:.9rem 0;
  font-size:16px;
  text-transform:uppercase;
  cursor:pointer;
  margin-top:2rem;
  transition:300ms all;
  color:#34a635;
  font-weight:700;
  background:none;
  font-family:'Quicksand', sans-serif;
}

button:hover {
  color:white;
  background:#34a635;
}



#anmerkungen 		{	width:100%;
						height:200px;
						margin-bottom:20px;
					}


h2							{	
								padding-top:0;
								margin-top:0 auto;
								font-size:30pt;
								font-family: 'Anton', sans-serif;
								color:#34a635;
								
								line-height:1.25em;
							}

.strich 			{ border-bottom: 1px solid #9b9b9b;	}	
	
/* Ende Gestaltung Kontaktformular */