main section#immo_text{
	padding: 75px;
}

main section#immo_text h1{
	margin: 0px;
	font-family: "Gesta-Bold";
	font-size: 30px;
}

main section#messen > h1{
	margin: 50px 0 30px 75px;
	font-family: "Gesta-Bold";
	font-size: 30px;

}

main section#immo_text p{
	margin: 0px;	
	font-size: 30px;
	line-height: 40px;
}

main section#immo,
main section#mieter{
	background-color: #f8f8f8;
	margin: 40px 75px;
}

.header_image{
    width: 100%;
    height: 600px;
    background-size: cover;
    /* background-repeat: no-repeat; */
    background-position: center;
}

div.logo-box{
	width: 100px;
	height: 100px;
	display: inline-block;
	margin: 10px 10px 0px 0px;
	background-color: #FFF;
	vertical-align: top;
	position: relative;
}

div.logo-box img{
	position: absolute;
	top: 50%; 
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	max-width: 100%;
	max-height: 100%;
}

main section#messen div#filter{
	width: calc(100% - 150px);
	margin: 20px 75px ;	
}
@media (max-width: 1000px){
	main section#mieter{
		margin: 40px 0;
	}
	main section#messen div#filter{
		width: calc(100% - 10px);
		margin: 20px 0 ;	
	}
}
main section#immo div#filter,
main section#mieter div#filter,
main section#messen div#filter{
	background-color: #FFF;
	padding: 20px 5px;
	margin-bottom: 40px;
}

main section#immo div#filter > h3,
main section#mieter div#filter > h3,
main section#messen div#filter > h3{
	padding: 0px 5px;
}

main section#immo div#filter form div{
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	width: calc((100% - 280px) / 4);
}
main section#immo div#filter form div:first-of-type{
	width: 225px;
}
main section#mieter div#filter form div,
main section#messen div#filter form div{
	display: inline-block;
	vertical-align: top;
	padding: 5px;
}

main section#mieter div#filter form div:first-of-type,
main section#messen div#filter form div:first-of-type{
	width: calc(45% - 10px)
}
main section#mieter div#filter form div:nth-of-type(2),
main section#messen div#filter form div:nth-of-type(2){
	width: calc(26% - 10px)
}
main section#mieter div#filter form div:nth-of-type(3),
main section#messen div#filter form div:nth-of-type(3){
	width: calc(29% - 10px);
}


@media (max-width: 1000px){
	/*main section#immo div#filter form div{
		width: 50%;
	}*/
	main section#immo div#filter form div:first-of-type{
		display: block;
	}
	main section#immo div#filter form div:nth-of-type(2),
	main section#immo div#filter form div:nth-of-type(3),
	main section#immo div#filter form div:nth-of-type(4),
	main section#immo div#filter form div:nth-of-type(5){
		display: inline-block;
		width: calc(50% - 10px);
	}

	main section#immo div#filter select{
		width: 100%;
	}

	main section#mieter div#filter form div:first-of-type,
	main section#messen div#filter form div:first-of-type,
	main section#mieter div#filter form div:nth-of-type(2),
	main section#messen div#filter form div:nth-of-type(2),
	main section#mieter div#filter form div:nth-of-type(3),
	main section#messen div#filter form div:nth-of-type(3){
		width: auto;
	}
}
@media (max-width: 1000px){
	main section#immo{
		margin: 40px 0;
	}
}
main section#mieter div#filter form button,
main section#messen div#filter form button{
	display: none;
	background-color: transparent;
	vertical-align: bottom;
	margin: 0 0 10px 10px;
	font-size: 18px;
	cursor: pointer;
	text-decoration: underline;
}
@media (max-width: 1000px){
	main section#mieter div#filter form button,
	main section#messen div#filter form button{
		display: inline-block;
	}
}

main section#immo div#filter span.filter_cat,
main section#mieter div#filter span.filter_cat,
main section#messen div#filter span.filter_cat {
	width: 85px;
	display: inline-block;
	padding: 5px 10px;
	background-color: #f1f1f1;
	border-radius: 5px;
	margin-right: 10px;
	border: 1px solid #bcbcbc;
	cursor: pointer;
}

