/*
 Theme Name:   OceanWP Child
 Description:  Child Theme des high-performance WP-Theme OceanWP
 Author:       Philipp Limbeck
 Author URI:   https://insyde.at/
 Template:     oceanwp
 Version:      1.0
 Text Domain:  oceanwp-child
*/

/* overwrite general settings of oceanwp for focus of links (black border) */
#main a:focus,
#site-header a:focus,
#footer a:focus{
	outline: 0px !important;
}

#main a {
	text-decoration: none !important;
}

:root {
    --farbe-beige: #CDBEAC;
	--farbe-hellbeige: #E6DDD1;
    --farbe-creme: #F4F0EA;
    --farbe-rot: #7F0332;
	--farbe-grau: #5D5E66;
	--farbe-dunkelbeige: #A89684;
}

#site-header {
	position: fixed !important;
}

main#main {
	padding-top: 92px;
}


#site-navigation-wrap .dropdown-menu > .current-menu-item > a {
	color: var(--farbe-rot) !important;
}

.nomargin-bottom {
	margin-bottom: 0px !important;
}

.dont-display {
	display: none;
}

h1 {
	text-align: center;
}

.haiderbutton a {
	font-weight: 700;
	text-decoration: none !important;
	text-transform: uppercase;
}

div.zeile-beige {
	background-color: var(--farbe-beige);
	padding-top: 35px;
}

div.zeile-beige .haiderbutton a {
	color: var(--farbe-creme);
}

div.text-pfeile {
	background-image: url('/wp-content/uploads/2026/07/pfeile.png');
	background-position: top left;
	background-repeat: no-repeat;
}

div.kleines-textfeld {
	padding-left: 25px;
	padding-right: 25px;
}

div.zeile-white {
	background-color: #fff;
	padding-top: 35px;
}

span.beige-schrift {
	font-weight: 700;
	font-size: 20px;
	text-transform: uppercase;
	color: var(--farbe-dunkelbeige);
}

div.schere {
	position: absolute;
  right: 16%;
  bottom: -10px;
}


div.kastl-white {
	background-color: #fff;
	padding-top: 20px;
  padding-bottom: 20px;
	min-height: 685px;
	border: 15px solid #f5f3f0;
}

div.kastl-white-kontakt {
	background-color: #fff;
	padding-top: 20px;
  padding-bottom: 20px;
	min-height: 740px;
	border: 15px solid #f5f3f0;
}

div.kastl-white-small {
	background-color: #fff;
	padding-top: 20px;
  padding-bottom: 20px;
		min-height: 310px;
	border: 15px solid #f5f3f0;
}

div.grauer-button {
	background-color: var(--farbe-grau);
padding-top: 10px;
  padding-bottom: 10px;
}

div.grauer-button a {
	color: #fff;
	font-weight: 700;	
}

/****************/
/** REV SLIDER **/
/****************/






/*************/
/** FOOTER **/
/*************/

span.footer-nltext {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
}

div.footer-grau {
	color: #fff;
	background-color: var(--farbe-grau);
	background-image: url("https://haiderweine.insyde.co.at/wp-content/uploads/2026/07/Vector_H.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	padding-top: 30px;
	padding-bottom: 45px;
}

div.footer-grau a {
	color: #fff;
	text-decoration: none;
}

/*******************/
/** TERMINE GRID **/
/******************/

.haider-termine {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	width: 100%;
}

/* Einzelne Terminkarte */
.haider-termin {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 105px;
	padding: 20px 15px;
	text-align: center;
	background-color: var(--farbe-beige);
	color: #fff;
}

.haider-termin:hover {
	background-color: rgba(205, 190, 172, 0.6);
}

/* Datum */
.haider-termin-datum {
	margin-bottom: 11px;
	color: var(--farbe-rot);
	font-size: 25px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
}

/* Titel */
.haider-termin-titel {
	margin: 0 0 5px;
	padding: 0;
	color: #fff;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
}

/* Kurzinfo */
.haider-termin-kurzinfo {
	margin-bottom: 4px;
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.4;
}

/* Link */
.haider-termin-link {
	display: inline-block;
	margin-top: 0;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
}

.haider-termin-link:hover,
.haider-termin-link:focus {
	color: var(--farbe-rot);
	text-decoration: none;
}

/* Meldung, wenn keine Termine vorhanden sind */
.haider-keine-termine {
	text-align: center;
}

/* Tablet */
@media only screen and (max-width: 959px) {

	.haider-termine {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Smartphone */
@media only screen and (max-width: 767px) {

	.haider-termine {
		display: grid;
		grid-template-columns: 1fr;
		gap: 7px;
	}

	.haider-termin {
		min-height: 105px;
		padding: 15px 20px;
	}

	.haider-termin-titel {
		font-size: 16px;
	}
}

/*******************/
/**    MOBILE    **/
/******************/

@media only screen and (max-width: 620px) {

	#site-logo #site-logo-inner a img {
		width: 260px !important;
		max-width: calc(100vw - 110px) !important;
		height: auto !important;
	}

	#site-logo {
		max-width: calc(100% - 70px);
	}

	#oceanwp-mobile-menu-icon {
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
	}
}

.oceanwp-mobile-menu-icon > button {
	font-size: 20px !important;
}



@media only screen and (max-width: 1350px) {
	h1 {
		font-size: 40px !important;
	}
	h2, div.haider-termin-datum, h3.haider-termin-titel {
		font-size: 26px !important;
	}
}

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 32px !important;
	}
	h2, div.haider-termin-datum, h3.haider-termin-titel {
		font-size: 24px !important;
	}
}


@media only screen and (max-width: 520px) {
	p {
		font-size: 14px !important;
	}
	h1 {
		font-size: 26px !important;
	}
	h2, div.haider-termin-datum, h3.haider-termin-titel {
		font-size: 20px !important;
	}
}


#bild-text-mobile {
	display: none;
}

@media only screen and (max-width: 1300px) {
div.kleines-textfeld {
	padding-right: 0px !important;
}
}



@media only screen and (max-width: 1450px) {
div.footer-desktop p,
div.footer-desktop a {
	font-size: 16px;
}
}

/* Desktop */
.footer-desktop {
	display: flex !important;
}

/* Mobile standardmäßig ausblenden */
.footer-mobile {
	display: none !important;
}

@media only screen and (max-width: 1060px) {

	.footer-desktop {
		display: none !important;
	}

	.footer-mobile {
		display: flex !important;
	}
	
	.footer-mobile p,
	.footer-mobile a {
		font-size: 16px;
	}
}

/********************************************************************************************************************************************************************************************************
 *                                                                                WOO COMMERCE STYLE
********************************************************************************************************************************************************************************************************/


/* ==========================================================
   WooCommerce Produktübersicht – Haider Weine
========================================================== */

/* ==========================================================
   PRODUKT-RASTER RESPONSIVE
========================================================== */

/* Desktop: 3 Spalten */
.woocommerce ul.products,
.woocommerce-page ul.products {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 380px)) !important;
	justify-content: center;
	gap: 20px;
	width: 100%;
	margin: 0 auto;
}

/* OceanWP-Spaltenbreiten neutralisieren */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products li.product.span_1_of_3,
.woocommerce ul.products li.product.span_1_of_4,
.woocommerce ul.products li.product.tablet-col,
.woocommerce ul.products li.product.mobile-col {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	min-width: 0 !important;
}


