.project_grid-layout .project-grid {
    display: flex; flex-direction: column; gap: 30px;
}

.project_grid-layout .project-grid-header {
    display: flex; justify-content: space-between;
    margin-bottom: max(0rem, calc(0 * var(--su)));
    flex-wrap: wrap; gap: .5rem;
}

.project_grid-layout  .searchandfilter ul li li{
    padding: 0;
}

.project_grid-layout {
    background: linear-gradient(to bottom, var(--pk-page-bg-color) 60vh, var(--secondary-white) 30vh);
}

/* Filter chips */
.project_grid-layout .project-grid-filters .searchandfilter > ul,
.project_grid-layout .project-grid-filters .sf-field-taxonomy-dienst_tag {
    list-style: none; margin: 0; padding: 0;
}

.project_grid-layout .project-grid-filters .search-filter-disabled{
    opacity: .5;
}
.project_grid-layout .project-grid-filters .search-filter-disabled *:hover{
    cursor: not-allowed;
}
    

.project_grid-layout .project-grid-filters .sf-field-taxonomy-dienst_tag > ul {
    display: flex; flex-wrap: wrap; align-items: center; gap: max(.5rem, calc(.5 * var(--su)));
    list-style: none; margin: 0; padding: 0;
}

.project_grid-layout .project-grid-filters .sf-input-radio {
    display: none;
}

.project_grid-layout .project-grid-filters .sf-label-radio {
    display: inline-flex; align-items: center;
    padding: max(.5rem, calc(.5 * var(--su))) max(1.25rem, calc(1.25 * var(--su)));
    border: 2px solid var(--button-border-color); border-radius: 999px;
    color: var(--pk-text-color);
    font-size: max(1.125rem, calc(1.125 * var(--su))); font-weight: 400; text-transform: uppercase;
    white-space: nowrap; cursor: pointer;
    transition: all .7s cubic-bezier(.2,1,.22,1);
}

.project_grid-layout .project-grid-filters .sf-label-radio:hover {
    border-color: var(--pk-text-color);
}

.project_grid-layout .project-grid-filters .sf-option-active .sf-label-radio,
.project_grid-layout .project-grid-filters .sf-input-radio:checked + .sf-label-radio {
    background-color: var(--primary-color); border-color: var(--primary-color);
}



/************************/
/* MEDIA QUERIES DESKTOP*/
/************************/
@media screen and (min-width: 993px) {
    
}


/************************/
/* MEDIA QUERIES TABLET */
/************************/
@media screen and (max-width: 992px) {
    .project_grid-layout .pk-row{
        padding-bottom: 0; padding: 0 !important;
        padding-inline:  0 !important; padding-block: 0 !important;
    }
    .project_grid-layout .project-grid{
        gap: .2rem;
    }
}


/************************/
/* MEDIA QUERIES MOBILE */
/************************/
@media screen and (max-width: 767px) {

    .project_grid-layout:has(.pk-row) .project-grid-header {
        padding-top: 0;
    }
    .project_grid-layout .project-grid-header {
        flex-direction: column;
    }
    
    .project_grid-layout .project-grid-filters .sf-field-taxonomy-dienst_tag > ul{
        gap: .25rem;
    }
}