@import url('css/bootstrap.min.css');
@import url('css/animate.css');

/*@import url('css/font-awesome.min.css');*/
@import url('css/font-awesome-4.7.0/css/font-awesome.min.css');

@import url('css/simple-line-icons.css');
@import url('css/pe-icon-7-stroke.min.css');
@import url('css/meanMenu.min.css');
@import url('css/owl.carousel.css');
@import url('css/owl.transitions.css');
@import url('css/revolution-slider.css');
@import url('css/jquery-ui.min.css');
@import url('css/jtv-mobile-Menu.css');
@import url('css/jtv-Menu.css');
@import url('css/blog.css');
@import url('css/slick.min.css');
@import url('css/style.css');
@import url('css/responsive.css');
@import url('personmanager.css');


@media (max-width:400px) {
  .productButtonBuy {
    display:block !important;
    clear:left;
  }
}

.clearLeft{
clear:left;font-size:0px;height:0px;display:block;
}
F
.activeHome{
background-color:#777;
}

/* 
----------------------------------------------------

Box admin

----------------------------------------------------
 */


.Box_Admin_Menu {
	position:fixed;
	float:right;
	right:15px;
	z-index:1000000;
	/*background-color: rgba(255,255,255,0.5);
	border-bottom-left-radius:29px;
	border-top-left-radius:29px;*/
	}
div.box_admin a img, 
div.productSeperator a img, 
div.productSeperatorBack a img {
	height: 52px;
	width: 52px;
	border:2px solid #444;
	border-radius:26px;
	transition: 0.7s all ease;
	}
div.box_admin a:hover img, 
div.productSeperator a:hover img,
div.productSeperatorBack a:hover img {
	height: 52px;
	width: 52px;
	border:2px solid #fff;
	border-radius:26px;
	background-color:#fff;
	transition: 0.7s all ease;
	}	
div.productSeperator a img, 
div.productSeperatorBack a img {
	height: 40px;
	width: 40px;

	}
div.productSeperator a:hover img,
div.productSeperatorBack a:hover img {
	height: 40px;
	width:40px;
	}	

@media (min-width:992px) {
	.Box_Admin_Menu {
	top:100px;
	}	
}
@media (max-width:991px) {
	.Box_Admin_Menu {
	top:15px;
	}	
}
/* 
----------------------------------------------------

Product seperator

----------------------------------------------------
 */

div.productSeperator	{
	position:absolute;
	top: 25px;
	left: 4vh;
	z-index:1000000;
	box-sizing: border-box;
	}
div.productSeperatorBack	{
	position:absolute;
	top: 25px;
	left: calc(4vh + 45px);
	z-index:1000000;
	box-sizing: border-box;
	display: none;
	}	



/* ----------------------------------------------------

top.html div class'topButtonBox' 

----------------------------------------------------
*/

p.VSpace1{
padding:0px;
margin:0px;
font-size:0px;
line-height:0px;
height:90px;
}

.rowTopBox{

}

.topButtonBox{
width:110px;
height:410px;
overflow:hidden;
padding:0 0 0 0;
margin:0px;
border:0px solid #ddd;
position:absolute;
float:left;
}


.productButtonBox{
width:110px;
height:600px;
overflow:hidden;
padding:0;
margin:0px 20px 0px 0px;
border:0px solid #ddd;
float:left;
}

.productButton{
width:110px;
height:104px;
overflow:hidden;
padding:0;
margin:0px 0px 2px 0px;
border:0;
text-align:left;
}

.productButton_v1{
border:3px solid #ccc;
width:104px;
height:104px;
overflow:hidden;
padding:0;
margin:0px 0px 2px 0px;
text-align:left;
background-color:#333;
color:#fff;
}

.productButton_v2{
border:3px solid #ccc;
width:104px;
height:104px;
overflow:hidden;
padding:0;
margin:0px 0px 2px 0px;
text-align:left;
background-color:#a3a6ab;
color:#fff;
}

a .productButton_v2{
color:#fff;
}

.productButton_v1 p, .productButton_v2 p{
text-transform: uppercase;
font-size:0.825em;
line-height:1.250em;
margin:0px;
padding:5px;
}
.productButton_v2 i{
font-size:2.0em;color:white;padding:5px;
}
.productButton_v2:hover{
background-color:#333;
color:#fff;
}

.triangle-right {
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-left: 50px solid #fff;
	border-bottom: 25px solid transparent;
	position:relative;
	left:0px;
	bottom:-8px;
	display:none;
	}

.productButton img{
height:104px !important;;
padding:0;
margin:0px;
border:0;
}

.shippingCartInfo{
font-size:9px;
color:#fff;
line-height:1.1em;
margin:5px;
padding:0px;
}

.produktInfo{
padding:0px;
margin:0px;
background-size:cover;
}

