/**********************/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,700,800&display=swap');
/* social */
.container *, .page-container *:before, .page-container *:after { box-sizing: border-box;
	outline: medium none;}
* { margin: 0;
	padding: 0;

    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body{
	background: #fff;
}
a, a:hover { text-decoration: none}
img { border: none; max-width:100%;}
ul { list-style: none}
.container{

  
    margin: auto;
   
    width: 100%;
    padding: 00px 0 5px;
}


#header{
position: relative;

z-index: 0;
    width: 100%;
 
    text-align: center;
    padding: 0px 0 0px;
    display: inline-block;
    position: relative;

}
#header .wrapper {
   width: 100%;
  
padding: 0;

text-align: center;
padding: 0px 0;
margin: 0px 0 0px 0;
display: inline-block;max-width: 1250px;
position: relative;
}
#header .header-center{
	background: #000;
    width: 100%;
    text-align: center;
    padding: 0 0 0px;
    display: inline-block;
    position: relative;
   
  

   

}
.fav {

    display: inline-block;
    float: right;
    padding: 30px 10px 0 35px;
    margin: auto;

}
.mail {

    display: inline-block;
    float: right;
    padding:30px 0 0 0px;
    margin: auto;

}
#header .logo{
    float:left;
    z-index:9;
	padding: 15px 0 10px;
    display: inline-block;
    position: relative;
    margin: auto;
    text-align: center;
}

#header .logo a{
    float:left;
    margin: auto;
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: center;
}


#social {

    float: none;
    position: relative;
    margin: 0px 0 0;
    padding: 15px 0;
    overflow: visible;
    text-align: center;
    display: inline-block;
    width: 100%;
    text-align: center;

}

#social .address{
	max-width:1250px;
    display: inline-block;
    width: 100%;
	margin:auto;
	text-align:center;
	position: relative;
}

#social .address a{

    color: #000000;
    display: inline-block;
    padding: 0 30px;
    margin: 0px 0 0;
    text-align: center;
    font: 800 14px/20px 'Raleway', sans-serif;
    text-transform: uppercase;
    position: relative;

}
#social .address li:first-child a{ background:none;}


#social .address li a:hover{
color: #009933;
}

#social .address li { display: inline-block;
margin: auto;}
#social .address li:last-child{}

.product{
    width: 100%;
background: #f1f1f1;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}
.product .warraper  {
 
    overflow: hidden;
   padding:0px 0 0 !important;
overflow: visible;

   
    max-width: 1250px;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 99;
}
.shipping{
    display: inline-block;
    width: 100%;
	padding:35px 0 30px;
	background:#000000  url(img/bg-ship.png) center no-repeat;
    margin: auto;
    text-align: center;
}
#CentralArea{
    float: right;
    font-size: 14px;
	
    width: 100%;

    position: relative;
	z-index:1;
  
   padding:0px 0 0;
}

#CentralArea .top{
    float: left;
	
	
    width: 100%;
	
	border-radius:0px;
	background:#fff;
	margin:30px auto 60px;
   padding:0px 65px 30px 0;
z-index: 0;
	position: relative;
}
#bottom{
    display: inline-block;
	padding:60px 0 65px;
	background:#090000;
    margin: auto;
    width: 100%;
	position:relative;
	z-index:0;
}
.product .discription.disc-product,
.product .discription .tab{
	float: left;
	width: 100%;
	overflow: visible;
	
}
.discription .tt_tab ul { margin: 0 0 15px 15px;}
.discription .tt_tab li { line-height: 30px;
	font-size: 20px;
	padding-left: 20px;
	background: url(img/bg-li.png) 5px 9px no-repeat;}


.section1 {
    float: left;height: 160px;
	border:solid 1px #000;
    width: 100%;margin: 15px 0 0;
	overflow-y: scroll;
    display: inline-block;
   padding: 5px 0;

}

.section1 .section{
    width: 100%;
	
    position: relative;
	margin-top:3px;
    display: inline-block;
	padding: 15px 12px 0px;
    text-align: center;
}
.section1 .section table{
	background: #fff;
	
	display: inline-block;
	width: 100%;
}

.discription .tab { float: left;
	color: #000;
	width: 100%}
.discription .tab h2 { background: none}
.tab input { display: none;}
.tab h3 label { display: inline-block;
	margin: 0;
	padding: 0 25px;
	font-size: 14px;
	border: 1px solid #cdd733;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	text-align: left;
	color: #191919;
	text-transform: uppercase;
	background: url(img/sprite.png) right -280px no-repeat;
	width: 100%}


