/** clearing **/
.clear {clear: both; font-size: 0.1px; height: 0.1px; line-height: 0.1px; float: none; display: table;}

/** block grid **/
.autogrid, .autogrid:before,.autogrid:after {-moz-box-sizing: border-box; box-sizing:border-box;}
.autogrid {padding-left: 1%; padding-right: 1%; position: relative; display: block; float: left;overflow: hidden;}

/** block grid wrapper **/
.autogrid_wrapper {margin-left: -1%; margin-right: -1%;}

/** non block **/
.autogrid:not(.block) {padding-left: 0; padding-right: 0; margin-left: 1%; margin-right: 1%;}

/* .block.autogrid.first, .block.autogrid:first-child 	{margin-left: -1%;} */
/* .block.autogrid.last, .block.autogrid:last-child 	{margin-right: -1%;} */

/** Non block grid **/
.full			{width: 98%;}
.one_half 		{width: 48%;}
.one_third 		{width: 31.3333%;}
.one_fourth		{width: 23%;}	
.one_fifth		{width: 18%;}	
.one_sixth		{width: 14.6667%;}

/** Block grid **/
.block.full			{width: 100%;}
.block.one_half 	{width: 50%;}
.block.one_third 	{width: 33.3333%;}
.block.one_fourth	{width: 25%;}	
.block.one_fifth	{width: 20%;}	
.block.one_sixth	{width: 16.6667%;}

.block.two_third	{width: 66.6667%;}
.block.two_fourth	{width: 50%;}
.block.three_fourth	{width: 75%;}
.block.two_fifth	{width: 40%;}
.block.three_fifth	{width: 60%;}
.block.four_fifth	{width: 80%;}
.block.two_sixth	{width: 33.3333%;}
.block.three_sixth	{width: 49.9999%;}
.block.four_sixth	{width: 66.6667%;}
.block.five_sixth	{width: 83.3333%;}

/** Non block grid system **/
/** odd split: 2 elements per row **/
.n2:not(.block).one_third		{width: 32%;}
.n2:not(.block).two_third		{width: 64%;}
.n2:not(.block).one_fourth		{width: 24%;}
.n2:not(.block).two_fourth		{width: 48%;}
.n2:not(.block).three_fourth	{width: 72%;}
.n2:not(.block).one_fifth		{width: 19.2%;}
.n2:not(.block).two_fifth		{width: 38.4%;}
.n2:not(.block).three_fifth		{width: 57.6%;}
.n2:not(.block).four_fifth		{width: 76.8%;}
.n2:not(.block).one_sixth		{width: 16%;}
.n2:not(.block).two_sixth		{width: 32%;}
.n2:not(.block).three_sixth		{width: 48%;}
.n2:not(.block).four_sixth		{width: 64%;}
.n2:not(.block).five_sixth		{width: 80%;}

/** odd split: 3 elements per row **/
.n3:not(.block).one_half		{width: 47%;}
.n3:not(.block).two_third		{width: 62.6667%;}
.n3:not(.block).one_fourth		{width: 23.5%;}
.n3:not(.block).two_fourth		{width: 47%;}
.n3:not(.block).three_fourth	{width: 70.5%;}
.n3:not(.block).one_fifth		{width: 18.8%;}
.n3:not(.block).two_fifth		{width: 37.6%;}
.n3:not(.block).three_fifth		{width: 56.4%;}
.n3:not(.block).four_fifth		{width: 75.2%;}
.n3:not(.block).one_sixth		{width: 15.6667%;}
.n3:not(.block).two_sixth		{width: 31.3333%;}
.n3:not(.block).three_sixth		{width: 47%;}
.n3:not(.block).four_sixth		{width: 62.6667%;}
.n3:not(.block).five_sixth		{width: 78.3333%;}

