@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: 'Aller';
    src:  url('Aller.ttf.woff') format('woff'),
    url('Aller.ttf.svg#Aller') format('svg'),
    url('Aller.ttf.eot'),
    url('Aller.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
	color:#000;
}
.cb-slideshow:after { 
    content: '';
    /*background: transparent url(../images/pattern.png) repeat top left; */
}

img.map, map area{
    outline: none;
}

 ul {
	
margin:0px;
padding:0px;	
}
#content02u  ul {
	
margin:20px;
padding:20px;	
}

.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    
    font-size: 240px;
    padding: 0;
    line-height: 200px; 
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(images/1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(images/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(images/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(images/1.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(images/2.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(images/3.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 80px }
}










/* CSS reset */
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-family: 'Aller',Arial, Helvetica, sans-serif;
	
}
body,td,th {
	font-family: 'Aller',Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
}
html,body {
	margin:0;
	padding:0;
}


/* CSS Document */

a:link {
	color: #508c66;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #508c66;
}
a:hover {
	text-decoration: underline;
	color: #508c66;
}
a:active {
	text-decoration: none;
	color: #508c66;
}
body,td,th {
	font-family: 'Aller',Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	background-color:#000;
	
}
	



#top01 {
	width:100%;
	height:50px;
	background-color:#aec2ae;
	text-align:right;
	position: fixed;
	z-index:110;
	opacity: 0.8;
	
	
	
}
#top02 {
	display:block;
	padding-top:10px;
	padding-right:10px;
	
}


#top01a {
	width:100%;
	height:50px;
	background-color:#aec2ae;
	text-align:right;
	position: fixed;
	z-index:110;
	
	
}
#top02a {
	display:block;
	padding-top:10px;
	padding-right:10px;
	
}







#top01nav {
	width:100%;
	text-align:right;
	position:fixed;
	margin-top: 50px;
	z-index:120;
	
	
	
}
#top02nav {
	display:block;
}


a.linavitem01 {
background-color:#6ca27e;
opacity: 0.9;
color:#FFF;
font-size:100%;
display:block;
border-bottom:1px solid #fff;
padding-top:6px;
padding-bottom:6px;
padding-right: 10px;


}
a.linavitem01:link {
color: #ffffff;
text-decoration: none;
}
a.linavitem01:hover {
color: #ffffff;
text-decoration: none;
background-color:#3a8e63;
}
a.linavitem01:active {
color: #ffffff;
text-decoration: underline;
background-color:#666;
}
a.linavitem01:visited {
color: #ffffff;
text-decoration: none;
}

a.linavitem01a {
background-color:#3a8e63;
opacity: 0.9;
color:#FFF;
font-size:100%;
display:block;
border-bottom:1px solid #fff;
padding-top:6px;
padding-bottom:6px;
padding-right: 10px;
}
a.linavitem01a:link {
color: #ffffff;
text-decoration: none;
}
a.linavitem01a:hover {
color: #ffffff;
text-decoration: none;
background-color:#3a8e63;
}
a.linavitem01a:active {
color: #ffffff;
text-decoration: underline;
background-color:#3a8e63;
}
a.linavitem01a:visited {
color: #ffffff;
text-decoration: none;
}



a.linavitem01d {
background-color:#3c3c3b;
opacity: 0.9;
color:#FFF;
font-size:80%;
display:block;
border-bottom:1px solid #fff;
padding-top:5px;
padding-bottom:5px;
padding-right: 10px;


}
a.linavitem01d:link {
color: #ffffff;
text-decoration: none;
}
a.linavitem01d:hover {
color: #ffffff;
text-decoration: none;
background-color:#333;
}
a.linavitem01d:active {
color: #ffffff;
text-decoration: underline;
background-color:#333;
}
a.linavitem01d:visited {
color: #ffffff;
text-decoration: none;
}

#linavitem02 {
background-color:#3c3c3b;
opacity: 0.9;
color:#FFF;
font-size:80%;
display:block;
border-bottom:1px solid #fff;
padding-top:5px;
padding-bottom:5px;
padding-right: 10px;

}

.flags01 {
	margin-left:10px;
	float:right;
	
}





#logo01 {
position:fixed;
z-index:120;
margin-top:10px;
margin-left:10%;
width: 30%;
}
@media screen and (max-width: 800px) and (orientation: portrait) {
  


	.logo02 {
	width: 100%;
	height: auto;
	}


}
@media screen and (max-width: 800px) and (orientation: landscape) {
  


	.logo02 {
	width: 60%;
	height: auto;
	}


}
@media screen and (min-width: 801px) {
	.logo02 {
	width: 50%;
	height: auto;
	}
}




#content01u {
margin-top:40px;
display:block;
	margin-left: 10%;
	margin-right: 10%;
margin-bottom:80px;
font-family: 'Aller'; 
color:#333;
line-height:160%;
	font-size: 120%;
}



#footerstart00 {
    position:absolute;
    bottom: 0;
    width: 100%;
	z-index:2;
	color:#fff;
	
    
}
#footerstart01 {
	text-align:center;
		
	padding:1%;
	background-image:url(../images/bgrstart.png);
	
	
}