#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5, #tab6:checked ~ #content6 {

    display: inline-block;

}

#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5, #tab6:checked ~ #content6 {

    display: block;

}
.tab label:hover { cursor: pointer;}

.discription a { font-weight: bold;
	color: #000}


#LeftPanel {

    width: 100% !important;
    max-width: 240px !important;
   float: left;
   background:#eeeeee;
   padding:0 0 0 0px;
	display:inline-block;
    position: relative;
    z-index: 5;
    overflow: visible;

}


#LeftPanel .lcat {
    padding:0px 0 0;
    position: relative;
 
    position: relative;
    margin-bottom: 0px;
}

.lcat h2 {

    color: #009933;
    width: 100%;
    max-width: 1190px;
    border-bottom:solid 1px #090000;;
    text-align:left;
    padding: 0 0px 0px;
    margin: 0px auto 0 10px;
    
    font:800 22px/55px 'Raleway', sans-serif;
    text-transform: uppercase;
    position: relative;

}
 .lcat.lcta-news h2  {
    color: #323232;
    width: 100%;
    max-width: 1190px;
    border-bottom: none;
    text-align: center;
    padding: 0 0px 35px;
    margin: 0px auto 0px;
    text-align: center;
    font: 900 36px/36px 'Raleway', sans-serif;
    
    position: relative;
}
.lcat.lcta-news  p{

    font: 400 16px/18px 'Raleway', sans-serif;
   
    margin-top: 0;
    color: #030d1b;
    padding: 0 0px 0 00px;
    width: 100%;
    text-transform: initial !important;
    display: inline-block;
    text-align: center;

}
#LeftPanel .lcat.lcta-news{ background:#f23209; border-radius:0 0 20px 0px;; margin:40px 0 0; padding:25px 0 30px; display:inline-block}

.bottom-right{ display:inline-block; float:right; margin:auto;width: calc( 100% - 255px);}

.lcat.lcta-news a#x-side-news-bttn {

    color: #ffffff;
    float: none;
    margin: 30px auto 0;
    background: #009933;
    font: 800 14px/50px 'Raleway', sans-serif;
    text-transform: uppercase;
    border-radius: 30px;
    padding: 0 80px;
    cursor: pointer;
    display: inline-block;
    height: 50px;
    text-align: center;

}
.lcat.lcta-news p span a {
color: #030d1b;font: 400 16px/18px 'Raleway', sans-serif;
    font-weight: bold;
    text-transform: uppercase;

}
.lcat.lcta-news a#x-side-news-bttn:hover { color:#323232;}
.lcat .lev1{ display:inline-block; width:100%; margin:auto; padding:20px 0 22px;}
.lcat .lev1 li  {
position: relative;
margin: 0;padding:0px 0px 5px;
z-index: 10;text-align: left;


font-family:  'Roboto', sans-serif;
}
.lcat .lev1 li:last-child  { border-bottom:none;}
.lcat .lev1 li span,
.lcat .lev1 > li > a {
    color: 
    #090000;
	display: inline-block;

width: 100%;
    text-align: left;
	
    padding: 0 10px 0 ;
    font-weight: 400;
    line-height:30px;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    
}
.lcat .lev1  li:last-child  a { border:none;}


.lcat .lev1 li a:hover {
	background:#dedede;

}

.product-image-box{
    padding:45px 0 0 45px;;
    margin-top:0px;
	float:left;
	
    text-align: center;
  width:52%;
    position: relative;
    display: inline-block;
    text-align: center;
}

.product-image-container{
    width:600px;
    position: relative;
    display: inline-block;
	float: right;
    text-align: center;
    max-width:100%;
    height:600px;
}
.product-more-views {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin:20px 0 0px;
    text-align: center;
   
    width:100%;
    float:left;
}

.product-more-views input {

    display: none;

}


.product-image-container { display: none;}

.product-more-views ul { list-style: none;
	 padding:0px;
	width: 100%;
	
display: inline-block;
	margin: auto;
	text-align:center;
}

