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

    #header{
        background-image: linear-gradient(to bottom left, #4aa2a3, #4aa2a3, #655995);
        width:100%;
    }



    #content-wrapper{
        padding: 25px;
    }

    .content_innerwrap h2 {
        font-size: 18.5px;
    }

     .body_text, .body_text .content_innerwrap{
        font-size: 14.5px;
     }

    #header_text {

        width: 344px;
        font-size: 45px;
        padding-top: 28px;
        padding-left: 15px;
        line-height: 114%;

    }

    #logo_div{
        top: 19px;
        left: 42px;
        width: calc(165px * 579 / 1024);
    }

    #menu_search_button, #menu_button{
        position: absolute;
        filter:invert(100%);
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
        width: 38px;
        height: 38px;
        display: block;
        border-radius: 19px;

    }

    #menu_button{
        background-image: url('/icons/menu-burger.png');
        background-color: #d1edca;
        right: 20px;
        top: 14px;
    }

    #menu_search_button{
        background-image: url('/icons/search.png');
        background-color: #529741;
        top: 14px;
        right: 68px;
    }



    #menu_level_1{
        background-color: #2e1235;
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 40px 0px 10px 0px;
        z-index: 110;
        overflow: visible;
        width: 100%;
        height: fit-content;
        display: none;
    }
    #close_menu{
        display: block;
        top: 6px;
        right: 6px;
        position:absolute;
        width: 32px;
        height: 32px;
        background-image: url('/icons/cross-small.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 32px 32px;
        background-color: transparent;
        cursor: pointer;
        filter: invert(1);

    }

    .menupunkt_level_1{

        margin: 8px 8px 8px 19px;
        padding: 11px 14px 11px 14px;
        background-color: #6fa8b1;
        border: 1px solid #6fa8b1;
        cursor: pointer;
        clear: both;
        color: #fff;
        border-radius: 8px;
        width: calc(100% - 40px);
        font-size: 20px;
        font-weight: 500;
        height: 50px;
    }
    .menupunkt_level_1:hover{
        color: #2e1235;
    }

    #menu_level_1 > #search_members{


        margin: 8px 8px 8px 19px;
        /*padding: 11px 14px 11px 14px;
        background-color: #6fa8b1;
        border: 1px solid #6fa8b1;*/
        cursor: pointer;
        clear: both;
        color: #fff;
        border-radius: 8px;
        width: calc(100% - 40px);
        font-size: 20px;
        font-weight: 500;
        height: 50px;
        right: 0;
        top: 0;
        position: relative;

    }

    #search_members > #member_search_input{

        width: calc(100% + 2px);
        height: inherit;
        outline: none;
        border: none;
        font-size: inherit;
        /*padding: 16px 8px 16px 38px;*/
        padding-left: 17px;
        display: block;
        border-radius: 8px;
        background-image: linear-gradient(to bottom right, #4aa2a3, #655995);
    }

     .contact > #contact_form_wrap {
        height: 130vw;
    }

    #left_column {
      width: 100%;
      padding: 0px;
      clear: both;
    }

    #in_menu_content{

        width: 100%;
        margin: 8px;
        padding: 10px 14px 10px 14px;
        clear: both;
        display: block;
        margin: 0px;
        padding: 0px 6px 10px 3px;

    }
    .heading .content_innerwrap {

        margin-top: 10px;
        font-size: 38px;

    }

     #left_header{

        font-weight: 210;
        font-size: 46px;
        padding: 10px 14px 10px 12px;
        margin: 25px;
        margin-bottom: 22px;
        width: calc(100% - 16px);
        margin-left: 8px;

     }


    .turkis > .image_window,
    .green > .image_window,
    .purple > .image_window {
      margin-top: 0px;
    }

    #request_form_container {
        left: 0;
        margin-left: 0;
        width: 100%;
        clear: both;
    }

    #request_form_container .request_form_text {
      /* width: 492px; */
      width: 100%;
    }

    #item_description{
        width: 100%;
        clear: both;
        border-radius: 8px;
        width: calc(100% - 40px);
        margin: 20px;
    }

    #hide_description{
        visibility:visible;
    }

}

@media screen and (min-width: 844px){
    #hide_description{
        visibility:hidden;
    }
}