/*Prealpina Shop CSS*/

/*======================================================*/
			/*General*/
/*======================================================*/

#catListWrap .section.shop:after,
.formBreak:after,
.productContent:after,
.galThumbs:after{
	content: '';
	display: block;
	clear: both;
}
.clear, .seWrap{
	clear: both;
}

.hide {
	display:none;
}
input[type="submit"] {
	-webkit-appearance: none;
}
.prodRemove{
	-webkit-transition: all 250;
	-o-transition: all 250;
	transition: all 250;
}

/*======================================================*/
			/*login*/
/*======================================================*/
.loginMask{
	display:none;
}
#loginWrap{
	display:none;
	position: fixed;
	width:400px;
	top:30%;
	left:50%;
	margin-left:-200px;
	background:#2F4D6B;
	box-sizing:border-box;
	padding: 20px 40px;
	z-index:10;
	box-shadow:0 0 8px 2px rgba(0,0,0,.4);
	border-radius:3px;
}
#loginCloser{
	position:relative;
	right:-20px;
	top:-5px;
	float:right;
	color:#fff;
	font-size:20px;
	line-height:22px;
	cursor:pointer;
}
#loginWrap h3{
	color:#fff;
	margin-bottom:20px;
	line-height:22px;
}
#loginWrap .formBreak label{
	color:#fff;
}
#loginWrap .formRow{
	padding-bottom:15px;
}
#loginWrap .passWrap a{
	color:#fff;
}

/*======================================================*/
			/*button styles*/
/*======================================================*/
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.btn, .mp_btn, #wrapper a.btn, #wrapper a.mp_btn{
	padding:5px 25px;
	border-radius:3px;
	background:none;
	border:none;
	width:auto;
	display:block;
	line-height:22px;
	font-size:13px;
	font-weight:700;
	text-align: center;
	border:1px solid #fff;
	cursor: pointer;
	box-sizing: border-box;	
	-webkit-transition:all 250ms ease;
	-moz-transition:all 250ms ease;
	-ms-transition:all 250ms ease;
	-o-transition:all 250ms ease;
	transition:all 250ms ease;
	display: inline-block;
	vertical-align: top;;
	
}
.btn-small, #wrapper a.btn.btn-small{
	width:25%;
	line-height:18px;
	font-size:12px;
	font-weight:400;
}
.btn-right, #wrapper a.btn.btn-right, #wrapper a.mp_btnRight{
	float:right;
}
.btn-clear, #wrapper a.btn.btn-clear{
	color: #999;
	border-color: #999;
	/*padding:2px 0;*/
}
.btn-neutral, #wrapper a.btn.btn-neutral, #wrapper a.mp_btnOutline {
	background:#eee;
	border-color:#ccc;
}
.btn-neutral:hover, #wrapper a.btn.btn-neutral:hover, #wrapper a.mp_btnOutline:hover{
	background:#e6e6e6;
	border-color:#c4c4c4;
}
.btn-success, .mp_btnSuccess , #wrapper a.btn.btn-success, #wrapper a.mp_btnSuccess{
	background:#7B90A5;
	border-color:#63798E;
	color:#fff;
}
.btn-success:hover, .mp_btn :hover, #wrapper a.btn.btn-success:hover, #wrapper a.mp_btnSuccess:hover{
	background: #2f4d6b;
}
.btn-inline, #wrapper a.btn.btn-inline{
	display: inline-block;
	width: auto;
	padding-left: 25px;
	padding-right: 25px;
}
#content .btn-clear, #content .prodElem .btn{
	padding:  0 10px;
	line-height: 25px;
}
#content .btn-clear .fa, #content .prodElem .btn .fas{
	line-height: 25px;
	margin-right: 2px;
}
.btn-locked {
	background-color: #913a1d;
}

.orderProcessNav {
	clear:both;
}

/*======================================================*/
			/*form styles*/
/*======================================================*/

.formElement{
	box-sizing:border-box;
	padding:5px 10px;	
	width:100%;
}
input:focus, .btn:focus{
	/*border:none !important;*/
	outline:none;
}
.formRow{
}
.formElement, .formBreak, .formTextElement{
	border-radius:3px;
}
.formElement .mand{
	color:#8dbe2a;
	font-weight: 600;
}
.formBreak{
	margin-bottom:3px;
}
.formTextElement {
	padding: 0;
}
.formTextElement a.directProductLink {
	color: #004C92 !important;
	display:inline-block;
	padding: 5px 10px;
	border:1px solid #004C92;
}
.formTextElement ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 430px;
}
.formTextElement ul li {
	margin: 0;
	padding: 0;
}
.formElement label, .formTextElement label, .mandatory, .formBreak label{
	display: block;
	/*float:left;*/
	font-weight: 400;
}

.formElement input, .formElement select, .formElement textarea, .formBreak input, .formBreak select, .formBreak textarea{
	margin:0;
	/*padding:4px 10px;*/
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:30px;
	/*border:1px solid #ddd;*/
	/*font-size:11px;*/
	font-family: 'Open Sans', sans-serif;
	box-sizing: border-box;
}
.formElement textarea, .formBreak textarea{
	height:126px;
	padding:4px 10px;
}

.formBreak input:disabled, .formBreak select:disabled {
	background-color: white;
}

.formularfeld{
	border:1px solid #ccc;
	padding:2px;
}
.radioWrap{
	width:300px;
}
.radioWrap label{
	font-size:12px;
}
label.formLabel{
	float:left;
	display:block;
}
.radioWrap, .checkWrap, .formularfeld.send, .formularfeld.reset{
	float:left;
}
span.clear{
	clear:both;
	display:block;
}
span.spacer{
	height:4px;
	display:block;
}
#mainContent input{
	-webkit-transition: all 350ms ease;
	-moz-transition: all 350ms ease;
	-ms-transition: all 350ms ease;
	-o-transition: all 350ms ease;
	transition: all 350ms ease;
}
#mainContent input:focus{

}
option.formularfeld{
	line-height:19px;
}
.radioButton, .checkBox{
	margin:3px 3px 2px 0;
	float:left;
	border:none;
}
.formularfeld.selectField, .attachement{
	width:200px;
}
.formButton{
	border:1px solid #ccc;
	background:#fff;
	padding:2px 15px;
	min-width:70px;
}

/*======================================================*/
			/*specials*/
/*======================================================*/

#popup{
	position:fixed;
	top:100px;
	right: 50px;
	background: #2F4D6B;
	width: 400px;
	padding: 20px 40px;
	box-sizing: border-box;
	z-index: 10;
    box-shadow: 0 0 8px 2px rgba(0,0,0,.4);
    border-radius: 3px;
    color:#fff;
    display: none;
}

/*======================================================*/
			/*category list view*/
/*======================================================*/

#catListWrap .catListElement{
	border-radius: 2px;
	box-shadow: 1px 1px 6px 0px rgba(0,0,0,.3);
	border:1px solid #ccc;
	height: 100%;
}
#catListWrap .catListElement a{
	display: flex;
	flex-direction: column;
	height: 100%;
}
#catListWrap .catListElement .catListImg {
	width: 100%;
	height: 150px;
	background:url(images/ajax-loader.png) no-repeat center;
	background-size: 50px;
	background-color:#fff;
}
#catListWrap .catListElement .catListImg img {
	width: 100%;
	height: 150px;
}
#catListWrap .catListElement .catListName {
	/*margin-top: 5px;*/
	color:#333;
	font-weight:normal;
	text-overflow:ellipsis;
	overflow:hidden;
	background: #eee;
	text-align: center;
	padding: 6px 5px;
	border-top:1px solid #ccc;
	border-radius: 0 0 2px 2px;
	font-size: 13px;
	font-weight: 600;
	flex-grow: 1;
}
.section-cat{
	display: flex;
	flex-wrap: wrap;
}

 
/*======================================================*/
			/*Product list view*/
/*======================================================*/

img.webProdListImg{
	display: block;
	width: 50px;
	padding: 45px 0;
	margin:0 auto;
	/* transform: translateY(50%); */
}
.prodImage{
	background-color: #eee;
}
.prodImage .img{
	height: 0;
	padding-top: 45%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;  
}
.productRow{
	/*font-size: 0;*/
	display: flex;
	flex-wrap: wrap;
}
.productRow > .column{
	float: none;
	/*display: inline-block;*/
}


#searchWrap .optionWrap {
	overflow: hidden;
    overflow-x: hidden;
    max-height: 250px;
     overflow-y: scroll;
  	scrollbar-width: thin;
}


#searchWrap .optionWrap::-webkit-scrollbar{
        height: 5px;
        width: 8px;
        background-color:#d5dfeb;

    }

    #searchWrap .optionWrap::-webkit-scrollbar-thumb:vertical{
    	background-color:#3f5f7e;
    }
    #searchWrap .optionWrap::-webkit-scrollbar-thumb:horizontal{

        border-radius: 1px;
    }

/*#searchWrap .optionWrap:hover {

}*/

/*======================================================*/
			/*Product List Filter*/
/*======================================================*/

