.frame-type-ce_textmediagrid2{
    & .grid{
        display:grid;
        gap:35px;
    }

    & .image-container{
        width:100%;
        height:auto;
        overflow:hidden;
        border-radius:30px;
    }
}

@media only screen and (max-width: 600px) {
    .frame-type-ce_textmediagrid2{
        & header{
            & a{
                margin:.5rem 0 0 0;
            }
        }
    }
}

@media only screen and (min-width:600px) {
    .frame-type-ce_textmediagrid2{
        & header{
            display:flex;
            justify-content:space-between;
            align-items:flex-end;
            margin-bottom:1rem !important;

            & a{
                height: auto;
                align-self: flex-end;
                margin:0 0 .5rem 0;
            }
        }
    }

    /********************/
    /*LAYOUT - Layout 2*/
    /********************/
    .frame-type-ce_textmediagrid2.frame-layout-layout2{
        & .grid{
            grid-template-columns:1fr;
            grid-template-rows:auto;
        }

        & .image-container{
            width:100%;
            height:auto;
            overflow:hidden;
            border-radius:30px;
        }
    }
}

@media only screen and (min-width: 768px) {
    .frame-type-ce_textmediagrid2{
        & .grid{
            grid-template-columns:30% 1fr;
            grid-template-rows:400px 1fr;
        }

        & .image-container{
            & picture,
            & img{
                width:100%;
                height:100%;
                object-fit:cover;
            }
        }

        & .top-image {
            grid-column-start: 2;
            grid-column-end: 3;
            grid-row-start: 1;
            grid-row-end: 2;
        }

        & .left-image {
            grid-column-start: 1;
            grid-column-end: 2;
            grid-row-start: 1;
            grid-row-end: 3;
        }

        & .ce-bodytext {
            grid-column-start: 2;
            grid-column-end: 3;
            grid-row-start: 2;
            grid-row-end: 3;
        }
    }

    /********************/
    /*LAYOUT - Layout 2*/
    /********************/
    .frame-type-ce_textmediagrid2.frame-layout-layout2{
        & .grid{
            grid-template-columns:30% 1fr;
            grid-template-rows:1fr 330px;
            gap:30px 45px;
        }

        & header{
            max-width:75%;
            margin:0 !important;
        }

        & .image-container{
            & img{
                width:100%;
                height:100%;
                object-fit:cover;
            }
        }

        & .top-image {
            grid-column-start: 2;
            grid-column-end: 3;
            grid-row-start: 2;
            grid-row-end: 3;
        }

        & .left-image {
            grid-column-start: 1;
            grid-column-end: 2;
            grid-row-start: 1;
            grid-row-end: 3;
            margin-top:5rem;
        }

        & .ce-bodytext {
            grid-column-start: 2;
            grid-column-end: 3;
            grid-row-start: 1;
            grid-row-end: 2;
            margin-top:0;
            padding:0;
        }
    }

}


@media only screen and (min-width: 1024px) {
    .frame-type-ce_textmediagrid2{
        & header{
            & a{
                margin:0 0 .5rem 0;
            }
        }
    }

    /********************/
    /*LAYOUT - Layout 2*/
    /********************/
    .frame-type-ce_textmediagrid2.frame-layout-layout2{
        & .grid{
            gap:30px 90px;
        }
    }
}

@media only screen and (min-width: 1280px) {
    .frame-type-ce_textmediagrid2{
        & header{
            & a{
                margin:0 0 1rem 0;
            }
        }

        & .grid{
            grid-template-columns:26% 1fr;
        }

        & .ce-bodytext {
            margin-top:2rem;
            padding-left:50px;
        }
    }

    .frame-type-ce_textmediagrid2.frame-layout-layout2{
        & .grid{
            grid-template-columns:39% 1fr;
        }
    }
}