@import url("https://use.typekit.net/qew5tke.css");

@font-face {
  font-family: 'Chalkduster';
  src: url('/fonts/Chalkduster3.eot'); /* IE9 Compat Modes */
  src: url('fonts/Chalkduster3.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
    url('fonts/Chalkduster3.otf') format('opentype'), /* Open Type Font */
    url('fonts/Chalkduster3.svg') format('svg'), /* Legacy iOS */
    url('fonts/Chalkduster3.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/Chalkduster3.woff') format('woff'), /* Modern Browsers */
    url('fonts/Chalkduster3.woff2') format('woff2'); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

html
{
	



font-family: myriad-pro, sans-serif; 
font-weight: 400;

font-style: normal;

margin:0;
padding:0;
height:100%;
	
}

.background
{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 0;
	overflow: hidden;
}
#top
	{
	background:rgba(255,241,206,1.00);
	width: 100%;
	height: 30px;
	position: fixed;
	top: 0px;
	left: 0px;
	right:  0px;
	margin-top: 0;
	text-align: right;
	z-index: 1;
	
	
}

#logobild{
    
    left: 5%;
align-content: center;
position: fixed;
z-index: 30;
top: 7px;

}

header,
footer
{
	background: #009240;
}

header
{
	text-align: right;
}

.topbar
{
	background: #fff1ce;
}

.mainbar
{
	margin-right: 25px;

}

header nav 
{
}

header li
{
	display:inline-block;
	position: relative;
}

header ul
{
	margin:0;
	padding: 0;
}

header ul ul
{
	display:none;
	background: #009240;
	position: absolute;
	left:0;
	top: 1.2em;
	width: 300px;
	text-align: left;
	z-index: 1000;
}

header ul li:last-child ul
{
	width:150px;
}

header ul ul li
{
	display: block;
}

header ul ul a
{
	padding: .25em .5em;
}

header nav a
{
	display:block;
}

header nav li:hover ul
{
	display: block;
}

footer .center
{
	max-width:900px;
	margin:auto;
	display:flex;
	padding: 1em;
}

footer .col
{
	width: 25%;
}

.menuetoggle
{
	position:absolute;
	right:1em;
	top:1em;
}

@media(max-width:1000px)
{
	header
	{
		text-align: left;
	}
	
	footer .center
	{
		display:block;
	}
	
	footer .col
	{
		width: auto;
		margin-bottom: 1em;
	}
	
	header .topbar
	{
		display:none;
	}
	
	#logobild
	{
		text-align:center;
		position: static !important;
	}
	
	#logobild a
	{
		padding-bottom: 1em;
    	display: block;
	}
	
	nav
	{
		padding:1em;
		display: none;
	}
	
	header.menueopen nav
	{
		display:block;
	}
	
	nav ul ul,
	header ul li:last-child ul
	{
		display:block;
		position:static;
		padding-left: 1em;
		width: auto;
	}
	
	nav li
	{
		display: block;
	}
	
	.menue
	{
		padding-top:.25em;
				padding-bottom:.25em;
	}
	
	#kunden
	{
		position:absolute;
		left:1em;
		top:1em;
	}
	
}

.toptext
{

    text-decoration: none;
	font-size: 1em;
	letter-spacing: 0.00 em;
    color: #009240;
	line-height: 30px;
	
	

}
.pad
{

	margin-right: 0px;
	margin-top: 8px;
	margin-bottom: 0px;
	
}
.toptextlink
{
 color: #009240;
	margin-right: 25px;
	
	
}
.toptextlink:hover
{
 color: #fff1ce;
	background: #009240;
	margin-right: 25px;
	
	
	
}
.menuecoin
{

color: #fff1ce;
	line-height: 100px;
	

}

#menuebild{
    
    left: 30%;
align-content: center;
position: fixed;
z-index: 30;
top: 20px;

}

#mitte{
    
   position: relative;
width: 80%;
max-width: 900px;
margin: auto;

}


#imitte {
	width: 100%;
	max-width: 100%;
	max-height: 100%; 
	
}

.img {
	    max-width: 100%;
    height: auto;
}
	
	
}


.hidemobile
	{
		display: block;
	}
		.hidenormal
	{
		display: none;
	}




.h1
{
   font-family: 'Chalkduster';
text-decoration: none;
font-size: 50px;
color: #009240;
line-height: 60px;
letter-spacing: 0.03em;
	font-weight: normal;
}


.h2
{
   
    text-decoration: none;
	 font-size: 20px;
    color: #009240;
    
    line-height: 23px;
	letter-spacing: 0.03em;
	font-weight: 300;
}
.h3
{
   
    text-decoration: none;
	 font-size: 20px;
    color: #000000;
    
    line-height: 23px;
	letter-spacing: 0.03em;
	
}


.content
{
    font-size: 20px;
    color: #000000;
    line-height: 30px;
    letter-spacing: 0.5px;

}
.contenta
{
    font-size: 20px;
    color: #000000;
    line-height: 30px;
    letter-spacing: 0.5px;
}
.contenta:hover
{
    font-size: 20px;
    color: #009240;
    line-height: 30px;
    letter-spacing: 0.5px;
}
.contentsmall
{
    font-size: 12px;
    color: #000000;
    line-height: 20px;
  
	font-style: italic;

}

