:root {
--color-footer: var(--color-primary-3);
--color-filter-svg: var(--color-primary-3);
}

.filter-input-field, .btn.btn-filter.btn-s.no-margin-top{
    color: var(--color-primary-3);
    background-color: var(--color-primary-2);
}

.apartment .header, .apartment .text, .text-w-bg-block .content-box h3, .text-w-bg-block .content-box p, .text-w-bg-block .content-box, .usp-list li:nth-child(2n + 1){
    color: var(--color-primary-2);
}

.apartment .text, .apartments-grid:not(.table-view) .price  {
    background-color: var(--color-primary-1);
}
.text-w-bg-block .content-box {
    background-color: var(--color-surface-dark);
}
.grid-section > .flex-item:nth-of-type(odd) .flex-background {
    background-color: var(--color-primary-3);
}

.grid-section > .flex-item:nth-of-type(even) .flex-background {
    background-color: var(--color-surface-dark);
}

input.btn.btn-primary[data-form-navigate="next"] {
        color: var(--color-primary-3) !important;
        background-color: var(--color-primary-2);
}
/*input.btn.btn-primary[data-form-navigate="next"]:hover {
        color: var(--color-primary-2) !important;
        background-color: var(--color-primary-3);
}
.btn-reverse:hover {
    border: none;
    background-color: var(--primary-button-color);
    
}*/
.scroll-to-top {
    background-color: var(--color-footer);
}
footer .footer-heading,
.large-text {
    text-transform: var(--text-transform);
}
/*.apartment-info-box {
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}*/

input[type="checkbox"] {
    border-color: var(--color-primary-1);
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}
.usp-list svg rect {
    fill: var(--color-secondary-1);
}
.apartments-grid.table-view .text,
.label-wrapper {
    color: var(--color-font-1);
}
.apartments-grid.table-view .apartment:nth-child(2n+1) .text {
    color: var(--color-font-2);
}
.apartment .image.empty {
    color: var(--color-primary-3);
}
.label-wrapper:nth-child(2n + 1) {
    background-color: var(--color-img-overlay-04);
}

@media (max-width: 767px) {
    .usp-lists-wrapper.uneven .usp-list:last-child li:nth-child(2n) {
        color: var(--color-font-2);
    }
   .usp-lists-wrapper.uneven .usp-list:last-child li:nth-child(2n+1) {
        color: var(--color-font-1);
    }
}