#filterRow .column{
	padding-bottom: 10px;
}
.filterSelect{
	border:1px solid #ccc;
	border-radius: 3px;
	background: #eee;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
}
.filterSelect:hover{
	background:#e6e6e6;
	border-color:#c4c4c4;
}
.filterName{
	padding: 5px;
	width: 100%;
	padding-left: 10%;
	margin:auto;	
}
.filterName span {
	float:right;
	margin-right: 30px;
	color: #909090;
}
.filter div label {
	display: inline-block;
	width: 50px;
}
.filter select.filter-option-min,
.filter select.filter-option-max {
    width: 65px;
    float: right;
}
.filterWrap{
	display: none;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	position: absolute;
	top: 30px;
	left: -1px;
	width: 100%;
	padding-bottom: 15px;
	box-sizing: content-box;
	border-radius: 0 0 3px 3px;
	border-color: #999;
	z-index: 5;
}
.filterWrap .btn{
	width: 80%;
	margin: auto;
	display: block;
}
.filterName:after{
	content: '\f078';
	font-size: 11px;
	position: absolute;
	right: 10%;
	top: 10px;
}
.filterSelect.open{
	background:#fff;
	border-color: #999;
}
.open .filterName:after{
	content: '\f077';
}
.filterWrap .filter{
	width: 80%;
	margin: 10px auto;
}
/*sortRow*/
#sortRow{
	/*float: left;*/
	width: 100%;
}
#sortRow .column{
	padding-bottom: 0
}
#sortRow .filterSelect{
	font-family: "Open Sans",sans-serif;
	padding: 5px 10px;
	font-weight: 600;
	font-size: 13px;
	width: 100%;
	background: none;
	border-color:#999;
	line-height: 22px;
}
.sortLabel{
	padding: 5px 0;
}
.notFoundWrap{
	clear: both;
	padding-top: 25px;
	border-top:1px solid #ccc;
	margin-top: 55px;
}
/*pagination*/
.pag-arrow{
	border: 1px solid #999;
	height: 32px;
	line-height: 30px;
	width: 32px;
	text-align: center;
	font-size: 16px;
	border-radius: 3px;
}
.pag-arrow-left .fa{
	transform: translateX(1px);
}
.pag-arrow-right .fa{
	transform: translateX(-2px);
}

/*======================================================*/
			/* Shop Navigation Order Process */
/*======================================================*/
#shopNav{
	/*display: none;*/
}
#rootNav .shop ul.lvl-2{
	display: none;
}
#shopNav{
	margin:0 0 0 0;
}
#shopNav ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#shopNav ul li{
	padding: 0;
	font-size: 14px;
}
#shopNav ul li:before{
	display: none;
}
#shopNav ul li a{
	display: block;
	font-size: 14px;
}
#shopNav ul li:before{
	display: none;
}

#shopNav ul li.active a{
	background:#3f5f7e;
}

#shopNav{
	background: #f9f9f9;
}
#shopNav ul{
	display: flex;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#shopNav ul li{
	padding: 5px 10px;
}
#shopNav ul li,
#shopNav ul li a{
	color: #3f5f7e;
	font-weight: 600;
}
#shopNav ul li a{
	color:  #3f5f7e;
	text-decoration: none !important;
}
#shopNav ul li.active{
	color:  #fff;
	background: #3f5f7e;
}

#content h1.page-header-title{
	font-size: 18px;
	font-weight: 400;
	color: #000;
}
#content h2.likeh1{
	font-weight: 300;
}

.addressTypeLine{
	font-weight: 600;
}

/*======================================================*/
			/* Product List in Cart */
/*======================================================*/

#collectionWrap .column{
	padding-bottom: 10px;
}
.cartHead{
	display: none;
}
.cart.productContent{
	display: block;
}
.prodListItem .noDesktop {
    display: inline-block;
    padding-right: 10px;
    width: 35%;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
}
.prodImgWrap{
	height: 0;
	padding-top: 30%;
	background-size: cover;
}
.prodDynProperties label, .prodDynProperties div{
	display: inline-block;
	padding-right: 5px;
}
.prodDynProperties label:after{
	content:':';
}
.prodDynProperties div:after{
	content:'/';
	margin:0 5px;
}

.prodQuantField{
	width: 50%;
	display: inline-block;
	padding: 5px;
	border-radius: 3px;
	box-sizing: border-box;
	border:1px solid #999;
}
.cartBtnWrap{
	padding-bottom: 15px;
}
.prodRemove{
	height: 25px;
    width: 25px;
    line-height: 24px;
    text-align: center;
    background: none;
    border-radius: 50%;
    color: #2f4d6b;
    cursor: pointer;
    float: right;
}
.prodRemove:hover{
	background-color: #ccc;
	color:#000;
}

/*stock*/
.stockStatus{
	padding: 5px 0;
}
.prodStockWrap{
	padding-top: 3px;
}
.stockIcons{
	height:8px;
	width:8px;
	border-radius: 50%;
	float:left;
	margin:3px 7px 0 0;
	position:relative;
}
.prodStockWrap[status='onStock'] 					{	color: #000;			} 
.prodStockWrap[status='onStock'] .stockIcons		{	background: #98B817;	}
.prodStockWrap[status='lessOnStock']				{	color: #000;			} 
.prodStockWrap[status='lessOnStock'] .stockIcons	{	background: #FC0;		}
.prodStockWrap[status='notOnStock']					{	color: #000;			} 
.prodStockWrap[status='notOnStock'] .stockIcons 	{	background: #C90C10;	}



.prodImg{
	height:130px;
	background-size:contain;
	background-repeat: no-repeat;
	background-color:#fff;
	border:1px solid #ccc;
	background-position:center;
}
.prodInfoWrap{
	width:27%; /*28%*/
	float:left;
	padding:15px 0 0 15px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/*#collectionWrap .prodStockWrap{
	width:14%;
}
#collectionWrap .prodListItem .prodStockWrap{
	width:auto;
}
.prodStockWrap{	
	float:left;
	padding:0px 0 0 0;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position: relative;
}
.cart .prodStockWrap, .cart .cartSinglePrice, .cart .cartSingleDiscount{
	margin-top:14px;
	padding-top: 0;
}
.prodQuantWrap{
	width:8%;
	float:left;
	padding:13px 15px 0 0px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.prodQuantField{
	padding:3px 4px;
	border:1px solid #ddd;
	border-radius:3px;
}
.prodPrice{
	width:12%;
	float:left;
	padding:15px 0 0 0;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.prodRemove{
	width:1%;
	float:left;
	padding:15px 0 0 0;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.prodRemove img{
	cursor:pointer;
}
.cartHead{
	background:#D8D8D8;
	padding:5px 15px;
}
.cartHead div{
	float:left;
}
.cartArticleHead{
	width:47%;
}
.cartQuantHead{
	width:8%;
}
.cartSinglePriceHead, .cartSinglePrice, .cartSingleDiscountHead, .cartSingleDiscount, .cartSingleNettoHead{
	float:left;
	width:10%;
}

.cartSingleDiscountHead, .cartSingleDiscount {
	width: 12%;
}

.cartPriceHead{
	width:15%;
}
#price{
	width:30%;
	float:right;
}*/
/*cart Items*/
.prodListItem:after, .prodStockWrap:after{
	content:'';
	display:block;
	clear:both;
}

.prodListItem.cart{
	background:none;
	padding:10px;
	margin:15px 0;
	border-bottom: 1px solid #ccc;
}

.priceTable p{
	font-weight:bold;
}

#price .priceTable .totalMWST td,
#priceList .totalMWST td {
	padding-top: 0;
}

.priceTable .totalMWST p,
#priceList .totalMWST p {
	font-weight: normal;
	font-size: 0.85em;
}

#cartInfoText{
	width:70%;
	float:left;
}

.prodDetailNav {

}
.prodDetailNav .left {
	position: absolute;
	left: 0;
	top: 120px;
}

.prodDetailNav .right {
	position: absolute;
	right: 0;
	top: 110px;
}
.prodDetailNav .right a, .backLink a{
	text-decoration: underline;
}
.backLink.bottom{
	float: right;
	margin:25px 0 45px 0;
}
.noDesktop{
	display:none;
}
#mainContent .cartHead .column{
	padding-bottom: 0;
}

/*======================================================*/
			/*Product table in detail view*/
/*======================================================*/
.productTable{
	/*display: table;*/
	width: 100%;
}
#mainContent .productTable .column{
	padding-bottom: 3px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.productContent .noMobile{
	display: none;
}
.productTable .row{
	align-items: center;
	/*margin:0;*/
	/*width: 100%;*/
}
.productHeader{
	display: none;
}
.productHeader div.value{
	display: none !important;
}
.productContent{
	margin-bottom: 5px;
	background: #eee;
}
form.productContent {
	display:none;
}
/*form.productContent:nth-child(1),
form.productContent:nth-child(2),
form.productContent:nth-child(3),
form.productContent:nth-child(4),
form.productContent:nth-child(5),
form.productContent:nth-child(6),
form.productContent:nth-child(7),
form.productContent:nth-child(8),
form.productContent:nth-child(9),
form.productContent:nth-child(10){
	display:block;
}*/
.productHeader .column{
	white-space:nowrap;
}
.productTable .column{
	/*float: none;*/
}
.productContent label{
	width: 35%;
	display: inline-block;
	font-weight: 600;
	font-size: 12px;
}
.productContent .value{
	/*width: 50%;*/
	display: inline-block;
	white-space: nowrap;
	font-size: 12px;
}
.productContent .value .fa{
	line-height: 20px;
}
.productContent .quantityInput, .productQuantChanger .quantityInput{
	width: 50%;
	padding: 0 0 0 5px;
	border-radius: 3px;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 25px;
	background: #dddddd;
	text-align: center;
}

.productQuantChanger .quantityInput {
	background:transparent;
	width: 100%;
}


.whishList{
	text-align: center;
	color: #2f4d6b;
	cursor:pointer;
	font-size: 18px;
	line-height: 26px;
}
.whishList[prodisonwhishlist="0"]:after{
	content:"\f005"
}
.whishList[prodisonwhishlist="1"]:after{
	content:"\f006"
}

/*detail galerie*/
#wrapper #galThumbs{
	margin:0 -5px;
}
#wrapper #galThumbs li{
	padding: 0 5px;
	width: 33.333%;
	float: left;
	margin-bottom: 10px;
	box-sizing: border-box;
}
#wrapper #galThumbs li:before{
	display: none;
	content:none;
}
#galThumbs .thumbImg{
	height: 0;
	padding-bottom: 100%;
	width: 100%;
	border:1px solid #ccc;
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}
.zoomImgWrap{
	width: 100%;
	float:none;
	margin-bottom: 10px;
	position:relative;
	border:1px solid #ccc;
	line-height: 0;
}
.prodGalWrap{
	width: 100%;
	max-width: 400px;
}

