/* 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('https://haushirsch-mallorca.com/wp-content/uploads/inter-v13-latin-600.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}



@font-face {
  font-family: 'Inter';
  src: url('https://haushirsch-mallorca.com/wp-content/uploads/inter-v13-latin-500.woff2') format('woff2');
  font-weight: 500; /* Adjust the weight accordingly */
  font-style: normal;
}


@font-face {
  font-family: 'Inter';
  src: url('https://haushirsch-mallorca.com/wp-content/uploads/inter-v13-latin-regular.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: #FF7043;
		--main-text-color: #0C0B0A;
		--main-green-text-color: #154618;
		--main-red-color: #D9534F;
		--main-border-color: #EAE0D7;
		--main-border-color-2: #E0E5F2;
		--main-text-color-2: #1F5866;
		--main-input-text-color: #73767D;
	}

/* End of Variables Section */
body, body *{
	font-size: var(--font-size);
	font-family: Inter, 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: 170px; 
    height: 41.14px;
    background-image: url('../img/logo-m.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: 25px;
}
.navbar-submenu-left ul li a{
	font-weight: 400;
	color: #1F5866;
	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 #1F5866;
    background: #1F5866;
    border-radius: 25px;
    font-weight: 500;
    text-decoration: none;
    font-size: 14px;
	margin-right: 12px;
    margin-left: auto;
}
.flextitle span{
	margin-right: 12px;
	font-size: 15px;
    word-break: break-word; /* Pierwsza preferencja: zapobieganie łamaniu słów */
}
.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 #1F5866;
	background: #1F5866;
	border-radius: 25px;
	font-weight: 500;
	text-decoration: none;
	font-size: 15px;
}
.filters{
	border-top: 1px solid var(--main-border-color);
	border-bottom: 1px solid var(--main-border-color);
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;
}
.filters > div{
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	height: 62px;
	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"], .filters > div > div.text-search-box > input[type="text"]{
	height: 39px;
	line-height: 39px;
	min-width: 250px;
	border-radius: 5px;
	padding: 0 10px;
	border: 1px solid #E0E5F2;
	margin-left: 15px;
	flex: 1;
	margin-right: 0 !important;
	outline: 0 !important;
}
.text-search-box{
	min-width: 250px;
	flex: 1;
}
.filters > div > div.text-search-box input[type="text"]{
	width: 100%;
	min-width: 100%;
	margin: 0;
	    box-sizing: border-box;
    height: 41px;
}
.filters > div > span.select2{
	margin-left: 15px;
	margin-right: 15px;
}
.select2-container--default .select2-selection--single{
	border: 1px solid #E0E5F2;
	border-radius: 5px;
	height: 39px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 39px;
	background-image: url(../img/arrow.svg);
    background-position: right 5px center;
	background-repeat: no-repeat;
}
.select2-selection__arrow{
	display: none;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
	background: var(--main-color);
	color: #000;
}
.select2-dropdown{
	border-color: #E0E5F2;
}
#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;
}
.filter-options > div > div:first-of-type{
	margin-left: 15px;
	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);
}
.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 - 144px);
	min-height: calc(100vh - 144px);
	display: flex;
	position: relative;
	overflow: hidden;
}
main .properties{
	width: 420px;
	min-width: 420px;
	box-sizing: border-box;
	height: 100%;
	 box-shadow: 11px 4px 14.399999618530273px 0px #0000001A;
	 z-index: 99999;
	 background: #FFF;
}
::-webkit-scrollbar{
	 width: 0px;
}
main .map{
	height: 100%;
	min-height: 100%;
	width: calc(100% - 400px);
	overflow: hidden;
}
main .map.visible-property-map{
	width: calc(100% - 840px);
	margin-left: auto;
}
@media all and (max-width: 1600px){
	main .map.visible-property-map{
	width: calc(100% - 810px);
	}
}
.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;
	color: #1F5866;
	padding-left: 20px;
	background-image: url('../img/pin.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;
}
.property-title{
	font-size: 18px;
	line-height: 22.5px;
	color: #1F5866;
	font-weight: 700;
	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: space-between;
	align-items: center;
}
.property-info-top{
	font-size: 18px;
    line-height: 22px;
    color: #1F5866;
    font-weight: 700;
}
.property-info-title{
	color: #73767D;
	font-size: 14px;
	margin-top: 10px;
}
.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;
}
#immobilientyp, #preis, #zimmer, #wohnflache, #weiterefilter {
        display: none;
        position: absolute;
        min-width: 190px;
        z-index: 1;
		padding-top: 24px;
}
#immobilientyp > div, #preis > div, #zimmer > div, #wohnflache > div, #weiterefilter > div{
	  background-color: #fff;
	  border-radius: 0 0 5px 5px;
	  font-size: 15px;
	  color: #071F24;
	  padding: 10px;
	  box-sizing: border-box;
	  box-shadow: 0px 27px 55px -10px #00000040;
}
#weiterefilter{
	margin-left: -55px;
}
#immobilientyp.active-submenu, #weiterefilter.active-submenu{
	display: block;
	z-index: 99999;
}
#preis.active-submenu, #zimmer.active-submenu, #wohnflache.active-submenu{
	display: flex;
	justify-content: space-between;
	z-index: 999;
	min-width: 202px;
}
#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{
	display: flex;
	justify-content: space-between;
}
#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{
	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 label{
	position: relative;
	height: 20px;
	display: flex;
	align-items: center;
	padding-left: 20px;
	margin-top: 10px;
}
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: #1F5866;
	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: #1F5866;
	min-width: 150px;
}
.property-extra-info-value{
	color: #666666;
	font-size: 15px;
}
.property-extra-info p{
	color: #1F5866;
	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;
	width: 15px;
	height: 15px;
	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{
	color: #1F5866;
	font-size: 13px;
	font-weight: 700;
	height: auto !important;
	line-height: 19px;
	border-radius: 5px;
	background: #FFF;
	color: #000;
	width: 95px !important;
	padding: 0;
	text-align: center;
}
.leaflet-marker-icon:not(.activebounce){
	margin-top: -9.5px !important;
}
.leaflet-marker-icon.marker-cluster{
	background: var(--main-color);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 37px !important;
	width: 37px !important;
	border-radius: 100%;
	color: #fff;
	font-size: 16px;
	line-height: 37px;
	text-align: center;
	outline: 9px solid rgba(255, 112, 67, 0.25);
	padding: 0;
}
@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: #1F5866;
	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;
}
.active-property-info .property-gallery, .property-gallery:hover{
	outline: 4px solid var(--main-color);
}
.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 #1F5866;
    background: #1F5866;
    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;
}
#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: #071F24;
    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: calc(100% - 61px);
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: none;
	padding: 5px 30px 30px 30px;
}
.weiterefilter-title{
	margin-bottom: 15px;
}
@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;
	}
	.filter-options > div{
		display: none;
	}
	.filter-options > div:last-of-type{
		display: block;
	}
	.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: 390px;
		min-width: 390px;
	}
	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: 390px;
	}
	.filter-options{
		margin-left: auto;
		margin-right: 0 !important;
	}
	main .map {
		width: calc(100% - 390px);
	}
	.weiterefilter-title{
		font-size: 15px;
		font-weight: 700;
		margin-bottom: 15px !important;
		margin-top: 15px !important;
	}
	.weiterefilter-immobilientyp label{
		font-size: 15px;
		line-height: 20px;
		padding-left: 25px;
		overflow: hidden;
	}
	.weiterefilter-immobilientyp .checkmark{
		width: 15px;
		height: 15px;.filter-options > div > div:first-of-type
	}
}
@media all and (max-width: 960px){
	#text-search-mobile{
		display: block !important;
	}
	.merkliste{
		display: none;
	}
	#text-search, .text-search-box{
		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 #1F5866 !important;
    background: #1F5866 !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;
	margin-bottom: 15px;
}
.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;
}
@media all and (max-width: 768px){
	.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;
		padding-right: 15px;
	}
	.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 #1F5866 !important;
		background: #1F5866 !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;
	}
	#weiterefilter.active-submenu{
		position: fixed;
		top: 124px;
		width: 100%;
		left: 0;
		z-index: 9999999;
		margin-left: 0;
		height: calc(100% - 124px);
		padding: 0;
	}
	#weiterefilter.active-submenu > div{
		width: 100%;
		max-width: 100%;
		height: 100%;
		overflow: scroll;
		max-height: 100%;
		padding-bottom: 70px;
	}
	.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:first-of-type{
		width: 20px;
		height: 20px;
		background-image: url('../img/filter-mallorca.svg'); 
		background-position: center;
		background-repeat: no-repeat;
		text-indent: -999px;
		overflow: hidden;
		padding-right: 0;
	}
	
	.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;
	}
}
	.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: 20px;
	}
	.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-info-title, .property-info > div, .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: 5px;
		padding-left: 20px;
	}
	.property-title span:before{
		left: calc(50% - 4px);
	}
	.property-info > div:first-of-type{
		display: block;
	}
	.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 

*/