/* ==========================================================
   501px – 1000px: 2 Spalten
========================================================== */

@media only screen and (min-width: 501px) and (max-width: 1000px) {

	.woocommerce ul.products,
	.woocommerce-page ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 20px;
		width: 100%;
	}

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product,
	.woocommerce ul.products li.product.span_1_of_3,
	.woocommerce ul.products li.product.span_1_of_4,
	.woocommerce ul.products li.product.tablet-col,
	.woocommerce ul.products li.product.mobile-col {
		float: none !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
	}
}


/* ==========================================================
   Bis 500px: 1 Spalte
========================================================== */

@media only screen and (max-width: 500px) {

	.woocommerce ul.products,
	.woocommerce-page ul.products {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 12px;
		width: 100%;
	}

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product,
	.woocommerce ul.products li.product.span_1_of_3,
	.woocommerce ul.products li.product.span_1_of_4,
	.woocommerce ul.products li.product.tablet-col,
	.woocommerce ul.products li.product.mobile-col {
		float: none !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
	}
}


/* Produktkachel */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	position: relative;
	float: none !important;
	display: flex;
	flex-direction: column;
	width: 100% !important;
	min-width: 0;
	min-height: 450px;
	margin: 0 !important;
	padding: 20px 15px 16px;
	overflow: hidden;
	background-color: var(--farbe-beige);
	box-sizing: border-box;
}

/* Links innerhalb der Produktkachel */
.woocommerce ul.products li.product a {
	text-decoration: none !important;
}

.woocommerce ul.products li.product .product-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
}


/* ----------------------------------------------------------
   Produkttitel
---------------------------------------------------------- */

.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
	min-height: 48px;
	margin: 0 0 10px;
	padding: 0;
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: 0;
	text-align: left;
	text-transform: uppercase;
}

@media (max-width: 1160px) {
	.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
		font-size: 22px !important;
	}
}


/* ----------------------------------------------------------
   Oberer Produktbereich
---------------------------------------------------------- */

.woocommerce-cart ul.products .wc-product-upper,
.archive ul.products .wc-product-upper,
div#produkt-ausgabe-startseite ul.products .wc-product-upper,
body.single-product section.related.products ul.products .wc-product-upper {
	position: relative;
	width: 100%;
}


/* ----------------------------------------------------------
   Unterer Produktbereich: Bild links, Angaben rechts
---------------------------------------------------------- */

.woocommerce-cart ul.products .wc-product-lower,
.archive ul.products .wc-product-lower,
div#produkt-ausgabe-startseite ul.products .wc-product-lower,
body.single-product section.related.products ul.products .wc-product-lower {
	display: grid;
	grid-template-columns: 46% 54%;
	align-items: end;
	flex: 1;
	width: 100%;
	min-width: 0;
	min-height: 275px;
}

/* Beide Spalten */
.woocommerce-cart ul.products .wc-product-lower-col,
.archive ul.products .wc-product-lower-col,
div#produkt-ausgabe-startseite ul.products .wc-product-lower-col,
body.single-product section.related.products ul.products .wc-product-lower-col {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 100%;
	min-width: 0;
	height: 100%;
	box-sizing: border-box;
}

/* Linke Spalte: Produktbild */
.woocommerce-cart ul.products .wc-product-lower-col:first-child,
.archive ul.products .wc-product-lower-col:first-child,
div#produkt-ausgabe-startseite ul.products .wc-product-lower-col:first-child,
body.single-product section.related.products ul.products .wc-product-lower-col:first-child {
	align-items: center;
	justify-content: flex-end;
	padding-right: 12px;
}

.woocommerce ul.products li.product .wc-product-lower-col.first > a {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 100%;
	height: 100%;
}

/* Rechte Spalte: Jahrgang, Preis, Warenkorb */
.woocommerce-cart ul.products .wc-product-lower-col.second,
.archive ul.products .wc-product-lower-col.second,
div#produkt-ausgabe-startseite ul.products .wc-product-lower-col.second,
body.single-product section.related.products ul.products .wc-product-lower-col.second {
	align-items: flex-start;
	justify-content: flex-end;
	padding-left: 8px;
}


/* ----------------------------------------------------------
   Produktbild
---------------------------------------------------------- */

.woocommerce ul.products li.product .wc-product-lower-col.first img {
	display: block;
	width: auto !important;
	max-width: 100% !important;
	/* height: 285px !important;
	max-height: 285px; */
	margin: 0 auto !important;
	object-fit: contain;
	object-position: center bottom;
}


/* ----------------------------------------------------------
   Jahrgang
---------------------------------------------------------- */

.woocommerce ul.products li.product span.jahrgang {
	display: block;
	margin: 0 0 12px;
	color: var(--farbe-grau);
	font-size: 20px;
	font-weight: 300;
	line-height: 1.3;
}


/* ----------------------------------------------------------
   Preis
---------------------------------------------------------- */

.woocommerce ul.products li.product .price {
	display: block;
	margin: 0 0 3px;
	color: var(--farbe-grau);
	font-size: 25px !important;
	font-weight: 700;
	line-height: 1.2;
	text-align: left;
}

.woocommerce ul.products li.product .price .amount {
	color: var(--farbe-grau) !important;
	font-weight: 700;
	text-decoration: none;
	font-size: 25px;
}


/* Angebotspreis: neuer Preis zuerst, alter Preis danach */
.woocommerce ul.products li.product .price {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 5px;
}

/* Neuer Aktionspreis */
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins .amount {
	order: 1;
	margin: 0;
	color: var(--farbe-rot) !important;
	font-size: 25px;
	font-weight: 700;
	text-decoration: none;
}

/* Alter Preis */
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del .amound bdi,
.woocommerce ul.products li.product .price del .amount {
	order: 2;
	margin: 0;
	color: var(--farbe-grau);
	font-size: 10px !important;
	opacity: 0.8;
	text-decoration: none !important;
}

/* Text „statt“ vor dem alten Preis */
.woocommerce ul.products li.product .price del::before {
	content: "statt ";
}

/* Durchstreichung des alten Preises entfernen */
.woocommerce ul.products li.product .price del .amount,
.woocommerce ul.products li.product .price del .amount bdi {
	text-decoration: none !important;
}


/* ----------------------------------------------------------
   Mengenangabe, Literpreis und Steuerinfo
---------------------------------------------------------- */

.woocommerce ul.products li.product div.mengenangabe,
.woocommerce ul.products li.product div.preisproliter,
.woocommerce ul.products li.product div.mwst-versandinfo {
	color: var(--farbe-grau);
	font-size: 12px;
	font-weight: 300;
	line-height: 1.2;
}

.woocommerce ul.products li.product div.mwst-versandinfo {
	padding: 13px 0 8px;
}

.woocommerce ul.products li.product .produkt-mengeninfo {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
	gap: 4px;
	width: auto;
	max-width: 100%;
	margin: 5px 0 0;
	padding: 0;
	color: var(--farbe-grau);
	font-size: 12px;
	font-weight: 300;
	line-height: 1.2;
	text-align: left;
	white-space: nowrap;
}

@media (max-width: 350px) {
	.woocommerce ul.products li.product .produkt-mengeninfo {
		font-size: 9px;
	}
}

.woocommerce ul.products li.product .produkt-mengeninfo .mengenangabe,
.woocommerce ul.products li.product .produkt-mengeninfo .preisproliter {
	position: static;
	display: inline;
	flex: 0 0 auto;
	width: auto !important;
	max-width: none;
	margin: 0;
	padding: 0;
	float: none;
	transform: none;
	color: var(--farbe-grau);
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-align: left;
	white-space: nowrap;
}

