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


/* ----------Title-------------- */
.title {

margin-top:70px; 
max-width: 1280px;
min-width:320px;
margin:0  auto; 
padding:12% 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/paragraf.jpg"); 

}

@media only screen and (min-width: 1850px) { 
/* ----------Foto oben-------------- */
#buehne {
position: relative;
    height: 750px;
   width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding:0px;margin:70px 0 0 0;

}
}
@media only screen and (max-width: 1500px) { 
	
	/* --------------------title -------------------- */
	
.title {
padding:16% 20px 10% 30px;
}

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

			/* ----------Foto oben-------------- */
#buehne {
   height: 550px;  background-position: center center;
	
}
	
	/* --------------------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:17% 20px 10% 30px;
}
	
	}


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

	#buehne {
position: relative;
    height: 500px;
 }
	
	/* --------------------title -------------------- */
.title {

padding:15% 20px 10% 30px;
}
.title h1  {

font-size:3.8em!important;

}
	
	}

@media only screen and (max-width: 1000px) { 
	/* --------------------title -------------------- */
.title {
padding:17% 20px 10% 30px;
}

	}

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

	/* --------------------title -------------------- */
		#buehne {
position: relative;
    height: 500px;
 	
 
}
	
	
/* --------------------title -------------------- */
.title {
padding:17% 20px 10% 30px;
}	
		
	}

@media only screen and (max-width: 890px) { 
	/* --------------------bühne -------------------- */
#buehne {
position: relative;
height: 380px;
 padding:0px;margin:0px 0 0 0;
}
	

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

@media only screen and (max-width: 680px) {
	
		/* ----------Foto oben-------------- */
	
#buehne {
position: relative;
background-position: center left; 
}
	
	/* -------------- title------------- */
.title h1  {
font-size:3.5em!important;
}
	.title {
padding:19% 20px 10% 30px;
}
	}


@media only screen and (max-width: 580px) {
	
		/* ----------Foto oben-------------- */
	
#buehne {
position: relative;
background-position: center left;
}
	
	/* -------------- title------------- */
.title h1  {
font-size:3.5em!important;
}
	.title {
padding:20% 20px 10% 30px;
}
	}

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