.product-image-container { display: none;}
.product-image-box input { display: none;}
.product-image-box .product-more-views label{
    width:113px;
    height:113px;
	
    padding: 0;

    overflow: hidden;
	
    display: inline-block;
    cursor: pointer;
    text-align: center; margin:0 15px 10px 0;
    position: relative;
    
   
}
.product-image-box .product-more-views li {
    display: inline-block;
    margin: auto;
}
.product-image-box label:hover { cursor: pointer;}

#gal1:checked ~ .product-more-views ul li #lg1, #gal2:checked ~ .product-more-views ul li #lg2, #gal3:checked ~ .product-more-views ul li #lg3, #gal4:checked ~ .product-more-views ul li #lg4, #gal5:checked ~ .product-more-views ul li #lg5, #gal6:checked ~ .product-more-views ul li #lg6, #gal7:checked ~ .product-more-views ul li #lg7, #gal8:checked ~ .product-more-views ul li #lg8, #gal9:checked ~ .product-more-views ul li #lg9, #gal10:checked ~ .product-more-views ul li #lg10, #gal11:checked ~ .product-more-views ul li #lg11, #gal2:checked ~ .product-more-views ul li #lg12 { opacity: 1;filter: 1;}
#gal1:checked ~ #content1, #gal2:checked ~ #content2, #gal3:checked ~ #content3, #gal4:checked ~ #content4, #gal5:checked ~ #content5, #gal6:checked ~ #content6, #gal7:checked ~ #content7, #gal8:checked ~ #content8, #gal9:checked ~ #content9, #gal10:checked ~ #content10, #gal11:checked ~ #content11, #gal12:checked ~ #content12 { display: inline-block;}
.product-more-views img { bottom: 0;
	left: 0;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	right: 0;
	top: 0;}
.product-image-container img { bottom: 0;
	left: 0;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	right: 0;
	top: 0;}
#CentralArea center { margin-top: 15px;
	width: 100%;
	display: inline-block;}


.product .discription.disc-product { float:right;width:100%; margin:0px; padding:40px 0 20px; }

.top-right {
    float: right;
    width:39%;
    margin: 0px;
    padding:0px 0 0;
    display: inline-block;
}
 .tableau{
    float: left;
    width: 100%;
    overflow: visible;
}
#content1 .scroll{ overflow-y: scroll;
    max-height: 750px;}
