#livit-apartments {
	font-size: 0.875rem;
}

/* Visual */
#livit-apartments-visual {
	width: 540px;
	max-width: 100%;
}
#livit-apartments-visual img {
	width: 100%;
}

/* Download List */
#livit-apartments .download-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#livit-apartments .download-list li {

}
#livit-apartments .download-list li:before {
	content: "›";
	display: inline-block;
	margin-right: 0.3125em;
}

/* Filter */
#livit-apartments .filter {
	clear: both;
	overflow: auto;
	padding: 5% 0 1.25em 0;
}
#livit-apartments .filter-item {
	margin: 0.625em 0;
	position: relative;
}
#livit-apartments .filter-item:after {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 2.2857142857em;
	border-left: 1px solid rgba(0,0,0,0.2);
	background: url(../img/livit-dropdown-arrow.svg) no-repeat center;
	background-size: 13px 8px;
	pointer-events: none;
	user-select: none;
}
#livit-apartments .filter label {
	display: none;
}
#livit-apartments .filter select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	width: 100%;
	height: 2.2857142857em;
	padding: 0.3571428571em 2.8571428571em 0.3571428571em 0.7142857143em;
	cursor: pointer;
	background: #FFF;
	border: 1px solid rgba(0,0,0,0.25);
	border-radius: 2px;
	outline: none;
}
#livit-apartments .filter select::-ms-expand {
    display: none;
}
#livit-apartments .filter select:focus {
	box-shadow: 0 0 6px rgba(0,0,0,0.2);
}
#livit-apartments [data-sort] {
	cursor: pointer;
}

/* Table */
#livit-apartment-list {
	overflow: auto;
}
#livit-apartment-list .livit-apartment-list-head tbody,
#livit-apartment-list .livit-apartment-list-body thead {
	display: none;
}
#livit-apartment-list table {
	width: 100%;
}
#livit-apartment-list table th,
#livit-apartment-list table td {
	padding: 0.3571428571em;
}
#livit-apartments tr {
	border-bottom: 1px solid rgba(215,215,215,1);
}
#livit-apartment-list thead tr {
	background: rgba(230,230,230,1);
}
#livit-apartment-list tbody tr:nth-child(2n) {
	background: rgba(245,245,245,1);
}
#livit-apartment-list tbody tr:hover {
	background: rgba(230,230,230,1);
}
#livit-apartment-list .apartment-location {
	display: none;
}
#livit-apartment-list a[href=""] {
	display: none;
}
#livit-apartment-list .m2 {
	display: inline;
}
#livit-apartment-list .m2 sup {
	font-size: 0.7142857143em;
}

#livit-apartment-list .livit_status-frei .livitstatus {
	color: #29BA4B;
}
#livit-apartment-list .livit_status-reserviert .livitstatus {
	color: #C68C1B;
}
#livit-apartment-list .livit_status-vermietet .livitstatus {
	color: #BA3636;
}

.icon-link {
	display: block;
}
.icon-link .icon {
	display: block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.6;
	background-size: 16px 16px;
}
.icon-link .icon.pdf {
	background-image: url(../img/icon-pdf.svg);
}
.icon-link .icon.email {
	background-image: url(../img/icon-email.svg);
}
.icon-link .icon-link-text {
	display: none;
}

.livit-apartments-footnote {
	display: block;
	margin-top: 1.4285714286em;
	font-size: 1em;
}

#livit-apartments-contact {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #FFF;
	overflow: auto;

	visibility: hidden;
	opacity: 0;
	z-index: -1;
	transform: scale(1.1);
	transition: all 240ms cubic-bezier(0.455, 0.030, 0.515, 0.955); //easeInOutQuad;
}
#livit-apartments-contact.open,
#livit-apartments-contact:target {
	visibility: visible;
	opacity: 1;
	z-index: 99999;
	transform: scale(1);
}
#livit-apartments-contact .livit-apartments-contact-inner {
	max-width: 600px;
	margin: 10% auto;
}
#close-livit-apartments-contact {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: url(../img/close-modal.svg) no-repeat center;
	background-size: 24px 24px;
}
.admin-bar #close-livit-apartments-contact {
	top: 40px;
}

@media screen and (min-width: 700px) {
	.livit-apartments-header {
		display: table;
		width: 100%;
	}
	.livit-apartments-header #livit-apartments-visual {
		display: table-cell;
		width: 60%;
		padding-right: 10%;
		vertical-align: bottom;
	}
	.livit-apartments-header .livit-apartments-infos {
		display: table-cell;
		width: 40%;
		vertical-align: top;
		position: relative;
	}
	.livit-apartments-header .download-list {
		position: absolute;
		bottom: 0;
		left: 0;
	}
	#livit-apartment-list .livitrentnet,
	#livit-apartment-list .livitrentnet-header,
	#livit-apartment-list .livitrunningcosts,
	#livit-apartment-list .livitrunningcosts-header,
	#livit-apartment-list .livitrentgross,
	#livit-apartment-list .livitrentgross-header,
	#livit-apartment-list .livitlivingarea,
	#livit-apartment-list .livitlivingarea-header,
	#livit-apartment-list .livitoutsidearea,
	#livit-apartment-list .livitoutsidearea-header {
		text-align: right;
	}
	#livit-apartment-list .livitstatus,
	#livit-apartment-list .livitstatus-header {
		padding-left: 1.4285714286em;
	}
	#livit-apartment-list .livitpdfinfofact-header {
		text-align: center;
	}
	#livit-apartments .filter-item {
		float: left;
		width: 23.5%;
		margin: 0 1%;
	}
	#livit-apartments .filter-item:first-child {
		margin-left: 0;
	}
	#livit-apartments .filter-item:last-child {
		margin-right: 0;
	}
}

@media screen and (max-width: 699px) {
	#livit-apartments-visual {
		display: none;
	}

	#livit-apartment-list thead {
		display: none;
	}
	#livit-apartment-list table td {
		display: block;
		text-align: left;
	}
	#livit-apartment-list table td:before {
		display: inline-block;
		content: attr(data-header) ":";
		margin-right: 0.3125em;
	}
	#livit-apartment-list .livitcontact:before {
		display: none;
	}
}

@media screen and (min-width: 400px) and (max-width: 699px) {
	#livit-apartments .filter-item {
		width: 48%;
	}
	#livit-apartments .filter-item:nth-child(2n+1) {
		clear: left;
		float: left;
	}
	#livit-apartments .filter-item:nth-child(2n) {
		float: right;
	}
}
@media screen and (min-width: 700px) and (min-height: 700px) {
	#livit-apartment-list {
		height: 250px;
	}
}