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

/* ----------Felder-------------- */
.feld{
	float:left;
 height: 400px;
 width: 49%;
padding:30px;
margin:1px 1px 1px 1px;
background-color: #b8c6cf;
color:#fff;
	line-height:1.2em;letter-spacing: -0.04em;font-size: 1.15em;
}
.photo{float:left;
	margin:1px 1px 1px 1px;
width: 49%;
background: url(../images/jens-beratung.jpg) no-repeat center right;
background-size: cover;
height: 400px;
}
.photo1{float:left;
	margin:1px 1px 1px 1px;
width: 49%;
background: url(../images/Jens-+-flip.jpg) no-repeat center center;
background-size: cover;
height: 400px;
}
.photo2{float:left;
	margin:1px 1px 1px 1px;
width: 49%;
background: url("../images/Gruppe2.jpg") no-repeat top center;
background-size: cover;
height: 400px;
}
/* ----------Title-------------- */
.title {

margin-top:70px; 
max-width: 1280px;
min-width:320px;
margin:0  auto; 
padding:11% 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/leistungen1.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: 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:15% 20px 10% 30px;
}
	
	}


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

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

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

font-size:3.8em!important;

}
	
	}

@media only screen and (max-width: 1000px) { 
/* ----------Felder-------------- */
.feld{
margin:1px 1px 1px 1px;
 height: 490px;
 width: 49%;
}
.photo{
	margin:1px 1px 1px 1px;
	width: 49%;
background: url(../images/jens-beratung.jpg) no-repeat center right;
background-size: cover;
height: 490px;
}
.photo1{
	margin:1px 1px 1px 1px;
	width: 49%;
background: url(../images/Jens-+-flip.jpg) no-repeat center center;
background-size: cover;
height: 490px;
}
.photo2{
	margin:1px 1px 1px 1px;
width: 49%;
background: url("../images/Gruppe2.jpg") no-repeat top left;
background-size: cover;
height: 490px;
}
	}

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

	/* --------------------title -------------------- */
		#buehne {
position: relative;
    height: 500px;
 	
 
}
	
	
/* --------------------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;
}
	

	/* --------------------title -------------------- */
.title {
padding:14% 20px 10% 30px;
}
 	
	/* ----------Felder-------------- */
.feld{
	float:none;
 height: auto;
 width: 100%;margin:1px 1px 1px 1px;
}
.photo{
	float:none;
	width: 100%;
background: url(../images/jens-beratung.jpg) no-repeat center right;
background-size: cover;
height: 380px;margin:1px 1px 1px 1px;
}
.photo1{
	float:none;
	width: 100%;
background: url(../images/Jens-+-flip.jpg) no-repeat center center;
background-size: cover;
height: 380px;margin:1px 1px 1px 1px;
}
.photo2{
float:none;
	width: 100%;
background: url("../images/Gruppe2.jpg") no-repeat top left;
background-size: cover;
height: 380px;margin:1px 1px 1px 1px;
}
	}

@media only screen and (max-width: 680px) {
	
		/* ----------Foto oben-------------- */
	
#buehne {
position: relative;
background-position: center left;
}
	.photo2{
float:none;
	width: 100%;
background: url("../images/Gruppe2.jpg") no-repeat top center;
background-size: cover;
height: 380px;margin:1px 1px 1px 1px;
}
	
	/* -------------- title------------- */
.title h1  {
font-size:3.5em!important;

}
	}
@media only screen and (max-width: 480px) { 
	
	/* ----------Foto oben-------------- */
#buehne {
   height: 300px;
}
	
		/* --------------------title -------------------- */
.title {
padding:15% 20px 10% 30px;
}
.title h1  {
font-size:3.0em!important;
}
	.photo2{
float:none;
	width: 100%;
background: url("../images/Gruppe2.jpg") no-repeat top left;
background-size: cover;
height: 380px;margin:1px 1px 1px 1px;
}
	}