/******************************************/
/* buttons */
/******************************************/
/*
.btn-group.btn-group-toggle[data-toggle="buttons"] {
    width:100%;
}
.btn-group.btn-group-toggle[data-toggle="buttons"][data-count="2"] .btn.btn-secondary {
    min-width:50%;
}

.btn-group.btn-group-toggle[data-toggle="buttons"][data-count="3"] .btn.btn-secondary {
    min-width:33.33333%;
}

.btn-group.btn-group-toggle[data-toggle="buttons"][data-count="4"] .btn.btn-secondary {
    min-width:25%;
}
.btn-group.btn-group-toggle[data-toggle="buttons"][data-count="5"] .btn.btn-secondary {
    min-width:20%;
}
.btn-group.btn-group-toggle[data-toggle="buttons"][data-count="6"] .btn.btn-secondary {
    min-width:16.66666666666667%;
}
.btn-group.btn-group-toggle[data-toggle="buttons"][data-count="7"] .btn.btn-secondary {
    min-width:14.28571428571429%;
}
.btn-group.btn-group-toggle[data-toggle="buttons"][data-count="8"] .btn.btn-secondary {
    min-width:12.5%;
}
.btn-group.btn-group-toggle[data-toggle="buttons"][data-count="9"] .btn.btn-secondary {
    min-width:11.11111111111111%;
}
.btn-group.btn-group-toggle[data-toggle="buttons"][data-count="10"] .btn.btn-secondary {
    min-width:10%;
}
.btn-group.btn-group-toggle[data-toggle="buttons"][data-count="11"] .btn.btn-secondary {
    min-width:9.090909090909091%;
}
.btn-group.btn-group-toggle[data-toggle="buttons"][data-count="12"] .btn.btn-secondary {
    min-width:8.333333333333333%;
}
.btn-group.btn-group-toggle[data-toggle="buttons"][data-count="13"] .btn.btn-secondary {
    min-width:7.692307692307692%;
}
.btn-group.btn-group-toggle[data-toggle="buttons"][data-count="14"] .btn.btn-secondary {
    min-width:7.142857142857143%;
}

.btn-group.btn-group-toggle[data-toggle="buttons"] .btn.btn-secondary {
	background-color: black;
	color: white;
    border-radius: 0px;
    margin-left: 0px;
    border: 2px solid black;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
}
.btn-group.btn-group-toggle[data-toggle="buttons"] .btn.btn-secondary.border-radius-right,
.btn-group.btn-group-toggle[data-toggle="buttons"] .btn.btn-secondary:first-child {
    border-radius:10px 0px 0px 10px;
}
.btn-group.btn-group-toggle[data-toggle="buttons"] .btn.btn-secondary.border-radius-left,
.btn-group.btn-group-toggle[data-toggle="buttons"] .btn.btn-secondary:last-child {
    border-radius:0px 10px 10px 0px;
}

.btn-group.btn-group-toggle[data-toggle="buttons"] .btn.btn-secondary.border-radius-left.border-radius-right {
    border-radius:5px;
}

.btn-group.btn-group-toggle[data-toggle="buttons"] .btn.btn-secondary.active {
	background-color: white;
	color: black;
    position: relative;
    box-shadow:none;
    border: 2px solid black;
}
.btn-group.btn-group-toggle[data-toggle="buttons"] .btn.btn-secondary.active::before {
	position: absolute;
	left: -2px;
	right: -1px;
	bottom: -1px;
	top: -2px;
	box-shadow: inset 1px 4px 5px rgba(0,0,0,.3);
	content: '';
}

.btn-group.btn-group-toggle[data-toggle="buttons"] .btn.btn-secondary:hover {
    opacity: 0.8;
}

.btn-group.btn-small.btn-group-toggle[data-toggle="buttons"] {
	max-width: 190px;
	margin-top: 5px;
	margin-left: 10px;
}

.tablebasket .webshopfield .btn-group.btn-small.btn-group-toggle[data-toggle="buttons"] {
	max-width: 100%;
    margin-left: 0px;
}


.btn-group.btn-small.btn-group-toggle[data-toggle="buttons"] .btn {
    padding:4px;
}

*/

.paynow {
	display: inline-block;
	margin: 0px !important;
}

.paynowcheck label {
	padding: 1px 14px !important;
	/*border-radius: 0px !important;*/
}

/***********************************************************************/
/* Catalog */
/***********************************************************************/

.col-webshop-left {
    width: calc(100% - 200px);
}
.col-webshop-right {
    width: 200px;
}

