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

.mymenu{
		position: absolute;
		width: 100%;
		z-index: 9999;
		height: auto;
        background-color: rgba(0,0,0,0.5);
	}
	#menujump ul{
		padding: 0;
		margin: 0;
	}
	#menujump li{
		float: left;
		padding-left: 15px;
		padding-right: 15px;
	}

	.logo{
		float: left;
		padding: 0 45px  0 15px;
	}
	.mymenu-in{
		margin: 10px 25px 45px 25px;
		padding-bottom: 25px;
	}
.dvd { overflow: hidden;}
	.item { }

.dvd .item.wow{
    text-align: center;
}
#page-preloader {
 position: fixed;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 background: #333;
 z-index: 100500;
 opacity:1;
}
/*#page-preloader .spinner {
 width: 43px;
 height: 43px;
 position: absolute;
 left: 50%;
 top: 50%;
 background: url('/images/spinner.gif') no-repeat 50% 50%;
 margin: -26px 0 0 -26px;
}*/

.clear{
	clear: both;
}
.onlytextonpage.inner{
    margin: 50px auto;
    
}
.onlytextonpage p{
    font-size: 18px;
    width: 100%;
}
.sertif-bl-bl p{
    font-size: 20px;
    
}
.sertif-bl-bl a{
    color: #004B19;
}


.firma-bls, .products-bls{
	background-color: #fff;
	height: 340px;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.firma-bls-in{
	width: 98%;
}

.firma-bl{
	margin: 1%;
}
.firma-bl.text{
		float: left;
	width: 32%;
	text-align: left;
	padding-top: 30px;
}
.firma-bl.text p span{
	font-weight: 500;
}
.firma-bl.text p{
	font-size: 15px;
	font-weight: 300;
	text-align: left;
	padding-bottom: 15px;
}
.firma-bl.blimg{
		float: left;
	width: 30.9999999%;
}
.firma-bl.blimg img{
	padding-top: 20px;
    width: 100%;
}

#section2 h3{
	font-size: 75px;
	font-weight: 300;
	margin-top: -150px;
}

/*products-bls*/
.products-bls{
	background-color: #e9e7e8;
	
}
.products-bl p{
	font-size: 14px;
	line-height: 20px;
	height: 80px;
}
.products-bl span{
	font-size: 26px;
	font-weight: 300;
	display: block;
	padding: 10px 0;
}
.products-bls-in h3{
	font-size: 70px;
	font-weight: 300;
	display: block;
	padding-bottom: 30px;
}
.products-bls-in{
	width: 100%;
	margin: 0 auto;
	position: absolute;
	bottom: 20px;
}
.products-bls-inner{
	width: 80%;
	margin: 0 auto;
	
}
.products-bl{
	width: 29.1111%;
	margin: 2%;
	float: left;
	background-color: #fff;	
	-webkit-box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.1);
box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.1);
	padding-bottom: 15px;
	
}
.products-bl img{
	width: 100%;
}
.readmore{
	color: #fff;
	background-color: #80c342;
	padding: 5px 15px;
	display:  inline-block;
	margin: 20px 0;
}

.product-bl1, .product-bl2, .sertif-bottom{
	position: absolute;
	width: 100%;
	bottom: 0;
}
.product-bl1-top{
	background-color: #fff;
	padding: 0 0 30px 0;
	
}
.inner-aroun3{
background-color: #80c342;
padding: 25px 0;

}
.inner-aroun1{
background-color: #80c342;
padding: 25px 0;

}
.inner-aroun{
background-color: #80c342;
padding: 35px 0;

}
.product-bl2-top{
	background-color: #fff;
	padding: 0 0 40px 0;
	-webkit-box-shadow: -1px 20px 11px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: -1px 20px 11px 0px rgba(34, 60, 80, 0.2);
box-shadow: -1px 20px 15px 0px rgba(34, 60, 80, 0.2);
	
}