/*productDescription*/
.productDescription h2{
	font-size: 22px;
	font-weight: 800;
	padding-bottom: 15px;
}

/*productOpions*/
.productOpions, .dataFiles{
	margin-top: 45px;
	border-top: 1px solid #ccc;
	padding-top: 25px;
}
.optionGrid{
/*	margin: 15px -5px;*/
	margin: 15px -5px 0px -5px;
	width: 80%;
}
.optionField{
	padding: 5px;
	float: left;
	width: 33.33333%;
}
.optionImage{
	width: 100%;
	height: 0;
	padding-top: 100%;
	background-color: #2F4D6B;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#mainContent .productOpions .column{
	padding-bottom: 0;
}

/*data files*/
.prodDataFileText{
	display: inline-block;
}
.dataFiles .data-icon{
	background: url(images/data-view.png);
	background-repeat: no-repeat;
	background-size:25px;
	height: 25px;
	width: 25px;
	display: inline-block;
	margin-right: 10px;
	transform:translateY(3px);
}
.dataFiles .data-icon-download{
	background-image: url(images/data-download.png);
}

.dataFiles{
	margin-bottom: 35px;
	padding-left: 25px;
	position: relative;
}
.dataFiles a, .dataFiles .fas{
	line-height: 25px;
}
.dataFiles .fas{
	position: absolute;
	left: -7px;
	top: 0px;

}
@media (min-width:768px) {


		
	/*Galerie*/
	#wrapper #galThumbs{
		float: none;
		/*padding-right:10px;*/
		/*margin:0;*/
	}
	#wrapper #galThumbs li{
		/*padding: 0;*/
		width: 33.333%;
		margin-bottom: 10px;
		/*border:1px solid #ccc;*/
		float: left;
		clear: none;
	}
	#galThumbs .thumbImg{
		height: 0;
		padding-bottom: 100%;
		width: 100%;
		/*border:none;*/
	}
	#galThumbs .thumbImg img{
		vertical-align: middle;
	}
	.zoomImgWrap{
		width: 100%;
		float:none;
		position:relative;
		border:1px solid #ccc;
		/*line-height: 0;*/
		/*height: 280px;*/
	}
	.zoomImgWrap img{
		position: relative;
		/*top: 50%;
		transform: translateY(-50%);*/
	}
}
@media (max-width:992px) {
	.zoomContainer{
		display: none !important;
	}
	.zoomWindow{
		display: none !important;
	}
}
@media (min-width:992px) {
	/*cart*/
	#collectionWrap .column{
		padding-bottom: 0;
	}
	.cartHead{
		display: block;
		padding: 5px 10px;
		background: #2f4d6b;
		color:#fff;
	}
	.prodListItem .noDesktop{
		display: none;
	}
	.prodQuantField{
		width: 100%;
	}
	#price{
		width: 45%;
		float: right;
		padding-bottom: 25px;
	}


	#sortRow{
		/*width: 60%;
		padding-right: 20px;*/
	}
	.productTable .row{
		display: flex;
	}
	.productTable .column{
		display: flex;
		flex-direction: column;
	}
	.productContent .quantityInput, .productQuantChanger .quantityInput{
		width: 100%;
		border: none;
	}

	.productContent .btn .noMobile{
		font-size: 12px;
	}
	.productContent:after{
		display: none;
	}
	.productTable .row{
		/*margin:0;*/
		/*margin-right: -10px;
		margin-left: -10px;*/
		/*width: 100%;*/
	}
	.productHeader{
		background: #3f5f7e;
		color:#fff;
		padding: 4px 0;
	}
	.productHeader .row{
		display: flex;
		flex-wrap: wrap;

	}
	.productBody .row{
		display: flex;
		flex-wrap: wrap;
	}
	.lazyLoad .productContent{
		display: none;
		flex-wrap:wrap;
	}
	.productTable .column{
	}
	.attrUnit{
		font-size: 12px;
	}
	
	.productContent{
		display: block;
	}
	.productHeader .column{
		white-space:nowrap;
	}
	.productTable .column{
		float: none;
		/*display: table-cell;*/
		/*padding: 2px 10px !important;*/
		vertical-align: middle;
	}
	.prodRow .prodElem{
		padding: 5px 10px;
		margin-bottom: 5px;
	}
	.productContent:nth-child(even){
		background: #fff;
	}
	/*galerie*/
	
	#wrapper #galThumbs{
		float: none;
	}
	#wrapper #galThumbs li{
		width: 33.333%;
		margin-bottom: 10px;
		float: left;
		clear: none;
	}
	#galThumbs .thumbImg{
		height: 0;
		padding-bottom: 100%;
		width: 100%;
	}
	#galThumbs .thumbImg img{
		vertical-align: middle;
	}
	.zoomImgWrap{
		width: 100%;
		float:none;
		position:relative;
		border:1px solid #ccc;
	}
	.zoomImgWrap img{
		position: relative;
		max-width: 100%;
		max-height: 100%;
		width: auto;
	}
	.prodGalWrap{
		width: 450px;
		max-width: 100%;
	}
	.zoomWindow{
		top: -1px !important;
	    height: 355px !important;
	    width: 368px !important;
	    left: 460px !important;
	    
	}
	.productContent .quantityInput{
		width: 100%;
	}
	.productContent .noMobile{
		display: inline;
	}
	.productContent .btn{
		min-width: 160px;
		width: auto;
		height: auto;
		line-height: inherit;
		border-radius: 3px;
	}
	.productContent .btn.addProductToBasket.new {
		min-width: 60px;
	}
	.productContent .btn.addProductToBasketLogin.new {
		min-width: 60px;
	}
}
@media (min-width:1200px) {
	#sortRow{
		/*width: 50%;*/
	}
	.col-lg-filter{
		width: 20%;
	}
	#wrapper #galThumbs li{
	}
	.lazyLoad .productContent{
		margin-bottom: 5px;
	}
	.productContent label{
		display: none;
	}
	.prodGalWrap{
		width: 580px;
	}
	.productHeader{
		display: block;
	}
	#mainContent .productTable .productHeader .column{
		padding-bottom: 0;
	}
	.zoomWindow{
		top: -1px !important;
	    height: 458px !important;
	    width: 500px !important;
	    /*left: 590px !important;*/
	    
	}
}






.productTable .prodElem.highlighted {
	border: 1px solid #3f5f7e;
}














/*=====================modulStyles====================*/
	.searchRow:after, .cartHead:after{
		clear:both;
		display:table;
		content:"";
	}
	#mp_content .pe_wrap h1, .title, #prodListWrap .seWrap h1{  /*#mp_content .seWrap h1*/
		color:#004c93;
		font-size: 26px;
		font-weight: 400;
		padding:0 0 35px 0;
		text-transform: none;
	}
/*=======================productsearch==================*/
	.deliveryinfo {
		padding-top:20px;
	}


