/*--
blau	rgb(0, 154, 217)	009ad9
grün	rgb(11, 25, 52)	0b1934
--*/
.introtext, #content .wrapper, #content .box, #content .box p,
#content .box span, #content .box .img, #content .middle img, #content .box .button{	
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/*-----------------------*/
.introtext{
	position:relative;
	background-color:#fff;
	text-align:left;
	width:60%;	
}
#content .wrapper{
}
#content .box{
	width:29.33%;
	height:auto;
	float:left;
	text-align:center;
	padding-bottom:60px;
	margin-bottom:40px;
	padding-left:2%;
	padding-right:2%;
	padding-top:40px;
}
#content .box .first{
	background-image:url(../img/index/boximg1.jpg);
}
#content .box .second{
	background-image:url(../img/index/boximg2.jpg);
}
#content .box .third{
	background-image:url(../img/index/boximg3.jpg);
}
#content .box p{
	padding-left:45px;
	padding-right:45px;
	margin-top:20px;
}
#content .box span{
	line-height:180%;
    font-family: 'conduititc-boldregular';
	color:#009ad9;
	font-size:140%;
}
#content .box .img{
	width:100%;
	height:400px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
#content .middle img{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:auto;
}
#content .box .button{
	top:10px;
}

/*-----------------------*/


@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 980px) {	
	#content .box p{
	padding-left:5px;
	padding-right:5px;
	}
}
@media only screen and (max-width: 920px) {
}
@media only screen and (max-width: 840px) {	
}
@media only screen and (max-width: 768px) {	
	#content .box{
	text-align:left;
	}
	#content .box .img{
	height:300px;
	}
}
@media only screen and (max-width: 640px) {	
	#content .box{
		width:96%;
		padding-bottom:20px;
	}
	#content .box .img{
	height:200px;
	}
}