/** odd split: 4 elements per row **/
.n4:not(.block).one_half		{width: 46%;}
.n4:not(.block).one_third		{width: 30.6667%;}
.n4:not(.block).two_third		{width: 61.3333%;}
.n4:not(.block).two_fourth		{width: 46%;}
.n4:not(.block).three_fourth	{width: 69%;}
.n4:not(.block).one_fifth		{width: 18.4%;}
.n4:not(.block).two_fifth		{width: 36.8%;}
.n4:not(.block).three_fifth		{width: 55.2%;}
.n4:not(.block).four_fifth		{width: 73.6%;}
.n4:not(.block).one_sixth		{width: 15.3333%;}
.n4:not(.block).two_sixth		{width: 30.6667%;}
.n4:not(.block).three_sixth		{width: 46%;}
.n4:not(.block).four_sixth		{width: 61.3333%;}
.n4:not(.block).five_sixth		{width: 76.6667%;}

/** odd split: 5 elements per row **/
.n5:not(.block).one_half		{width: 45%;}
.n5:not(.block).one_third		{width: 30%;}
.n5:not(.block).two_third		{width: 60%;}
.n5:not(.block).one_fourth		{width: 22.5%;}
.n5:not(.block).two_fourth		{width: 45%;}
.n5:not(.block).three_fourth	{width: 67.5%;}
.n5:not(.block).two_fifth		{width: 36%;}
.n5:not(.block).three_fifth		{width: 54%;}
.n5:not(.block).four_fifth		{width: 72%;}
.n5:not(.block).one_sixth		{width: 15%;}
.n5:not(.block).two_sixth		{width: 30%;}
.n5:not(.block).three_sixth		{width: 45%;}
.n5:not(.block).four_sixth		{width: 60%;}
.n5:not(.block).five_sixth		{width: 75%;}

/** odd split: 6 elements per row **/
.n6:not(.block).one_half		{width: 44%;}
.n6:not(.block).one_third		{width: 29.3333%;}
.n6:not(.block).two_third		{width: 58.6667%;}
.n6:not(.block).one_fourth		{width: 22%;}
.n6:not(.block).two_fourth		{width: 44%;}
.n6:not(.block).three_fourth	{width: 66%;}
.n6:not(.block).one_fifth		{width: 17.6%;}
.n6:not(.block).two_fifth		{width: 35.2%;}
.n6:not(.block).three_fifth		{width: 52.8%;}
.n6:not(.block).four_fifth		{width: 70.4%;}
.n6:not(.block).two_sixth		{width: 29.3333%;}
.n6:not(.block).three_sixth		{width: 44%;}
.n6:not(.block).four_sixth		{width: 58.6667%;}
.n6:not(.block).five_sixth		{width: 73.3333%;}

.border-inner {border-left: 1px solid #ddd;}
.border-inner.first, .border-inner:first-child {border-left: 0;}
.border-inner.last, .border-inner:last-child {border-right: 0;}
/** optical correction **/
/* .autogrid.block.border-inner {margin-left: -0.75%; padding-left: 1.75%;} */

/** grid options **/
.autogrid.break {clear:left; margin-left: 0;}
.autogrid.full.break {width: 100%;clear:both;float: none;padding-left: 0;padding-right: 0;}

/** same height **/
.autogrid.same-height {display: table-cell; float: none; vertical-align: top;}

/** flexible same height **/
.autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: flex; display: -webkit-flex; display: -ms-flexbox; height: 100%; clear: both;}
.autogrid_wrapper.same-height .autogrid.same-height, .autogrid_wrapper .inner.same-height .autogrid.same-height {display: block;}

/** autogrid full **/
.autogrid.full {padding-left: 0; padding-right: 0;}
.autogrid_wrapper .autogrid.full {padding-left: 1%; padding-right: 1%;}

/** no gutter **/
.autogrid_wrapper.no_gutter {margin-left: 0; margin-right: 0;}
.autogrid.no_gutter {padding-left: 0; padding-right: 0;}

/** tablets **/
@media only screen and (min-width: 768px) and (max-width: 990px) {
	.autogrid.adjust_mobile {width: 50% !important}
}

/** phones **/
@media only screen and (max-width: 767px) {
	.autogrid {width: 100%!important;}
	.autogrid.same-height, .autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: block;}
	.border-inner {border-left: 0;}
}
/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/*
 * This file is part of Contao.
 *
 * (c) Leo Feyer
 *
 * @license LGPL-3.0-or-later
 */