div.productInfoBox{
	width:66vh;
	height:auto;
	max-height:70vh;
	overflow:hidden;
	padding:1vh 0 0 2vh;
	margin: 80px 0 0 4vh;
	border:0;
	position:absolute;
	z-index:101;
	font-size: 1.5vh;
	line-height: 2vh;
	transition: 1s all ease;
	background-color:#d6dee6;
	}
	
div.productInfoBox a, div.productInfoBox a:hover{
	color:#ff6600;
	}

.produktDaten{
	width:63vh;
	padding:0.8vh 0 0 0;
	margin:0 0 2vh 0;
	border-top:0px solid #333;
	}


h2.productsName{
	font-size: 1.8em;
	font-weight:600;
	line-height:1.5em;	
	}

p.poductPrice{
	width:46vh;
	padding:0px;
	margin:0;
	font-size:1.8em;
	font-family: 'Barlow Condensed', 'Barlow';	
	color:333;
	}
p.poductPrice b{
	font-weight:600;
	}

p.poductPrice span,p.poductPrice a{ 
	font-size:1.5vh;
	color:#333;
	}

p.poductPrice span.productOldPrice{ 
	font-size:1.3vh;
	}

div.productModel{
	padding:0px;
	margin:0px;
	}

p.productModel {
	font-family: 'Barlow Condensed', 'Barlow';	
	font-size: 1.5vh;
	line-height: 1.7vh;
	padding:0px;
	margin:0px;
	}


.productFormBuy{
	width:63vh;
	padding:2vh 0 0 0;
	margin:0;
	border-top: 0px solid #333;
	}

.productFormBuyBg{
	padding:2px;
	margin:0px;
	background-color:#ddd;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	border:1px solid #AEAEAE;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	}

.productButtonBuy{
	padding:0;
	margin:0px 0px 0px 0px;
	border:0;
	float:left;
	text-align:left;
	}

input.productButtonImg{
	padding:0;
	margin:0px;
	border:0;
	}

.productOption, .productOptionInCart {
	padding:0px;
	margin:5px 5px 2px 0px;
	float:left;
	font-size:16px;
	}

.productOption label {
	padding-right:5px;
	margin-bottom:0;
	color: #555;
	}

.productOptionInCart span {
	font-size:16px;
	}

.productOption table.formTable td{
	padding:0;
	}

.tabBgInactive{
	background-color:#ddd;
	}
.nav-tabs-pos{
	margin:0px;
	}

#pr_images{
	margin:0px;
	padding:0px;
	border:0px solid #ddd;
	min-height: 15vh;
	width:63vh;
	}

#pr_description{
	margin:0px;
	padding:0px;
	border:0px
	min-height:10vh;
	background-color:transparent;
	white-space:normal !important; 
	width:63vh;
	}

#pr_description p{
	padding:0px;
	font-size:1.6vh;
	line-height:2vh;
	} 

img.thImages{
	border:1px solid #ddd;
	cursor:pointer;
	height: 15vh;
	width: 15vh;
	}
@media only screen and (min-width: 991px) and (max-width: 1440px) {
div.productInfoBox{
	width:42vw;
	max-height:70vh;
	}

.produktDaten{
	width:40vw;
	}

p.poductPrice{
	width:28vw;
}

.productFormBuy{
width:40vw;

}

#pr_description{
	min-height:5vw;
	width:40vw;
	}
}

.slider-items-products{
padding:0;
}

.mbi{
display:none;
}

table.contactUs td{
padding:5px;
}

textarea.ContactUsMessageBody{
width:300px;
height:180px;
border:1px solid #111;
}

td.tdSubmitButton img{
/*width:75%;
border:0px;*/
}

img.ImageSubmit{
height:25px;
width:auto;
border:0px;
}

td.contactContenet{
text-align:left;
font-weight:bold;
font-size:1.1em;
}


/*
----------------------------------------------------

Shopping Cart

----------------------------------------------------
*/
table.shoppingCart{
margin:0px !important;
padding:0px !important;
width:100%;
border:0px solid #111;
}

table.shoppingCart td{
padding:0px;
}

table.ordersDetails{
border-collapse:collapse;
font-size:1.1em;
}

table.ordersDetails td{
padding:3px;
}

table.ordersDetails td.ordersDetailsBottom{
text-align:right;
font-size:0.9em;
}


/*
----------------------------------------------------

Flex row

----------------------------------------------------
*/

.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
	-webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
	 margin:-.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
	width:100%;
}


.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
	flex-flow: column nowrap;
}

.flex-grow {
	display: flex;
    -webkit-flex: 2;
    flex: 2;
}


/*
----------------------------------------------------

Forms

----------------------------------------------------
*/

.inputRequirement{
white-space:nowrap !important;
}
.AB_INPUT{
display:inline !important;
}
table.formTable td{
padding:3px;
}


/* 
----------------------------------------------------

Login page

----------------------------------------------------

alert-info - shop maintenance message loginsite  

*/



.alert-info {
	font-size: 1.2em;
	}
