/* nachdem die details nun auf einem panel sind, fehlt der abstand links (siehe schuetz shop) */
.breadcrumbLabel {
    margin-left: 0.75rem;
}
.paypal-plus {
	margin-bottom: -29px;
}

.messageInputsGroup {
    max-height: 442px !important;
}

.btn-checkout-login {
	position: relative;
	cursor: pointer;
    float: right;
    padding: 4px 10px;
    font-size: 16px;
    font-weight: normal;
    background-color: #D0C97C;
    color: #000;
    margin: 0 10px 0 0;
    border-radius: 4px;
}

.btn-checkout-login:hover {
    color: #000;
    font-weight: normal;
	background-color: #d2c06c;
}

/* category image ist nun default */
img.category-image {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 2rem;
    display: block;
    margin-top: 2rem;
}

.messageInputLabel {
    padding: 0px 10px !important;
    height: auto !important;
    line-height: auto !important;
    width: auto !important;
    margin: 2px 0 0 0 !important;
}

.pageNavigation .number.free {
	opacity: 0.1;
}

/* Variantenpreis Rechtsbündig */
.articleVariants .variant-price {
	text-align: right;	
}

/* proportionen sonst defekt */
.item-side .article-thumb img {
    object-fit: contain;
}


select.sale-unit {
	width: 150px !important;
}


/* wenn es keine unterschiedlichen einheiten gibt, wird das pulldown protected. soll dann aber auch wie ein label aussehen, daher: */
select.sale-unit:disabled {
	appearance: none;
	border-style: none;
	padding-left: 8px;
}

/* in Bestellassisten items */
.products.list .detail-btns {
	margin-top: 0;
}

/* damit die verfügbarkeit passt... */
.new-products .price, .products .price {
    width: auto;
}

/* artikeldetails verfügbarkeit */
.products.detail .availability {
    position: relative;
    float: left;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 1.5rem;
    margin: 2.5rem 0.5rem 1rem 0;
}

.products.detail .availability.green {
	background-color: #00ff00;
}

.products.detail .availability.yellow {
	background-color: #ffff00;
}

.products.detail .availability.red {
	background-color: #ff0000;
}

.article-thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* notwendig, damit in der normalen detailansicht am pc das eingabefeld hoch genug ist */
/* bitte amount komplett richtig schrieben. d.h. replacen und die version mit "mm" entfernen */
.ammount-input {
	height: 35px;
}

/* die box mit den pdf downloads hat die klasse detail-total, die scheisse umbricht. daher dieser fix */
.clear-both {
	clear: both;
}

.selection-panel p {
    display: block;
}

.selection-panel {
	height: auto;
}

.filter-collapsed {
	height: 36px;
	overflow: hidden;
	background:url(../img/svg/000000/chevron-down.svg) no-repeat 95% 4px / 16px;
}