@media screen and (max-width: 799px){
  
  
    h1{
        font-size: 12vw;
    }
   
  
  
    .product-grid {
       
        display: grid;
        grid-auto-columns: 1fr;
        grid-auto-rows: 92vw 16vw 280vw   120vw 120vw 80vw 120vw 80vw 120vw 80vw ;
        grid-template-areas:
        
        'b'
        '.'
        'a'

        'e'    
        'f'
        'g'
        'h' 
        'i'
        'j'
        'k'
        
        
        ;
    
        grid-gap: 2px;
    }
    
    
    
    
    /* Einzelne Projekte unter Projects */
    
.stacked:nth-child(1) {
    grid-area: a;
}

.stacked:nth-child(2) {
    grid-area: b;
}




.stacked:nth-child(3) {
    grid-area: e;
}

.stacked:nth-child(4) {
    grid-area: f;
}

.stacked:nth-child(5) {
    grid-area: g;
}

.stacked:nth-child(6) {
    grid-area: h;
}

.stacked:nth-child(7) {
    grid-area: i;
}

.stacked:nth-child(8) {
    grid-area: j;
}

.stacked:nth-child(9) {
    grid-area: k;
}

}
    





@media screen and (min-width: 800px) {
.product-grid {
   
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-rows: 22vh;
    grid-template-areas:
    '. . . a a a a a a'
    '. . . a a a a a a'
    'b b . a a a a a a'
    'b b . . . . . . .'
    'k k k k k k k k k'
    'k k k k k k k k k'
    'k k k k k k k k k'
    'k k k k k k k k k'
    'h h h e e e g g g'
    'h h h e e e g g g'
    'h h h e e e g g g'
    'h h h e e e g g g'
    'h h h e e e g g g'
    
    'f f f i i i j j j'
    'f f f i i i j j j'
    'f f f i i i j j j'
    'f f f i i i j j j'
   
   

    
    ;

    grid-gap: 4px;
}




/* Einzelne Projekte unter Projects */


.stacked:nth-child(1) {
    grid-area: a;
}

.stacked:nth-child(2) {
    grid-area: b;
}




.stacked:nth-child(3) {
    grid-area: e;
}

.stacked:nth-child(4) {
    grid-area: f;
}

.stacked:nth-child(5) {
    grid-area: g;
}

.stacked:nth-child(6) {
    grid-area: h;
}

.stacked:nth-child(7) {
    grid-area: i;
}

.stacked:nth-child(8) {
    grid-area: j;
}

.stacked:nth-child(9) {
    grid-area: k;
}


}