.tableau input {
    display: none;
}
.tableau ul.tab-titel1 {
    display: inline-block;
    margin: auto;
    width: 100%;
    padding: 40px 0 0;
    float: left;
    position: relative;
   
}
.tableau .tab-titel1 li {
    list-style: none;
    display: inline-block;
    padding: 0 0px;
    float:left;
    margin: 0 auto 0px;
    text-align: center;
    max-width: 230px;
    width: 100%;
}
#tableau1:checked ~ ul li #lt1, #tableau2:checked ~ ul li #lt2,  .tableau ul.tab-titel li:hover label {
    background:#000;
	color:#fff;
}
#tableau1:checked ~ #content1, #tableau2:checked ~ #content2 {
    display: block;
}
#tableau1:checked ~ #content1, #tableau2:checked ~ #content2 {
    display: inline-block;
}
.tableau .section {
    padding: 45px 0px 0;
    margin: 0px;
    position: relative;
    text-align: left;
    display: none;
    position: relative;
    z-index: 1;
    float:none;
    width: 100%;
}
 .tableau p {
    margin: auto;
    padding: 0 0 20px 0;
    
    font: 400 15px/20px 'Raleway', sans-serif;
    color: #000000;
    text-align: left;
}
 .tableau li {
    margin: auto;
    padding: 0 0 10px 0;
    font: 400 15px/20px 'Raleway', sans-serif;
    color: #000000;
    text-align: left;
	list-style:inside;
}
.tableau label {
    color: #000000;
	text-align:center;
    margin: 0 0px 0px;
	max-width:230px;
    position: relative;
    padding: 0 0px 0px 0;
    text-transform: uppercase;
	border-radius:20px 20px 0 0;
    border: solid 1px #eeeeee;
    width: 100%;
    overflow: visible;
    font:900 22px/60px 'Raleway', sans-serif;
    display: inline-block;
    list-style: none;
}
.ytvideo  {
    margin: 0px auto 30px;
    max-width: 390px;
    font-family: arial;
    text-align: center;
    position: relative;
    min-height: 220px;
    background-color: #555;
	position:relative;
}
.ytvideo label{ border:none; width: 100%; max-width:inherit; text-align:center; color:#fff; line-height:30px; padding:0; font-size:0px; position:absolute; left:0; top:0; height:100%}
.ytvideo  video{ width:100%; display:inline-block}
.ytvideo p {
    position: absolute !important;
    margin: 0 !important;
    color: white !important;
    background-color: rgba(0,0,0,.5);
    line-height: 12px !important;
}
.ytvideo a::after {
    content: "\A0\25BA";
    position: absolute;
    width: 60px;
    height: 50px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 0;
    border-radius: 10px;
    color: white;
    background: rgba(0,0,0,.6);
    font-size: 24px;
    line-height: 50px;
    cursor: pointer;
}
.ytvideo .yt_ft {
    font-size: 12px !important;
    width: 100% !important;
    bottom: 0 !important;
    left: 0 !important;
    padding: 0 0 15px !important;
    text-align: center !important;
}
.specifics ul li {
    font-size: 14px;
    line-height:26px;
    display: inline-block;
    color: #222222;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0px 0;
        padding-left: 0px;
    margin-bottom: 0px;
}

.bottom .discription{float: right;
padding: 40px 45px 25px;background: #eee url(img/bg-fact.png) bottom center no-repeat;
margin: 0px 0 20px;
}
.discription.disc-product .section{float: right;
padding: 0px 0;
display:inline-block;
margin:0px 0 0;width: calc(100% - 250px);
}
.discription .tt_tab ul { margin: 0 0 15px 15px;}

.product .discription p{
    margin:auto;
   padding: 0 0 15px 0;
   
    font:400 16px/18px  'Roboto', sans-serif;
    color: #242528;
    text-align: left;
}
.product .discription .tab p{
    margin: auto;
    padding: 0 0 20px 0;
    
    font: 400 14px/20px 'Raleway', sans-serif;
    color: #222222;
    text-align: left;
}
.product .discription li{
   margin:auto;
   padding: 0 0 15px 0;
    font: 400 14px/20px  'Roboto', sans-serif;
    color: #000;list-style: inside;
    text-align:center;max-width: 260px; width:100%;
}


.product .discription .tab-titel1 li {
    list-style: none;
    display: inline-block;
 padding: 0 0px ;
 float:none;
	  margin: 0 auto 0px;
  
	
	text-align:center;
	
   
}
.discription .tab ul.tab-titel1 {
    display: inline-block;
    margin: auto;
	overflow:hidden;
    width: 100%;
              
    padding:10px 0 0 20px;;
    float: left;
    position: relative;
    z-index: 5;
    max-width: 200px;
}
.discription .tab {color: #4e4a47; overflow: visible;}
.discription .tab h2 { background: none}
.product .discription.disc-product, .product .discription .tab { border:none;}
.tab .section{
    padding:20px 30px 20px 30px;
  margin:0px;
 
   
    position: relative;
    text-align: center;
    display: none;border-left:solid 1px #ddd;
	position:relative; z-index:1;
    float: right;width: calc( 100% - 200px);
}

.discription.disc-product h3{
    color: #242528;
    margin: 0 auto 00px;width:100%;
	padding:0 0 15px;
    position: relative;
    text-transform: uppercase;
    font:bold  16px/18px  'Roboto', sans-serif;
    display: inline-block;
    list-style: none;
    text-align: left;
}
.discription.disc-product h4{
    color: #242528;padding:0 0 15px;
    margin: 0 auto 00px;width:100%;
    position: relative;
    text-transform: uppercase;
    font:bold  16px/18px  'Roboto', sans-serif;
    display: inline-block;
    list-style: none;
    text-align: left;
}
.discription.disc-product h5{
    color: #000000;width:100%;
    margin: 0 auto 00px;
    position: relative;
    text-transform: uppercase;
    font: 900 14px/30px  'Roboto', sans-serif;
    display: inline-block;
    list-style: none;
    text-align: left;
}
.tab .tab-titel1 li:last-child { margin:auto;}
.tab input { display: none;}
.tab ul.tab-titel { display: inline-block;
	width: 100%;
	list-style: none;
	background: url(img/futured.jpg) left bottom no-repeat;
	background-size: 100%;
}
.tab ul.tab-titel li { float: left; width: 100%;list-style: none;}
#tab1:checked ~ ul li #lt1, 
#tab2:checked ~ ul li #lt2, 
#tab3:checked ~ ul li #lt3, 
#tab4:checked ~ ul li #lt4, 
#tab5:checked ~ ul li #lt5,
#tab6:checked ~ ul li #lt6, 
.tab ul.tab-titel li:hover label {
	background: url(img/arrow2.png) 145px center  no-repeat; color:#009933;

 
   
}

.hi-mob {
    display:none;
width:100%;
background:#00b34f;

margin-bottom: 5px;
}
.tab .hi-mob label{
	width: 100%;
    background: url(img/plus1.png) 98% center no-repeat;
}

#tab11:checked ~ .hi-mob #lt1, 
#tab12:checked ~ .hi-mob #lt2, 
#tab13:checked ~ .hi-mob #lt3,
#tab14:checked ~ .hi-mob #lt4, 
#tab15:checked ~ .hi-mob #lt5, 
#tab16:checked ~ .hi-mob #lt6 {margin: 0;
    background:url(img/moin1.png) 98% center no-repeat;
}
.tab label{
    color: #090000;
    margin: 0 0px 0px 0px;
    position: relative;
	padding: 0  0px 0px 0;
	max-width: 200px;

    
	text-align:left;
	border-bottom:solid 1px #ddd;
	width:100%;
overflow: visible;
z-index: 5;
    font:bold 20px/37px 'Raleway', sans-serif;
    display: inline-block;
    list-style: none;
	
    
   
}

.discription a { font-weight: bold;	color: #4e4a47}

.bottom-bottom{ display:inline-block; float:left; width:100%;padding:0px 0 0;}
.product h1{
  position: relative;
color: #000000;
display: inline-block;
float:none;
margin:45px auto 0;
border-bottom:solid 1px #000; border-top:solid 1px #0a1b2d;
text-transform: uppercase;
font:800 25px/25px   'Raleway', sans-serif;
padding:25px 0;
text-align: center;
width:100%;
}


.discription{width:100%; display:inline-block;padding:0px 0;  background:#eeeeee;}


.bottom2 {

    display: inline-block;
    margin: auto;
    width: 100%;
    max-width: 1250px;
    padding: 30px 0 30px;

}




		/****zoom*/
.product-image-container label {cursor:pointer}
	@keyframes lightbox {
  from {
    opacity: 0;
    transform: scale(0); }

  to {
    opacity: 1;
    transform: scale(1); } }

@keyframes lightboxout {
  from {
    transform: scale(1.5); }

  to {
    background: rgba(0, 0, 0, 0);
    transform: scale(1); } }
#zoom input { display:none}
#zoom .popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
  animation-name: lightboxout;
  animation-duration: 0.5s;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
    animation-name: lightboxout;
  animation-duration: 0.5s;
  display:none;
  cursor:pointer;
  }
    #zoom .popup > div {
    background: #fff;
    position: static;
    position: relative;
    box-sizing: content-box;
    top: 0px;
    max-height: 80vh;
    width: 100%;
    height: auto;
    max-width: 60vw;
    margin: auto;
    margin-top: 10vh;
    padding: 10px;
    box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.4);
    border-radius: 6px 6px 0px 0px; }
	  #zoom .popup > div img {
    max-height: 80vh;
    transform: none;
    top: auto;
	max-width:100%}
	#zoom [type=checkbox]:checked ~ .popup {
		display:block;
		    animation-name: lightbox;
  animation-duration: 0.5s;
  text-align:center

	}
	  #zoom .popup > div::after {
		  text-align:center;
    background: #fff;
    border-radius: 0px 0px 6px 6px;
    color: #666;
    content: "Click to close";
    font-size: 16px;
    padding: 5px 0px;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); }