.product-bl1-bottom, .product-bl2-bottom{
	background-color: #fff;
}
.productbl1top-colon,
.productbl2top-colon{
	color: #fff;
	font-weight: 300;
	text-align: left;
	float: left;
	margin: 0 3%;
	width: 18.9999%;
	
}
.product-bl1 h3,
.product-bl2 h3,
.sertif-bottom h3{
	text-align: left;
	display: block;
	font-size: 75px;
	font-weight: 300;
	padding: 0 3% 1% 3%;
}
.productbl1top-colon span,
.productbl2top-colon span{
	font-size: 22px;
	font-weight: 500;
	display: block;
	margin-bottom: 15px;
}
.productbl1top-colon p, 
.productbl2top-colon p, .productbl2bot-colon2 p{
	font-size: 14px;
	text-align: left;
	width: 100%;
	
}
    
.inner{
	width: 90%;
	margin: 0 auto;
}
.inner70{
	width: 70%;
	margin: 0 auto;
}
.inner80{
	width: 80%;
	margin: 0 auto;
}
.inner90{
	width: 90%;
	margin: 0 auto;
}
.product-bl1-bottom,
.product-bl2-bottom{
	text-align: left;
	padding: 10px 0 30px 0;
}

.productbl1bot-colon1, .productbl1bot-colon2, .productbl1bot-colon3{
color: #333;
	font-weight: 300;
	text-align: left;
	float: left;
}
.productbl1bot-colon1{
		width: 32%;
}	
.productbl1bot-colon2 img,
.productbl1bot-colon3 img{
    width: 100%;
}
.productbl1bot-colon2, .productbl1bot-colon3{
	width: 31.4444444%;
    margin: 1%;
}
.productbl1bot-colon1 p{
	padding: 15px 0;
    font-size: 16px;
}
.productbl2bot-colon2{
	float: left;
	width: 23%;
	margin: 0 1%;
}
.product-bl1-bottom .inner{
    width: 98%;
}
.productbl2bot-colon2 img{
	width: 100%;
}
.sertif-bl{
	background-color: #fff;
	text-align: left;
	padding: 100px 0;
}
.sertif-bl-left{
	float: left;
	width: 50%;
}
.sertif-bl-right{
	float: right;
	width: 50%;
}
.sertif-bl-right span{
font-size: 22px;
    font-weight: 500;
    display: block;
    margin-bottom: 15px;
}
.sertif-bl-right p{
font-size: 14px;
	line-height: 20px;
    text-align: left;
    width: 100%;
}
.logofsc{
	position: relative;

}
.logofsc-in{
		position: absolute;
	top: -140px;
	width: 100%;
	text-align: center;
}
.logofsc img{
	-webkit-box-shadow: -1px 10px 33px -5px rgba(34, 60, 80, 0.3);
-moz-box-shadow: -1px 10px 33px -5px rgba(34, 60, 80, 0.3);
box-shadow: -1px 10px 33px -5px rgba(34, 60, 80, 0.3);

}
.urlfsc a{
	color: #247b2a;
	display: block;
	text-align: center;
	font-size: 16px;
	margin: 15px 0;
	text-decoration: underline;
}
.urlfsc{
	position: absolute;
	width: 100%;
	top:  120px;	
}
.sertif-bottom h3 {
    text-align: left;
    display: block;
    font-size: 75px;
    font-weight: 300;
    padding: 0 3% 10% 3%;
}
.impress-bottom {
	position: absolute;
	width: 100%;
	bottom: 0;
}

.impress-bottom h3{
    display: block;
    font-size: 75px;
    font-weight: 300;
    padding: 0 0 25px 0;
}
.kontact-bl-img h3{
    display: block;
    font-size: 75px;
    font-weight: 300;
    padding: 10% 3% 10% 3%;
    text-align: center;
}
.kontact-bl-text.inner{
    margin-top: 370px;
    
}
.kontact-bl-pers-in{
    font-size: 15px;
    margin: 5px 0px 5px 0px;
    text-align: left;
    height: 160px;
    line-height: 23px;
}
.kontact-bl-pers-in span{
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
}
.kontact-bl-pers{    
    width: 25%;
    float: left;
   padding: 0 0 15px  0;
}
.impress-bls p, .impress-bls a{
	font-size: 14px;
	text-align: left;
	font-weight: 300;
}
.impress-bls a{
    text-decoration: underline;
    display: block;
    margin-bottom: 5px;
}
.impress-bls p{
	padding: 0;
	margin: 0;
}