.alert-info::before, .alert-info::after {
	font-family: 'FontAwesome';
	content: '\f071';
	display: inline-block;
	height: 1.2em;
	padding-left: 1em;
	padding-right: 1em;	
	}


	
input.ImageSubmit {
	border:0px;
	height:25px;
	width:auto;
	}

label {
	cursor:pointer;
	}


/* 
----------------------------------------------------

Create account

----------------------------------------------------
 */

#account_block_header {
	color:#5f94b3;
	font-weight:400;
	border-bottom:1px solid #5f94b3;	
	padding:2em 0 0 0;	
	}

.form_block {
	padding-bottom: 2em;
	padding-left: 0.5em;
	padding-right: 0.5em;		
	background-color: #d4dee3;
	}
	
.form_block_padding {
	padding-top: 2em;
	}
.form_block select, .form_block .ACCOUNT_INPUT_ {
	background-image: none;	
	width: 90%;
	}	
.ACCOUNT_INPUT_, .ACCOUNT_INPUT, .ACCOUNT_SELECT_ {
	display:inline !important;
	}

.account_buttons {
	color:#ff6600;
	float:left;
	margin:3px;
	border:1px solid #757575;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	transition: 0.7s all ease;
	}
	
.account_button_none {
	float:left;
	margin:3px;
	border:1px solid #ccc;
	border-radius:2px;
	}	

.text_over_button {
	width:130px;
	height:130px;
	padding-left:0.4em;
	padding-top:0.4em;
	font-size:1.6em;
	line-height:1.0em;
	}

a:hover .account_buttons, .info_button1 {
	text-decoration:none;
	color:#fff;
 	transition: 0.7s all ease;
	background-color:#ff6600;
	border:1px solid #ff6600;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	}

.info_button1_item p, .info_button1_item i {
	color:#fff;
	}

.account_h4 {
	border-bottom:1px solid #757575;
	margin-bottom:1em;
	}

.box-account {
	display: inline-block;
	width: 96%; 
	float: none;
	text-align: left;
	border-radius:10px;
	border: 0px #ccc solid;
	background-color:rgba(255,255,255,1);
	padding: 5%;
	margin-left: 2%;
	-webkit-box-shadow: 0px 0px 10px 7px rgba(230,230,230,1);
	-moz-box-shadow: 0px 0px 10px 7px rgba(230,230,230,1);
	box-shadow: 0px 0px 10px 7px rgba(230,230,230,1);
	}


/* 
----------------------------------------------------

Checkout

----------------------------------------------------
 */

.addressBlock, .addressBlock{
font-size:1.1em;
line-height:1.2em;
padding:10px 0px 10px 0px;
}
.goToNextStep{
text-align:center;
padding:10px 0px 10px 0px;;
}

.leftdist{
width:25px;
} 

.tableCheckout{
border:0px;
width:100%;
margin-bottom:20px;
}

.tableCheckout td{
padding:3px;
}
.checkout_button_done{
position:relative;
width:100%;
padding-top:25%;
background-color:#ffb27f;
color:#fff;
border-bottom:1px solid #fff;
}
.checkout_button_active{
position:relative;
width:100%;
padding-top:100%;
background-color:#ff6600;
color:#fff;
border-bottom:1px solid #fff;
}
.checkout_button_todo{
position:relative;
width:100%;
padding-top:25%;
background-color:#999;
color:#fff;
border-bottom:1px solid #fff;
}
.checkout_button_item{
position: absolute;
top: 5px;
left: 8px;
bottom: 5px;
right: 8px;
font-size:0.9em;
line-height:1.0em;
text-transform: uppercase;
display: -webkit-flex;
display: flex;

}
.checkout_button_item div:nth-of-type(1){
flex-grow: 1;
-webkit-flex-grow: 1;
}
.checkout_button_item div:nth-of-type(2){
flex-grow:30;
-webkit-flex-grow:30;
}
.checkout_button_item div.digit{
font-size:2em;
line-height:0.9em;
padding-right:3px;

}

.confirmationEdit {
color:#ff6600;
}


/* Info Buttons */
.info_button1{
position:relative;
width:100%;
padding-top:100%;
background-color:#757575;
}

.info_button1_item{
position:  absolute;
top: 8px;
left: 8px;
bottom: 8px;
right: 8px;
font-size:1.2em;
line-height:1.3em;
color:#fff;
}
.info_button1_item i{
font-size:4em;
}


/* Suche */

div#search_suggest {
	position:absolute;
	z-index:300;
	width:59%;
	top:72px;
	right: 132px;
	background-color:#FFF;
	border-radius:5px;
	overflow:hidden;
 	transition: 0.7s all ease;
	}
div#search_suggest:hover {
 	transition: 0.7s all ease;
	-webkit-box-shadow: 0px 0px 10px 7px rgba(80,80,80,0.3);
	-moz-box-shadow: 0px 0px 10px 7px rgba(80,80,80,0.3);
	box-shadow: 0px 0px 10px 7px rgba(80,80,80,0.3);
	}
