﻿
/* ANIMATION LINK AND MORE */ #template .anim, #template a {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s  ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

#template {
	font-family:"Open Sans";
	position: relative;
}
/********************************************/
#template a{
    text-decoration: none;

}
#template #header {
	padding:10px;
	vertical-align: middle;
	color:#424242;
}
#template #header .col-md-3:nth-child(1){
	text-align: center;
}
#template #header .top-w-icon i {
	color:#48443d;
	padding:15px 0px;
	font-size:22px;

}
#template #header .top-w-icon .big-title {
	padding:0px;
	margin:0px;
	font-size:16px;
	font-weight: 600;
	line-height: 18px;
	padding-top:21px;
}
#template #header .top-w-icon .small-title {
	padding:0px;
	margin:0px;
	font-size:12px;
	font-weight: 400;
}


#template #menu {
	z-index: 20;
	width:100%;
	margin-bottom:1px;
	top:0px;
	left: 0px;
}
.logo {
	max-height: 50px;
}
#template #header-menu {
    display: inline-block;
	margin: 0px -6px;
    width: calc(100% + 12px);
}
.mobile-menu-bg {display:none;}

#template #top-menu, #template #top-menu > li, #template #top-menu > ul, #template #top-menu > ul > li {
	display:inline-block;
	margin:0px;
	padding:0px;
}
#template #top-menu > li img {
	position:relative;
	margin:-4px 10px -4px 0;
}
#template #header-menu {
    position: relative;
    z-index: 20;
}
#template #top-menu {
	font-size:18px;
	vertical-align:middle;
	display: inline-block;
	list-style-type: none;
	margin:0px;
	padding:0px;
	margin-left: 20px;
	
	
}
#template #top-menu > li {
	padding:10px 15px;
	position:relative;
	cursor:pointer;
	display: inline-block;
	vertical-align:middle;
	font-weight: 500;
	margin:0px;
}

#template #top-menu > li > ul {
	position:absolute;
	z-index:10;
	list-style-type:none;
	margin:0px;
	padding:0px;
	top:45px;
	left:0px;
	opacity:0;
	height:0px;
	color:#fff;
	overflow:hidden;
	background:#33302a;
	
}
#template #top-menu li > ul > li {
	width:180px;
    text-align: left;
	font-size:15px;
	padding:8px 15px;
	margin:0px;
}
#template #top-menu li > ul > li:hover {
	background: rgba(255,255,255,0.1);
}
#template #top-menu > li:hover > ul  {
	opacity:1;
	height:auto;
    padding:10px 0px;
}

.article #mobile-menu .mobile-menu-bg {
    display:none;
    box-shadow: 0 0 20px rgba(0,0,0,0.6);
    position: fixed;
    top:0px;
    left: 0px;
    width: 100%;
    height: 60px;
    z-index: 119;
}
.article #mobile-menu .mobile-menu-bg a {
    font-size:40px;
    padding:10px;
    border-radius: 0px 10px 10px 0px;
    position: fixed;
    z-index: 130;
}
@media (max-width:767px){
    #template #top-menu > li > ul {
		position:!inherit;
		z-index:10;
		list-style-type:none;
		margin:0px;
		padding:10px;
		top:0px;
		left:0px;
		opacity:1;
		height:auto;
		color:#fff;
		overflow:hidden;
		background:rgba(0,0,0,0.8);
		border-bottom:3px solid;

	}
	#template #top-menu li > ul > li {
		width:100%;
		text-align: center;
		font-size:15px;
		padding:10px 5px;
		margin:0px;
		background: rgba(255,255,255,0.1);
	}
	#template #top-menu li > ul > li:hover {
		background: rgba(255,255,255,0.3);
	}
	#template #top-menu > li:hover > ul  {
		opacity:1;
		height:auto;
		padding:10px;
	}
	
	.article #mobile-menu .mobile-menu-bg {display:block}

    .logo {
        position:fixed;
        z-index: 150;
        top: 0px;
        width: 50%;
        left:25%;
        text-align: center;
	}
    .logo img {
        height: 40px;
		margin:10px;
    }
	#top-menu > li > ul {
		position:inherit !important;
		height: auto;
		opacity: 1;
		display: block;
		padding:10px 0px !imporant;
		margin:0px;
		top:0;
		text-align: center;
	}
	#top-menu > li {
		border-bottom:2px dotted;
		font-size:24px;
	}
	#top-menu li
	#top-menu > li > ul{ 
		text-align: center;
		width:100%;
		font-size:14px;
		opacity:0.8;
		padding:8px
		}

     .toggle-menu {
        position: fixed;
        top:60px;
        left: 0px;
        width:90%;
		margin: 0px !important;
        height:0% !important;
        z-index: 40;
        overflow-y: auto;
        -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s  ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;
    }
    .toggle-menu > li {
        display:block;
        width:100%;
        text-align: center;
    }

    #show-menu ~ .mobile-menu-bg > .hide-menu-button {
        display:none;
    }
    #show-menu:target ~ .mobile-menu-bg > .hide-menu-button {
        display: block;
    }
    #show-menu:target ~ .toggle-menu {
        height: calc(100% - 70px) !important;  
        width:100%;
    }
    #show-menu:target ~ .mobile-menu-bg > .show-menu-button {
        display: none;
    }
}
#product {

}
.product-title {
	font-size:26px;
	font-weight: 600;
	margin:0px;
	margin-bottom:20px;
}
.price-box .price {
	font-size:26px;
	margin: 0px;
}
.price-box .price-desc {
	font-size:11px;
}
.product-info {
	font-size:14px;
}
.product-points p::before {
	content:" • ";
	margin:0px 5px;
}
.product-points p {
	margin:4px;
}
.verkaufen-button {
	margin-top: 20px;
}
.verkaufen-button a {
	padding:10px 30px;
	font-size:13px;
}
.box {
	margin:0px 10px;
}
.box .box-title {
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;
	padding:14px 0px;
	margin:0px;
}
.box .box-content {
	padding:30px;
	font-size:13px;
}
.box-content li {
	margin-bottom: 10px;
}
.box-content .fa-li {
	padding:5px 0px;
	font-size:20px;
	margin-left: 5px;
	color:#a0ae0a
}
.verkaufen-button i {
	margin:0px 5px;
}
.container {
	padding:0px;
}
.action-button {
	margin:10px;
	padding:10px;
	text-align: center;
	font-size:16px;
	vertical-align: middle;
}
.action-button i {
	font-size:27px;
	width:30px;
	float: left;
}
.action-button a {
	vertical-align: middle;
	margin-top: -5px;
}
.box .box-center {
	text-align: center;
}
.box .box-content img {
	margin:0px;
	margin-top:10px;
}
/*************************************************************
 CCCCC    AA     TTTTTT  EEEEEE   GGGGG    OOOO   RRRRR   YY  YY
CC       AAAA      TT    E       GG       O    O  R    R   YYYY
CC      AA  AA     TT    EEEE    GG  GGG  O    O  RRRRR     YY 
CC      AAAAAA     TT    E       GG    G  O    O  R  RR     YY
 CCCCC  AA  AA     TT    EEEEEE   GGGGG    OOOO   R   RR    YY
**************************************************************/
#productBigImage {
	height:400px;
	width:100%;
}
#article #gallery {width: 100%;position: relative;}
#article #images {

  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-bottom: 0px !important;
}        
#article #gallery #images img { width: 100%; height: 100%; object-fit: contain;visibility:hidden;display: none;opacity: 0;}
#article #gallery > i {display:none;}