.menue
{
color: #fff1ce;
text-decoration: none;
font-size: 1em;
line-height: 1.2em;
text-transform: uppercase;
padding-left:5px;
	padding-right: 5px;
	 
}
.menueaktiv
{
    color: #fff1ce; 
	text-decoration: none;
font-size: 1em;
line-height: 1.2em;
text-transform: uppercase;
	padding-bottom: 15px;

	border-bottom:5px solid #fff1ce;
}


.menue:hover
{
    color: #009240;
   text-decoration: none;
font-size: 1em;
line-height: 1.2em;
text-transform: uppercase;
	background:#fff1ce;

	

}
.menue2
{
color: #fff1ce;	
    text-decoration: none;
	font-size:1em;
	line-height: 1.2em;
	text-transform: uppercase;
	

}
.menue2aktiv
{
    color: #009240;
  text-decoration: none;
	font-size:1em;
	line-height: 1.2em;
	text-transform: uppercase;
    line-height: 25px;padding-bottom: 34px;
	border-bottom:10px solid #fff1ce;
	background:#fff1ce;
	

}


.menue2:hover
{
     color: #009240;

	background:#fff1ce;
	

}


.adress
{
   
    font-size:1em;
    color: #fff1ce;
    line-height: 1.2em;
	
	
}
.adresslink
{
   
    font-size:1em;
    color: #fff1ce;
    line-height: 1.2em;
	
	
		
}
.adresslink:hover
{
   
    font-size:1em;
	background: #fff1ce;
    color: #009240;
    line-height: 1.2em;
	
		
}

.adresstitel
{
  
    font-size: 1em;
	
	text-transform: uppercase;
    color: #fff1ce;
    line-height: 1em;
	
}





a {text-decoration:none;;
}
a:hover {text-decoration:none;
	
}


	
	#logo {
	background:rgba(255,255,255,0.5);
	height: 40px;
	position: absolute;
	top: 30px;
	left: 0px;
	right:  0px;
	padding: 15px;
	text-align: center;
	
}


	

.navclosed,
.menuetoggle
{
	display:none;
	
   background-color: transparent;
	
    border: none;
   
   

}

.navopen
{
	position:absolute; 
	z-index:100; 
	left:0px; 
	top:1.5; 
	width:250px; 
	background-color:rgba(0,146,64,1.0); 
	border: 5px solid rgba(0,146,64,1.0);
}

 .oben{  padding-top:40px;}
#trans{
	height:843px;
	width:100%; max-width:100%;
}



@media(max-width:1000px)
{

	
	.oben{  padding-top:40px;}
	
	#trans{
	height:300px;
	width:100%; max-width:100%;}

	.hidemobile
	{
		display: none;
	}
		.hidenormal
	{
		display: block;
	}

	.pad
{

	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 7px;
	
}
	
	#mitte
	{
		position:static;
		height:auto;
		width:auto;
		padding:1em;
		align-content: center;
		width: auto;
	}
	
	.text-content
{
    width: auto;

}

	
	.adresslink,
	.adresslink:hover
	{
		line-height: 1em;
	}
	
	
	body
	{
		margin:0px;
	}

	#menuebox
	{
		display:none;
		
	}
	
	#menuebox.menueopen
	{
		display:block;
		
	}
	
	
	
	.menuetoggle
	{
		display: inline;
	
	}
	
  table,tbody,tr,td {
    display: block;
    width: auto;
    overflow: hidden;
	
	}
	
	
	.navclosed,
	.navopen
	{
		display:block;
		position:static;
		width:auto; 
		
		border: none;
			
	}
	
	
	.logo{
		margin-left: 1em;
		margin-right: 1em;
		margin-top: 1em;
		margin-bottom: 0em;
		
		width: 250px;
  height: auto;
	}

	
	.content
	{
	
	}
	
	.tdleer
		{
		
		line-height: 0px;
	}
	.adress
	
{
   margin:1em;

}

	.adresstitel {
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff1ce;
    line-height: 1em;
   
}
		

}




/* --------- COOKIE HINWEIS -----------------*/
#cookiedingsbums a {color: #009240; text-decoration:underline;} /*Link im text*/

#cookiedingsbums a:hover {text-decoration:underline;color:#009240;}  /*Link im text hover*/

#cookiedingsbums div {padding:10px; padding-right:50px;}

 
 #cookiedingsbums { 
   outline: 2px solid #009240; /*Strich über Hintergrund*/
   text-align:left;  
   background: #fff1ce; /*Hintergrundfarbe gesamt*/
	 color: #009240;
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:14px; 
   line-height:50px;
	left: 0px;
}

#cookiedingsbumsCloser {
   color: #009240;
   font: 14px;
   position: absolute;
   right: 50px;
   text-decoration: none;
   text-shadow: 0 2px 0 #fff;
   bottom: 20px;
   cursor:pointer;
   border-top:1px solid #009240; 
   border-left:1px solid #009240; 
   border-bottom:1px solid #009240; 
   border-right:1px solid #009240; 
   padding:4px;
line-height: 20px;
   background: #fff1ce; /* Old browsers */
   
 }

#cookiedingsbumsCloser:hover {color: #009240; border-bottom:2px solid #009240; border-right:2px solid #009240; 
border-top:2px solid #009240; border-left:2px solid #009240;background: #fff1ce;}