:root {
    --color-menu-text: var(--color-font-2);
    /*--form-overlay: linear-gradient(var(--color-img-overlay-06 ), var(--color-img-overlay-06));*/
    --color-img-overlay-hero: linear-gradient(var(--color-img-overlay-07), var(--color-img-overlay-07));
    --color-surface-apartments: var(--color-primary-1);
    --on-primary-color: var(--color-primary-3);
--btn-padding: 0.9rem 2rem;
}

body {
        font-weight: 300;
}
header nav ul  {
     color: var(--color-menu-text);
 }       
 
 .hero-component h1 {
    color: var(--color-font-2);
}

.hero-component .btn {
margin-top: 0;
}

.btn.btn-primary, .btn.btn-reverse {
    border: 1px solid var(--color-img-overlay-05);
}

.btn-simple path {
    fill: var(--color-primary-3);
}

.text-w-bg-block .content-box {
    background-color: var(--color-primary-1);

}

.container.container-xs h1, .text-section h2  {
    color: var(--color-primary-1);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

h2, .filter-toolbar
  {
    color: var(--color-primary-1);
    
}
.gm-style img {
    max-width: none;
    width: 2.5rem !important;
    height: 2.5rem !important;
}

.filter-input-field {
    background-color: var(--color-primary-3);
}

.apartment .text, .apartment .header {
 background-color: var(--color-primary-1);
 color: var(--color-primary-3);
}


a.sortable {
    color: var(--color-primary-1);
}

.table-view-header .sorted-asc svg > path:first-child,
.table-view-header .sorted-desc svg > path:last-child,
.usp-list li svg.info path {
    fill: var(--color-primary-1);
}
.apartments-grid .table-view-header {
    margin-bottom: 1.5rem;
}

.apartments-grid.table-view .apartment {
border-radius: 0;

}

.apartments-grid.table-view .table-view-header + .apartment {
  border-radius: var(--img-border-radius) var(--img-border-radius) 0 0 !important;
}

.apartments-grid.table-view .apartment:last-child {
border-radius: 0 0 var(--img-border-radius) var(--img-border-radius);
}

.apartments-grid.table-view .apartment:nth-child(2n+1) {
    background-color: var(--color-img-overlay-05);
}

.apartments-grid.table-view .apartment:nth-child(2n+0) {
    background-color: var(--color-primary-3);

}
.apartments-grid.table-view .apartment:nth-child(2n+0) address,
.apartments-grid.table-view .apartment:nth-child(2n+0) .table-info,
.apartments-grid.table-view .apartment:nth-child(2n+0) .rooms,
.apartments-grid.table-view .apartment:nth-child(2n+0) .sqm,
.apartments-grid.table-view .apartment:nth-child(2n+0) .price,
.apartments-grid.table-view .apartment:nth-child(2n+0) .date,
.apartments-grid.table-view .apartment:nth-child(2n+0) .status {
    color: var(--color-primary-1);
}
.usp-list {
     border: 1px solid var(--color-img-overlay-05);
     border-radius: 1.563rem;
     overflow: hidden;
}


.usp-list li {
    background-color: var(--color-primary-3);
    color:var(--color-primary-1);
   
}

.usp-list li:nth-child(2n + 1) {
    background-color: var(--color-img-overlay-05);
    color: var(--color-font-1)

}
.usp-list li svg {
    border-radius: 1.875rem;
}

.usp-list svg path {
    stroke: var(--color-primary-3);
}

.slider-container .swiper-pagination-bullet {

    background-color: white;
}
.slider-container .swiper-pagination-bullet-active {
    background-color: var(--color-primary-1);
}

.btn-secondary {
    border-color: var(--color-primary-1);
     color: var(--color-primary-1)!important;
}

.grid-section h3 {
        color: var(--color-primary-1);
}

.grid-section .flex-item-text div {

    color: var(--color-font-1);
}

.umbraco-forms-field input:not(input[type="checkbox"]), .umbraco-forms-container textarea, .umbraco-forms-field .custom-select {
   background-color: var(--color-primary-3);
       color: var(--color-primary-1);
}

input::placeholder, textarea::placeholder  {
    color: var(--color-primary-1);
}

input[type="checkbox"] {
     background-color: var(--color-primary-3);
}
.filter-content {

    background-color: var(--secondary-button-color);
}
.formpage .umbraco-forms-field.dataconsent label, .formpage .umbraco-forms-container a, .field-validation-error  {
    color: var(--color-primary-3);
}
.label-wrapper:nth-child(2n + 1) {
    background-color: var(--color-primary-1);
    color: var(--color-primary-3);
}

.label-wrapper:nth-child(2n) {
    background-color: var(--color-primary-3);
    color: var(--color-primary-1);
}

.text-page p, .text-page a, .text-page li,.text-page h3 {
  color: var(--color-primary-1);
}

.contact-box--bottom {

    border-radius: 0 0 var(--img-border-radius) var(--img-border-radius);
    overflow: hidden;
}

.contact-box--bottom .social-icons .icon {
filter: brightness(0) saturate(100%) invert(8%) sepia(80%) saturate(1114%) hue-rotate(337deg) brightness(100%) contrast(104%);
    
}
.info-box-section .content h3, .info-box-section .content a  {
    color: var(--color-primary-3);
}
.no-margin-p p:not(:last-child) {
    margin: 0 0 1rem;
}


.grid-section .flex-item-image {
    height: fit-content;
    max-height: unset;
}
.grid-section .flex-item-image .flex-image {
    width: unset;
    max-width: 50%;
    aspect-ratio: unset;
}
.grid-section .flex-item-image .flex-image img {
    height: unset;
    object-fit: unset;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.grid-section .flex-row-reverse .flex-item-image .flex-image img {
    margin-left: auto;
}
.grid-section .img-overlay::after {
    display: none;
}

.grid-section h3 {
    color: var(--on-primary-color);
    text-align: left;
    max-width: 70%;
    font-size: 2.4rem;
}

.grid-section .flex-row-reverse h3 {
    text-align: right;
    margin-left: auto;
}

@media (max-width: 1023px) {
    .grid-section .flex-item-image .flex-image {
        max-width: 100%;
        max-height: 100vh;
        max-height: 100dvh;
    }
    .grid-section .flex-item-text .content-box {
        place-content: unset;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .usp-lists-wrapper{

        border: 0;
    }
    
        .usp-lists-wrapper.uneven .usp-list:last-child li:nth-child(2n+1) {
        background-color: var(--color-img-overlay-05);
    }
        .usp-lists-wrapper.uneven .usp-list:last-child li:nth-child(2n) {
        background-color: var(--color-primary-3);
    }
        .usp-lists-wrapper.uneven .usp-list:last-child li:nth-child(2n) {
        background-color: var(--color-img-overlay-05);
        color: var(--color-primary-3);
    }
        .usp-lists-wrapper.uneven .usp-list:last-child li:nth-child(2n+1) {
        background-color: var(--color-primary-3);
        color: var(--color-primary-1);
    }
    
    .usp-list:first-child {
            border-radius: 1.5rem 1.5rem 0 0;
    }
    
    .usp-list:last-child {
            border-radius: 0 0 1.5rem 1.5rem ;
    }


.usp-list:first-child li:last-child {
    border-radius: 0;
}

.usp-list:last-child li:first-child {
    border-radius: 0;
}
.usp-list li svg.info path {
    fill: var(--color-primary-1);

}
}