@-moz-keyframes fade /* Firefox */{from {opacity: 0;}to {opacity: 1;}}
@-webkit-keyframes fade /* Safari and Chrome */{from {opacity: 0;}to {opacity: 1;}}
@-ms-keyframes fade /* IE10 */{from {opacity: 0;}to {opacity: 1;}}
@keyframes fade{from {opacity: 0;}to {opacity: 1;}}
/* zoom images*/

#close-lightbox-1,
#close-lightbox-2,
#close-lightbox-3,
#close-lightbox-4 {display: none;}

#lightbox-1:target ~ #images,
#lightbox-2:target ~ #images,
#lightbox-3:target ~ #images,
#lightbox-4:target ~ #images  { position: fixed;width: 100%; height: 100%;background: rgba(0, 0, 0, 0.7);top: 0;left: 0; z-index: 99; }

#lightbox-1:target ~ #images > li img,
#lightbox-2:target ~ #images > li img,
#lightbox-3:target ~ #images > li img,
#lightbox-4:target ~ #images > li img {display: none;}

#lightbox-1:target ~ #images > li:nth-child(1) img,
#lightbox-2:target ~ #images > li:nth-child(2) img,
#lightbox-3:target ~ #images > li:nth-child(3) img,
#lightbox-4:target ~ #images > li:nth-child(4) img {position: absolute;margin-left: auto;margin-right: auto;left: 0;right: 0; z-index: 100; display: block;visibility: visible;opacity: 1;}

