/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


@font-face {
  font-family: 'Inter';
  src: url('TT_Commons_Pro_Expanded_Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}



@font-face {
  font-family: 'Inter';
  src: url('fonts/TT_Commons_Pro_Regular.woff2') format('woff2');
  font-weight: 500; /* Adjust the weight accordingly */
  font-style: normal;
}


@font-face {
  font-family: 'Inter';
  src: url('fonts/TT_Commons_Pro_Light.woff2') format('woff2');
  font-weight: 400; /* Adjust the weight accordingly */
  font-style: normal;
}
/* End of Fonts Section */
/* Variables Section */
	:root {
		--font-size: 16px;
		--font-size-p: 16px;
		--font-size-h1: 16px;
		--font-size-h2: 16px;
		--font-size-h3: 16px;
		--font-size-h4: 16px;
		--font-size-h5: 16px;
		--font-size-h6: 16px;
		--main-color: #000;;
		--main-text-color: #000;
		--main-green-text-color: #000;
		--main-red-color: #D9534F;
		--main-border-color: #EAE0D7;
		--main-border-color-2: #E0E5F2;
		--main-text-color-2: #000;
		--main-input-text-color: #73767D;
	}

/* End of Variables Section */
body, body *{
	font-size: var(--font-size);
	font-family: Manrope, sans-serif;
}
.navbar{
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;
}
.navbar-logo a{
	display: block;
    width: 185px; 
    height: 25px;
    background-image: url('https://dubaiview.com/wp-content/uploads/DubaiView-Real-Estate-Logo-gray.svg');
    background-size: contain; 
    text-indent: -9999px; 
    overflow: hidden; 
	background-repeat: no-repeat;
	background-position: left 0px center;
	background-position: center;
}

.navbar-toggle{
	display: none;
}
.navbar-menu{
	display: flex;
	flex-direction: row;
	justify-content: right;
	align-items: center;
}
.navbar-submenu-left ul{
	display: flex;
	margin-right: 10px;
}
.navbar-submenu-left ul li{
	margin-right: 40px;
}
.navbar-submenu-left ul li a{
	font-weight: 400;
	color: #000;
	text-decoration: none;
	font-size: 16px;
	transition: .4s;
}
.navbar-submenu-left ul li a:hover{
	color: #FF7043;
}
.navbar-submenu-right{
	display: flex;
	align-items: center;
}
.cart-icon{
	position: relative;
	display: block;
	margin-left: 15px;
	margin-right: 15px;
}
.flextitle{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flextitle a{
    color: #FFF;
    height: 34px;
    width: 150px;
	min-width: 150px;
    text-align: center;
    line-height: 33px;
    border: 1px solid #000;
    background: #000;
    border-radius: 25px;
    font-weight: 500;
    text-decoration: none;
    font-size: 14px;
	margin-right: 12px;
	margin-left: auto;
}
.cart-icon .cart-count{
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	line-height: 16px;
	font-size: 10px;
	text-align: center;
	color: #FFF;
	right: -8px;
	top: -8px;
	background: var(--main-red-color);
}

.add-property-button{
	margin-left: 15px;
	color: #FFF;
	height: 44px;
	width: 160px;
	text-align: center;
	line-height: 43px;
	border: 1px solid #000;
	background: #000;
	border-radius: 25px;
	font-weight: 500;
	text-decoration: none;
	font-size: 15px;
}
.filters{
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;
}
.filters > div{
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	height: 82px;
	margin-left: auto;
	margin-right: auto;
}
.filter-info{
	color: var(--main-text-color-2);
	font-weight: 700;
	display: flex;
	align-items: center;
	margin-right: 0 !important;
	min-width: 122px;
}
.filter-info span:first-of-type{
	font-size: 30px;
	margin-right: 10px;
}
.filter-info span:last-of-type{
	font-weight: 500;
}
.filters > div > input[type="text"]{
	height: 39px;
	line-height: 39px;
	min-width: 250px;
	border-radius: 5px;
	padding: 0 10px;
	border: 1px solid #E0E5F2;
	margin-right: 0 !important;
	outline: 0 !important;
}
.filters > div > span.select2{
	margin-left: 15px;
	margin-right: 0 !important;
}
.select2-container--default .select2-selection--single{
	border: 1px solid #D5D5D5;
	border-radius: 30px;
	height: 52px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 52px;
	background-image: url(../img/arrow.svg);
    background-position: right 10px center;
	background-repeat: no-repeat;
	padding-left: 15px !important;
}
.filters > div > .select2{
	width: 120px !important;
}
.select2-selection__arrow{
	display: none;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
	background: var(--main-color);
	color: #fff;
}
.select2-dropdown{
	border-color: #E0E5F2;
	top: 32px;
}
#weiterefilter .select2{
	width: 100% !important;
	margin-bottom: 5px;
	color: #73767D;
    font-size: 14px;
}
#weiterefilter .select2-container--default .select2-selection--single{
	height: 40px;
	border-radius: 2px;
}
#weiterefilter .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 40px;
}
input, input::placeholder{
	color: var(--main-input-text-color);
}
.filters > div > select{
	height: 39px;
	line-height: 39px;
	padding: 0 10px;
	border-radius: 5px; 
	border: 1px solid #E0E5F2;
}
.customcheck{
	display: inline-block;
    width: 36px !important;
    min-width: 36px;
    height: 18px !important;
    cursor: pointer;
    background: transparent;
    -webkit-transition: .4s;
    transition: .4s;
    border: 0 !important;
    border-radius: 50px !important;
    position: relative;
    margin-right: 10px;
	background: rgb(224 229 242);
}
#switch1:checked ~ label > .customcheck {
	background: var(--main-color);
}
#switch2:checked ~ label > .customcheck {
	background: var(--main-color);
}
.customcheck:before {
    position: absolute !important;
    content: "";
    height: 14px !important;
    width: 14px !important;
    left: 2px;
    bottom: 2px;
    background: #FFF !important;
    border-radius: 50px !important;
    -webkit-transition: .4s;
    transition: .4s;
}
#switch1:checked ~ label > .customcheck:before, #switch2:checked ~ label > .customcheck:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
    top: auto;
    border: 0;
}
#switch1, #switch2{
	width: 0;
	height: 0;
	visibility: hidden;
	opacity: 0;
	position: absolute;
}
.switch label, .switch2 label{
	display: flex;
	align-items: center;
	font-weight: 500;
	color: var(--main-text-color-2);
}
.filter-options{
	display: flex;
	align-items: center;
	flex: 1;
}
.filter-options > div.mehr-kriterien{
	flex: none !important;
}
.filter-options > div > div:first-of-type{
	margin-left: 15px;
	padding-right: 15px;
	font-weight: 500;
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
	color: var(--main-text-color-2);
}
.filter-submit{
	display: flex;
	align-items: center;
}
.filter-submit input{
	font-weight: bold;
	color: var(--main-text-color-2);
	border: 0;
	background: transparent;
}
.alert-icon{
	background-image: url('../img/bell.svg'); 
	background-position: right center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}
main{
	height: calc(100vh - 164px);
	min-height: calc(100vh - 164px);
	display: flex;
	position: relative;
	overflow: hidden;
}
main .properties{
	width: 700px;
	min-width: 700px;
	box-sizing: border-box;
	height: 100%;
	 z-index: 99999;
	 background: #FFF;
}
::-webkit-scrollbar{
	 width: 0px;
}
main .map{
	height: calc(100% - 30px);
	min-height: calc(100% - 30px);
	width: calc(100% - 715px);
	margin: 15px;
	margin-left: 0;
	border-radius: 10px;
	overflow: hidden;
}
main .map.visible-property-map{
	width: calc(100% - 840px);
	margin-left: auto;
}
.property{
	margin-bottom: 30px;
}
.property .property-single-image{
	width: 100%;
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 5px;
	background-position: center;
	position: relative;
}
.property .ver, .property .ver:hover, .property .ver.active-ver{
	width: 29px;
	height: 29px;
	content: "";
	position: absolute;
	display: block;
	right: 15px;
	top: 15px;
	z-index: 1;
	background-color: rgba(255,255,255,0.4);
	background-image: url('../img/verw.svg'); 
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 5px;
	cursor: pointer;
}

.property-adr{
	font-size: 14px;
	padding-left: 20px;
	background-image: url('../img/pinnew.svg'); 
	background-position: left center;
	background-repeat: no-repeat;
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-wrap: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	color: #000;;
}
.property-title{
	font-size: 14px;
	line-height: 19px;
	color: #000;;
	font-weight: 500;
	display: inline;
}
.property-title span{
	display: inline-block;
	height: 22.5px;
	width: 20px;
	min-width: 20px;
	position: relative;
	float: left;
	
}
.property-title span:before{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	left: 0;
	top: calc(50% - 4px);
	border-radius: 100%;
	background-color: #ADEE68;
}
.property-info{
	display: flex;
	margin-top: 15px;
	justify-content: flex-start;
	align-items: center;
}
.property-info > div{
	display: flex;
	align-items: center;
}
.property-info-top-area{
	background-image: url('/assets/img/icon-se-wfl.svg'); 
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}
.property-info-top-rooms{
	background-image: url('/assets/img/icon-se-rooms.svg'); 
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}
.property-info-top-areag{
	background-image: url('/assets/img/icon-se-grd.svg'); 
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}
.property-info-top-badezimmer{
	background-image: url('/assets/img/icon-se-bad.svg'); 
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}
.property-info-top{
	font-size: 14px;
    line-height: 22px;
    color: #000;;
    font-weight: 700;
}
.property-info-title{
	color: #8C8C8C;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 5px;
}
.property-types{
	position: absolute;
    background: #FFF;
    left: 0;
    top: 0;
    height: 27px;
    padding-left: 10px;
    padding-right: 10px;
    background: #FFF;
    color: #000;;
    font-size: 14px;
    z-index: 1;
    line-height: 27px;
    border-radius: 55px;
    top: 15px;
    left: 15px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}