/**zoom*/
#videozoom .popup {

  }
    #videozoom  [type=checkbox]:checked ~ .popup > div {
    background: #fff;
    position: static;
    position: relative;
    box-sizing: content-box;
    top: 0px;
    max-height: 80vh;
    width: 100%;
    height: auto;
    max-width: 60vw;
    margin: auto;
    margin-top: 10vh;
    padding: 10px;
    box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.4);
    border-radius: 6px 6px 0px 0px; }
	  #videozoom [type=checkbox]:checked ~ .popup video {
    max-height: 80vh;
    transform: none;
    margin-top: 40px;
	max-width:100%}
	#videozoom [type=checkbox]:checked ~ .popup {
		display:block;
		    animation-name: lightbox;
  animation-duration: 0.5s;
  text-align:center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
  animation-name: lightboxout;
  animation-duration: 0.5s;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
    animation-name: lightboxout;
  animation-duration: 0.5s;
  cursor:pointer;
	}
	  #videozoom [type=checkbox]:checked ~ .popup > div::after {
		  text-align:center;
    background: #fff;
    border-radius: 0px 0px 6px 6px;
    color: #666;
    content: "";
    font-size: 16px;
    padding: 5px 0px;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); }
	#videozoom .zom{position:relative;}
	#videozoom .zom [type=checkbox]:checked ~ .popup > div label{ font-size:20px;position: absolute; width:50px; border-radius:50%; background:#009933; color:#fff; height:50px; line-height:50px; right:0; top:0; left:inherit; text-align:center}
