@media all and (max-width:1000px) {
    .nav{
        display: none;
        visibility: hidden;
    }
    #chargeit{
        width: 300px;
        font-size: 30px;
    }
    #text-phone{
        width: 300px;
        font-size: 30px;
    }
    #phone{
        padding-left: 25px;
    }
    #dockingstation{
        margin-left:  -270px;
    }
}
@media all and (max-width: 850px) {
    .animation{
        display: none;
        visibility: hidden;
    }
    iframe{
        display: none;
        visibility: hidden;
    }
    p{
        font-size: 25px;
    }
    .wall{
        display: none;
        visibility: hidden;
    }
    .background{
        width: 100%;
        visibility: visible;
        display: block;
    }
    .mobile{
        display: block;
        visibility: visible;
    }
    img.mobile{
        width: 100%;
    }
    #about, #design, #quality, #made_in_germany{
        font-size: 20px !important;
        height: 30px;
    }
    #nonmobile{
        display: none;
        visibility: hidden;
    }
    #mobile{
        display: block;
        visibility: visible;
    }
    button, div.moption{
        width: 100px;
        height: 100px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    h3{
        font-size: 20px;
    }
    .buy{
        width: 200px;
        border-radius: 10px;
        font-size: 30px;
    }
    .about{
        padding-left: 20px;
        padding-right: 20px;
    }
}