.suggest_link, a.suggest_link{
	padding:5px 10px 5px 10px;
	font-size:1.0em;
	color:#000;
	}
	.suggest_link_over, a.suggest_link_over{
	cursor:pointer;
	background-color:#555;
	color:#fff;
	padding:5px 10px 5px 10px;
	font-size:1.0em;
}

div#box_search_simple{
float:right;
display:inline-block;
margin:10px -15px 0px 0px;
}

.tableProdList{
width:100%;
}

.tableProdList td, .tableSearch td{ 
padding:3px;
}


/* 
----------------------------------------------------

Newsletter box

----------------------------------------------------
 */

.nlMy {
	color:#111;
	padding:6px 3px 6px 3px;
	width:50%;
	}

.btn-dark {
	background-color:#eee;
	color:#ff6600;
	border:1px solid #eee;
	border-radius: 1px;
	}

.btn-dark:hover {
	background-color:#ff6600;
	color: #fff;
	border-color: #ff6600;
 	transition: 0.7s all ease;
	}


.Price-Button {
	float:left;
	}

#qty {
	margin-right: 10px;
	}

.btn-buy {
	width:10vh;
	height: 10vh;
	background-color:#ff6600;
	background-image:url("img/kaufen.svg");
	background-repeat:no-repeat;
	background-size: 100%;
	color:#fff;
	border:0;
	padding: 5.3vh 0 0 0;
	text-align:center;
	font-size: 2.6vh;
	font-weight: bold;
	}

.btn-buy-2 {
	width: 10vh;
	height: 10vh;
	background-color:#fff;
	background-image:url("img/kaufen-2.svg");
	background-repeat:no-repeat;
	background-size: 100%;
	color:#ff6600;
	border:0;
	padding: 5.3vh 0 0 0;
	text-align:center;
	font-size: 2.6vh;
	font-weight: bold;
	}

.btn-buy:hover {
	color:#333;
	background-image:url("img/kaufen-hover.svg");
	}

.btn-buy-2:hover {
	color:#333;
	background-color:#ff6600;
	background-image:url("img/kaufen-2-hover.svg");
	}

.width125 {
	width:125px;
	}
 
.id_dsgvo {
	font-weight:normal;
	}

.id_dsgvo a {
	text-decoration:underline;
	font-weight:500;
	}

/* Widerrufsformular */

.formError{
background-color:#eedada;
}

div.revocationbox textarea{
font-size:12px;
}

div.revocationbox p{
text-align:left;
}

p span.fieldtext{
white-space:nowrap;
display:inline-block;
width:110px;

}



label{
cursor:pointer;
}

label a{
font-weight:bold;
text-decoration:underline;
}

.mm-toggle {
	margin:0px 0px 0px 25px;
	display:inline-flex;
	background-color: rgba(255, 255, 255, 0.8);
	cursor: pointer;
	font-size: 22px;
	line-height:34px; 
	height: 40px;
	width: 40px;
	text-align:center;
	border-radius:20px;
	border:2px solid #333;
	color:#333;
	}
.mm-toggle:hover {
	border-color: #ff6600 !important;
	background-color: rgba(255,102,0,1);
	color: #fff !important;
 	transition: 0.5s all ease;
	}

.mm-toggle i{
	margin:-3px 0px 0px -3px;
	}
	
#shopping-cart-trigger .cart-icon{
	border: 2px solid #333;
	background-color:rgba(255,255,255,1);
	color:#333;
	border-radius:20px;
 	transition: 0.7s all ease;
 	line-height:34px; 
	font-size:22px;	
	}


.icon-account{
	float:right;
	margin:0px 3px 0px 3px;
	width:40px;
	height:40px;
	background-color:rgba(255,255,255,1);
	border-radius:20px;
	border: 2px solid #333;
	line-height:34px; 
	font-size:22px;
	text-align:center;
	overflow:hidden;
 	transition: 0.75s all ease;	
	}

.icon-account:hover, .icon-lang:hover, #shopping-cart-trigger .cart-icon:hover {
	border-color: #ff6600;
	background-color: rgba(255, 102, 0, 1);
	color: #fff !important;
 	transition: 0.7s all ease;	
	line-height:34px;  	
	}

a .icon-account{
	color:#333;
	}

a:hover .icon-account, .search button:hover  {
	color: #fff;
 	transition: 0.7s all ease;
	}

.icon-lang{
	width:40px;
	height:40px;
	border-radius:20px;
	border:2px solid #333;
	color:#333 !important;
	background-color:rgba(255,255,255,1);
	font-size:22px;
	text-align:center;
	line-height:34px;
	}
.block-language i{
	display:none;	
	}

.tempHeight{
	height:1200px;
	}