.property-ag-info{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #D5D5D5D9;
	display: flex;
    justify-content: space-between;
    align-items: center;

	
}
.property-ag-info a, .property-ag-info a:hover {
	display: block;
	text-decoration: none;
	width: 110px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
		border-radius: 55px; 
	background: #000;;
}
.property-info-box{
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.ag-info > div:first-of-type{
	width: 27px;
	height: 27px;
	border-radius: 100%;
	background-color: #EEE;
	margin-right: 5px;
	background-size: cover;
	background-position: center;
}
.ag-info{
	display: flex;
	align-items: center;
	color: #000;;
	font-size: 16px;
	line-height: 27px;
}
.property-info-chart{
	display: flex;
	align-items: center;
	height: 22px;
}
.property-info-chart > span{
	background: #E8ECF5;
	height: 14px;
	width: 69px;
	border-radius: 10px;
	display: block;
}
.green-ch{
	height: 14px;
	background-color: #A6F722;
	border-radius: 10px;
	display: inline-block;
	float: left;
}
.yellow-ch{
	height: 14px;
	background-color: #F7E222;
	border-radius: 10px;
	display: inline-block;
	float: left;
}
.red-ch{
	height: 14px;
	background-color: #F44336;
	border-radius: 10px;
	display: inline-block;
	float: left;
}
.property-type-select > span, .property-type-select-mobile > span {
    display: flex
;
    align-items: center;
}
.property-type-select > span .radio-circle, .property-type-select-mobile > span .radio-circle {
	width: 15px;
	height: 15px;
	background: #fff;
	border: 1px solid #000;;
	border-radius: 100%;
	margin-right: 5px;
	  transition: border 0.2s, background 0.2s;
}
.property-type-select input:checked ~ span .radio-circle, .property-type-select-mobile input:checked ~ span .radio-circle {
	background: #000;;
}
.property-type-select{
	padding-left: 0 !important;
}
.immobilientyp-desktop{
	max-width: 380px;
}
.custom-checkbox {
  width: 15px;
  height: 15px;
  border: 1px solid #000;;
  border-radius: 0;
  display: inline-block;
  position: relative;
  transition: border 0.2s, background 0.2s;
  background: #fff;
  box-sizing: border-box;
	border-radius: 100%;
	margin-right: 10px;
}
.checkbox-label input[type="checkbox"]:checked + .custom-checkbox {
  background: #000;;
}
.checkbox-label{
	padding-left: 0 !important;
}
.radius-filter{
	width: 120px;
	max-width: 120px !important;
}
.ausstattung-categories{
	height: 300px;
	overflow: scroll;
	overflow-x: hidden;
}
.property-categories-select {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	min-width: 306px;
	gap: 10px;
}
.property-category-select {
	display: flex;
	justify-content: center;
	align-items: center;
}
.property-category-select > span {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-weight: 400;
	border-radius: 10px;
	border: 1px solid rgba(235, 235, 235, 1);
	height: 62px;
	width: 105px;
	cursor: pointer;
}
.property-category-select > span span {
	margin-top: 8px;
	line-height: 1em;
}
#mobile-filters-cointainer .property-category-select > span span{
	font-size: 14px;
}
.property-category-select input {
	visibility: hidden;
	width: 0;
	height: 0;
}
.property-category-select input:checked ~ span {
	border: 1px solid #000;;
	background: #000;;
	color: #fff;
}
.property-types-select {
	display: flex;
	flex-direction: column;
	max-height: 320px;
	overflow-x: hidden;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.property-category-select input:checked ~ span svg path {
	fill: #fff;
}
#immobilientyp, #preis, #zimmer, #wohnflache, #weiterefilter, #countries, #radiusf, #locationf, #zimmers, #flachen, #ausstattung, #offplan {
        display: none;
        position: absolute;
        min-width: 228px;
        z-index: 1;
		padding-top: 21px;
}
#locationf > div > div.sublocation {
    color: rgba(116, 116, 116, 1);
    font-size: 13px;
    line-height: 24px;
    height: 24px;
    font-size: 15px;
    margin-bottom: 5px;
}
#locationf{
	min-width: 350px;
}
#radiusf{
	right: 0;
}
.lchange{
	text-overflow: ellipsis;
    overflow: hidden !important;
    white-space: nowrap;
    padding-right: 52px;
}
#weiterefilter{
	right: 15px;
}
#immobilientyp > div, #preis > div, #zimmer > div, #wohnflache > div, #weiterefilter > div, #countries > div, #radiusf > div, #locationf > div, #zimmers > div, #flachen > div, #ausstattung > div, #offplan > div{
	  background-color: #fff;
	  border-radius: 0 0 5px 5px;
	  font-size: 15px;
	  color: #000;
	  padding: 10px;
	  box-sizing: border-box;
	  box-shadow: 0px 27px 55px -10px #00000040;
}

#immobilientyp.active-submenu, #weiterefilter.active-submenu, #countries.active-submenu, #radiusf.active-submenu, #locationf.active-submenu, #offplan.active-submenu{
	display: block;
	z-index: 999999;
}
#preis.active-submenu, #zimmer.active-submenu, #wohnflache.active-submenu, #zimmers.active-submenu, #flachen.active-submenu, #ausstattung.active-submenu, #offplan.active-submenu{
	display: flex;
	justify-content: space-between;
	z-index: 999;
	min-width: 202px;
}
#offplan > div{
	width: 100%;
}
#weiterefilter.active-submenu > div{
	min-width: 202px;
	font-size: 14px;
	max-height: calc(100vh - 350px);
	overflow: scroll;
	max-width: 202px;
}
#immobilientyp.active-submenu > div{
	max-height: calc(100vh - 350px);
	overflow: scroll;
}
/* Hide scrollbars for WebKit browsers (Chrome, Safari) */
#weiterefilter.active-submenu::-webkit-scrollbar, #weiterefilter.active-submenu > div::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbars for Firefox */
#immobilientyp.active-submenu, #immobilientyp.active-submenu > div {
    scrollbar-width: none; /* Firefox */
}

/* Hide scrollbars for WebKit browsers (Chrome, Safari) */
#immobilientyp.active-submenu::-webkit-scrollbar, #immobilientyp.active-submenu > div::-webkit-scrollbar  {
    display: none;
}

/* Hide scrollbars for Firefox */
#weiterefilter.active-submenu, #weiterefilter.active-submenu > div{
    scrollbar-width: none; /* Firefox */
}
#weiterefilter.active-submenu > div > div, #weiterefilter.active-submenu > div{
	margin-bottom: 5px;
	font-size: 14px;
}

#weiterefilter .weitere-flex, .zimmers-flex, .flachen-flex{
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}
#weiterefilter select{
	height: 30px;
    line-height: 30px;
    padding: 0 5px;
    border-radius: 2px;
    border: 1px solid #E0E5F2;
	line-height: 24px;
	font-size: 14px;
	width: 100%;
	margin-bottom: 5px;
}
#preis input, #zimmer input, #wohnflache input, #weiterefilter input, #zimmers inpout, #flachen input{
	border: 1px solid #E0E5F2;
	border-radius: 2px;
	width: 80px;
	height: 24px;
	line-height: 24px;
	color: #73767D;
	font-size: 14px;
	padding-left: 5px;
	outline: 0;
}
.show-content strong{
	font-weight: bold;
	margin-left: 5px;
}

input[type="checkbox"]{
	width: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
border-radius: 2px;
  border: 1px solid #E0E5F2;
}
.show-content-title{
	margin-bottom: 10px;
}
#property-type-text{
	margin-top: 10xp;
	margin-bottom: 10px;
}
#property-type-text{
	font-size: 14px !important;
	margin-top: 10px !important;
}
.show-content label:not(.property-category-select){
	position: relative;
	height: 20px;
	display: flex;
	align-items: center;
	padding-left: 20px;
	margin-top: 10px;
}
.show-content label:not(.property-category-select):first-of-type{
	margin-top: 0;
}
input[type="checkbox"]:checked ~ .checkmark{
	background: var(--main-color);
}
main .property-extra-info{
	width: 420px;
	padding: 30px;
	box-sizing: border-box;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	scrollbar-width: none;
	position: absolute;
	left: 420px;
	background: #FFF;
	box-shadow: 11px 4px 14.399999618530273px 0px #0000001A;
	z-index: 9999;
	opacity: 1;
	transition: margin-left 0.3s, width 0.5s;
	margin-left: -1000px;
	display: block;
}
main .property-extra-info.visible-property{
	opacity: 1;
	margin-left: 0px;
	z-index: 9999;
}
main .property-extra-info.full-width-info{
	width: calc(100% - 420px);
	opacity: 1;
	margin-left: 0px;
	z-index: 9999;
}
main .property-extra-info h3{
	font-size: 18px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
	margin-bottom: 15px;
	margin-top: 25px;
	max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}
