/* Slider: eine Gruppe mit der Klasse vt-slider, darin mehrere Cover-Bloecke. Im Editor stehen sie untereinander. */
.vt-slider {
	position: relative;
}

.vt-slider.ist-bereit > .wp-block-cover:not(.ist-aktiv) {
	display: none;
}

.vt-slider-knopf {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	width: 2.75rem;
	height: 2.75rem;
	border: 0;
	background: rgba(0, 0, 0, 0.25);
	color: #fff;
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
}

.vt-slider-knopf:hover,
.vt-slider-knopf:focus-visible {
	background: rgba(0, 0, 0, 0.5);
}

.vt-slider-knopf.zurueck {
	left: 0.5rem;
}

.vt-slider-knopf.weiter {
	right: 0.5rem;
}