/*=======================productsearch==================*/
	

	#prodListWrap .section.shop.ckArea h1 {
		margin-top: 15px;
	}


	.searchSelect option.filterInactive {
		font-style: italic;
		color:red;
		display:none;
	}

	.completeFilterInactive {
		font-style: italic;
		color:#ccc;
		-moz-user-select: none; 
		-webkit-user-select: none; 
		-ms-user-select:none; 
		user-select:none;
		-o-user-select:none;
	}
	.qSearchResultWrap{
		position: relative;
		border-bottom: 1px solid #ccc;
	}
	.paginationCounter {
		display:inline-block;
		margin:5px 0 0 0;
	}
	.pagNmbrs ul{
		padding:0;
		margin:5px 0 0 0;
		font-size: 11px;
	}

	.searchInfo {
		 bottom: 3px;
	    display: none;
	    font-size: 12px;
	    font-style: italic;
	    position: absolute;

	}



	#prodListWrap .section.shop.ckArea h1 {
		margin-top: 15px;
	}


	.searchSelect option.filterInactive {
		font-style: italic;
		color:red;
		display:none;
	}

	.completeFilterInactive {
		font-style: italic;
		color:#ccc;
		-moz-user-select: none; 
		-webkit-user-select: none; 
		-ms-user-select:none; 
		user-select:none;
		-o-user-select:none;
	}


	.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
	.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
	.autocomplete-selected { background: #F0F0F0; }
	.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
	.autocomplete-group { padding: 2px 5px; }
	.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/*=======================category Top List==================*/
	.catListElem{
		min-height: 30px;
		margin-bottom:25px; 
	}
	.catListElem .title{
		font-size: 14px;
		font-weight: bold;
		color:#555;
		margin-bottom: 6px;
	}
/*=======================category Sub List==================*/
	/*transitions*/
	.catSubListElem .title,.catSubListElem:hover .title,.catSubListElem .image,.catSubListElem:hover .image{
		-webkit-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		-o-transition: all 200ms linear;
		transition: all 200ms linear;
	}
	.catSubListElem{
		min-height: 30px;
		margin-bottom:35px; 
	}
	.catSubListElem .title{
		font-size: 12px;
		line-height: 15px;
		font-weight: bold;
		color:#000;
	}
	.catSubListElem .title .description{
		font-weight: normal;
	}
	.catSubListElem .quant{
		font-weight: normal;
	}
	.catSubListElem .image{
		border:1px solid #e8e8e8;
		margin-bottom: 6px;
		line-height: 0;
	}
	.catSubListElem:hover .image{
		border:1px solid #004C92;
	}
	.catSubListElem:hover .title{
		color:#004C92;
	}

	.recommendElem .title{
		font-size:13px;
		font-weight:600;
		color:#333;
	}
	a.backToShopLink{
		float: right;
	    padding-right: 15px;
	    background: #999;
	    display: inline-block;
	    height: 29px;
	    line-height: 29px;
	    text-align: center;
	    padding-left: 15px;
	    color: #fff !important;
	    margin-right: 30px;
	}
/*=======================product detail==================*/
	#productDetail .iconLink a{
		display:block;
		padding-left: 30px;
		font-weight: bold;
		color:#004C92;
	}

	#delAddressWrap h4, #paymentWrap h4{
	  color: black;
	  font-size: 13px;
	  line-height: 21px;
	  font-weight:bold;
	}
	input[type="radio"]{
		position:relative;
		top:2px;
		margin-right:8px;
	}

	.hideAddProd {
		display: none;
	}
/*=======================product detail==================*/

	#content .openShopLogin{
		color:#fff;
		background:url(../../../application/design_20140918_0941/login.png)  no-repeat 8px 8px  #004C92;
		background-size: 18px 14px;
		display:inline-block;
		padding:4px 20px 4px 35px;
		font-weight: normal;
	}
	.prodDetailItem .iconLink a{
		display:block;
		/*font-weight: bold;*/ /* removed bro 190120*/
		color:#004C92;
		padding:6px 0 6px 30px;
	}
	.prodDetailItem .row{
		padding: 8px 0;
	}
	.value .confSelect.row{
		padding:0 0 5px 0;
	}
	.prodDetailItem hr{
		margin: 40px 0;
	}
	.prodDetailItem .price{
		font-weight:bold;
	}
	.prodDetailLabel{
		font-size: 13px;
		line-height: 20px;
		font-weight: bold;
		color:#333;
	}
	.prodFormWrap{
		/*padding:0 0 0 10px;*/
	}
	.prodFormWrap ul, .prodListItemDescription ul{
		margin:0;
		padding:0 0 0 10px;
		list-style-type:none;
	}
	.prodFormWrap ul li, .prodListItemDescription ul li{
		display:block;
		position:relative;
	}
	.prodFormWrap ul li:before, .prodListItemDescription ul li:before{
		content:'\203A';
		position:absolute;
		top:0;
		left:-10px;
	}
	.f_prodOption_select{
		width:100%;
		height:25px;
		box-sizing:border-box;
		border-radius: 0;
		padding:2px 5px;
		border:1px solid #ccc;
	}
	.f_prodOption_select option{
		padding:2px 5px;
	}

	.prodDetailItem .addToCart{
		width:214px;
	}
	

	/*.onStock .stockIcons{
		background: #98B817;
	}
	.lessOnStock .stockIcons{
		background: #E36805;
	}

	.notOnStock .stockIcons{
		background: #C90C10;
	}
	*/

	.prodVariantWrap{
		/*margin:0 -10px;*/
	}
	.prodDetailItem .prodVariantWrap{
		margin:0;
	}

	#productForm{
		margin:0;
	}
	#productForm input{
		border-radius: 0;
	}
	#productForm select{
		border-radius: 0;
		width:100%;
		height: 23px;
	}
	#productForm .quantity, .productQuantChanger .quantity{
		width:40px;
		float:left;
		margin: 0 15px 0 0;
		height:23px;
		padding:0 2px;
		border:1px solid #ccc;
	}
	/*.productQuantChanger .quantity{
		border:1px solid transparent;
	}
	.productQuantChanger .quantity:hover{
		border:1px solid #ccc;
	}*/


	.productQuantChanger.new .quantity{
		width:100%;
		padding-left:10px;
		text-align:center;
		height:auto;
		font-size:14px;
		font-family: 'Open Sans', sans-serif;
		    color: #3f5f7e;
		
	}
	.prodFormWrap .pdf{
		display:block;
		background:url(images/pdficon.gif) no-repeat 0 0;
		padding-left:35px;
		color:#323232;
	}
	.addToCart{
		background:url(images/warenkorb.png) no-repeat 7px 4px #98B817;
		background-size:16px 14px;
		background-position: 20% center;
		border:1px solid #98B817;
		height:25px;
		color:#fff;
		padding: 0 15px 0 35px;
		cursor: pointer;
	}
	.addToCart.locked{
		border:1px solid #aaa;
		background-color:#aaa;
		display:none;
	}
	#orderDetails .addToCart{
		background-position: center;
	}
	.pe_wrap ul{
		margin:0;
		padding:0;
		list-style-type: none;
	}
	.pe_wrap ul li{
		padding-left: 12px;
	}
	.iconLink.productVideo{
		background:url(images/videoIcon.png) no-repeat 0 4px;
		background-size:21px 20px;
	}
	.iconLink.productWhislist{
		background:url(images/starBlue.png) no-repeat 0 5px;
		background-size:21px 20px;
	}
	.iconLink.productRecommend{
		background:url(images/recommendIcon.png) no-repeat 0 4px;
		background-size:21px 20px;
		margin-top:15px;
	}
	.prodSelectAlert{
		border:2px solid #004C93;
		padding:15px;
		position:absolute;
		top:-110px;
		background:#fff;
	}
	/*add Product Message*/
	
	#dimmer .prodSelectAlert.addProdMsg{
		left:50%;
		top:50%;
		margin:-90px 0 0 -200px;
		min-height:180px;
		width:400px;
		padding:0;
		z-index: 60;
		border:none;
		border-radius:3px;
		box-shadow:0 0 8px -1px rgba(0,0,0,.4);
	}
	#dimmer .prodSelectAlert.addProdMsg .msgTitle{
		background:#455E76;
		padding:10px 35px;
		margin-bottom:15px;
	}
	#dimmer .prodSelectAlert.addProdMsg .msgTitle h2{
		color:#fff;
		padding:0;
		letter-spacing: 0;
	}
	#dimmer .prodSelectAlert.addProdMsg .msgBody{
		padding:15px 35px;
	}
	#dimmer .prodSelectAlert.addProdMsg .msgBody:after{
		content:'';
		display:block;
		clear:both;
	}
	#dimmer .prodSelectAlert.addProdMsg .msgBody .fa{
		float: left;
		margin:4px 8px 0 0;
	}
	#dimmer .prodSelectAlert.addProdMsg .msgBtnRow{
		padding:15px 35px;
	}
	#dimmer .prodSelectAlert.addProdMsg .continueShopping{
		display:inline-block;
		height:30px;
		line-height: 30px;
		padding:0 20px;
		background:#ccc;
		margin-right:8px;
		cursor:pointer;
	}
	#dimmer .prodSelectAlert.addProdMsg .toCart{
		display:inline-block;
		height:30px;
		line-height: 30px;
		padding:0 20px;
		background:#004C93;
		color:#fff;
		cursor:pointer;
	}
	#dimmer .prodSelectAlert.addProdMsg .popUpClose{
		position: absolute;
	    cursor: pointer;
	    width: 25px;
	    height: 25px;
	    -webkit-appearance: none;
	    top:10px;
	    right:10px;
	}

	#dimmer .prodSelectAlert.addProdMsg .popUpClose:before, #dimmer .prodSelectAlert.addProdMsg .popUpClose:after{
		content: '';
	    display: block;
	    height: 1px;
	    width: 25px;
	    position: absolute;
	    top: 10px;
	    left: 0;
	    background: #fff;
	    -moz-transform: rotate(45deg);
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	#dimmer .prodSelectAlert.addProdMsg .popUpClose:after{
		-moz-transform: rotate(-45deg);
	    -webkit-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}


	/*recommend*/
	#recommendProducts{
		width:100%;
		overflow:hidden;
		background:#eee;
		padding:10px 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.recommendTitle{
		font-weight: bold;
		color:#004C92;
		padding:0 0 10px 10px;
	}
	.recommendElem{

	}
	.recommendElem .image{
		line-height: 0;
		padding-bottom: 10px;
	}
	.recommendElem .image img{
		border:1px solid #ccc;
	}
