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

@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,700');
html,
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
    font-size: 62.5%;
    font-size: 10px;
	/**/background-color: #FAFAFA;
}


h1 {
	font-family: 'Ephesis', cursive;
	font-size: 50px;
	font-weight:  bold;
	margin-bottom: 50px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
}

h2 {
	font-size: 20px;
	font-weight:  bold;
	margin-bottom: 30px;
}

h3 {
	font-size: 16px;
	font-weight:  bold;
	margin-bottom: 20px;
}

.inhalt a {
	color: #af710a;
	text-decoration: none;
}
.inhalt a:hover {
	color: #3e3e3e;
	text-decoration: none;
}

footer .activ {
    color: #af710a !important;
}


.clear {clear: both;}



/*** Header inkl. Navigation ***/
header {
	width: 100%;
	position: fixed;
	top: 0px;
	background-color: #FFFFFF;
	font-style: italic;
	z-index: 100;
}

/*
.headDiv1 {background-color: antiquewhite;}
.headDiv2 {background-color: chartreuse;}
.headDiv3 {background-color: cadetblue;}
*/

@media screen and (max-width: 319px) {
	header {
		height: 190px;
	}
	.imgHeadLogo {
		width: auto;
		height: 60px;
	}

	.headDiv1 {float: left; margin-left: 20px; margin-top: 20px;}
	.headDiv2 {
		text-align: center;
		margin-top: 40px;
		line-height: 24px;
	}
	.headDiv3 {
		text-align: center;
		margin-top: 20px;
	}
	.headTitel1 {font-family: 'Ephesis', cursive; font-size: 30px;}
	.headTitel2 {font-size: 16px;}
	.headTitel3 {font-size: 18px;}
}

@media screen and (min-width: 320px) and (max-width: 619px) {	
	header {
		height: 180px;
	}
	.imgHeadLogo {
		width: auto;
		height: 60px;
	}

	.headDiv1 {float: left; margin-left: 20px; margin-top: 20px;}
	.headDiv2 {
		text-align: center;
		margin-top: 40px;
	}
	.headDiv3 {
		text-align: center;
		margin-top: 20px;
	}
	.headTitel1 {font-family: 'Ephesis', cursive; font-size: 30px;}
	.headTitel2 {font-size: 16px;}
	.headTitel3 {font-size: 18px;}
}

@media screen and (min-width: 620px) and (max-width: 859px) {
	header {
		height: 190px;
	}
	.imgHeadLogo {
		width: auto;
		height: 120px;
	}
	.headDiv1 {float: left; margin-left: 40px; margin-top: 30px;}
	.headDiv2 {
		text-align: center;
		margin-top: 30px;
	}
	.headDiv3 {
		text-align: center;
		margin-top: 10px;
	}
	
	.headTitel1 {font-family: 'Ephesis', cursive; font-size: 50px;}
	.headTitel2 {font-size: 18px;}
	.headTitel3 {font-size: 20px;}
}

@media screen and (min-width: 860px) and (max-width: 1039px) {
	header {
		height: 100px;
		display: flex;
		align-items: center; /* Vertikale Zentrierung */
	}
	.imgHeadLogo {
		width: auto;
		height: 80px;
	}
	.headDiv1 {float: left; margin-left: 50px;}
	.headDiv2 {
		float: left;
		margin-left: 50px;
		text-align: center;
	}
	.headDiv3 {
		float: left;
		margin-left: 70px;
		text-align: center;
	}

	.headTitel1 {font-family: 'Ephesis', cursive; font-size: 40px;}
	.headTitel2 {font-size: 16px;}
	.headTitel3 {font-size: 18px;}
}

@media screen and (min-width: 1040px) and (max-width: 1259px) {
	header {
		height: 100px;
		display: flex;
		align-items: center; /* Vertikale Zentrierung */
	}
	.imgHeadLogo {
		width: auto;
		height: 80px;
	}
	.headDiv1 {float: left; margin-left: 50px;}
	.headDiv2 {
		float: left;
		margin-left: 50px;
		text-align: center;
	}
	.headDiv3 {
		float: left;
		margin-left: 70px;
		text-align: center;
	}
	.headTitel1 {font-family: 'Ephesis', cursive;font-size: 60px;}
	.headTitel2 {font-size: 20px;}
	.headTitel3 {font-size: 24px;}
}

@media screen and (min-width: 1260px) {
	header {
		height: 100px;
		display: flex;
		align-items: center; /* Vertikale Zentrierung */
	}
	.imgHeadLogo {
		width: auto;
		height: 80px;
	}
	.headDiv1 {float: left; margin-left: 100px;}
	.headDiv2 {
		float: left;
		margin-left: 100px;
		text-align: center;
	}
	.headDiv3 {
		float: left;
		margin-left: 150px;
		text-align: center;
	}
	
	.headTitel1 {font-family: 'Ephesis', cursive;font-size: 60px;}
	.headTitel2 {font-size: 20px;}
	.headTitel3 {font-size: 24px;}
	
}





/*** Inhalt ***/

.inhalt {
	margin: 0 auto;
	/*background-color: #F8F0CC;*/
	padding-top: 50px;
	/*padding-bottom: 50px;*/
	font-size: 16px;
}

.padbottom30 {padding-bottom: 30px;}





/*** Footer ***/

footer {
	display: flex;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 30px;
	/*background-color: #F8F0CC;*/
	background-image: url("../img/footer.jpg");
	background-position: center bottom;
	background-size: cover;	
	font-size: 16px;
	line-height: 30px;
	margin-top: 100px;
}

footer a {
	color: #000000;
	text-decoration: none;
}
footer a:hover {
	color: #af710a;
	text-decoration: none;
}


.footframe {
	margin: 0 auto;
	/*background-color: antiquewhite;*/
}

@media screen and (max-width: 599px) {
	.googleiframe {
		width: 96%;
		height: 280px;
		border: 0;
	}
	.footDiv1 {
		width: 100%;
		text-align: center;
		margin-bottom: 40px;
		/*background-color: aqua;*/
	}
	.footDiv3 {
		width: 100%;
		text-align: center;
		margin-top: 40px;
		margin-bottom: 40px;
	}
}


@media screen and (min-width: 600px) and (max-width: 999px) {
	.googleiframe {
		width: 400px;
		height: 280px;
		border: 0;
	}
	.footDiv1 {
		width: 100%;
		text-align: center;
		margin-bottom: 40px;
		/*background-color: aqua;*/
	}
	.footDiv3 {
		width: 100%;
		text-align: center;
		margin-top: 40px;
		margin-bottom: 40px;
	}
}


@media screen and (min-width: 1000px) and (max-width: 1179px) {
	.googleiframe {
		width: 400px;
		height: 280px;
		border: 0;
	}
	.footDiv1 {
		width: 240px;
		float: left;
		margin-right: 40px;
		/*background-color: aqua;*/
	}
	.footDiv2 {
		float: left;
	}
	.footDiv3 {
		width: 240px;
		float: left;
		margin-left: 40px;
	}
}

@media screen and (min-width: 1180px) {
	.googleiframe {
		width: 500px;
		height: 320px;
		border: 0;
	}
	.footDiv1 {
		width: 240px;
		float: left;
		margin-right: 50px;
		/*background-color: aqua;*/
	}
	.footDiv2 {
		float: left;
	}
	.footDiv3 {
		width: 240px;
		float: left;
		margin-left: 50px;
	}
}

/*
@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) {
}
*/