table.sortable thead th {
	background-image:url("../../assets/jquery/tablesorter/2.0.5/images/default.gif");
	background-repeat:no-repeat;
	background-position:center right;
}
table.sortable thead th.headerSortDown {
	background-image:url("../../assets/jquery/tablesorter/2.0.5/images/asc.gif");
}
table.sortable thead th.headerSortUp {
	background-image:url("../../assets/jquery/tablesorter/2.0.5/images/desc.gif");
}

/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* LISTENANSICHT */
.mod_immoListView {
	max-width: 1100px;
    margin: 0px auto;
}

.bg {
	background: url("../../files/Bilder/04_Mieten/mieten-hintergrund.jpg");
}

.mod_immoListView li.field div {
	width: 50%;
	float: left;
	color: #828A93;
}

.mod_immoListView .objectDescr {
	margin: 0 20px;
	overflow: hidden;
}

.mod_immoListView .estate {
	background: #fff;
	width: 31%;
	-webkit-border-radius: 0;
	border-radius:0;
	height: 478px;
}

.mod_immoListView .estate h5 {
	font-size: 15px;
	text-transform: uppercase;
	margin-top: 12px;
}

.mod_immoListView .estate .item img {
	width: 100%;
	height: auto;
}

.mod_immoListView #estate_filter_list {
	margin: 0 10px;
	text-align: center;
}

.mod_immoListView #estate_filter_list div {
	display: inline-block;
    float: left;
    width: 200px;
    margin: 0 20px 10px 0;
	text-align: left;
}

.mod_immoListView input, 
.mod_immoListView textarea, 
.mod_immoListView select {
	border: 1px solid #828A93;
    color: #828A93;
    font-family: 'Open Sans',sans-serif;
}

.mod_immoListView select:disabled {
	background: #dddddd;
}

.mod_immoListView select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: 1px solid #888;
	width: 200px;
	height: 45px;
	text-transform: uppercase;
	font-weight: bold;
	color: #828A93;
	font-size: 14px;
	padding-left: 10px;
	letter-spacing: 1px;
	outline: none;
}

.mod_immoListView select::-ms-expand {
	display: none;
}

.mod_immoListView select option {
	padding: 10px 10px 10px 15px;
	text-transform: none;
	font-weight: normal;
	border-bottom: 1px solid #e7e7e7;
	letter-spacing: 1px;
	outline: none;
}

.mod_immoListView select option:hover,
.mod_immoListView select option:focus,
.mod_immoListView select option:active,
.mod_immoListView select option:checked {
	background: linear-gradient(#b4d5f3, #b4d5f3);
}

.mod_immoListView .select-wrapper {
	position: relative;
}

.mod_immoListView .select-wrapper:after {
	position: absolute;
	top: 18px;
	right: 12px;
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 5px 0 5px;
	border-color: #828A93 transparent transparent transparent;

}

.mod_immoListView .estate:hover {
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important;
}

.mod_immoListView sup {
	vertical-align: top;
    position: relative;
    top: -0.5em;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #828A93;

}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #B4D5F3;
}

.select2-search--dropdown .select2-search__field {
	display: none;
}

.select2-results .select2-results__option[aria-disabled="true"] {
	color: #4a4947;
	display: none;
}

.mod_immoListView .select-heading {
	text-transform: uppercase;
}

.mod_immoListView .estate-filter label {
	display: none;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	text-transform: uppercase;
	font-weight: bold;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
	-webkit-border-radius: 0;
	border-radius:0;
}

.mod_immoListView .pagination {
	margin: 20px;
}


/* DETAILANSICHT */

.estate-detail {
	max-width: 1100px;
    margin: 0px auto;
}

.estate-detail h1 {
	color: #828A93;
	font-weight: 800 !important;
	font-size: 28px;
	text-transform: uppercase;
}

.estate-detail .main-col, .estate-detail .right-col {
	float: left;
}

.estate-detail .main-col {
	width: 70%;
	padding-right: 30px;
}

.estate-detail .right-col {
	width: 30%;
}

.estate-detail .content {
	float: none;
}

.estate-detail .right {
	float: none;
	width: 100%;
}

