.scrollall {
		box-sizing: border-box;
}

		.scrollcontainer {
				overflow: auto;             		/* Scrollen erlauben */
				-webkit-overflow-scrolling: touch; 	/* Fuer sanftes Scrollen auf iOS */


				scrollbar-width: none;       /* Firefox */
		}
		.scrollcontainer::-webkit-scrollbar {
				display: none;               /* Chrome, Safari, Edge */
		}

				.scrollcontainer .scrollelement {

				}

		.scrollall .navigation {
				display: flex;
				align-items: center;
				gap: 2%;
				margin-top: 1em;
				
				caret-color: transparent;				/* kein blinkender cursor (caret) */
				user-select: none;
				
		}
		

						.scrollall .navigation .left {
								flex: 0 0 auto;
						}

						.scrollall .navigation .track {
								flex: 1 0 0;
								height: 13px;		/* height von .visible + 2x border */
								cursor: default;
								position: relative;
						}
								/* 2 verschachtelte divs: das aeussere transparente dic dient dazu den klickbereich zu vergroessern */
								.scrollall .navigation .track .visible {
										width: 100%;
										height: 3px;
										position: absolute;
										left: 0;
										top: 5px;		/* sozusagen einmal border-width */
										background-color: #9e9e9e;
								}
								.scrollall .navigation .train {
										height: 13px;
										width: 20%;
										cursor: pointer;
										position: absolute;
										left: 0;
								}
										.scrollall .navigation .train .visible {
												width: 100%;
												height: 3px;
												background-color: green;
												position: absolute;
												left: 0;
												top: 5px;		/* sozusagen einmal border-width */
												background-color: #5fa2e4;
										}
												.scrollall .navigation .train:hover .visible {
														background-color: #2c79b7;
												}

							
						.scrollall .navigation .right {
								flex: 0 0 auto;
						}
						
								  .scrollall .navigation .left > *		/* img oder svg */
								, .scrollall .navigation .right > *
								{
										display: block;
										cursor: pointer;
								}
								