*{margin: 0;
  padding: 0;}
  


  
  .team-content{padding-left: 10px;
				  margin: 4% 0 0 0;
				  border-left: 18px solid rgb(253,234,0);
				  text-align: left;
				
	              width:100%;
				  box-sizing:border-box;
				 -moz-box-sizing:border-box;
	             -webkit-box-sizing:border-box;
	             box-sizing: border-box; *behavior: url(boxsizing.htc);}
   
		.team-proffession{font-size: 1em;
						  letter-spacing: 0.1em;}

  
  
  .city{width:32%;
  float:left;
  margin-right:2%;}
  
  .city:last-of-type{margin-right:0;}
  
  
  .top-title {
    padding-left: 20px;
    border-left: 36px solid rgb(253,234,0);
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif, bold;
    letter-spacing: 3px;
	margin: 0 0 20px 0;
}



  
  
  
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 40px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
  font-family: Arial, Helvetica, sans-serif;
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  height:70%;

}

/* The Close Button */
.close {
  color: rgb(0,0,0);
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: rgb(253,234,0);
  text-decoration: none;
  cursor: pointer;
}

.modal-content span{color: rgb(0, 0, 0);
					font-weight: bold;}
.modal-content p{padding:20px 0 0 0;}
.modal-content h1 {color: rgb(2,1,155);}
strong.bold_blue{color: rgb(2,1,155);
				 font-weight: bold;}

/*Modal Ende*/    
  

video {
    max-width: 100%;
    height: auto;
	outline: none;
}
  
.container{max-width: 1300px;
           margin: 0 auto;}    
  
  
img{max-width: 100%;
    height: auto;}


	
a{outline: none;}  

	
#scanlines{float: left;
		   width: 100%;
		   background: url(image/bg.png) repeat;} 


header{float: left;
      width: 100%;
	  background: rgb(241, 188, 22);}

    header img{display: block;
	          max-width: 45%;
			  height: auto;
			  margin: 3% auto;}	
	
	
nav a#pull{display: block;  
		  background-color: rgb(241, 188, 22);
		  width: 100%;  
		  padding: 4% 0;
		  position: relative; 
		  text-align: left;
		  text-indent: 25px;
		  text-decoration: none;
		  color: rgb(0,0,0);
		  font-family: 'Oswald', sans-serif;
		  font-size: 1.2em;
		  letter-spacing: 4px;
		  font-weight: bold;
		  text-transform: uppercase;}  	
		  
	nav a#pull:after {content: "";
				    background: url('nav-icon.png') no-repeat scroll 0% 0% transparent;
					width: 30px;
					height: 30px;
					display: inline-block;
					position: absolute;
					right: 15px;
					top: 20px;}
	
#navMain{list-style: none;
         padding: 0;
		 display: none;}
		 		 
    #navMain li{float: none; 
			  padding: 4% 0;
			  font-family: 'Oswald', sans-serif;
			  text-align: center;
			  text-transform: uppercase;}
			  
		#navMain li a{text-decoration: none;
					color: rgb(0,0,0);}

			#navMain li a:hover{color: rgb(0,0,0);
							  border-bottom: 4px solid rgb(0,0,0);}

				#navMain li a.ak{border-bottom: 4px solid rgb(0,0,0);}	
		
				
section{float: left;
	   width: 100%;
	   background: rgb(255,255,255);
	   color: rgb(69, 69, 69);
	   font-family: 'Oswald', sans-serif;
	   margin: 6% 0 6% 0;}
	   
	   
	   section.kontakt{float: left;
	   width: 100%;
	   background: rgb(255,255,255);
	   color: rgb(69, 69, 69);
	   font-family: 'Oswald', sans-serif;
	   margin: 6% 0 6% 0;}
	   
	section h1{background-color: rgb(241, 188, 22);
			 color: rgb(0,0,0);
			 font-size: 1.1em;
			 letter-spacing: 1px;
			 padding: 4% 0;
			 text-transform: uppercase;
			 text-align: center;}
				
			section p{padding: 0 4%;
				    -moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					box-sizing: border-box; *behavior: url(scripts/boxsizing.htc);
					box-sizing: border-box;
					margin: 4% 0 0 0;
					font-size: 1em;}
						
					section a{text-decoration: none;
						    color: rgb(69,69,69);}
								
							section a:hover{text-decoration: underline;}
								
								section ul{padding: 4%;
										-moz-box-sizing: border-box;
										-webkit-box-sizing: border-box;
										 box-sizing: border-box; *behavior: url(scripts/boxsizing.htc);
										 box-sizing: border-box;}
								 
								     section li{list-style-type: square;
											 font-size: 1em;
										     margin: 4% 0 0 5%;}
						
						