/* 
.shadow-bottom-left::after {
   background-image: -webkit-linear-gradient(60deg,rgba(170,170,170,0.6),rgba(170,170,170,0) 45%);
    background-image: -o-linear-gradient(60deg,rgba(170,170,170,0.6),rgba(170,170,170,0) 45%);
    background-image: linear-gradient(60deg,rgba(170,170,170,0.6),rgba(170,170,170,0) 45%);
    bottom: 0;
}

.shadow-bottom-left::after, .shadow-top-right::before {
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 100;
}

.shadow-top-right::before {
	background-image: -webkit-linear-gradient(30deg, rgba(211,211,211,0) 80%,rgba(211,211,211,0.8));
    background-image: -o-linear-gradient(30deg, rgba(211,211,211,0) 80%,rgba(211,211,211,0.8));
    background-image: linear-gradient(30deg, rgba(211,211,211,0) 80%, rgba(211,211,211,0.8));
    top: 0;
}
*/
.flex-container {
  display: flex;
  justify-content: space-between;
  padding:10px 0px 10px 0px;
}

.modal-header .close {
	margin-top: -5px;
}
.close:hover {
	color: #dfdfdf;
 	transition: 0.5s all ease;
}
.modal-title {
	margin-left: 10px;
}
.modal-body {
	padding-top:0 !important;
	height: auto !important;
}

.modal-dialog {
	background-color:rgba(255,255,255,0.9);
	border:1px solid #ff6600;
}

.modal-content .modal-header {
	background-color: #ff6600;
}

#modal-cart .btn-checkout, #modal-cart .view-cart {
	background-color: #dfdfdf;
 	color: #ff6600;
}


#modal-cart .btn-checkout:hover, #modal-cart .view-cart:hover {
	text-decoration:none;
	background-color: #ff6600;
 	transition: 0.5s all ease;
 	color: #fff;
}

.cart-content{
max-height: 78vh !important;
}

.cart-product {
	padding-left:0;
	margin:0;
	border-bottom: 1px solid ;
}
.cart-pr-thumb img {
	border: 1px solid #fff;	
}

.cart-pr-thumb img:hover {
	border: 1px solid #ff6600;
 	transition: 0.5s all ease;
}
.cart-pr-info {
	padding-left:10px;
}
.cart-pr-title {
    color: #555;
}
.cart-pr-title:hover {
	text-decoration: none;
    color: #ff6600;
 	transition: 0.5s all ease;
}
.cart-pr-price, .cart-pr-quantity{
    color: #555;
}

.Navtrail {
	display:none;
	padding: 0px;
	margin: 4px 0px 4px 0px;
	font-size: 1.27vh;
	line-height: 1.6vh;
	}

.Navtrail a, .Navtrail a:hover {
	text-decoration:none;
	color: #ff6600 !important;
	font-weight:600;
	}

.box_products_in_category {
	margin:0px 0px 0px 0px;
	border-radius:0px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 20px 20px;
	transition: 0.5s all ease;
	}
		
.title_block h3 {
	color:#555 !important;
	}

.box_products_in_category:hover h3 {
	color:#555 !important;
 	transition: 0.5s all ease;	
	}

.newproduct{
	Height: 2vh;
	margin-bottom:2vh
	}

.tp-leftarrow.default, .tp-rightarrow.default, .tp-leftarrow.default:hover, .tp-rightarrow.default:hover {

	background-color:rgba(255,255,255,0);
}

.tp-leftarrow::before, .tp-rightarrow::before {
	font-size:70px;
	color: #555;
}

.tp-leftarrow:hover::before, .tp-rightarrow:hover::before {
	color: #ff6600;
	}

.bnt-bg a.jtv-shop-btn {
	border-radius: 1px;
	color: #ff6600;
	border: 0px solid #777;
	background-color: #fff;
	}

.bnt-bg a.jtv-shop-btn:hover {
	border-color: #ff6600;
	background-color: #ff6600;
	}

#jtv-mobile-menu {
	background-color: #fff;
	box-shadow: 0px 0px 0px #fff;
	border-right: 1px solid #c3c3c3;
	}

.jtv-mobile-menu li {
    border-top: 0px solid #c3c3c3;
	}

.jtv-mobile-menu li a, 
.jtv-menu li a
	{
    color: #555;
    display: block;
    overflow: hidden;
    text-decoration: none;
    white-space: normal;
    font-size: 15px;
	}
@media (min-width:1280px) {
.jtv-menu li a {
    font-size: 19px;	
	}
.jtv-menu li section.noprod {
	font-size:19px;
	}
}
.jtv-menu li,
.jtv-menu li a  {
    border-top:0px;
	}


.jtv-mobile-menu li a.active2,
.jtv-mobile-menu li section.active2, 
.jtv-menu li a.active2,
.jtv-menu li section.active2 
	{
    color: #ff6600;
	}

.jtv-menu li a.MenuLogo {
	padding:0px;
	}

.jtv-menu li a.MenuLogo img{
	margin:12%;
	}

.jtv-menu li a.MenuLogo:hover  {
	background: #F3F5F7;
	}

.jtv-mobile-menu li a:hover.active2,
.jtv-mobile-menu li section:hover.active2,
 .jtv-menu li a:hover.active2,
 .jtv-menu li section:hover.active2
 	{
    color: #fff;
	}

