.block-12-badges-logos{
	color: var(--block-font-color);
	background: var(--block-bg-color);
	position: relative;
}

/* Outer Wrapper (Mask) */
.block-12-badges-logos .logoOuterWrap{
	position: relative;
	overflow: hidden;
	width: 100%;
}

/* Track mit doppelten Logos */
.block-12-badges-logos .logoTrack {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;       /* nicht block-level, sondern so breit wie der Inhalt */
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;         /* passt sich der Gesamtbreite der Logos an */
	gap: 40px;
}

/* Einzelne Logos */
.block-12-badges-logos .logoItem {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto; /* Breite kommt aus inline style (rem) */
}

.block-12-badges-logos .logoItem img {
	opacity: 0.85;
	-webkit-filter: grayscale(100%);
	        filter: grayscale(100%);
	-webkit-transition: opacity 0.2s, -webkit-filter 0.2s;
	transition: opacity 0.2s, -webkit-filter 0.2s;
	-o-transition: opacity 0.2s, filter 0.2s;
	transition: opacity 0.2s, filter 0.2s;
	transition: opacity 0.2s, filter 0.2s, -webkit-filter 0.2s;
}

.block-12-badges-logos .logoItem img:hover {
	opacity: 1;
	-webkit-filter: grayscale(0%);
	        filter: grayscale(0%);
}

.block-12-badges-logos .logoDescription{
	font-size: 1.4rem;
	text-align: center;
	margin-top: .5rem; 
}

/* Endlos-Scroll */
@-webkit-keyframes scroll {
	0%   { -webkit-transform: translateX(0); transform: translateX(0); }
	100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
@keyframes scroll {
	0%   { -webkit-transform: translateX(0); transform: translateX(0); }
	100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}