/*****************
Footer
***********************/
#footer{

    width: 100%;
	display:inline-block;
    padding: 00px 0 80px;
    background: #252525;
    margin-top:0px;
	position:relative;
	z-index:0;

}
.lcta-news{

    position: relative;
    text-align: center;
    z-index: 2;
    width: 100%;
    display: inline-block;
    overflow: visible;
    position: relative;
    z-index: 1;
    float: none;
    height: auto;
    padding: 50px 0px 50px 0px;
    margin: 0px auto 0;

}
#footer  a:hover{color: #009933; }

#footer .wrapper { max-width: 1250px; margin: auto;width: 100%;	}
.x-foot-tins {
background: #f6f5f8;
text-align: center;
padding:0px 0 0;

	display:inline-block; width:100%; 
   

}


#x-foot-subm  span {
	color:#fff;

}

#footer .copyright p a {
    color: #fff;
}

#x-foot-subm{

    text-align: center;
    border-left: none;
    border-right: none;
    margin: auto;
    overflow: hidden;
    padding: 45px 0 35px;

}


#x-foot-copy, #x-foot-copy * {

    color: #d8d8d8;
    font: 500 14px/20px 'Roboto', sans-serif;
        font-weight: 500;
    text-transform: uppercase;

}

#x-foot-copy span.x-copy-ocdo{

    font: 400 12px/20px 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 12px;
    text-transform: uppercase;

}
#x-foot-copy a span {
    font-weight: 900;
}
#x-foot-copy span.x-copy-ocdo{ padding:5px 0 0px;display: inline-block;}
#x-foot-copy span.x-copy-ocdo a{

    font: 400 12px/20px 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 12px;
    text-transform: uppercase;

}
#x-foot-copy span.x-copy-ocdo a:hover{
color: #009933 !important;}
#x-foot-copy{padding:0px 0; text-align:center;
width:100%;display: inline-block;

}
#x-foot-copy p {

    color: #d8d8d8;
    font: 500 14px/20px 'Roboto', sans-serif;
    text-transform: uppercase;

}
#x-foot-subm a{

    color: #f6f5f8;
    display: inline-block;
    margin: 0;
    font: 800 14px/20px 'Raleway', sans-serif;
    text-transform: uppercase;
    position: relative;
    padding: 0 22.5px;
        padding-left: 22.5px;

}
#x-pay {

    display: inline-block;
    width: 100%;
    margin: auto;
    padding: 0 0 15px;
    text-align: center;

}
#x-foot-subm a:first-child{ background:none;}

#x-foot-copy a span:hover {color: #009933;}


#x-foot-subm a:hover,
#x-foot-subm a.active{
	color: #009933 !important;
}

#leftmenu { display: none}
#menu { display: none;}
.titel-top{ text-align:center !important; display:none !important;}
#menu {

    display: none;

}
#menu-1 {

    display: none;

}
.promo img.res{ display:none}
@media screen and (max-width:1249px) {

#CentralArea .top { padding:0 10px 30px 0;}
#header .wrapper{ padding:0 5px}
}

@media screen and (max-width:1249px) and (min-width:960px) {


}

@media screen and (max-width:1200px) {

.top-right {
    
    width: 45%;}

.product-image-box .product-more-views label {max-width: 100%;}

}
@media screen and (max-width:1140px) {
	.tableau label { font-size:18px;}
	.tableau .tab-titel1 li {max-width: 200px;}}
