.commerce-order-item-add-to-cart-form .js-form-type-select .form-select{
	width:90% !important;
}
.field--widget-commerce-quantity .js-form-type-number .form-number{
	width:90px !important;
}
.bi-btn-basket, .bi-btn-heart {
  background-position: 2rem;
}
.bi-btn-basket {
  background-size: 26% !important;
  height:38px;
}
.variations .form-actions .button--add-to-cart{
margin-top: -7rem;
  margin-right: 2rem;
}
.product-info {
  transition: unset !important;
}
.variations{
	bottom:-2.5rem;
}









/* Form als Grid-Container */
.commerce-order-item-add-to-cart-form {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px; /* Abstand zwischen den Elementen */
}

/* Dropdown (Variationen) auf 100% Breite */
.form-select {
	width: 100%;
}

/* Flexbox-Container für Menge & Button */
.quantity-and-button {
	display: grid;
	grid-template-columns: 60% 30%;
	align-items: center;
	gap: 10px; /* Optional */
}

/* Mengenfeld 70% */
.field--name-quantity {
	width: 100%;
}

/* Warenkorb-Button 30% */
.js-form-wrapper.form-actions {
	width: 100%;
	text-align: right;
}

/* "In den Warenkorb"-Text ausblenden, aber Icon behalten */
.js-form-wrapper.form-actions input[type="submit"] {
	color: transparent;
	text-shadow: none;
}

/* Icon anpassen */
.bi-btn-basket {
	background-size: contain;
	background-repeat: no-repeat;
	height:30px;
	width: 20px;
	border: none;
}



#block-rollrasenshop-catalogoben .col-md-3 {
        flex: 0 0 auto;
        width: 20%;
    }