/* css zu produkt_von_shop */

/* produkt_von_shopCSS  */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* -------------------- 31 - produkt_von_shopCSS -------------------- */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
#shopDetailHeadline {
	width: calc(100% - 35px);
}



/* Mehrere Ausführungen */
#shopDetailMehrereTable {
	width: 100%;
	border-collapse: collapse;
}

#shopDetailMehrereTable tr:first-of-type {
	background-color: var(--hellblau);
	color: var(--weiss);
}

.pageframe_fritz #shopDetailMehrereTable tr:first-of-type {
	background-color: var(--fritzdunkelgruen);
}

#shopDetailMehrereTable tr:nth-of-type(2n+2) {
	background-color: var(--dunkelgrau);
}

#shopDetailMehrereTable td, #shopDetailMehrereTable th {
	white-space: unset;
}

#shopDetailMehrereTable th {
	text-align: left;
	padding: var(--abstand_6) var(--abstand_18);
}

#shopDetailMehrereTable td {
	padding: var(--abstand_9) var(--abstand_18);
}


.baustoffeShowTablet, .baustoffeShowMobil {
	display: none;
}

@media (max-width: 1024px) {
	.baustoffeShowTablet {
		display: table-cell;
	}
	
	.baustoffeHideTablet {
		display: none;
	}
}

@media (max-width: 768px) {
	.baustoffeShowMobil {
		display: table-cell;
	}
	
	.baustoffeHideMobil {
		display: none;
	}
}

@media (max-width: 600px) {
	.baustoffeArtArtikel, .baustoffeArtEigenschaften {
		display: block;
	}
	
	#shopDetailMehrereTable > tbody > tr:first-of-type .baustoffeArtEigenschaften  {
		display: none;
	}
	
	#shopDetailMehrereTable > tbody > tr:not(:first-of-type) .baustoffeArtArtikel {
		padding-bottom: 0;
	}
	
	#shopDetailMehrereTable th, #shopDetailMehrereTable td {
		border-right: none;
	}
}




/* Switcher */
#shopDetailSwitcherLblWrapper {
	margin-top: 0;
	padding-left: 0;
	list-style: none;
	border-bottom: 2px solid var(--dunkelblau);
}

.pageframe_fritz #shopDetailSwitcherLblWrapper {
	border-color: var(--fritzdunkelgruen);
}

#shopDetailSwitcherLblWrapper > li {
	display: inline-block;
	vertical-align: top;
	margin-right: 16px;
}

#shopDetailSwitcherLblWrapper > li:last-of-type {
	margin-right: 0;
}

.shopDetailSwitcherLbl {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 8px 16px;
	border-top: 2px solid var(--grau);
	border-left: 2px solid var(--grau);
	border-right: 2px solid var(--grau);
	background-color: var(--grau);
}
.shopDetailSwitcherLbl::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: -2px;
}

#shopDetailSwitcherRad_ausfuehrungen:checked ~ #shopDetailSwitcherLblWrapper .shopDetailSwitcherLbl[for="shopDetailSwitcherRad_ausfuehrungen"],
#shopDetailSwitcherRad_eigenschaften:checked ~ #shopDetailSwitcherLblWrapper .shopDetailSwitcherLbl[for="shopDetailSwitcherRad_eigenschaften"],
#shopDetailSwitcherRad_dateien:checked ~ #shopDetailSwitcherLblWrapper .shopDetailSwitcherLbl[for="shopDetailSwitcherRad_dateien"],
#shopDetailSwitcherRad_les:checked ~ #shopDetailSwitcherLblWrapper .shopDetailSwitcherLbl[for="shopDetailSwitcherRad_les"],
#shopDetailSwitcherRad_beschreibung:checked ~ #shopDetailSwitcherLblWrapper .shopDetailSwitcherLbl[for="shopDetailSwitcherRad_beschreibung"],
.shopDetailSwitcherLbl:hover {
	border-color: var(--dunkelblau);
	background-color: var(--dunkelgrau);
}