.estate-detail h5 {
    margin: 20px 0;
    text-transform: uppercase;
}

.estate-detail .obj-details h5 {
    border-bottom: 4px solid rgb(229,229,229);
    padding-bottom: 10px;
}

.estate-detail .obj-details .field {
	overflow: hidden;
}

.estate-detail .label {
	width: 50%;
}

.estate-detail .content {
	width: 100%;
}

.estate-detail .swiper-container, .estate-detail .swiper-wrapper img {
	max-width: 100%;
}

.estate-detail .swiper-button-next, .estate-detail .swiper-button-prev {
	margin-top: -44px;
}

.estate-detail .swiper-container {
    padding-bottom: 40px;
}

.estate-detail .contact {
	border-top: none;
	background: #828A93;
    color: #fff;
    padding: 20px 40px 30px;
    width: 100%;
    margin-top: 0;
}

.estate-detail .contact h5 {
	color: #fff;
}

.estate-detail .obj-header {
	padding: 20px 12px 0;
}

.estate-detail .contact-btn a {
	color: #fff;
	font-weight: bold;
}

.estate-detail .contact-btn {
	background: #B4D5F3;
	padding: 10px;
	margin-top: 10px;
	text-align: center;
	max-width: 250px;
}

.estate-detail .contact-btn .fa {
	margin-right: 5px;
}

.estate-detail .info-block {
	border-bottom: 4px solid rgb(229,229,229);
    display: block;
    margin-left: 5px;
}

.estate-detail .attachment a {
    border: 1px solid #828A93;
    color: #828A93;
    padding: 8px 15px;
    transition: All 0.3s ease;
}

.estate-detail .attachment a:hover {
	background: #B4D5F3;
	color: #fff;
}

.estate-detail .attachment a:before {
    content: "\f063";
    font-family: FontAwesome;
    margin-right: 10px;
}

.estate-detail .swiper-container, .estate-detail .swiper-wrapper img {
    text-align: center;
    max-height: 400px;
}

.swiper-button-next:after, .swiper-button-prev:after {
	color: #eee;
    text-shadow: 1px 1px 1px rgb(51,51,51);
}

@media only screen and (max-width: 980px) {
	.mod_immoListView .estate {
		width: 47.5%;
	}

	#estate_filter_list {
		margin: 20px 5%;
	}

	#estate_filter_list > div {
		width: 49% !important;
		margin: 0 1% 2% 0 !important;
	}

	#estate_filter_list .select2-container {
		width: 90% !important;
	}

}

@media only screen and (max-width: 767px) {
	/* LISTENANSICHT */
	.mod_immoListView {
		margin: 20px 5%;
	}
	
	.mod_immoListView .estate {
		width: 100%;
		padding-bottom: 20px;
		height: initial;
    	margin: 20px 0;
	}
	
	.mod_immoListView li.field div {
		font-size: 1em;
	}
	
	.mod_immoListView .item img {
		width: 100%;
		height: auto;
	}
	
	.mod_immoListViw h5 {
		font-size: 1.3rem;
	}
	
	.bg {
	    background: rgb(229,229,229);
	}
	
	#estate_filter_list > div {
	    width: 100% !important;
	    margin: 0 1% 2% 0 !important;
	}
	
	#estate_filter_list div:nth-child(2n) {
		margin-right: 0 0 1% !important;
	}

	#estate_filter_list .select2-container {
		width: 100% !important;
	}

	a.btn.btn-reset-filter {
	    margin: auto;
	    padding: 0;
	    font-size: 14px;
	    line-height: 28px;
	    width: 50%;
	    display: block;
	    clear: left;
	}
	
	/* DETAILANSICHT */
	.estate-detail {
	    width: 90%;
	    margin: 0 5%;
	}
	
	.estate-detail .main-col, .estate-detail .right-col {
		width: 100%;
		float: none;
		padding-top: 30px;
		clear: left;
	}
	
	.estate-detail .main-col {
		padding-right: 0;
	}
	
	.estate-detail .label {
		width: 70%;
	}
	
	.estate-detail .description {
		width: 100%;
	}
}