/* ----------------- title--------------------- */
.title {
margin-top:70px; 
max-width: 1280px;
min-width:320px;
margin:0  auto; 
padding:13% 20px 10% 30px;
}
.title h1  {
text-align:left;
font-family: 'Bebas Neue',  Helvetica, sans-serif, Sans-Serif;
font-size:4.8em!important;
font-weight: 500; text-transform: uppercase;
position: relative;
line-height:0.95em;
color:#fff;
}




/* ----------Foto oben-------------- */
#buehne {
position: relative;
height: 600px;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center left;
padding:0px;margin:70px 0 0 0;
background-image: url("../images/boot2.jpg"); 

}
@media only screen and (min-width: 1850px) { 
/* ----------Foto oben-------------- */
#buehne {
position: relative;
height: 770px;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
padding:0px;margin:70px 0 0 0;
background-image: url("../images/boot3.jpg");
 
}
	/* ----------------- title--------------------- */
.title {
margin-top:70px; 
max-width: 1280px;
min-width:320px;
margin:0  auto; 
padding:13% 20px 10% 30px;
}
}


@media only screen and (max-width: 1300px) { 

			/* ----------Foto oben-------------- */
#buehne {
   height: 550px;  background-position: center center;
background-image: url("../images/boot3.jpg");	
}
	
/* --------------------title -------------------- */
.title h1  {
text-align:left;
font-family: 'Bebas Neue',  Helvetica, sans-serif, Sans-Serif;
font-size:4.2em!important;
font-weight: 500; text-transform: uppercase;
color: #fff;position: relative;
line-height:0.95em;
}	
.title {
padding:15% 20px 10% 30px;
}
		
	
	}


@media only screen and (max-width: 1200px) {
		/* ----------Foto oben-------------- */

#buehne {
position: relative;
height: 500px;
background-image: url("../images/boot2.jpg");
}
/* --------------------title -------------------- */
.title {
padding:14% 20px 10% 30px;
}
.title h1  {
font-size:3.8em!important;
}	
	
	}
@media only screen and (max-width: 960px) { 

	/* --------------------title -------------------- */
#buehne {
position: relative;
height: 500px;
background-image: url("../images/boot2.jpg");
 }
/* --------------------title -------------------- */
.title {
padding:15% 20px 10% 30px;
}		
	
	}
@media only screen and (max-width: 890px) { 
	/* --------------------bühne -------------------- */
#buehne {
position: relative;
height: 380px;
padding:0px;margin:0px 0 0 0;
background-image: url("../images/boot3.jpg"); 
}

	/* --------------------title -------------------- */
.title {
padding:13% 20px 10% 30px;
}
 	
	
	}

@media only screen and (max-width: 680px) {
	
		/* ----------Foto oben-------------- */
	
#buehne {
position: relative;
height: 350px;
padding:0px;margin:0px 0 0 0;
background-image: url("../images/boot1.jpg");  background-position: center left;
}
	
/* -------------- title------------- */
.title h1  {
font-size:3.5em!important;
}	
	}

@media only screen and (max-width: 480px) { 
	
	/* ----------Foto oben-------------- */
#buehne {
height: 300px;
}
	
			/* --------------------title -------------------- */
.title {
padding:17% 20px 10% 30px;
}
.title h1  {
font-size:3.0em!important;
}
	}