@media only screen and (min-width: 501px) and (max-width: 1000px) {

	/* Mengeninfo + Warenkorb untereinander */
	body.post-type-archive-product
	ul.products li.product .wc-product-cart-row {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: nowrap;
		gap: 8px;
		width: 100%;
	}

	/* Mengeninfo eigene Zeile */
	body.post-type-archive-product
	ul.products li.product .wc-product-cart-row .produkt-mengeninfo {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		flex: 0 0 auto;
		width: 100% !important;
		max-width: 100%;
		margin: 0;
		gap: 0;
		white-space: normal;
	}

	/* Menge + Warenkorb darunter */
	body.post-type-archive-product
	ul.products li.product .wc-product-cart-row form.cart {
		display: flex;
		flex-direction: row;
		align-items: stretch;
		justify-content: flex-start;
		width: 100%;
		margin: 0;
		gap: 5px;
	}
}


/* ==========================================================
   Mengenauswahl und Warenkorb-Button
========================================================== */

.wc-product-cart-row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	gap: 5px;
	width: 100%;
	margin-top: 8px;
}



/* Zusatzinfos innerhalb der Warenkorbzeile immer in eigener Zeile */
.wc-product-cart-row .wc-product-info-text,
.wc-product-cart-row .mengenangabe,
.wc-product-cart-row .preisproliter,
.wc-product-cart-row .mwst-versandinfo {
	flex: 0 0 100%;
	width: 100%;
	margin: 0 0 3px;
	padding: 0;
}

.wc-product-cart-row form.cart {
	display: flex;
	align-items: stretch;
	gap: 5px;
	margin: 0;
}

/* Eventuelle zusätzliche Wrapper der Mengenauswahl */
.wc-product-cart-row .quantity {
	flex: 0 0 55px;
	width: 55px;
	min-width: 55px !important;
	margin: 0 !important;
}

#woofc-area .selectqty{
	padding: 0;
	min-width: 50px;
	text-align: center;
	 text-align-last: center;
}


/* Mengenauswahl */
.wc-product-cart-row .selectqty {
	display: block;
	width: 55px;
	height: 31px;
	margin: 0;
	padding: 0 19px 0 8px;
	border: 0;
	border-radius: 0 !important;
	color: var(--farbe-grau);
	font-size: 11px;
	font-weight: 400;
	line-height: 31px;
	text-align: center;
	background-color: #fff;
	box-shadow: none;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235D5E66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 5px center;
	background-size: 10px;
}

.wc-product-cart-row .selectqty:focus {
	outline: none;
}

/* Warenkorb-Button */
.woocommerce ul.products li.product .wc-product-lower-col.second a.button,
.woocommerce ul.products li.product .wc-product-lower-col.second a.ajax_add_to_cart,
.woocommerce ul.products li.product .wc-product-lower-col.second button.button,
.woocommerce ul.products li.product .wc-product-lower-col.second form.cart button[type="submit"] {
display: block;
  flex: 0 0 34px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0;
  text-indent: -9999px;
  background: transparent url("https://haiderweine.insyde.co.at/wp-content/uploads/2026/07/warenkorbbutton.png") center center / 40px 40px no-repeat !important;
  box-shadow: none;
}

/* OceanWP-Pfeil oder andere Icons ausblenden */
.woocommerce ul.products li.product .wc-product-lower-col.second a.button::before,
.woocommerce ul.products li.product .wc-product-lower-col.second a.button::after,
.woocommerce ul.products li.product .wc-product-lower-col.second a.ajax_add_to_cart::before,
.woocommerce ul.products li.product .wc-product-lower-col.second a.ajax_add_to_cart::after,
.woocommerce ul.products li.product .wc-product-lower-col.second button.button::before,
.woocommerce ul.products li.product .wc-product-lower-col.second button.button::after,
.woocommerce ul.products li.product .wc-product-lower-col.second form.cart button[type="submit"]::before,
.woocommerce ul.products li.product .wc-product-lower-col.second form.cart button[type="submit"]::after {
	display: none !important;
	content: none !important;
}

/* Hover ohne Größenänderung */
.woocommerce ul.products li.product .wc-product-lower-col.second a.button:hover,
.woocommerce ul.products li.product .wc-product-lower-col.second a.ajax_add_to_cart:hover,
.woocommerce ul.products li.product .wc-product-lower-col.second button.button:hover,
.woocommerce ul.products li.product .wc-product-lower-col.second form.cart button[type="submit"]:hover {
	background: transparent url("https://haiderweine.insyde.co.at/wp-content/uploads/2026/07/warenkorbbutton.png") center center / 34px 31px no-repeat !important;
	opacity: 0.85;
}

/* AJAX-Ladesymbol */
.woocommerce ul.products li.product .wc-product-cart-row a.added_to_cart {
	display: none;
}


.woocommerce ul.products li.product .produkt-nicht-vorraetig {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 40px;
	color: var(--farbe-rot);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
	text-align: left;
}


/* ----------------------------------------------------------
   Lebensmittelangaben
---------------------------------------------------------- */

.woocommerce ul.products li.product .lebensmittelangaben,
.woocommerce ul.products li.product a.lebensmittelangaben {
	display: block;
	width: 100%;
	margin-top: 10px;
	color: var(--farbe-grau);
	font-size: 12px;
	font-weight: 300;
	line-height: 1.2;
	text-align: left;
}

div.single-product-lebensmittelangaben {
	font-size: 16px;
}

@media (max-width: 625px) {
	.woocommerce ul.products li.product .lebensmittelangaben,
.woocommerce ul.products li.product a.lebensmittelangaben{
	font-size: 10px !important;
}
}

/* ----------------------------------------------------------
   Runde Prämierungs- und Aktions-Badges
---------------------------------------------------------- */

.woocommerce ul.products li.product span.custom-praemierung {
	position: absolute;
	z-index: 5;
	top: 46px;
	right: 13px;
	left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 84px;
	height: 84px;
	padding: 8px;
	border-radius: 50%;
	transform: none;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.05;
	text-align: center;
	text-transform: uppercase;
	background: var(--farbe-grau);
	box-sizing: border-box;
}

/* Optional: Aktion */
.woocommerce ul.products li.product span.custom-praemierung.aktion {
	background: var(--farbe-rot);
}

/* Optional: Neu */
.woocommerce ul.products li.product span.custom-praemierung.neu {
	background: #AD9A85;
}

/* Optional: Gold */
.woocommerce ul.products li.product span.custom-praemierung.gold {
	background: linear-gradient(
		90deg,
		#d8bb54 0%,
		#fff2a5 50%,
		#d0aa35 100%
	);
}


/* ----------------------------------------------------------
   Startseiten-Ausgabe
---------------------------------------------------------- */

div#produkt-ausgabe-startseite a {
	text-decoration: none !important;
}




/* ==========================================================
   Shopinfo oben und Shopfooter
========================================================== */