.jtv-menu li.sub-menu:hover section {
    color: #ff6600;
	}

.jtv-mobile-menu li a:hover, 
.jtv-menu li a:hover
	{
    color: #fff;
	background-color: #ff6600;

	}	

.jtv-caption-inner.jtv-left
.jtv-caption.jtv-small-title {
    font-size: 32px;
    line-height: 32px;
    color: #777;
	}

.jtv-caption-inner.jtv-left 
.jtv-caption.jtv-large-title {
    max-width: 40vw;
    font-size: 18px !important;
    line-height: 26px;
    color: #777;
    }

nav ul li.sub-menu .fa {
	width: 16px;
	text-align: center;
	margin:15px 5px 10px 0px;
	float:right;
	}

/*
--------------------------------------------

Fixed Desktop Menu 

--------------------------------------------
*/
@media (min-width:992px) {
.Box_Menu {
	position: fixed;
  	left: 0px;
  	top:0px;
 	z-index: 10000;
 	width: 15vw;
 	height:100vh;
 	background-color: #F3F5F7;
	}
.menu-size, .megamenu {
 	width: 15vw;
	overflow: hidden;
	}

#page, .header-top, .container-fluid, .fixed_desktop-menu-wrapper, .forcefullwidth_wrapper_tp_banner, .rev_slider_wrapper {
	width: calc(100vw - 15vw)!Important;
	}
.rev_slider_wrapper {
	left:0 !important;
	}	
#page, #page_login, #page_logoff {
	left:15vw !important;
	}
	
.produktInfo{
	height: calc(100vh - 18.5vh) !Important;
	}
.mm-toggle {
	display: none;
	}
}
@media (min-width:1281px) {
.produktInfo{
	height: calc(100vh - 17.5vh) !Important;
	}
}
@media (max-width:991px) {

.Box_Menu {
	display: none;
	}
}

/*
--------------------------------------------

FULLSCREEN COOKIE CONFIRMATION 

--------------------------------------------
*/
/*

.cookie_info{
	display: block;
	z-index: 10000000;
	position: fixed;
	height: 100vh;
	padding: 20px 10px 0px 10px;
	margin: 0;
	width: 100vw;
	color: #fff;
	border: 0px solid #fff;
	background:rgba(60,60,60,0.9);

}

.cookie_text{
	margin-top: 25vh;
	margin-left: 20vw;
	max-width: 60vw;	
	text-align:center;
	font-size:2.0vh;
	line-height: 2.5vh;
}

.cookie_confirm_button{
width:100vw;
text-align:center;
}
@media (min-width:768px) {
.cookie_confirm_button button#cookie_confirm_button{
width: 20vw;
height: 20vw;
border-radius: 10vw;
text-align:center;
font-size: 2.5vw;
}

#infoText{
position:absolute;
top:15vh;
left:10vw;
right:10vw;
padding:10px;
color:red;
z-index:1000000;
font-size:1.25em;
line-height:1.25em;
font-weight:600;
background-color:rgba(250,250,250,0.85);
border-radius:10px;
}


}
@media (max-width:767px) {
.cookie_confirm_button button#cookie_confirm_button{
width: 40vw;
height: 40vw;
border-radius: 20vw;
text-align:center;
}

#field_gv_redeem_code{
color:#000;
} 

#infoText{
position:absolute;
top:145px;
left:10vw;
right:5vw;
padding:5px;
color:red;
z-index:1000000;
font-size:0.75em;
line-height:1.15em;
font-weight:600;
background-color:rgba(250,250,250,0.85);
border-radius:10px;
}

}



#infoText p{
margin:0px;
}
*/

/*
--------------------------------------------

	COOKIE CONFIRMATION BOTTOM

--------------------------------------------

*/

.cookie_info{
	display: block;
	z-index: 100;
	position: fixed;
	
  /* position unten */
  top:auto;
  bottom:0;
  
  
  /* position oben 
 	 top:0px;
  */
	height: auto;
	padding: 0.1em;
	margin: 0;
	width: 100vw;
	color: #333;
	border-top: 1px solid #999;
	background:rgba(255,255,255,0.8);

}
.cookie_info a{
color: #ff6600;
}




