:root {
  --highlightgray: #d4d7d9;
	--steinsgelb: #ffbf26;
}

input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type=number] { -moz-appearance: textfield; appearance: textfield; }
input, select, textarea { background-color: var(--offwhite); }

.warenkorb .cart .quantity .ui-spinner-button{
	padding: 0.4em 1.7em 1em 0.4em !important;
}
.woocommerce .quantity .qty{width: auto !important;}

.shopmain {
	margin-top: 7rem;
	width: 100%;
	color: var(--highlightgray);
}
.shopmain a { color: var(--highlightgray); }
.shopcenter {
	max-width: var(--content-max-width);
	padding: 10px 15px 0 15px;
	margin-right: auto;
	margin-left: auto;
	background: var(--steinshellgrau);
	min-height: 80vh;
}

.shopcontainer .ordering .woocommerce-ordering select{
}

.shopcontainer .ordering .woocommerce-ordering select {
	font-size: .8em;
	background-image:
		linear-gradient(45deg, transparent 50%, gray 50%),
		linear-gradient(135deg, gray 50%, transparent 50%),
		linear-gradient(to right, #ccc, #ccc);
	background-position:
		calc(100% - 20px) calc(0.7em),
		calc(100% - 15px) calc(0.7em),
		calc(100% - 2em) 0em;
	background-size:
		5px 5px,
		5px 5px,
		1px 1.5em;
	background-repeat: no-repeat;

	border: 0px;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	min-width: 330px;
}

.shopcontainer .ordering .woocommerce-ordering select:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
	calc(100% - 15px) calc(0.7em),
	calc(100% - 20px) calc(0.7em),
	calc(100% - 2em) 0em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}

.shopmain .woocommerce table.shop_table { border: 1px solid var(--highlightgray); }
.shopmain .woocommerce table.shop_table td { border-top: 1px solid var(--highlightgray); }
.shopmain .woocommerce table.shop_table th { border-top: 1px solid var(--highlightgray); }
.woocommerce form .form-row .required { color: var(--steinsgelb); }

