/*Einstellungen für die gesamtes Webseite*/
body{
	background: white;
	font-family: 'Open Sans', sans-serif;
}



/* Menü */
.title-bar{
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
}	
.top-bar-right{
	text-align: center;
	float: right;
}

.top-bar-right:hover{
	color: red;
}

a{
	color: white;
	font-size: 1.40em; 
	font-family: 'Times New Roman', sans-serif;
}

a:hover{
	color: rgb(0, 255, 0);
	font-size: 1.40em; 
	font-family: 'Times New Roman', sans-serif;
} 



/*Hover für PDF
a.hover:hover{
	color: rgb(0, 255, 0);
} */



/*Contact Section im Menü*/
#background{
	color: white;
}

#background:hover{
	color: rgb(0, 255, 0);
}


/*Titel*/

.titel{
	color: white;
	font-weight: bold;
	font-size: 1.5em;
}


.parallax{
	background-image: url("../Bilder/Blatt.jpg");
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}

/*Automatic Mould Cleaning Machines*/
.parallax2{
	background-image: url("../Bilder/Fluss.jpg");
	height: 5em;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}

/*Recyclers*/
.parallax3{
	background-image: url("../Bilder/Gras-Gestreckt.jpg");
	height: 3em;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}

.parallax4{
	background-image: url("../Bilder/Gras-Gestreckt.jpg");
	height: 45em;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}

/*Cleaners*/
.parallax5{
	background-image: url("../Bilder/Blatt.jpg");
	height: 3em;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}

.parallax6{
	background-image: url("../Bilder/Blatt.jpg");
	height: 45em;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}

/*Automatic Mold Cleaning Machines (großer Parallax)*/
.parallax7{
	background-image: url("../Bilder/Fluss.jpg");
	height: 45em;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}



/*Menü 2*/
.Menu2{
	font-size: 2.5em; 
	color: black;
	font-family: 'Open Sans', sans-serif;
	margin: 6em;
	
}

.Menu2:hover{
	font-size: 2.5em; 
	color: rgb(0, 255, 0);
	font-family: 'Open Sans', sans-serif;
}


/* Subtext unter Menü 2 */
p.Subtext{
	text-align: center;
	font-size: 1.5em; 
}

.pMenu2mobile{
	font-size: 1.2em;
	text-align:center;
	padding-bottom: 0.7em;
}


/*Überschriften*/

h1{
	text-align: center;
	font-size: 3em; 
}


h2{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.9em; 
	color: black;
	text-align: left;
}

h3{
	font-size: 1.35em;
	text-align: left;
}

h4{
	font-size: 2em;
	font-weight: bold; 
	text-align: left;
}

/*Überschriften (for mobile Devices)*/

.h1mobile{
	font-size: 1.9em;
	text-align: center;
}

.h2mobile{
	font-size: 1.55em;
	text-align: left;
}

.realmobile{ /*h2 for PDF*/
	font-size: 1.1em;
	text-align: left;
}

.h3mobile{
	font-size: 1.2em;
	text-align: left;
}



/*Text Allgemein*/
p{
	font-size: 1.3em;
	text-align: left;
}

/*Text Dekorationen*/
.black{
		color: black;
}


.un{
	text-decoration: underline;
}

.ol{
	text-decoration: overline;
}

.center{
	text-align: center;
}

.right{
	text-align: right;
}

.left{
	text-align: left;
}

.bold{
	font-weight: bold;
}

.real{   /*real h2 - nur notwendig, wenn h2 + PDF Link*/
	font-size: 1.35em;
}

.text-small{
	font-size: 1em;
}


/*Footer*/

#footer{
	color: white;
	background-color: black;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	text-align: center;
	margin-bottom: 0em;
}

#footer2{
	color: white;
	background-color: black;
	font-family: 'Open Sans', sans-serif;
	font-size: 2em;
	text-align: center;
	margin-bottom: 0em;
}

a.footer{
	font-size: 1.1em;
}

/*Platzhalter*/
.empty{
	margin-bottom: 3.2em;
}

.border{
	padding-left: 1em;
}

.margin{
		margin-top: 2em;
		margin-bottom: 2em;
}

.margin2{
		margin-top: 2em;
		margin-bottom: 0em;
}

.margin3{
		margin-top: 0em;
		margin-bottom: 2em;
}

.margin4{
	margin-top: 2em;
	margin-bottom: 20em;
	
}

#margin-left{
		margin-left: 0em;
		padding: 0em;
}


/* Button */
.button2{
	margin-top: 0.5em;
	font-size: 2em;
	padding: 10px 30px;
	color: white;
	background-color: rgb(55, 128, 72);
	border: solid 1px black;
	font-family: 'Open Sans', sans-serif;
	transition: ease-in-out all 1s;
}

.button2:hover{
	margin-top: 0.5em;
	font-size: 2em;
	padding: 10px 30px;
	color: rgb(0, 255, 0);
	background-color: rgb(255, 128, 0);
	border: solid 1px black;
	font-family: 'Open Sans', sans-serif;
	transition: ease-in-out all 1s;
}

/* Video */
.vid{
	height: 100%;
	width: 100%;
	background-size: cover;
	
}