#lightbox-1:target ~ #images #close-lightbox-1, 
#lightbox-2:target ~ #images #close-lightbox-2,
#lightbox-3:target ~ #images #close-lightbox-3,
#lightbox-4:target ~ #images #close-lightbox-4 {width: 100%;height: 100%;display: block;z-index: 99999;position: fixed;}
#productBigImage a.lightbox_close {display:none;}
#article  #productBigImage a.lightbox_close_bg {display:none;}
.imgs-lg .img {visibility:hidden;z-index:0;height:0;display:none;border:1px solid #ccc;}
.imgs-lg, .imgs-lg a.lightboxlink {width:100%;height:100%;}
.lightbox {width:100%;height:100%;}
.i-img-lg, .i-img-zoom {display:none;height:1px;width:1px;}
#productBigImage .img {width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position-y:center;background-position-x:center;}
.productThumbs .img {margin-right:5.6px;margin-bottom:3.6px;opacity:0.7;height:100px;width:100px; border:1px solid #ccc;;display:inline-block;background-size:90%;background-repeat:no-repeat;background-position-y:center;background-position-x:center;}
.productThumbs .img:hover {
	transform: scale(1.05);
	opacity:1;
}
#productImages {position:relative;width:100%;}
#productImages .images {margin-top:10px}
#productImages .i-img-lg:target ~ #productBigImage .img:first-of-type {visibility:hidden; display:none;}
#productImages #productBigImage .img:first-of-type,
#productImages #img-lg-1:target ~ #productBigImage .img-1,
#productImages #img-lg-2:target ~ #productBigImage .img-2,
#productImages #img-lg-3:target ~ #productBigImage .img-3,
#productImages #img-lg-4:target ~ #productBigImage .img-4,
#productImages #img-lg-5:target ~ #productBigImage .img-5,
#productImages #img-lg-6:target ~ #productBigImage .img-6,
#productImages #img-lg-7:target ~ #productBigImage .img-7,
#productImages #img-lg-8:target ~ #productBigImage .img-8,
#productImages #img-lg-9:target ~ #productBigImage .img-9,
#productImages #img-lg-10:target ~ #productBigImage .img-10,
#productImages #img-lg-11:target ~ #productBigImage .img-11,
#productImages #img-lg-12:target ~ #productBigImage .img-12,
#productImages #img-lg-13:target ~ #productBigImage .img-13,
#productImages #img-lg-14:target ~ #productBigImage .img-14,
#productImages #img-lg-15:target ~ #productBigImage .img-15,
#productImages #img-lg-16:target ~ #productBigImage .img-16,
#productImages #img-lg-17:target ~ #productBigImage .img-17,
#productImages #img-lg-18:target ~ #productBigImage .img-18,
#productImages #img-lg-19:target ~ #productBigImage .img-19,
#productImages #img-lg-20:target ~ #productBigImage .img-20,
#productImages #img-lg-21:target ~ #productBigImage .img-21,
#productImages #img-lg-22:target ~ #productBigImage .img-22,
#productImages #img-lg-23:target ~ #productBigImage .img-23,
#productImages #img-lg-24:target ~ #productBigImage .img-24,
#productImages #img-lg-25:target ~ #productBigImage .img-25,
#productImages #img-lg-26:target ~ #productBigImage .img-26,
#productImages #img-lg-27:target ~ #productBigImage .img-27,
#productImages #img-lg-28:target ~ #productBigImage .img-28,
#productImages #img-lg-29:target ~ #productBigImage .img-29,
#productImages #img-lg-30:target ~ #productBigImage .img-30,
#productImages #img-lg-31:target ~ #productBigImage .img-31,
#productImages #img-lg-32:target ~ #productBigImage .img-32,
#productImages #img-lg-33:target ~ #productBigImage .img-33,
#productImages #img-lg-34:target ~ #productBigImage .img-34,
#productImages #img-lg-35:target ~ #productBigImage .img-35,
#productImages #img-lg-36:target ~ #productBigImage .img-36,
#productImages #img-lg-37:target ~ #productBigImage .img-37,
#productImages #img-lg-38:target ~ #productBigImage .img-38,
#productImages #img-lg-39:target ~ #productBigImage .img-39,
#productImages #img-lg-40:target ~ #productBigImage .img-40
{ visibility:visible; z-index:5; display:block;    -moz-animation: fade 0.8s forwards;-webkit-animation: fade 0.8s forwards;-o-animation: fade 0.8s forwards;-ms-animation: fade 0.8s forwards; animation: fade 0.8s forwards;}
.i-img-zoom:target ~ #productBigImage #lightbox {position: fixed;top:0;left:0;background-image:url('../images/lightbox_bg.png');width:100vw;height:100vh;z-index:9999;}
.i-img-zoom:target ~ #productBigImage #lightbox a.img {width: 50%;margin: auto; }
.i-img-zoom:target ~ #productBigImage a.lightbox_close {display:block;width:100px!important;border:1px solid #222;background:#333;color:#fff;position:absolute;right:20px;right:45px;top:10px;}
.i-img-zoom:target ~ #productBigImage a.lightbox_close_bg {display:block;width:100vw;height:100vh;position:absolute;}
#productImages .i-img-zoom:target ~ #productBigImage .img-1 {visibility:hidden;display:none;}
#productImages #lightbox-1:target ~ #productBigImage .img-1,
#productImages #lightbox-2:target ~ #productBigImage .img-2,
#productImages #lightbox-3:target ~ #productBigImage .img-3, 
#productImages #lightbox-4:target ~ #productBigImage .img-4,
#productImages #lightbox-5:target ~ #productBigImage .img-5,
#productImages #lightbox-6:target ~ #productBigImage .img-6,
#productImages #lightbox-7:target ~ #productBigImage .img-7,
#productImages #lightbox-8:target ~ #productBigImage .img-8,
#productImages #lightbox-9:target ~ #productBigImage .img-9,
#productImages #lightbox-10:target ~ #productBigImage .img-10,
#productImages #lightbox-11:target ~ #productBigImage .img-11,
#productImages #lightbox-12:target ~ #productBigImage .img-12,
#productImages #lightbox-13:target ~ #productBigImage .img-13, 
#productImages #lightbox-14:target ~ #productBigImage .img-14,
#productImages #lightbox-15:target ~ #productBigImage .img-15,
#productImages #lightbox-16:target ~ #productBigImage .img-16,
#productImages #lightbox-17:target ~ #productBigImage .img-17,
#productImages #lightbox-18:target ~ #productBigImage .img-18,
#productImages #lightbox-19:target ~ #productBigImage .img-19,
#productImages #lightbox-20:target ~ #productBigImage .img-20,
#productImages #lightbox-21:target ~ #productBigImage .img-21,
#productImages #lightbox-22:target ~ #productBigImage .img-22,
#productImages #lightbox-23:target ~ #productBigImage .img-23, 
#productImages #lightbox-24:target ~ #productBigImage .img-24,
#productImages #lightbox-25:target ~ #productBigImage .img-25,
#productImages #lightbox-26:target ~ #productBigImage .img-26,
#productImages #lightbox-27:target ~ #productBigImage .img-27,
#productImages #lightbox-28:target ~ #productBigImage .img-28,
#productImages #lightbox-29:target ~ #productBigImage .img-29,
#productImages #lightbox-30:target ~ #productBigImage .img-30,
#productImages #lightbox-31:target ~ #productBigImage .img-31,
#productImages #lightbox-32:target ~ #productBigImage .img-32,
#productImages #lightbox-33:target ~ #productBigImage .img-33, 
#productImages #lightbox-34:target ~ #productBigImage .img-34,
#productImages #lightbox-35:target ~ #productBigImage .img-35,
#productImages #lightbox-36:target ~ #productBigImage .img-36,
#productImages #lightbox-37:target ~ #productBigImage .img-37,
#productImages #lightbox-38:target ~ #productBigImage .img-38,
#productImages #lightbox-39:target ~ #productBigImage .img-39,
#productImages #lightbox-40:target ~ #productBigImage .img-40
{visibility:visible;z-index:5;width:95vmin;height:90vmin;margin-top:5vh;display:block;background-position-y:center;background-position-x:center;background-position-x:center;}
.i-img-zoom:target ~ #productBigImage #lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.86);
}
@media(min-width:980px){
	#productImages .images {margin-top:9px;position:relative; width:980px;}
}
#tabs {
        margin-top: 30px;
    }
    #tabs .tabs {
        position: relative;
        
    }

    #tabs .tabs,
    .tabs li {
        display: block;
        list-style: none;
        font-size: 16px;
    }