.submitorder.webshoporder {
    width:100%;
}

.delete.fa.fa-trash {
	margin-right: 10px;
}

.submitorder.webshoporder,
.shopptingbasket,
.webshop-catalog-multi .webshopproduct .tobasket, .webshop-external-product,
.webshop-catalog-multi .webshopproduct .addtomultibasket {
    background-color: black;
	color: white;
    border-radius: 10px;
    margin-left: 0px;
    border: 2px solid black;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}
.webshop-catalog-multi .webshopproduct .addtomultibasket {
    margin-left: 10px;    
}

.addtomultibasket .webshop-cart-icon:nth-child(2) {
	margin-left: -20px;
	opacity: 0.50;
}

.addtomultibasket .webshop-cart-icon:nth-child(3) {
	opacity: 0.20;
	margin-left: -20px;
}

.webshop-catalog-multi .webshopproduct .discount {
	text-align: center;
	text-transform: uppercase;
}

.webshop-menu .images,
.webshop-catalog-multi .webshopproduct .images {
	width: 100%;
	padding-bottom: 100%;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    background-color: #DDDDDD;
    position: relative;
    display: none;
}

.webshop-menu .images:first-child,
.webshop-catalog-multi .webshopproduct .images:first-child {
    display: block;
}

.webshop-catalog-multi .webshopproduct {
    padding-top: 80px;
}

.webshop-catalog-multi .webshopproduct:first-child {
    padding-top: 0px;
}

.webshop-item-deleted {
    text-decoration: line-through;
    color: red;
}

.webshop-basket .tablebasket .cirklebox,
.webshop-catalog-multi .webshopproduct .cirklebox {
	width: 30px;
	height: 30px;
	display: inline-block;
	background-color: black;
	border-radius: 50%;
	color: white;
	text-align: center;
	line-height: 26px;
	font-size: 23px;
	font-weight: normal;
	vertical-align: top;
    cursor: pointer;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */    
}

.webshop-basket .tablebasket .cirklebox{
	width: 20px;
	height: 20px;
	line-height: 16px;
	font-size: 15px;
}


.webshop-basket .tablebasket .amounttobasket,
.webshop-catalog-multi .webshopproduct  .amounttobasket {
	margin: 0px !important;
	background: none !important;
	display: inline-block !important;
	width: 50px !important;
	text-align: center;
	min-width: 10px;
	height: 30px;
	box-sizing: border-box;
	vertical-align: top;
}

.webshop-basket .tablebasket .amounttobasket{
	width: 30px !important;
	height: 20px;
	font-size: 12px;
    padding: 0px;
}

.webshop-basket .tablebasket .paynow h3,
.webshop-basket .tablebasket .fieldamount h3,
.webshop-catalog-multi .webshopproduct h3 {
	margin: 0px;
	padding: 0px;
	width: auto;
	display: inline-block;
}

.webshop-catalog-multi .webshopproduct .itemshortdescription {
	margin-bottom: 10px;
}

.webshop-catalog-multi .webshopproduct .webshoporder {
	margin-top: 20px;
}

 .webshop-cart-icon,
 .webshop-cart-out-icon,
 .webshop-add-to-cart-icon {

	width: 32px;
	height: 32px;
	position: relative;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	vertical-align: middle;
    margin-left: 10px;
}
.webshop-add-to-cart-icon {
	background-image: url('/images/Check add.svg'); 
}

.webshop-cart-out-icon {
	background-image: url('/images/Check ud.svg');
}

.webshop-cart-icon {
	background-image: url('/images/Check.svg');
}

.shopptingbasket {
    width:100%;
    margin-bottom: 20px;
}


    
.shopptingbasket:hover,
.webshop-catalog-multi .cirklebox:hover,
.webshop-catalog-multi .webshopproduct .tobasket:hover, .webshop-external-product:hover,
.webshop-catalog-multi .webshopproduct .addtomultibasket:hover,
.webshop-basket .tablebasket .cirklebox:hover
{
    opacity: 0.8;
}


.webshop-catalog-multi .webshopproduct .webshop-h4 {
	color: #888888;
	font-style: italic;
	font-size: 15px;
	margin-bottom: 5px;
	font-weight: 700;
}

.webshop-catalog-multi .col-webshop-left {
    position: unset !important;
}


.tablebasket .show-mobil {
    display:none;
}

.webshopproducts .filter .filterHeader {
    display:none;
}

