/* Immobiliensuche & Übersichtsliste */

.filterleiste {
	padding: 1em 0 3em 0;
}

.filterleiste select {
    background-color: transparent;
    padding: 9px 13px;
    border: 1px solid;
    width: 211px;
    margin-right: 12px;
}
.filterleiste select option {color:#000;padding-right: 10px;}

.filterleiste .checkboxen {
    display: inline-block
}

.filterleiste select:active,
.filterleiste select:hover {
    outline: none
}

.filterleiste form input.submit {
    background-color: #18b470;
	color: #ffffff;
    border: none;
    padding: 11px 40px;
    margin-left: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    /* transition: all 0.3s ease; */
}

.filterleiste form input.submit:hover {
    background-color: #273544;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.filterleiste form input[type=checkbox] {
    width: 20px;
    height: 20px;
    background: transparent;
	margin-right: 25px;
}

.filterleiste form label {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 17px;
}

.sortierleiste span {
    font-weight: 600;
    display: inline-block;
    margin-right: 15px;
}
.sortierleiste .links {
	display: inline-block;
}

.sortierleiste a {
    color: #02B778;
    margin-right: 15px;
}

.sortierleiste a.active {
    font-weight: 600;
}

.objekt-liste {
  clear: both;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap:wrap;
}

.objekt-liste .sortierleiste {
	flex: 3 0px;
}

.objekt-liste .objekt-listitem {
  flex: 100%;
  flex-wrap:wrap;
  max-width: 100%;
  
  padding: 0 20px 20px 20px;
  margin: 0 0 60px 0;
}

@media only screen and (min-width: 560px) and (max-width:800px) {
	.objekt-liste .objekt-listitem {
	  flex: 50%;
	  flex-wrap:wrap;
	  max-width: 50%;
	  
	  padding: 0 20px 20px 20px;
	  margin: 0 0 60px 0;
	}

	.objekt-liste .objekt-listitem:nth-child(2n) {
		padding: 0 0 60px 20px;
	}

	.objekt-liste .objekt-listitem:nth-child(1),
	.objekt-liste .objekt-listitem:nth-child(2n+1) {
		padding: 0 20px 60px 0;
	}
}

@media only screen and (min-width: 801px) {
	.objekt-liste .objekt-listitem {
	  flex: 33.33%;
	  flex-wrap:wrap;
	  max-width: 33.33%;
	  
	  padding: 0 20px 20px 20px;
	  margin: 0 0 60px 0;
	}

	.objekt-liste .objekt-listitem:nth-child(3n) {
		padding: 0 0 60px 20px;
	}

	.objekt-liste .objekt-listitem:nth-child(1),
	.objekt-liste .objekt-listitem:nth-child(3n+1) {
		padding: 0 20px 60px 0;
	}
	
	.sortierleiste span {
		margin-right: 30px;
	}

	.sortierleiste a {
		margin-right: 30px;
	}
}

.objekt-liste .objekt-listitem .objekt-img {
    height: 223px;
    background-size: cover;
    background-position: center;
    margin-bottom: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
	border: 1px solid #f4f4f4;
}

.objekt-liste .objekt-listitem .objekttitel h3 {
    font-size: 18px;
    font-weight: 600;
    color: #02B778;
    margin-bottom: 9px;
	
	min-height: 2.6em;
    line-height: 1.3em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.objekt-liste .objekt-listitem .ort {
    background: url(../images/map.png) no-repeat 0px 5px;
    background-size: 10px;
    padding-left: 17px;
    margin-bottom: 10px;
}

.objekt-liste .objekt-listitem .info-box {
    background-color: #f4f4f4;
    padding: 13px 20px;
    min-height: 180px;
}

.objekt-liste .objekt-listitem .info-box p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
	line-height: 1.72em;
	font-size: 14px;
}

.objekt-liste .objekt-listitem .info-box > p > span {
    display: inline-block;
    font-weight: 600;
    width: 140px;
}

/* Immobilie Detailansicht */
	

#objekt-detailansicht {
	clear: both;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap:wrap;
}

#objekt-detailansicht .objekt-titelzeile {
	flex: 100%;
	flex-wrap:wrap;
	max-width: 100%;

	padding: 0 0px 0px 0px;
    margin: 0 0 30px 0;
}

