*

@font-face {
  font-family: 'Lato';
  src: url("lato-regular.woff2");
}
{
margin: 0;
padding: 0;
border: none;
outline: none;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
}



html {
  scroll-behavior: smooth;
  color: #442000;
  height:auto;
}







.clear
{
clear: both;
}
p
{
padding: 12px 0;
font-family: "Lato";
font-size:20px;
}
h1
{
font-size: 32px;
font-weight: normal;
margin-top:70px;
text-align:center;
margin-top:70px;
}
h2
{          
margin-top:70px;
font-size: 24px;
}
h3
{           
font-size: 22px;
}
a
{
color: #fff;
text-decoration: none;
}
a:hover
{
color: #ffff00;
text-decoration: none;
}



	#logo
	{
	max-width: 300px;
	display: flex;
	}
	
	#icon{
		margin-right:30px;;
		height:90%;
		float:right;
	}
	

#navigation {
	position:relative;
	max-width:1600px;
	display: flex;
	flex-direction:row;
	flex-wrap : wrap;
	align-items : flex-end;
}


				#navigation a.hier
				{
				text-decoration: none; 
				color: #228;
				border-bottom: 2px solid #fff;
				}


#mobilenavi {
	cursor:pointer;
	display: fixed;
	z-index:5001;
	top:0px;
	left:0px;

}


#button1, #button2, #button3, #button4, #button5 {
		position: relative;
		text-decoration: none;
		color:#fff;
		font-size:16px;
		margin-left:10px;
		padding-right:10px;



		}









#header1
{
	width:100%;
	background: #39A026;
	z-index:1;
		height:90px;


}





#header2
{
		position:fixed;
		top:0px;
		left:0px;
		background:#39A026;
		width:100%;
		height: 100px;
		display: flex;
		align-items: center;
		justify-content : center;
		transition: 0.9s all;
		z-index:99999;

}




	#header2.small
	{
		position:fixed;
		z-index:99999;
		top:0px;
		height:80px;
		font-size: 1.2vmax;
		transition: 0.9s all;
	}




	#willkommen
	{
	position:relative;
	background:#39A026;
	color:#fff;
	}
	#historie
	{
	text-align:center;
	background:#efe0cf;
	}
	#qualitaet
	{
	background:#308820;
	color:#fff;
	}
	#artikel
	{
	text-align:center;
	background:#efe0cf;
	}
	#anfrage
	{
	text-align:center;
		background:#39A026;
			color:#fff;
	}

	
	


	#incontent
	{
		margin: 0 auto;  
		max-width: 1300px;
		padding-left:10px;

	}





#datenschutz, #impressum{

	overflow:auto;
	background: #fff;
	border-radius: 12px;
	border: 1px  #39A026;
	position:fixed;
	bottom:50px;
	display:none;
	padding:10px;
left:50%;
right:50%;
top:130px;;
width:50%;
margin-left:-25%;
height:75%;
z-index:999999;
}


#datenschutz a {color:#660000; font-size:30px;}






#finster{
	position:fixed;
	left:0px; top:0px;
	right:0px; bottom:0px;
	z-index:5000;
	background:rgba(57, 160, 38, 1);
	visibility:hidden;
}





#footer
{
	position:relative;
	background:#308820;
	height:130px;

}
	#footerzwei
	{
		position:relative;
		margin: 0 auto;  
		max-width: 1300px;
			color:#fff;padding:20px;

	}





#dreieck {
					margin: 0 auto;  
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #39A026;
}

		#dreieckhg {
					margin: 0 auto;  
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #efe0cf;
}


		
		.wrapper {
  display: grid;
  grid-template-columns: 40% 60%;
  grid-gap: 10px;
text-align:left;
}




.boxlinks {
font-size:40px;
font-family: 'Dosis', sans-serif;
}

.boxrechts {
	font-size:22px;
}
		
		
		
#accordion {
   height:0px;
   transition: height 1s ease-in-out;
	overflow:hidden;
	text-ident:20px;
}

li {
	list-style-type: disc;
	margin-left:22px;
}



#fischhg {

	position:fixed; bottom: 150px; z-index:5005;width:100%;	height:150px; 
}



#toplink
{
	transform: rotate(90deg);
position: fixed;
bottom:70px;
right: -50px;
z-index:5010;
border-radius: 4px;
opacity: 0;
display: inline-block;
font-size: 20px;
color: #fff;
padding: 1px;
width: 155px;
height: 30px;
overflow: hidden;
text-align: center;
transition: 0.3s all;
pointer-events: none;
cursor: pointer;
}
#toplink:hover
{
opacity: 0;
transition: 0.3s all;
}
#toplink.seh
{
opacity: 0.7;
pointer-events: all;
}
#toplink.seh:hover
{
opacity: 0.7;
}





@media screen and (min-width: 901px) {
	#mobilenavigat {display:none;}
		#navigation {
		display:block;
	}
		#mobilenavi {

	}
	
	#datenschutz, #impressum{	
width:75%;
margin-left:-37.5%;
}

	
}


@media screen and (max-width: 900px) {
	
	#navigation {display:none;}
	
	#mobilenavigat {
		display:block;
		position:fixed;
		top:-600px;
		width:100%;
		height:100px;
		z-index:8888;
		transition: all ease-in-out 4s;
	}

#fischhg { max-height:100px;}

#footer
{
	position:fixed;
	bottom: 0px;
	z-index:5005;
	width:100%;
	height:120px;

}

#fischhg {
	display:block;
}
	.select {background:#fff; border-bottom:0px;}
	
	.wrapper {  grid-template-columns: 96%; padding:20px;}

	#header2{
		margin-right:22px;
	}

	#header2.small
	{
	top:0px;
	}
	

	#mobilenavi {
		display:block;
		width:50px; height:50px;
		filter: invert(1);
		max-height:50px;
		margin-left:20px;
		background-image:url('hamburger.svg');
		background-size:cover;
		transition: all ease-in-out .9s;
		}
		
	#mobilenavi:hover {
		filter: invert(0.5);
		}
	
	
	
	#button1, #button2, #button3, #button4 {
		font-size:30px;
		text-align:left;
		height:70px;
		display:block;
		background:#39A026;
		border-bottom:1px solid white;
		float:none;
		width:100%;
		padding:10px;
		margin-right:20px;
		cursor: pointer;
	}
		#button1:hover, #button2:hover, #button3:hover, #button4:hover:hover {
		color:#000; background:#EFE0CF;
	}
	
}