body{
    --dark-green: #2A493B;
    --light-green: #76B82A;
} 

.elementor-lightbox .swiper .elementor-swiper-button{
    position: absolute;
    display: inline-flex;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    cursor:pointer;
}

.elementor-lightbox .swiper .elementor-swiper-button .e-font-icon-svg{
    width:25px;
}

.elementor-slideshow__footer{
    opacity: 0;
}

/* IMMOLISTE */
#immo-list{
    display:flex;
    flex-direction: column;
}

#immo-list .immo-item{
    width:100%;
}

#immo-list .immo-item .wrapper{
    display:flex;
    justify-content: space-between;
    gap: clamp(20px, 4%, 60px);
    align-items: center;
    border:1px solid #0000001a;
    padding:clamp(20px, 2.08vw, 40px);
    border-radius: clamp(20px, 1.6vw, 30px);
    margin-bottom:10px;
    background-color: #fff;
}

#immo-list .immo-item .wrapper .image-con{
    width:24%;
    max-height: 250px;
}

#immo-list .immo-item .wrapper .image-con .immo-image{
    border-radius: clamp(20px, 1.6vw, 30px);
    max-height: 250px;
}

#immo-list .immo-item .wrapper .info-con{
    flex-grow:1;
}

#immo-list .immo-item .wrapper .button-con{
    display: flex;
    align-self:end;
}

#immo-list .immo-item .wrapper p{
    margin:0;
}

#immo-list .immo-item .wrapper :is(.title, .number){
    font-size:var(--e-global-typography-2da4099-font-size);
    font-weight:var(--e-global-typography-2da4099-font-weight);
    line-height:var(--e-global-typography-2da4099-line-height);
    color:#000;
}

#immo-list .immo-item .wrapper :is(.place, .description){
    font-size:var(--e-global-typography-ecbb3e5-font-size);
    font-weight:var(--e-global-typography-ecbb3e5-font-weight);
    line-height:var(--e-global-typography-ecbb3e5-line-height);
    color:#747474;
}

#immo-list .immo-item .wrapper .data-con{
    display: flex;
    justify-content: space-between;
}

#immo-list .immo-item .wrapper .data-first{
    width:clamp(calc(50% - 30px), calc(50% - 1.6vw), calc(50% - 15px));
}

#immo-list .immo-item .wrapper .data-second{
    display: flex;
    gap:10px;
    width:clamp(calc(50% - 30px), calc(50% - 1.6vw), calc(50% - 15px));
    flex-wrap:wrap;
}

#immo-list .immo-item .wrapper .data-second .add-info{
    font-size:var(--e-global-typography-ecbb3e5-font-size);
    font-weight:var(--e-global-typography-ecbb3e5-font-weight);
    line-height:var(--e-global-typography-ecbb3e5-line-height);
    color:var(--dark-green);
    background-color:var(--light-green);
    border-radius:50px;
    height:fit-content;
    padding:10px 15px;
}

#immo-list .immo-item .wrapper .data-con .city{
    display: flex;
    align-items: center;
    gap: 12px;
}

#immo-list .immo-item .wrapper .data-con .city svg{
    width:13px;
}

#immo-list .immo-item .wrapper .data-con .three-infos{
    display: flex;
    justify-content: space-between;
    gap:30px;
}

@media(max-width:767px){
	#immo-list .immo-item .wrapper .info-con{
		width:100%;
	}
	#immo-list .immo-item .wrapper .data-con{
		flex-direction:column;
		gap:30px;
	}
	#immo-list .immo-item .wrapper :is(.data-first, .data-second){
		width:100%;
	}
	#immo-list .immo-item .wrapper .data-con .three-infos{
		justify-content: left;
	}
	#immo-list .immo-item .wrapper .image-con{
		width:100%;
	}
}

#immo-list .link, #immo-item .link{
    padding: clamp(8px, 0.53vw, 10px) clamp(20px, 1.6vw, 30px);
    background-color:var(--dark-green);
    border:1px solid var(--dark-green); 
    border-radius: 50px;
    color:#fff;
    transition:.3s;
    font-size: var(--e-global-typography-f6867e5-font-size);
    font-weight: var(--e-global-typography-f6867e5-font-weight);
    line-height: var(--e-global-typography-f6867e5-line-height);
}

#immo-list .link:hover, #immo-item .link:hover{
    color:var(--dark-green);
    background-color:#fff;
}

@media(max-width:1024px){
    #immo-list .immo-item .wrapper{
        flex-direction: column;
        align-items: start;
    }
}

/*IMMODETAIL*/
#immo-item{
    display:flex;
    justify-content: space-between;
}

#immo-item .main-content{
    width:calc(200%/3 - 20px/3);
}

