

#Ducts {
    width: 70%;
	padding: 100px 15%;
    display: flex;
    align-items: flex-start; /*Oben anheften*/
    justify-content:flex-start; /*Mittig im space verteilen*/
    flex-wrap: wrap; /*Zeilenumbruch */
    
    
}

@media only screen and (min-width: 150px) and (max-width: 720px) {
    
    #selection{
        width: 100vw;
        margin-top: 10vh;
        height: 80vh;
        overflow: hidden;
        
        background-color: #fff;
        
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease;
        
        -moz-transform: translateY(-80vh);
        -webkit-transform: translateY(-80vh);
        transform: translateY(-80vh);  
    }
    
    #selection:hover{
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);  
    }

    
    
    #Ducts {
        z-index: 1;
        width: 80%;
        margin: 0;
        padding: 0 10%;
        padding-top: 10vh;
        justify-content: space-around; /*Mittig im space verteilen*/
    }
}