/*========== product gallery========*/
	#gal1 img{ opacity:.4;
	 transition:all 300ms linear;
	 }
	 #gal1{
		 position:relative;
		 padding:10px 0;
		 margin-top:10px;
		}
		#gal1>a{
			transition:all 300ms linear;
		}
		#gal1:hover>a{
			opacity:1;
			transition:all 300ms linear;
		}
	.active img{ opacity:1 !important;transition:all 300ms linear;}
	.caroufredsel_wrapper{
		margin:0 !important;
		width:100% !important;
		/*height:82px !important;*/
	}
	.thumbImg{
		height:50px;
		width:50px;
		background-size:cover;
		background-position:center center;
		position:relative;
	}
	#thumbWrap{
		padding:0;
		position:relative;
	}
	#thumbWrap:after{
		display:block;
		content:'';
		clear:both;
	}
		
	.clearfix {
		float: none;
		clear: both;
	}
	
	
	

/*============breakpoind 1000px=================*/
@media all and (max-width:1024px){
	

	.prodDetailItem .addToCart{
		width:200px;
	}
	
}
/*============breakpoind 700px=================*/
@media all and (max-width:724px){
#productForm .quantity{
	width:10%;
	float:left;
	margin: 0 1% 0 0;
	height:30px;
	padding:0 2px;
	border:1px solid #ccc;
	box-sizing:border-box;
}

#productForm .addToCart{
	/*background:#98B817;*/
	border:1px solid #98B817;
	background-position: 24% center;
	width:89%;
	height:30px;
	color:#fff;
	padding: 0 25px 0 35px;
	cursor: pointer;
}
.prodDetailLabel{
	padding-bottom:3px;
}

}
/*======================product search===================*/

.searchResultWrap #prodListWrap{
	margin:0 -10px;
	width: 70%;
	float:left;
}
.searchResultWrap #prodListWrap:after{
	content:'';
	display:block;
	clear:both;
}
.searchRow{
	width:100%;
	margin-bottom: 4px;
}
.inlineSearch{
	margin:0 -5px;
}

.inlineSearch .searchRow{
	float:left;
	width:25%;
	padding:0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.box{
	background:#efefef;
	margin-bottom:25px;
}
.box .noProd .boxImg{
	padding:20px 10px 10px 10px;
	float:left;
}
.box .noProd .boxTitle{
	padding:20px 10px 10px 0;
	font-weight:bold;
	font-size:15px;
}
.box .noProd .boxText{
	clear:both;
	padding:10px 10px 20px 10px;
}
.box .questions .boxTitle{
	padding:20px 10px 10px 10px;
	font-weight:bold;
	font-size:15px;
}
.box .questions .boxText{
	padding:10px 10px 20px 10px
}
.inlineSearch .searchRow .searchSubmit{
	margin:0;
	float:left;
}
.searchSelect, .searchInput{
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
	padding:2px 4px;
	height:23px;
	line-height: 19px;
	margin:0;
	border:1px solid #ddd;
	-webkit-transition: all 350ms linear;
	-moz-transition: all 350ms linear;
	-ms-transition: all 350ms linear;
	-o-transition: all 350ms linear;
	transition: all 350ms linear;
	outline:none;
}
.searchInput{
	padding-left: 8px;
}
.searchSelect:focus, .searchInput:focus{
	-webkit-transition: all 350ms linear;
	-moz-transition: all 350ms linear;
	-ms-transition: all 350ms linear;
	-o-transition: all 350ms linear;
	transition: all 350ms linear;
	background: #fdfdfd;
	border:1px solid #004C92;
}
.searchSubmit{
	background:#004C92;
	border:none;
	color:#fff;
	margin:15px 0 0 0;
	padding:4px 15px;
	float: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
    border-radius: 0;
}

.searchResultWrap{
	/*margin:0 -10px;*/
}
.searchResultWrap .section.shop{
	width:100%;
	float:none;
	padding:0 10px;
	padding-top:20px;
	box-sizing:border-box;
}
#sideBarShop{
	width:30%;
	float:right;
	padding:0;
	padding-top:40px;
	box-sizing:border-box;
}

/*============breakpoind 700px=================*/
@media all and (max-width:1024px){
.inlineSearch .searchRow{
	width:100%;
	float:none;
}
.searchResultWrap .section.shop{
	width:100%;
	float:none;
}
.searchResultWrap #prodListWrap{
	margin:0;
	float:0;
	width:100%;
}
.searchResultWrap .section.shop{
	
	padding:0;
}
#sideBarShop{
	width:100%;
	float:none;
}

.searchResultWrap{
	display: -webkit-box;
    display: -moz-box;
    display: box;
    
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}
.searchResultWrap #sideBarShop{
	-webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
}
.searchResultWrap #prodListWrap{
	float: none;
	-webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}

#orderDetails .userOrderSum{
 padding-left: 10px;
}
}

/*============breakpoind 700px=================*/
@media all and (max-width:724px){
#prodListWrap .prodImage, #prodListWrap .prodText{
	display:block;
	width:100%;
}
.searchSelect, .searchInput, .searchSubmit{
	height:35px;
	line-height: 30px;
	font-size: 15px;
}
.searchSubmit{
	width:50%;
}

.inlineSearch .searchRow{
	float:none;
	width:100%;
}
.addToCartCol{
	position: absolute;
	right:35px;
}
.removeBtnCol{
	position: absolute;
	top:3px;
	right:0;
	width:35px;
}
}


/*button styles*/

.checkIcon, .alertIcon, .errorIcon{
	float:left;
	width:15px;
	height:15px;
	background:url(images/checkIcon.png) no-repeat 0 0;
	background-size:15px 15px;
	margin: 2px 5px 0 0;
}
.alertIcon{
	background:url(images/alertIcon.png) no-repeat 0 0;
	background-size:15px 15px;
}
.errorIcon{
	background:url(images/errorIcon.png) no-repeat 0 0;
	background-size:15px 15px;
}
.textMsg{
	float:left;
}



.paymentRadio{
	position:relative;
	top:-9px;
}





/*product recommendation */
#overlay {
	display: none;
}

#mp_body #overlay #recommendWrap{
	z-index:350;
	display:none;
	position:fixed;
	background:#fff;
	box-shadow:0 0 8px -1px rgba(0,0,0,.4);
	padding:0;
	border-radius: 3px;
}
#mp_body #overlay .recommendTitel{
	position:relative;
	background:#455E76;
	padding:15px 35px;
	border-radius: 3px 3px 0 0;
}
#mp_body #overlay .recommendTitel h2{
	color:#fff;
	padding-bottom: 0;
	letter-spacing: 0;
}
#mp_body #overlay #recommendWrap #recommendClose{
	position: absolute;
    cursor: pointer;
    width: 25px;
    height: 25px;
    -webkit-appearance: none;
    top:15px;
    right:15px;
}

#mp_body #overlay #recommendWrap #recommendClose:before, #mp_body #overlay #recommendWrap #recommendClose:after{
	content: '';
    display: block;
    height: 1px;
    width: 25px;
    position: absolute;
    top: 10px;
    left: 0;
    background: #fff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#mp_body #overlay #recommendWrap #recommendClose:after{
	-moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#mp_body #overlay .email.required{
	border:1px solid #f00;
}
#mp_body #overlay .recommendContent{
	padding:25px 35px 25px 35px;
}
#mp_body #overlay .formRow label{
	width:200px;
	float:left;
}
#mp_body #overlay .formRow input, .formRow textarea{
	float:left;
	width:200px;
	border:1px solid #BDBDBD;
	height:19px;
	padding:2px 4px;
}


#mp_body #overlay .formRow textarea{
	min-height:140px;
	min-width:420px;
}
#mp_body #overlay .formRow{
	padding:0 0 15px 0;
	margin:0;
}
#mp_body #overlay #submit{
	background:#004C92;
	color:#fff;
	height:25px;
	width:100px;
	border:none;
	float:right;
}

#mp_body #overlay {
	height:100%;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,.4);
	display:none;
	z-index:300;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#mp_body #overlay #recommendBtnWrap{
	margin-top:30px;
	position:relative;
}
#mp_body #overlay #recommendMessage {
	display: none;
}

