@media only screen {
	html {  width: 100%;  height: 100%;  margin: 0;  padding: 0;}
	body {  -webkit-font-smoothing: antialiased;  text-rendering: optimizeLegibility;  -webkit-text-size-adjust: none;    width: 100%;  height: 100%;    position: relative;}
	/* ----------------------------------------- */
	/* Banner Section */
header {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 100%;width: auto;
	position: relative;
	text-align: center;
	}
#logo,#title_wrapper {
	-webkit-transform-style: preserve-3d;
	display: block;
	height: 70%;
	width: 100%;
	position: absolute;
	text-align: center;
	}
#logo img {
	position: relative;
	padding-top: 100px;
	top: 48%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	max-height: 90%;
	width: auto;
	}
#transoverlay {
		opacity: 0.5;
	}
	
#title_wrapper {
	top: 68%;
	}
h1#titel {
	display: inline-block;margin: 0;border-bottom: 1px solid #fff;
	padding: 4px 16px;
	font-family: "Arvo", serif;
	font-size: 74px;
	line-height: 76px;letter-spacing: -3px;position: relative;
	color: aliceblue;
	}
h2#site_slogan {
	display: block;
	margin: 0;
	padding: 4px 16px;
	font-family: "Open Sans", sans-serif;
	font-size: 38px;
	font-weight: 400;position: relative;
	}
#scroll_down_button {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	font-size: 48px;
	line-height: 50px;
	text-align: center;
	margin: 30px auto 0 auto;
	cursor: pointer;
	position: relative;
	}
#scroll_up_button {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 60px;
	font-size: 16px;
	line-height: 39px;
	text-align: center;
	cursor: pointer;
	position: fixed;
	bottom: 40px;
	right: 50%;
	margin-right: -20px;
	opacity: 0.9;
	box-shadow: 0 0 8px rgba(0,0,0,0.8);
	}

h1#site_title {color: #FFFFFF;border-bottom: 1px solid #FFFFFF;}
h2#site_slogan {color: #FFFFFF;}
#scroll_down_button {background-color: #FFFFFF;color: #000000;}
#scroll_up_button {background-color: #313131;color: #FFFFFF;}
/* Navigation Colors */
@media only screen {
	header {
		background-image: url(images/banners/back1_1.jpg);
		}
		}
}

@media only screen and (max-width: 768px) {
	h1#site_title {font-size: 36px;line-height: 40px;letter-spacing: -1px;padding: 4px 8px;}
	h2#site_slogan {font-size: 24px;line-height: 24px;position: relative;letter-spacing: 0;}
}
@media only screen and (max-width: 480px) {
	h1#site_title {font-size: 26px;line-height: 30px;letter-spacing: 0px;}
	h2#site_slogan {font-size: 22px;line-height: 22px;position: relative;letter-spacing: 0;}
	#scroll_up_button {width: 100%;border-radius: 0px;position: fixed;bottom: 0;right: 0;float: none;margin-top: 0;z-index: 500;margin-right: 0;}
}
h1#site_title {color: #FFFFFF;border-bottom: 1px solid #FFFFFF;}
h2#site_slogan {color: #FFFFFF;}
#scroll_down_button {background-color: #FFFFFF;color: #000000;}
#scroll_up_button {background-color: #313131;color: #FFFFFF;}


	#headerbild_home {
		background-image: url("../images/back_home.jpg");

	}
	#headerbild_marktplatz {
		background-image: url("../images/back_produkte.jpg");
	}
	#headerbild_technik {
		background-image: url("../images/back_technik.jpg");
	}
	#headerbild_ueberuns {
		background-image: url("../images/back_udo.jpg");
	}
	#headerbild_kontakt {
		background-image: url("../images/back_kontakt.jpg");
	}
	#headerbild_gallery {
		background-image: url("../images/back_gallery.jpg");
	}