.ce-kachelgrid {
    --gap: 1rem;

    .ce-kachelgrid_items {
        display: grid;
        gap: calc(var(--gap) * 2);
        grid-template-columns: repeat(1, 1fr);


        @media screen and (min-width: 768px) {
            grid-template-columns: repeat(2, 1fr);
        }

        @media screen and (min-width: 1024px) {
            grid-template-columns: repeat(3, 1fr);
        }

        @media screen and (min-width: 1400px) {
            grid-template-columns: repeat(4, 1fr);
        }

        .ce-kachelgrid_item {
            border: 1px solid #cadcea;
            padding: var(--gap) calc(var(--gap) * 1.5);
            gap: var(--gap);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            border-radius: 1rem;

            @media screen and (min-width: 768px) {
                /* aspect-ratio: 1; */
            }

            .text {}

            .location {
                font-size: .7rem;
            }

            .btn {
                margin-left: auto;
                width: fit-content;
            }
        }
    }

}