main section#immo div#filter span.filter_cat.active,
main section#mieter div#filter span.filter_cat.active,
main section#messen div#filter span.filter_cat.active{
	color: #FFF;
	background-color: #000;
}

main section#immo div#immo_header,
main section#mieter div#immo_header{
	background-color: #000;
	clear: both;
	height: 49px;
	/*padding: 15px;*/
	/*margin-top: 25px;*/
}

main section#immo div#filter select,
main section#mieter div#filter select,
main section#messen div#filter select{
	background-color: #f1f1f1;
	border-radius: 5px;
	border: 1px solid #bcbcbc;
	padding: 4px 10px;
	/*width: 190px;*/
	width: 98%;
}
main section#mieter div#filter input[type=text],
main section#messen div#filter input[type=text]{
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #bcbcbc;
	padding: 5px 10px;
	width: calc(100% - 20px);
	background-image: url('/templates/web/img/search.png');
	background-repeat:no-repeat;
	background-position: right center;
	background-size: auto 100%; 
}
@media (max-width: 1000px){
	main section#mieter div#filter select,
	main section#messen div#filter select{
		width: 190px;
	}
	main section#mieter div#filter input[type=text],
	main section#messen div#filter input[type=text]{
		width: 190px;
	}
}

main section#immo div#filter input[type=submit],
main section#mieter div#filter input[type=submit],
main section#messen div#filter input[type=submit]{
	width: 100%;
	padding: 5px 10px;
	background-color: #000;
	color: #FFF;
	border-radius: 5px;
	margin-right: 0px;
	border: 1px solid #bcbcbc;
	cursor: pointer;
	text-align: left;
}

main section#messen div#filter input[type=submit] {
    margin-left: 25px;
    width: calc(100% - 25px);
}


main section#mieter div#filter button#reloadForm,
main section#messen div#filter button#reloadForm{
	display: block;
	background: none;
	color: black;
	padding-bottom: 3px;
	cursor: pointer;
	margin: 0;

}

main section#messen div#filter button#reloadForm{
	margin-left: 25px;
}

main section#immo div#filter button#reloadForm{
	background: none;
	color: black;
	padding-bottom:5px; 
	cursor: pointer;

}

@media (max-width: 1000px){
	main section#mieter div#filter input[type=submit],
	main section#messen div#filter input[type=submit]{
		width: 92px;
	}

	main section#immo div#filter input[type=submit]{
		width: calc(100% - 5px);
	}

	main section#immo div#filter button#reloadForm{
		display: block;
	}
}

main section#immo div#filter div p,
main section#mieter div#filter div p,
main section#messen div#filter div p{
	margin-bottom: 5px;
}

main section#immo div#immo_header p{ 
	color: #FFF; 
	display: inline-block;
	padding-top: 15px;
	padding-left: 20px;
}

main section#immo div#immo_header p#sort{
	float: right;
	padding: 0px 25px 0px 0px;
	background-repeat: no-repeat;
	background-position: right;
	cursor: pointer;
}

main section#immo div#filter div span:last-of-type,
main section#messen div#filter div span:last-of-type{
	margin-right: 0px;
}

main section#immo div#immo_header p#sort.ASC{
	width: 15%;
	padding-left: 50px;
	margin-right: 45px;
	line-height: 49px;
	border-style: solid;
	border-width: 0 0 0 1px;
	border-color: white;
	background-image: url(/templates/web/img/asc.png);
}
main section#immo div#immo_header p#sort.DESC{
	width: 15%;
	padding-left: 50px;
	margin-right: 45px;
	line-height: 49px;
	border-style: solid;
	border-width: 0 0 0 1px;
	border-color: white;
	background-image: url(/templates/web/img/desc.png);
}

@media (max-width: 900px){
	main section#immo div#immo_header p#sort.DESC,
	main section#immo div#immo_header p#sort.ASC
	{
		width: auto;
		padding-left: 25px;
		margin-right: 20px;
		line-height: 49px;
	}

	table.accordion{
		display: table;
		transform: none;
		top: 0px;
		left: 0px;
		position: static;
	}
}