.property-extra-info > h3:first-of-type{
	margin-top: 0;
}
.property-extra-info-line{
	display: flex;
	border-top: 1px solid #E4E8F3;
	padding-top: 10px;
	padding-bottom: 10px;
	align-items: center;
}
.property-extra-info-line-bottom{
	border-bottom: 1px solid #E4E8F3;
}
.property-extra-info-title{
	font-size: 15px;
	font-weight: bold;
	color: #000;
	min-width: 150px;
}
.property-extra-info-value{
	color: #666666;
	font-size: 15px;
}
.property-extra-info p{
	color: #000;
	font-size: 15px;
	line-height: 1.4em;
	margin-bottom: 15px;
}
.linear{
	display: flex;
	height: 33px;
	justify-content: space-between;
	height: 33px;
	color: #FFF;
	font-weight: 700;
	align-items: center;
	min-width: 100%;
	background: linear-gradient(90deg, #20603A 14%, #E6B828 50%, #981F18 100%);
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 35px;
	box-sizing: border-box;
}
.linear span{
	position: relative;
}
.linear span.linear-active:after {
	display: block;
	position: absolute;
	content: "";
	bottom: -18px;
	left:calc(50% - 7.5px);
	width: 0;
	height: 0;
	border-left: 7.5px solid transparent;
	border-right: 7.5px solid transparent;
	border-bottom: 15px solid #000;
}
.leaflet-popup-content{
	margin: 15px !important;
}

.leaflet-marker-icon{
	font-size: 13px;
	font-weight: 700;
	height: auto !important;
	line-height: 19px;
	border-radius: 9px;
	background: #000000;
	border: 2px solid #fff;
	color: #fff;
	width: 95px !important;
	padding: 0;
	text-align: center;
}
.leaflet-marker-icon:not(.activebounce){
	margin-top: -9.5px !important;
}
.leaflet-marker-icon.marker-cluster{
	background: #000000;
	border: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 37px !important;
	width: 37px !important;
	border-radius: 100%;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	line-height: 37px;
	text-align: center;
	outline: 6px solid rgba(0, 0, 0, 0.15);
	padding: 0;
}
.leaflet-marker-icon.marker-cluster span{
	font-size: 20px;
	line-height: 37px;
	display: block;
}
.leaflet-marker-pane > .leaflet-marker-icon.leaflet-interactive:not(.marker-cluster){
	margin-left: -22px !important;
}
.leaflet-marker-pane:has(.marker-cluster) > .leaflet-marker-icon.leaflet-interactive:not(.marker-cluster){
    width: 25px !important;
	height: 25px !important;
	font-size: 0;
	border: 2px solid #000000;
	border-radius: 100%;
	margin-left: 12.5px !important;
}
.leaflet-marker-pane:has(.marker-cluster) > .leaflet-marker-icon.leaflet-interactive:not(.marker-cluster) .salary-text{
	display: none;
}
@keyframes jump {
    0% {
        margin-top: -9.5px;
    }

    50% {
        margin-top: -36px;
    }

    100% {
        margin-top: -9.5px;
    }
}

body .leaflet-marker-icon.activebounce {
    animation: 0.8s ease-in-out 0s infinite normal none running jump;
}


.leaflet-popup.leaflet-zoom-animated{
	left: -200px !important;
}
.leaflet-popup-content{
	width: 260px !important;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip{
	box-shadow: none;
	border-radius: 5px;
}
.leaflet-popup-content-wrapper .map-popup{
	display: flex;
	align-items: center;
	font-weight: 700;
	color: #000;
	font-size: 14px;
	line-height: 17.5px;
	text-decoration: none;
}
.property-gallery {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 200px;
  display: flex;
}
.property .property-gallery-image, .property-extra-info .property-gallery-image{
	width: 100%;
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 5px;
	background-position: center;
	position: relative;
	float: left;
	visibility: visible;
	opacity: 1;
	min-width: 100%;
	transition: margin-left 0.5s ease;
}

.property  .ver{
	width: 29px;
	height: 29px;
	content: "";
	position: absolute;
	display: block;
	right: 15px;
	top: 15px;
	z-index: 2;
	background-color: rgba(255,255,255,0.4);
	background-image: url('../img/verw.svg'); 
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.property .ver:hover, .property .ver.ver-active{
	background-image: url('../img/verr.svg'); 
}
.left-arrow {
  position: absolute;
  width: 27px;
  height: 27px;
  background: url('../img/arrow-left.svg'); 
  background-position: center;
  background-repeat: no-repeat;
  top: calc(50% - 13.5px);
  left: 10px;
  cursor: pointer;
  z-index: 2;
}

.right-arrow {
  position: absolute;
  width: 27px;
  height: 27px;
  background: url('../img/arrow-right.svg'); 
  background-position: center;
  background-repeat: no-repeat;
  top: calc(50% - 13.5px);
  right: 10px;
  cursor: pointer;
  z-index: 2;
}
.gallery-count{
	width: 40px;
    height: 29px;
    left: 15px;
    top: 15px;
    background: rgba(255, 255, 255, 0.4);
    line-height: 29px;
    text-align: center;
    color: #FFF;
    position: absolute;
    font-size: 12px;
    font-weight: 700;
    border-radius: 5px;
}
.property-gallery{
	border-radius: 4px;
}
.select2-dropdown{
	z-index: 999999999999;
}
.ansprechpartner-form input[type="text"].empty-field, .ansprechpartner-form input[type="email"].empty-field, .select2-selection.empty-field{
	border-bottom: 1px solid #FF7043 !important;
}
.ansprechpartner-form input[type="text"].empty-field::placeholder, .ansprechpartner-form input[type="email"].empty-field::placeholder, label.empty-field, .select2-selection.empty-field #select2-anrede-container{
	color: #FF7043 !important;
}
.ver-content{
	display: none;
}
.ver-visible{
	display: block;
	background: #FFF;
	position: absolute;
	right: 15px;
	top: 44px;
	text-align: center;
	width: 95px;
	height: 22px;
	line-height: 22px;
	box-shadow: 0px 4px 6.5px 0px #0000001A;
	border-radius: 5px;
	color: #1C1C1C;
	font-weight: 700;
	font-size: 13px;
	cursor: pointer;
}
.property-compare-box{
	display: none;
	z-index: 999999999999999999;
	background: rgba(0,0,0, 0.35);
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
}
.compare-left-arrow {
  position: absolute;
  width: 51px;
  height: 51px;
  background: url('../img/compare-arrow-left.svg'); 
  background-position: center;
  background-repeat: no-repeat;
  top: calc(90px - 25.5px);
  left: -60px;
  cursor: pointer;
  z-index: 2;
}

.compare-right-arrow {
  position: absolute;
  width: 51px;
  height: 51px;
  background: url('../img/compare-arrow-right.svg'); 
  background-position: center;
  background-repeat: no-repeat;
  top: calc(90px - 25.5px);
  right: -30px;
  cursor: pointer;
  z-index: 2;
}
.property-compare-box .property-compare{
	background: #FFF;
	width: 950px;
	height: auto;
	border-radius: 10px;
	padding: 40px;
	box-sizing: border-box;
	overflow: hidden;
}
.property-compare-buttons a{
	padding: 0;
    color: #FFF;
    height: 44px;
    width: 100%;
    text-align: center;
    line-height: 44px;
    border: 1px solid #000;
    background: #000;
    border-radius: 25px;
    font-weight: 700;
    text-decoration: none;
    margin-top: 15px;
	display: block;
	cursor: pointer;
}
.property-compare-buttons{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	border-bottom: 0 !important;
}
.property-compare-images{
	display: flex;
	text-align: center;
	margin-left: 150px;
	width: 720px;
	position: relative;
	margin-top: -15px;
}
.property-compare-images-box{
	overflow-x: hidden;
	padding-top: 15px;
	width: 720px;
	display: flex;
}
.property-image-box{
	width: 150px;
	height: 150px;
	border-radius: 5px;
	background-size: cover;
	background-position: center;
	margin-right: 30px;
}
.property-image-title{
	color: #1C1C1C;
	font-weight: 700;
	font-size: 15px;
	line-height: 21.5px;
	height: 43px;
	overflow: hidden;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 150px;
}
.property-compare-text{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E4E8F3;
	display: flex;
}
.compare-content{
	color: #666666;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	display: flex;
	width: 720px;
	overflow: hidden;
}
.compare-content > div{
	min-width: 150px;
	width: 150px;
	margin-right: 30px;
}
.poperty-compare-title{
	width: 150px;
	text-align: left;
	color: #1C1C1C;
	font-weight: 700;
	min-width: 150px;
}
.property-compare-box.active-property-compare{
	display: flex;
}
.property-compare{
	position: relative;
}
.properties-filters{
	display: flex;
	justify-content: space-between;
	padding: 30px 30px 15px 30px;
}
.properties-filters > div > div:first-of-type {
    padding-right: 20px;
    font-weight: 500;
    background-image: url(../img/arrow.svg);
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    color: var(--main-text-color-2);
}
.merkliste{
	cursor: pointer;
	background-image: url(../img/verg.svg);
	background-position: left center;
	color: var(--main-text-color-2);
	font-weight: 500;
	padding-left: 20px;
	background-repeat: no-repeat;
}
.properties-filters .checkmark{
	border-radius: 100%;
}
input[type="radio"] {
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
	position: absolute;
}
#sortfilters{
	display: none;
}
#sortfilters.active-submenu {
    display: block;
    z-index: 999;
}
#sortfilters{
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 190px;
    z-index: 1;
    border-radius: 0 0 5px 5px;
    font-size: 15px;
    color: #000;
    padding: 10px;
    box-sizing: border-box;
    padding-top: 20px;
    box-shadow: 0px 27px 55px -10px #00000040;
}
input[type="radio"]:checked ~ .checkmark:before {
    background: var(--main-color);
	width: 11px;
	height: 11px;
	left: 3px;
	top: 3px;
	display: block;
	content: "";
	position: absolute;
	border-radius: 100%;
}
.no-compare{
	display: none;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #FFF;
    width: 440px;
    height: auto;
    border-radius: 10px;
    padding: 40px 20px;
    box-sizing: border-box;
    overflow: hidden;
	position: relative;
}
.no-compare-title{
	color: #143943;
	font-weight: 500;
	font-size: 24px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.no-compare-info{
	color: #143943;
	line-height: 21px;
	font-size: 16px;
}
.property-compare-box.no-property-compare{
	display: flex;
}
.no-property-compare .no-compare{
	display: flex;
	flex-direction: column;
}
.no-property-compare .property-compare{
	display: none;
}
main .properties-list{
	height: auto;
	max-height: calc(100% - 61px);
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: none;
	padding: 5px 30px 30px 30px;
}
.properties-list .property{
	display: flex;
	    border: 1px solid #D5D5D5D9;
    padding: 10px;
    border-radius: 20px;
}
.properties-list .property.propertyf{
	border: 2px solid #B9F287;
  background-color: rgba(72, 155, 0, 0.01);
}
.property .property-gallery-image, .property-extra-info .property-gallery-image, .property-gallery{
	height: 225px;
	    width: 250px !important;
    min-width: 250px !important;
	border-radius: 14px;
}
.property-info-box{
	max-width: 100%;
	overflow: hidden;
	margin-left: 10px;
	width: 100%;
}
.property-pr{
	color: #000;;
	font-weight: 700;
	font-size: 20px;
}
.financing-ad{
	margin-bottom: 30px;
	height: 172px;
	background: #000;;
	background-image: url(/wp-content/uploads/Downtown-Dubai.jpg);
        background-position: center;
    background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 20px;
	box-sizing: border-box;
	padding-left: 40px;
	padding-right: 40px;
}
.financing-ad div{
	color: #FFF;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
}
.financing-ad a{
	height: 42px;
	line-height: 42px;
	width: 208px;
	background: #FFF;
	border-radius: 55px;
	color: #000;;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	margin-right: 33px;
    margin-top: 43px;
}
#adress-field, #text-search{
	height: 52px !important;
    line-height: 52px !important;
	padding-left: 40px;
	border: 1px solid #D5D5D5;
	border-radius: 30px;
	background-image: url(/assets/img/icon-se-search.svg) !important;
   background-position: left 15px center !important;
   background-repeat: no-repeat;
   transition: border-color 0.5s ease;
	max-width: 235px;
}
#text-search, #adress-field{
	background-image: none !important;
	padding-left: 15px;
	position: relative;
	padding-right: 40px;
	font-size: 14px;
}
.text-search-icon{
	position: absolute;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	background: #000;
	top: calc(50% - 17.5px);
    right: 20px;
}
.adress-field-container .show{
	position: absolute;
	height: 52px;
	line-height: 52px;
	top: 0;
	cursor: pointer;
	color: rgba(140, 140, 140, 1);
	font-size: 14px;
	right: 30px;
}
.adress-field-container .show .rchange{
	font-size: 14px;
}
#adress-field:hover, #text-search:hover{
	border-color: #000;;
}
#text-search-mobile{
	background-image: url(/assets/img/icon-se-search.svg) !important;
	background-size: 15px;
	background-position: left 10px center !important;
   background-repeat: no-repeat;
   padding-left: 35px !important;
}

.js-example-basic-single-country + .select2-container .select2-selection--single {
	    border-radius: 30px;
		height: 52px !important;
			border: 1px solid #D5D5D5;
  
}
.js-example-basic-single-country + .select2-container .select2-selection--single .select2-selection__rendered{
	  line-height: 52px !important;
	  padding-left: 15px !important;
}
.adress-field-container{
	    min-width: 228px;
	max-width: 228px;
    border-radius: 30px;
    border: 1px solid #D5D5D5;
    height: 52px;
	font-weight: 500;
	line-height: 20px;
	z-index: 999999;
	transition: border-color 0.5s ease;
}
.adress-field-container:hover{
	border-color: #000;
}
.show[filtrid="locationf"]{
	    position: relative;
    color: #000;
    left: auto;
    margin-left: 15px;
    padding-right: 15px;
    font-weight: 500;
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    color: #000;;
    right: auto;
}
.filter-options > div{
    min-width: 228px;
	max-width: 228px;
    margin-left: 15px;
    border-radius: 30px;
    border: 1px solid #D5D5D5;
    height: 52px;
	font-weight: 500;
	line-height: 20px;
	z-index: 999999;
	transition: border-color 0.5s ease;
}
.filter-options > div:hover{
	border-color: #000;;
}
.filter-options > div > div{
	color: #000; !important;
}
.show-2 span{
	font-size: 14px;
	color: #8C8C8C;
	font-weight: 400;
	display: block;
}
.show div{
	font-size: 14px;
}
.filter-options > div > div.show-2 {
    background-position: right 15px top 27px;
	height: 52px;
	display: flex;
    align-items: center;
    justify-content: space-between;
	gap: 5px;
}
.presentantion-unactive {
    background: #f5f5f5;
}
.list-toggle, .map-toggle {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 400;
    height: 42px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50px;
    transition: all 0.5s ease;
	gap: 5px;
}
.top-menu-filters-right{
	display: flex;
	align-items: center;
	gap: 15px;
	margin-left: auto;
	margin-right: 0 !important;
}
.presentation-toggle-box{
	display: flex;
	align-items: center;
	gap: 15px;
}
.filter-options > div > div.show-2 div{
	line-height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
}
.loschen{
    border-radius: 0 !important;
	border: 0 !important;
    height: 52px !important;
    line-height: 52px !important;
    padding-top: 0 !important;
    text-decoration: underline !important;
    max-width: 100px !important;
	cursor: pointer;
	margin-left: 15px;
	display: flex;
	align-items: center;
}
.mehr-kriterien{
	padding-left: 0;
	padding-top: 0 !important;
	line-height: 52px !important;
	height: 52px !important;
	display: none;
}
.filter-options > div.mehr-kriterien > div:first-of-type{
    text-align: center;
    margin-left: 0 !important;
    font-size: 14px;
    padding-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
#countries > div > div, #radiusf > div > div, #locationf > div > div, #offplan > div > div{
	line-height: 48px;
	height: 48px;
	margin-bottom: 5px;
	font-size: 16px;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
}
#countries > div > div:last-of-type, #radiusf > div > div:last-of-type, #locationf > div > div:last-of-type, #offplan > div > div:last-of-type{
	margin-bottom: 0;
}
#countries > div, #radiusf > div, #offplan > div{
	padding-top: 20px;
	padding-bottom: 20px;
}
#countries > div > div:hover, #countries > div > div.current-option, #radiusf > div > div:hover, #radiusf > div > div.current-option, #offplan > div > div:hover, #offplan > div > div.current-option{
	background: #D5D5D5 !important;
	border-radius: 5px;
}
#locationf > div > div.sublocation:hover, #locationf > div > div.sublocation.current-option {
    color: rgba(0, 0, 0, 1);
}
#immobilientyp .checkmark{
	border-radius: 100%;
}
#preis input{
	height: 43px;
	border: 1px solid #d5d5d5;
	font-size: 14px;
	position: relative;
	border-radius: 30px;
	width: 175px;
	padding-left: 20px;
	padding-top: 0;
	padding-bottom: 0;
	color: #000;
	transition: border-color 0.5s ease;
}
#preis input:hover{
	border-color: #000;;
}
#preis ::placeholder{
	color: rgb(140, 140, 140);
}
.preis-flex > div{
	position: relative;
}
#weiterefilter{
	padding-top: 12px;
}
#weiterefilter > div{
	width: 100%;
}
.weiterefilter-title{
	margin-top: 0;
	margin-bottom: 10px;
}
.mehr-kriterien .weiterefilter-title{
	line-height: 1.2em;
	margin-bottom: 10px;
	margin-top: 0;
	font-weight: 600 !important;
	font-size: 16px !important;
}
.show-content-input-title-mobile{
		font-weight: 600 !important;
	font-size: 16px !important;
}
#weiterefilter.active-submenu > div{
	max-width: 228px;
	min-width: 228px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#weiterefilter.active-submenu > div > div, #weiterefilter.active-submenu > div{

}
#weiterefilter.active-submenu > div{
    max-width: 340px;
    min-width: 340px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
