/* Mobile */
@media (max-width: 799px) {
    .imageContainer {
       width: 100%;
        height: 100%;
    }

    .imageDefaultContainer img{
        width: 100%;
    }
.iframe{
    width: 100%;
}
}

/* Desktop */
@media (min-width: 800px) and (max-width: 3000px) {
    .imageContainer {
        width: 300px;
        height: 300px;
    }
    .body{
        width: 40%;
    }
    .headline::after {
        width: 20vw; /* 70% der gesamten Bildschirmbreite */

    }
    .imageDefaultContainer img {
        width: 100vw;
        height: 40vh; /* z.B. 40% der Bildschirmhöhe */
        object-fit: cover;
        display: block;
    }
    .fa.fa-phone {
        font-size: 40px;
    }
    .fa.fa-envelope{
        font-size: 40px;
    }

    .defaultContainer{
        width: 40%;
    }

}