.tab {
    padding:25px 13px;
    margin-top: 14px;
    font-size:14px;

}

#tabs .tabs li.active {
    border-bottom: none;
    color: #fff;
    margin: 0;
}


    #tabs .tabs,
    #tabs .tabs li a {
        
        padding: 0;
        margin-bottom: 0;
    }

    #tabs .tabs li {
       display: inline;
        white-space: nowrap;
        font-size: 16px;
        margin-right: 2px;
		margin-top:1px;
    }
    #tabs .tabs li a {
       padding: 14px 20px;font-size: 16px;font-weight: bold;border-top:0px;font-weight: 400;
    }
#tabs > i {display: none;}
     
    
       
 #tabs #switch-tab2 ~  .tab {display: none;}
 #tabs #switch-tab2 ~  #tab-1 {display: block;}
         
        
 #tabs #switch-tab1:target ~  .tab {display: none!important;}
 #tabs #switch-tab1:target ~  #tab-1 {display: block!important;}
                
         
 #tabs #switch-tab2:target ~  .tab {display: none!important;}
 #tabs #switch-tab2:target ~  #tab-2 {display: block!important;}
                
         
 #tabs #switch-tab3:target ~  .tab {display: none!important;}
 #tabs #switch-tab3:target ~  #tab-3 {display: block!important;}
               
#tabs #switch-tab4:target ~  .tab {display: none!important;}
 #tabs #switch-tab4:target ~  #tab-4 {display: block!important;}
               
#tabs #switch-tab5:target ~  .tab {display: none!important;}
 #tabs #switch-tab5:target ~  #tab-5 {display: block!important;}
               
#tabs #switch-tab6:target ~  .tab {display: none!important;}
 #tabs #switch-tab6:target ~  #tab-6 {display: block!important;}

.product-info {
    font-size:14px;
}
@media (max-width:550px){
    #productBigImage {
        pointer-events: none;
    }
}

@media (max-width:767px){
	.article #right{
		width:100% !important;
	}
	.article #left,.article #right {
		margin-top:70px;
	}
	.tabs > li > a {
		display:block;
		text-align: center;
	}
	.tabs > li {
		display:inherit !important;
	}
	.tab {
		margin-top:0px;
	}
	.product-info .article-info p {
		margin-right:0px !important;
	}
	#bottom-infos {
		display:none;
	}
	#footer .col-md-4 {
		display:block;
		margin-bottom: 30px;
	}
	#bestsellers .best-box {
		margin-bottom: 10px;
	}
	#bestsellers .best-box img {
		max-width: 85%;
	}
	
	#template {
		margin-top:40px;
	}
	.container {
		padding:0px 5px;
	}
	.top-w-icon {
		display:none;
	}
}