@media screen and (max-width:1090px) {
.product-image-box label {
    max-width: 100%;
}


}
@media screen and (max-width:1040px) {

	#social .address a {
   padding: 0 10px ;
}

}
@media screen and (max-width:959px) {
#CentralArea {
    width: 100%;
}
.product-more-views label {

    max-width: 100%; margin:0 !important;

}
.bottom-right { width:100%;}
.fav {
    float: none;
    padding: 10px 0 20px 0px;
}
.mail {
    float: none;
    padding: 10px 0 20px 30px;
}

#CentralArea .top {

    padding: 0 0px 30px 0;

}
.product-more-views {

    width: 100%;
	
    max-width:100%;
	
   
    float: none;

}
.top-right { width:100%;padding: 0 5px;}
.product-image-box {
width: 100%;
padding: 45px 0 0 0px;
    max-width: 100%;
    float: none;

}
.product .discription.disc-product {width:100%;}
#leftmenu:checked ~ #menu-1 {

    display: block;
    float: none;

}
#menu {

    display: block;
    text-align: center;
    margin-bottom: 65px;

}
#leftmenu:checked ~ #menu-1 {

    display: block;
    float: none;

}
#menu-lcat {

    margin: 0;
    max-height: 300px;
    padding:10px 0;
    overflow: auto;
        overflow-y: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
   
    z-index: 111;
    
    margin: auto;
    overflow-y: scroll;
    left: 0;
    right: 0;
    background: #fff;
    bottom: 0;
    text-align: left;
    width: 100%;
    max-width: 300px;

}
#menu-lcat h2 {

    color: #e23614;
    
    font: normal 15px/30px  'Roboto', sans-serif;
    padding: 0px;

}

#LeftPanel {

    display: none;

}
#menu-lcat a {
    color: #000;
    text-align: left;
    font: 600 14px/24px 'Raleway', sans-serif;
    text-decoration: none;
    display: inline-block;
    padding: 5px 0 5px 14px;
    text-transform: uppercase;
}
#menu-lcat a:hover { color:#00b34f;}
#menu-lcat ul.lev2 {

    margin: 5px 0;
    padding: 5px 0 5px 0px;
        padding-left: 0px;
    width: 90%;
    padding-left: 15px;
    color: #5e7eae;

}
#menu-lcat h4 {
    color: #00b34f;
    text-transform: uppercase;
    font: bold 15px/30px 'Raleway', sans-serif;
    padding: 0 8px;
    text-align: left;
    width: 100%;
    float: left;
}
#social .address a {
    margin: 0 10px;
    font-size: 14px;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none !important;
    color: #000;
    line-height: 30px;
}
.x-head-right {
    margin: 0;
}
.header-center::after {
    display: none;
}
#header .logo a {
    margin:auto;
	float:none;
	display:inline-block;
	padding: 30px 0 ;
	text-align:center;
	width:100%;
}
#leftmenu:checked ~ #social{
    display: inline-block;
    float: none;
    margin: 0;
    max-width: 300px;
    background: #fff;
}

#leftmenu:checked ~ #social .address{
    display: block;
}
.product-more-views ul li {
    width: auto;
}
 
#leftmenu { display: none}
#leftmenu ~ #LeftPanel { display: none;}
#leftmenu:checked ~ #LeftPanel { display: block;float: none;}
#menu label:after { background-image: url("img/x-head-mnav-icod.png");
	background-position: right center;
	background-repeat: no-repeat;
	color: #000;
	content: "";
	height: 30px;
	position: absolute;
	right: 5px;
	top: 2px;
	width: 30px;}
#leftmenu:checked ~ #menu label:after { background-image: url("img/x-head-mnav-icou.png");	z-index: 2;}
#header .wrapper { }

#header {
	margin: 0 auto;
	height: auto;
	}


.container {
    overflow: hidden;
}

#social .address {
    display: none;
}


.product .warraper {

    padding: 0px 5px 0 !important;

}

#menu label{
  color:
#fff;
background: #00b34f url(img/bg-h1.png) center top repeat-x;    position: relative;
	
    font-size: 14px;font-family: 'Raleway', sans-serif;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding: 0 25px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    max-width: 300px;
    display: inline-block;
    float: none;
    margin: 0px auto 0;
   
}

#x-head-right { width:100%;margin: 15px 0;}


.header-center .wrapper {
    padding-bottom: 10px;
}
.product-image-container {
    width: 100%;
max-width:100%;

float: none;
}
.product-image-container {
   max-width: 70%;
}
.product-more-views ul {
    text-align: center;
}

#social {
    display: none;
}

