.grid-cataloghi{
    width: 100%;
    height: max-content;
    display: grid;
    /*grid-template-columns: 22.5% 22.5% 22.5% 22.5%;*/
    grid-template-columns: repeat(
            auto-fit,
            minmax(calc(100% / 5), 1fr)
        );
    grid-auto-rows: auto;
    grid-column-gap: 3.3%;
    row-gap: 1rem;

    .catalogo{
        position: relative;
        display: grid;
        grid-template-rows: 75% auto;
        align-items: center;
        height: 100%;
        width: 100%;
        border-radius: 10px;
        padding: 2rem 2rem 1rem 2rem;

        img{
            width: 100%;
            height: 100%;
            align-self: center;
            border-radius: 10px;
            object-fit: cover;
            overflow: hidden;
        }

        a {
            font-size: var(--holzhof-font-size-24);
            line-height: var(--holzhof-line-spacing-38);
            color: var(--holzhof-color-grey);
            
            text-align: left;
            opacity: 1;
            margin-bottom: 0;
            margin-top: 1rem;
        }
    }

    .catalogo::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background-color: var(--holzhof-color-green);
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='3' width='calc(100%25 - 6px)' height='calc(100%25 - 6px)' fill='none' rx='10' stroke='white' stroke-width='1' stroke-dasharray='10 6'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='3' width='calc(100%25 - 6px)' height='calc(100%25 - 6px)' fill='none' rx='10' stroke='white' stroke-width='1' stroke-dasharray='10 6'/%3E%3C/svg%3E");
    }
}
@media (max-width: 1199px) {
    .grid-cataloghi{
        grid-template-columns: auto auto;
    }
}
@media (max-width: 500px) {
    .grid-cataloghi{
        grid-template-columns: auto;
    }
    .markdown{
        h2{
            font-size:1.2rem !important;
        }
    }
}