body {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 25px; 
}


.container {
    display: flex;
    height: 64px;
    width: 100%;
    

}
.grayBox {
    background-color: #B2B2B2;
    width: 55.625%;
    margin-right: 20px;
}

.greenBox {
    background-color: #4FA830;
    width: 44.375%;
}

    .Bild {
    height: 34px;
    margin-top: 15px;
    margin-left: 15px;
}

#DivContent {
    margin-top: 61px;
    margin-left: 20px;
}


#DivContent h1 {
   
    
    font-family: Arial;
    font-size: 15px;
    line-height: 17px;
}


@media screen and (min-width: 768px) {

    body {
        margin-top: 40px;
    }

    .container {
        height: 80px;
    }

    .grayBox {
        width: 74%;
        margin-right: 20px;
    }

    .greenBox {
        width: 26%;
    }

    .Bild {
        height: 40px;
        margin-top: 20px;
        margin-left: 20px;
    }

    #DivContent {
        margin-top: 80px;
        margin-left: 100px;
    }
}
   
    @media screen and (min-width: 992px) {
        #DivContent {
            margin-left: 190px;
        }
    }



/*    0-767px mobile
    768px - 991px tablet
    992px-* desktop*/