main section#immo section#immo_results{
	padding-top: 5px;
}

main section#immo section#immo_results article{
	height: 220px !important;
	margin-top: 15px;
	background-color: #FFF;
}

main section#immo section#immo_results article div{
	display: inline-block;
	padding: 15px;
	vertical-align: top;
	width: calc(27% - 30px);
	height: calc(100% - 30px);
}

main section#immo section#immo_results article div:nth-of-type(2) {
    width: calc(20% - 30px);
}

@media (max-width: 1300px){
	main section#immo section#immo_results article div{
		width: calc(26% - 30px);
	}
}

@media (max-width: 1150px){
	main section#immo section#immo_results article div{
		width: calc(25% - 30px);
	}
}

main section#immo section#immo_results article div h3{
    font-size: 17px;
    margin-top: 7px; 
}

main section#immo section#immo_results article div p{
	font-size: 14px;
	color: #000;
	margin: 7px 0px;
	line-height: 20px;
}

main section#immo section#immo_results article div.immo_img{
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px;
    margin-right: 15px;
	width: calc(26% - 15px);
}
@media (max-width: 1050px){
	main section#immo section#immo_results article div.immo_img{
		display: inline-block;
		width: 40%;
		height: 100%;
		float: left;
		max-height:200px;
	}
	main section#immo section#immo_results article div{
		display: inline-block;
		width: calc(50% - 30px);	
	}
	main section#immo section#immo_results article div:last-child{
		display: none;
	}
}
@media (max-width: 1050px){
	/*main section#immo section#immo_results article div.immo_img{
		display: block;
		width: 100%;
		float: none;
		max-height: 200px;
	}
	main section#immo section#immo_results article div{
		display: block;
		width: 100%;	
		padding: 0;
	}
	main section#immo section#immo_results article div:last-child{
		display: none;
	}*/

	main section#immo section#immo_results article{
		height: auto !important;
	}

	main section#immo section#immo_results article div{
		float: none;
		width: calc(100% - 30px) !important;
		max-height: none;
	}

	main section#immo section#immo_results article div.immo_img{
		width: 100% !important;
	}

}

div#immo_pages,
div#mieter_pages{
	cursor: default;
	text-align: right;
	padding: 10px 0px 0px;
}

div#immo_pages span.page,
div#mieter_pages span.page{
	cursor: pointer;
	padding: 0px 5px;
}

div#immo_pages span.active,
div#mieter_pages span.active{
	font-family: "Gesta-Bold";
	cursor: default;
}

div.flexslider{
	width: 100%;
    margin: 0px auto;
    position: relative;
}

div.flexslider ul.flex-direction-nav{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	list-style: none;
}

div.flexslider ul.flex-direction-nav li a{
	color: transparent;
	background-position: center;
	display: block;
	height: 60px;
	width: 30px;
	background-repeat: no-repeat;
}

div.flexslider ul.flex-direction-nav li a.flex-prev{
	background-image: url(/templates/web/img/prev.png);
}

div.flexslider ul.flex-direction-nav li a.flex-next{
	background-image: url(/templates/web/img/next.png);
}

div.flexslider ul.flex-direction-nav li{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

div.flexslider ul.flex-direction-nav li.flex-nav-prev{	
	left: 10px;
}

div.flexslider ul.flex-direction-nav li.flex-nav-next{
	right: 10px;
}

div.flexslider ul.slides li div{
	width: 100%;
	height: 600px;
	background-size: cover;
	background-position: center;
	margin: 0px auto;
}

section#immo_details{
	padding: 60px 50px 60px 75px;
}

@media (max-width: 600px){	
	section#immo_details{
		padding: 60px 40px 60px 40px;
	}

	table td{
		display: block;
		width: 100% !important;
	}
	div.highLineHeight table td{
		display: table-cell;
		width: auto !important;
	}
	
	div.highLineHeight table{
		width: auto;
		margin-left: -40px;
	}
	
	#headid h1 {
		font-size: 24px;
	}
}

