/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
/* Articlebox-Styles */

@media only screen and (min-width: 320px) {

	.mk-oxid-api-productbox.productBox {
		display: flex;
	    flex-direction: column;
	    color: #676767;
		width: 100%;
		padding: 0;
		margin-bottom: 50px;
	}
	.mk-oxid-api-productbox.productBox .product-data:last-child {
		margin-top: auto;
	}
	.mk-oxid-api-productbox.productBox .picture {
	    padding: 18% 15px;
		background-color: #fff;
		border-radius: 5px;
		box-shadow: 0 10px 50px rgb(0 0 0 / 8%), 0 13px 45px rgb(0 0 0 / 8%);
		margin-bottom: 25px;
		min-height: 200px;
	    height: auto;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}
	.mk-slider-product-list .mk-oxid-api-productbox.productBox .picture {
		box-shadow: none;
	}
	.mk-oxid-api-productbox.productBox .picture a {
		height: auto;
	}
	.mk-oxid-api-productbox.productBox .picture img {
		width: 100%;
	}
	.mk-oxid-api-productbox.productBox .title {
		font-size: 15px;
		font-weight: normal;
		line-height: normal;
		margin-top: 4px;
		margin-bottom: 0 !important;
	}
	.mk-oxid-api-productbox.productBox .title a:hover {
		text-decoration: none;
		color: #676767;
	}
	.mk-oxid-api-productbox.productBox.text-white .title a:hover {
		color: #ffffff;
	}
	.mk-oxid-api-productbox.productBox .mk-oxid-api-art-no {
		font-size: 12px;
		font-weight: normal;
		line-height: normal;
		margin: 0;
		color: #999999;
	}
	.mk-oxid-api-productbox.productBox .cat-title {
		line-height: normal;
		font-size: 12px;
		font-weight: bold;
		margin: 0;
	}
	.mk-oxid-api-product-subtitles {
		line-height: 20px;
		font-size: 14px;
	}
	.mk-oxid-api-productbox.productBox .oldPrice {
		line-height: normal;
	}
	.mk-oxid-api-productbox.productBox .oldPrice del,
	.mk-oxid-api-productbox.productBox .price,
	.mk-oxid-api-productbox.productBox .price-box > div:first-child {
		line-height: 22px;
	}
	.mk-oxid-api-productbox.productBox .oldPrice del.product-nprice,
	.mk-oxid-api-productbox.productBox .n-price {
		line-height: normal;
		font-size: 12px;
	}
	.mk-oxid-api-productbox.productBox {
	    width: 100%;
	}
	.mk-oxid-api-productbox .mk-oxid-api-label.label-color-red {
	    background-color: #e20018;
	}
	.mk-oxid-api-productbox .mk-oxid-api-label.label-color-yellow {
	    background-color: #c4cb5c;
	}
	.mk-oxid-api-productbox .mk-oxid-api-label.label-color-blue {
	    background-color: #035ca8;
	}
	.mk-oxid-api-productbox .mk-oxid-api-label.label-color-black {
	    background-color: #000;
	}
	.mk-slider-product-list .mk-oxid-api-productbox .mk-oxid-api-label,
	.mk-oxid-api-articlelist .mk-oxid-api-productbox .mk-oxid-api-label {
		position: absolute;
	    left: -20px;
	    top: 20px;
	    font-size: 14px;
	    padding: 3px 9px;
	    text-transform: uppercase;
	    vertical-align: text-bottom;
	    color: #fff;
	    font-weight: bold;
	    border-radius: 10px;
	    line-height: normal;
	}
	.mk-slider-product-list .mk-oxid-api-productbox .mk-oxid-api-label + .mk-oxid-api-label,
	.mk-oxid-api-articlelist .mk-oxid-api-productbox .mk-oxid-api-label + .mk-oxid-api-label {
		top: 45px;
	}
	.mk-oxid-api-productbox.productBox > div:last-child {
		margin-top: auto;
	}
	.mk-oxid-api-productbox.productBox .btn {
		color: #ffffff;
		background-color: #035ca8;
		margin-top: 10px;
		width: 100%;
	}
}

@media (min-width: 768px) {
	.mk-oxid-api-articlelist.mk-oxid-api-flexbox {
		display: flex;
		height: 100%;
	}
	.mk-oxid-api-productbox.productBox {
	    width: 100%;
	    margin-bottom: 0;
	}
	.mk-oxid-api-productbox.productBox .picture {
	    max-width: 280px;
	}
}


/* END Articlebox-Styles */


/* Contentbox-Styles */
@media only screen and (min-width: 320px) {	
	.mk-oxid-api-product-action a.btn {
	    background-color: #035ca8;
	}
}
/* END Contentbox-Styles */