#immo-item .contact{
    width:calc(100%/3 - 40px/3);
}

#immo-item .image-slider{
    border-radius: clamp(20px, 1.6vw, 30px);
    position:relative;
    overflow: hidden;
    margin-bottom:30px;
}

#immo-item .image-slider .custom-lightbox{
    width:100%;
    display:none;
}

#immo-item .image-slider .custom-lightbox.active{
    display:flex;
}

#immo-item .image-slider img{
    width:100%;
    height:30.42vw;
    object-position: center center;
    object-fit: cover;
}

#immo-item .image-slider .prev{
    position:absolute;
    top:50%;
    left:20px;
    transform: translate(0px, -50%);
    cursor: pointer;
}

#immo-item .image-slider .next{
    position:absolute;
    top:50%;
    right:20px;
    transform: translate(0px, -50%);
    cursor: pointer;
}

#immo-item .image-slider .counter{
    position:absolute;
    bottom:20px;
    left:20px;
    font-size:var(--e-global-typography-ecbb3e5-font-size);
    font-weight:var(--e-global-typography-ecbb3e5-font-weight);
    line-height:var(--e-global-typography-ecbb3e5-line-height);
    color:var(--dark-green);
    background-color:#fff;
    border-radius:50px;
    padding:10px 15px;
}

#immo-item .content-con{
    border-radius: clamp(20px, 1.6vw, 30px);
    border:1px solid #0000001a;
    padding: 30px clamp(20px, 4.17vw, 80px) clamp(30px, 3.13vw, 60px);
    background-color: #fff;
}

#immo-item h1{
    font-size: var(--e-global-typography-795722c-font-size);
    font-weight: var(--e-global-typography-795722c-font-weight);
    line-height: var(--e-global-typography-795722c-line-height);
    margin:0 0 10px;
}

#immo-item .place-con{
    display:flex;
    align-items:center;
    gap:12px;
}

#immo-item .place-con .place, #immo-item .top-infos .description{
    font-size: var(--e-global-typography-ecbb3e5-font-size);
    font-weight: var(--e-global-typography-ecbb3e5-font-weight);
    line-height: var(--e-global-typography-ecbb3e5-line-height);
    color: #747474;
}

#immo-item .top-infos .number{
    font-size: var(--e-global-typography-9dbc1ec-font-size);
    font-weight: var(--e-global-typography-9dbc1ec-font-weight);
    line-height: var(--e-global-typography-9dbc1ec-line-height);
}

#immo-item .top-infos .price .number{
    color:var(--light-green);
}

#immo-item .content-con .section-con{
    display:flex;
    gap: 20px;
}

#immo-item .content-con .section-con .inner-con{
    width:calc(50% - 10px);
}

#immo-item .content-con .row{
    display:flex;
    gap:10px;
}

#immo-item .content-con .row .fact-description p{
    color:#747474;
}

#immo-item .content-con .section-con .inner-con .row > div{
    width:calc(50% - 5px);
}

#immo-item .place-con svg{
    width:13px;
}

#immo-item .content-con .divider{
    margin: clamp(20px, 1.6vw, 30px) 0;
    height:1px;
    background-color:#0000001a;
}

#immo-item .content-con .top-infos{
    display:flex;
    flex-wrap: wrap;
    gap:clamp(20px, 2.08vw, 40px);
}

#immo-item .content-con h2{
    margin:0 0 5px;
    font-size: var(--e-global-typography-56ea884-font-size);
    font-weight: var(--e-global-typography-56ea884-font-weight);
    line-height: var(--e-global-typography-56ea884-line-height);
}

#immo-item .content-con p{
    margin:0;
    color:#000;
    font-size: var(--e-global-typography-d766bbb-font-size);
    font-weight: var(--e-global-typography-d766bbb-font-weight);
    line-height: var(--e-global-typography-d766bbb-line-height);
}

#immo-item .contact-content{
    display:flex; 
    gap:20px;
}

#immo-item .contact-content .column-50{
    width:calc(50% - 10px);
    display:flex;
    align-items: center;
    gap:clamp(20px, 1.6vw, 30px);
}

#immo-item .contact-content p{
    font-size: var(--e-global-typography-ecbb3e5-font-size);
    font-weight: var(--e-global-typography-ecbb3e5-font-weight);
    line-height: var(--e-global-typography-ecbb3e5-line-height);
    color: #747474;
}

#immo-item .contact-content p a{ 
    color: var(--light-green);
}

#immo-item .contact-content .vertical-divider{
    width:1px;
    background-color:#0000001a;
}

#immo-item .contact-content .column-50 .vertical-divider{
    height:100%;
}