section#immo_details h1{
	font-size: 24px;
	font-family: "Gesta-Bold";
	margin: 15px 0px 40px 0;
}

section#immo_details h2{
	font-size: 20px;
	font-family: "Gesta-Bold";
}

section#immo_details div.content{
	margin-top: 40px;
	display: inline-block;
	width: calc(50% - 20px);
	vertical-align: top;
}

section#immo_details div.content.eckdaten{
	margin-left: 40px;
}
@media (max-width:800px){

	section#immo_details div.content{
		display: block;
		width: 100%;
	}
	section#immo_details div.content.eckdaten{
		margin-left: 0;
	}
}
section#immo_details a.back{
	text-decoration: underline;
}

section#immo_details div.content.eckdaten p,section#immo_details div.content.eckdaten #rent{
	border-bottom: 2px solid #000;
	padding: 10px 10px;
}

section#immo_details div.content.eckdaten #rent > div{
	display: inline-block;
	color: #FFF;
	background-color: #000;
	cursor: pointer;
	padding: 10px 30px;
	text-transform: uppercase;
	font-family: "Gesta-Bold"
}

#rentReservation{
	
}
	
	#rentReservation table{
		height: auto;
	}
	
		#rentReservation table th{
			text-align: left;
			padding: 10px 0px;
		}

		#rentReservation table tr.rentErrorMessage{
			display: none;
		}
			
			#rentReservation table tr.rentErrorMessage th{
				color: #F00;
				font-size: 18px;
			}
		
			#rentReservation table th input{
				display: inline-block;
			}
			
			#rentReservation table th p{
				display: inline-block;
				padding-left: 10px;
			}

		#rentReservation table td{
			text-align: left;
			border: 0px;
			height: 20px;
			vertical-align: middle;
		}
		
			#rentReservation table td input, #rentReservation table td select{
				border: 1px solid #000;
				border-radius: 3px;
				padding: 3px 5px;
				width: calc(100% - 40px);
				background-color: #FFF;
			}

			#rentReservation table td input[readonly]{
				color: #777;
			}

			#rentReservation table td input.rent_error, #rentReservation table td select.rent_error{
				border-color: #F00;
			}

			#rentReservation table td.other:not(.o_active),#rentReservation table td.other:not(.o_active) *{
				opacity: 0.4;
				pointer-events: none;
			}

			#rentReservation table td select{
				width: calc(100% - 30px);
			}
			
			#rentReservation table td input[type=submit]{
				display: inline-block;
				color: #FFF;
				background-color: #000;
				cursor: pointer;
				padding: 10px 30px;
				text-transform: uppercase;
				font-family: "Gesta-Bold";
				width: auto;
			}
			
			#rentReservation table th label.checkbox{
				border: 1px solid #000;
				height: 13px;
				width: 13px;
				display: inline-block;
			}
			
			#rentReservation table th input:checked + label.checkbox{
				background-color: #000;
			}
			
			#rentReservation table th input[type='checkbox']{
				display: none;
			}

		#rentReservation table td:nth-of-type(1),#rentReservation table td:nth-of-type(3){
			width: 100px;
		}

#rentSuccess{
	background-color: #FFF;
	padding: 10px 50px;
}

	#rentSuccess h1{
		text-transform: uppercase;
		font-size: 33px;
		letter-spacing: 2px;
	}

section#immo_details div.content.eckdaten p#eckdaten{
	background-color: #000;
	color: #FFF;
	font-family: "Gesta-Bold";
}

section#immo_details div.content.eckdaten p b{
	font-family: "Gesta-Bold";
	padding-right: 10px;
}


main section#mieter div#mieter_results div.mieter,
main section#messen div#messe_results div.messe_result {
    background-color: #FFF;
    margin: 10px 0px;
    padding: 0 0 0 10px;
    position: relative;
}

div#subnav{
	background-color: #ddd;
}

div#subnav ul {
    list-style: none;
}

div#subnav ul li:first-of-type{
	background-image: none;
}

