.ff-app.ff-grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 280px);
  grid-gap: 2rem;
}
@media screen and (max-width:767px){
    .ff-app.ff-grid{
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-gap: 2rem;
    }
}
.ff-app.ff-grid a{
    color:black;
    text-decoration: none;
    opacity: .9;
}
.ff-app.ff-grid .card-body p a{
    text-decoration: underline;
}
.ff-app.ff-grid a:hover{
    opacity: 1;
}
@media screen and (min-width:1200px){
    .ff-app.ff-grid{
        grid-template-columns: minmax(0, 1fr) minmax(0, 340px);
    }
}
@media screen and (min-width:1400px){
    .ff-app.ff-grid{
        grid-template-columns: minmax(0, 1fr) minmax(0, 400px);
    }
}
@media (min-width: 1400px) {
    .ff-app > .sidebar-primary{
        padding-right: 6rem !important;
    }
}


atomic-reveal::part(lightbox-content-wrapper){
    max-width: 1200px;
}
atomic-reveal::part(lightbox-content){
    overflow: hidden;
}
.ff-app .list-images {
    aspect-ratio: 4/3;
    height: 100%;
    width: 100%;
}
.ff-app .placeholder-img{
    object-fit: contain !important;
}
.ff-app .sidebar-primary{
    background-color: #45B0B9;
    padding-top: 2rem;
}
.ff-app .sidebar-primary #frontend_filter_squaremetersval{
    display:flex;
    gap:1rem;
}
.ff-app .list-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ff-app .card-1 {
    border-top: 1px solid #dedede;
}
/** form **/
atomic-tabs button[data-tabbutton]{
    background-color: #ffffff!important;
}
atomic-tabs button[data-tabbutton][aria-selected="true"]{
    background-color: #a1d8dc!important;
}
.ff-app .freiflaechen-ajax-form form{
    width:  100%;
    font-family: "TacaPro", sans-serif;
}
.ff-app .col-form-label label {
    padding-top: calc(0.75rem + 1px);
    padding-bottom: calc(0.75rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    font-weight: 500;
    line-height: 1.5;
    color: black;
}
.ff-app .form-control,
.ff-app .form-select {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.5;
    color: #5e6278;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e4e6ef;
    appearance: none;
    border-radius: 0.475rem;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 8%);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.ff-app .col-form-label {
    color: black;
    font-size: 1rem !important;
}
.ff-app .freiflaechen-ajax-form form input{
    width:  100%;
}
.ff-app .freiflaechen-ajax-form form input,
.ff-app .freiflaechen-ajax-form form select{
    padding: 0.4rem 1rem;
    border: none;
    border-radius: 0;
    border: 1px solid #ced4da;
    padding: 0.375rem 0.75rem;
    color:#5e6278;
}
.ff-app .tablist button,
.ff-app .freiflaechen-ajax-form button,
.ff-app .freiflaechen-ajax-form .btn{
    padding: 10px 20px;
    font-size: 0.9rem;
    font-family: "TacaPro", sans-serif;
    color: black;
    background:white;
}
.ff-app #frontend_filter_squaremeters{
    width:  100%;
    display:flex;
    gap: 1rem;
}
/** checkbox **/
.ff-app .freiflaechen-ajax-form input[type=checkbox] {
    width: 20px;
    background-color: #fff;
    transform: scale(2);
    margin-left: 6px;
}
.ff-app label[for="frontend_filter_parking"]{
    font-size: 1.2rem !important;
}
.ff-app .sorting-filters-div{
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.ff-app .sorting-filters-div .radio{
    display: flex;
    align-items: center;
}
.ff-app .sorting-filters-div div label{
    color:black;
}
.ff-app .sorting-filters-div div:not(.extended) label  {
    flex: 1;
    font-size: 1rem !important;
    margin-left: 5px;
    margin-right: 1rem;
    margin-bottom: 1rem;
}
.ff-app .sorting-filters-div div:not(.extended) *{
    float:left;
}
.ff-app .sorting-filters-div div:not(.extended) *:nth-child(5){
    clear:both;
}
.ff-app .sorting-filters-div  input[type=radio]{
    width: auto;
    position: relative;
    top: 6px;
}
.ff-app .sorting-filters-div  select{
    width: 100%;
}
.ff-app .sorting-filters-div{
    display: flex;
    flex-direction: column;
}
.ff-app .sorting-filters-div > div{
    width: 100%;
    clear: both;
}


/** results **/
.ff-app #freiflaechen-result h2{
    margin-top: 0.5rem;
    margin-bottom: 0rem;
}
.ff-app #freiflaechen-result p{
    margin-top: 0rem;
    margin-bottom: 1rem
}
.ff-app #freiflaechen-result .list-item{
    padding-bottom:15px;
    border-bottom: solid 1px #ccc;
}
.ff-app a .more-btn {
    color: var(--bs-body-color) !important;
    font-weight: bold;
    text-decoration: underline;
}
.ff-app .more-btn .plus {
    color: #45B0B9;
}
.ff-app .a-grid{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1.5rem;
}
@media screen and (min-width:992px) {
   .ff-app .a-grid {
        display: grid;
       grid-template-columns: 225px 1fr;
        grid-gap: 1.5rem;
    }
}
@media screen and (min-width: 1400px){
    .ff-app > .sidebar-primary .submit{
        display:flex; gap: 1rem; flex-direction: row-reverse;justify-content: flex-end;margin: 0px -50px 0 0px;
    }
}
.ff-app .btn, .ff-app .cc-btn{
    border-radius: 0;
}
.ff-app .card-results{
    padding: 1.25rem;}
atomic-reveal .card{
    border:none;
}
.ff-app #detailView{
    gap: 2rem;
}
.ff-app #detailView .col-lg-8{
    width: calc(66.66666667% - 1rem);
}
.ff-app #detailView .col-lg-4{
    width: calc(33.33333333% - 1rem);
}
.ff-app #detailView .sidebar-primary .card {
    background-color: #45B0B9 !important;
    color: white;
    padding: 0 2rem 2rem 2rem;
}
.ff-app #detailView .sidebar-primary .card a{
    color:white !important;
}
.ff-app #detailView .sidebar-primary .card .label{
    color:black;
}
.ff-app #detailView .thumb-slider{
    display:none;
}
.ff-app #detailView .slider__slide{
    background:#ccc;
    padding: 10px;
}
.ff-app #detailView .card-body{
    padding: 10px !important;
}
.ff-app .back-btn{
    padding:3px;
    border: 1px solid #45B0B9 !important;
}
.ff-app .back-btn img{
    margin-right:5px;
    transform: rotate(180deg);
}