@font-face {
    font-family: 'Noah Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Noah Regular'), url('../fonts/noah-regular.woff') format('woff');
}
@font-face {
    font-family: 'Kiona Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Kiona Bold'), url('../fonts/kiona-bold.ttf') format('truetype');
}

:root {
    --color-menu-text: var(--color-font-2);
    --on-primary-color: var(--color-secondary-1);
    --color-filter-border: var(--color-primary-1);
    --color-filter-background: var(--color-primary-1);
    --color-surface-apartments: var(--color-primary-1);
    --color-success: #277818;
    --color-warning: var(--color-primary-3);
    --color-error: var(--color-primary-1);
    --color-form-footer: var(--color-secondary-2);
    --color-form-footer-text: var(--color-primary-1);
    --color-input-border: var(--color-primary-1);
    --color-input-background: var(--color-primary-2);
    --color-footer-text: var(--color-primary-2);
    --form-overlay: linear-gradient(var(--color-img-overlay-08), var(--color-img-overlay-08));
}

.info-box-section .content h3,
.info-box-section .info-box,
.info-box-section .content a {
    color: var(--color-primary-2);
}
.apartment .text,
.apartment .header{
    color: var(--on-primary-color);
}
.table-view-header .sorted-asc svg > path:first-child,
.usp-list li svg.info path {
    fill: var(--color-primary-1);
}
.filter-input-field,
.btn-filter{
    color: var(--color-font-2) !important;
}
.filter-input-field > svg {
    fill: var(--color-font-2);
}
.table-view-header svg path {
    fill: var(--color-secondary-2);
}
.apartments-grid.table-view .text {
    color: var(--color-font-1);
}
.apartments-grid.table-view .apartment,
.label-wrapper:nth-child(2n + 1){
    background-color: var(--color-secondary-2);
}
.apartments-grid.table-view .apartment:nth-child(2n+1),
.usp-list li{
    background-color: var(--color-secondary-1);
}
.table-view-header {
    border-color: var(--color-primary-3);
}
.umbraco-forms-field input:not(input[type="checkbox"]), .umbraco-forms-container textarea, .umbraco-forms-field .custom-select,
input::placeholder, textarea::placeholder {
    color: var(--color-primary-1);
}

.hero-component .img-overlay::after {
    background: var(--color-img-overlay-08);
}
.contact-box--bottom .social-icons .icon {
    filter: brightness(0) saturate(100%) invert(21%) sepia(56%) saturate(548%) hue-rotate(300deg) brightness(99%) contrast(94%);
}
.usp-lists-wrapper {
    --color-surface-apartments: var(--color-secondary-2);
}
@media (max-width: 767px) {
    .usp-lists-wrapper.uneven .usp-list:last-child li:nth-child(2n+1) {
        background-color: var(--color-secondary-1);
    }
}