div#subnav ul li{
	/*display: inline-block;
    vertical-align: top;
    padding: 10px 18px 10px 40px;
    font-size: 20px;
    background-image: url(/templates/web/img/shadow-right.png);
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0.5;
    overflow: hidden;
    text-overflow:ellipsis;
    width: calc(12.5% - 60px);*/
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    font-size: 18px;
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0.5;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(11.1% - 21px);
    border-right: 1px solid #bbb;
}

div#subnav ul li.active{
	cursor: default;
    opacity: 1;
}

@media (max-width: 1200px){
	div#subnav{
		position: relative;
		height: 44px;
	}
		div#subnav ul{
			position: absolute;
			z-index: 100;
			width: 100%;
			background-color: #ddd;
		}		
			div#subnav ul li{
				display: none;
			}
			div#subnav ul li.active{
				display: block;
				width: auto;
			    padding: 10px 0 10px 15px;
			}
			div#subnav ul li{
			    vertical-align: top;
			    padding: 10px 0 10px 15px;
			    font-size: 20px;
			    background: none;
			    cursor: pointer;
			    opacity: 0.5;
				width: auto;
			}
			div#subnav ul li:hover{
				opacity: 1;
			}
}

div#loader{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	background-image: url(/templates/web/img/loader.svg);
	background-size: 50px;
	background-position: center;
	background-repeat: no-repeat;
}

main section#mieter div#mieter_results div.mieter a,
main section#messen div#messe_results div.messe_result a{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 68%;
    height: 100%;
}

main section#mieter div#mieter_results,
main section#mieter div#aside,
main section#messen div#messe_results,
main section#messen div#aside{
	display: inline-block;
	vertical-align: top;
}

main section#mieter div#aside p.observation{
    padding: 20px 20px;
    cursor: pointer;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #f8f8f8;
}

main section#messen div#aside p.observation{
	padding: 20px 20px;
	cursor: pointer;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #f8f8f8;
	/*background-image: url(/templates/web/img/remove.png);
	background-position: 99% 50%;
	background-repeat: no-repeat;
	background-size: 17px;*/
}

main section#mieter div#aside p.observation input,
main section#messen div#aside p.observation input{
	float: right;
}


main section#mieter div#aside p.observation:hover,
main section#messen div#aside p.observation:hover{
	background-color: #dedede;
}

main section#mieter div#aside p#title,
main section#messen div#aside p#title{
	background-color: #000;
	padding: 10px;
	color: #FFF;
}
main section#mieter div#aside p#title img,
main section#messen div#aside p#title img{
	float: right;
	cursor: pointer;
	display: none;
}
@media (max-width: 1000px){

	main section#mieter div#aside p#title img,
	main section#messen div#aside p#title img{
		display: inline-block;	
	}
}
main section#messen div#messe_results{
	width: calc(70% - 75px);
	position: relative;
	margin-left: 75px;
}

main section#mieter div#mieter_results{
	width: 70%;
	position: relative;
}

main section#messen div#aside{
	width: calc(30% - 85px);
	margin: 0 0 0 20px;
	background-color: #FFF;
	margin-right: 0px;
}
main section#mieter div#aside{
	width: calc(30% - 10px);
	margin: 10px;
	background-color: #fff;
	margin-right: 0px;
}
@media (max-width: 1000px){
	main section#messen div#aside,
	main section#mieter div#aside{
		display: none;
		position: fixed;
		top: 80px;
		left: 0;
		margin: 0;
		width: 100%;
		height: 100%;		
		z-index: 110;
	}
	main section#messen div#messe_results,
	main section#mieter div#mieter_results{
		width: 100%;
		margin-left: 0;
	}
}
main section#mieter div#aside input[type=text],
main section#messen div#aside input[type=text]{
	width: calc(100% - 50px);
	display: block;
    margin: 80px auto 10px auto;
    padding: 10px;
    border: 1px solid #bcbcbc;
    text-align: left;
}

main section#mieter div#aside input[type=button],
main section#messen div#aside input[type=button]{
	/*width: calc(100% - 30px);
	display: block;
    margin: 10px auto;
    padding: 10px;
    background-color: #000;
    color: #FFF;*/
    width: auto;
	display: block;
    margin: 10px;
    cursor: pointer;
    padding: 10px;
    background: none;
    color: #bcbcbc;
    text-decoration: underline;
}

