.hpn-container {
	padding-left: 50px;
	padding-right: 50px;
}

.hpn-content-align {
	margin: 0 auto!important;
	padding-left: 80px!important;
}

@media only screen and (max-width: 992px) and (min-width: 388px){
	.mxm_hexagon ul li:not(.empty):after {
		content: ' ';
		width: 265px;
		height: 210px;
		position: absolute;
		overflow: hidden;
		left: 0;
		top: 0;
		background: url(https://www.staehli-goldschmied.ch/wp-content/uploads/2020/02/hexagon-1.png) center center no-repeat;
		background-size: cover;
		transition: background-image 0.5s;
	}

	.mxm_hexagon ul .empty:after {
		background: url('')!important;
	}
}

@media only screen and (max-width: 387px) and (min-width: 320px){
	.mxm_hexagon ul li:not(.empty):after {
		content: ' ';
		width: 230px;
		height: 185px;
		position: absolute;
		overflow: hidden;
		left: 0;
		top: 0;
		background: url(https://www.staehli-goldschmied.ch/wp-content/uploads/2020/02/hexagon-1.png) center center no-repeat;
		background-size: cover;
		transition: background-image 0.5s;
	}

	.mxm_hexagon ul .empty:after {
		background: url('')!important;
	}

	.mxm_hexagon .visible-sm li {
		width: 240px;
		height: 180px;
	}

	.mxm_hexagon .visible-sm li img{
		height: 170px;
	}

	.mxm_hexagon .visible-sm {
		padding-top: 20px;
	}

	.mxm_hexagon {
		min-height: 840px!important;
	}
}