@media (max-width:768px){               
    div[basicContainerHeader]{
        padding-bottom: 2.5vh;
        margin-bottom: black solid 1px;
    }
    img[logoclass]{
        width: auto;
        max-height:100%;
        max-width: 250px;
        padding-top: 10px;
        padding-right: 2vw;
        max-width: 50vw;
    }
    div[logocontainer]{
        height: 100%;
        padding-top: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    div[basisContainerContent]{
        padding-bottom: 15vh;
    }
    div[ContentSpace]{
        display: flex;
        flex-direction: column;
    }
    .footerblock{
        width: 90%;
    }
    div[kontaktclass]{
        height: 100%;
        display: flex;
        flex-direction: column;
        padding-left: 25px;
    }
    div[searchContent]{
        align-items: center;
        display: flex;
        flex-direction: column;
        margin-top: 3vh;
    }
    .headerSpace{
        height: 100px;
    }
    .logoheader{
        max-width: 60%;
        max-height: 80px;
        display: flex;
        justify-content: center;
    }
    .logoheaaderfield{
        display: flex;
        justify-content: flex-end;
        width: 100%;
        padding-right: 15px;
    }
    .footerlogocontainer{
        flex-direction: column;
    }
    .footerlinkscontainer{
        padding-bottom: 4vh;
    }
}