.press_clips {
	max-width: 80%;
	margin: 0 auto;
	padding: 3.5rem 1.5rem 2.5rem;
	box-sizing: border-box;
	text-align: center;
}

/* define a deviating font here if desired */
.pc-select,
.pc-source,
.pc-quote,
.pc-arrow,
.pc-dot {

}

.press_clips .pc-viewport {
	overflow: hidden;
}

.press_clips .pc-track {
	display: flex;
	transition: transform .6s cubic-bezier(.22, .8, .26, 1);
}

.press_clips .pc-slide {
	flex: 0 0 100%;
	margin: 0;
	padding: 0 .5rem;
	box-sizing: border-box;
}

.press_clips .pc-source {
	margin: 0 0 1.25rem;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .02em;
	color: var(--pc-accent, #8A331D);
}

.press_clips .pc-quote {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: clamp(1.15rem, 2.4vw, 1.5rem);
	line-height: 1.6;
	font-style: italic;
}

.press_clips .pc-quote::before { content: "\00BB"; }
.press_clips .pc-quote::after  { content: "\00AB"; }

/* Steuerung */
.press_clips .pc-controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.125rem;
	margin-top: 2rem;
}

.press_clips .pc-arrow {
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	border: 1px solid var(--pc-line, rgba(220, 220, 220, 0.1));
	border-radius: 50%;
	background: transparent;
	color: var(--pc-text, #DCDCDC);
	font: inherit;
	font-size: 1.1rem;
	line-height: 1;
	cursor: pointer;
	transition: background .2s, color .2s;
}
.press_clips .pc-arrow:hover {
	background: var(--pc-text, #DCDCDC);
	color: var(--pc-bg, #1A1A1A);
}

.press_clips .pc-dots {
	display: flex;
	gap: .25rem;
}

.press_clips .pc-dot {
	position: relative;
	width: 1.5rem;
	height: 1.5rem;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}
.press_clips .pc-dot::after {
	content: "";
	position: absolute;
	inset: .5rem;
	border-radius: 50%;
	background: var(--pc-line, rgba(220, 220, 220, 0.25));
	transition: background .2s, transform .2s;
}
.press_clips .pc-dot[aria-current="true"]::after {
	background: var(--pc-accent, #8A331D);
	transform: scale(1.35);
}

.press_clips .pc-arrow:focus-visible,
.press_clips .pc-dot:focus-visible {
	outline: 2px solid var(--pc-accent, #8A331D);
	outline-offset: 2px;
}


@media only screen and (max-device-width: 1024px) {
		.press_clips .pc-arrow:focus-visible,
		.press_clips .pc-dot:focus-visible {
			-webkit-tap-highlight-color: transparent;
		}
}

@media (prefers-reduced-motion: reduce) {
	.press_clips .pc-track { transition: none; }
}