.pageframe_fritz #shopDetailSwitcherRad_ausfuehrungen:checked ~ #shopDetailSwitcherLblWrapper .shopDetailSwitcherLbl[for="shopDetailSwitcherRad_ausfuehrungen"],
.pageframe_fritz #shopDetailSwitcherRad_eigenschaften:checked ~ #shopDetailSwitcherLblWrapper .shopDetailSwitcherLbl[for="shopDetailSwitcherRad_eigenschaften"],
.pageframe_fritz #shopDetailSwitcherRad_dateien:checked ~ #shopDetailSwitcherLblWrapper .shopDetailSwitcherLbl[for="shopDetailSwitcherRad_dateien"],
.pageframe_fritz #shopDetailSwitcherRad_les:checked ~ #shopDetailSwitcherLblWrapper .shopDetailSwitcherLbl[for="shopDetailSwitcherRad_les"],
.pageframe_fritz #shopDetailSwitcherRad_beschreibung:checked ~ #shopDetailSwitcherLblWrapper .shopDetailSwitcherLbl[for="shopDetailSwitcherRad_beschreibung"],
.pageframe_fritz .shopDetailSwitcherLbl:hover {
	border-color: var(--fritzdunkelgruen);
}

#shopDetailSwitcherRad_ausfuehrungen:checked ~ #shopDetailSwitcherLblWrapper .shopDetailSwitcherLbl[for="shopDetailSwitcherRad_ausfuehrungen"]::after,
#shopDetailSwitcherRad_eigenschaften:checked ~ #shopDetailSwitcherLblWrapper .shopDetailSwitcherLbl[for="shopDetailSwitcherRad_eigenschaften"]::after,
#shopDetailSwitcherRad_dateien:checked ~ #shopDetailSwitcherLblWrapper .shopDetailSwitcherLbl[for="shopDetailSwitcherRad_dateien"]::after,
#shopDetailSwitcherRad_les:checked ~ #shopDetailSwitcherLblWrapper .shopDetailSwitcherLbl[for="shopDetailSwitcherRad_les"]::after,
#shopDetailSwitcherRad_beschreibung:checked ~ #shopDetailSwitcherLblWrapper .shopDetailSwitcherLbl[for="shopDetailSwitcherRad_beschreibung"]::after,
.shopDetailSwitcherLbl:hover::after {background-color: var(--dunkelgrau);}



#shopDetailMehrereWrapper, #shopDetailEigenschaftenWrapper, #shopDetailDateienWrapper, #shopDetailLesWrapper, #shopDetailBeschreibung {display: none;}

#shopDetailSwitcherRad_ausfuehrungen:checked ~ #shopDetailMehrereWrapper,
#shopDetailSwitcherRad_eigenschaften:checked ~ #shopDetailEigenschaftenWrapper,
#shopDetailSwitcherRad_dateien:checked ~ #shopDetailDateienWrapper,
#shopDetailSwitcherRad_les:checked ~ #shopDetailLesWrapper,
#shopDetailSwitcherRad_beschreibung:checked ~ #shopDetailBeschreibung
{
	display: block;
}

@media (min-width: 769px) {
	#shopDetailSwitcherWrapper {
		min-height: 360px;
	}
}

@media (max-width: 750px) {
	#shopDetailSwitcherLblWrapper {
		display: none;
	}
}



/* Switcher Mobil */
.shopDetailMobileSwitcherSelected {
	display: none;
}

#shopDetailSwitcherRad_ausfuehrungen:checked ~ #customDropdownShopDetailMobileSwitcher #shopDetailMobileSwitcherSelected_ausfuehrungen,
#shopDetailSwitcherRad_eigenschaften:checked ~ #customDropdownShopDetailMobileSwitcher #shopDetailMobileSwitcherSelected_eigenschaften,
#shopDetailSwitcherRad_dateien:checked ~ #customDropdownShopDetailMobileSwitcher #shopDetailMobileSwitcherSelected_dateien,
#shopDetailSwitcherRad_les:checked ~ #customDropdownShopDetailMobileSwitcher #shopDetailMobileSwitcherSelected_les,
#shopDetailSwitcherRad_beschreibung:checked ~ #customDropdownShopDetailMobileSwitcher #shopDetailMobileSwitcherSelected_beschreibung {
	display: block;
}

#customDropdownShopDetailMobileSwitcher .customDropdownDropdown {
	width: 100%;
}


@media (min-width: 751px) {
	#customDropdownShopDetailMobileSwitcher {
		display: none;
	}
}

@media (max-width: 750px) {
	
	#customDropdownShopDetailMobileSwitcher {
		display: block;
	}
}



/* LEs */
.shopDetailLesLe:nth-of-type(2n+1) {
	background-color: var(--dunkelgrau);
}
/* --- --- */