.shop-ende-kachel-zeile {
	display: flex;
	column-gap: 20px;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Standard-Padding der drei Spalten entfernen */
.shop-ende-kachel-zeile > .wpb_column > .vc_column-inner {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* ==========================================================
   Shop-Ende-Kacheln responsive
========================================================== */

/* Desktop: 3 Spalten */
.shop-ende-kachel-zeile {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	width: 100%;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* WPBakery-Spalten vollständig neutralisieren */
.shop-ende-kachel-zeile > .wpb_column {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	flex: none !important;
	flex-basis: auto !important;
	margin: 0 !important;
}

/* Außenpadding entfernen */
.shop-ende-kachel-zeile > .wpb_column > .vc_column-inner {
	padding-left: 0 !important;
	padding-right: 0 !important;
}


/* 501px bis 1000px: 2 Spalten */
@media only screen and (min-width: 501px) and (max-width: 1000px) {

	.shop-ende-kachel-zeile {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 20px;
	}

	.shop-ende-kachel-zeile > .wpb_column {
		float: none !important;
		width: 100% !important;
		max-width: none !important;
		flex: none !important;
		flex-basis: auto !important;
	}
	
	div.shop-ende-kachel {
		margin-bottom: 0px !important;
	}
}


/* Bis 500px: 1 Spalte */
@media only screen and (max-width: 500px) {

	.shop-ende-kachel-zeile {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 20px;
	}
	div.shop-ende-kachel {
		margin-bottom: 0px !important;
		min-height: auto !important;
	}
}



div.shopinfo p {
	line-height: 1.5;
}

div.shop-ende-kachel {
	background-color: var(--farbe-beige);
	color: #fff;
	padding: 25px;
	min-height: 260px;
}

.haider-shop-end-template {
	clear: both;
	width: 100%;
	margin-top: 60px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0;
	padding-left: 0;
	box-sizing: border-box;
}

@media (max-width: 1160px) {
div.shop-ende-kachel h3 {
	font-size: 22px;
}
}

/* Produktarchiv und Template auf exakt dieselbe Breite setzen */
body.post-type-archive-product article.entry-content > ul.products,
body.post-type-archive-product article.entry-content > .haider-shop-end-template {
	width: 100%;
	max-width: 1180px;
	margin-right: auto !important;
	margin-left: auto !important;
	box-sizing: border-box;
}

/* Abstand des Templates zu den Produkten */
body.post-type-archive-product article.entry-content > .haider-shop-end-template {
	clear: both;
	margin-top: 60px !important;
}

/* Negative WPBakery-Außenabstände innerhalb des Templates entfernen */
body.post-type-archive-product .haider-shop-end-template > .vc_row,
body.post-type-archive-product .haider-shop-end-template > .wpb-content-wrapper > .vc_row {
	width: 100%;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/* WPBakery-Spaltenabstände nicht über die Gesamtbreite hinausragen lassen */
body.post-type-archive-product .haider-shop-end-template .vc_column_container {
	box-sizing: border-box;
}

/* ==========================================================
   Produkt-Badges
========================================================== */

.woocommerce ul.products li.product {
	position: relative;
}

.haider-produkt-badge {
	position: absolute;
	z-index: 10;
	top: 68px;
	right: 20px;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 95px;
	height: 95px;
	padding: 8px;

	border-radius: 50%;
	box-sizing: border-box;

	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.05;
	text-align: center;
	text-transform: uppercase;
}

/* Aktion */
.haider-produkt-badge--aktion {
	background-color: var(--farbe-rot);
}

/* Landessieger */
.haider-produkt-badge--landessieger {
	background-color: var(--farbe-grau);
}

/* Neu */
.haider-produkt-badge--neu {
	background-color: var(--farbe-dunkelbeige);
}

/* Gold */
.haider-produkt-badge--gold {
	background: linear-gradient(
	75deg,
	#DEC679 0%,
	#F1E9CE 25%,
	#DEC679 50%,
	#BCA455 75%,
	#DEC679 100%
);
}

/* Rot-Goldene Traube */
.haider-produkt-badge--traube {
	background: linear-gradient(
		75deg,
		#7F0332 0%,
		#7F0332 20%,
		#BCA455 40%,
		#DEC679 50%,
		#BCA455 60%,
		#7F0332 80%,
		#7F0332 100%
	);
}

/* Responsive */
@media only screen and (max-width: 959px) {
	.haider-produkt-badge {
		top: 65px;
		right: 15px;
		width: 76px;
		height: 76px;
		font-size: 15px;
	}
}

@media only screen and (max-width: 600px) {
	.haider-produkt-badge {
		top: 65px;
		right: 15px;
		width: 72px;
		height: 72px;
		font-size: 14px;
	}
}

/* ==========================================================
   
SINGLE PRODUCT PAGE

========================================================== */

div.back-button {
	background-color: var(--farbe-beige);
	padding-top: 10px;
  padding-bottom: 10px;
	color: #fff;
}

div.back-button a {
	color: #fff;
}

div.product-top-info {
		padding-top: 10px;
  padding-bottom: 10px;
}


@media only screen and (max-width: 1350px) {
  h1.single-post-title.product_title.entry-title {
    font-size: 24px !important;
  }
}

/* ==========================================================
   Single Product – Warenkorb-Button mit Bild
========================================================== */

.single-product div.product form.cart {
	display: flex;
	align-items: stretch;
	gap: 5px;
}

/* Mengenfeld */
.single-product div.product form.cart .quantity {
	display: block;
	flex: 0 0 50px;
	width: 50px;
	min-width: 50px;
	margin: 0 !important;
}

/* Warenkorb-Button */
.single-product div.product form.cart button.single_add_to_cart_button,
.single-product div.product form.cart button[type="submit"] {
	display: block !important;
	flex: 0 0 50px;
	width: 50px !important;
	min-width: 50px;
	height: 50px !important;
	min-height: 50px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	overflow: hidden;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	text-indent: -9999px;
	background-color: transparent !important;
	background-image: url("https://haiderweine.insyde.co.at/wp-content/uploads/2026/07/warenkorbbutton.png") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 50px 50px !important;
	box-shadow: none !important;
}

/* Theme-Icons und Pseudo-Elemente entfernen */
.single-product div.product form.cart button.single_add_to_cart_button::before,
.single-product div.product form.cart button.single_add_to_cart_button::after,
.single-product div.product form.cart button[type="submit"]::before,
.single-product div.product form.cart button[type="submit"]::after {
	display: none !important;
	content: none !important;
}

/* Hover */
.single-product div.product form.cart button.single_add_to_cart_button:hover,
.single-product div.product form.cart button[type="submit"]:hover {
	background-color: transparent !important;
	background-image: url("https://haiderweine.insyde.co.at/wp-content/uploads/2026/07/warenkorbbutton.png") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 40px 40px !important;
	opacity: 0.85;
}

h1.single-post-title.product_title.entry-title {
	font-weight: 700;
	color: var(--farbe-grau);
	font-size: 25px;
	text-align: left;
}


.single-product div.product .summary span.jahrgang {
	display: block;
	margin: 3px 0 15px;
	color: var(--farbe-grau);
	font-size: 20px;
	font-weight: 300;
	line-height: 1.3;
}

.single-product div.produkt-mengeninfo span.mengenangabe,
.single-product div.produkt-mengeninfo span.preisproliter {
	font-weight: 300;
	font-size: 16px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs .panel h2:first-child {
	display: none !important;
}


.woocommerce div.product div.images img {
	display: inline;
	max-width: 30%;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
	text-align: center;
}

.woocommerce div.product form.cart {
	border-top: none !important;
	border-bottom: none !important;
}

.single-product form select {
	border-radius: 1px !important;
	font-size: 18px !important;
	background-color: #fff !important;
	border: 1px solid #fff !important;
	min-height: 50px !important;
}

.woocommerce span.onsale {
	display: none;
}

.single-product div.produkt-mengeninfo {
	margin-top: 10px;
}

.woocommerce div.product form.cart {
	padding-bottom: 8px !important;
	padding-top: 0px !important;
}

/* Single Product: Angebotspreis zuerst, alter Preis danach */
.single-product div.product .summary .price {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 5px;
}

/* Neuer Angebotspreis */
.single-product div.product .summary .price ins {
	order: 1;
	margin: 0;
	color: var(--farbe-rot);
	font-weight: 700;
	text-decoration: none;
}

/* Alter Preis dahinter */
.single-product div.product .summary .price del {
	order: 2;
	margin: 0;
	color: var(--farbe-grau);
	font-size: 11px;
	font-weight: 400;
	opacity: 0.8;
	text-decoration: none;
}

/* „statt“ vor dem alten Preis */
.single-product div.product .summary .price del::before {
	content: "statt ";
}

/* Durchstreichung entfernen */
.single-product div.product .summary .price del .amount {
	color: inherit;
	text-decoration: none;
}

/* Angebotspreis rot */
.single-product div.product .summary .price ins .amount {
	color: var(--farbe-rot);
}


/* Normalpreis auf der Single-Product-Seite */
.single-product div.product .summary .price,
.single-product div.product .summary .price > .amount {
	color: var(--farbe-grau) !important;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.2;
}


/* ==========================================================
   Produkt-Badge – Single Product
========================================================== */

/* Bezugspunkt für die Positionierung */
.single-product div.product .summary {
	position: relative;
}

/* Badge-Position */
.single-product .haider-single-product-badge {
	position: absolute;
	z-index: 20;
	top: 30px;
	left: 40%;
}

/* Badge-Grundform */
.single-product .haider-single-product-badge .haider-produkt-badge {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	padding: 10px;
	border-radius: 50%;
	box-sizing: border-box;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.05;
	text-align: center;
	text-transform: uppercase;
}

/* Farben */
.single-product .haider-produkt-badge--aktion {
	background-color: var(--farbe-rot);
}

.single-product .haider-produkt-badge--landessieger {
	background-color: var(--farbe-grau);
}

.single-product .haider-produkt-badge--neu {
	background-color: var(--farbe-dunkelbeige);
}

.single-product .haider-produkt-badge--gold {
	background: linear-gradient(
	75deg,
	#DEC679 0%,
	#F1E9CE 25%,
	#DEC679 50%,
	#BCA455 75%,
	#DEC679 100%
);
}

.single-product .haider-produkt-badge--traube {
	background: linear-gradient(
		75deg,
		#7F0332 0%,
		#7F0332 20%,
		#BCA455 40%,
		#DEC679 50%,
		#BCA455 60%,
		#7F0332 80%,
		#7F0332 100%
	);
}

@media only screen and (max-width: 767px) {
	.single-product .haider-single-product-badge {
		top: 75px;
		right: 10px;
	}

	.single-product .haider-single-product-badge .haider-produkt-badge {
		width: 72px;
		height: 72px;
		font-size: 13px;
	}
}

@media only screen and (max-width: 1500px) {
	.single-product .haider-single-product-badge {
		right: 0px;
	}
}


/* Reihenfolge Single Product mobile Ansicht */

@media only screen and (max-width: 767px) {

	/* Gesamtes Produkt als Flex-Spalte */
	.single-product div.product {
		display: flex !important;
		flex-direction: column;
	}

	/*
	 * Summary-Inhalte werden direkte Flex-Kinder,
	 * damit Titel/Jahrgang vor das Bild geschoben werden können.
	 */
	.single-product div.product .summary {
		display: contents !important;
	}

	/* Standardmäßig alle Summary-Inhalte nach dem Bild */
	.single-product div.product .summary > * {
		order: 4;
	}

	/* Produkttitel ganz oben */
	.single-product div.product .summary .product_title {
		order: 1;
		width: 100%;
		margin-bottom: 5px;
	}

	/* Jahrgang direkt unter Titel */
	.single-product div.product .summary .jahrgang,
	.single-product div.product .summary .single-produkt-jahrgang {
		order: 2;
		width: 100%;
		margin-bottom: 15px;
	}

	/* Produktbild danach */
	.single-product div.product .woocommerce-product-gallery {
		order: 3;
		width: 100% !important;
		float: none !important;
		margin-bottom: 25px;
	}

	/* Preis, Warenkorb, Beschreibung usw. danach */
	.single-product div.product .summary .price,
	.single-product div.product .summary .produkt-mengeninfo,
	.single-product div.product .summary form.cart,
	.single-product div.product .summary .woocommerce-tabs,
	.single-product div.product .summary .single-product-lebensmittelangaben {
		order: 4;
	}
	
	/* Related Products immer ganz nach unten */
.single-product div.product > section.related.products {
	order: 100 !important;
	width: 100%;
}

/* Clear-Element ebenfalls nach dem Hauptprodukt */
.single-product div.product > .clear-after-summary {
	order: 90;
}
}



.woocommerce div.product p.stock {
	color: var(--farbe-rot) !important;
	padding-top: 20px;
}

/* ==========================================================
   
RELATED PRODUCTS

========================================================== */


.woocommerce .related.products {
	text-align: center;
}

.single-product section.related.products ul.products li.product {
	padding-bottom: 15px !important;
}


/* Badge nur innerhalb der Related Products */
.single-product section.related.products .haider-produkt-badge {
	position: absolute;
	z-index: 10;
	top: 35px;
	right: 20px;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 85px;
	height: 85px;
	padding: 8px;

	border-radius: 50%;
	box-sizing: border-box;

	color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.05;
	text-align: center;
	text-transform: uppercase;
}

/* Farben nur in Related Products */
.single-product section.related.products .haider-produkt-badge--aktion {
	background-color: var(--farbe-rot);
}

.single-product section.related.products .haider-produkt-badge--landessieger {
	background-color: var(--farbe-grau);
}

.single-product section.related.products .haider-produkt-badge--neu {
	background-color: var(--farbe-dunkelbeige);
}

.single-product section.related.products .haider-produkt-badge--gold {
		background: linear-gradient(
	75deg,
	#DEC679 0%,
	#F1E9CE 25%,
	#DEC679 50%,
	#BCA455 75%,
	#DEC679 100%
);
}


.single-product section.related.products .haider-produkt-badge--traube {
	background: linear-gradient(
		75deg,
		#7F0332 0%,
		#7F0332 20%,
		#BCA455 40%,
		#DEC679 50%,
		#BCA455 60%,
		#7F0332 80%,
		#7F0332 100%
	);
}

/* ==========================================================
   SHOP PRODUKTE STARTSEITE
   Optik identisch zum Shop-Archiv, nur 4 Spalten
========================================================== */

/* ----------------------------------------------------------
   Produkt-Raster
---------------------------------------------------------- */

#shop-produkte-startseite ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 380px)) !important;
	justify-content: center;
	gap: 20px;
	width: 100%;
	margin: 0 auto;
}

#shop-produkte-startseite ul.products::before,
#shop-produkte-startseite ul.products::after {
	display: none !important;
}


/* ----------------------------------------------------------
   Produktkachel
---------------------------------------------------------- */

#shop-produkte-startseite ul.products li.product {
	position: relative;
	float: none !important;
	display: flex;
	flex-direction: column;
	width: 100% !important;
	min-width: 0;
	min-height: 450px;
	margin: 0 !important;
	padding: 20px 15px 16px;
	overflow: hidden;
	background-color: var(--farbe-beige);
	box-sizing: border-box;
}

#shop-produkte-startseite ul.products li.product a {
	text-decoration: none !important;
}

#shop-produkte-startseite ul.products li.product .product-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
}