#menu {
    display: block;
    text-align: center;
	margin:10px 0 ;
}
#header .logo {

    float: none;
   
    z-index: 9999;
    position: relative;
    width: 100%;
    text-align: center;
    display: inline-block;

}





}


@media only screen and (max-width: 859px) { 


.product-more-views {

    width: 100%;
    max-width:100%;
    float: none;

}

#x-foot-subm a {
  
    padding: 0 10px 0 13px;
    font-size:12px;
   
}


}
@media only screen and (min-width: 320px) and (max-width: 767px) { 
#content1 .scroll{max-height:inherit}
.header-center { padding: 0}

.bottom .discription {

    width: 100%; padding:0 0px;
  

}
.shipping { padding:35px 5px 30px;}
#CentralArea .top-right { padding:30px 5px 0;}
.tableau .hi-mob {

    display: inline-block;
	border-radius:0;
    width: 100%;
    
    background: #ddd;
  
    margin-bottom: 5px;

}
.tableau label {

    font-size: 18px;
    max-width: 100%;
    text-align: left;
    padding: 0 10px;
    line-height: 40px;
    border-radius: 0;

}
.tableau ul.tab-titel1 { display:none;}
.discription {
    width: 100%;
    display: inline-block;
    padding: 0px 0;
    border: none;
    background: none;
    border-radius: 0;
}

.tab label {text-align: left;}

.specifics1 table td:last-child {

    min-width: 180px;

}


.tab .section{

    width: 100%;
	background:#fff;
	padding:20px;
	overflow:hidden;
	margin:0 0 5px;
	height:auto;

}

.tab label {padding: 0 20px;max-width: 100%; color:#fff;}
#tableau11:checked ~ .hi-mob #lt1, #tableau12:checked ~ .hi-mob #lt2 {

    margin: 0;
    background: url(img/moin.png) 98% center no-repeat;

}
.tableau .hi-mob label {

    width: 100%;
    background: url(img/plus.png) 98% center no-repeat;

}
#tableau1:checked ~ #content1 {
    display: none;
}
#tableau11:checked ~ #content1, 
#tableau12:checked ~ #content2 {
    display: inline-block;
}
#tableau11:checked ~ #content1, 
#tableau12:checked ~ #content2 
{ display: inline-block;}
#tab1:checked ~ #content1 {
    display: none;
}
#tab11:checked ~ #content1, 
#tab12:checked ~ #content2, 
#tab13:checked ~ #content3, 
#tab14:checked ~ #content4, 
#tab15:checked ~ #content5, 
#tab16:checked ~ #content6 {
    display: inline-block;
}
#tab11:checked ~ #content1, 
#tab12:checked ~ #content2, 
#tab13:checked ~ #content3,
#tab14:checked ~ #content4, 
#tab15:checked ~ #content5, 
#tab16:checked ~ #content6{ display: inline-block;}
.hi-mob { display:inline-block;width: 100%;}
.bottom .discription { width:100%; background:none;}
#LeftPanel { display:none;}


#CentralArea {
	width: 100%;
	margin: 0
}
.product-image-box { 
	height: auto;
	max-width: 100%;
}
.product-image-container { width: 100%;
	max-width: 100%;
	background:#fff;
	height: 300px !important;
}
.product-image-box .product-more-views label {

    width:90px;
    height:90px;}
.product-right {
    width: 100%;
}
.product-more-views {

    width: 100%;
    max-width:100%;}
.product .discription .tab-titel1 {
    display: none !important;
}





}
@media only screen and (max-width: 650px) {

#x-foot-subm { padding:10px 0}
#x-foot-subm a {

    line-height: 30px;
    padding: 0;
	background:none;
        padding-left: 0px;
    display: block;

}

}
@media only screen and (max-width: 480px) {
.product h1.tittle{ height:auto;}

#x-foot-subm a {
line-height: 30px;
    padding: 0 ;
    display: block;

}

.product-image-box .product-more-views label {

    width:90px;
    height:90px;

}
.product-more-views {

    position: relative;
    width: 100%;
    max-width:100%;
   
    text-align: center;

}
.specifics table td,
.product .discription p,
.product .discription li {
    font-size: 14px;
}
.tab label {
    font-size: 16px;
}

}
@media only screen and (max-width: 450px) {
.section1 .titel2 {
    font-size: 18px;
}
}
.x-hide, [data=""] { display: none !important;}