/**Bilder rund machen*/
.circular {
	margin: 0 auto;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	overflow: hidden;
/* Für Image-Element Variante */
}
.slider-image1 {
	background: url(../images/slider1small.png) no-repeat;
}
.slider-image1:hover {
	background: url(../images/slider2small.png) no-repeat;
}
.slider-image2 {
	background: url(../images/slider2small.png) no-repeat;
}
.slider-image2:hover {
	background: url(../images/slider3small.png) no-repeat;
}
.slider-image3 {
	background: url(../images/slider3small.png) no-repeat;
}
.slider-image3:hover {
	background: url(../images/slider1small.png) no-repeat;
}
@media only screen and (min-width: 960px) {
.circular {
	width: 300px;
	height: 300px;
}
}
@media only screen and (min-width: 601px) and (max-width:959px) {
.circular {
	width: 200px;
	height: 200px;
}
}
@media only screen and (min-width: 481px) and (max-width:600px) {
.circular {
	width: 150px;
	height: 150px;
}
}
@media only screen and (max-width: 480px) {
.circular {
	width: 150px;
	height: 150px;
}
}
.circular-desc {
	text-align: center;
	font-size: 1.2em;
	padding-bottom: 20px;
}