/* ----------------------------------------------------------
   Produkttitel – wie im Shop
---------------------------------------------------------- */

#shop-produkte-startseite ul.products li.product h2.woocommerce-loop-product__title {
	min-height: 48px;
	margin: 0 0 10px;
	padding: 0;
	color: #fff !important;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: 0;
	text-align: left !important;
	text-transform: uppercase;
}


/* ----------------------------------------------------------
   Oberer Produktbereich
---------------------------------------------------------- */

#shop-produkte-startseite ul.products .wc-product-upper {
	position: relative;
	width: 100%;
}


/* ----------------------------------------------------------
   Jahrgang direkt unter Titel
---------------------------------------------------------- */

#shop-produkte-startseite ul.products li.product .wc-product-upper span.jahrgang {
	display: block;
	margin: 0 0 12px;
	color: var(--farbe-grau);
	font-size: 20px;
	font-weight: 300;
	line-height: 1.3;
	text-align: left;
}

/* Falls der Jahrgang zusätzlich unten ausgegeben wird */
#shop-produkte-startseite ul.products li.product .wc-product-lower-col.second > span.jahrgang {
	display: none;
}


/* ----------------------------------------------------------
   Unterer Produktbereich
---------------------------------------------------------- */

#shop-produkte-startseite ul.products .wc-product-lower {
	display: grid;
	grid-template-columns: 46% 54%;
	align-items: end;
	flex: 1;
	width: 100%;
	min-width: 0;
	min-height: 275px;
}