#objekt-detailansicht .objekt-titelzeile h1 {
	font-size: 40px;
	line-height: 1.4em;
	margin: 0 0 0 0;
}

#objekt-detailansicht .objekt-titelzeile .ort {
    background: url(../images/map.png) no-repeat 0px 5px;
    background-size: 10px;
    padding-left: 17px;
    margin-bottom: 10px;
}

#objekt-detailansicht .objekt-hauptteil {
	flex: 66.6%;
	flex-wrap:wrap;
	max-width: 66.6%;

	padding: 0 20px 20px 0px;
	margin: 0 0 60px 0;
}

#objekt-detailansicht .objekt-hauptteil .objekt-bildergalerie .objekt-hauptbild {
	margin: 0 0 20px 0;
	border: 1px solid #f4f4f4; 
}

#objekt-detailansicht #objekt-thumbnails a .thump-wrap {
    height: 87px;
    background-repeat: no-repeat;
    background-size: cover;
    width: 24%;
    float: left;
    display: inline-block;
    margin-bottom: 5px;
    margin: 3.3px 3.2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.clearfix:after {
	clear: both;
}

#objekt-detailansicht .objekt-hauptteil .detail-text {
	margin: 20px 0 20px 0;
}

#objekt-detailansicht .objekt-sidebar {
	flex: 33.33%;
	flex-wrap:wrap;
	max-width: 33.33%;

	padding: 0 0px 20px 20px;
	margin: 0 0 60px 0;
}

#objekt-detailansicht .objekt-sidebar .detailblock {
    background-color: #f4f4f4;
    padding: 20px 30px 30px 30px;
    margin-bottom: 20px;
}

#objekt-detailansicht .objekt-sidebar h4 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
	line-height: 1.72em;
	font-size: 16px;
}

#objekt-detailansicht .objekt-sidebar p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
	line-height: 1.72em;
	font-size: 14px;
}

#objekt-detailansicht .objekt-uebersichtdaten p:nth-child(1) {
	color: #03b778;
    font-weight: 600;
    margin-bottom: 2em;
}

#objekt-detailansicht .objekt-uebersichtdaten p span {
	font-weight: 600;
}

#objekt-detailansicht .objekt-detaildaten span {
    min-width: 120px;
    display: inline-block;
    font-weight: 600;
}

#objekt-detailansicht .objekt-sidebar p.provision {
    margin-top: 2em;
    margin-bottom: 2em;
	line-height: 1.72em;
}

#objekt-detailansicht .objekt-sidebar .detailblock.objekt-ansprechpartner {
    padding: 20px 10px 30px 30px;
}

#objekt-detailansicht .objekt-ansprechpartner .ansprechpartner-img {
    height: 100px;
    width: 100px;
    background-size: contain;
    margin: 0 1.5em 0.5em 0; 
}

#objekt-detailansicht .objekt-ansprechpartner .telefon a {
    background: url(../images/icon_phone.png) no-repeat center left;
    display: inline-block;
    background-size: 19px;
    padding-left: 28px;
}

#objekt-detailansicht .objekt-ansprechpartner .mailto a {
    background: url(../images/icon_mail.png) no-repeat center left;
    display: inline-block;
    background-size: 19px;
    padding-left: 28px;
}

#objekt-detailansicht .wpcf7-form input[type=checkbox] {
    width: 20px;
	height: 20px;
	margin: 0 15px 0 0;
}

#objekt-detailansicht .wpcf7-form .wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0;
}

@media only screen and (max-width:800px) {
	.page-id-140 #main {
		padding: 40px 20px 20px 20px;
	}
	#objekt-detailansicht .objekt-hauptteil {
		flex: 100%;
		flex-wrap:wrap;
		max-width: 100%;

		padding: 0 0px 20px 0px;
		margin: 0 0 20px 0;
	}
	#objekt-detailansicht .objekt-sidebar {
		flex: 100%;
		flex-wrap:wrap;
		max-width: 100%;

		padding: 0 0px 0px 0px;
		margin: 0 0 0px 0;
	}
	
	#objekt-detailansicht {
		clear: both;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap:wrap;
	}
}