.gpsr {
	display: none;
}
/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

/* fix header-search x button
unnötig in aktueller Shopversion? 11.03.24
.header-fire header .header-search .input-group .form-clear {
	transform: translate(24%, -42%);
}
*/

/* fix for tables in details area */
#tab-content-product-tabs table {
	table-layout: fixed;
	width: 100%;
}

/* fix for login area labels color
unnötig in aktueller Shopversion? 11.03.24
.label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label {
	color: #707070;
}
*/

/* fix login page amazon button */
/* #product-offer .lpa-button-container {
	min-width: 390px;
} */
.cart-summary .card > .card-body .lpa-button-tooltip-wrapper {
	margin-left: -25px;
}

#tab-content-product-tabs table img {
	max-width: 100%;
	height: auto;
}

/* hide delivary time - product box
unnötig in aktueller Shopversion? 11.03.24 */
.productbox-inner .estimated-delivery {
	display: none;
}

/* fix productbox dropdown
unnötig? 11.03.24 */
.productbox-inner .custom-select {
	width: 220px !important;
}

/************** SLIDER  ****************************/

/* unnötig? wird im inline style { width: auto !important; max-width:100%; } überschrieben?! 14.03.24 */
.slider-item img {
	width: 100%;
}

/* früher war ein Textbutton über einer Slide.
folgendes bis zum nächsten Kommentar jetzt unnötig?! 14.03.24
.slider-item .slider-content {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 5%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.slider-item h2 {
	margin-bottom: 0;
	font-weight: bold;
	opacity: 0;
	color: #333;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	-o-transition: opacity 0.5s, transform 0.5s;
	transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
	-webkit-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transform: translateX(-100px);
}

.slider-item h3 {
	margin-bottom: 10px;
	color: #333;
	opacity: 0;
	-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
	-o-transition: opacity 0.8s, transform 0.8s;
	transition: opacity 0.8s, -webkit-transform 0.8s;
	transition: opacity 0.8s, transform 0.8s;
	transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
	-webkit-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transform: translateX(-100px);
}

.slick-active h2,
.slick-active h3,
.slick-active .button,
.slick-active p {
	z-index: 9999;
	opacity: 1;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

.slick-active .button {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}

.slider-item .button {
	display: inline-block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 10px 20px;
	border: 2px solid transparent;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	opacity: 0;
	background-color: #ca2239;
	-webkit-transition: opacity 0.9s, -webkit-transform 0.9s;
	-o-transition: opacity 0.9s, transform 0.9s;
	transition: opacity 0.9s, -webkit-transform 0.9s;
	transition: opacity 0.9s, transform 0.9s;
	transition: opacity 0.9s, transform 0.9s, -webkit-transform 0.9s;
	-webkit-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transform: translateX(-100px);
}

.slider-item .button:hover {
	border-color: #ca2239;
	color: #ca2239;
	background-color: #fff;
}
*/

/* margin unnötig, padding überschreibt das von .slick-slide { ... padding: 0 1rem; } unnötig? 14.03.24 */
.slick-slider, .slick-slide {
	margin: 0;
	padding: 0 !important;
}

/* folgendes unnötig da controls eh deaktiviert sind?! 14.03.24

.slider-control {
	z-index: 99999;
	position: absolute;
	right: 0;
	bottom: 5px;
}

.slider-control .next,
.slider-control .prev {
	display: inline-block;
	padding: 10px 15px;
	border: none;
	color: #fff;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor: pointer;
}

.slider-control .prev {
	border: none;
	background: #3fa7d5;
}

.slider-control .next {
	border: none;
	background: #3fa7d5;
}
*/

/* h2, h3, button, control, content alles hier genauso unnötig?! 14.03.24 */

