.indexPictureBlock014
{

}

    .indexPictureBlock014 .theGrid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
        column-gap: 0px;
        row-gap: 8em;
    }

    .indexPictureBlock014 .block {
        position: relative;
        aspect-ratio: 1 / 0.8;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .indexPictureBlock014 .text {
        position: absolute;
        left: 0;
        padding: 1em;
    }

.indexPictureBlock014 .content:empty
{
   display : none; 
}

.indexPictureBlock014 .block .link
{
   position : absolute;
   top : 0;
   right : 0;
   left : 0;
   bottom : 0;
   z-index : 1;
}

    .indexPictureBlock014 .block:nth-child(1) .text {
        bottom: 0px;
        background-color: rgba(255,255,255,0.7);
    }

    .indexPictureBlock014 .block:nth-child(2) .text {
        top : 0px;
        background-color : rgba(255,255,255,0.7);
    }

        .indexPictureBlock014 .block:nth-child(3) .text {
            bottom: 0px;
            background-color: rgba(48,88,198,0.7);
            color: #FFFFFF;
        }
    .indexPictureBlock014 .block:nth-child(4) .text {
        bottom: 0px;
        background-color: rgba(255,255,255,0.7);
    }

    .indexPictureBlock014 .block:nth-child(5) .text {
        top : 0px;
        background-color : rgba(255,255,255,0.7);
    }

        .indexPictureBlock014 .block:nth-child(6) .text {
            bottom: 0px;
            background-color: rgba(48,88,198,0.7);
            color: #FFFFFF;
        }



.indexPictureBlock014 .heading {
    font-weight: bold;
}

@media (max-width: 767px) {
    .indexPictureBlock014 .theGrid {
        display: block;
    }
    .indexPictureBlock014 .block:nth-child(2) .text, .indexPictureBlock014 .block:nth-child(5) .text {
        background-color: rgba(255,255,255,0.7);
    }
    .indexPictureBlock014 .content
    {
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
    }
}
@media (min-width: 768px) and (max-width: 1199px) 
{
    .indexPictureBlock014 .theGrid {
        grid-template-columns: 1fr 1fr;
    }
    .indexPictureBlock014 .block:nth-child(2) .text, .indexPictureBlock014 .block:nth-child(5) .text {
        background-color: rgba(255,255,255,0.7);
    }
}