.rowcontainer {
        background: white;
        max-width: 100%;
        margin: 2em auto;
        }

        .content2L {
                width: 48%;
                padding-right: 2%;
                float: left;
        }
        .content2R {
                width: 48%;
                padding-left: 2%;
                float: right;
        }







        .content3L {
                width: 32%;
                padding-right: 1%;
                float: left;
        }
        .content3M {
                width: 32%;
                padding-left: 1%;
                padding-right: 1%;
                float: left;
        }
        .content3R {
                width: 32%;
                padding-left: 1%;
                float: right;
        }



        .content4L {
                width: 23.87%;
                padding-right: 1%;
                float: left;
        }
        .content4LM {
                width: 23.87%;
                padding-left: 0.5%;
                padding-right: 0.75%;
                float: left;
        }
        .content4RM {
                width: 23.87%;
                padding-left: 0.75%;
                padding-right: 0.5%;
                float: left;
        }
        .content4R {
                width: 23.87%;
                padding-left: 1%;
                float: right;
        }



        .content5L {
                width: 19.2%;
                padding-right: 0.5%;
                float: left;
        }
        .content5LM {
                width: 19.2%;
                padding-left: 0.5%;
                padding-right: 0.5%;
                float: left;
        }
        .content5M {
                width: 19.2%;
                padding-left: 0.5%;
                padding-right: 0.5%;
                float: left;
        }
        .content5RM {
                width: 19.2%;
                padding-left: 0.5%;
                padding-right: 0.5%;
                float: left;
        }
        .content5R {
                width: 19.2%;
                padding-left: 0.5%;
                float: right;
        }



@media screen and (max-width: 560px) {
        .content2L, .content2R,
        .content3L, .content3M,  .content3R,
        .content4L, .content4LM, .content4RM, .content4R,
        .content5L, .content5LM, .content5M,  .content5RM, .content5R
        {
                width: 100%;
        }
}

@media screen and (max-width:38.75em) {
        .rowcontainer {
                margin: 0;
        }
}


/* Mid screens */
@media all and (max-width: 810px) {
        .dreierleistungen {
                font-size: 80%;
                }
}