@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    div#hand, div#hand-touch-me {
        visibility: hidden;
    }

    
    a#logo {
        left: 40px;
    }
    #bar div.gray {
        margin-left: 250px;
    }


    #home {
        top: 160px;
    }
    #home h1 {
        font-size: 3.0em;
        line-height: 1.1em;
    }
    #home h2 {
        font-weight: normal;
        font-size: 2.2em;
        line-height: 1.1em;
    }

    #home-links {
        top: 190px;
    }

    #park-legend {
        left: 40px;
        top: 200px;
    }
    #park-image {
        top: 400px;
    }
    #park-image img {
        width: 400px;
    }

    #standort-map {
        top: -20px;
        background-size: 100%;
        width: 440px;
        height: 600px;
    }
    
}


@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation:portrait) {

    /* Portrait */
   
    
}

@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation:landscape) {
    
    /* Landscape */
   
}