@media (min-width:992px) {
.cookie_text{
	margin-left: 1em;
	margin-right: 1em;
	min-width: 60vw;	
	text-align:right;
	font-size:1em;
	line-height: 2.5em;
	float: left;
	padding-top:0.3em;
	padding-bottom:0.3em;	
}
.cookie_confirm_button button#cookie_confirm_button{
	width: 10em;
	height: 2.5em;
	border-radius: 0.2em;
	text-align:center;
	font-size: 1em;
	margin-top:0.3em;
	margin-bottom:0.3em;	

}
.cookie_confirm_button{
	width:10vw;
	text-align:left;
	float:left;
}
#infoText{
position:absolute;
top:15vh;
left:10vw;
right:10vw;
padding:10px;
color:red;
z-index:1000000;
font-size:1.25em;
line-height:1.25em;
font-weight:600;
background-color:rgba(250,250,250,0.85);
border-radius:5px;
}

}
@media (max-width:992px) {
.cookie_text{
	margin-left: 2vw;
	margin-right: 2vw;
	min-width: 96vw;	
	text-align:center;
	font-size:1em;
	line-height: 1.5em;
}
.cookie_confirm_button button#cookie_confirm_button{
	width: 10em;
	height: 2.5em;
	border-radius: 0.2em;
	text-align:center;
	font-size: 1em;
	margin-top:0.5em;
	margin-bottom:0.5em;	
}
.cookie_confirm_button{
	width:100vw;
	text-align:center;
}
#field_gv_redeem_code{
color:#000;
} 

#infoText{
position:absolute;
top:145px;
left:10vw;
right:5vw;
padding:5px;
color:red;
z-index:1000000;
font-size:0.75em;
line-height:1.15em;
font-weight:600;
background-color:rgba(250,250,250,0.85);
border-radius:5px;
}

}



#infoText p{
margin:0px;
}

.new_products_link a:hover div {
	background-color: #fff;
	border-radius:3px;
	transition: 0.3s all ease;
}
.new_products_link a div {
	background-color: rgba(250,250,250,0.2);
	transition: 0.3s all ease;
}


div.productsInfoBox{
display:block;
border:1px solid #eee;
}

div.prodThumbnails{
float:left;
width:20%;
}

div.prodThumbnails img{
width:100%;
}

div.productsDescriptionBox{
float:left;
width:78%;
padding:3px;
}


div.personInfo input.PERSON_AB_INPUT{
width:250px !important;
height:18px !important;
font-size:12px !important;
line-height:18px !important;
padding:2px !important;
}

div.personInfo select.PERSON_AB_SELECT{
width:250px !important;
height:18px !important;
font-size:12px !important;
line-height:18px !important;
padding:2px !important;
}

/*
--------------------------------------------

	Shop_Info

--------------------------------------------

*/

.shop_info{
	display: block;
	z-index: 1000000000;
	position: absolute;
	top:0px;
	min-height: 100%;
	padding: 0.1em;
	margin: 0;
	width: 100vw;
	color: #333;
	border:0;
	background:#eb6619;

}
.shop_info a{
	color: #ff6600;
}
.shopinfo_header{
	min-width: 100vw;	
	text-align:center;
	font-size: 25em;
	line-height: 0.8em;
	font-weight: bold;
	float: left;
	padding-top:5vh;
	color:#fff;
}

.shopinfo_text{
	margin-Left:25vw;
	margin-right:25vw;
	max-width: 50vw;	
	text-align:center;
	font-size:1.5em;
	line-height: 1.3em;
	padding-top:55vh;
	color:#fff;
}
.shopinfo_confirm_button button#shopinfo_confirm_button{
	border-radius: 0.2em;
	text-align:center;
	font-size: 1.5em;
	margin-top:0.3em;
	margin-bottom:0.3em;	
	background:#b0bdc7;
	color:#fff;
}
.shopinfo_confirm_button button#shopinfo_confirm_button:hover{
	background:#fff;
	color:#eb6619;
}

.shopinfo_confirm_button{
	margin-top:2vw;
	width:100vw;
	text-align:center;
}

/*
--------------------------------------------

	New Products

--------------------------------------------

*/

.new_products_link {
	margin-top: 20px;
	margin-left:20px;
 	transition: 0s all ease !important;		
	}
	
.new_products_link #new_products_text{
	width:10vw;
	background: transparent;
	float: left;
	padding-top:0.85em;;
	font-size:1.3em;
	line-height:1.1em;
	font-weight:400;	
	color: #777;	
	}

.new_products_link #new_products_icon {
	background: transparent;
	border-radius:50%;
	border: 3px solid #777;
	color: #777;
	overflow:hidden;
    width:70px;
	height:70px;
	font-size: 90px;
	padding:16px 0 0 10px;
	margin-right:10px;	
	text-decoration:none;
	float: left;	
	}

.new_products_link a:hover {
	text-decoration:none;
	}

.new_products_link a:hover #new_products_icon {
	background: #ff6600;
	color: #fff;
	border-color: #fff;
	}

/*
--------------------------------------------

	Box Information

--------------------------------------------

*/
.box_information_wrapper {
	width:100vw;
	background-color:#fff;
	position: relative;
	min-height: 1px;	
	float: left;
	padding:20px 0 20px 0;
	}
.btn_infobox {
	margin-bottom: 10px;
	}
.btn_infobox div{
	width:180px;
	}
	
@media only screen and (max-width: 991px) {
.btn_infobox {
	margin-right: 10px;
	}
}
/*
--------------------------------------------

	Box Bestseller

--------------------------------------------

*/


