/* Cube Portfolio */
.cbp-caption-zoom {
    .cbp-caption-activeWrap {
        background-color: rgb(0 0 0 / 70%);
    }

    .cbp-l-caption-alignLeft .cbp-l-caption-body {
        padding: 20px;
    }
}

.cbp-caption {
    .cbp-caption-activeWrap {
        .cbp-l-caption-alignLeft {
            height: 100%;
            .cbp-l-caption-body {
                position: relative;
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                gap: 24px;
                .cbp-l-caption-title {
                }
                .cbp-projects-btn {
                    position: relative;
                    z-index: 3;
                    display: flex;
                    padding: 10px 20px;
                    align-items: center;
                    justify-content: center;
                    gap: 8px;
                    background: #FFF;
                    color: #0E7A63!important;
                    text-align: center;
                    font-family: Lato, sans-serif;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 24px;
                    letter-spacing: 0.14px;
                    &:hover {
                        background: #0E7A63;
                        color: #fff!important;
                    }
                }

            }
        }
    }
}

.cbp-l-caption-title {
    color: #fff;
    text-align: center;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.cbp-l-caption-desc {
    align-self: stretch;
    color: #fff;
    text-align: center;
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.14px;
}

.cbp-l-filters-alignCenter {
    text-align: left;
}

:is(.cbp-l-filters-alignCenter, .cbp-l-filters-text) .cbp-filter-item {
    font-weight: 400;
    color: #fff;
    font-size: 14px;
    font-family: "Raleway", sans-serif;
    padding-inline: 0 15px;
    letter-spacing: 0;

    &:hover {
        color: #007a63;
    }
}

.cbp-filter-item .open-filter-group-2-dropdown::after {
    font-family: "FontAwesome", sans-serif;
    content: "\f0d7";
    padding-inline-start: 4px;
}

a.cbp-caption {
    transition: unset;
}

/* News-Kacheln */
.cubeportfolio-grid-container .cbp-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    width: 285px !important;
    height: 285px !important;
    aspect-ratio: 1 / 1;
    overflow: hidden;

    .cbp-caption-defaultWrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}