@media all and (max-width: 768px){
	#weiterefilter.active-submenu > div{
		min-width: 0;
	}
}
#weiterefilter.active-submenu > div > div:last-of-type, #weiterefilter.active-submenu > div:last-of-type{
	border-bottom: 0;
}
#weiterefilter input, #zimmers input, #flachen input, #property-type-text, #ausstattung-type-text{
	height: 43px;
    border: 1px solid #d5d5d5;
    font-size: 14px;
    position: relative;
    border-radius: 30px;
    width: 100%;
    padding-left: 15px;
    color: #000;;
	line-height: 43px;
	padding-top: 0;
	padding-bottom: 0;
	float: left;
	padding-right: 30px;
	width: 100%;
	min-width: 100%;
	transition: border-color 0.5s ease;
}
#weiterefilter input:hover{
	border-color: #000;;
}
.weitere-flex > div, .flachen-flex > div, .zimmers-flex > div{
	width: calc(50% - 5px) !important;
}
body > div > .elementor-hidden-mobile{
	display: none;
}
.minmax{
	    color: rgba(116, 116, 116, 1);
    font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	display: block;
}
.weitere-flex > div, .flachen-flex > div, .zimmers-flex > div{
	position: relative;
}
#submit-weitere{
	color: #FFF !important;
	background: #000; !important;
}
e-page-transition{
	z-index: 99999999999 !important;
}
#site-footer{
	display: none !important;
}
.search-objektart{
	height: 39px;
	line-height: 39px;
	margin-bottom: 10px;
}
.property-pr{
	position: relative;
}
.fcounter{
	background-image: url(/assets/img/icon-fire.svg);
    background-position: left 0 center;
	background-repeat: no-repeat;
	padding-left: 25px;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	height: 20.8px;
	line-height: 20.8px;
	background-size: contain;
	
}
.ausstattung-category-title{
	line-height: 1em;
	margin-bottom: 20px !important;
}
.ausstattung-category-title, .ausstattung-options{
	margin-bottom: 10px;
}
.ausstattung-category{
	margin-bottom: 20px;
}
@media all and (max-width: 1600px){
	.weiterefilter-mobile{
		display: block !important;
	}
	#text-search-mobile{
		display: none !important;
	}
	.navbar, .filters{
		padding-left: 15px;
		padding-right: 15px;
	}		
	.switch{
		display: none;
	}
	.filters > div{
		justify-content: start;
	}
	.filters > div > *{
		margin-right: 15px;
	}
	header > *{
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
	}
	main .properties{
		padding: 0;
		width: 700px;
		min-width: 700px;
	}
	main .properties-list{
		padding: 5px 15px 15px 15px;
		box-sizing: border-box;
	}
	.properties-filters{
		padding: 15px 15px 15px 15px;
		box-sizing: border-box;
	}
	.property .property-gallery-image, .property-gallery, .property .property-single-image{
		width: 100%;
	}
	main .property-extra-info{
		left: 700px;
	}
	.filter-options{
		margin-right: 0 !important;
	}
	main .map {
		width: calc(100% - 700px);
	}
	.weiterefilter-title{
		font-size: 15px;
		font-weight: 700;
		margin-bottom: 20px !important;
		margin-top: 20px !important;
	}
	.weiterefilter-immobilientyp label{
		font-size: 15px;
		line-height: 20px;
		padding-left: 25px;
		overflow: hidden;
	}
	.weiterefilter-immobilientyp .checkmark{
		width: 15px;
		height: 15px;
	}
}
@media all and (max-width: 960px){
	#text-search-mobile{
		display: block !important;
	}
	.merkliste{
		display: none;
	}
	#text-search{
		display: none;
	}
	.navbar-submenu-left ul{
		display: none;
	}
	main .property-extra-info{
		opacity: 1 !important;
		margin-left: 0px !important;
		z-index: 9999 !important;
		width: calc(100% - 390px) !important;
		padding: 15px;
	}
	.navbar-toggle{
		display: flex !important;
		height: 15px;
		width: 23px;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		cursor: pointer;
		background-image: url('../img/menu-mallorca.svg'); 
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.navbar-toggle > div{
		height: 2px;
		min-height: 2px;
		width: 100%;
		min-width: 100%;
		background-color: #000;
		transition: all 0.5s ease-out;
		display: none;
	}
	.navbar-toggle.menu-open{
		justify-content: center;
		background-image: url('../img/weitere-mobile-close.svg');
	}
	.navbar-toggle.menu-open > div:nth-of-type(2){
		display: none;
	}
	.navbar-toggle.menu-open > div:first-of-type{
		transform: rotate(45deg);
	}
	.navbar-toggle.menu-open > div:last-of-type{
		transform: rotate(-45deg);
	}

	.navbar-submenu-left ul.menu-open{
		display: block;
		position: fixed;
		width: 100%;
		top: 60px;
		background: #FFF;
		border-top: 3px solid var(--main-color);
		padding: 15px;
		left: 0;
		z-index: 99999999;
		transition: all 0.5s ease-out;
	}
	.navbar-submenu-left ul.menu-open li{
		margin-bottom: 15px;
	}
	.navbar-submenu-left ul.menu-open li:last-of-type{
		margin-bottom: 0;
	}
}
.weiterefilter-mobile{
	display: none;
}
input[name="immobilientypmobile[]"]{
	visibility: hidden;
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	margin: 0;
}
#submit-mobile{
	display: none;
    color: #FFF !important;
    height: 44px !important;
    width: calc(100% - 30px) !important;
    text-align: center !important; 
    line-height: 44px !important;
    border: 1px solid #000 !important;
    background: #000 !important;
    border-radius: 25px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
	position: fixed !important;
	bottom: 15px !important;
	padding: 0 !important;
	cursor: pointer;
}
.weiterefilter-title{
	color: var(--main-text-color-2);
	margin-top: 20px;
}
.property-extra-info .property-gallery, .property-extra-info .property-title{
	display: none;
}
.close-comp{
		display: block;
		justify-content: center;
        background-image: url(../img/close-comp.svg);
		height: 25px;
		width: 25px;
		cursor: pointer;
		background-position: center;
        background-repeat: no-repeat;
		position: absolute;
		right: 15px;
		top: 15px;
}
.property-image-box{
	position: relative;
}
.close-single-comp{
		display: block;
		justify-content: center;
        background-image: url(../img/close-single-comp.svg);
		height: 26px;
		width: 26px;
		cursor: pointer;
		background-position: center;
        background-repeat: no-repeat;
		position: absolute;
		right: -13px;
		top: -13px;
}
.open-single-comp{
		display: block;
		justify-content: center;
        background-image: url(../img/compare-image-url.svg);
		height: 28px;
		width: 28px;
		cursor: pointer;
		background-position: center;
        background-repeat: no-repeat;
		position: absolute;
		right: calc(50% - 14px);
		top: calc(50% - 14px);
		display: none;
}
.property-image-box:hover .open-single-comp{
	display: block;
}
.text-search-mobile-clear{
	clear: both;
}
.loschen-m-t{
	padding: 0 !important;
	border: 0 !important;
	margin: 0 !important;
	display: none;
}
@media all and (max-width: 1024px){
	#weiterefilter.active-submenu > div{
		padding-top: 50px;
		padding-left: 0;
		padding-right: 0;
	}
	#weiterefilter.active-submenu > div{
		position: relative;
	}
	.active-submenu .loschen-m-t{
		position: absolute;
		right: 0;
		top: 10px;
		display: block;
        width: 20px;
        height: 20px;
        color: #000;
		text-align: center;
	}
	.active-submenu .loschen-m-t svg{
		max-width: 100%;
		max-height: 100%;
		float: right;
	}
	#weiterefilter input, #text-search-mobile{
		padding-left: 15px !important;
		padding-right: 15px !important;
		font-size: 16px !important;
		height: 43px !important;
		line-height: 43px !important;
	}
	.navbar{
		height: 60px;
	}
	#text-search-mobile{
		width: 100%;
		height: 40px !important;
		line-height: 40px !important;
		font-size: 14px !important;
		box-sizing: border-box;
	}
	#weiterefilter{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.gallery-open{
		display: none;
	}
	.filter-info{
		color: #FFF !important;
		height: 44px !important;
		width: calc(100% - 30px) !important;
		text-align: center !important; 
		line-height: 44px !important;
		border: 1px solid #000 !important;
		background: #000 !important;
		border-radius: 25px !important;
		font-weight: 700 !important;
		text-decoration: none !important;
		position: fixed !important;
		bottom: 15px !important;
		padding: 0 !important;
		cursor: pointer;
		z-index: 999999;
		display: block !important;
		font-size: 16px !important;
	}
	.filter-info span{
		font-size: 16px !important;
		margin-right: 0 !important;
	}
	.weiterefilter-mobile{
		display: block;
	}
	.heatmapswitch{
		display: none;
	}
	#submit-mobile{
		display: block;
	}
	.weitere-flex input {
		width: calc(50% - 7.5px) !important;
		max-width: calc(50% - 7.5px) !important;
		box-sizing: border-box;
		height: 40px !important;
		line-height: 40px !important;
		font-size: 14px !important;
	}
	#text-search-mobile{
		margin-bottom: 15px;
	}
	.weitere-flex > div{
		position: relative;
	}
	body.active-weitere > div[data-elementor-type='header']{
		display: none !important;
	}
	#weiterefilter.active-submenu{
		position: fixed;
		top: 0;
		width: 100%;
		left: 0;
		z-index: 9999999;
		margin-left: 0;
		height: calc(100%);
		padding: 0;
		background: #FFF;
		overflow-x: hidden;
	}
	#weiterefilter.active-submenu > div{
		width: 100%;
		max-width: 100%;
		height: 100%;
		overflow: scroll;
		max-height: 100%;
		box-shadow: none;
				overflow-x: hidden;
	}
	body #weiterefilter #text-search-mobile{
		padding-left: 35px !important;
	}
	.text-search-mobile-clear{
		margin-bottom: 15px;
	}
	.filters > div > #adress-field, .filter-options > div > div:first-of-type{
		margin-left: 0;
	}
	.active-property-info .property-gallery{
		outline: 0 !important;
	}
	.navbar-toggle{
		margin-right: 0;
	}
	.filter-info{
		display: none;
	}
	.navbar-submenu-right .add-property-button{
		display: none;
	}
	main .properties{
		width: 100%;
		min-width: 100%;
	}

	
	.filter-options > div > div.opened-weiterefilter{
		background-image: url('../img/weitere-mobile-close.svg'); 
	}
	.navbar-logo a{
		height: 25px;
	}
	.property .property-gallery-image, .property-gallery, .property .property-single-image{
		height: 350px;
	}
		.property-pr{
		margin-top: 10px;
	}
}
.close-pop{
		display: block;
		justify-content: center;
        background-image: url(../img/weitere-mobile-close.svg);
		height: 15px;
		width: 15px;
		max-width: 15px;
		min-width: 15px;
		max-height: 15px;
		min-height: 15px;
		cursor: pointer;
		background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
		position: relative;
        margin: 0 !important;
        top: auto;
        right: auto;
	}