main section#messen div#messe_results div.messe_result div.observation{
	padding: 0;
}

main section#mieter div#mieter_results div.mieter div.observation p,
main section#messen div#messe_results div.messe_result div.observation p{
	cursor: pointer;
}

main section#messen div#messe_results div.messe_result div.observation p.checked{
	background-color: #fff;
}
main section#mieter div#mieter_results div.mieter div.observation p input,
main section#messen div#messe_results div.messe_result div.observation p input{
	box-shadow: none;
	margin: 20px;
	vertical-align: middle;
}

main section#mieter div#mieter_results div.mieter div.observation p input{
	margin-left: 10px;
}

main section#mieter div#mieter_results div.mieter div.observation p:hover,
main section#messen div#messe_results div.messe_result div.observation p:hover{
	text-decoration: underline;
}

main section#mieter div#mieter_results div.mieter.header,
main section#messen div#messe_results div.messe_header,
main section#messen div#messe_results div.messe_result.header{
	background-color: #000;
	padding: 0px;
}

main section#mieter div#mieter_results div.mieter.header div p,
main section#messen div#messe_results div.messe_header div p,
main section#messen div#messe_results div.messe_result.header div p{
	color: #FFF;
}

main section#mieter div#mieter_results div.mieter div,
main section#messen div#messe_results div.messe_header div,
main section#messen div#messe_results div.messe_result div{
	display: inline-block;
	vertical-align: top;
	padding: 10px 5px;
}
main section#messen div#messe_results div.messe_header div p,
main section#messen div#messe_results div.messe_result div p,
main section#mieter div#mieter_results div.mieter div p{
	overflow: hidden;
	text-overflow:ellipsis;

}

main section#mieter div#mieter_results div.mieter div p a{
	position: inherit;
	width: auto;
	height: auto;
}

main section#messen div#messe_results div.messe_result div:nth-of-type(5){

}

main section#mieter div#mieter_results div.mieter div:first-of-type,
main section#messen div#messe_results div.messe_header div:first-of-type,
main section#messen div#messe_results div.messe_result div:first-of-type{ width: calc(22% - 10px); }
main section#mieter div#mieter_results div.mieter div:nth-of-type(2),
main section#messen div#messe_results div.messe_header div:nth-of-type(2),
main section#messen div#messe_results div.messe_result div:nth-of-type(2){ width: calc(15% - 10px); }
main section#mieter div#mieter_results div.mieter div:nth-of-type(3),
main section#messen div#messe_results div.messe_header div:nth-of-type(3),
main section#messen div#messe_results div.messe_result div:nth-of-type(3){ width: calc(19% - 10px); }
main section#mieter div#mieter_results div.mieter div:nth-of-type(4),
main section#messen div#messe_results div.messe_header div:nth-of-type(4),
main section#messen div#messe_results div.messe_result div:nth-of-type(4){ width: calc(26% - 10px); }
main section#mieter div#mieter_results div.mieter div:nth-of-type(5),
main section#messen div#messe_results div.messe_header div:nth-of-type(5),
main section#messen div#messe_results div.messe_result div:nth-of-type(5){ width: calc(18% - 10px); }