#immo-item .contact-content .firmenlogo{
    width:120px;
    height: fit-content;
}

#immo-item .contact-content .personenbild{
    width:75px;
    height: fit-content;
}

@media(max-width:1024px){
	#immo-item{
		flex-direction:column;
	}
	#immo-item .main-content{
		width:100%;
	}
	#immo-item .contact{
		display:none;
	}
	#immo-item .image-slider img{
		height:45.63vw;
	}
}
@media(max-width:767px){
	#immo-item .image-slider :is(.prev svg, .next svg){
		width:35px;
		height:35px;
	}
	#immo-item .content-con .section-con, #immo-item .contact-content{
		flex-direction:column;
	}
	#immo-item .content-con .section-con .inner-con, #immo-item .contact-content .column-50{
		width:100%;
	}
}

#immo-item .content-con .section-con-2 p{
	overflow-wrap: break-word;
}


.custom-breadcrumb{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font-size: var(--e-global-typography-f6867e5-font-size);
    font-weight: var(--e-global-typography-f6867e5-font-weight);
    line-height: var(--e-global-typography-f6867e5-line-height);
}

.custom-breadcrumb a{
    color:#747474;
}

.custom-breadcrumb span{
    color:#000;
}

.custom-breadcrumb svg{
    height:9px;
    width:9px;
}

/* FILTER */
#filter-con .field-search{
    display:flex;
    gap:clamp(12px, 1.5vw, 20px);
    align-items: center;
    justify-content: space-between;
}

#filter-con .field-search > *{
    width:50%;
}

#filter-con .js-region{
    display: flex;
    align-items: center;  
    gap:2vw;
}

#filter-con select{
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background-image: url(/wp-content/uploads/2024/07/angle-down-white.svg);
    background-repeat: no-repeat;
    background-position: right 30px center;
    background-size: 9px;
}

#filter-con :is(select, .textfield){
    padding: clamp(8px, .8vw, 10px) clamp(12px, 1.5vw, 20px);
    background-color: #0000001a;
    border-radius: 5px;
    border: none;
}

#filter-con :is(select, input, label){
    color: #fff;
    font-size: var(--e-global-typography-d766bbb-font-size);
    font-weight: var(--e-global-typography-d766bbb-font-weight);
    line-height: var(--e-global-typography-d766bbb-line-height);
}

#filter-con :is(select, input[type="checkbox"], label){
    cursor: pointer;
}

#filter-con .textfield::placeholder {
    color: #fff;
    opacity: 1; /* Firefox */
}

#filter-con .textfield::-ms-input-placeholder { /* Edge 12-18 */
    color: #fff;
}

#filter-con input[type="checkbox"] {
    width: var(--form-checkbox-size);
    height: var(--form-checkbox-size);
    margin:0;
    padding: 0;
    appearance: none;
}

#filter-con input[type="checkbox"]::before{
    content: "";
    width: 19px;
    height: 19px;
    margin-right: 15px;
    display: block;
    background: #0000001a;
    border: 0px solid var(--e-global-color-3e523e1);
    border-radius: 5px;
}

#filter-con input[type="checkbox"]:checked::before {
    filter: brightness(0) invert(1);
}

#filter-con input[type="checkbox"]:checked::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAAAoklEQVRoge3XQQrCMBBA0X8Ji97/IC7cta7swuPoIgRKFTFRmAn8t2/5E0LSgiRJkvRHE3AFLtEhPSZgBR7AEtzS7ADcKPF34Bib08b4KMZHMT6K8VHC48/ATLnqW20/D9bOd/xs7gxIEQ+vW+DU8Uz4nm8ZIl189c0QaeOrT0Okj6/eDTFMfLU/YVKcNq22qz7Myu9NlP/XhYFWXpIkSQk8ASIVUgG0/j0XAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#filter-con .js-region > div{
    display: flex;
    align-items: center;
}

@media(max-width:767px){
    #filter-con .field-search{
        flex-direction: column;
    }

    #filter-con .field-search > *{
        width:100%;
    }

    #filter-con .js-region{
        flex-direction: column;
        align-items: start;
    }
}

/* Pagination */
#pagination-controls-immo{
    display:flex;
    gap:10px;
    justify-content: end;
    margin-top:clamp(20px, 2.08vw, 40px);
}

#pagination-controls-immo button{
    padding:0;
    height: 35px;
    width: 35px;
    color: var(--e-global-color-f692171);
    background-color: var(--dark-green);
    border-color: var(--dark-green);
}

#pagination-controls-immo button.active{
    color: var(--dark-green);
    background-color: var(--e-global-color-3e523e1);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
}

#filtered-count-immo{
    margin-bottom:clamp(10px, 1.04vw, 20px);
}