#mp_body #overlay #recommendMessage{
	/*position:absolute;
	top:65px;
	left:0;
	border:2px solid #009984;
	
	padding:10px 20px 10px 40px;
	background:url(images/ok.gif) no-repeat 10px center #fff;
	color:#004c93;
	font-weight:bold;
	font-size:18px;
	margin-left: 0px;
	margin-right: 0px;
	border-radius:8px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;*/
}


	#catListWrap .section.shop:after, .formBreak:after{
		content:'';
		display:block;
		clear:both;
	}
	#catListWrap .section.shop {
		/*display: -webkit-box;
  		display: -moz-box;
  		display: -ms-flexbox;
  		display: -webkit-flex;
  		display: flex;
  		-webkit-flex-flow: row wrap;
		flex-wrap: wrap;
  		margin-left: -2%;*/
		margin:0 -10px;
		font-size:0;
	}


		



/********** media queries ************/
@media all and (max-width:1024px){
/*#catListWrap .catListElement {
	width:50%;
}
.additionalInfo textarea{
	width:330px;
}
.cartArticleHead{
	width:66%;
}
.cartPriceHead, .prodPrice{
	width:12%;
}
.prodListItem.cart .prodDynProperties{
	width:430px;
}
.cartSinglePriceHead, .cartSinglePrice{
	width:12%;
}
#collectionWrap .prodStockWrap{
	width:18%;
}
.prodRemove{
	position: absolute;
	right:0;
}*/

}
@media all and (max-width:750px){}

/*formulare Inputs etc*/
.formBreak{
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.formBreak input[type=text],
.formBreak input[type=password],
.formBreak select{
	width: 100%;
	box-sizing: border-box;
}
#form_result{
	position: absolute;
	bottom: 30px;
	background: #ccc;
	padding: 10px;
}

@media (min-width:768px) {
.formBreak label{
	width: 35%;
}
.formBreak input[type=text],
.formBreak input[type=password],
.formBreak select{
	width: 64%;
}
.redborder{
	border:1px solid #990000 !important;
}

}
.inlineLoginWrap .formBreak label,
.inlineLoginWrap .formBreak input{
	width: 100%;
}

/*Login Register*/

.regFormLeft, .regFormRight, .loginForm{
	background: #eff2f5;
	padding: 10px;
}



/*MESSAGES*/
#messageWrap{
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 60;
}
#messageWrap .messageTemplate{
	display: none;
}
.message{
	padding: 20px 40px 20px 20px;
	width: 100%;
	background: #2f4d6b;
	color:#fff;
	border-radius: 4px;
	box-shadow: 2px 2px 4px -2px rgba(0,0,0,.4);
	margin-bottom: 4px;
	position: relative;
	box-sizing: border-box;
}
.message .close{
	position: absolute;
    right: 10px;
    height: 25px;
    top: 20px;
    width: 25px;
    text-align: center;
    line-height: 25px;
    background: rgba(255,255,255,.2);
    border-radius: 50%;
    cursor: pointer;
}
.message.error{
	background: #990000;
}

/*loading btn*/

#basketLinkWrap{
    position:relative;
    transition:all 0.2s linear;
}

#basketLinkWrap[disabled]{
  background: #3c7d57;
  color: #ffffff3b;
  cursor: default;
}
#basketLinkWrap:after{
    content:'';
    display:block;
    position:absolute;
    opacity:0;
    width:10px;
    height:10px;
    border:2px solid rgba(0,0,0,0.2);
    border-right-color:#2f4d6b;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    left:5px;
    top:8px;
    
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: .5s;

    -moz-transition-property: -moz-transform;
    -moz-transition-duration: .5s;
    
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: .5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: rotate; 
    -moz-animation-duration: .5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    transition:all 0.2s linear;
    -webkit-transform:scale(1);
    transform:scale(1.2);
}
#basketLinkWrap.loading:after {
    opacity:1 !important;
    left:5px;
    padding-left: 20px;
}
#basketLinkWrap.loading{
	background: #ccc !important;
}

@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}


div.newAddressHint {
	border: 1px solid black;
	padding: 20px;
	margin-bottom:15px;
}






/*SOLR*/

.listItem{
    margin-bottom: 10px;
    /*border: 1px solid #2f4d6b;*/
}
.listImage{
    height: 0;
    padding-top: 45%;
/*    background: url(http://siteus5.mpstaging.ch/domains/prealpina-suisse_ch/data/galleries/jGal_6213/testsieger.jpg);*/
    background-size: cover;
    background-position: center;
    position: relative;
}
.listName{
    padding: 5px 15px;
    font-size: .8em;
}
.locked{
    opacity: .2;
    
}
.locked a{
    cursor: auto;
}


.listImage.prodGroup{
    background-image: url(http://siteus5.mpstaging.ch/domains/prealpina-suisse_ch/appBuilder/syncFiles/docs/prodmgmt/Bild_ohne_Masse_EE_818.jpg);
}

.link{
	cursor: pointer;
}
.listImage .count{
	position: absolute;
	right: 5px;
	top: 5px;
	height: 25px;
	width: 25px;
	color: #2f4d6b;
	font-size: 9px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ddd;
	border-radius: 50%;
}

.count:after{
    content:'';
    display:block;
    position:absolute;
    /*opacity:0;*/
        width: 27px;
    height: 27px;
    border: 3px solid transparent;
    border-right-color: #2f4d6b;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    left:-1px;
    top:-1px;
    
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: .8s;

    -moz-transition-property: -moz-transform;
    -moz-transition-duration: .8s;
    
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: .8s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: rotate; 
    -moz-animation-duration: .8s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    transition:all 0.2s linear;
    -webkit-transform:scale(2);
    transform:scale(2);
    box-sizing: border-box;
}

.count.loaded:after{
	display: none;
}

@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}
.loader{
	position: relative;
	transform: translate(-20px, -10px);
}
.loader .count:after{
	border-color: #2f4d6b;
	border-right-color: #fff;
	/*height: 15px;
	width: 15px;
	border-width: 2px;*/
}
.prodMessage{
	padding: 25px 0;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/**
*	Filter
*/
#search-mask{
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #ccc;
	background: #efefef;
	border-radius: 3px;
}
#search-mask .column{
	padding-bottom: 0;
}
#searchWrap{
	margin-bottom: 30px;
}
#searchWrap:after{
	display: block;
	content: '';
	clear: both;
}
.filterItem{
	padding: 2px 8px;
	background: #f6f6f6;
    border: 1px solid #ddd;
}
.filterLabel{
	font-size: 14px;
}
.bold{
	font-weight: bold;
}
.row{
	display: flex;
	flex-wrap: wrap;
}
.mp_btnRight{
	float: right;
}
.filterItem select{
	width: 100%;
	border-radius: 3px;
	background: #f6f6f6;
	border: 1px solid #c5c5c5;
}
.filter-collapse-button {
    padding: 0;
    height: 1.2em;
    text-align: center;
    line-height: 1.2em !important;
    background: #f6f6f6;
    width: 1.2em ;
    cursor: pointer;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
}
.mp_btn.mp_btnOutline{
	background: #f6f6f6;
    border: 1px solid #7b90a5;
    color: #7b90a5;
    border-radius: 3px;
    padding: 0 15px;
}
.mp_btn.mp_btnOutline:hover{
	background: #eaeaea;
}
.prodElem{
	margin-bottom: 17px;
	background: #f9f9f9;
	padding: 10px;
}
.prodElem.openDetail{
	background: #e2e7ec;
}
.productContent{
	background: none;
}
.prodElem .addProductToBasket{
	width: 100%;
}

.prodElem div.specialOfferIcon {
/*	float:right;*/
	font-size:14px;
	font-weight:normal;
/*	margin-right:10px;*/
    top: -15px;
    right: -25px;
    height: auto;
}

.prodElem div.specialOfferIcon.new {
	top:-4px;
	left:0px;
	position:absolute;
}

@media (max-width: 1024px) {
	.prodElem div.specialOfferIcon.new {
		top:0pxpx;
/*		right:15px;*/
		left:-30px;
		position:absolute;
	}
}

.articleList-text-right {
	text-align:right;
}
.articleList-text-center {
	text-align:center;
}

@media (max-width: 1024px) {
	.articleList-text-right,.articleList-text-center {
		text-align:left;
	}
	
}



.discountColumn {
	max-width:20px;
}



.prodElem div.specialOfferIcon i{
/*	font-weight:200;*/
	    line-height: 27px !important;
}

.prodElem div.specialOfferIcon i.fa-circle{
	color:#F57F00;
}
.prodElem div.specialOfferIcon i.fa-percent{
	color:white;
	font-weight:200;
	font-size:14px;
}

/*.prodElem div.specialOfferIcon.test i.fa {
  display: inline-block;
  border-radius: 40px;

  padding: 2px 7px;
  background-color:#F57F00;
  color:white;

}*/