footer{background-color: rgb(241, 188, 22);}

    footer p{text-align: center;
		   font-size: 1em;
           color: rgb(0,0,0);
		   padding: 4% 0;}	
		   
		footer a{color: rgb(0,0,0);}


			
			
@media screen and (min-width:340px) {

header img{max-width: 30%;}

}			
		

			
			
@media screen and (min-width:440px) {


nav a#pull{font-size: 1.3em;}  	


section h1{font-size: 1.3em;}
								
	section p{font-size: 1.1em;}
	
	
	 section li{font-size: 1.1em;}

	
footer p{font-size: 1.1em;}	

}		
			
			
			
			
			
@media screen and (min-width:500px) {

.container {margin: 0 auto;}


section{max-width: 500px;}


}			



@media screen and (min-width:670px) {


header img{float: left;
		  max-width: 18%;
		  margin: 0;}
			
	header{padding: 1% 0;
		  box-shadow: 0px 6px 7px 0px rgba(50, 50, 50, 0.75);}		



nav a#pull {display: none;}  
		

#navMain{display: block;
         width: 82%;
		 float: right;
		 margin: 2.5% 0 0 0;
		 list-style: none;}

	
#navMain li{float: right;
		  margin-left: 6%;
		  padding: 0;
          text-align: right;}
		  
	#navMain li a{text-decoration: none;
				text-transform: uppercase;
				letter-spacing: 1px;
				color: rgb(0,0,0);
				font-family: 'Oswald', sans-serif;
				font-size: 1.3em;
				font-weight: bold;
				transition: all 0.6s;
				-moz-transition: all 0.6s;
				-webkit-transition: all 0.6s;}
							
		#navMain li a:hover{text-shadow: none;}


	section{box-shadow: 0px 6px 7px 0px rgba(50, 50, 50, 0.75);}


}
			
		

@media screen and (min-width:740px) {

header img{max-width: 15%;}




}


		
			
				
@media screen and (min-width:900px) {

#navMain li a{font-size: 1.4em;}
	


section h1{font-size: 1.4em;}
								
	section p{font-size: 1.2em;}
	
	
	section li{font-size: 1.2em;}

	
footer p{font-size: 1.2em;}	


}		




@media screen and (min-width:1000px) {
	
	#myModal{display:block;}

	   
	   
	   section.kontakt{
							width: 32%;
							margin: 6% 2% 6% 0;
	   
	   
	  
	   color: rgb(69, 69, 69);
	   font-family: 'Oswald', sans-serif;
}
	
	
		   section.kontakt:nth-last-of-type(1){
							width: 32%;
							margin: 6% 0% 6% 0;
	   
	   
	   
	   color: rgb(69, 69, 69);
	   font-family: 'Oswald', sans-serif;
}
	
	

#navMain li a{font-size: 1.5em;}
	


section h1{font-size: 1.5em;}
								
	section p{font-size: 1.3em;}
	
	
	section li{font-size: 1.3em;}

	
footer p{font-size: 1.3em;}	

}	




@media screen and (min-width:1100px) {

#navMain li a{font-size: 1.6em;}
	


section h1{font-size: 1.6em;}
								
	section p{font-size: 1.4em;}
	
	section li{font-size:1.4em;}

	
footer p{font-size: 1.4em;}	

}	


@media screen and (min-width:1200px) {


#navMain li a{font-size: 1.7em;}
	
 
section h1{font-size: 1.7em;}


}	



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

header{padding: 0.5% 0;}

header img{max-width: 11%;}

#navMain{margin: 1.5% 0;}

#navMain li a{font-size: 1.8em;}
	
section{margin: 4.5% 0;}

section h1{font-size: 1.8em;
		 padding: 5% 0;}
								

}