@media all and (max-width: 480px){
	.property-title{
		position: relative;
		padding-left: 0;
	}
	.property-extra-info .property-title{
		padding-left: 0;
	}
	.property-title span{
		position: absolute;
		left: 0;
	}
	.navbar-logo{
		position: absolute;
		left: calc(50% - 85px);
	}
	.ansprechpartner input[type="text"], .ansprechpartner input[type="email"]{
		margin-top: 10px;
	}
	
	.property-extra-info .property-title{
		display: block;
        margin-bottom: 25px;
        font-size: 18px;
        line-height: 24px;
        height: auto;
        max-height: none;
	}
	.property-extra-info .property-gallery{
		display: flex;
	}
	.property-extra-info .ver{
		display: none;
	}
	.property-extra-info .property-gallery-image, .property-extra-info .property-gallery{
		height: 200px;
		
	}
	.property-extra-info .property-gallery{
		margin-top: 15px;
		margin-bottom: 25px;
		outline: 0 !important;
	}
	main .property-extra-info{
		-webkit-transition: 0s;
		transition: 0s;
	}
	main .property-extra-info.visible-property{
		display: block;
        position: fixed;
        z-index: 9999999 !important;
        left: 0;
        top: 0;
        opacity: 1 !important;
        width: 100% !important;
		height: 100%;
		top: 0;
	}
	.property-info-box{
		max-width: calc(100% - 88px);
	}
	.filters > div > input[type="text"]{
		min-width: 150px;
		font-size: 14px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.filters > div > select{
		font-size: 14px;
		padding-left: 5px;
	}
	.property{
		display: flex;
	}

	.property .ver, .property .right-arrow, .property .left-arrow, .property .gallery-count, .property .property-single-image:before, .property .property-single-image:after{
		display: none;
	}
	.property .property-gallery, .property .property-single-image, .property .property-gallery-image{
		height: 88px;
		min-height: 88px;
		width: 88px;
		min-width: 88px;
	}
	.property-adr{
		margin-top: 0;
		background-size: 15px;
		background-position: left 4px center;
	}
	.property-title{
		font-size: 15px;
		line-height: 19px;
		max-height: 38px;
		text-overflow: ellipsis;
		overflow: hidden;
		display: block;
	}
	.property-info{
		margin-top: 10px;
	}
	.property-pr{
		margin-bottom: 15px;
	}
	.property-title span:before{
		left: calc(50% - 4px);
	}
	.property-info-box{
		max-width: calc(100% - 88px);
	}
}
.pac-container{
	z-index: 999999999;
}
.featherlight-next span, .featherlight-previous span{
	font-size: 40px !important;
	line-height: 40px !important;
	margin-top: -20px !important;
}
.gallery-open {
    width: 29px;
    height: 29px;
    right: 15px;
    bottom: 15px;
    background: rgba(255, 255, 255, 0.4);
	background-image: url('../img/magnifying-glass.svg'); 
    background-position: center;
    text-align: center;
    position: absolute;
    border-radius: 5px;
	background-repeat: no-repeat;
}

@media all and (min-width: 768px){
	.navbar-logo{
		position: absolute;
		left: calc(50% - 85px);
	}
}
/* all 

*/

		.price-chart-bar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  max-width: 800px;
  height: 60px;
  margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
.no-results svg{
	width: 60px;
	height: 60px;
	margin-top: 30px;
	margin-bottom: 20px;
}
.no-results{
	    display: flex
;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	width: 100%;
	color: #000;;
}
.mobile-fixed-top{
	display: none;
}
@media all and (max-width: 1024px){
	.weiterefilter-mobile{
		margin-top: 18px;
	}
	.mobile-fixed-top{
	display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        justify-content: space-between;
        padding-left: 15px;
        padding-right: 15px;
        align-items: center;
		background: #FFF;
		        z-index: 999999;
		    border-bottom: 1px solid #DFDFDF;
   
	}
	.active-submenu .loschen-m-t{
		position: relative !important;
		right: auto !important;
		top: auto !important;
	}
}
.no-results a{
	font-weight: bold;
	display: inline-block;
	margin-top: 20px;
	text-decoration: none;
	color: #000;;
}
.bar {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
	height: 100%;
	justify-content: flex-end;
}


.bar-inner {
  width: 3px;
  background-color:  rgba(217, 217, 217, 1);
  border-radius: 5px 5px 0 0;
  transition: height 0.3s ease-in-out;

}
		.in-range .bar-inner {
		 background-color: 	rgba(140, 140, 140, 1);
		}

				.custom-range-wrapper {
			position: relative;
			width: 100%;
			height: 14px;
					top: -7px;
					margin-bottom: 15px;
		}

		.custom-range-track {
			position: relative;
			height: 4px;
			background: rgba(217, 217, 217, 1);
			border-radius: 0;
			top: 50%;
			transform: translateY(-50%);
		}

		.custom-range-fill {
			position: absolute;
			height: 100%;
			background: rgba(140, 140, 140, 1);
			border-radius: 3px;
		}

		.custom-thumb {
			position: absolute;
			top: 50%;
			transform: translateY(-50%); /* tylko pionowe centrowanie */
			height: 14px;
			width: 14px;
			background: #FFF;
			border: 2px solid black;
			border-radius: 50%;
			cursor: pointer;
			z-index: 2;
		}
	.objektart-buttons {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		margin-top: 10px;
	}
		.property-features{
			display: flex;
			gap: 5px;
			margin-top: 10px;
			flex-wrap: wrap;
		}
		.property-features span {
			padding: 5px;
			color:  #000;;
			background: rgb(245, 245, 245);
			font-size: 12px;
			border-radius: 5px;
			line-height: 1em;
		}
		@media all and (min-width: 1024px){
			.property-features{
				height: 22px;
				overflow: hidden;
			}
		}
	.objektart-button {
		padding: 6px 14px;
		border: none;
		border-radius: 999px;
		background-color: #fff !important;
		color: #000 !important;
		cursor: pointer;
		font-size: 14px;
		transition: all 0.5s;
		border: 1px solid #D5D5D5;
		border-color: #D5D5D5 !important;
	}

	.objektart-button.active-mobile-objektart, .objektart-button:hover {
		background-color: #000; !important;
		border-color: #000; !important;
		color: #fff !important;
	}

	.objektart-count {
		font-size: 12px;
		color: #777;
		margin-left: 4px;
	}
	.radius-filter-mobile, .objektart-mobile, .land-box-mobile {
		display: none;
	}
	select option:checked,
	select option:hover, select:focus > option:checked, select:focus > option:hover {
		background: #000; !important;
		color: #FFF !important;
	}
	@media all and (max-width: 1600px){
			.immobilientyp-box, #text-search-mobile{
			display: none;
		}
				.weiterefilter-mobile{
			display: block;
		}
		.radius-filter-mobile, .objektart-mobile, .land-box-mobile {
			float: left;
			width: 100%;
		}
		#weiterefilter #radius-mobile, #weiterefilter #immobilientyp-mobile-select, #weiterefilter #countries-mobile{
			height: 43px;
			border: 1px solid #000;;
			font-size: 16px;
			position: relative;
			border-radius: 30px;
			width: 100%;
			padding-left: 15px;
			color: #000;;
			line-height: 43px;
			padding-top: 0;
			padding-bottom: 0;
			float: left;
			padding-right: 30px;
			width: 100%;
			min-width: 100%;
		}
	}
	.adress-field-container, .text-search-field-container {
		position: relative;
		min-width: 235px;
	}
		.text-search-field-container{
			margin-right: 15px !important;
		}
	#adress-field {
		padding-right: 70px; /* Zwiększenie odstępu na przycisk */
		width: 100%;
		    text-overflow: ellipsis;
    overflow: hidden !important;
	}

	#clear-address-field {
		position: absolute;
		right: 5px;
		top: 50%;
		transform: translateY(-50%);
		border: none;
		background: none;
		cursor: pointer;
		font-size: 27px;
		color: #D5D5D5;
		display: none;
	}

	#clear-address-field:hover {
		color: #000;
	}
	.dialog-type-lightbox{
		z-index: 99999;
	}
	.e-con>.e-con-inner{
		max-width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	.dialog-widget-content .e-con > .e-con-inner{
		padding-left: 0;
		padding-right: 0;
	}
	.heatmapswitch{
		display: none;
	}
				.ansprechpartner-info{
					display: flex;
					justify-content: left;
					align-items: center;
				}
				.ansprechpartner-info-photo{
					height: 46px;
					min-height: 46px;
					width: 46px;
					min-width: 46px;
					background-size: cover;
					border-radius: 100%;
					background-repeat: no-repeat;
				}
				.ansprechpartner-info-name{
					font-weight: 700;
					font-size: 13px;
					color: #666666;
					line-height: 16px;
					padding-left: 15px;
				}
				.ansprechpartner-info-name div{
					font-size: 16px;
					line-height: 20px;
				}
				.ansprechpartner input[type="text"], .ansprechpartner input[type="email"]{
					font-size: 15px;
					padding: 5px 15px;
					border: 0;
					outline: 0 !important;
					border-bottom: 1px solid #E4E8F3;
					color: #666666;
					width: 100%;
					box-sizing: border-box;
				}
				.ansprechpartner-form > div{
					display: flex;
					justify-content: left;
					align-items: center;
				}
				.ansprechpartner-form > div input:first-of-type{
					width: 70%;
					min-width: 70%;
				}
				.ansprechpartner-form > div input:last-of-type{
					width: 30%;
					min-width: 30%;
				}
				.ansprechpartner label{
					font-size: 12px;
					line-height: 19.8px;
					color: #666666;
					display: block;
					margin-top: 15px;
				}
				.ansprechpartner label .checkmark{
					min-width: 15px;
					min-height: 15px;
					float: left;
					position: relative;
					margin-right: 5px;
					height: 15px;
					width: 15px;
				}
				.ansprechpartner input[type="submit"]{
					padding: 0;
					color: #FFF;
					height: 44px;
					width: 100%;
					text-align: center;
					line-height: 44px;
					border: 1px solid #1F5866;
					background: #1F5866;
					border-radius: 25px;
					font-weight: 700;
					text-decoration: none;
					margin-top: 15px;
				}
				#agree1, #agree2{
					height: 0;
					width: 0;
					opacity: 0;
					position: absolute;
					visibility: hidden;
				}
				.ansprechpartner .select2-container{
					width: 100% !important;
					font-size: 15px;
					    color: #666666;
				}
				.ansprechpartner .select2-container--default .select2-selection--single{
					height: 28px;
					border: 0;
					border-radius: 0;
					border-bottom: 1px solid #E4E8F3;
				}
				.ansprechpartner .select2-container--default .select2-selection--single .select2-selection__rendered{
					line-height: 28px;
					padding-left: 15px;
					font-size: 15px;
					    color: #666666;
				}
				#captcha{
					margin-top: 15px;
					
				}
				.leaflet-popup {
					background: tranpsarent;
				}
				.map-popup.open-property{
					display: flex;
					flex-direction: column;
					max-height: 420px;
					overflow-x: scroll;
				}
				.map-popup .popup-property{
					cursor: pointer;
				}
				.map-popup .popup-property:hover{
					z-index: 999;
				}
				.map-popup .salary-text{
					display: block;
					margin-bottom: 10px;
					text-align: center;
					border-radius: 5px;
					width: 95px;
					background: #FFF;
				}
				.leaflet-popup-content-wrapper, .leaflet-popup-tip{
					background: transparent;
				}
				.leaflet-popup-tip{
					display: none;
				}
				.leaflet-popup-content{
					width: 95px !important;
					margin: 0 !important;
				}
				.leaflet-popup.leaflet-zoom-animated{
					left: -160px !important;
					margin-bottom: 0;
					width: 320px !important;
					padding: 10px;
					border-radius: 20px;
					background: #FFF;
					margin-bottom: 20px;
				}
				.countdivicon{
					position: absolute;
					background: var(--main-color);
					color: #FFF;
					border-radius: 100%;
					height: 25px;
					width: 25px;
					line-height: 25px;
					font-size: 13px;
					right: -12.5px;
					top: -12.5px;
				}
				.countdivicon.hidecount{
					display: none;
				}
					.submenu-right{
						font-weight: 400;
						color: #000;
						text-decoration: none;
						font-size: 16px;
						transition: .4s;
						margin-right: 25px;
					}
					.submenu-right:hover{
						color: #FF7043;
					}
				.submenu-right-menu{
					display: none;
				}
				.dialog-widget{
					z-index: 999999;
				}
				.menu-layout-big *{
					font-family: "Manrope", Sans-serif;
					font-size: 1.4rem;
					font-weight: 400;
				}
				.menu-layout-big span, .elementor-icon-list-item a span{
					font-size: 1.4rem;
				}
				/* Hide scrollbar for Chrome, Safari and Opera */
					.open-property::-webkit-scrollbar {
					  display: none;
					}

					/* Hide scrollbar for IE, Edge and Firefox */
					.open-property {
					  -ms-overflow-style: none;  /* IE and Edge */
					  scrollbar-width: none;  /* Firefox */
				}
				.leaflet-marker-icon .open-property{
					width: 100%;
					height: 100%;
				}
				.loschen-m{
					display: none;
				}
									.weitere-rs{
						border-bottom: 0 !important;
					}
					.sortfilters-m{
						display: none;
					}
					.weitere-ri, .weitere-rs{
						display: none;
					}
					.weitere-gf{
						border-bottom: 0 !important;
					}
					@media all and (max-width: 1365px){
						.land-box{
							display: none;
						}
					}
				@media all and (max-width: 1024px){
					#countries-mobile{
						background: #FFF;
					}
					.property-extra-info{
						display: none !important;
					}
					#sortfilters{
						right: 0;
					}
					.sortfilters-d{
						display: none;
					}
					.sortfilters-m{
						display: block;
					}
					.loschen-m{
						display: block;
						margin-top: 30px;
						font-size: 16px !important;
						text-align: center;
						color: #E21653;
						cursor: pointer;
						line-height: 1.2em;
					}
				}
				@media all and (max-width: 1024px){
					.menu-layout-big *{
						font-family: "Manrope", Sans-serif;
						font-size: 1.2rem;
						font-weight: 400;
					}
					.menu-layout-big span, .elementor-icon-list-item a span{
						font-size: 1.2rem;
					}
				}
						@media all and (max-width: 960px){
							.submenu-right{
								display: none;
							}
							.submenu-right-menu{
								display: block;
							}
							.adress-field-container{
								margin-right: 0 !important;
							}
							main .properties{
								min-width: 100%;
							}
						}
						.map-popup.open-property{
							width: 300px;
						}
						.popup-content{
							display: flex;
							align-items: center;
						}
						.map-popup > .popup-property{
							margin-bottom: 10px;
						}
						.map-popup > .popup-property:last-of-type{
							margin-bottom: 0;
						}
						.popup-image{
							width: 85px;
							height: 85px;
							min-width: 85px;
							border-radius: 15px;
							background-size: cover;
							background-repeat: no-repeat;
							margin-right: 10px;
							background-position: center;
						}
						.popup-content-text{
							
							font-size: 16px;
							font-weight: 400;
							color: #000;;
						}
						body .map .leaflet-editing-icon{
							width: 3px !important;
							height: 3px !important;
							background: #000; !important;
							border: 0 !important;
						}
						.leaflet-draw-edit-edit{
							display: none !important;
						}
						.cobjektart, .cprice, .cchange{
							max-width: 170px;
							text-wrap: nowrap;
							text-overflow: ellipsis;
							overflow: hidden;
						}
						.elementor-element a > img{
							max-width: 200px !important;
						}
						.submit-weitere{
							display: none;
						}
						@media all and (max-width: 1024px){
							.submit-weitere{
								display: block;
							}
							.e-con>.e-con-inner{
								padding-left: 2px;
								padding-right: 5px;
							}
							.dialog-widget-content .e-con > .e-con-inner{
								padding-left: 0;
								padding-right: 0;
							}
							.property .property-gallery-image, .property-extra-info .property-gallery-image, .property-gallery{
								width: 100% !important;
								min-width: 100% !important;
								margin-bottom: 10px;
							}
							.properties-list .property{
								flex-direction: column;
							}
							.property-info-box{
								margin-left: 0;
							}
							.financing-ad {
								flex-direction: column;
								padding-top: 20px;
								padding-bottom: 20px;
								height: 220px;
								justify-content: flex-start;
								text-align: left;
								align-items: flex-start;
							}
							.filter-options > div.mehr-kriterien{
								padding-left: 0;
								min-width: 60px;
								width: 60px;
							}
							.filter-options > div.mehr-kriterien > div:first-of-type{
								text-indent: -9999px;
								padding-left: 0;
								padding-right: 0;
								background-position: center !important;
								font-size: 0;
								height: 43px !important;
								width: 43px !important;
							}
							.adress-field-container .show{
								height: 43px !important;
								line-height: 43px !important;
							}
						}
						@media all and (max-width: 480px){
							.property .property-gallery-image, .property-extra-info .property-gallery-image, .property-gallery{
								height: 200px !important;
							}
							.property-info-box{
								width: 100% !important;
								max-width: 100% !important;
							}
						}
						.pac-matched, .pac-item span{
							font-size: 13px;
						}
						.elementor-element.scroll-shadow{
							z-index: 9999999999 !important;
						}
		