h1.start {
	font-size:1.3em;	
	margin:0px;
	font-weight:normal;
	color:#fff;
	line-height:150%;
}
@media screen and (max-height: 500px) {
	h1.start {
	font-size:0.9em;	
	margin:0px;
	font-weight:normal;
	color:#fff;
	line-height:150%;
}
}



h2 {
	font-size:1,2em;	
	margin:0px;
	font-weight:normal;
	line-height:130%;
	color:#508c66;
	margin-bottom: 20px;
}
h5 {
	font-size:1em;
	margin:0px;
	margin-bottom:10px;
	font-size:20px;
	color:#508c66;
	
	
}
.content01anw1 {
	width:100%;
	margin-bottom:100px;
	margin-top:40px;

}
.content01anw2 {
	width:100%;
	text-align:center;

}

#contenttext {
	
	display:block;
	margin-left: 13%;
	margin-right: 10%;
	line-height:160%;
	margin-bottom: 20%;
	
	
}
#contenttextshop {
	
	display:block;
	margin-left: 13%;
	margin-right: 10%;
	line-height:160%;
	margin-bottom: 20%;
	
	
}
#contenttexth {
	
	display:block;
	margin-left: 13%;
	margin-right: 10%;
	line-height:160%;
	margin-bottom: 20%;
	float: right;
	text-align: right;
	
	
}

@media screen and (max-width: 800px) and (orientation: portrait) {
	#contenttext {
	padding-top: 30%;
	}

}
@media screen and (max-width: 800px) and (orientation: landscape) {
	#contenttext {
	padding-top: 15%;
	}

}

@media screen and (min-width: 801px) {
	#contenttext {
	padding-top: 15%;
	}
}



@media screen and (max-width: 800px) and (orientation: portrait) {
	#contenttextshop {
	padding-top: 30%;
	}

}
@media screen and (max-width: 800px) and (orientation: landscape) {
	#contenttextshop {
	padding-top: 2%;
	}

}

@media screen and (min-width: 801px) {
	#contenttextshop {
	padding-top: 15%;
	}
}


.produkte01 {
	margin-top:80px;
	text-align: center;
	
}

#produkte01sk {
	float:left;
	margin-right:3%;
	margin-top: 20px;
}
#produkte02sk {
	float:left;
	margin-top: 45px;
}


.wk {


display: block;
}
.wk00 {
float:left;
margin-right:10px;
}
.wk01 {
	display: block;
	
	border:1px dotted #ccc;
	padding:3px;
	margin-bottom: 10px;
	
}
.wk02 {
	
	display: block;
	border:1px solid #ccc;
	padding:3px;
	text-align:right;
	
}
.wk03 {
	
	
	
}
.wk04 {
	border-bottom:1px dotted #ccc;
	display: block;
	
}
.wk05 {
	margin-left:65px;
	width:125px;
	margin-bottom:10px;
	margin-top:7px;
	float:left;
}
.wk06 {
	float:right;
	width:400px;
	text-align:right;
	
	margin-top:10px;
	vertical-align:central;
}
.wkform01 {
	background-color:#3c3c3b;
	width:40px;
	border:1px solid #ccc;
	margin-bottom:10px;
	margin-top:5px;
	padding:2px;
	color:#fff;
	
}

a.bt01 {
	padding:3px;
	border: 1px solid #ccc;
}
a.bt01:link { text-decoration: none; color: #333; }
a.bt01:visited { text-decoration: none; color: #333; }
a.bt01:hover { text-decoration: none; color: #333; }
a.bt01:active { text-decoration: none;  color: #333; }

.bt01a {
	background-color:#fff;
	padding:3px;
	border: 1px solid #ccc;
	color: #333;
	font-family: 'Aller',Arial, Helvetica, sans-serif;
	font-size: 1em;
	
}

a.bt02 {
	padding:3px;
	border: 1px solid #fff;
	background-color:#3c3c3b;
}
a.bt02:link { text-decoration: none; color: #fff; }
a.bt02:visited { text-decoration: none; color: #fff; }
a.bt02:hover { text-decoration: none; color: #fff; }
a.bt02:active { text-decoration: none;  color: #fff; }

.bt02a {
	background-color:#3c3c3b;
	padding:3px;
	border: 1px solid #fff;
	color: #fff;
	
}

.bstform01h {
	display: none;
}

.bstform01 {
	background-color:#fff;
	border:1px dotted #ccc;
	padding:4px;
	color:#999;
	width: 90%;
	font-size: 1em;
	text-align: right;
	font-family: 'Aller',Arial, Helvetica, sans-serif;
	
}
.bst01a {
	margin-bottom:1px;
	margin-top:5px;
	width: 100%;
}
.bst01b {
	width: 100%;
	text-align: right;
	
	
}
#bst03 {
	
	color:#999;
}


#cookiepopup { 
   color:#fff;
   text-align:left; 
   border-top:1px solid #fff;
border-bottom:1px solid #fff;
   background: #0e1f10; 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:1em;
   padding-top:5%;
line-height: 180%;
	padding-bottom:5%;
	text-align: center;
}

#cookiepopupCloser {
   color: #fff;
   font: 1em; 
   top: 5px;
   cursor:pointer;
   padding:6px;
   padding-left:40px;
   padding-right:40px;	
   border-radius: 18px;
   background: #aec2ae; /* Old browsers */  
 }

#cookiepopupCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #fff; border-left:1px solid #fff;}