@media (max-width: 650px){
	main section#mieter div#mieter_results div.mieter div:first-of-type,
main section#messen div#messe_results div.messe_header div:first-of-type,
main section#messen div#messe_results div.messe_result div:first-of-type{ width: calc(24% - 10px); }
main section#mieter div#mieter_results div.mieter div:nth-of-type(2),
main section#messen div#messe_results div.messe_header div:nth-of-type(2),
main section#messen div#messe_results div.messe_result div:nth-of-type(2){ width: calc(14% - 10px);}
main section#mieter div#mieter_results div.mieter div:nth-of-type(3),
main section#messen div#messe_results div.messe_header div:nth-of-type(3),
main section#messen div#messe_results div.messe_result div:nth-of-type(3){ width: calc(28% - 10px); }
main section#mieter div#mieter_results div.mieter div:nth-of-type(4),
main section#messen div#messe_results div.messe_header div:nth-of-type(4),
main section#messen div#messe_results div.messe_result div:nth-of-type(4){ display: none; }
main section#mieter div#mieter_results div.mieter div:nth-of-type(5),
main section#messen div#messe_results div.messe_header div:nth-of-type(5),
main section#messen div#messe_results div.messe_result div:nth-of-type(5){ width: calc(34% - 10px); }
}
@media (max-width: 500px){
	main section#mieter div#mieter_results div.mieter div:first-of-type,
main section#messen div#messe_results div.messe_header div:first-of-type,
main section#messen div#messe_results div.messe_result div:first-of-type{ width: calc(32% - 10px); }
main section#mieter div#mieter_results div.mieter div:nth-of-type(2),
main section#messen div#messe_results div.messe_header div:nth-of-type(2),
main section#messen div#messe_results div.messe_result div:nth-of-type(2){ width: calc(28% - 10px);}
main section#mieter div#mieter_results div.mieter div:nth-of-type(3),
main section#messen div#messe_results div.messe_header div:nth-of-type(3),
main section#messen div#messe_results div.messe_result div:nth-of-type(3){ width: calc(40% - 10px); }
main section#mieter div#mieter_results div.mieter div:nth-of-type(4),
main section#messen div#messe_results div.messe_header div:nth-of-type(4),
main section#messen div#messe_results div.messe_result div:nth-of-type(4){ display: none;}
main section#mieter div#mieter_results div.mieter div:nth-of-type(5),
main section#messen div#messe_results div.messe_header div:nth-of-type(5),
main section#messen div#messe_results div.messe_result div:nth-of-type(5){ display: none; }
}

main section#messen div.messen_pre{
	margin: 0px auto;
	width: calc(100% - 150px);
	margin-top: 30px;
}
@media (max-width: 900px){
	main section#messen div.messen_pre{
		width: calc(100% - 125px);
	}
}
@media (max-width: 600px){
	main section#messen div.messen_pre{
		width: calc(100% - 80px);
	}
}

main section#messen div.messen_pre .news-box {
	cursor: pointer;
	position: relative;
	width: calc((100% - 90px) / 4);
	background-color: #FFFFFF;
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
	margin-bottom: 30px;
}

main section#messen div.messen_pre a:nth-of-type(4n+4) > div.news-box {
	margin-right: 0 !important;
}


main section#messen div.messen_pre .news-box .news-bg{
    width: 100%;
    height: calc((135 * 100vw) / 1080);
    max-height: 135px;
    min-height: 90px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 0px;
}

main section#messen div.messen_pre .news-box .news-text{
    padding: 10px 6px;
	font-size: 21px;
	font-family: 'Gesta-bold';
}

@media (max-width:980px){
	main section#messen div.messen_pre .news-box {
		width: calc((100% - 60px) / 3);
	}
	main section#messen div.messen_pre a:nth-of-type(3n+3) > div.news-box {
		margin-right: 0 !important;
	}
	main section#messen div.messen_pre a:nth-of-type(4n+4) > div.news-box {
		margin-right: 30px !important;
	}
}
@media (max-width:780px){
	main section#messen div.messen_pre .news-box {
		width: calc((100% - 30px) / 2);
		margin-right: 30px !important;
	}
	main section#messen div.messen_pre a:nth-of-type(3n+3) > div.news-box {
		margin-right: 30px !important;
	}
	main section#messen div.messen_pre a:nth-of-type(2n+2) > div.news-box {
		margin-right: 0 !important;
	}

}
@media (max-width:500px){
	main section#messen div.messen_pre .news-box {
		width: 100%;
	}
}


main section#messen div.messen_pre .news-box .news-type {
    position: absolute;
    right: 8px;
    margin-top: -6px;
    background-color: #000000;
    padding: 2px 3px;
    font-family: 'Gesta-Bold';
    text-transform: uppercase;
    font-size: 15px;
    line-height: 16px;
    color: #FFFFFF;
}
/*
main section#messen div.messen_