.gn-product-presentation {
    padding: 2rem 0 0 0 !important;

    .section,
    .col {
        padding: 0 !important;
    }

    .row {
        margin: 0 !important;
    }

    .gn-pres-row-normal {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .gn-pres-row-reverse {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

    .video--element,
    img {
        width: 100%;
        object-fit: cover;
        height: 350px;
    }

    .gn-pres-text-col-text {
        width: 100%;
        max-width: 700px;
        padding: 0rem 2rem 4rem 2rem;


        h2 {
            font-size: 28px;
            line-height: 34px;
            margin: 2.25rem 0rem 1.5rem 0rem;
        }
    }
}



@media only screen and (min-width: 550px) {
/*************** Tablet Viewport Breakpoint ***************/
    
    .gn-product-presentation {

        .video--element,
        img {
            height: 100%;
            padding: 2rem;
        }
    }

}



@media only screen and (min-width: 850px) {
/*************** Tablet Landscape Breakpoint ***************/
    
    .gn-product-presentation {
        padding: 0 2rem !important;

        .gn-pres-row-reverse {
            flex-direction: row;

            /* Grid hinzugefügt, da sonst in firefox der Text linksbündig angezeigt wird */
            .col-inner {
                display: grid;
            }

            .gn-pres-text-col-text {
                justify-self: flex-end;
            }
        }

        .video--element,
        img {
            padding: 2rem 0rem;
            min-height: 400px;
        }

        /*.gn-pres-text-col{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }*/

        .gn-pres-text-col-text {
        width: 100%;
        max-width: 550px;
        padding: 1rem 4rem 2rem 4rem;
        }
    }
}



@media only screen and (min-width: 1110px) {
/*************** Desktop Breakpoint ***************/
    
    .gn-product-presentation {
        padding: 2rem 4rem 0 4rem !important;

        .video--element,
        img {
            padding: 4rem;
            height: 100%;
        }

        .gn-pres-text-col-text {
            h2 {
                font-size: 36px;
                line-height: 42px;
            }
        }

    }



}