#top-menu, #top-menu li, #top-menu ul, .lev1 li, .lev1 ul 
	{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s  ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.bestseller-title {
	border-bottom:2px solid;
	margin:30px 6px;
}
.bestseller-title h3 {
	margin:0px;
	font-size:16px;
	padding:20px;
	color:#333;
	display:inline-block;
}
.best-box {
	text-align: center;
}
#bestsellers {
	padding-top: 10px;
	padding-bottom: 50px
}
#bestsellers a:hover .best-box {
	transform: scale(1.05);
}
.best-title {
	font-size:14px;
}
.best-price {
	font-size:16px;
	font-weight: 600;
}

#template #bottom-infos .bottom-w-icon i {
	padding:15px 0px;
	font-size:24px;

}
#template #bottom-infos {
	padding:5px 0px 5px 20px;
}
#template #bottom-infos .bottom-w-icon .big-title {
	padding:0px;
	margin:0px;
	font-size:18px;
	font-weight: 400;
	line-height: 18px;
	padding-top:11px;
	text-align: left;
}
#template #bottom-infos .bottom-w-icon .small-title {
	padding:0px;
	margin:0px;
	font-size:11px;
	font-weight: 400;
	text-align: left;
}
#template #footer {
	padding:20px;
	font-size:14px;
	text-align: 
}
.footer-title {
	margin:0px;
	margin-bottom:15px;
	margin-top:5px;
	font-size:16px;
	text-transform: uppercase;
	font-weight: 600;
}
#template #footer i {
	font-size:24px;
	padding:5px;
}
#template .justify {
	text-align: justify;
}
#template .zachlung-footer img{
	margin:7px 2px
}
.fs13 {
	font-size:13px;
}
#template .template-info {
	font-size:12px;
	padding:15px 20px;
}
#template .merken {
	background:#96b33e;
	padding:13px 0px 10px;
	display:block;
	text-align: center;
	margin:10px 0px;
}
#template .merken:hover {
	background:#beda69;
}
@media(min-width:980px){.left-panel {
	width: 440px;
}
.right-panel {
	width: 560px
	}}
