@media only screen and (max-width : 940px){


    #mainMenu.elements-5 .element > a > img {
        margin-top: 7.5%;
    }

    #logo{
        width: 18%;
    }

    #mainMenu {
        width: 56%;
    }

    header .rightSide {
        width: 23%;
    }

    #mainMenu .element .label {
        padding: 0.2rem 10% 0;
    }

    .contentSliderWrapper .teaserWrapper .rightSide,
    .contentSliderWrapper .teaserWrapper .leftSide {
        width: 100%;
    }

    .contentSliderWrapper .teaserWrapper .title {
        margin-top: 0.5rem;
        margin-bottom: 0;
    }

    .contentSliderWrapper .teaserWrapper .rightSide > .description,
    .contentSliderWrapper .teaserWrapper .rightSide > .assessment,
    .contentSliderWrapper .teaserWrapper .rightSide > .buttonsWrapper,
    .contentSliderWrapper .controlls .controllTab {
        display: none;
    }

    .contentSliderWrapper .controlls .arrow {
        bottom: auto;
        top: calc(50% - 3rem);
        height: 2.2rem;
        line-height: 2.4rem;
        margin: 0 1.5rem;
        width: 2.2rem;
        font-size: 1.2rem;
        opacity: 0.7;
    }

    .contentSliderWrapper .controlls .arrow:hover {
        opacity: 0.7;
    }

    .contentSliderWrapper .controlls .arrow::after {
        content: '';
        display: block;
        position: absolute;
        width: 200%;
        height: 200%;
        top: -50%;
        left: -50%;
    }
}
@media only screen and (max-width : 800px)  {

    #mainMenu.elements-5 .element .label {
        font-size: 110%;
    }


    .buttonCreator .buttonImageHolder, .buttonCreator .buttonImage {
        max-width: 70px;
    }
    #mainMenu.elements-5 .element > a > img {
        margin-top: 15%;
    }

}