@charset "utf-8";

/* CSS Document: Portfolio => Cases */

/*###############
##### header #### 
#################*/

header {
    background-image: url("../img/herobild/herobild-mobile_cases.png");
}


/*###############################
## Icons von Projekten / Cases ##
##############################*/

main>div>a>img:nth-child(odd) {
    margin-left: 100px;
}

main>div>a>img {
    float: none;
    width: 20%;
    position: relative;
}

.caseAusblenden {
    display: none;
}




@media all and (min-width:1000px) {


    /*#### header ####*/

    .herobild {
        background-image: url("../img/herobild/herobild-desk_cases.png");
    }

    main>div>a>img:hover {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
}

}

@media all and (min-width:1200px) {


    /*########## 
    ## header ##
    ###########*/

    header>div>p {
        display: none;
    }


    /*###########
    Icons von Projekten / Cases
    ############*/

    main>div:nth-child(odd) {
        margin-left: 150px;
    }


}