.contact-right .bold {
	font-size:16px;
	font-weight: 600;
	color:#1a1a1a;
	line-height: 1em;
	margin:0px;
	margin-bottom: 5px;
}
.contact-right .green {
	font-size:18px;
	font-weight: 400;
	color:#79ab40;
	line-height: 1em;
	margin:0px;
	margin-bottom:5px;
}
.contact-right .f15 {
	font-size:15px;
	font-weight: 600;
}
.contact-right .small {
	font-size:11px;
	font-weight: 400;
	color:#1a1a1a;
	line-height: 1em;
	margin:0px;
	margin-bottom:5px;
}
.contact-right {
	position:relative;
	margin:0px;
	margin-top:15px;
	background:#f1f1f1;
	
}
.contact-right .woman-contact {
	position:absolute;
	right:0px;
	bottom:0px;
}
.right-points {
	margin:1px 10px;
	
}
.right-point {
	margin-bottom:1px;
	padding:5px;
	background:#e7e7e7;
}
.right-point .fa {
	font-size:24px;
	position: relative;
	margin:0px 15px 0px;
	display:inline-block
}
.right-point span {
	font-size:15px;
	font-weight: 400;
	position: relative;
	top: -2px;
	display: inline-block;
}
.tab h2 {
	font-size:24.33px;
	margin-top: 0px;
	font-weight: 600;
}
.dark-bottom-label {
	position:relative;
	margin-top:20px;
	margin-bottom:20px;
	background:#48443d;
	color:#fff;
	padding:10px;
}
.dark-bottom-label .left {
	float: left;
	margin:7px
}
.dark-bottom-label .stars {
	position: absolute;
	right:35px;
	top:24px;
}
.dark-bottom-label span {
	display:block;
}
.dark-bottom-label .bottom-title {
	font-size:16px;font-weight: 600;
}
.dark-bottom-label .bottom-small {
	font-size:11px;
	margin-bottom: 2px;
}
.dark-bottom-label .bottom-big {
	font-size:23px;
}
#footer {
	background: #48443d 100% 100%;
	margin-top:80px;
}
#footer .footeranimals {
	text-align: center;
	position: relative;
	margin-top: -87px;
	border-bottom:20px solid #3f3b34;
	margin-bottom:10px;
}
#footer {
	color:#c2c2c2;
}
.f-normal, .f-big, .f-small {
	margin: 3px 0px;
}
#footer .f-normal {
	font-size:14px;
	line-height: 1.23em;
}
#footer .f-small {
	font-size:12px;
	line-height: 1.23em;
	margin-bottom:20px
}
#footer .f-big {
	font-size:19px;
	line-height: 1.23em;
	font-weight: 600;
}
#footer a:link, #footer a:visited {
	display:block;
	margin-bottom:0px;
	color:#c2c2c2;
	border-left:1px solid rgba(0,0,0,0);
	padding-left:3px;
}
#footer a:hover {
	color:#fff;
	padding-left:8px;
	border-left:1px solid #fff;
}
#footer .f-imgs img {
	margin: 5px 3px ;
}
@media (max-width:600px){
	.productThumbs .img {margin-right:5.6px;margin-bottom:3.6px;opacity:0.7;height:70px;width:70px; border:1px solid #ccc;;display:inline-block;background-size:90%;background-repeat:no-repeat;background-position-y:center;background-position-x:center;background-color:#fff;}
}
@media(max-width:450px){
	.productThumbs .img {margin:0px -2px -6px -3px;opacity:0.7;height:18vw;width:18.5vw; border:1px solid #ccc;;display:inline-block;background-size:90%;background-repeat:no-repeat;background-position-y:center;background-position-x:center;}
}



            .article #mobile-menu .mobile-menu-bg a {
    font-size: 31px;
    padding: 10px;
    border-radius: 0px 10px 10px 0px;
    position: fixed;
    z-index: 130;
}
            
            
            
			@media(max-width:790px){
                
                
                #product > div.container > div:nth-child(1) > div.col-md-7.right-panel > div > div:nth-child(2) > div.box.editBlock
                
                .contact-right {
 
    background: rgba(255, 255, 255, 0)!important;
}
             .box {
      background: rgba(255, 255, 255, 0)!important;
}   
                
                
			.row {
				margin-left: 0px;
				margin-right: 0px;}}
            
            
                   /* Tabs */
                
                #cb-tab--container {
                    max-width: 100%;
                    margin: 0 auto;
                    background: #fff;
                }
                
                #cb-tab--container section {
                 display: none;
                    padding-top: 10px;
                    border-top: 5px solid #efefef;
                    border: 1px solid #d4d4d4;
                    /* border-top: 5px solid #efefef; */
                    margin: 0;
                    padding: 20px
                }
                
                #cb-tab--container input {
                    display: none;
                }
                
                #cb-tab--container label {
     padding: 15px 41px;
    font-size: 14px;
    font-weight: bold;
    font-weight: 400;
    cursor: pointer;
    color: #fff;
    background: #96b33e;
    margin-bottom: 0;
    display: inline-block;
    transition: background 200ms ease;
}
            
                
                #cb-tab--container label:before {
                    font-family: fontawesome;
                    font-weight: normal;
                    margin-right: 10px;
                }
                
                #cb-tab--container label:hover {
                    background: #666;
                    cursor: pointer;
                }
                
                #cb-tab--container input:checked + label {
                                  background: #48443d;
                    color: #fff;
                    margin-bottom: 0px;
                    border-bottom: 0;
                }
                
                #cb-tab--container #tab1:checked ~ #content1,
                #cb-tab--container #tab2:checked ~ #content2,
                #cb-tab--container #tab3:checked ~ #content3,
                #cb-tab--container #tab4:checked ~ #content4 {
                    display: block;
                }
                
                @media(max-width: 767px) {
                    #cb-tab--container label {
                        display: block;
                        margin-top: 5px;
                        margin-bottom: 5px;
                    }
                    #cb-tab--container input:checked + label {
                        border-bottom: 0;
                    }
                    #cb-tab--container input + label {
                        position: relative;
                    }
                    #cb-tab--container input + label:after {
                        font: normal normal normal 14px/1 FontAwesome;
                        content: "\f067";
                        display: block;
                        position: absolute;
                        right: 15px;
                        top: 50%;
                        transform: translateY(-50%);
                    }
                    #cb-tab--container input:checked + label:after {
                        content: "\f068";
                    }
                    .col-xs-1,
                    .col-sm-1,
                    .col-md-1,
                    .col-lg-1,
                    .col-xs-2,
                    .col-sm-2,
                    .col-md-2,
                    .col-lg-2,
                    .col-xs-3,
                    .col-sm-3,
                    .col-md-3,
                    .col-lg-3,
                    .col-xs-4,
                    .col-sm-4,
                    .col-md-4,
                    .col-lg-4,
                    .col-xs-5,
                    .col-sm-5,
                    .col-md-5,
                    .col-lg-5,
                    .col-xs-6,
                    .col-sm-6,
                    .col-md-6,
                    .col-lg-6,
                    .col-xs-7,
                    .col-sm-7,
                    .col-md-7,
                    .col-lg-7,
                    .col-xs-8,
                    .col-sm-8,
                    .col-md-8,
                    .col-lg-8,
                    .col-xs-9,
                    .col-sm-9,
                    .col-md-9,
                    .col-lg-9,
                    .col-xs-10,
                    .col-sm-10,
                    .col-md-10,
                    .col-lg-10,
                    .col-xs-11,
                    .col-sm-11,
                    .col-md-11,
                    .col-lg-11,
                    .col-xs-12,
                    .col-sm-12,
                    .col-md-12,
                    .col-lg-12 {
                        padding: 0;
                    }
                    #template #footer .footer-content .container {
                        padding: 0 10px;
                    }
                    #template .item-details ul {
                        padding: 0px 0px 0px 25px;
                    }
                    #template .item-details ul li::before {
                        top: -3px;
                        left: -25px;
                    }
                    #images {
                        width: -webkit-calc(100vw - 12px) !important;
                        width: -moz-calc(100vw - 12px) !important;
                        width: calc(100vw - 12px) !important;
                    }
                    #template #description {
                        margin-top: 15px;
                    }
                    .producer {
                        top: 65px;
                    }
                    #template .item-title {
                        margin-bottom: 10px;
                    }
                    #template .item-base-info {
                        margin-top: 0px;
                    }
                    #template .item-details {
                        margin-top: 35px;
                    }
                }
                
                @media (max-width: 550px) {
                    .product-details > ul > li {
                        width: calc(45% - 0px);
                    }
                }
                
                @media (min-width: 767px) {
                    #description-box-1 {
                        padding: 0;
                    }
                    .contact-footer-to-right {
                        margin-top: 4px;
                    }
                    #template #footer .fa-right-con {
                        margin: 3px 0px;
                    }
                }
                /* IMAGE GALLERY */
                
                .cb-imagegallery {
                    max-width: 397px;
                    width: 100%;
                    max-height: 397px;
                    height: auto;
                    position: relative;
                    line-height: 863px;
                    padding-bottom: 30px;
                }
                
                .cb-imagegallery2 {
                    max-width: 397px;
                    width: 100%;
                    max-height: 397px;
                    height: auto;
                    position: relative;
                    line-height:915px;
                    padding-bottom: 30px;
                }
                
                .cb-imagegallery label {
                    display: initial;
       
    float: left;
    margin: 1px;
    margin-bottom: 5px;
                }
                
                .cb-imagegallery2 label {
                    display: initial;
                }
                
                .cb-imagegallery[data-transition="zoom"] {
                    overflow: hidden;
                }
                /* slideshow item */
                
                .cb-imagegallery--item {
                    max-width: 397px;
                    width: 100%;
                    max-height: 397px;
                    height: auto;
                    line-height: 1.5;
                    position: absolute;
                    top: 0;
                    visibility: hidden;
                }
                
                .cb-imagegallery--bullet:checked + label + .cb-imagegallery--item {
                    visibility: visible;
                }
                
                .cb-imagegallery[data-transition="fade"] .cb-imagegallery--item {
                    visibility: visible;
                    opacity: 0;
                    transition: 0.3s ease-out opacity;
                }
                
                .cb-imagegallery[data-transition="fade"] .cb-imagegallery--bullet:checked + label + .cb-imagegallery--item {
                    opacity: 1;
                }
                
                .cb-imagegallery[data-transition="zoom"] .cb-imagegallery--item {
                    visibility: visible;
                    opacity: 1;
                    transform: scale(0.000001);
                    transition: 0.3s ease-out transform;
                }
                
                .cb-imagegallery[data-transition="zoom"] .cb-imagegallery--bullet:checked + label + .cb-imagegallery--item {
                    opacity: 1;
                    transform: scale(1);
                }
                /* slideshow navigation */
                
                .cb-imagegallery--nav {
                    font: normal normal normal 14px/1 "FontAwesome";
                    position: absolute;
                    top: 50%;
                    bottom: 0;
                    width: 50%;
                    display: none;
                    z-index: 88;
                    cursor: pointer;
                    color: transparent;
                    -webkit-touch-callout: none;
                    -webkit-user-select: none;
                    -khtml-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                }
                
                .cb-imagegallery--nav:after {
                    display: block;
                    content: " ";
                    top: 50%;
                    position: relative;
                    height: 72px;
                    line-height: 1;
                    width: 26px;
                    text-align: center;
                    z-index: 2;
                    font-size: 18px;
                    background: #e7e7e7;
                    opacity: 0.2;
                    padding: 28px 0px;
                    color: #686868;
                    transform: translateY(-50%);
                    transition: all 200ms ease;
                }
                
                .cb-imagegallery--nav:hover:after {
                    opacity: 1;
                }
                
                .cb-imagegallery--nav-previous {
                    left: 0;
                    display: block;
                }
                
                .cb-imagegallery--nav-previous:after {
                    content: "\f053";
                    right: auto;
                }
                
                .cb-imagegallery--nav-next {
                    left: 50%;
                    display: block;
                    -webkit-transform: scaleX(-1);
                    -moz-transform: scaleX(-1);
                    transform: scaleX(-1);
                }
                
                .cb-imagegallery--nav-next:after {
                    content: "\f054";
                    -webkit-transform: scaleX(-1) translateY(-50%);
                    -moz-transform: scaleX(-1) translateY(-50%);
                    transform: scaleX(-1) translateY(-50%);
                }
                /* Radiobuttons to control the slideshow */
                
                .cb-imagegallery--bullet {
                    display: none;
                }
                
                .cb-imagegallery--bullet:checked {
                    background: #999;
                    outline: none;
                    -webkit-transform: scale(1.3);
                    -moz-transform: scale(1.3);
                    transform: scale(1.3);
                }
            
            
                /*#### ####*/

                .cb-image-slider--thumb img {
                    width: 100px;
                    border: 1px solid #efefef;
                    height: auto;
                    cursor: pointer;
                    margin-right: 5.6px;
                }
                
                .cb-imagegallery--item {
                    border: 1px solid #efefef;
                }
                
                .cb-imagegallery--item img {
                    max-width: 100%;
                    width: 100%;
                }
                
                .cb-imagegallery--item + .cb-image-slider--thumb img {
                    width: 100px;
                    border: 1px solid #efefef;
                    height: auto;
                }
                
                .cb-imagegallery--bullet:checked + label img {
                    border-color: #adc5e6;
                }
                    
                                
                #images {
                    width: 400px;
                    display: inline-block;
                    float: left;
                    margin-right: 20px;
                    position: relative;
                    height: 860px;
                 
                }
                    
   
                
                
                
                @media (max-width: 767px) {
                    .cb-image-slider--thumb {
                        display: none !important;
                    }
                    .cb-imagegallery--item,
                    .cb-imagegallery {
                        max-width: 100%;
                        max-height: 100vw;
                    }
                    .cb-imagegallery .hide-on-mobile {
                        display: none !important;
                    }
                    .cb-imagegallery--nav:after {
                        opacity: 0.7;
                    }
                    #template .customTable {
                        width: 100%;
                    }
                    #article #images {
                        float: left;
                        height: 100%;
                        position: relative;
                        list-style-type: none;
                        padding: 0;
                        margin: 0;
                        margin-bottom: 0px !important;
                        width: -webkit-calc(100vw - 12px) !important;
                        width: -moz-calc(100vw - 12px) !important;
                        width: calc(100vw - 12px) !important;
                    }
                    #container3d,
                    .img-lg,
                    .imgs-lg,
                    #loader,
                    .firstimagegal,
                    .preloader {
                        width: -webkit-calc(100vw - 30px) !important;
                        width: -moz-calc(100vw - 30px) !important;
                        width: calc(100vw - 30px) !important;
                        height: -webkit-calc(100vw - 30px) !important;
                        height: -moz-calc(100vw - 30px) !important;
                        height: calc(100vw - 30px) !important;
                    }
                    #images {
                        width: -webkit-calc(100vw - 12px) !important;
                        width: -moz-calc(100vw - 12px) !important;
                        width: calc(100vw - 12px) !important;
                        height: -webkit-calc(100vw + 10px) !important;
                        height: -moz-calc(100vw + 10px) !important;
                        height: calc(100vw + 10px) !important;
                        margin-right: 0;
                    }
                }
                
                .cb-imagegallery--nav {
                    top: 0;
                    height: 100%;
                }
                
            
             .cb-imagegallery { max-width: 397px; width: 100%; max-height: 397px; height: auto; position: relative; line-height: initial!important;
padding-bottom: 30px; margin-bottom: 400px; }
            
            
    