.col-md-3 { padding: 0; display: grid; /*align-items: end;*/ }
.einzelprodukt { padding: 20px; margin: 20px 10px; background-color: #f8f8ff; box-shadow: 0 5px 10px #000; }
.einzelprodukt .image {
	text-align: center;
	vertical-align: bottom;
	display: table-cell;
	height: 300px;
	overflow: hidden;
	/* dadurch weren die images im Shop immer in der Mitte angezeigt */
	width: 10%;
}
.einzelprodukt .image img { object-fit: contain; height: auto; }
/* .einzelprodukt h3 { text-align: center; padding: 1rem 0 0 0; color: #000; font-size: 1.2rem; text-decoration: none; } */
.einzelprodukt h3 { text-align: center; padding: 1rem 0 0 0; color: #000; font-size: 1.2rem; text-decoration: none; min-height: 62px; }
.einzelprodukt h3 a { color: #000; font-size: 1.2rem; text-decoration: none; }
.einzelprodukt h3 a:hover { text-decoration: none; color: var(--steinsgelb); }

.einzelprodukt .morelink { text-align: center; padding-top: 1rem; }
.einzelprodukt .morelink a { color: #000; }
.einzelprodukt .morelink a:hover { color: #1cbe1c;  }

.einzelprodukt p.add_to_cart_inline  { border: 0px !important; text-align: center; }
.einzelprodukt p.add_to_cart_inline span.woocommerce-Price-amount {  text-align: center; font-weight: bold; color: #000; }

.einzelprodukt .mengenpreis { text-align: center; color: var(--steinsgrau); font-size: 0.8rem; }
.einzelprodukt .lebensmittelhinweis { text-align: center; font-size: 0.8rem;color: var(--steinsgrau); }
.einzelprodukt .lebensmittelhinweis a { color: var(--steinsgrau); }

.einzelprodukt .rebsorte { text-align: center; color: #000; color: var(--steinsgrau); }
.einzelprodukt .lageland { text-align: center; color: #000; font-style: italic; color: var(--steinsgrau); }

.woocommerce a.button {
	min-width: 140px;
	font-weight: normal;
	margin: 2em 0 0 0;
	text-align: center;
	color: #000;
	font-size: 1rem;
}
.woocommerce a.button:hover {
	/* background-color: #1cbe1c; */
	 background-color: var(--highlightgray);
	color: #000;
}

.einzelprodukt p.add_to_cart_inline a.add_to_cart_button { font-weight: normal; margin: 2em 0 0 0; text-align: center; color: #000; font-size: 1rem; background-color: var(--steinsgelb); color: #000; min-width: 160px;}
.einzelprodukt p.add_to_cart_inline a.add_to_cart_button:hover { font-weight: normal; background-color: var(--highlightgray); color: #000; }
.einzelprodukt a.added_to_cart { color: #000; font-size: 0.8em; }
.einzelprodukt a.added_to_cart:hover { text-decoration: none; color: var(--steinsgelb); }

.shopeinzelseite { padding: 0 30px; }
.shopeinzelseite table.eigenschaften {  }
.shopeinzelseite table.eigenschaften tr td { padding: .5rem 1rem; vertical-align: top; border-bottom: 1px solid var(--highlightgray); }
.shopeinzelseite table.eigenschaften tr:last-child td { border: 0 }
.shopeinzelseite table.eigenschaften tr td:first-child { border-right: 1px solid var(--highlightgray); }
.shopeinzelseite table.eigenschaften tr td.label { color: var(--highlightgray); font-style: italic; }

.articleheader { display: flow-root; padding: 10px 0 0 0; margin: 0 0 2rem 0;  border-bottom: 1px solid #f4f4f4; }
.articleheader .warenkorbtop { float: right; text-align: left; margin: 0 0 20px 0; }
.articleheader .warenkorbtop a { color: var(--highlightgray); text-decoration: none; }
.shopeinzelseite .articleheader .rebsorte { font-family: "merriweather"; font-size: 1.5em; color: var(--highlightgray); float: left; text-align: left; }
.articleheader .warenkorbtop .cart img { height: 35px; }
.articleheader .warenkorbtop a.cart { color: var(--highlightgray); }
.articleheader .warenkorbtop a.cart:hover { text-decoration: none; }
.shopeinzelseite .mengenpreis { color: var(--highlightgray); font-size: .7rem; border-top: 1px solid var(--highlightgray); padding: .5rem 0; width: 70%;}

.shopeinzelseite .left { width: 30%; text-align: left; float: left; margin-bottom: 0; }
.shopeinzelseite .left .bald_wieder_verfuegbar { color: var(--highlightgray); padding-top: 1em; font-size: 14px; }
.shopeinzelseite .right { width: 70%; text-align: left; float: left; color: #f4f4f4; }
.clearer { clear: both; }
.shopeinzelseite .left .image {
display: flex;
align-items: center;
justify-content: center;
position: relative;
text-align: left;
margin-right: 40px;}
.zoom_in{ cursor: zoom-in; }
.shopeinzelseite .left .preis { font-family: "merriweather"; text-align: left; padding: 1rem 0;  }
.shopeinzelseite .titel .auszeichnungen { float: right; }
.shopeinzelseite .titel .auszeichnungen img { height: 40px; margin: 0 0 0 2rem; }
.shopeinzelseite .right .beschreibung, .gutscheine .beschreibung, .product .beschreibung { border-radius: 1rem; background-color: var(--steinsgrau); padding: 1rem; margin: 2rem 0;}

.shopeinzelseite .left .jahrgang { text-align: right; padding-right: 75px;font-size: 6em; color: var(--highlightgray); }
.shopeinzelseite .titel  {  }
.shopeinzelseite .titel h2 { float: left; font-weight: bold;
/* da es sonst komplett im Bild gehangen hatte */
/* position: absolute;  */
 font-size: 2em; color: #f4f4f4; }
.shopeinzelseite .left .preis { color: var(--steinsgelb);
/* da es sonst komplett im Bild gehangen hatte */
 /* position: absolute;  */
 bottom: 0; left: 150px; font-size: 2em; }
 /* um zu verhindern, das die ganze Seite voll ist mit dem Bild */
.shopmain img{ max-height: 400px; max-width: 80%;}
.shopmain .steinswarenkorb img{ max-height: 100%; max-width: 100px;}
.shopmain .woocommerce-cart-form img{ background-color: var(--offwhite); border-radius: 7%; padding: 1.3em; }

#addtocart .quantity { color: var(--steinsgrau); float: left; }
#addtocart .summe { float: left; font-size: 1.2rem; margin-top: 4px; }
/* #addtocart .ui-icon { text-indent: 0; margin: 0; display: block; color: var(--steinsgrau); cursor: pointer; } */
#addtocart .ui-icon { text-indent: 0; /*margin-left: 5px;*/ display: block; color: var(--steinsgrau); cursor: pointer; position: absolute; }
#addtocart .ui-spinner-button { font-size: 1rem; }
#addtocart button, .gutscheine .woocommerce div.product form.cart .button { margin: .5rem 0 0 0; border: 0; border-radius: 3px; font-size: 1rem; padding: .6rem 1rem; background-color: var(--steinsgelb); color: #000; font-weight: normal; }
#addtocart button:hover, .gutscheine .woocommerce div.product form.cart .button:hover {  background-color: var(--highlightgray); color: #000; }
#addtocart .input-text, .gutscheine .woocommerce .quantity .qty { border: 0; padding: .6em 1em; border-radius: 3px; font-weight: 700; font-size: 0.8em; background-color: #ebe9eb; margin-right: 0; margin-left: 0; color: #000; }
.gutscheine .woocommerce .quantity .qty { margin: 0; }
/* .gutscheine .woocommerce div.product form.cart .button { margin: 0; } */
.woocommerce a.button { background-color: var(--steinsgelb); clear: both; display: block; }

.shopeinzelseite .bottomabstand { padding: 0 0 3em 0; }

.steinswarenkorb { padding: 0px 30px 30px 30px; }
.steinswarenkorb .backtoshop { padding: 0 0 80px 0; }
.steinswarenkorb .backtoshop a { color: var(--steinsgelb); }

/*@media (max-width: 991px){*/
@media (max-width: 1200px){
.steinswarenkorb .backtoshop { padding: 0 0 40px 0; }
}

.steinswarenkorb table.shop_table td { line-height: 1em; vertical-align: bottom; }
.order-total td, .cart-subtotal td, .order-tax td { line-height: 2em !important }
.wc-proceed-to-checkout a { Font-Family: 'Arial' !important }
.coupon .input-text { width: 155px !important; margin-right: 15px; }

@media (max-width: 462px){
	.coupon .input-text { margin: 0 0 5px 15px; }
}

.steinswarenkorb table.shop_table td.product-thumbnail { text-align: center; }
.steinswarenkorb .variation { font-size: .6em; padding-top: 1em; }
.steinswarenkorb .variation dt { font-style: italic; }
.steinswarenkorb {}

.steinswarenkorb a { color: var(--highlightgray); font-family: "merriweather"; text-decoration: none; border-radius: 5%; }
.steinswarenkorb td.product-thumbnail { display: flex; }
.restore-item { color: var(--steinsgelb) !important; }
.steinswarenkorb a:hover { text-decoration: none; color: var(--steinsgelb); }


#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: none; border: 1px solid var(--steinsgelb); }


.shopcontainer hr.shoptrenner { border-top: 1px solid #fff;  margin-top: 3rem;}
.shopcontainer h2.shopheader { padding: 2rem 0 1rem 0; font-size: 3.5rem; color: var(--highlightgray); text-align: center; text-transform: uppercase; }

.cart-count { float: left; text-align: center; margin-top: 14px; display: block; font-size: 0.8rem; position: absolute; right: 15px; width: 23px; }
.carttext { float: left; padding-top: 12px;}
.cartimage { float: left; width: 40px;}

h3.shopheaderliste { min-height: 70px; }
.beschreibungliste { min-height: 100px; }

.bald_wieder_verfuegbar{ color: var(--steinsgrau); margin-bottom: 20px; }

.vorherigerArtikel{ float: left; }
.naechsterArtikel{ float: right; }

.mwb_wgm_featured_img { background-color: var(--highlightgray); }

.vorherigerArtikel, .naechsterArtikel{
	font-size: 14px;
}

.artikel_changer{ float: left; width: 100%; padding-top: 15px; }

.ausgegraut{ -webkit-filter: grayscale(1); filter: grayscale(1);}

.image_background{ background-color: var(--highlightgray); border-radius: 10%; padding: 1.3em; }

.woocommerce .single-product .einzelprodukt .summary .cart .single_add_to_cart_button { margin-top: 0px; }

.changeImg1, .changeImg2 { position: absolute; cursor:pointer; }

.changeImg2 { right: 0px; }
.changeImg1 { left: 0px; transform: rotate(180deg); }


.gutscheine .woocommerce div.product p.price {color: var(--steinsgelb); text-decoration: none; }
.gutscheine .woocommerce div.product p.price ins { text-decoration: none; }
.gutscheine .einzelprodukt {background-color: var(--steinshellgrau); box-shadow: none; }
.gutscheine .einzelprodukt h1.product_title {display: none; }
.gutscheine .einzelprodukt .mwb_message {display: none !important; }
.gutscheine .einzelprodukt .zoomImg {display: none !important; }
.gutscheine .einzelprodukt .woocommerce-product-gallery__trigger {display: none !important; }
.gutscheine .woocommerce div.product div.images {width: 30%; }
.gutscheine .woocommerce div.product div.summary { width: 100%; }
.gutscheine .mwb_wgm_send_giftcard {display: none; }
/*.gutscheine .mwg_wgm_preview_email {display: none; }*/
.gutscheine .product_meta {display: none; }
.gutscheine .mwb_delivery_method .mwb_wgc_label {display: none; }
.gutscheine .mwb_wgm_delivery_method {border: 0; padding: 0; box-shadow: none; }
.gutscheine .woocommerce-tabs { display: none; }
.gutscheine .mwb_wgm_added_wrapper .mwb_wgm_section .mwb_wgc_label { text-transform: none; font-weight: normal; }
.gutscheine .woocommerce-product-gallery__image img { background-color: var(--highlightgray); border-radius: 10%; padding: 1.3em; }
/* Message-Text bei Gutscheinen ausblenden */
.woocommerce-order ul.wc-item-meta li:nth-child(3) { display: none; }



#overlay {
	position: relative;
	margin-top: -395px;
	margin-left: 85%;
	width: 270px;
	height: 410px;
	display: none;
	background-image: url('');
	background-repeat: no-repeat;
	background-color: var(--highlightgray);
	float: left;
	/* visibility: visible; */
	border-radius: 1rem;
	transform: scale(1.3);
	box-shadow: 3px 3px 5px #333;
}
.woocommerce h3.wc-bacs-bank-details-account-name { display: none; }
.woocommerce-message .wc-forward { display: none; }

@media (max-width: 1024px) {
	#addtocart .input-text { width: 60px; }
}
@media (max-width: 1000px) {
	.einzelprodukt p.add_to_cart_inline a.add_to_cart_button {
		display: block;
	}
}
@media (max-width: 750px) {
	.shopcontainer h2.shopheader { font-size: 2.5rem; }
	.shopcontainer h3 { font-size: 1.5rem; }
	.contentmain, .shopmain { margin-top: 5rem; }
	.shopeinzelseite .left{ width: 100%; margin-bottom: 2rem; }
	#overlay {
		/* position: relative; */
		/* margin-top: 0; */
		/* margin-left: 0; */
		/* display: none; */
		/* float: none; */
		width: 0;
		height: 0;
		visibility: hidden !important;
	}
	.shopeinzelseite .right { width: 100%; }

	input, select, textarea { width: 100%; }
	.wpcf7 input[type="submit"] { width: auto; }
	input[type="radio"], input[type="checkbox"] { width: auto; }
	.woocommerce ul.order_details { padding: 0; }
	.woocommerce ul.order_details li { float: none; margin: 0; border: 0; padding: 0 0 1em 0; }

	.einzelprodukt .woocommerce-product-gallery--with-images {width: 100% !important;}

}
@media (max-width: 520px) {
	.woocommerce .single-product .einzelprodukt .summary .cart .single_add_to_cart_button { margin-top: 5px; }
}
/*
.warenkorb .ui-icon,
.warenkorb .ui-widget-content .ui-icon {
	background-image: none;
}
.warenkorb .ui-button .ui-icon {
	background-image: none;
}
*/