.filter-collapse-button{
	float: right;
}
@media (min-width: 992px) {
	.productHeader label{
        font-size: 14px;		
	}
	.flyOutRange{
		position: absolute;
		padding: 10px;
		background: #f6f6f6;
    	border: 1px solid #ddd;
    	z-index: 50;
	}
    .productHeaderLabel{
        cursor: pointer;
    }
    .productHeaderLabel:after{
        content: '\f0dc';
        font:normal normal normal 14px/1 'Font Awesome 5 Pro';
        font-weight: 700;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        text-rendering: auto;
        line-height: 1;
        margin-left: 8px;
        opacity: .4;
        transition: all 300ms;
    }
    .productHeaderLabel:hover:after{
        opacity: 1;
    }
    .productHeaderLabel.sorting.asc:after{
        content: '\f0de';
        opacity: 1;
        
    }
    .productHeaderLabel.sorting.desc:after{
        content: '\f0dd';
        opacity: 1;
        
    }
}
.pointer{
	cursor: pointer;
}
.attrUnit{
	/*background: #e6e6e6;*/
	padding: 2px 10px;
	color: #3f5f7e;
	font-size: 12px;
}
.attrUnit .label{
	font-weight: 600;

}
.prodDetail{
	padding: 15px 0;
}




/*shopHeader*/
.row.shopHeader{
	padding: 10px 0;
}
#infoWrap a{
	color: #fff;
	font-size: 16px;
	position: relative;
	padding-left: 30px;
	margin-left: 20px;
}
#infoWrap i{
	position: absolute;
	left: 5px;
	top: 2px;
}
#infoWrap{
	display: flex;
	justify-content: flex-end;
}



.slider .rzslider .rz-pointer{
    height: 16px;
    width: 16px;
    top: -7px;
    outline: none;
	background: #ddd;
}
.slider .rzslider .rz-pointer.rz-active{
    background: #2f4d6a;
}
.slider .rzslider .rz-pointer:after{
	top: 6px;
    left: 6px;
    width: 4px;
    height: 4px;
	background: #2f4d6a;
}
.slider .rzslider .rz-pointer.rz-active:after{
	outline: none;
	background: #fff;
}
.slider .rzslider .rz-bubble{
	font-size: 13px;
	font-weight: bold;
}
.slider .rzslider .rz-selection{
	background: #2f4d6a;
	height: 2px;
}
.slider .rzslider .rz-bar{
	height: 2px;
	background: #ddd;
}


#searchWrap{
	/*background: #f9f9f9;*/
}
#searchWrap .row{
	margin-left: -4px;
	margin-right: -4px;
}
#searchWrap .column{
	padding-left: 4px;
	padding-right: 4px;
}
#searchWrap label{
	font-size: 14px;
	font-weight: bold;
	background: #f9f9f9;
	padding: 0 8px;
	display: block;
}
.slider{
	padding: 0 8px;
}








/*****************	Basket: ***********************/

.basketList{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: 100%;
	color: #555;
	font-size: 14px;
}
.basketList .basketProducts{
	border: 1px solid #e8e8e8;
	border-top: none;
	width: 100%;
}
.basketProductRow{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	min-height: 50px;
	border-top: 1px solid #e8e8e8;
}
.basketProductRow > div{
	display: flex;
	align-items: center;
	min-height: 30px;
}

.productCount{
	width: 50px;
	justify-content: center;
}
.basketList .productInfo{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 25px;
	box-sizing: content-box;
	border-top: 1px solid #e8e8e8;
}
.productInfo > div{
	display: flex;
	height: 100%;
	align-items: center;

}
.basketPriceTotal{
	/*height: 50px;*/
	border: 1px solid #e8e8e8;
	border-top: none;
}
.basketList .productInfo.basketPriceTotal{
	width: auto;
}

.basketPriceTotal .porto {
	margin-top:20px;
	font-style: italic;
	font-size: 0.8em;
}

.productLabel{
	width: 140px;

}
.productLabel a{
	color: #e4032e;
}
.productName{
	flex-grow: 1;
	min-width: 60%;
	width: 1px;
}
.productQuant{
	width: 50%;
	border-top: 1px solid #e8e8e8;
}
.productName, .productNumber, .productQuant{
	padding: 0 25px;
	border-left: 1px solid #e8e8e8;
}
.productNumber{
	width: 50%;
	border-left: none;
	border-top: 1px solid #e8e8e8;
	white-space: nowrap;
}
.productNumber span{
	width: -webkit-fill-available;
    overflow: hidden;
    text-overflow: ellipsis;
}
.productQuantChanger{
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
}
.productQuantChanger.new{
	display:block;
}


.productQuantChanger .reduceQuant,
.productQuantChanger .increaseQuant{
	width: 33.3333%;
	height: 30%;
	display: flex;
	justify-content: center;
/*	align-items: center;*/
	color: #e4032e;
	cursor: pointer;
	transition: all 150ms;
	font-size: 10px;
	padding-top:7px;
}
.productQuantChanger .reduceQuant:hover,
.productQuantChanger .increaseQuant:hover{
	color: #000;
}
.productQuantChanger .reduceQuant:hover,
.productQuantChanger .increaseQuant:hover{
/*	transform: scale(1.4);*/
}
div.productQuantChanger div.reduceQuant.notAllowed {
    visibility:hidden;
}
.productQuantChanger .quant{
	display: flex;
	width: 33.333%;
	justify-content: center;
/*	align-items: center;*/
	height: 100%;
}

.productQuantChanger.new .quant{
	display:block;
	padding: 0 10px;
	width:100%;
	height:auto;
}
.productQuantChanger.new .quantLoader{
	text-align: center;
	margin-top:32px;
	display:none;
}


.overview .productQuantChanger .reduceQuant,
.overview .productQuantChanger .increaseQuant,
.overview .removeItem{
	display: none;
}

.orderProcessNav{
	display: flex;
	flex-wrap: wrap;
	color:  #555;
	margin-bottom: 0;
	justify-content: right;
}
.orderProcessNav table{
	margin-bottom: 0;
}
.orderProcessNav .slogan{
	padding-right: 25px;
}
.proceed{
}
.orderProcessNav .slogan .fal{
	font-size: 35px;
	line-height: 1;
}
.backToShop{
	padding-right: 25px;
	margin-left: auto;
}
#payment-form button{
	margin-top: 10px;
}
#main .mp_btn, #main .mp_btn.disabled, #payment-form button{
	height: 40px;
	padding: 0 25px;
	line-height: 40px;
	background-color: #ccc;
	text-transform: uppercase;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	border-radius: 0;
}
#main .mp_btn-red, #payment-form button{
	background-color: #cd1619;
	color: #fff;
}
#main .mp_btn-dark{
	background-color: #2c3e4b;
	color: #fff;
}
#main .mp_btnSuccess{
	background: #ce181c;
	color: #fff;
	border-radius: 12px;
	border: 1px solid #fff;
	line-height: 50px;
	height: 50px;
	padding: 0 20px;
}
.sbCard{
	background: #f9f9f9;
	padding: 15px 25px;
}
/*form*/
.formElement, .formSelect{
	min-height: 30px;
	line-height: 30px;
	background-color: #fff;
	border: none;
	/*width: 60%;*/
	padding: 0 15px;
}
.sbCard .formRow{
	margin-bottom: 10px;
}
/*.formBreak label{
	line-height: 40px;
	width: 40%;
	margin: 0;
}
.formBreak{
	margin-bottom: 4px;
	display: flex;
	justify-content: center;
}*/
.notValid input, .notValid select{
	border:1px solid #e4032e !important;
}

.removeItem{cursor: pointer;}
.subscribeNLWrap{
	display: flex;
	align-items: center;
}
.subscribeNLWrap input{
	display: none;
}
#subscribeLabel{
	height: 25px;
	width: 25px;
	display: block;
	border: 1px solid #eee;
	margin-right: 20px;
	color:  #efefef;
	line-height: 25px;
	text-align: center;
	font-size: 0px;
	transition: all 250ms;
	cursor: pointer;
}
.subscribeNLWrap input:checked+label#subscribeLabel{
	border-color: #2c3e4b;
	color: #2c3e4b;
	font-size: 14px;
}
@media (min-width: 992px) {
.productName{
	min-width: 0;
}
.productNumber{
	width: 220px;
	border-left: 1px solid #e8e8e8;
}
.productQuant{
	width: 150px;
}
.productQuant, .productNumber{
	border-top: none;
}
.basketList .productInfo{
	width: 250px;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 5px 25px;
	border-left: 1px solid #e8e8e8;
	border-top: none;
	box-sizing: content-box;
}
.basketList .productInfo.basketPriceTotal{
	width: 250px;
}
}


.sbCardFooter{
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.sbCardFooter i{
	line-height: 1.7;
}
.sbCardFooter a{
	color: #9d9d9d;
	text-decoration: none;
}
.sbCardFooter a:hover{
	color: #ce181c;
}
#main .mp_btnRight{
	margin-left: auto;
}

.zoneElement .formRow{
	margin-bottom: 10px;
}
.zoneElement .formRow label{
	display: block;
	width: 100%;
	margin-bottom: 3px;
	font-weight: bold;
}
.zoneElement .formRow input, .zoneElement .formRow select{
	width: 100%;
	display: block;
	border: none;
	border: 1px solid transparent;
}

