.scrollContainer {
								display: none;
						}
								.scrollContainer > .pfeil {
										flex: 0 0 30px;
										cursor: pointer;
								}
								.scrollContainer > .pfeil.links {
										text-align: left;
								}
								.scrollContainer > .pfeil.rechts {
										text-align: right;
								}
										.scrollContainer > .pfeil > img {
												position: relative;
												top: 39px;
										}
												.scrollContainer .mitte {
														flex: 0 1 auto;
														overflow: hidden;
												}
														.scrollContainer .liste {
																white-space: nowrap;
														}
																.scrollContainer .liste label {
																		display: inline-block;
																		text-align: center;
																		margin-left: 2px;
																		margin-right: 2px;
																		position: relative;
																}
																		.scrollContainer .liste input {
																				display: none;
																		}
																		.scrollContainer .liste .bild {				/* img.bild - ersatzweise div.bild */
																				display: inline-block;
																				width: 100px;
																				border: 3px solid transparent;
																				margin: 0;
																		}
																		.scrollContainer .liste div.bild {			/* nur das leere Viereck (bei den Futterstoffen) */
																				outline: 1px solid #060606;
																				height: 100px; 	/* Schnurwickler img.bild sind nicht proportinal, bei div.bild muss ich aber die Hoehe angeben */
																		}
																		.scrollContainer .liste label:hover .bild {
																				border: 1px solid #060606;
																				margin: 2px;
																		}
																		.scrollContainer .liste label.checked .bild {
																				border: 3px solid #060606;
																				margin: 0;
																		}
																		.scrollContainer .liste img.check {
																				display: none;
																				position: absolute;
																				width: 42px;
																				height: 42px;
																				left: 50%;
																				/* top: 28px;		3px border inklusive */
																				top: calc(50% - 31px);		/* 50% - halbe Hoehe vom Haken und - Hoehe von der Schrift */
																				margin-left: -21px;
																		}
																		.scrollContainer .liste label.checked img.check {
																				display: inline-block;
																		}
																		.scrollContainer .liste .bez {
																				display: block;
																				margin-top: 0.5em;
																		}