@media all and (max-width: 2200px){
	.filter-options > div{
		min-width: 170px;
		flex: 1;
	}
}
		@media all and (max-width: 1919px){
			.filter-options > div{
			min-width: 150px;
			flex: 1;
			}
		}
			@media all and (max-width: 1700px){
				.zimmer-box, .flachen-box{
					display: none;
				}
				.mehr-kriterien{
					min-width: auto !important;
					display: block;
					border: 0 !important;
				}
				.mehr-kriterien .show{
					height: 52px;
					align-items: center;
				}
				.filter-options{
					flex: 1;
				}
		}
		@media all and (max-width: 1600px){
			.adress-field-container{
				margin-right: 0 !important;
			}
			.weiterefilter-kaufpreis, .weiterefilter-kaufpreis-title{
				display: none !important;
			}
		}
		.no-map-main .map{
			display: none !important;
		}
		.no-map-main .properties{
			width: 100% !important;
		
		}
		.no-map-main .properties-list{
				display: flex;
			flex-wrap: wrap;
			gap: 30px;
			padding: 15px;
		}
		.no-map-main .property{
			margin-bottom: 0;
		}
		.no-map-main .properties-list .property{
			width: calc(25% - 24.5px);
			flex-direction: column;
			gap: 15px;
		}
		.no-map-main .financing-ad{
			width: calc(25% - 24.5px);
			flex-direction: column;
		}
		.no-map-main .property-info-box{
			margin-left: 0;
		}
		.no-map-main .property-gallery, .no-map-main .property .property-gallery-image{
			width: 100% !important;
			min-width: 100% !important;
		}
		.no-map-main .financing-ad{
		margin-bottom: 0;
    height: auto;
    justify-content: flex-start;
    gap: 0;
    background-position: center;
			background-size: cover;
    align-items: flex-start;
    padding-top: 50px;
}
		@media all and (min-width: 1920px){
				.no-map-main .properties-list .property{
			width: calc(20% - 26px);
			flex-direction: column;
			gap: 15px;
		}
		.no-map-main .financing-ad{
			width: calc(20% - 26px);
			flex-direction: column;
		}
		}
		@media all and (max-width: 1300px){
			.text-search-field-container{
				display: none;
			}
		}
		@media all and (max-width: 1024px){
			.ausstattung-box, .preis-box, .objektart-box{
				display: none;
			}
		}
		.mobile-map-buttons {
	display: none;
}
		#mobile-map-open {
	width: 234px;
	background: #000;;
	z-index: 1;
	color: #fff;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	text-align: center;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
}
#mobile-map-open svg {
	margin-right: 8px;
}
#mobile-map-open svg path {
	fill: #fff;
}
#mobile-map-close {
	width: 39px;
	height: 39px;
	background: #000;;
	border-radius: 100%;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	align-items: center;
}
		@media all and (max-width: 1024px){
					.mobile-map-buttons {
		display: block;
		position: fixed;
		bottom: 15px;
		left: 0;
		width: 100%;
		z-index: 99999;
	}
			.top-menu-filters-right{
				display: none;
			}
			.mehr-kriterien > .show{
				    width: 52px;
    border: 1px solid #000;;
    border-radius: 30px;
			}
			.mehr-kriterien{
				width: 56px;
				margin-left: auto;
			}
			.adress-field-container{
				    flex: 1;
					/* width: 100%; */
					max-width: none;
					min-width: calc(100% - 67px);
			
			}
			#adress-field{
				max-width: none;
				height: 43px !important;
				line-height: 43px !important;
				width: 100%;
			}
			.mehr-kriterien{
				height: 43px !important;
				width: 43px !important;
			}
			.filter-options{
				flex: 0;
			}
			.filters > div{
				height: auto;
				padding: 10px 0;
			}
			main {
    height: calc(100vh - 125px);
    min-height: calc(100vh - 125px);
			}
			.map-main .properties{
				display: none;
			}
			.map-main .map{
				    position: relative;
    display: block;
    width: 100%;
				min-height: 100%;
    margin: 0;
    border-radius: 0;
			}
			.filter-options > div > div.opened-weiterefilter{
				background-image: none;
			}
			.no-map-main .properties-list .property, .no-map-main .financing-ad {
    width: 100%;
}
			.weiterefilter-kaufpreis, .weiterefilter-kaufpreis-title{
				display: flex !important;
			}
		}
		.weiterefilter-mobile .property-categories-select input, .property-type-select-mobile input{
			height: 0 !important;
			width: 0 !important;
			visibility: hidden !important;
			position: absolute !important;
			opacity: 0 !important;
			padding: 0 !important;
			margin: 0 !important;
		}
		.weiterefilter-mobile .property-category-select {
    margin-left: 0;
    margin-right: 0;
    width: calc(33.333% - 6.67px);
    margin-bottom: 0;
}
	.weiterefilter-mobile .property-categories-select {
    gap: 10px;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px;
}
.weiterefilter-mobile .property-category-select > span {
    width: 100%;
}
		.property-type-select-mobile > span .radio-circle {
    width: 21px;
    height: 21px;
    margin-right: 10px;
}
		.show-content-input-title{
			float: left;
			line-height: 1.2em;
			margin: 0;
			padding: 0;
		}
		.property-types-select-mobile.property-types-collapsed {
    max-height: 120px !important;
    overflow: hidden;
}
		.property-type-select-mobile{
			padding-left: 0 !important;
		}
		.expand-keyword-wrapper, .expand-property-types-wrapper {
    display: flex
;
    justify-content: flex-start;
    background: #fff;
    position: relative;
    z-index: 2;
}
		#expand-property-types {
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: 14px;
}
#expand-keywords, #expand-property-types {
    cursor: pointer;
    border: 0;
    background: transparent;
    float: right;
    text-decoration: underline;
    margin-top: 10px;
    padding: 0;
    color: #000;
}
		.keywords-to-select.keywords-collapsed, .property-types-select-mobile.property-types-collapsed {
    max-height: 120px !important;
    overflow: hidden;
}
		.property-types-select, .property-types-select-mobile {
    display: flex
;
    flex-direction: column;
    max-height: 320px;
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
		.property-types-select-mobile {
    transition: all 1s ease-in-out;
    max-height: 1600px !important;
    position: relative;
}
	.property-types-select-mobile:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: transparent;
    transition: all 1s ease-in-out;
}
		.property-types-select-mobile.property-types-collapsed::after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%) !important;
    height: 30px;
}
		.badezimmer-mobile-buttons, .zimmer-mobile-buttons, .schlafzimmer-mobile-buttons {
    display: flex;
}
		.badezimmer-mobile-buttons button:hover, .badezimmer-mobile-buttons button.badezimmer-btn-active, .zimmer-mobile-buttons button:hover, .zimmer-mobile-buttons button.zimmer-btn-active, .schlafzimmer-mobile-buttons button:hover, .schlafzimmer-mobile-buttons button.schlafzimmer-btn-active{
			    background: #000;;
			color: #fff;
			border-color: #000;;
			border-radius: 0;
			border: 0 !important;
		}
		.badezimmer-mobile-buttons button:first-of-type, .zimmer-mobile-buttons button:first-of-type, .schlafzimmer-mobile-buttons button:first-of-type {
    border-radius: 4px 0 0 4px;
}
		.badezimmer-mobile-buttons button, .zimmer-mobile-buttons button, .schlafzimmer-mobile-buttons button {
    border: 0;
    flex: 1;
    border-left: 1px solid rgba(235, 235, 235, 1);
    border-top: 1px solid rgba(235, 235, 235, 1);
    border-bottom: 1px solid rgba(235, 235, 235, 1);
    display: flex;
		border-radius: 0;
    justify-content: center;
    align-items: center;
    height: 39px;
    font-size: 14px;
    outline: 0;
    cursor: pointer;
    background: #FFF;
    color: #000;
}
				.badezimmer-mobile-buttons button:first-of-type, .zimmer-mobile-buttons button:first-of-type, .schlafzimmer-mobile-buttons button:first-of-type {
    border-radius: 4px 0 0 4px;
}
		.badezimmer-mobile-buttons button:last-of-type, .zimmer-mobile-buttons button:last-of-type, .schlafzimmer-mobile-buttons button:last-of-type {
    border-radius: 0 4px 4px 0;
    border-right: 1px solid rgba(235, 235, 235, 1);
}
.active-with-text-box{
	border-color: #000; !important;
}
		.weiterefilter-mobile{
			margin-bottom: 0 !important;
			padding: 0 !important;
		}
		@media all and (min-width: 1025px){
			#weiterefilter .property-categories-select, #weiterefilter #property-type-text, .show-content-input-title-mobile, .property-types-select-mobile, #weiterefilter .expand-property-types-wrapper, .land-box-mobile, #weiterefilter .custom-range-wrapper{
				display: none !important;
			}
			.weitere-ausstattung{
				display: none;
			}
		}
		.weitere-ausstattung input{
			visibility: hidden !important;
			position: absolute !important;
			height: 0 !important;
			width: 0 !important;
		}
		@media all and (max-width: 1365px){
			.land-box-mobile{
				display: block !important;
			}
		}
		@media all and (max-width: 1300px){
			#text-search-mobile{
				display: block !important;
				margin-bottom: 15px;
			}
		}
		@media all and (max-width: 1024px){
			#radiusf, #locationf{
				padding-top: 10px;
				left: 0;
				width: 100%;
			}
			.weitere-gf{
				margin-bottom: 0 !important;
				padding-bottom: 0 !important;
			}
			.custom-checkbox{
				width: 21px;
				height: 21px;
			}
			.ausstattung-options label{
				font-size: 16px !important;
			}
		}
		/* ho ho */
		
		.elementor-20 .elementor-element.elementor-element-37cc884{--display:flex;--min-height:50px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--overflow:hidden;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#DFDFDF;--border-color:#DFDFDF;--z-index:8;}.elementor-20 .elementor-element.elementor-element-668e5e7{--display:flex;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9;}.elementor-20 .elementor-element.elementor-element-668e5e7:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-668e5e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-6eae4a6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-20 .elementor-element.elementor-element-ce40233{margin:0px 15px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-20 .elementor-element.elementor-element-ce40233 img{width:290px;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-20 .elementor-element.elementor-element-9085dcb .e-search-submit{background-color:#F5F5F5;}.elementor-20 .elementor-element.elementor-element-9085dcb{width:100%;max-width:100%;margin:0px 15px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-search-results-columns:1;--e-search-results-grid-auto-rows:1fr;--e-search-loop-item-equal-height:100%;--e-search-input-padding-block-start:15px;--e-search-input-padding-inline-start:10px;--e-search-input-padding-block-end:15px;--e-search-input-padding-inline-end:10px;--e-search-submit-color:var( --e-global-color-primary );--e-search-submit-border-radius:50px 50px 50px 50px;--e-search-submit-padding:10px 20px 10px 20px;--e-search-results-border-radius:10px 10px 10px 10px;--e-search-results-column-gap:5px;--e-search-results-row-gap:5px;--e-search-loader-icon-color:var( --e-global-color-primary );--e-search-loader-icon-size:20px;}.elementor-20 .elementor-element.elementor-element-9085dcb .e-search-input{font-family:"Manrope", Sans-serif;font-size:0.9rem;border-style:solid;border-width:1px 1px 1px 1px;border-color:#DFDFDF;border-radius:50px 50px 50px 50px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-20 .elementor-element.elementor-element-45e708b .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-45e708b .elementor-button:focus{background-color:var( --e-global-color-1f6282a );border-color:var( --e-global-color-1f6282a );}.elementor-20 .elementor-element.elementor-element-45e708b{width:var( --container-widget-width, 200px );max-width:200px;--container-widget-width:200px;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-45e708b .elementor-button{font-family:"Manrope", Sans-serif;font-size:1rem;font-weight:600;fill:var( --e-global-color-02be9e9 );color:var( --e-global-color-02be9e9 );border-radius:55px 55px 55px 55px;padding:13px 17px 13px 17px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-37cc884{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-20 .elementor-element.elementor-element-668e5e7{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-20 .elementor-element.elementor-element-ce40233 img{width:200px;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-668e5e7{--min-height:60px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-20 .elementor-element.elementor-element-6eae4a6{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--margin-top:0px;--margin-bottom:-5px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-ce40233{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;}.elementor-20 .elementor-element.elementor-element-ce40233 img{width:170px;}.elementor-20 .elementor-element.elementor-element-244db83{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}}/* Start custom CSS for html, class: .elementor-element-d021584 */.elementor-20 .elementor-element.elementor-element-d021584 .elementor-widget-container {
  display: inline-flex;
}

