@charset "utf-8";
/* CSS Document */



/* Bild */
@media screen and (max-width: 859px) {
	.home {
		width: 100%;
		height: 600px;
		background-image: url("../img/start_01a.jpg");
		background-position: center top;
		background-size: cover;
	}
}

@media screen and (min-width: 860px) {
	.home {
		width: 100%;
		height: 600px;
		background-image: url("../img/start_01.jpg");
		background-position: center top;
		background-size: cover;
	}
}



.zitat {
	width: 90%;
	text-align: center;
	font-family: 'Ephesis', cursive; font-size: 34px;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;}




@media screen and (max-width: 999px) {
	.w60 {
		width: 86%;
	}
	.w100 {
		width: 90%;
	}
	.startdiv1 {
		background-color: #f7f5f5;
		padding: 10px 30px;
		box-shadow: 10px 20px 15px silver;
		border-radius: 20px;
	}

	.startdiv2 {
		background-color: #f7f5f5;
		padding: 10px 30px;
		margin-top: 50px;
		box-shadow: 10px 20px 15px silver;
		border-radius: 20px;	
	}

	.startdiv3 {
		background-color: #f7f5f5;
		padding: 10px 30px;
		margin-top: 50px;
		box-shadow: 10px 20px 15px silver;
		border-radius: 20px;	
	}
}

@media screen and (min-width: 1000px) and (max-width: 1499px) {
	.w60 {
		width: 60%;
	}
	.w100 {
		width: 90%;
	}
	.startdiv1 {
		width: 22%;
		float: left;
		background-color: #f7f5f5;
		padding: 10px 30px;
		box-shadow: 10px 20px 15px silver;
		border-radius: 20px;
	}

	.startdiv2 {
		width: 22%;
		float: left;
		background-color: #f7f5f5;
		padding: 10px 30px;
		margin-left: 4%;
		box-shadow: 10px 20px 15px silver;
		border-radius: 20px;	
	}

	.startdiv3 {
		width: 22%;
		float: left;
		background-color: #f7f5f5;
		padding: 10px 30px;
		margin-left: 4%;
		box-shadow: 10px 20px 15px silver;
		border-radius: 20px;	
	}
}

@media screen and (min-width: 1500px) and (max-width: 1739px) {
	.w60 {
		width: 50%;
	}
	.w100 {
		width: 80%;
	}
	.startdiv1 {
		width: 25%;
		float: left;
		background-color: #f7f5f5;
		padding: 10px 30px;
		box-shadow: 10px 20px 15px silver;
		border-radius: 20px;
	}

	.startdiv2 {
		width: 25%;
		float: left;
		background-color: #f7f5f5;
		padding: 10px 30px;
		margin-left: 5%;
		box-shadow: 10px 20px 15px silver;
		border-radius: 20px;	
	}

	.startdiv3 {
		width: 25%;
		float: left;
		background-color: #f7f5f5;
		padding: 10px 30px;
		margin-left: 5%;
		box-shadow: 10px 20px 15px silver;
		border-radius: 20px;	
	}
}

@media screen and (min-width: 1740px) {
	.w60 {
		width: 50%;
	}
	.w100 {
		width: 70%;
	}
	.startdiv1 {
		width: 25%;
		float: left;
		background-color: #f7f5f5;
		padding: 10px 30px;
		box-shadow: 10px 20px 15px silver;
		border-radius: 20px;
	}

	.startdiv2 {
		width: 25%;
		float: left;
		background-color: #f7f5f5;
		padding: 10px 30px;
		margin-left: 5%;
		box-shadow: 10px 20px 15px silver;
		border-radius: 20px;	
	}

	.startdiv3 {
		width: 25%;
		float: left;
		background-color: #f7f5f5;
		padding: 10px 30px;
		margin-left: 5%;
		box-shadow: 10px 20px 15px silver;
		border-radius: 20px;	
	}
}





/*
@media screen and (max-width: 379px) {
}
@media screen and (min-width: 380px) and (max-width: 499px) {
}
@media screen and (min-width: 500px) and (max-width: 799px) {
}
@media screen and (min-width: 800px) and (max-width: 999px) {
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {
}
@media screen and (min-width: 1200px) and (max-width: 1499px) {
}
@media screen and (min-width: 1500px) {
}
*/