/*
--------------------------------------------

	Advanced Search Results

--------------------------------------------

*/

.row_clean {
    margin: 0px;
    padding: 0px;
    width: 100%;
	}

.container_result{
	overflow:hidden;
	margin-bottom:20px;
	}

.result_table_header{
	padding-left: calc(15px + 2%);
	padding-bottom:20px;
	}

.result_tile {
	position: relative;
	float:left;
	height: auto;
	margin-left:2%;
	margin-bottom:2%;
	overflow: hidden;
	}

.tile_background img, .tile_background {
	width:100%;
	height:100%;
	}

.tile_title {
	position:absolute;
	padding-left:3%;
	padding-right:3%;
	padding-top:1.3%;
	top:2px;
	left:2px;
	background-color:#c4d2d9;
	}

.result_tile a .tile_description {
	position:absolute;
	padding-left:3%;
	padding-right:3%;
	padding-top:20%;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	color:rgba(60,60,60,0);
	background-color: rgba(250,250,250,0);
	border: 2px solid rgba(250,250,250,0);
 	transition: 0.8s all ease;
	}

.result_tile a:hover .tile_description {
	color:rgba(60,60,60,1);
	background-color: rgba(250,250,250,0.90);
	border: 2px solid #eb6619;
	transition: 1.2s all ease;
	}

.tile_info {
	position:absolute;
	padding-left:3%;
	padding-right:3%;
	padding-top:2%;
	padding-bottom:1%;
	bottom:3%;
	left:2px;
	background-color:#eee;
	}

.tile_info b{
	font-weight:600;
	font-size:170%;
	}

.tile_info a:hover{
	text-decoration:none;
	}

.result_navigation {
	padding:15px;
	margin-top: 15px;
	}
.result_navigation_lg{
	padding:15px;
	}

@media only screen and (min-width: 1px) and (max-width: 639px) {
.result_tile {
	width:100%;
	border: 1px solid #fff;
	margin-left:0px;
	}

.result_tile a .tile_description {	
	font-size:1.2em;
	line-height:1.2em;	
	padding-top:1%;
	top:65%;
	left:0px;
	height:34%;
	width:100%;
	color:rgba(60,60,60,1);
	background-color: rgba(250,250,250,0.85);
	overflow: hidden;
	}
.result_tile a:hover .tile_description {
	border: 2px solid rgba(250,250,250,0);
	}
.tile_info {
	position:absolute;
	padding-left:3%;
	padding-right:3%;
	padding-top:0%;
	padding-bottom:1%;
	bottom:0;
	width:100%;
	left:0px;
	font-size:75%;
	-webkit-box-shadow: 0px -10px 10px rrgba(250,250,250,1);
	-moz-box-shadow: 0px -10px 10px rgba(250,250,250,1);
	box-shadow: 0px -15px 15px rgba(250,250,250,1);

	}

}
@media only screen and (min-width: 640px) and (max-width: 991px) {
.result_tile {
	width:45%;
	border: 1px solid #fff;
	}

.result_tile a .tile_description {
	font-size:1.2em;
	line-height:1.2em;	
	padding-top:3%;
	top:65%;
	left:0px;
	height:35%;
	width:100%;
	color:rgba(60,60,60,1);
	background-color: rgba(250,250,250,0.85);
	}

.result_tile a:hover .tile_description {
	border: 2px solid rgba(250,250,250,0);
	}

.tile_info {
	position:absolute;
	padding-left:3%;
	padding-right:3%;
	padding-top:1%;
	padding-bottom:1%;
	bottom:0;
	width:100%;
	left:0px;
	font-size:90%;
	-webkit-box-shadow: 0px -10px 10px rgba(250,250,250,1);
	-moz-box-shadow: 0px -10px 10px rgba(250,250,250,1);
	box-shadow: 0px -15px 15px rgba(250,250,250,1);
	}
}

@media (min-width:992px) {
.result_tile {
	width:22%;
	}
}
/*
--------------------------------------------

	Artikeltext => Klimalabel

--------------------------------------------

*/
	
	
.klimalabel {
	background: no-repeat center url("../../images/klimalabel_dp.svg");
    background-size: auto;
	width: 128px;
	height: 36px;
	background-size: contain;
	position:absolute;
	top: 5px;
	right: 5px;
	}
@media only screen and (max-width: 998px) {
.klimalabel {
	width: 133px;
	height: 42px;
	top: 5.5vh;
	right: 5.5vh;
	}
}
/*
--------------------------------------------

	Artikeltext ==> Powerbank

--------------------------------------------

*/
.powerbank {
	background: no-repeat center url("../../images/powerbank.svg");
    background-size: auto;
	width:160px;
	height: 80px;
	background-size: contain;

	}
/*
--------------------------------------------

	Artikeltext ==> Vorbestellung

--------------------------------------------

*/
div.InfoBoxOhneProdInCat{
	max-height:90vh;
	}




	
/*
--------------------------------------------

	Ende

--------------------------------------------

*/