/* css zu produkt_von_shop */

/* ProduktVonShopCSS  */
/* ------------------------------------------------- */
/* -------------------- Produkt -------------------- */
/* ------------------------------------------------- */
#chkBaustoffeProdInfo, #chkBaustoffeProdLeistungserkl, #chkBaustoffeProdText {display: none;}

#baustoffeProdOben_L, #baustoffeProdBild {
	display: inline-block;
	vertical-align: top;
}
#baustoffeProdOben_L {
	width: calc(100% - 170px);
	padding-right: 30px;
}
#baustoffeProdBild {
	width: 170px;
	text-align: right;
}
#baustoffeProdBild img {max-height: 200px;}

@media (min-width: 768px) {
	#baustoffeProdBildMobil {display: none;}
}

@media (max-width: 768px) {
	#baustoffeProdBild {display: none;}
	#baustoffeProdBildMobil {
		display: block;
		max-width: 170px;
	}
	#baustoffeProdBildMobil img {max-height: 200px;}
	
	#baustoffeProdOben_L {
		width: 100%;
		padding-right: 0;
	}
}



/* ----- Infos ----- */
.lblBaustoffeProd {
	display: block;
	border-top: 1px solid #e6e6e6;
	padding: 10px 0 10px 30px;
	position: relative;
}

.lblBaustoffeProd::before {
	content: '';
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('https://www.inndata.at/bilder/module/icon_dokument_dunkelgrau.svg');
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 11px;
}
.lblBaustoffeProd::after {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	border-right: 2px solid #008542;
	border-top: 2px solid #008542;
	transform: rotate(135deg);
	position: absolute;
	right: 5px;
	top: 8px;
}
#chkBaustoffeProdInfo:checked ~ #baustoffeProdOben #lblBaustoffeProdInfo::after, #chkBaustoffeProdLeistungserkl:checked ~ #baustoffeProdOben #lblBaustoffeProdLeistungserkl::after, #chkBaustoffeProdText:checked ~ #baustoffeProdOben #lblBaustoffeProdText::after {
	transform: rotate(315deg);
	top: 18px;
}



#baustoffeProdInfo, #baustoffeProdLeistungserkl, #baustoffeProdText {display: none;}
#chkBaustoffeProdInfo:checked ~ #baustoffeProdOben #baustoffeProdInfo, #chkBaustoffeProdLeistungserkl:checked ~ #baustoffeProdOben #baustoffeProdLeistungserkl, #chkBaustoffeProdText:checked ~ #baustoffeProdText {
	display: block;
}

.baustoffeProdInfoContent {margin-bottom: 15px;}
.baustoffeProdInfoContent:first-of-type, #baustoffeProdText {margin-top: 10px;}




/* ----- Artikel ----- */
#baustoffeProdArtikelWrapper {
	overflow-x: auto;
	scrollbar-width: thin;
	font-size: 15px;
	margin-top: 40px;
}
#baustoffeProdArtikelWrapper table {border-collapse: collapse;}
#baustoffeProdArtikelWrapper tr:first-of-type {
	background-color: #A2A2A2;
	color: white;
	font-weight: bold;
}
#baustoffeProdArtikelWrapper tr:nth-of-type(2n) {background-color: #F4F4F4;}
#baustoffeProdArtikelWrapper td {
	white-space: nowrap;
	padding-right: 26px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#baustoffeProdArtikelWrapper td:first-of-type {padding-left: 18px;}
#baustoffeProdArtikelWrapper td.noEntry {padding-right: 0 !important;}
/* --- --- */