#content {
	background: #f8f8f8;
}
.box {
	float: left;
	width: 301px;
	height: 651px;
	margin-top: 19px;
	margin-bottom: 23px;
}
.leftbox {
	margin-left: 33px;
}
.centerbox {
	margin-left: 15px;
}
.rightbox {
	margin-left: 15px;
}
.box_top {
	width: 301px;
	height: 34px;
	background: url('_img/box_top.png') no-repeat;
}
.box_center {
	width: 251px;
	height: 524px;
	background: url('_img/box_center.png') repeat-y;
	padding: 43px 25px 16px;
	overflow: hidden;
}
.leftbox .box_center {
	padding-top: 23px;
	height: 544px;
}
.box_bottom {
	width: 301px;
	height: 34px;
	background: url('_img/box_bottom.png') no-repeat;
}

.box_bottom .button {
	display: block;
	width: 127px;
	height: 34px;
	margin: 0 0 0 156px;
	background: url('_img/box_button.png') no-repeat;
	line-height: 34px;
	text-align: center;
	color: #fff;
	font-size: 16px;
}
.wcms-newsitem-headline {
	color: #b81513;
}

.newsItem {
	margin-top: 22px;
	line-height: 1.1;
	margin-bottom: 20px;
}
.newsItem p {
	color: #5d5d5d;
	font-size: 13px;
	line-height: 1.2em
}
.newsItem p a {
	color: #05578b;
}
.newsItem p a:hover {
	color: #659cbf;
}
h2 {
	color: #b81513;
	line-height: 1.1em;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 14px !important;
}
h2 a {
	color: #b81513;
}
a:hover h2 {
	color: #d87f7d;
}
h2 a:hover {
	color: #d87f7d;
}

.box_top h1, .box_top h2 {
	color: #fff;
	display: block;
	font-size: 17px !important;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	padding: 12px 7px 0 0;
	text-align: right;
	width: 173px;
}

.box img {
	margin-bottom: 20px;
}
.leistungen_float {
	float: left;
	width: 114px;
	overflow: hidden;
}
.float_first {
	margin: 0 23px 0 0;
}
#machines_content img {
	border: 1px solid Gray;
}
/* ==========================================================================
   _RESPONSIVE
   ========================================================================== */
@media (max-width: 999px) {
	.box { width: 33.3%; padding-left: 7px; padding-right: 7px; box-sizing: border-box; }
	.leftbox, .centerbox, .rightbox { margin-left: 0; }
	.box_top, .box_center, .box_bottom { width: auto; background-size: 100% 100%;  }
	.box_top h1 { width: auto; text-align: left; padding-left: 10px;}
	.box_bottom .button { float: right; margin: 0 18px 0 0; }
	.leistungen_float { width: 50%; padding-left: 5px; box-sizing: border-box; }
	.leistungen_float h2 { min-height: 30px; }
	.float_first { padding-right: 5px; padding-left: 0; margin-right: 0; }
	.box img { max-width: 100%; }
	#main_col { width: 80%;}
	#left_col { width: 20%;}
	@media (min-width: 769px) {
		#machines_content img { width: 100% !important; height: auto !important; box-sizing: border-box;}
	}
}
@media (max-width: 768px) {
	#main {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.box { width: 100%; height: auto;}
	.leftbox { order: 2; }
	.centerbox { order: 1; }
	.rightbox { order: 3; }
	
	.rightbox .box_center > a { display: block;}
	.rightbox .box_center, .leftbox .box_center { height: auto;}
	.leistungen_float { width: 25%;}
	#machines_content h2 {max-width: 249px;}
}
@media (max-width: 400px) {
	#machines_content img { width: 100% !important; height: auto !important; box-sizing: border-box;}
	#machines_content h2 { max-width: 100%;}
	.leistungen_float { width: 50%;}
}