.immobilien-container {
  display: inline-flex;
}

.elementor-20 .elementor-element.elementor-element-d021584 svg {
  margin-top: 5px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed32d47 */.elementor-20 .elementor-element.elementor-element-ed32d47 .elementor-widget-container {
  display: inline-flex;
}

.immobilien-container {
  display: inline-flex;
}

.elementor-20 .elementor-element.elementor-element-ed32d47 svg {
  margin-top: 5px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c46c47c *//* Haushirsch Menu Button */
.hh-menu-trigger {
    width: 35px;
    height: 35px;
    cursor: pointer;
    z-index: 100000;
    transition: transform 0.3s ease;
    padding-top: 7px;
}

.hh-menu-trigger:hover {
    transform: scale(1.1);
}

.hh-menu-trigger img {
    width: 100%;
    height: auto;
}

/* Haushirsch Menu Overlay */
.hh-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000002;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.hh-menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Haushirsch Menu Container */
.hh-vertical-menu {
    position: fixed;
    top: 0;
    left: -500px;
    width: 500px;
    height: 100vh;
    background: white;
    z-index: 1000003;
    transition: left 0.3s ease;
    overflow-y: auto;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    font-family: "Manrope", Sans-serif;
    scrollbar-width: none;
    -ms-overflow-style: none;
    display: flex;
    flex-direction: column;
}

.hh-vertical-menu::-webkit-scrollbar {
    display: none;
}

.hh-vertical-menu.active {
    left: 0;
}

/* Mobile */
@media (max-width: 1024px) {
    .hh-vertical-menu {
        width: 90%;
        left: -90%;
        height: 100vh;
        overflow-y: scroll;
    }
    
    .hh-vertical-menu.active {
        left: 0;
    }
    
    .hh-menu-content {
        flex: none;
        min-height: auto;
    }
    
    .hh-menu-footer {
        margin-top: 0;
    }
    
    .hh-contact-section {
        padding: 15px;
    }
    
    .hh-social-links a {
        font-size: 0.8rem;
    }
    
    /* Mobile: Extra Margin unter Social Media Links */
    .hh-menu-footer {
        margin-bottom: 100px;
    }
}	
		div, span{
			box-sizing: border-box;
		}
		input{
			box-sizing: border-box;
			max-width: 100%;
		}
/* Haushirsch Menu Header */
.hh-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
    /* Header Animation */
    transform: translateX(-100%);
    opacity: 0;
    transition: all 0.4s ease;
}

.hh-vertical-menu.active .hh-menu-header {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.1s;
}

.hh-menu-logo {
    max-width: 150px;
    height: auto;
}

@media (min-width: 1025px) {
    .hh-menu-logo {
        max-width: 200px !important;
    }
}

@media (max-width: 1024px) {
    .hh-menu-logo {
        max-width: 150px !important;
    }
}

.hh-menu-close {
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    color: #000;;
    border: none !important;
    background: none;
    transition: transform 0.3s ease;
}

.hh-menu-close:hover {
    transform: rotate(90deg);
}

/* Haushirsch Menu Content */
.hh-menu-content {
    padding: 0;
    flex: 1;
}

/* Basis Animation für alle Menu Items */
.hh-menu-category,
.hh-direct-link {
    border-bottom: 1px solid #e0e0e0;
    transform: translateX(-100%);
    opacity: 0;
    transition: all 0.4s ease;
}

/* Spezifische Animationen mit eindeutigen Klassen */
.hh-vertical-menu.active .hh-menu-item-1 {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.2s;
}

.hh-vertical-menu.active .hh-menu-item-2 {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.25s;
}

.hh-vertical-menu.active .hh-menu-item-3 {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.3s;
}

.hh-vertical-menu.active .hh-menu-item-4 {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.35s;
}

.hh-vertical-menu.active .hh-menu-item-5 {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.4s;
}

.hh-vertical-menu.active .hh-menu-item-6 {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.45s;
}

.hh-vertical-menu.active .hh-menu-item-7 {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.5s;
}

.hh-vertical-menu.active .hh-menu-item-8 {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.55s;
}

.hh-category-header {
    padding: 20px;
    font-weight: 700;
    font-size: 1.2rem;
    color: #000;;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.3s ease;
    user-select: none;
    text-transform: uppercase;
}
		.hh-category-header > span:first-of-type{
			font-size: 19.2px;
		}
.hh-category-header:hover {
    background-color: #f8f8f8;
}

.hh-category-arrow {
    transition: transform 0.3s ease;
    font-size: 12px;
    color: #000;;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Haushirsch Category Content */
.hh-category-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.hh-category-content.active {
    max-height: 500px;
}

/* Haushirsch Menu Items */
.hh-menu-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hh-menu-item {
    position: relative;
    overflow: hidden;
    /* Menu Item Animation */
    transform: translateX(-50px);
    opacity: 0;
    transition: all 0.3s ease;
}

/* Animation für Menu Items wenn Category aktiv ist */
.hh-category-content.active .hh-menu-item:nth-child(1) {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.1s;
}

.hh-category-content.active .hh-menu-item:nth-child(2) {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.15s;
}

.hh-category-content.active .hh-menu-item:nth-child(3) {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.2s;
}

.hh-category-content.active .hh-menu-item:nth-child(4) {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.25s;
}

.hh-category-content.active .hh-menu-item:nth-child(5) {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.3s;
}

.hh-category-content.active .hh-menu-item:nth-child(6) {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.35s;
}

.hh-category-content.active .hh-menu-item:nth-child(7) {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.4s;
}

.hh-category-content.active .hh-menu-item:nth-child(8) {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.45s;
}

.hh-menu-item a {
    display: block;
    padding: 14px 20px 14px 20px;
    color: #000;;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    border-left: 3px solid transparent;
    font-weight: 500;
}

.hh-menu-item a::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 1px;
    background-color: #000;;
    transition: width 0.3s ease;
}

.hh-menu-item a:hover {
    background-color: #f8f8f8;
    padding-left: 50px;
    border-left-color: #000;;
}
		label span, .checkbox-label{
			font-weight: 400 !important;
		}
.hh-menu-item a:hover::before {
    width: 12px;
}

.hh-menu-items:hover .hh-menu-item a:not(:hover) {
    color: #999999;
    opacity: 0.6;
}

.hh-menu-category:last-child .hh-category-content {
    margin-bottom: 20px;
}

.hh-menu-item:last-child {
    margin-bottom: 15px;
}

/* Direkte Links Styling */
.hh-direct-link a {
    display: block;
    padding: 20px;
    font-weight: 700;
    font-size: 1.2rem;
    color: #000;;
    text-decoration: none;
    transition: background-color 0.3s ease;
    user-select: none;
    text-transform: uppercase;
    position: relative;
}

.hh-direct-link a::after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m19 5.50049v10.99951c0 .2761-.2239.5-.5.5s-.5-.2239-.5-.5v-9.79289l-12.14645 12.14649c-.19526.1952-.51184.1952-.7071 0-.19527-.1953-.19527-.5119 0-.7072l12.14645-12.1464h-9.7929c-.27614 0-.5-.22386-.5-.5s.22386-.5.5-.5h11c.1316 0 .2578.05186.3514.14426l.0022.00219c.0879.0879.1397.20518.1458.32876.0004.00824.0006.01699.0006.02528z" fill="%23002d2d"></path></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.6;
    transition: opacity 0.3s ease;
}

