@media (max-width: 1000px) {

    .header .menu{
        width: 100%;
        margin: 0;
    }

    .content_wrapper {
        margin: 0;
        width: 100%;
    }
}


@media (max-width: 500px) {

    html{
        background-image: url(../img/MarcoHintergrundbild@mobile.jpg);
        background-position: 70% center;
    }

    .content > h1, .content > h2 {
        margin-left: 30px;
    }

    .content{
        width: 100%;
    }

    .content_wrapper {
        margin: 0;
        width: 100%;
    }

    .menu_mobile, .burger{
        display: block;
    }

    .header{
        display: none;
    }

    .burger{
        border-radius: 2px;
        height: 75px;
        width: 75px;
        background-color: white;
        position: fixed;
        top: 3px;
        right: 3px;
        padding: 15px 18px;
        font-size: 50px;
        box-sizing: border-box;

        transition: all .2s;
    }

    .burger .line{
        height: 3px;
        width: 100%;
        background-color: black;
        margin-top: 9px;
        transition: all .2s;
    }

    .menu_mobile{
        position: fixed;
        top: 0;
        left: -85%;
        width: calc(100% - 81px);
        height: 100%;
        padding: 40px 20px;
        box-sizing: border-box;
        transition: left .2s;

        -webkit-box-shadow: 3px 0px 12px -1px rgba(0,0,0,0.75);
        -moz-box-shadow: 3px 0px 12px -1px rgba(0,0,0,0.75);
        box-shadow: 3px 0px 12px -1px rgba(0,0,0,0.75);

        background: rgba(0,0,0,0.8);
        color: white;
        /*background: -moz-linear-gradient(-45deg, #ffffff 0%, rgba(200,200,200,0.98) 400px);*/
        /*background: -webkit-linear-gradient(-45deg, #ffffff 0%, rgba(200,200,200,0.98) 400px);*/
        /*background: linear-gradient(135deg, #ffffff 0%, rgba(200,200,200,0.98) 400px);*/
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#45484d',GradientType=1 );*/
    }


    .menu_mobile.visible{
        left: 0;
    }


    .burger.visible{
        background-color: #661316;
        color: white;
    }


    .burger.visible .line:nth-child(1){
        transform: rotate(45deg) translateY(9px) translateX(9px) scale(1.4);
        background-color: white;
    }
    .burger.visible .line:nth-child(2){
        transform: rotate(-45deg) scale(1.4);
        background-color: white;
    }
    .burger.visible .line:nth-child(3){
        opacity: 0;
    }

    .menu_mobile .item{
        margin: 5px;
        font-size: 30px;
    }

    /* Gallery */
    .content.gallery{
        width: 100%;
    }
    
    .galleryCol img{
        width: 100%;
        margin: 0;
        display: block;
        border: none;
        transition: none;
        box-shadow: none;
    }
    
    .galleryCol img:hover{
        transform: none;
    }
}