.enthältDiaschau .überDiaschau, figure.diaschau, figure.diaschau .navi button {
	color: white;
	text-shadow: 0 0 10px black;
}
.enthältDiaschau .überDiaschau, figure.diaschau {
	cursor: default;
}
figure.diaschau {
	position: relative;
}
figure.diaschau figure figcaption {
	position: absolute;
	right: 4%;
	bottom: 2.5%;
}
figure.diaschau {
	--animationsDauerDia: 1s;
}
figure.diaschau .navi :is(.vor, .zurück) {
	--abstand: 20px;

	position: absolute;
	bottom: 50%;

	font-size: 40px;
}
figure.diaschau .navi .vor {
	right: var(--abstand);
}
figure.diaschau .navi .zurück {
	left: var(--abstand);
}
figure.diaschau .navi .indikatoren {
	position: absolute;
	bottom: 6.5%;

	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
}
figure.diaschau .navi .indikatoren li {
	display: inline-block;
	margin: 0 2px;

	height: 13px;
	width: 13px;

	border: 1.5px solid white;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);

	transition-property: background-color;
	transition-duration: var(--animationsDauerDia);

	cursor: pointer;
}
figure.diaschau .navi .indikatoren li.aktuell {
	background-color: white;
}
figure.diaschau figure {
	position: absolute;
	top: 0;
	transition-property: visibility, opacity;
	transition-duration: var(--animationsDauerDia);
}
figure.diaschau figure.aktuell ~ figure {
	opacity: 0;
	visibility: hidden;
}
figure.diaschau figure figcaption, figure.diaschau .navi {
	transition-property: opacity, visibility;
	transition-duration: calc(var(--animationsDauerDia) / 2);
}
figure.diaschau figure figcaption, figure.diaschau .navi {
	opacity: 0;
	visibility: hidden;
}
.enthältDiaschau:hover figure.diaschau figure.aktuell figcaption, figure.diaschau:hover .navi {
	opacity: 1;
	visibility: visible;
}