/* ----------------------------------------------------------
   Beide Spalten
---------------------------------------------------------- */

#shop-produkte-startseite ul.products .wc-product-lower-col {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 100%;
	min-width: 0;
	height: 100%;
	box-sizing: border-box;
}


/* ----------------------------------------------------------
   Linke Spalte: Produktbild
---------------------------------------------------------- */

#shop-produkte-startseite ul.products .wc-product-lower-col.first {
	align-items: center;
	justify-content: flex-end;
	padding-right: 12px;
}

#shop-produkte-startseite ul.products li.product .wc-product-lower-col.first > a {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 100%;
	height: 100%;
}


/* ----------------------------------------------------------
   Rechte Spalte: Preis, Mengeninfo, Warenkorb
---------------------------------------------------------- */

#shop-produkte-startseite ul.products .wc-product-lower-col.second {
	align-items: flex-start;
	justify-content: flex-end;
	padding-left: 8px;
	text-align: left;
}


/* ----------------------------------------------------------
   Produktbild
---------------------------------------------------------- */

#shop-produkte-startseite ul.products li.product .wc-product-lower-col.first img {
	display: block;
	width: auto !important;
	max-width: 100% !important;
	/* height: 285px !important;
	max-height: 285px; */
	margin: 0 auto !important;
	object-fit: contain;
	object-position: center bottom;
}


/* ----------------------------------------------------------
   Preis
---------------------------------------------------------- */

#shop-produkte-startseite ul.products li.product .price {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 5px;
	width: 100%;
	margin: 0 0 3px;
	color: var(--farbe-grau);
	font-size: 25px !important;
	font-weight: 700;
	line-height: 1.2;
	text-align: left;
}

#shop-produkte-startseite ul.products li.product .price .amount {
	color: var(--farbe-grau) !important;
	font-weight: 700;
	text-decoration: none;
	font-size: 25px;
}


/* Angebotspreis */
#shop-produkte-startseite ul.products li.product .price ins,
#shop-produkte-startseite ul.products li.product .price ins .amount {
	order: 1;
	margin: 0;
	color: var(--farbe-rot) !important;
	font-size: 25px;
	font-weight: 700;
	text-decoration: none;
}

/* Alter Preis */
#shop-produkte-startseite ul.products li.product .price del,
#shop-produkte-startseite ul.products li.product .price del .amount,
#shop-produkte-startseite ul.products li.product .price del .amount bdi {
	order: 2;
	margin: 0;
	color: var(--farbe-grau) !important;
	font-size: 10px !important;
	opacity: 0.8;
	text-decoration: none !important;
}

#shop-produkte-startseite ul.products li.product .price del::before {
	content: "statt ";
}


/* ----------------------------------------------------------
   Mengeninfo
---------------------------------------------------------- */

#shop-produkte-startseite ul.products li.product .produkt-mengeninfo {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
	gap: 4px;
	width: auto;
	max-width: 100%;
	margin: 5px 0 0;
	padding: 0;
	color: var(--farbe-grau);
	font-size: 12px;
	font-weight: 300;
	line-height: 1.2;
	text-align: left;
	white-space: nowrap;
}

#shop-produkte-startseite ul.products li.product .produkt-mengeninfo .mengenangabe,
#shop-produkte-startseite ul.products li.product .produkt-mengeninfo .preisproliter {
	position: static;
	display: inline;
	flex: 0 0 auto;
	width: auto !important;
	max-width: none;
	margin: 0;
	padding: 0;
	float: none;
	transform: none;
	color: var(--farbe-grau);
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-align: left;
	white-space: nowrap;
}


/* ----------------------------------------------------------
   Mengeninfo oberhalb von Menge + Warenkorb
---------------------------------------------------------- */

#shop-produkte-startseite ul.products li.product .wc-product-cart-row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	gap: 5px;
	width: 100%;
	margin-top: 8px;
}

#shop-produkte-startseite ul.products li.product .wc-product-cart-row .produkt-mengeninfo {
	flex: 0 0 100%;
	width: 100%;
	margin: 0 0 3px;
	padding: 0;
}

#shop-produkte-startseite ul.products li.product .wc-product-cart-row form.cart {
	display: flex;
	align-items: stretch;
	gap: 5px;
	margin: 0;
}


/* ----------------------------------------------------------
   Mengenauswahl
---------------------------------------------------------- */

#shop-produkte-startseite ul.products li.product .wc-product-cart-row .quantity {
	flex: 0 0 55px;
	width: 55px;
	min-width: 55px !important;
	margin: 0 !important;
}

#shop-produkte-startseite ul.products li.product .wc-product-cart-row .selectqty {
	display: block;
	width: 55px;
	height: 31px;
	margin: 0;
	padding: 0 19px 0 8px;
	border: 0;
	border-radius: 0 !important;
	color: var(--farbe-grau);
	font-size: 11px;
	font-weight: 400;
	line-height: 31px;
	text-align: center;
	background-color: #fff;
	box-shadow: none;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235D5E66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 5px center;
	background-size: 10px;
}


/* ----------------------------------------------------------
   Warenkorb-Button
---------------------------------------------------------- */

#shop-produkte-startseite ul.products li.product .wc-product-lower-col.second a.button,
#shop-produkte-startseite ul.products li.product .wc-product-lower-col.second a.ajax_add_to_cart,
#shop-produkte-startseite ul.products li.product .wc-product-lower-col.second button.button,
#shop-produkte-startseite ul.products li.product .wc-product-lower-col.second form.cart button[type="submit"] {
	display: block;
	flex: 0 0 40px;
	width: 40px;
	min-width: 40px;
	height: 40px;
	min-height: 40px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	border-radius: 0;
	overflow: hidden;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0;
	text-indent: -9999px;
	background: transparent url("https://haiderweine.insyde.co.at/wp-content/uploads/2026/07/warenkorbbutton.png") center center / 40px 40px no-repeat !important;
	box-shadow: none;
}