.webshopproducts .images_box {
	width: 50%;
	padding-bottom: 50%;
	display: block;
	float: left;
	background-size: cover;
	background-position: center;
	border-radius: 50%;
	background-color: white;
    display:none;
}

.webshopproducts .images_box:nth-child(1),
.webshopproducts .images_box:nth-child(2),
.webshopproducts .images_box:nth-child(3),
.webshopproducts .images_box:nth-child(4),
.webshopproducts .images_box:nth-child(5),
.webshopproducts .images_box:nth-child(6) {
    display:block;
}




/***********************************************************************/
/* Basket */
/***********************************************************************/

.webshop-basket.basketcontent {
    min-height: 1000px;   
}


.tablebasket .productline .images .webshop-images {
    display:none;
} 
.tablebasket .productline .images .webshop-images:first-child {
    display:block;
} 
.tablebasket.editproduct {
    min-height:400px;    
}


.tablebasket.editproduct::before {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 20px;
	top: 90px;
	background-color: rgba(255,255,255,1);
	content: "";
	z-index: 222;
}

.tablebasket .productline.editproduct {
    position: absolute;
    z-index: 700;
    width: 100%;
    top: 110px;
}

.tablebasket .productline.editproduct td.price, 
.tablebasket .productline.editproduct .main-description {
    display:none;
}



.webshop-basket .description {
    cursor:pointer;
}

.webshop-basket .description.readless {
	height: 20px;
	overflow: hidden;
}


.webshop-basket .information_warning {
	padding: 0px;
	background: none;
	border: none;
	box-shadow: none;
	color: rgb(49, 112, 143);
	vertical-align: middle;
}

.webshop-basket .information_warning i {
    vertical-align: bottom;
} 


.webshop-basket .webshop-images {
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 50%;
    background-color: #dddddd;
}

.webshop-basket .paynow span:first-child,
.webshop-basket .webshopfield span:first-child,
.webshop-basket .fieldamount span:first-child,
.webshop-basket .fieldstock span:first-child {
	display: inline-block;
    padding-right: 10px;
    color: #888888;
    font-style: italic;
}

.webshop-basket .paynow span:first-child:after,
.webshop-basket .webshopfield span:first-child:after,
.webshop-basket .fieldamount span:first-child:after {
    content: ':';
}

.tablebasket .itemname.webshop-h2 {
	font-size: 17px;
	margin-bottom: 0px;
}

.tablebasket .paynow ,
.tablebasket .fieldamount {
	margin-top: 5px;
}

.tablebasket tr td {
    vertical-align: top;
	padding-bottom: 10px;
}


.tablebasket .rightalign {
    text-align: right;
}

.totaltextmain {
    font-size:20px;
}

.subtotaltext,.rabattext,.vattext{
    color: #888888;
}
.tablebasket tr td:nth-child(1) {
    width: 80px;
}

.tablebasket .save,
.tablebasket .edit {
    margin-right:10px;
}



.tablebasket .save,
.tablebasket .edit,
.tablebasket .delete {
	width: 32px;
	height: 31px;
	background-color: black;
	float: left;
	margin-top: 5px;
	border-radius: 50%;
	color: white;
	text-align: center;
	line-height: 32px;
	font-size: 20px;
    cursor: pointer;
}

.tablebasket .save.fa:before,
.tablebasket .delete.fa:before,
.tablebasket .edit.fa:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.tablebasket .save, .tablebasket .delete, .tablebasket .edit {
	background: #000000;
	color: white;
	margin-bottom: 0px;
	text-align: center;
	width: auto;
	border-radius: 0px;
	/* background-color: #0a8d51; */
	/* color: #fff; */
	/* border: 2px solid black; */
	/* border-radius: 5px; */
	/* width: auto; */
	padding: 0px 7px;
	font-size: 14px;
	line-height: 26px;
	font-family: 'verdana', serif;
	height: auto;
	margin-bottom: 10px;
}

.tablebasket .save {
	margin-top: 10px;
	padding: 5px 20px;
}

/*.tablebasket .productline.buy-later {
	opacity: 0.2;
}*/


.tablebasket .productline.buy-later.editproduct {
	opacity: 1; 
}

.webshop-delete-orderline {
    margin-top: 5px;
}

/***********************************************/
/* Menu */
/***********************************************/

.webshop-menu ul {
    padding:0px;
}

.webshop-menu li,
.webshop-menu ul {
    list-style: none;
}

.webshop-menu .gray {
	color: #888888;
	font-size: 16px;
}

