@import url(fonts.css) all;
body,html {
	font-size: 100%;
	height: 100%;
	font-family: "Minion", sans-serif;
/*	overflow-x: hidden;*/
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
	
}
html {
/* Prevent font scaling in landscape while allowing user zoom */
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
#anfahrt-stoetteritz, #anfahrt-engelsdorf {
	-moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none; 
}
.mobile {
	display: none;
}
.site {
    width: 100%;
    margin: auto;
    position: relative;
}
#content1 {
	background: #33A3F5;
	color: #0038C3;
	position: relative;
}
#content2, #content3 {
}
#foto1, #foto2 {
	background: url("../img/Foto_WTM2.jpg") no-repeat center bottom;
	background-size: cover;
	z-index: 50;
	position: relative;
}
#foto2 {
	background: url("../img/Foto_Meine-Reinigung.jpg") no-repeat center bottom;
	background-size: cover;
}
.verlauf {
	position: absolute;
	top:0;
	left:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
	background: -moz-linear-gradient(top,  rgba(255,255,255,.8) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	z-index: 100;
	width: 100%;
}
h1, h2, h3 {
	font-family: "Cocogoose", serif;
	-moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none; 
	text-transform: uppercase;
	color: #0038C3;
}
h1 {
	margin-top: .5em;
}
#impressum h1, #datenschutz h1 {
	font-size: 1.8em;
	text-align: left;
	margin: 0 0 .5em;
}
#datenschutz h1 {
	font-family: "Minion", serif;
	text-transform: none;
	font-size: 1.5em;
}
#leistungen-fuer-gewerbekunden h2, #anfahrt-stoetteritz h2, #anfahrt-engelsdorf h2 {
	color: #33A3F5;
}
#impressum h2, #datenschutz h2 {
	font-family: "Minion", serif;
	text-transform: none;
}
#impressum h2, #datenschutz h2 {
	font-size: 1.3em;
	line-height: normal;
	padding: 1em 0 .3em
}
#datenschutz h3 {
	font-family: "Minion", serif;
	text-transform: none;
}
#impressum h3, #datenschutz h3 {
	font-size: 1em;
	padding: 1em 0 .5em 0;
}
a {
	text-decoration: none;
	color: #000;
}
#anfahrt-stoetteritz a, #anfahrt-engelsdorf a {
	color: #fff;
}
a:hover {
	text-decoration: underline;
}
.address2 {
	background:#d2d2d2!important;
}
/* Menü */
#menuliste {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #fff;
	z-index: 1;
}
#menu-button {
	position: absolute;
	cursor: pointer;
	z-index: 100;
}
.kreuz {
	background: url("../img/kreuz.png") no-repeat center center;
	background-size: 60%;
}
.hamburger {
	background: url("../img/menue.png") no-repeat center center;
	background-size: 100%;
}
.menu-out {
	left: -50em;
	opacity: 0;
}
.menu-out2 {
	left: -50em;
	-webkit-transition: left 1s ease-in, opacity 1s; /* For Safari 3.1 to 6.0 */
  	transition: left 1s ease-in, opacity 1s;
	opacity: 0;
}
.menu {
	-webkit-transition: left 1s ease-in, opacity 1s; /* For Safari 3.1 to 6.0 */
  	transition: left 1s ease-in, opacity 1s;
	opacity: 1;
	top:0;
	left: 0;
}
#menuliste li {
	color: #000;
}
.ul-impressum {
	position: absolute;
	left:0;
	bottom: 2em;
}
.ul-impressum li {
	display: inline-block;
}
.ul-impressum li a {
	color: #d2d2d2!important;
}
.adresse {
	padding: 1em 0;
}
/* ausfloaten */
.site::after, #seite1:after, #wrapper:after, #content1::after, #content2::after, #content2::after {
	content: "";
	display: table;
	clear: both;
}