@media (min-width:768px){
    
.cb-imagegallery {
    max-width: 1000px;
    width: 978px;
    max-height: 397px;
    height: auto;
    position: relative;
    line-height: initial!important;
    padding-bottom: 30px;
    padding-top: 415px;
}
 
    
}



/* ################################################################################################## */
/* ################################################################################################## */
/* ################################################################################################## */
/* ################################################################################################## */
/* ################################################################################################## */
/* ################################################################################################## */








@media (max-width: 767px){
	.right-panel 
	{
		display: block;
		width: 100% !important;
	}
    
    .stars{display: none;}
    
}



@media (max-width: 767px){

	.cb-imagegallery label.cb-image-slider--thumb img
	{
		display: none !important;
	}
	.cb-imagegallery label
	{
		display: none !important;
	}
	#images,
	#images1Reihe
	{
		max-height: 340px !important;
	}
}
    
@media (max-width: 1024px){
    
	.right-panel
	{
		display: inline-block;
		width: 40%;
	}
	.right-panel .row > .col-sm-6 
	{
		width: 100% !important;
		margin-bottom: 20px;
	}
	.right-panel .row > .col-sm-6.hidden-xs
	{
		display: none !important;
	}
    .container
    {
        margin: initial !important;
		width: 100% !important;
        padding: 0 5px!important;
    }
}



        @media (min-width:390px) and (max-width:767px){
            .contact-right {  margin-top: 90px;} 
        }
               
        @media (min-width:340px) and (max-width:390px){
            .contact-right {  margin-top: 40px;} 
        }





@media (min-width:768px) and (max-width:1024px){
    
    .cb-image-slider--thumb img {
    width: 135px;
    border: 1px solid #efefef;
    height: auto;
    cursor: pointer;
    margin-right: 5.6px;
}
    

.cb-imagegallery {
    max-width: 100%;
    width: 100%!important;

}  
    
   #images { margin-left: 10px;     width: 100%;}
    
    
    
    
.right-panel {
    display: inline-block;
    width: 40%;
    position: absolute;
    top: 240px;
    right: 40px;
}
    
    
.left-panel {
    width: 100%;
}
    
    
}



html, body {
    width: 100%;
  overflow-x:hidden;
}



div.fixlogo div:last-child{
    display: none; 
}