/* ============================================================
   MARTIN LIMBECK — Trust widgets
   Faithful port from dist.zip / index.html
   Elementor-safe version
   ============================================================ */

/* ------------------------------------------------------------
   1) Unternehmen Logos – Marquee
   Original:
   .marquee / .marquee-track / .marquee-track img
   ------------------------------------------------------------ */

.ml-company-marquee {
	overflow: hidden;
	width: 100%;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}

.ml-company-marquee__track {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: clamp(44px, 6.5vw, 88px);
	align-items: center;
	width: max-content;
	animation: ml-company-marquee-scroll var(--ml-marquee-duration, 34s) linear infinite;
	will-change: transform;
}

.ml-company-marquee .ml-company-marquee__track img {
	display: block;
	flex: 0 0 auto;
	height: clamp(26px, 3.4vw, 40px) !important;
	width: auto !important;
	max-width: none !important;
	object-fit: contain;
	filter: grayscale(1);
	opacity: .58;
}

@keyframes ml-company-marquee-scroll {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

/* ------------------------------------------------------------
   2) Auszeichnungen & Mitgliedschaften

   Exact source rules from dist.zip:

   .mitglied-logos {
       display:flex;
       flex-wrap:wrap;
       gap:clamp(24px,3vw,44px);
       align-items:center
   }

   .mitglied-logos img {
       height:clamp(40px,4.5vw,56px);
       width:auto;
       object-fit:contain;
       filter:brightness(0);
       opacity:.5;
       transition:opacity .4s
   }

   .vertrauen .mitglied-logos { justify-content:center }

   .mitglied-logos img.seal {
       filter:none;
       mix-blend-mode:multiply;
       opacity:.92;
       height:clamp(48px,5.5vw,66px)
   }

   .mitglied-logos img.hoch {
       height:clamp(64px,7vw,88px)
   }

   Elementor applies its own img height:auto/max-width:100% rule,
   therefore the size declarations below intentionally use stronger
   selectors + !important only on dimensions.
   ------------------------------------------------------------ */

.ml-awards-memberships {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: clamp(24px, 3vw, 44px);
	align-items: center;
	justify-content: center;
	width: 100%;
}

.ml-awards-memberships__item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	line-height: 0;
	text-decoration: none;
}

/* Standard grey logos */
.elementor .ml-awards-memberships .ml-awards-memberships__logo {
	display: block;
	flex: 0 0 auto;
	height: clamp(40px, 4.5vw, 56px) !important;
	width: auto !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: contain !important;
	filter: brightness(0);
	opacity: .5;
	transition: opacity .4s;
}

.elementor .ml-awards-memberships .ml-awards-memberships__logo:hover {
	opacity: .85;
}

/* Coloured seals */
.elementor .ml-awards-memberships .ml-awards-memberships__logo.is-seal {
	filter: none;
	mix-blend-mode: multiply;
	opacity: .92;
	height: clamp(48px, 5.5vw, 66px) !important;
	width: auto !important;
	max-width: none !important;
}

/* Tall Wirtschaftsmagnet seal */
.elementor .ml-awards-memberships .ml-awards-memberships__logo.is-tall {
	height: clamp(64px, 7vw, 88px) !important;
	width: auto !important;
	max-width: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.ml-company-marquee__track {
		animation: none;
	}
}