.reiterbaustein {
	width:100%;
	display: -webkit-box;       /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;          /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;		/* TWEENER - IE 10 */
	display: -webkit-flex;		/* Safari */
	display: flex;              /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-ms-justify-content:space-between;
}

.reiter_leftside {
	width: 60%;
	padding-right:3%;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-ms-justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
}
#user7_start .reiter_leftside .img_container1, #user7_start .reiter_leftside .img_container2, #user7_start .reiter_leftside .img_container3, #user7_start .reiter_leftside .img_container4, #user7_start .reiter_leftside .img_container5,
#user7_start .reiter_leftside .img_container6, #user7_start .reiter_leftside .img_container7, #user7_start .reiter_leftside .img_container8, #user7_start .reiter_leftside .img_container9, #user7_start .reiter_leftside .img_container10,
#user7_start .reiter_leftside .img_container11, #user7_start .reiter_leftside .img_container12, #user7_start .reiter_leftside .img_container13, #user7_start .reiter_leftside .img_container14, #user7_start .reiter_leftside .img_container15,
#user7_start .reiter_leftside .img_container16, #user7_start .reiter_leftside .img_container17, #user7_start .reiter_leftside .img_container18, #user7_start .reiter_leftside .img_container19, #user7_start .reiter_leftside .img_container20 {
	position:relative;
	width:242px;
	height:157px;
	margin-bottom:20px;
	cursor: pointer;
}

#user7 .reiter_leftside .img_container1, #user7 .reiter_leftside .img_container2, #user7 .reiter_leftside .img_container3, #user7 .reiter_leftside .img_container4, #user7 .reiter_leftside .img_container5,
#user7 .reiter_leftside .img_container6, #user7 .reiter_leftside .img_container7, #user7 .reiter_leftside .img_container8, #user7 .reiter_leftside .img_container9, #user7 .reiter_leftside .img_container10,
#user7 .reiter_leftside .img_container11, #user7 .reiter_leftside .img_container12, #user7 .reiter_leftside .img_container13, #user7 .reiter_leftside .img_container14, #user7 .reiter_leftside .img_container15,
#user7 .reiter_leftside .img_container16, #user7 .reiter_leftside .img_container17, #user7 .reiter_leftside .img_container18, #user7 .reiter_leftside .img_container19, #user7 .reiter_leftside .img_container20 {
	position:relative;
	width:230px;
	height:150px;
	margin-bottom:20px;
	cursor: pointer;
}

.reiter_leftside img {
	display: block;
	width: 100%;
	height: auto;
}

.img_overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: #fabe18;
}

.img_container1:hover .img_overlay, .img_container2:hover .img_overlay, .img_container3:hover .img_overlay, .img_container4:hover .img_overlay, .img_container5:hover .img_overlay,
.img_container6:hover .img_overlay, .img_container7:hover .img_overlay, .img_container8:hover .img_overlay, .img_container9:hover .img_overlay, .img_container10:hover .img_overlay,
.img_container11:hover .img_overlay, .img_container12:hover .img_overlay, .img_container13:hover .img_overlay, .img_container14:hover .img_overlay, .img_container15:hover .img_overlay,
.img_container16:hover .img_overlay, .img_container17:hover .img_overlay, .img_container18:hover .img_overlay, .img_container19:hover .img_overlay, .img_container20:hover .img_overlay{
	opacity:0.3;
}

.img_overlay_current {
	opacity: 0.3 !important;
}

.reiter_rightside {
	width: 36%;
	border:1px solid;
	border-color:#dad9d9;
}

.reiter_rightside img {
	width:100%;
}

.reiterinhalt {
	background-color:#f5f5f5;
	display:none;
	height:100%;
}
.reiterinhalt p {
	padding-left:30px;
	padding-right:30px;
	font-size:24px;
	color:#6f6f6e;
	line-height:35px;
}
.reiter_button {
	margin-bottom:20px;
}
.reiter_button a {
	display:block;
	min-height:34px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	width:100%;
	font-size:20px;
	color:#FFFFFF;
	background-color:#6f6f6e;
	background-image:url(reiter_pfeil.png);
	background-position:95% 50%;
	background-repeat:no-repeat;
}

.reiterinhalt h2 {
	padding-left:30px;
	padding-right:30px;
	font-size:31px;
	color:#fabe18;
	line-height:51px;
}

.reiter_show {
	display:inherit !important;
}

@media only screen and (max-width: 1600px){
	.reiter_rightside {
		width: 45%;
	}
	
	.reiter_leftside {
		width: 53%;
		padding-right:1%;
	}
	
	.reiterinhalt h2 {
		font-size:24px;
		line-height:35px;
	}
	
	.reiterinhalt p {
		font-size:20px;
		line-height:30px;
	}
	
	.reiterinhalt a {
		font-size:20px;
		line-height:30px;
	}
}

@media only screen and (max-width: 1024px){
	.reiterbaustein {
		width:100%;
		display:block;
	}
	.reiter_rightside {
		width: 100%;
		border:0px;
	}
	.reiter_leftside {
		width:100%;
		padding-right:0%;
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap:wrap;
	}
}