* {
  --grid-width: 1420;
  --masonry-columns: 11;
  }  
  
#grid {
  background: url('../img/grid-13.svg') repeat-y;
  }   
  
.wp-block-group,
.slick-slider {
  width: calc((var(--grid-column) * 10) + (var(--gap) * 9));
  }  
  
/* PROJEKTE FIX
------------------------------------------------------------------------------ */      
  
#masonry.fixed #p2 {
  width: calc((var(--grid-column)*2) + (var(--gap)*1));
  height: calc((var(--grid-column)*2) + (var(--gap)*1));
  }  
  
#masonry.fixed #s1 {
  left: calc((var(--grid-column) * 5) + (var(--gap) * 5));
  }
  
#masonry.fixed #p3 {
  width: calc((var(--grid-column)*3) + (var(--gap)*2));
  height: calc((var(--grid-column)*3) + (var(--gap)*2));
  }   
  
#masonry.fixed #p4 {
  margin-top: calc((var(--grid-column) * -1) + (var(--gap) * -1));
  }  
  
#masonry.fixed #p5 { 
  clear: both;
  }
  
#masonry.fixed #s2 {
  clear: none;
  margin-left: 0;
  }  
  
#masonry.fixed #p6 {
  float: left;
  width: calc((var(--grid-column)*4) + (var(--gap)*3));
  height: calc((var(--grid-column)*3) + (var(--gap)*2));
  }
  
#masonry.fixed #p7 {
  float: left;
  width: calc((var(--grid-column)*3) + (var(--gap)*2));
  height: calc((var(--grid-column)*3) + (var(--gap)*2));
  }     
  
#masonry.fixed #p9 {
  float: left;
  width: calc((var(--grid-column)*2) + (var(--gap)*1));
  height: calc((var(--grid-column)*2) + (var(--gap)*1));
  }   
  
#masonry.fixed #p10 {
  float: left;
  width: calc((var(--grid-column)*3) + (var(--gap)*2));
  height: calc((var(--grid-column)*3) + (var(--gap)*2));
  } 
  
#masonry.fixed #s6 {
  margin-top: 0;
  clear: none;
  }