.zoneElement .formValues .formRow{
	margin-bottom: 0;
}
.zoneElement .formValues .formRow label{
	width: 120px;
	font-weight: normal;
	margin-bottom: 0;
}
.zoneElement .formValues .formRow .value{
	font-weight: bold;
}
.zoneElement .formValues .formRow .column{
	display: flex;
}

form .cke_top, form .cke_bottom{
	background: #f8f8f8;
}
form a.cke_button_on, form a.cke_button, form a.cke_button:hover{
	background: #e0e0e0;
	border: none;
	border-radius: 0;
	height: 25px;
	display: block;
	float: none;
	cursor: pointer;
	box-shadow: none;
}
form a.cke_button:hover{
	background: #becad2;
}
form a.cke_button_on,
form a.cke_button_on:hover{
	background: #9aaab5;
}

form .cke_toolbar_separator{
	height: 25px;
	width: 10px;
	background: none;
	box-shadow: none;
	margin: 0;
}
form .cke_toolgroup{
	display: flex;
	height: 25px;
	background: #f8f8f8;
	border:none;
}

.commentFormWrap{
	position: fixed;top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,.3);
	z-index: 50;
}
.commentFormWrap.hidden{
	display: none;
}

.commentFormWrap form{
	position: relative;
	max-width: 800px;
	width: 100vw;
	background: #fff;
}
.commentFormWrap textarea{
	width: 100%;
	border: none;
	outline: none !important;
	padding: 5px 10px;
}
.formButtons{
	display: flex;
	padding: 5px 15px;
	justify-content: flex-end;
	background: #f8f8f8;

}
#closeComment{
	margin-right: auto;
}
.formButtons div{
	cursor: pointer;
	display: flex;
	align-items: center;
}
.formButtons div .fas{
	margin: 0 5px;
}

.commentEditTitle{
	display: flex;
	padding-bottom: 5px;
	margin-top: 25px;
}
.openCommentEditor{
	cursor: pointer;
}
.commentEditTitle .text{
	padding-right: 15px;
	font-weight: bold;
}
.collectionCommentText{
	padding: 15px;
	border: 1px solid #e8e8e8;
	margin-bottom: 25px;
}
.eidtable{
	cursor: pointer;
}

#f_comment html,
#f_comment body{
	height: 100%;
	margin: 0;
	box-sizing: border-box;
}

.deliveryForm .column{
	display: flex;
	flex-direction: column;
}

.deliveryForm .addressCard{
	flex-grow: 1;
	padding: 8px 15px;
	cursor: pointer;
	margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    background: #f9f9f9;
    transition: all 250ms;
}
.deliveryForm .addressCard:hover{
	background: #e9ecef;
}

.deliveryForm .addressCard.active{
	background: #3f5f7e;
    color: #fff;
}
.newAddress{
	display: flex;
	justify-content: center;
	align-items: center;
}
#newAddress{
	display: none;
}

#messageWrap .message{
	padding-right: 50px;
}
#messageWrap .message.normal{
	background: #2c3e4b;
}

/* AOB - 20230323 - cart*/

.tbl-collection
{
  border-top: 1px solid #dedede;
  color: #3f5f7e;
  font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
}
.tbl-collection .row .col:first-child{
  border-left: 1px solid #dedede;
}

.tbl-collection .row .col.invisible:first-child{
  border-left: none;
}

.tbl-collection .total-container .col,
.tbl-collection .total-container .row{
    border: none !important;
}

.tbl-collection .row .col{
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.tbl-collection .col{
    padding-left: 5px;
    padding-right: 2px;
    display: flex;
/*    align-items: center;*/
    justify-content: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tbl-collection .col.col-artical{
    justify-content: start;
    padding-left: 25px;
}

.tbl-collection .price-bold{
    font-weight: 700;
    color: #555;
}

.tbl-collection .removeItem{
    color: #e4032e;
}

.tbl-collection .col.invisible{
    border: none;
}

.tbl-collection .removeItem{
    position: absolute;
    right: 15px;
}

.total-container .col{
    justify-content: start;
}

.tbl-collection .total-row .col.last{
    border-right: 1px solid #dedede;
}

.total-container .row3{
    font-weight: 700;
}

.total-container > .row{
    padding-left: 15px;
}

.total-container{
    padding-top: 5px;
    padding-bottom: 5px;
}

.total-container .row4 .porto{
    margin-top: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #4d4d4d;
    line-height: 1.7;
    font-weight: 100;
    font-style: italic;
    font-size: 0.8em;
}

.total-container .row4 .col{
    padding-bottom: 0;
    margin-bottom: -5px;
}
.tbl-collection .total-container .vat .col {
	padding-top:0;
	padding-bottom:0;
}

.tbl-collection .total-container .total .col {
	padding-top:15px;
}
.tbl-collection  .total-container .total {
	font-size: 1rem;
}


.tbl-collection .row-header .col.article, .tbl-collection .row-header .col.netto{
    justify-content: start;
}
.tbl-collection .row-header .col{
    color: #555;
    padding-left: 25px;
    padding-right: 25px;
    min-height: 49px;
}

.tbl-collection .artical-l1{
    padding-bottom: 10px;
    font-weight:bold;
}

.tbl-collection .col-price.column-stretch {
	justify-content: stretch;
	padding-left:25px;
}
.tbl-collection .col-price i {
	padding-top:5px;
	font-weight:200;
}

.tbl-collection .col-brutto, .tbl-collection .brutto {
	display:block;
	text-align:center;
}

.tbl-collection .netto {
	display:block;
	text-align:left;
}

.tbl-collection .column-collection .price-small {
	font-size:11px;
}

/*AOB - end 20230323*/


#shop-extended-nav {
	display:none;
}

.nzSliderCustom {
	display:flex;
	justify-content: center;
	align-items: center;
}
.nzSliderCustom input {
	width:100%;
	text-align: center;


	
/*	border-bottom: 1px solid lightgrey;*/
	font-size:12px;

/*	background:transparent;*/
/*	color: lightgrey;*/

	background-color:#d5dfeb;
	color:black;
	padding: 3px 0px;
}

.nzSliderCustom input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:white;
}

/*.nzSliderCustom .minValueCustom input {
	text-align: right;
}
.nzSliderCustom .maxValueCustom input {
	text-align: left;
}*/


/* Chrome, Safari, Edge, Opera */
.nzSliderCustom input::-webkit-outer-spin-button,
.nzSliderCustom input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.nzSliderCustom input[type=number] {
  -moz-appearance: textfield;
}

.nzSliderCustom .minValueCustom {
	text-align:right !important;
	padding-right:0;
}

.nzSliderCustom .maxValueCustom {
	text-align:left !important;
	padding-left:0;
}
.nzSliderCustom .connector {
	text-align:center;
	color: lightgrey;
	padding:0;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: lightgrey;
  opacity: 1; /* Firefox */
}

/****** clientordernumber ******/
#additionalCollectionData input {
	border: 1px solid #e8e8e8 !important;
	height:33px;
	padding-left:15px;
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight:100;
	width:300px;
	color:#4d4d4d;
}


.tooltipster-default {
	background-color: #3f5f7e !important;
	font-size:14px;

}

ul.prodGroupDescList li {
	padding-bottom:3px;
}




.debug-info {
    position: fixed;
    left: 0;
    top: 0;
    background: white;
    z-index: 1000;
}

.debug-info .debug-data{
    height: 100vh;
    overflow-y: auto;
    width: calc(100vw - 15px);
    overflow-y: auto;
}

/* ===== Comparison table ===== */
table.compare {
    width: 100%;
    border-collapse: collapse;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.4;
}

/* Header */
table.compare thead th {
    background: #f3f5f7;
    color: #222;
    font-weight: 900;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid #d6d9dd;
    position: sticky;
    top: 0;
    z-index: 2;
}

/* Property column */
table.compare td.prop {
    background: #fafafa;
    font-weight: 600;
    white-space: nowrap;
    border-right: 2px solid #cfd4da;
    min-width: 260px;
}

/* Cells */
table.compare td {
    padding: 10px 12px;
    vertical-align: top;
    border: 1px solid #e1e4e8;
    word-break: break-word;
}

/* Zebra striping */
table.compare tbody tr:nth-child(even) {
    background: #fcfcfd;
}

/* Highlight rows with differences */
table.compare tr.diff {
    background: #fff4e5 !important;
}

table.compare tr.diff td.prop {
    background: #ffe7c2 !important;
}

/* Rows with same values */
table.compare tr.same {
    background: #f9fafb;
}

/* Improve readability for HTML-heavy fields */
table.compare td br {
    line-height: 1.8;
}

/* Hover effect */
table.compare tbody tr:hover {
    background: #eef5ff;
}

/* Optional: visually separate columns */
table.compare td:not(.prop),
table.compare th:not(:first-child) {
    min-width: 220px;
}

/* Responsive handling */
@media (max-width: 1024px) {
    table.compare {
        font-size: 12px;
    }

    table.compare td.prop {
        min-width: 200px;
    }
}

/* Optional: wrap table */
.compare-wrapper {
    overflow-x: auto;
    border: 1px solid #d6d9dd;
    border-radius: 6px;
}

table.compare thead th.current{
    background: green;
}

table.compare th:nth-child(2),
table.compare td:nth-child(2) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}