/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 28 2026 | 13:21:16 */
/* =========================================================
WOOCOMMERCE – SINGLE PRODUCT
========================================================= */
/* ---------------------------------------------------------
Produktgalerie – Thumbnails
--------------------------------------------------------- */
body.single-product .woocommerce-product-gallery .flex-control-thumbs {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
	margin: 15px 0 0 !important;
	padding: 0;
	clear: both;
}
body.single-product .woocommerce-product-gallery .flex-control-thumbs li {
	width: 70px !important;
	flex: 0 0 70px;
	margin: 0 !important;
}
body.single-product .woocommerce-product-gallery .flex-control-thumbs img {
	display: block;
	width: 70px !important;
	height: 70px !important;
	object-fit: cover;
}
/* ---------------------------------------------------------
Produktgalerie – Hauptbild stabil halten
--------------------------------------------------------- */
body.single-product .woocommerce-product-gallery {
	display: flow-root;
	margin-bottom: 24px !important;
}
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
	margin: 0 !important;
}
/*
FlexSlider gibt es nur bei mehreren Bildern.
Keine feste Aspect-Ratio auf den Flex-Viewport setzen.
*/
body.single-product .woocommerce-product-gallery .flex-viewport {
	height: auto !important;
	overflow: hidden;
}
/*
Diese Bildfläche existiert bei einem UND mehreren Bildern.
*/
body.single-product .woocommerce-product-gallery__image {
	aspect-ratio: 1 / 1;
}
body.single-product .woocommerce-product-gallery__image > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
body.single-product .woocommerce-product-gallery__image img {
	display: block;
	width: 100%;
	height: 100% !important;
	object-fit: contain;
}
/* ---------------------------------------------------------
Produktgalerie – wenn KEINE Thumbnails vorhanden sind
zusätzlichen Abstand zu den Tabs schaffen
--------------------------------------------------------- */
body.single-product
.woocommerce-product-gallery:not(:has(.flex-control-thumbs)) {
	margin-bottom: 70px !important;
}
/* ---------------------------------------------------------
Doppelte Überschriften in WooCommerce-Tabs entfernen
--------------------------------------------------------- */
body.single-product .woocommerce-Tabs-panel--description > h2:first-child,
body.single-product .woocommerce-Tabs-panel--additional_information > h2:first-child,
body.single-product .woocommerce-Reviews-title {
	display: none !important;
}
/* ---------------------------------------------------------
Beschreibung + zusätzliche Informationen einrücken
--------------------------------------------------------- */
body.single-product .woocommerce-Tabs-panel--description,
body.single-product .woocommerce-Tabs-panel--additional_information {
	padding: 24px 4% 20px !important;
	box-sizing: border-box;
}
/* ---------------------------------------------------------
Zusätzliche Informationen – Tabelle
--------------------------------------------------------- */
body.single-product table.woocommerce-product-attributes,
body.single-product table.woocommerce-product-attributes tr,
body.single-product table.woocommerce-product-attributes th,
body.single-product table.woocommerce-product-attributes td {
	border: none !important;
	background: transparent !important;
}
body.single-product table.woocommerce-product-attributes th,
body.single-product table.woocommerce-product-attributes td {
	padding: 6px 0 !important;
	vertical-align: middle;
	line-height: 1.4;
}
body.single-product table.woocommerce-product-attributes th {
	text-align: left;
	width: 190px;
	padding-right: 25px !important;
}
body.single-product table.woocommerce-product-attributes td p {
	margin: 0 !important;
	padding: 0 !important;
}
/* ---------------------------------------------------------
Rezensionen – Hinweistexte einrücken
--------------------------------------------------------- */
body.single-product .woocommerce-Reviews .woocommerce-noreviews,
body.single-product .woocommerce-Reviews .woocommerce-verification-required {
	margin-left: 4% !important;
	margin-right: 4% !important;
}
/* ---------------------------------------------------------
Schatten Kategoriebilder
--------------------------------------------------------- */
.woocommerce ul.products li.product a img {
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15) !important;
	transition: box-shadow 0.3s ease-in-out;
}
/* ---------------------------------------------------------
Related Products – kompakter und mittig
--------------------------------------------------------- */
#related--products {
	width: 75% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
/* ---------------------------------------------------------
ACF - Zusatzinfo
--------------------------------------------------------- */
/* 1. Das Übergeordnete p-Tag zur Flex-Zeile machen */
.product--info .elementor-heading-title {
	display: flex !important;
	align-items: flex-start !important;
	/* Richtet Text oben aneinander aus */
	margin-bottom: 8px !important;
	/* Feiner Zeilenabstand zwischen den Blöcken */
}
/* 2. Das Label (span) als feste Spalte definieren */
.product--info .elementor-heading-title > span {
	font-size: 1.1rem !important;
	font-weight: 600 !important;
	/* Flex-Basis sorgt für eine eiserne Mindestbreite */
	flex: 0 0 230px !important;
	max-width: 230px !important;
	padding-right: 15px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}
/* Vorrätig ausblenden */
.tp-woo-stock, .tp-woo-add-to-cart .stock.in-stock {
    display: none !important;
}
/* Bei nur einem kaufbaren Stück keine nutzlosen Plus/Minus-Tasten */
body.single-product .tp-woo-add-to-cart form.cart
.quantity:has(input.qty[type="hidden"]) {
    display: none;
}
/* ---------------------------------------------------------
Responsiv
--------------------------------------------------------- */
/* Tablet */
@media (max-width: 1024px) {
	#related--products {
		width: 90% !important;
	}
}
/* Smartphone */
@media (max-width: 767px) {
	#related--products {
		width: 100% !important;
	}
	.product--info .elementor-heading-title {
		flex-direction: column !important;
		margin-bottom: 20px !important;
	}
	.product--info .elementor-heading-title > span {
		flex: none !important;
		padding-right: 0 !important;
		margin-bottom: -5px !important;
	}
}