.mod_houseslist{position:relative;padding-block:clamp(4.5rem,3.1047rem + 4.6512vw,7.5rem);margin-top:-2.5rem;border-radius:40px 40px 0 0;background-color:#fcfbf6}.mod_houseslist .inside{width:clamp(87.75rem,22.4656rem + 69.084vw,133rem);max-width:93vw;margin-inline:auto}.mod_houseslist .filter-bar{display:flex;align-items:start;gap:16px;padding-bottom:clamp(3rem,2.5349rem + 1.5504vw,4rem);margin-bottom:clamp(3rem,2.5349rem + 1.5504vw,4rem);border-bottom:1px solid #d1cbc2}@media only screen and (max-width: 719.98px){.mod_houseslist .filter-bar{flex-direction:column}}.mod_houseslist .filter-toggle{font-family:"Inter",sans-serif;font-size:clamp(0.875rem,0.8459rem + 0.0969vw,0.9375rem);font-weight:500;line-height:1.2;letter-spacing:1%;display:inline-flex;justify-content:center;align-items:center;gap:1.125rem;padding:1.1875rem 1.625rem;color:#fcfbf6;text-align:center;border:none;text-decoration:none;border-radius:8px;background-color:#69628c;cursor:pointer;transition:all .4s ease;gap:.875rem;min-width:7.5rem;padding:.75rem 1.25rem}.mod_houseslist .filter-toggle:after{display:inline-block;width:.875rem;height:.8125rem;flex-shrink:0;background:url(/bundles/okal/icons/icon-arrow-right.svg) center/100% auto no-repeat}.mod_houseslist .filter-toggle:hover{background-color:#5a5578}.mod_houseslist .filter-toggle svg{flex-shrink:0;width:1rem;height:auto}.mod_houseslist .filter-controls{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.mod_houseslist .filter-tag{font-family:"Inter",sans-serif;font-size:clamp(0.875rem,0.8459rem + 0.0969vw,0.9375rem);font-weight:500;line-height:1.2;letter-spacing:1%;display:inline-flex;justify-content:center;align-items:center;gap:.875rem;padding:.6875rem 1.1875rem;color:#756960;border:1px solid #d1cbc2;border-radius:8px;background-color:rgba(0,0,0,0);cursor:pointer;transition:all .4s ease}.mod_houseslist .filter-tag:hover{color:#fcfbf6;border-color:#44405a;background-color:#69628c}.mod_houseslist .filter-tag-remove{position:relative;display:inline-flex;width:1rem;height:1rem}.mod_houseslist .filter-tag-remove svg{flex-shrink:0;position:absolute;top:50%;left:50%;width:1.5rem;height:auto;transform:translate(-50%, -50%)}.mod_houseslist .search-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mod_houseslist .search{flex-shrink:0;position:relative;width:100%;max-width:26.25rem}@media only screen and (max-width: 719.98px){.mod_houseslist .search{order:-1;max-width:100%}}.mod_houseslist .search-input{font-family:"Inter",sans-serif;font-size:clamp(0.875rem,0.8459rem + 0.0969vw,0.9375rem);font-weight:500;line-height:1.2;letter-spacing:1%;width:100%;padding:16px 16px 16px clamp(1.25rem,1.1337rem + 0.3876vw,1.5rem);border:1px solid #d1cbc2;border-radius:8px;background-color:#fcfbf6}.mod_houseslist .search-input:focus{outline:none;border-color:#69628c}.mod_houseslist .search-input::placeholder{color:#b3aba1}.mod_houseslist .search-input::-webkit-search-cancel-button{display:none}.mod_houseslist .search-icon{position:absolute;top:50%;right:16px;display:flex;align-items:center;color:#69628c;transform:translateY(-50%);pointer-events:none}.mod_houseslist .grid-empty{font-size:clamp(1rem,0.9419rem + 0.1938vw,1.125rem);text-align:center;padding:clamp(3rem,2.5349rem + 1.5504vw,4rem) 0;color:#948a81}.mod_houseslist .grid-empty[hidden]{display:none}.mod_houseslist .grid-empty-reset{font-family:"Inter",sans-serif;font-size:clamp(0.875rem,0.8459rem + 0.0969vw,0.9375rem);font-weight:500;line-height:1.2;letter-spacing:1%;background:none;border:none;cursor:pointer;color:#69628c;text-decoration:underline;padding:0}.mod_houseslist .grid-empty-reset:hover{color:#5a5578}.mod_houseslist .grid-empty-reset:focus-visible{outline:2px solid #69628c;outline-offset:2px}.mod_houseslist.is-js-ready .card{opacity:0;transform:translateY(48px);transition:opacity .5s ease,transform .55s cubic-bezier(0.22, 1, 0.36, 1)}.mod_houseslist.is-js-ready .card.is-visible{opacity:1;transform:none}.mod_houseslist .grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media only screen and (min-width: 580px){.mod_houseslist .grid{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 1080px){.mod_houseslist .grid{grid-template-columns:repeat(3, 1fr)}}@media only screen and (min-width: 1920px){.mod_houseslist .grid{grid-template-columns:repeat(4, 1fr)}}.mod_houseslist .card{position:relative;border-radius:20px;overflow:hidden;background-color:#fcfbf6}.mod_houseslist .card.is-hidden{display:none}.mod_houseslist .card:has(.card-link:focus-visible){outline:2px solid #69628c;outline-offset:3px}.mod_houseslist .card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.mod_houseslist .card-link:focus-visible{outline:none}.mod_houseslist .card-link:hover .card-media img{transform:scale(1.08)}.mod_houseslist .card-media{position:relative;overflow:hidden;aspect-ratio:16/9;background-color:#d1cbc2}.mod_houseslist .card-media figure,.mod_houseslist .card-media .image_container{margin:0;height:100%}.mod_houseslist .card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.mod_houseslist .card-favorite{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:rgba(252,251,246,.5);backdrop-filter:blur(7.5px);border:none;cursor:pointer;color:#36332c;transition:background-color .2s ease;z-index:2}.mod_houseslist .card-favorite:hover{background-color:#f0ece2}.mod_houseslist .card-favorite svg{display:block;width:1rem;height:1rem}.mod_houseslist .card-favorite .icon-active{display:none}.mod_houseslist .card-favorite.is-active{background-color:#f0ece2;color:#69628c}.mod_houseslist .card-favorite.is-active .icon-default{display:none}.mod_houseslist .card-favorite.is-active .icon-active{display:block}.mod_houseslist .card-favorite.is-active:hover{background-color:#fcfbf6}.mod_houseslist .card-body{display:flex;flex-direction:column;gap:16px;flex:1;padding:16px}.mod_houseslist .card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.mod_houseslist .card-category{font-size:clamp(0.75rem,0.6919rem + 0.1938vw,0.875rem);font-weight:500;line-height:1.2;letter-spacing:5%;text-transform:uppercase;color:#787547;color:#787547}.mod_houseslist .card-area{font-size:clamp(0.75rem,0.6919rem + 0.1938vw,0.875rem);font-weight:500;line-height:1.2;letter-spacing:5%;text-transform:uppercase;color:#787547;display:flex;align-items:center;gap:16px;color:#756960;white-space:nowrap;margin-left:auto;text-transform:initial}.mod_houseslist .card-area svg{display:block;flex-shrink:0;width:1rem;height:1rem;color:#948a81}.mod_houseslist .card-area svg path{fill:currentColor}.mod_houseslist .card-title{font-size:clamp(1.625rem,1.4506rem + 0.5814vw,2rem);line-height:1.07;color:#36332c;margin:2px 0 0}.mod_houseslist .card-title em,.mod_houseslist .card-title i{letter-spacing:1%}.mod_houseslist .card-badges{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:8px}.mod_houseslist .card-badge{font-size:clamp(1rem,0.9419rem + 0.1938vw,1.125rem);font-size:clamp(0.75rem,0.6919rem + 0.1938vw,0.875rem);line-height:1.4;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px}.mod_houseslist .card-badge-aktion{background-color:#fff68f;color:#36332c}.mod_houseslist .card-badge-kfn{background-color:#f0ece2;color:#36332c}.mod_houseslist .card-badge-musterhaus{background-color:#f1ddff;color:#36332c}.mod_houseslist .card-badge-icon{display:flex;align-items:center;flex-shrink:0}.mod_houseslist .card-badge-icon svg{display:block;width:1rem;height:1rem}.mod_houseslist .card-badge-icon svg path{fill:currentColor}.mod_houseslist .empty{font-size:clamp(1rem,0.9419rem + 0.1938vw,1.125rem);text-align:center;padding:clamp(4.5rem,3.1047rem + 4.6512vw,7.5rem) 0;color:#948a81}@media(prefers-reduced-motion: reduce){.mod_houseslist.is-js-ready .card{opacity:1 !important;transform:none !important;transition:none !important}}.filter-panel{position:fixed;inset:0;z-index:1000;pointer-events:none}.filter-panel::before{content:"";position:absolute;inset:0;background-color:rgba(54,51,44,.35);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.filter-panel.is-open{pointer-events:auto}.filter-panel.is-open::before{opacity:1}.filter-dialog{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;width:min(720px,100vw);padding:clamp(1.5rem,1.2674rem + 0.7752vw,2rem) clamp(3rem,2.5349rem + 1.5504vw,4rem);background-color:#fcfbf6;border-radius:40px 0 0 40px;transform:translateX(100%);transition:transform .35s cubic-bezier(0.4, 0, 0.2, 1)}@media only screen and (max-width: 719.98px){.filter-dialog{padding:clamp(1.5rem,1.2674rem + 0.7752vw,2rem);border-radius:0}}@media(prefers-reduced-motion: reduce){.filter-dialog{transition:none}}.filter-panel.is-open .filter-dialog{transform:translateX(0)}.filter-close{align-self:flex-end;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;color:#756960;background-color:rgba(0,0,0,0);transition:color .15s ease,transform .4s ease;cursor:pointer}.filter-close:hover{color:#69628c;transform:rotate(180deg)}.filter-close svg{width:100%;height:auto}.filter-dialog-body{padding-inline:5px;margin-block:clamp(1.5rem,1.2674rem + 0.7752vw,2rem);overflow-y:auto}.filter-section{padding-bottom:clamp(1.5rem,1.2674rem + 0.7752vw,2rem);margin-bottom:clamp(1.5rem,1.2674rem + 0.7752vw,2rem);border-bottom:1px solid #d1cbc2}.filter-section:last-child{margin:0}.filter-section-headline{font-size:clamp(1.3125rem,1.2253rem + 0.2907vw,1.5rem);line-height:1.3;color:#36332c;margin-bottom:clamp(1.25rem,1.1337rem + 0.3876vw,1.5rem)}.filter-section-headline em,.filter-section-headline i{letter-spacing:1%}.pills{display:flex;flex-wrap:wrap;gap:.5rem}.pill{font-family:"Inter",sans-serif;font-size:clamp(0.875rem,0.8459rem + 0.0969vw,0.9375rem);font-weight:500;line-height:1.2;letter-spacing:1%;display:inline-flex;justify-content:center;align-items:center;gap:.875rem;padding:.6875rem 1.1875rem;color:#756960;border:1px solid #d1cbc2;border-radius:8px;background-color:rgba(0,0,0,0);cursor:pointer;transition:all .4s ease;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.pill:hover{color:#fcfbf6;border-color:#44405a;background-color:#69628c}.pill.is-active,.pill[aria-pressed=true]{background-color:#69628c;border-color:#69628c;color:#fcfbf6}.range-display{font-size:clamp(1rem,0.9419rem + 0.1938vw,1.125rem);font-size:clamp(0.875rem,0.8169rem + 0.1938vw,1rem);color:#756960;margin-bottom:16px}.range{position:relative;height:2.5rem;display:flex;align-items:center;max-width:23.75rem}.range-track{position:relative;width:100%;height:4px;background-color:#d1cbc2;border-radius:2px}.range-fill{position:absolute;top:0;bottom:0;background-color:#69628c;border-radius:2px}.range-lower,.range-upper{position:absolute;left:0;width:100%;height:3px;margin:0;background:rgba(0,0,0,0);border:none;outline:none;cursor:pointer;pointer-events:none;-webkit-appearance:none;appearance:none}.range-lower::-webkit-slider-thumb,.range-upper::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:all;width:2.5rem;height:2.5rem;border:none;border-radius:8px;background-color:#69628c;background-repeat:no-repeat;background-position:center;background-size:1rem 1rem;cursor:grab;transition:background-color .15s ease}.range-lower::-webkit-slider-thumb:active,.range-upper::-webkit-slider-thumb:active{cursor:grabbing;background-color:#5a5578}.range-lower::-moz-range-thumb,.range-upper::-moz-range-thumb{pointer-events:all;width:2.5rem;height:2.5rem;border:none;border-radius:8px;background-color:#69628c;background-repeat:no-repeat;background-position:center;background-size:1rem 1rem;cursor:grab}.range-lower:focus-visible::-webkit-slider-thumb,.range-upper:focus-visible::-webkit-slider-thumb{outline:2px solid #69628c;outline-offset:3px}.range-lower:focus-visible::-moz-range-thumb,.range-upper:focus-visible::-moz-range-thumb{outline:2px solid #69628c;outline-offset:3px}.range-lower{z-index:3}.range-lower::-webkit-slider-thumb{background-image:url("../../bundles/okal/icons/icon-chevron-right.svg")}.range-lower::-moz-range-thumb{background-image:url("../../bundles/okal/icons/icon-chevron-right.svg")}.range-upper{z-index:4}.range-upper::-webkit-slider-thumb{background-image:url("../../bundles/okal/icons/icon-chevron-left.svg")}.range-upper::-moz-range-thumb{background-image:url("../../bundles/okal/icons/icon-chevron-left.svg")}.roofs{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px}@media only screen and (max-width: 413.98px){.roofs{grid-template-columns:repeat(2, 1fr)}}.roof{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:clamp(1.25rem,1.1337rem + 0.3876vw,1.5rem);border-radius:8px;background-color:#fcfbf6;border:1px solid #d1cbc2;transition:background-color .15s ease,border-color .15s ease;cursor:pointer}.roof:hover{background-color:#f0ece2;border-color:#756960}.roof.is-active,.roof[aria-pressed=true]{background-color:#f0ece2;border-color:#756960}.roof-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem}.roof-icon svg{display:block;width:100%;height:auto}.roof-label{font-size:clamp(1rem,0.9419rem + 0.1938vw,1.125rem);letter-spacing:-2%;font-weight:600;line-height:1.2;font-size:clamp(0.75rem,0.6919rem + 0.1938vw,0.875rem);letter-spacing:normal;font-weight:600;color:#756960}.filter-footer{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.filter-apply{font-family:"Inter",sans-serif;font-size:clamp(0.875rem,0.8459rem + 0.0969vw,0.9375rem);font-weight:500;line-height:1.2;letter-spacing:1%;display:inline-flex;justify-content:center;align-items:center;gap:1.125rem;padding:1.1875rem 1.625rem;color:#fcfbf6;text-align:center;border:none;text-decoration:none;border-radius:8px;background-color:#69628c;cursor:pointer;transition:all .4s ease}.filter-apply:after{display:inline-block;width:.875rem;height:.8125rem;flex-shrink:0;background:url(/bundles/okal/icons/icon-arrow-right.svg) center/100% auto no-repeat}.filter-apply:hover{background-color:#5a5578}.filter-reset{font-family:"Inter",sans-serif;font-size:clamp(0.875rem,0.8459rem + 0.0969vw,0.9375rem);font-weight:500;line-height:1.2;letter-spacing:1%;display:inline-flex;justify-content:center;align-items:center;gap:1.125rem;padding:1.1875rem 1.625rem;color:#fcfbf6;text-align:center;border:none;text-decoration:none;border-radius:8px;background-color:#69628c;cursor:pointer;transition:all .4s ease;color:#5a5578;background-color:rgba(0,0,0,0)}.filter-reset:after{display:inline-block;width:.875rem;height:.8125rem;flex-shrink:0;background:url(/bundles/okal/icons/icon-arrow-right.svg) center/100% auto no-repeat}.filter-reset:hover{background-color:#5a5578}.filter-reset:hover{color:#fcfbf6;background-color:#5a5578}.filter-reset svg{width:1rem;height:auto}