*{
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
}


img{
border:0px;
} 

input {
    -webkit-appearance: none;
}
 
 
html, body {
	 background-color:#ffffff;
	 margin:0;
	 padding:0;
	 font-family: 'Roboto', sans-serif;
	 max-width:100%;
 }
 
 
 .header {
	 text-align:center;
	 background: url('../img/hintergrund1-start.jpg');
	 background-size: cover;
	 padding:20px 20px 40px 20px;
 }
 
 
 
 .red {
	 color:#f75065;
 }
 
 .blue {
	 color:#1459AD;
 }
 
 .white {
	color:white;
 }
 .einsatzgebiete-mobil {
	margin:0;
	display:block;
	padding:20px 0 40px 0;
 }
 
  
 .einsatzgebiete-enhanced {
	 display:none; 
 }
 
  .einsatzgebiete-mobil div {
		padding:20px 20px 40px 20px;
  }
  
  .herausforderung {
	  	padding:20px 20px 20px 0;
  }
  
   .herausforderung {
	  	padding:20px 20px 20px 0;
		text-align: center;
  }
   
  .bgpurple {
		background-color:#7124A7;
  }
  
    .bgdarkred {
		background-color:#B61950;
  }
  
    .bgred {
		background-color:#EE2A2D;
  }
  
    .bgyellow {
		background-color:#EDA20A;
  }
  
    .bggreen {
		background-color:#93C509;
  }
  
    .bglightblue {
		background-color:#06A4C8;
  }
  
    .bgblue {
		background-color:#0A3263;
  }
  
      .bgwhite {
		background-color:#ffffff;
  }
  
  .bggrey {
	  background-color:rgba(248,249,250,1);
	}
	
	.bgdarkgrey {
		background-color: #30313D;
	}
  
	 .situation {
		 padding:20px 20px 40px 20px;
		 background: url('../img/hintergrund2-pattern.png');
	 }
	 
	 h3 {
		text-align:center;
		font-family: 'Roboto Slab', sans-serif;
	}
	
	 p {
		text-align:left;
		line-height:1.5em;
		font-family: 'Roboto', sans-serif;
		font-weight:300;
	}
	
	ul {
		line-height:1.5em;
		text-align:left;
	}
	
	.kundenbeispiele {
		background-color:rgba(248,249,250,1);
		text-align:center;
		padding:20px 0 40px 0;
	}
	
	.kundenbeispiel {
		margin:5px 0 20px 0;
	}
	
	.kundenbeispiel img {
		width:100%;
		margin:5px 0 0 0;

	}
	
	.zahlen img {
		width:100%;
		margin:0;
		padding:0;
		display:block;
		
	}
	
		.kunden {
			text-align:center;
			padding:20px 20px 20px 20px;
		}
		
	
		 .zahlen {
			text-align:center;
			padding:20px 20px 40px 20px;
		}
	
		.info {
			text-align:center;
			background: url('../img/hintergrund1-start.jpg');
			padding:50px 0;
			background-size: cover;
		}
		
		.info img {
			margin:20px 0;
			width:90%;
		}
		
		.info img:hover {
			opacity:0.8;
		}
		
	
	
	.kunden img {
		width:40%;
		padding:0;
		vertical-align: middle;
		margin:10px;
	}
	
	.kontakt {
		padding:20px;
	}

	.unternehmenlink {
		position:absolute;
		top:300px;
		left:2%;
		color:#F75065;
		text-decoration:none;
	}