#shop-produkte-startseite ul.products li.product .wc-product-lower-col.second a.button::before,
#shop-produkte-startseite ul.products li.product .wc-product-lower-col.second a.button::after,
#shop-produkte-startseite ul.products li.product .wc-product-lower-col.second a.ajax_add_to_cart::before,
#shop-produkte-startseite ul.products li.product .wc-product-lower-col.second a.ajax_add_to_cart::after,
#shop-produkte-startseite ul.products li.product .wc-product-lower-col.second button.button::before,
#shop-produkte-startseite ul.products li.product .wc-product-lower-col.second button.button::after,
#shop-produkte-startseite ul.products li.product .wc-product-lower-col.second form.cart button[type="submit"]::before,
#shop-produkte-startseite ul.products li.product .wc-product-lower-col.second form.cart button[type="submit"]::after {
	display: none !important;
	content: none !important;
}


/* ----------------------------------------------------------
   Lebensmittelangaben
---------------------------------------------------------- */

#shop-produkte-startseite ul.products li.product .lebensmittelangaben,
#shop-produkte-startseite ul.products li.product a.lebensmittelangaben {
	display: block;
	width: 100%;
	margin-top: 10px;
	color: var(--farbe-grau);
	font-size: 12px;
	font-weight: 300;
	line-height: 1.2;
	text-align: left;
}


/* ----------------------------------------------------------
   Badges – identisch zum Shop
---------------------------------------------------------- */

#shop-produkte-startseite ul.products li.product .haider-produkt-badge {
	position: absolute;
	z-index: 10;
	top: 46px;
	right: 13px;

	display: flex !important;
	align-items: center;
	justify-content: center;

	width: 84px;
	height: 84px;
	padding: 8px;

	border-radius: 50%;
	box-sizing: border-box;

	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.05;
	text-align: center;
	text-transform: uppercase;
}

#shop-produkte-startseite ul.products li.product .haider-produkt-badge--aktion {
	background-color: var(--farbe-rot);
}

#shop-produkte-startseite ul.products li.product .haider-produkt-badge--landessieger {
	background-color: var(--farbe-grau);
}

#shop-produkte-startseite ul.products li.product .haider-produkt-badge--neu {
	background-color: #AD9A85;
}

#shop-produkte-startseite ul.products li.product .haider-produkt-badge--gold {
		background: linear-gradient(
	75deg,
	#DEC679 0%,
	#F1E9CE 25%,
	#DEC679 50%,
	#BCA455 75%,
	#DEC679 100%
);
}

#shop-produkte-startseite ul.products li.product .haider-produkt-badge--traube {
	background: linear-gradient(
		75deg,
		#7F0332 0%,
		#7F0332 20%,
		#BCA455 40%,
		#DEC679 50%,
		#BCA455 60%,
		#7F0332 80%,
		#7F0332 100%
	);
}

/* ==========================================================
   Tablet
========================================================== */

@media only screen and (max-width: 1100px) {

	#shop-produkte-startseite ul.products {
		grid-template-columns: repeat(2, minmax(0, 300px)) !important;
	}

	#shop-produkte-startseite ul.products li.product {
		min-height: 355px;
	}

	#shop-produkte-startseite ul.products li.product .wc-product-lower {
		grid-template-columns: 44% 56%;
		min-height: 255px;
	}

	#shop-produkte-startseite ul.products li.product .wc-product-lower-col.first img {
		height: 285px !important;
		max-height: 285px;
	}
}


/* ==========================================================
   Smartphone
========================================================== */

@media only screen and (max-width: 600px) {

	#shop-produkte-startseite ul.products {
		grid-template-columns: 1fr !important;
		gap: 12px;
	}

	#shop-produkte-startseite ul.products li.product {
		min-height: 360px;
		margin: 0 !important;
		padding: 20px;
	}

	#shop-produkte-startseite ul.products li.product h2.woocommerce-loop-product__title {
		max-width: calc(100% - 100px);
		min-height: 42px;
		font-size: 17px;
		text-align: left !important;
		color: #fff !important;
	}

	#shop-produkte-startseite ul.products li.product .wc-product-lower-col.first img {
		height: 290px !important;
		max-height: 290px;
	}

	#shop-produkte-startseite ul.products li.product .haider-produkt-badge {
		top: 45px;
		right: 18px;
		width: 82px;
		height: 82px;
		font-size: 15px;
	}
}


/* Mengeninfo, UST auf Startseite umbrechen */

@media only screen and (min-width: 1100px) and (max-width: 1380px) {

	#shop-produkte-startseite ul.products li.product .produkt-mengeninfo {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 0;
		width: 100%;
		white-space: normal;
		text-align: left;
	}

	#shop-produkte-startseite ul.products li.product .produkt-mengeninfo .mengenangabe,
	#shop-produkte-startseite ul.products li.product .produkt-mengeninfo .preisproliter {
		display: block;
		width: 100% !important;
		white-space: normal;
		text-align: left;
	}
	
	#shop-produkte-startseite h2.woocommerce-loop-product__title {
		font-size: 18px !important;
	}
}





/* ==========================================================
   
FLY CART

========================================================== */

span.woofc-menu-item-inner-subtotal span.woocommerce-Price-amount.amount bdi,
span.woofc-item-price span.woocommerce-Price-amount.amount {
	color: var(--farbe-rot);
}