.impress-bls{
	margin: 50px 0;
	color: #fff;
}
.impress-bls-left1, .impress-bls-left2{
	float: left;
}
.impress-bls-left1{
	width: 22%;
	
}
.impress-bls-left2{
	width: 22%;

}
.impress-bls-left3{
	width:  40%;
float: left;
}
.impress-bls-left4{
	width:   15%;
float: right;
}
.impress-img-bottom{
	height: 230px;
background: url('/images/impressum.jpg') no-repeat center / cover;
}

.kontacts-img-bottom{
   	height: 250px;
background: url('/images/contact.jpg') no-repeat center / cover; 
}


.kontact-bl-img{
    height: 350px;
    background: url('/images/contact.jpg') no-repeat center / cover; 
    position: absolute;
    top: 0;
    width: 100%;
}
.kontact-bl-text{
    background-color: #ccc;
}







#section1{		
	 background: url('/images/mainback.jpg') no-repeat center / cover;
	}
#section2{		
   background: url('/images/firma_back.jpg') no-repeat center / cover;

	}
#section3{		
	 background: url('/images/produktbg.jpg') no-repeat center / cover;
	}
#section4{		
	 background: url('/images/prod-bl1.jpg') no-repeat center / cover;
	}
#section5{		
	 background: url('/images/spruce_big.jpg') no-repeat center / cover;
	}
#section6{		
	 background: url('/images/ply.jpg') no-repeat center / cover;
	}
#section7{		
	 background: url('/images/sertific.jpg') no-repeat center / cover;
	}

