/* css zu incbpvo */

/* incbpvo.icontent.CSS  */
#incbpvoWrapper { 
	background-color: #fff; 
	padding: 20px;
}

.incbpvoSelect {
	width: 100%;
	max-width: 600px;
}

#incbpvoSearch {
	width: calc(100% - 157px);
	max-width: 443px;
	margin-right: 17px;
}

#incbpvoSearchButton { width: 140px; }

#incbpvoOutput {
	width: 100%;
	max-width: 1400px;
}

#incbpvoOutputHeader { background-color: #f2f2f2; }

.incbpvoOutputBox {
	display: grid;
	grid-template-areas: 'product date link ident norm ce';
	grid-template-columns: auto 130px 300px 180px 210px 150px;
	align-items: center;
}

.incbpvoOutputField_1 { grid-area: product; }
.incbpvoOutputField_2 { grid-area: date; }
.incbpvoOutputField_3 { grid-area: link; }
.incbpvoOutputField_4 { grid-area: ident; }
.incbpvoOutputField_5 { grid-area: norm; }
.incbpvoOutputField_6 { grid-area: ce; }

.incbpvoOutputField { padding: 5px 15px; }

.incbpvoCompanyLink { font-size: 75%; }

.incbpvoDetailHeader {
	display: block;
	color: #527fa2;
	text-decoration: underline;
}

label.lbl_hide_incbpvo { display: none; }



.allowCE_0 * { display: none; }



.incbpvoSelect,
#incbpvoSearchButton { font-size: 100%; }

#dateText,
.incbpvoDetailBox { display: none; }



#incbpvoOutputHeader ~ .incbpvoOutputBox:hover { background-color: #e6e6e6; }



.incbpvoOutputBox:nth-of-type(n+3) { border-top: 2px dotted #8e8e8e; }



@media screen and (min-width: 1025px) {
	.incbpvoDetailBox:hover,
	.incbpvoDetailHeader:hover ~ .incbpvoDetailBox { display: block; }
}


@media screen and (max-width: 1260px) {
	.incbpvoOutputBox {
		grid-template-areas:
			'product link ident norm ce'
			'product date ident norm ce';
		grid-template-columns: auto 300px 180px 210px 150px;
	}

	#dateText {
		display: inline-block;
		padding-right: 7px;
	}

	.incbpvoOutputField_2 { align-self: baseline; }
	.incbpvoOutputField_3 { align-self: end; }



	#incbpvoOutputHeader .incbpvoOutputField_2 { display: none; }
}


@media screen and (max-width: 1112px) {
	#incbpvoOutput { font-size: 90%; }

	.incbpvoOutputBox { grid-template-columns: auto 260px 140px 185px 130px; }
}


@media screen and (max-width: 1024px) {
	input.rad_show_incbpvo:checked ~ label.lbl_show_incbpvo { display: none; }

	input.rad_show_incbpvo:checked ~ .incbpvoDetailBox,
	input.rad_show_incbpvo:checked ~ label.lbl_hide_incbpvo { display: block; }
}


@media screen and (max-width: 950px) {
	.incbpvoOutputBox {
		grid-template-areas:
			'product link date'
			'ident norm ce';
		grid-template-columns: auto 260px 180px;
		align-items: flex-start;
	}

	.incbpvoOutputField_3 { align-self: flex-start; }

	#incbpvoHeader { font-size: 200%; }



	#incbpvoOutputHeader .incbpvoOutputField_2 { display: block; }

	#dateText,
	#incbpvoOutputHeader .incbpvoOutputField_4,
	#incbpvoOutputHeader .incbpvoOutputField_5,
	#incbpvoOutputHeader .incbpvoOutputField_6 { display: none; }
}


@media screen and (max-width: 768px) {
	.incbpvoOutputBox {
		grid-template-areas:
			'product link'
			'date ce'
			'ident norm';
		grid-template-columns: auto 260px;
	}

	#dateText { display: inline-block; }



	#incbpvoOutputHeader .incbpvoOutputField_2 { display: none; }
}


@media screen and (max-width: 520px) {
	.incbpvoOutputBox { grid-template-columns: auto 150px; }

	#incbpvoHeader { font-size: 180%; }
}


@media screen and (max-width: 420px) {
	#incbpvoSearchBox { display: block; }

	#incbpvoSearch {
		width: 100%;
		max-width: 100%;
		margin-right: 0px;
		margin-bottom: 17px;
	}

	#incbpvoSearchButton {
		width: auto;
		max-width: 100%;
	}

	.incbpvoOutputBox {
		grid-template-areas:
			'product product'
			'link link'
			'date date'
			'ce ce'
			'ident norm';
		grid-template-columns: auto 150px;
	}

	.incbpvoOutputField_1 { font-weight: bold; }



	#incbpvoOutputHeader .incbpvoOutputField_3 { display: none; }



	.incbpvoOutputField_4,
	.incbpvoOutputField_5 { font-size: 90%; }
}
/* --- --- */