@media all and (min-width: 992px) {
	.slider-item h2 {
		margin-bottom: 40px;
	}

	.slider-item h3 {
		margin-bottom: 50px;
	}

	.slider-item .button {
		padding: 20px 35px;
	}

	.slider-control .next,
	.slider-control .prev {
		padding: 30px 43px;
	}

	.slider-item .slider-content {
		top: 50%;
		left: 17%;
		background: #ffffffe8;
		padding: 20px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.slider-item .slider-content {
		top: 50%;
		left: 1%;
		background: #ffffffe8;
		padding: 20px;
	}
	.slider-item h2 {
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
}

@media (max-width: 768px) {
	.slider-item .slider-content {
		background: #ffffffe8;
		top: 50%;
		left: 1%;
		right: 1%;
		padding: 20px;
	}
	.slider-item h2 {
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
	
	.slider-item img {
		width: auto; /* wird inline überschrieben */
		min-height: 360px; /* greift nur bei winzigen handys */
		/* hier stand früher transform translate, unset im inline bedenken */
	}
}

/* enlarges the fabric images when hovering over them
and arranges them responsive to container/display width
Nachtrag: Die Klassen gibt es bei Artikeln nicht (mehr). Unnötig? 18.03.24 */
.kacheln {
	width: 82%;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, 150px);
	grid-gap: 1em;
}
img.Stoffmuster {
	width: 100%;
}
img.Stoffmuster {
	transition: transform 0.8s;
}
img.Stoffmuster:hover {
	transform: scale(2.5, 2.5);
}

/* Swatches haben keine custom-control-label,
Radiobuttons schon aber die haben keine data-list. Unnötig? 18.03.24 */
label.variation.custom-control-label[data-list]::before {
	border: 0;
}
label.variation.custom-control-label[data-list] {
	font-weight: bold;
	cursor: initial;
}

/* Variationsbilder kein Abstand und Rahmen */
.swatches-image {
	margin: 0;
	border: 0px;
}
/* Variationsbilder mit abgerundeten Ecken */
.swatches-image img {
	border-radius: 30%;
}
/* Variationsbilder: Aufpreis ausblenden */
.swatches-image span {
	display: none;
}
/* Variationsbilder Zwischenüberschrift über z.B. Stoffgruppen */
.swatches.variation.swatches-text {
	cursor: initial;
	text-align: left;
	font-weight: bold;
	border: 0;
	margin: 0;
	padding: 5px;
}
/* Variationsbilder Breite und somit auch Höhe */
.swatches.variation.swatches-image {
	width: 50px;
}
/* Variationsbilder: Abstand nebeneinander und Linie darunter */
.imgswatches .col-auto {
	padding: 0;
	border-bottom: 1px solid #e9e9e9;
}

/* lt. Dev.Tools wirkungslos wegen display: inline.
Wo kommt das img padding her?
.imgswatches picture {
	height: 40px !important;
}
*/
/* Bei Textboxen ohne Auswahl, den Wert in normalem Text und eingerückt
Sollte es nicht .swatches-text sein, daher unnötig? 18.03.24 */
.textswatches label {
	font-weight: initial !important;
	padding: 0 0.7rem !important;
}

@media screen and (min-width: 1600px) {
	#gallery .slick-slide,
	#gallery .square-image {
		width: 620px; /* unnötig, bei .slick-slide steht inline 620px und square-image 100% */
		height: 620px; /* unnötig, weil bereits das img-fluid die richtige Höhe hat? */
		margin: 0 auto;
	}
}

/* unnötig seit SCSS Änderung 14.03.24 */
/* .attr-characteristic a:not(:last-of-type) {
	margin-right: 0.1875rem;
} */

/* unnötig? 11.07.24
#content-wrapper .tab-navigation .tab-content table tr:nth-child(2n) td a {
	background-color: #ffffff;
} */

/* .variation.swatches-image .square-image,
.variation.swatches-image .inner,
.variation.swatches-image .inner img {
	width: 50px;
} */

@media (min-width: 992px) {
    #result-wrapper .title p {
        text-align: center;
        margin-bottom: 1rem;
    }
}