.scrollContainer {
		display: none;
		align-items: center;
}
		.scrollContainer > .pfeil {
				flex: 0 0 30px;
				cursor: pointer;
		}
		.scrollContainer > .pfeil.links {
				text-align: left;
		}
		.scrollContainer > .pfeil.rechts {
				text-align: right;
		}
				.scrollContainer > .pfeil > img {
						height: 23px;
				}
						.scrollContainer .mitte {
								flex: 1 0 0;
								overflow: hidden;
						}
								.scrollContainer .liste {
										white-space: nowrap;

										margin-right: 1em;
										margin-bottom: 2.45em;
										vertical-align: top;
										cursor: pointer;
								}
								.scrollContainer .liste:last-child {
										margin-bottom: 0;
								}
								.scrollContainer .colGroup {
										display: inline-block;
										vertical-align: top;
										margin-left: 5px;
										margin-right: 5px;
								}
								.scrollContainer .colGroup label {
										margin-top: 1em;
								}
								.scrollContainer .colGroup label:first-child {
										margin-top: 0;
								}
										.scrollContainer .liste label {
												display: block;
												text-align: center;
												position: relative;
										}
												.scrollContainer .liste input {
														display: none;
												}
												.scrollContainer .liste .containerBild {
														display: block;
														width: 120px;
														overflow: hidden;
														margin: 3px;	/* um fuer die Outline (wenn .checked) Platz zu haben */
												}
												.scrollContainer .liste label:hover .containerBild {
														outline: 1px solid #060606;
												}
												.scrollContainer .liste label.checked .containerBild {
														outline: 3px solid #000000;
												}
														.scrollContainer .liste .containerBild .bildInContainer {
																display: block;
																/* width: 100%; */
																height: 120px;
														}
														.scrollContainer .liste img.bild {
																width: 120px;
																display: block;
																margin: 3px;
														}
												.scrollContainer .liste label:hover img.bild {
														outline: 1px solid #060606;
												}
												.scrollContainer .liste label.checked img.bild {
														outline: 3px solid #060606;
												}
												.scrollContainer .liste .rgbBox {
														display: block;
														width: 120px;
														height: 120px;		/* Achtung! Bei Schnurwickler und Kettenspanner wuerde das nicht passen */
														margin: 3px;	/* um fuer die Outline (wenn .checked) Platz zu haben */
												}
												.scrollContainer .liste label:hover .rgbBox {
														outline: 1px solid #060606;
												}
												.scrollContainer .liste label.checked .rgbBox {
														outline: 3px solid #060606;
												}
												.scrollContainer .liste .check {
														display: none;
														position: absolute;
														width: 42px;
														height: 42px;
														left: 50%;
														top: 52px;		/* 3px border inklusive */
														margin-left: -21px;
												}
												.scrollContainer .liste label.checked img.bild.check {
														display: inline-block;
												}
												.scrollContainer .liste .bez {
														display: block;
														margin-top: 0.5em;
														width: 120px;
														white-space: normal;
												}
												.scrollContainer .liste .bezZusatz {
														font-style: italic;
												}
												.scrollContainer .liste label.checked .bez {
												}