.webshop-menu li {
	margin-bottom: 40px;
}

.webshop-menu .col-webshop-left {
	position: relative;
	min-height: 170px;
}
.webshop-menu .col-webshop-left .center-place {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


@media only all and (max-width: 768px) {
    
    .webshop-catalog-multi .webshopproduct .addtomultibasket {
    	margin-left: 0px;
    	margin-top: 10px;
    } 
        
    .webshop-menu .col-webshop-left .center-place {
        position: relative;
        top: 0%;
        -webkit-transform: none);
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }
    
    .btn-group.btn-small.btn-group-toggle[data-toggle="buttons"] {
    	min-width: auto;
    	margin-top: 5px;
    	margin-left: 10px;
    	width: calc(100% - 45px);
        max-width: 100%;
    }
    
    .webshop-menu .col-webshop-left,
    .webshop-catalog-multi .col-webshop-left {
        width: calc(100% - 100px);
    }
    .webshop-menu .col-webshop-right,
    .webshop-catalog-multi .col-webshop-right {
        width: 100px;
    }
    .shopptingbasket,
    .webshop-catalog-multi .tobasket,
    .webshop-catalog-multi .addtomultibasket {
        width:100%;
    }
    
    .tablebasket .rightalign {
        text-align: left;
    }
    
    
    .tablebasket .price.pricetotal {
    	width: 100%;
    	margin-top: 20px;
    	margin-bottom: 20px;
    }
    
    
    .tablebasket tr {
        display:block;
    }
    
    .tablebasket tr td {
    	padding-bottom: 0px;
    }
    
    
    .tablebasket tr td:nth-child(1) {
    	float: left;
    	display: block;
    }
    
    .tablebasket tr td:nth-child(2), 
    .tablebasket tr td:nth-child(3), 
    .tablebasket tr td:nth-child(4), 
    .tablebasket tr td:nth-child(5) {
    	float: right;
    	display: block;
    	width: calc(100% - 80px);
    }
    .tablebasket .hide-mobil,
    .tablebasket th {
        display:none;
    }
    
    .tablebasket tr td:nth-child(5) {
    	width: 100%;
    }
    
    
    .tablebasket .show-mobil {
        display: block;
    }  
    
    .tablebasket .paynow,
    .tablebasket .fieldamount {
        margin-bottom:0px;
    }
    
    
    .tablebasket .webshop-h4,
    .tablebasket .webshopfield span:first-child,
    .tablebasket .paynow  span:first-child, 
    .tablebasket .fieldamount span:first-child {
        margin-top:5px;
    	font-weight: bold;
        color:#888888;
        font-style:italic;
    }
    .tablebasket .webshop-h4,
    .tablebasket .paynow  span, 
    .tablebasket .webshopfield span,
    .tablebasket .fieldamount span {
    	display: block;
    }
    
    .subtextmain span:last-child,
    .rabattextmain span:last-child,
    .vattextmain span:last-child,
    .totaltextmain span:last-child {
    	float: right;
    }
    
    .subtextmain span,
    .rabattextmain span,
    .vattextmain span,
    .totaltextmain span {
    	font-size: 22px;
    } 
    
    .subtextmain span,
    .rabattextmain span,
    .vattextmain span {
        color: #888888;
    }
        
    
}

@media only all and (max-width: 400px) {
    .webshop-h3 {
        font-size: 15px;
    }
    .webshop-basket .tablebasket .amounttobasket,
    .webshopproduct .amounttobasket {
    	width: 40px !important;
    }
    .webshop-basket .tablebasket .amounttobasket,
    .webshopproduct .amounttobasket {
    	width: 40px !important;
    	height: 20px;
    	box-sizing: border-box;
    	vertical-align: bottom;
    	padding-left: 0px !important;
    	padding-right: 0px !important;
    	margin-top: 0px;
    }
    .webshop-basket .tablebasket .cirklebox,
    .webshopproduct .cirklebox {
    	width: 27px;
    	height: 27px;
    	line-height: 21px;
    	font-size: 20px;
    	vertical-align: top;
    }
    

}
@media only all and (max-width: 350px) {
    
    .subtextmain span,
    .rabattextmain span,
    .vattextmain span,
    .totaltextmain span {
    	font-size: 17px;
    } 
    
    
    
    .col-webshop-left {
        width: calc(100%);

    }
    .col-webshop-right {
        width: 100%;
        margin-bottom: 10px;
    }



    
}