.mm-team-slider {
	position: relative;
	isolation: isolate;
	width: 100%;
	max-width: 100%;
	padding: clamp(70px, 8vw, 130px) 0 clamp(70px, 7vw, 110px);
	background: var(--mm-team-bg, #171717);
	color: var(--mm-team-color, #fff);
	overflow-x: clip;
	overflow-y: visible;
}

.mm-team-slider.is-grid {
	background-image:
		linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
	background-size: 236px 143px;
}

.mm-team-slider *,
.mm-team-slider *::before,
.mm-team-slider *::after {
	box-sizing: border-box;
}

.mm-team-slider__inner {
	position: relative;
	z-index: 2;
	width: min(var(--mm-team-container, 1275px), calc(100vw - 40px));
	max-width: 100%;
	margin-inline: auto;
}

.mm-team-slider__copy {	
	margin: 0 auto clamp(48px, 6vw, 74px);
}

.mm-team-slider__headline {
	margin: 0 0 26px;
	color: inherit;	
	font-weight: 900;		
}

.mm-team-slider__intro {
	width: min(760px, 100%);
	margin: 0;
	color: inherit;	
	font-weight: 400;	
	opacity: .94;
}

.mm-team-slider__stage {
	position: relative;
	display: grid;
	grid-template-columns: 59px minmax(0, 1fr);
	column-gap: 28px;
	align-items: center;
}

.mm-team-slider__controls {
	position: relative;
	z-index: 4;
	display: flex;
	flex-direction: column-reverse;
	gap: 8px;
	align-self: center;
	margin-top: -42px;
}

.mm-team-slider__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 59px;
	height: 59px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: var(--mm-team-accent, #6fffd1);
	color: #111;
	cursor: pointer;
	appearance: none;
	transition:
		opacity .18s ease,
		transform .18s ease;
}

.mm-team-slider__button:hover:not(:disabled) {
	transform: translateX(2px);
}

.mm-team-slider__button:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 3px;
}

.mm-team-slider__button:disabled {
	opacity: .35;
	cursor: default;
}

.mm-team-slider__button svg {
	display: block;
	width: 31px;
	height: 31px;
	fill: none;
	stroke: currentColor;
	stroke-width: 4;
	stroke-linecap: square;
	stroke-linejoin: miter;
}

.mm-team-slider__viewport {
	position: relative;
	z-index: 3;
	min-width: 0;
	width: calc(100% + ((100vw - 100%) / 2));
	max-width: none;
	overflow: hidden;
}

.mm-team-slider__splide,
.mm-team-slider__splide .splide__track {
	overflow: visible;
}

.mm-team-slider__splide .splide__track {
	overflow: hidden;
	padding-right: clamp(24px, 4vw, 72px);
}

.mm-team-slider__splide .splide__list {
	align-items: stretch;
}

.mm-team-slider__slide {
	width: var(--mm-team-slide-width, 355px);
	max-width: calc(100vw - 64px);
	flex: 0 0 auto;
}

.mm-team-slider__member {
	display: block;
	width: 100%;
	color: inherit;
	text-decoration: none;
}

.mm-team-slider__member:hover,
.mm-team-slider__member:focus {
	color: inherit;
	text-decoration: none;
}

.mm-team-slider__image-frame {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	margin: 0 0 16px;
	overflow: hidden;
	background: rgba(255, 255, 255, .08);
}

.mm-team-slider__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.mm-team-slider.is-grayscale .mm-team-slider__image {
	filter: grayscale(1);
	transition: 0.2s;
}

.mm-team-slider.is-grayscale .mm-team-slider__image:hover {
	filter: grayscale(0);
}

.mm-team-slider__name {
	margin: 0;
	color: inherit;
	font-size: clamp(18px, 1.65vw, 25px);
	font-weight: 900;
	line-height: 1.05;
	letter-spacing: .015em;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
}

.mm-team-slider__position {
	margin: 8px 0 0;
	color: inherit;
	font-size: 15px;
	line-height: 1.35;
	opacity: .78;
	text-shadow: 1px 1px 1px #000;
}

.mm-team-slider__deco {
	position: absolute;
	z-index: 1;
	right: calc(((100% - 100vw) / 2) - 210px);
	bottom: max(-170px, -10vw);
	width: clamp(430px, 40vw, 680px);
	height: clamp(430px, 40vw, 680px);
	border: clamp(82px, 7.5vw, 132px) solid var(--mm-team-accent, #6fffd1);
	border-radius: 50%;
	pointer-events: none;
}

/*
 * WPBakery Backend: etwas stabilere Darstellung im Editor.
 */
.vc_editor .mm-team-slider__viewport,
.compose-mode .mm-team-slider__viewport {
	margin-right: 0;
}

@media (max-width: 1199.98px) {
	.mm-team-slider__slide {
		width: min(var(--mm-team-slide-width, 355px), 31vw);
		min-width: 280px;
	}
}

@media (max-width: 991.98px) {
	.mm-team-slider__copy {
		margin-left: 0;
		margin-right: 0;
	}

	.mm-team-slider__stage {
		grid-template-columns: 52px minmax(0, 1fr);
		column-gap: 18px;
	}

	.mm-team-slider__controls {
		margin-top: -38px;
	}

	.mm-team-slider__button {
		width: 52px;
		height: 52px;
	}

	.mm-team-slider__button svg {
		width: 28px;
		height: 28px;
	}

	.mm-team-slider__slide {
		width: min(42vw, var(--mm-team-slide-width, 355px));
		min-width: 260px;
	}
}

@media (max-width: 767.98px) {
	.mm-team-slider {
		padding: 56px 0 64px;
	}	

	.mm-team-slider__stage {
		display: block;
	}

	.mm-team-slider__controls {
		flex-direction: row;
		justify-content: flex-start;
		gap: 8px;
		margin: 0 0 22px;
	}

	.mm-team-slider__button:hover:not(:disabled) {
		transform: none;
	}

	.mm-team-slider__viewport {
		margin-right: calc(50% - 50vw);
	}

	.mm-team-slider__slide {
		width: min(76vw, 310px);
		min-width: 0;
		max-width: 310px;
	}

	.mm-team-slider__deco {
		right: -250px;
		bottom: -180px;
		width: 460px;
		height: 460px;
		border-width: 92px;
	}
}

@media (max-width: 480px) {
	.mm-team-slider__slide {
		width: 78vw;
		max-width: 285px;
	}

	.mm-team-slider__button {
		width: 50px;
		height: 50px;
	}
}