.hh-direct-link a:hover {
    background-color: #f8f8f8;
}

.hh-direct-link a:hover::after {
    opacity: 1;
}

/* Kontakt Button Section */
.hh-contact-section {
    padding: 20px;
    /* Contact Section Animation */
    transform: translateX(-100%);
    opacity: 0;
    transition: all 0.4s ease;
}

.hh-vertical-menu.active .hh-contact-section {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.55s;
}

/* Social Media Footer */
.hh-menu-footer {
    border-top: 1px solid #e0e0e0;
    padding: 20px;
    margin-top: auto;
    /* Footer Animation */
    transform: translateX(-100%);
    opacity: 0;
    transition: all 0.4s ease;
}

.hh-vertical-menu.active .hh-menu-footer {
    transform: translateX(0);
    opacity: 1;
    transition-delay: 0.6s;
}

.hh-social-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.hh-social-links a {
    color: #000;;
    text-decoration: none;
    font-weight: 300;
    font-size: 0.9rem;
    transition: opacity 0.3s ease;
    flex: 1;
    text-align: center;
}

.hh-social-links a:hover {
    opacity: 0.7;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ce40233 */.header-search-container {
    position: relative;
    height: 40px;
    width: 100%;
    max-width: 300px;
}

.header-search-field {
    width: 100%;
    height: 100%;
    padding-right: 70px;
    border: 1px solid #DFDFDF;
    border-radius: 50px;
    font-size: 14px;
    padding: 8px 15px;
    box-sizing: border-box;
    font-family: Inter;
    color: #000;;
    background-color: white;
}

.header-search-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3px;
    width: 60px;
    height: 34px;
    border: none;
    border-radius: 50px;
    background-color: #DFDFDF;
    color: #000;;
    font-size: 14px;
    cursor: pointer;
    font-family: Inter;
}

.header-search-button:hover {
    background-color: #d0d0d0;
}/* End custom CSS */
/* Start custom CSS for search, class: .elementor-element-9085dcb */.suche {
    opacity: 0; /* Unsichtbar */
    transform: translateY(20px); /* Leicht nach unten verschoben */
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.suche.elementor-sticky--effects {
    opacity: 1; /* Sichtbar */
    transform: translateY(0); /* Zurück zur Ausgangsposition */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-668e5e7 */.elementor-20 .elementor-element.elementor-element-668e5e7.elementor-sticky--effects {
    transition: box-shadow 0.3s ease-in-out;
	box-shadow: 11px 4px 14.4px 0px rgba(0, 0, 0, 0.06);
}/* End custom CSS */
		/* */
		.main-menu-fixed-top > div{
			display: flex;
			gap: 30px;
			align-items: center;
			height: 80px;
			padding-left: 30px;
			padding-right: 30px;
		}
		.main-fixed-top-logo img{
			width: 200px;
		}
		.main-fixed-top-kontakt{
			    margin-left: auto;
    background-color: #000; !important;
    color: #FFF !important;
    width: 185px;
    border-radius: 55px;
    height: 46px;
    display: flex
;
    justify-content: center;
    align-items: center;
    text-decoration: none;
		}
		.main-fixed-top-immo{
			display: none;
		}
		@media all and (max-width: 1024px){
			.main-fixed-top-kontakt{
				display: none;
			}
			.main-fixed-top-immo{
				display: block;
			}
			.main-menu-fixed-top > div{
				flex-direction: row-reverse;
				justify-content: center;
			}
			.main-menu-fixed-top > div{
				padding-left: 15px;
				padding-right: 15px;
				height: 60px;
			}
				.main-fixed-top-logo img{
			width: 170px;
		}
			.offplan-box{
				display: none;
			}
			.adress-field-container{
				height: 43px;
			}
		}
		.immobilientyp-desktop .show-content-input-title{
			padding-bottom: 10px;
		}
		#immobilientyp.active-submenu > div{
			position: relative;
			padding-bottom: 0;
		}
		#immobilientyp.active-submenu > div:after{
			    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%) !important;
    height: 40px;
			content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: all 1s ease-in-out;
}
		#immobilientyp.active-submenu .property-types-select{
			padding-bottom: 30px;
		}
		.property-type-select-mobile{
			margin-top: 0 !important;
			margin-bottom: 10px !important;
			height: 33px;
		}
		#ausstattung.active-submenu > div:after {
			background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%) !important;
			height: 40px;
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			transition: all 1s ease-in-out;
		}
		.hh-contact-section button{
    background-color: #000; !important;
    color: #FFF !important;
    width: 100%;
    border-radius: 55px;
			border: 0;
			outline: 0;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
			cursor: pointer;
		}
		.price-tabs, .price-tabs-mobile {
    display: flex;
			gap: 10px;
    justify-content: space-between;
    border-radius: 50px;
    background: rgb(245, 245, 245);
    width: 312px;
    padding: 10px;
    font-size: 1rem;
    width: 100%;
}
.price-tabs-mobile{
	margin-bottom: 20px;
}
		.price-tabs button, .price-tabs-mobile button {
			flex: 1;
    background: none;
    border: none;
    cursor: pointer;
    font-weight: 400;
    color: #000;
    padding-left: 15px;
    padding-right: 15px;
    height: 42px;
    line-height: 42px;
    border-radius: 50px;
    text-wrap: nowrap;
}
		.price-tabs button.active, .price-tabs button:hover, .price-tabs-mobile button.active, .price-tabs-mobile button:hover {
    background: #000;;
    color: #fff;
}
#property-type-text-mobile, .price-tabs-mobile{
	display: none;
}
@media all and (max-width: 1024px){
	.price-tabs-mobile{
		display: flex;
	}
}
.properties.no-properties {
	min-width: 100vw !important;
	display: block !important;
}
.map.no-properties {
	display: none !important;
}
@media all and (min-width: 2200px){
	.adress-field-container, .text-search-field-container{
		flex: 1;
	}
	.adress-field-container > input, .text-search-field-container > input{
		min-width: 100%;
	}
}
#text-search, #adress-field{
	outline: none !important;
}
.offplan-filter-mobile {
	display: none;
	margin-bottom: 15px;
}
#offplan-mobile{
	outline: none !important;
}
#offplan-mobile{
		height: 43px !important;
        border: 1px solid #d5d5d5 !important;
        font-size: 16px !important;
        position: relative !important;
        border-radius: 30px !important;
        width: 100% !important;
        padding-left: 15px !important;
        color: #000 !important;
        line-height: 43px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        float: left !important;
        padding-right: 30px !important;
        min-width: 100% !important;
        transition: border-color 0.5s ease !important;
    }
@media all and (max-width: 1024px){
	.offplan-filter-mobile {
		display: block;
		float: left;
		width: 100%;
	}
	#offplan-mobile{
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #FFF;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position: top 50% right 5px !important;
        padding-right: 20px !important;
}
}