html {
	overflow: hidden;
}

p {
	font-size: 0.875em;
}

#kreisWrapper {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	overflow: hidden;
}

#txtWrapper {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	overflow: hidden;
}

.image-container {
	position: relative;
	width: 600px; /* Ursprüngliche Breite des gesamten Bildes */
	height: 600px; /* Ursprüngliche Höhe des gesamten Bildes */
}

.image-part {
	position: absolute;
	/* Set images to monochrome */
	filter: grayscale(100%);

	/* Smooth transition to color */
	transition: filter 0.3s ease;

	/* sanfte Skalierung */
	transition: all 0.3s ease;
}

.image-4 {
	z-index: 9999;
}

.text {
	display: none;
}