.backgroundAlt {
	background-color:#f5f5f5;
}

.backgroundAlt:nth-child(odd) {
	background-color:#fff;
}


.alterFlex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
	padding-bottom:60px;
}

.backgroundAlt h2 {
	padding:60px 0;
}

.backgroundAlt:nth-child(odd) .alterFlex {
	flex-flow: row-reverse nowrap;
}

.alterFlex .bild {
	flex:1 1 50%;
}
.alterFlex .bild img {
	width:100%;
	height:auto;
	display:block;
}

.alterFlex .text {
	flex:1 1 50%;
}



@media  only screen and (max-width: 740px) {
	.alterFlex {
		flex-flow: column;
	}
	.backgroundAlt:nth-child(odd) .alterFlex {
		flex-flow: column;
	}
	.alterFlex .bild {
		padding-bottom:40px;
	}
	
	.backgroundAlt h2 {
		padding:30px 0 20px 0;
		}
	
}