/* CSS Document */

.highlight-circle {
	position: relative;
	width: 100%;
	padding-bottom: calc(100% - 2rem);
	border: 1rem solid white;
	border-radius: 50%;
	overflow: hidden;
}
.highlight-circle .title,
.highlight-circle .image {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s;
}
.highlight-circle .image {
	top: 100%;
}
.highlight-circle:hover .title {
	top: -100%;
}
.highlight-circle:hover .image {
	top: 0%;
}
/*
@media screen and (min-width: 576px) {
	#Referenzen .swiper-slide {
		width: 50%;
	}
}

@media screen and (min-width: 768px) {
	#Referenzen .swiper-slide {
		width: 33%;
	}
}

@media screen and (min-width: 992px) {
	#Referenzen .swiper-slide {
		width: 25%;
	}
}

@media screen and (min-width: 1200px) {
	#Referenzen .swiper-slide {
		width: 20%;
	}
}

@media screen and (min-width: 1440px) {
	#Referenzen .swiper-slide {
		width: 16.66%;
	}
}

@media screen and (min-width: 1920px) {
	#Referenzen .swiper-slide {
		width: 14.28%;
	}
}
*/