[class^="icon-"]:after,
[class*=" icon-"]:after {
  font-family: "untitled-font-1";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-up-open-big { display: inline-block; }

.icon-up-open-big:after {
  content: "a";
  font-size: 2.5em;
  display: block;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  color: black;
  -webkit-transition: color .3s;
          transition: color .3s;
}

.icon-up-open-big:hover:after {
  color: white; 
}

.scroll-icon {
  position: absolute;
  left: 50%;
  bottom: 30px;
  padding: 0 10px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}



/* HELPER CLASSES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.l-left {
  float: left;
}

.l-right {
  float: right;
}

.end {
  margin-top: 30px;
  font-size: 3em;
  font-weight: bold;
  opacity: 0;
  -webkit-transform: translateY(300px);
      -ms-transform: translateY(300px);
          transform: translateY(300px);
  -webkit-transition: opacity, -webkit-transform 1s;
          transition: opacity, transform 1s;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}



/* RESET-GENERAL STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

* {
  margin: 0;
  padding: 0;
  font-family: Verdana, "sans-serif"
}

html {
  font-size: 90.5%;
}

body {
  color: #666;

}

a {
  text-decoration: none;
  color: white;
	font-size: 18px;
}

ul, li {
  list-style-type: none;
}

p{
	font-size: 26px;
width: 80%;
	margin: 0 auto;
}
	.asecond, .athird, .afourth, .afifth, .asixth, .aseven {
	padding-top: 15px;
	
}
.fp-viewing-1section #menujump li a,
.fp-viewing-2section #menujump li a,
.fp-viewing-3section #menujump li a,
.fp-viewing-4section #menujump li a,
.fp-viewing-5section #menujump li a,
.fp-viewing-6section #menujump li a,
.fp-viewing-7section #menujump li a,
.fp-viewing-8section #menujump li a,
.fp-viewing-9section #menujump li a
{
	display: inline-block;	
	border-bottom: 2px solid  rgba(0,0,0,0.00);
	margin: 2px;
	padding: 2px;
	
}
.fp-viewing-1section #menujump .afirst a{
	display: inline-block;	
	border-bottom: 2px solid  rgba(0,0,0,0.00);
	margin: 2px;
	padding: 2px;
}

.fp-viewing-2section #menujump .asecond a,
.fp-viewing-3section #menujump .athird a,
.fp-viewing-4section  #menujump .athird a, 
.fp-viewing-5section  #menujump .athird a, 
.fp-viewing-6section  #menujump .athird a, 
.fp-viewing-7section #menujump .aseven a,
.fp-viewing-8section #menujump .afifth a,
.fp-viewing-9section #menujump .asixth a
{
	display: inline-block;	
	border-bottom: 2px solid #fff;
	margin: 2px;
	padding: 2px;
	
}
/* NAV STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.header-top {
  background: rgba(0, 47, 77, .3);
  height: 70px;
  padding: 0 10px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 12;
  box-sizing: border-box;
}

h1 {
  line-height: 70px;
  height: 70px;
}

h1 a {
  display: block;
  padding: 0 10px;
}

.toggle-menu {
  width: 50px;
  height: 50px;
  display: inline-block;
  position: relative;
  top: 10px;
}

.toggle-menu i {
  position: absolute;
  display: block;
  height: 2px;
  background: white;
  width: 30px;
  left: 10px;
  -webkit-transition: all .3s;
          transition: all .3s;
}

.toggle-menu i:nth-child(1) {
  top: 16px;
}

.toggle-menu i:nth-child(2) {
  top: 24px;
}

.toggle-menu i:nth-child(3) {
  top: 32px;
}

.open-menu i:nth-child(1) {
  top: 25px;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.open-menu i:nth-child(2) {
  background: transparent;
}

.open-menu i:nth-child(3) {
  top: 25px;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}

nav {
  height: 0;
  opacity: 0;
  box-sizing: border-box;
  background: rgba(0, 47, 77, .25);
  position: fixed;
  top: 70px;
  width: 100%;
  -webkit-transition: all 3s;
          transition: all 3s;
}

.open-menu ~ nav {
  opacity: 1;
  padding: 80px 0;
  z-index: 15;
  height: calc(90vh - 70px);
}

nav ul {
  padding: 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

nav li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

nav li a {
  font-size: 1.8em;
  display: block;
  padding: 30px;
  text-align: center;
  -webkit-transition: background .3s;
          transition: background .3s;
}

nav li:nth-child(odd) a,
body.fp-viewing-fifthSection-1 #menu li:nth-child(5) a {
  background: #962D3E;
}

nav li:nth-child(even) a {
  background: #aa3346;
}

nav li:nth-child(odd) a:hover {
  background: #9e2f41;
}

nav li:nth-child(even) a:hover {
  background: #c53c52;
}

nav li.active a,
body.fp-viewing-fifthSection-1 #menu li:last-child a {
  background: #453659;
}
  


/* SECTION STYLES - fullPage.js 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

section { 
  text-align: center;
 
}

h2 {
  font-size: 3.8em;
  margin-bottom: 20px;
}

h3 {
  font-weight: 500;
  font-size: 2.2em;
	color: #fff;
}
.verde{
	color: #80c342;
}



/* SLIDENAV STYLES - fullPage.js 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#fp-nav ul li a span, 
.fp-slidesNav ul li a span {
  background: white;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}

#fp-nav ul li a.active span, 
.fp-slidesNav ul li a.active span, 
#fp-nav ul li:hover a.active span, 
.fp-slidesNav ul li:hover a.active span {
  width: 24px;
  height: 24px;
  margin: -8px 0 0 -8px;
  background: transparent;
  box-sizing: border-box;
  border: 3px solid #ffffff;
}


.simplepage{
    padding: 80px 0;
}
.simplepage p{
    padding: 5px 0;
}
.simplepage a{
    color: #80c342;
}
@media screen and (min-width:1600px){ 
.firma-bls{
    height: 440px;
}
    .impress-img-bottom {
        height: 200px;
}
    .kontact-bl-img{
    height: 300px;
    }

}
@media screen and (max-width:1450px){
    .product-bl1-bottom, .product-bl2-bottom {
        padding-top: 5px;
    }
    .product-bl1-top {
        padding-bottom: 0;
    }
    .productbl1bot-colon2 img, .productbl1bot-colon3 img{
        width: 80%;
    }
    .productbl1bot-colon2, .productbl1bot-colon3{
        text-align: right;
    }
}
/* MQ STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */




@media screen and (max-width: 767px) {
  nav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  nav li {
    margin-top: 1px;
  }
  
  nav li a {
    font-size: 1.3em;
  }
  
  .scroll-icon {
    display: none;
  }
}

@media screen and (max-width: 400px) {
  html {
    font-size: 46%;
  }
  
  .open-menu ~ nav {
    padding: 20px 0;
  }

  nav li a {
    padding: 3px;
  }
}