#immo-form-filter input[type="radio"] {display: none}
.filter-label {font-weight:800,; color:var(--blue);font-size:18px;font-family: var(--headings-font-family)} .filter-button, .suchen-button {display: inline-block;padding: 5px 10px;border: 1px solid #ccc;border-radius: 4px;cursor: pointer}
#immo-form-filter  input[type="radio"]:checked +  .filter-button {background-color:var(--blue);color: white;}
.filter-button{font-size: 12px;background-color:var(--grey); color:#fff; white-space: nowrap}
.suchen-button {background-color:var(--blue);color:#fff;padding: 10px 20px;}
.suchen-button:hover {background-color:var(--grey);color:#000} .filteroptionen{display: flex;justify-content: space-between; flex-wrap: nowrap; flex-direction: row;margin-bottom:30px}
.filter-container{margin:5px}
.option-container{flex-wrap: wrap}
.filter-option{margin:2px}
.container-searchbtn {display: flex;justify-content: center;} .immobilien-post-count {text-align: right; font-weight:600} @media (max-width: 767px) {
.immobilien-post{flex-direction: column!important }
.immobilien-image, .immobilien-daten{width:100%!important}
}
@media (max-width: 980px) {.immobilien-post{padding: 0 4%}
.filteroptionen {flex-wrap: wrap; }}
.immobilien-image a {width:100%!important} .immobilien-post, .immobilien-details, .immobilien-daten,.option-container {display: flex;} .immobilien-post {margin-bottom: 40px; flex-direction: row; height:auto;flex-wrap: wrap;}
.immobilien-daten, .immobilien-image {height:300px} .immobilien-image {width: 40%;overflow: hidden;  display: flex;align-items: center;justify-content: center;}
.immobilien-image img {max-width:120%;min-width:100%;height:auto;object-fit:cover;transition: transform 1.5s ease-in-out;}
.immobilien-image:hover img {transform: scale(1.2);}
.immobilien-titel{display: flex; flex-direction: row; justify-content: space-between;}
.immobilien-titel span {margin-right:20px} .immobilien-daten {flex-direction: column;justify-content: flex-start;padding: 2% 0 2% 4%; width:60%; position: relative;}
.immobilien-post h2 {font-size:22px;color:var(--blue)}
.immobilien-post h2, .immobilien-address{padding-bottom:8%}
.immobilien-details, .immobilien-available{padding-bottom:2%} .immobilien-details{flex-direction: row;flex-wrap:wrap}
.immobilien-teiler {margin:0 4px} .immobilien-total-rent {background-color: #d9dada;color: var(--blue); text-align: center;width: 150px;font-size:18px; padding: 4px 8px;position: absolute;bottom: -14px; right: -10px;}
.immobilien-total-rent span {font-size:12px}
.immobilien-daten{background-color: #fff;} @media (max-width: 980px) {
.start_expose .et_pb_row {display:flex;flex-direction:column}
.start_expose .sp-links {order:2}
.start_expose .sp-rechts {order:1}
.features_expose {display: flex;flex-direction: row;justify-content: space-between;}
.features_expose .et_pb_column {margin:0 2%;width:30%}
}
.immo_lightbox{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.expose-bild img {object-fit: cover;}
.btn-anfrage {
color: #FFFFFF;
border-radius: 2px;
border:none;
font-size: 20px;
font-weight: 500;
padding: 0.3em 1em;
}
.btn-anfrage:hover {cursor:pointer} 
.btn-dunkel .btn-anfrage {background-color: var(--blue);}
.btn-hell .btn-anfrage {background-color: transparent; border:2px solid #fff}
@media (max-width: 980px) {.btn-anfrage{width:100%}}
#drdsgvo_map{max-height:50vh}