/* Regel für Smartphones im Portrait-Modus */
@media only screen and (max-width: 480px) {
    body header .title {
        display: none;
    }

    .box {
        flex-direction: column;
    }

    .box .picture img {
        width: 80vw;
    }
}

/* Regel für Smartphones im Landscape-Modus */
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .box {
        flex-direction: column;
    }

    .box .picture img {
        width: 80vw;
    }
}

/* Regel für Tablets */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .box {
        flex-direction: column;
    }

    .box .picture img {
        width: calc(100vw / 1.5);
    }
}

/* Regel für Desktop-Computer */
@media only screen and (min-width: 1025px) {}