/* übersichtsseite */

.anwendungenBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}
.anwendungenBox .anwendungenBlock {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	flex:0 0 50%;
	transition:.2s;
}

.anwendungenBox .anwendungenBlock:hover {
	background-color:#e0eaf5;
}

.anwendungenBox .anwendungenBlock .bild {
	display:block;
	border-left:4px solid #fff;
	border-right:4px solid #fff;
}
.anwendungenBox .anwendungenBlock .zoomIMG {
	overflow:hidden;
}
.anwendungenBox .anwendungenBlock img {
	width:100%;
	height:auto;
	display:block;
	transition: transform .2s;
}
.anwendungenBox .anwendungenBlock .textbox {
	color:#333 !important;
	padding:70px 50px 120px;
	border-left:4px solid #f5f5f5;
	border-right:4px solid #f5f5f5;
	height:100%;
	background-image:url('/page/_webpics/buttons/teaser-arrow-right.svg');
	background-repeat:no-repeat;
	background-position:bottom 50px left 50px;
}
.anwendungenBox .anwendungenBlock .titel {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:22pt;
	line-height:36px;
	padding-bottom:20px;
}
.anwendungenBox .anwendungenBlock:hover img {
	transform: scale(1.05);
}



/* anwendungen */
.altBlock {
	background:#f5f5f5;
	padding:60px 0;
}
.altBlock:nth-child(even) {
	background:#fff;

}

.altBlock .bildBox img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	height:auto;
	display:block;
	border:20px solid #fff;
}

.altBlock:nth-child(even) .bildBox img {
	border:20px solid #f5f5f5;
}

.altBlock .altBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
}

.altBlock:nth-child(even) .altBox {
	flex-flow: row-reverse nowrap;
}

.altBlock .altBox .bildBox .inner {
	padding-left:0;
	padding-right:25px;
}

.altBlock:nth-child(even) .altBox .bildBox .inner {
	padding-left:25px;
	padding-right:0;
}

.altBlock .altBox .textBox {
	flex:1 1 50%;
	padding-bottom:30px;
}
.altBlock .altBox .bildBox {
	flex:1 1 50%;
}

.altBlock .titel {
	padding:0 0 20px;
}


/* system */
.altBlock .halfFloat {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
	padding-top:30px;
}


.altBlock .topIMG {
	padding:30px 0 0;
}
.altBlock .topIMG img {
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}

.altBlock .halfFloat .textBox {
	flex:1 1 50%;
	padding-bottom:30px;
}
.altBlock .halfFloat .bildBox {
	flex:1 1 50%;
}
.altBlock .halfFloat .bildBox .inner {
	padding-left:0;
	padding-right:25px;
}
.altBlock .bildBox img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	height:auto;
	display:block;
	border:20px solid #fff;
}





/* responsive */

@media  only screen and (max-width: 1140px) {
	.anwendungenBox {
		flex-flow: column;
	}
	.anwendungenBox .anwendungenBlock {
		flex:0 0 100%;
		max-width:500px;
		margin:0 auto 40px;
		box-shadow:0 20px 30px rgba(0,0,0,0.1);
	}
	.anwendungenBox .anwendungenBlock .textbox {
		border:none;
	}
	.anwendungenBox .anwendungenBlock .bild {
		border:none;
	}



}

@media  only screen and (max-width: 800px) {
	/* anwendungen */
	.altBlock .altBox {
		flex-flow: row wrap;
	}

	.altBlock:nth-child(even) .altBox {
		flex-flow: row wrap;
	}

	.altBlock .altBox .bildBox .inner {
		padding-left:0;
		padding-right:0;
	}

	.altBlock:nth-child(even) .altBox .bildBox .inner {
		padding-left:0;
		padding-right:0;
	}

	.altBlock .altBox .textBox {
		flex:1 1 100%;
		padding-bottom:30px;
	}
	.altBlock .altBox .bildBox {
		flex:1 1 100%;
	}



	/* system */
	.altBlock .halfFloat {
		flex-flow: row wrap;
		padding-top:30px;
	}
	.altBlock .halfFloat .textBox {
		flex:1 1 100%;
	}
	.altBlock .halfFloat .bildBox {
		flex:1 1 100%;
	}
	.altBlock .halfFloat .bildBox .inner {
		padding-right:0;
		padding-left:0;
	}

	.altBlock {
		padding:40px 0;
	}
}


@media  only screen and (max-width: 760px) {
	.anwendungenBox .anwendungenBlock {
		flex:0 0 100%;
	}

}