* {
  --grid-width: 1640;
  --masonry-columns: 13;
  }  
  
#grid {
  background: url('../img/grid-15.svg') repeat-y;
  }   
  
.wp-block-group,
.slick-slider {
  width: calc((var(--grid-column) * 12) + (var(--gap) * 11));
  } 
  
/* PROJEKTE FIX
------------------------------------------------------------------------------ */      
  
#masonry.fixed #p1 {
  width: calc((var(--grid-column)*3) + (var(--gap)*2));
  height: calc((var(--grid-column)*2) + (var(--gap)*1));
  }
  
#masonry.fixed #s1 {
  left: calc((var(--grid-column) * 6) + (var(--gap) * 6));
  top: 0;
  }
  
#masonry.fixed #p2 {
  margin-top: calc((var(--grid-column) * 1) + (var(--gap) * 1));
  }  

#masonry.fixed #p3 {
  width: calc((var(--grid-column)*4) + (var(--gap)*3));
  height: calc((var(--grid-column)*4) + (var(--gap)*3));
  }  
  
#masonry.fixed #p4 {
  width: calc((var(--grid-column)*4) + (var(--gap)*3));
  height: calc((var(--grid-column)*4) + (var(--gap)*3));
  }   
  
#masonry.fixed #p5 {
  width: calc((var(--grid-column)*2) + (var(--gap)*1));
  height: calc((var(--grid-column)*2) + (var(--gap)*1));
  } 
  
#masonry.fixed #s2 {
  margin-left: calc((var(--grid-column) * 3) + (var(--gap) * 3));
  }
  
#masonry.fixed #p7 {
  width: calc((var(--grid-column)*4) + (var(--gap)*3));
  height: calc((var(--grid-column)*4) + (var(--gap)*3));
  }  
  
#masonry.fixed #p9 {
  width: calc((var(--grid-column)*3) + (var(--gap)*2));
  height: calc((var(--grid-column)*2) + (var(--gap)*1));
  }     
  
#masonry.fixed #t2 {
  width: calc((var(--grid-column)*4) + (var(--gap)*3));
  height: calc((var(--grid-column)*4) + (var(--gap)*3));
  }   
  
#masonry.fixed #p10 {
  width: calc((var(--grid-column)*4) + (var(--gap)*3));
  height: calc((var(--grid-column)*4) + (var(--gap)*3));
  }
  
#masonry.fixed #s5 {
  top: 0;
  }  
  
#masonry.fixed #t2 {
  top: 0;
  margin-bottom: 0;
  }  
  
#masonry.fixed #s6 {
  margin-top: calc((var(--grid-column)*-2) + (var(--gap)*-2));
  }