.woofc-menu-item .woofc-menu-item-inner::after {
	background-color: var(--farbe-creme);
	color: var(--farbe-grau);
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-individual {
	display: none;
}

.woofc-area.woofc-style-01 .woofc-area-top,
.woofc-area-bot {
	background-color: var(--farbe-beige) !important;
}

.woofc-area-bot {
	padding-top: 20px;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove, .woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-special,
.woofc-area.woofc-style-01 .woofc-area-bot .woofc-action .woofc-action-inner > div a, .woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner > div a, .woofc-area.woofc-style-03 .woofc-area-bot .woofc-action .woofc-action-inner > div a, .woofc-area.woofc-style-04 .woofc-area-bot .woofc-action .woofc-action-inner > div a {
	color: var(--farbe-grau);
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb img {
	width: 50% !important;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-data, .woofc-area.woofc-style-01 .woofc-area-bot .woofc-total {
	color: var(--farbe-grau) !important;
}


.woofc-area .woofc-area-mid .woofc-undo .woofc-undo-inner {
	color: var(--farbe-grau) !important;
	border-color: var(--farbe-grau) !important;
}

.woofc-area .woofc-area-mid .woofc-undo .woofc-undo-inner a {
		color: var(--farbe-grau) !important;
}

.insyde-flycart-box-info {
	margin: 15px;
	padding: 18px;
	background: var(--farbe-hellbeige);
	border: 1px solid var(--farbe-grau);
	color: #333;
	font-size: 14px;
	line-height: 1.45;
}

.insyde-flycart-box-info strong {
	color: var(--farbe-grau);
	font-weight: 800;
}

.insyde-flycart-box-info p {
	margin: 8px 0 0 0;
}

div.wpcfb-title span.woocommerce-Price-amount.amount bdi,
div.wpcfb-message span.woocommerce-Price-amount.amount bdi {
	color: var(--farbe-grau);
	font-weight: 700;
}

/* ==========================================================
   
WOOCOMMERCE  MESSAGES

========================================================== */


.woocommerce-message,
.woocommerce-info {
	font-size: 18px !important;
	color: var(--farbe-grau) !important;
  border: 1px solid var(--farbe-grau) !important;
}
.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--farbe-grau) !important;
}

.woocommerce-message a {
	padding: 12px 18px !important;
  font-size: 15px !important;
}

ul.woocommerce-error {
	background-color: var(--farbe-rot) !important;
}



/* ==========================================================
   
WOOCOMMERCE WARENKORB

========================================================== */



.woocommerce-cart table.cart img {
	max-width: 35px !important;
}

tr.woocommerce-cart-form__cart-item.cart_item td.product-price span.woocommerce-Price-amount.amount bdi,
tr.woocommerce-cart-form__cart-item.cart_item td.product-subtotal span.woocommerce-Price-amount.amount bdi,
tr.cart-subtotal td span.woocommerce-Price-amount.amount bdi,
tr.order-total td span.woocommerce-Price-amount.amount bdi {
	color: var(--farbe-rot) !important;
}

.woocommerce button.button {
	background-color: var(--farbe-beige);
  color: var(--farbe-grau);
  border-color: var(--farbe-beige);
}


.woocommerce button.button:hover {
	background-color: var(--farbe-dunkelbeige);
  color: var(--farbe-grau);
  border-color: var(--farbe-dunkelbeige);
}

.woocommerce-cart .cart-collaterals .cart_totals .order-total td span.woocommerce-Price-amount.amount {
	font-size: 30px !important;
}

a.checkout-button.button.alt.wc-forward {
		background-color: var(--farbe-beige);
  color: var(--farbe-grau);
  border-color: var(--farbe-beige);
	font-size: 30px;
}


a.checkout-button.button.alt.wc-forward:hover {
		background-color: var(--farbe-dunkelbeige);
  border-color: var(--farbe-dunkelbeige);
}


table.shop_table.shop_table_responsive tr.woocommerce-shipping-totals.shipping ul#shipping_method.woocommerce-shipping-methods span.woocommerce-Price-amount.amount bdi {
	color: var(--farbe-rot);
}

.woocommerce table.shop_table td {
	text-transform: none !important;
	font-size: 18px;
}

tr.fee td span.woocommerce-Price-amount.amount bdi {
	color: var(--farbe-rot) !important;
}

/* ==========================================================
   
WOOCOMMERCE KASSE

========================================================== */

tr.cart_item td.product-total span.woocommerce-Price-amount.amount bdi {
	color: var(--farbe-rot);
}

tr.cart_item td.product-name {
	font-size: 18px;
}


.woocommerce #order_review table.shop_table tfoot th {
	font-size: 22px;
}

.woocommerce-checkout-review-order-table tfoot th {
	background-color: #f5f3f0 !important;
}
tr.order-total span.woocommerce-Price-amount.amount bdi {
	font-size: 30px;
}

div.woocommerce-privacy-policy-text {
	padding-bottom: 35px;
}

button#place_order.button.alt {
	font-size: 26px;
	text-transform: uppercase;
}

.woocommerce-checkout-review-order-table
.shipping_method + label .woocommerce-Price-amount {
	color: var(--farbe-rot) !important;
}


/* ==========================================================
   
WOOCOMMERCE DANKE SEITE

========================================================== */

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
	text-align: center;
  font-size: 32px;
  font-weight: 700;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li.woocommerce-order-overview__total.total span.woocommerce-Price-amount.amount bdi {
	color: var(--farbe-rot);
}

h2.wc-bacs-bank-details-heading,
h2.woocommerce-order-details__title,
h2.woocommerce-column__title {
	font-size: 30px;
}

section.woocommerce-bacs-bank-details,
section.woocommerce-customer-details {
	padding-top: 20px;
	padding-bottom: 20px;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td.woocommerce-table__product-name.product-name {
	font-size: 16px;
}

.woocommerce .shop_table.order_details tfoot th {
	background-color: #f5f3f0 !important;
	font-size: 20px;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details span.woocommerce-Price-amount.amount {
	color: var(--farbe-rot);
}

/* Danke-Seite: Gesamtpreis hervorheben */
body.woocommerce-order-received
.woocommerce-table--order-details tfoot tr:nth-last-child(2) th,
body.woocommerce-order-received
.woocommerce-table--order-details tfoot tr:nth-last-child(2) td {
	font-size: 20px;
	font-weight: 700;
}

/* Preis selbst */
body.woocommerce-order-received
.woocommerce-table--order-details tfoot tr:nth-last-child(2) .woocommerce-Price-amount {
	font-size: 24px;
	font-weight: 700;
}




/* ==========================================================
   
WOOCOMMERCE WOOF Filter

========================================================== */

div.woof_container_inner.woof_container_inner_produktkategorien h4 {
	display: none;
}

.woof_list.woof_list_label {
	display: flex !important;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
	margin: 0 auto !important;
	padding: 0 !important;
	text-align: center;
}

.woof_list.woof_list_label li {
	float: none !important;
	display: inline-flex;
	margin: 0 !important;
	padding: 0 !important;
}

.woof_list_label .woof_label_term {
	background-color: var(--farbe-beige) !important;
  border: 1px solid var(--farbe-beige) !important;
	padding: 5px 15px !important;
	color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
}

.woof_list_label .woof_label_term:hover{
	background-color: var(--farbe-dunkelbeige) !important;
	border: 1px solid var(--farbe-dunkelbeige) !important;
}

.woof_submit_search_form_container {
	display: flex !important;
	justify-content: center !important;
	align-items: center;
	width: 100%;
}

.woof_submit_search_form_container .woof_reset_search_form {
	margin: 0 auto !important;
}


button.woof_reset_button_2 {
	background-color: var(--farbe-beige) !important;
  border: 1px solid var(--farbe-beige) !important;
	padding: 5px 15px !important;
	color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
}


/* ==========================================================
   
BREVO FORMS

========================================================== */

.sib-form-row {
	display: grid;
	grid-template-columns: 1fr 1fr auto;
	gap: 22px;
	align-items: center;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.sib-form-row p {
	margin: 0 !important;
	padding: 0 !important;
}

.sib-form-row p.sib-email-area,
.sib-form-row p.sib-FIRSTNAME-area {
	width: 100%;
}

.sib-form-row input[type="email"],
.sib-form-row input[type="text"] {
	display: block;
	width: 100% !important;
	height: 46px !important;
	margin: 0 !important;
	padding: 0 16px !important;
	box-sizing: border-box;
	background: var(--farbe-hellbeige) !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--farbe-grau) !important;
	font-family: inherit;
	font-size: 16px;
  font-weight: 700;
}

.sib-form-row input[type="email"]::placeholder,
.sib-form-row input[type="text"]::placeholder {
	color: var(--farbe-grau) !important;
	opacity: 0.7;
}

.sib-form-row .sib-default-btn {
	display: block;
	height: 46px !important;
	margin: 0 !important;
	padding: 0 24px !important;
	background: var(--farbe-grau) !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: #fff !important;
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
}

@media (max-width: 765px) {
	.sib-form-row {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.sib-form-row .sib-default-btn {
		width: 100% !important;
	}
}