.space-for-sidebar
  width: $contentGrid*3

.services-intro
  display: flex

.intro-text-method
  margin-top: -50px

.sidebar
  margin-top: -232.5px
  min-height: 400px
  background-color: white

.title-sidebar
  display: block
  text-align: center
  background-color: $ctaBackgroundColor
  color: white
  border: 0px
  padding: 20px

.project-list
  @extend .grid9

.project-list-item
  float: left
  width: calc(100%/2)
  border: 0px
  h2
    background-color: white
    position: absolute
    font-size: 16px
    color: $mainBackgroundColorDarker
    z-index: 999
    padding: 10px 20px
    margin-top: -75px

.detail-title
  font-size: 18px

.detail-description
  margin-top: 30px

.image-box
  position: relative
  height: 300px
  overflow: hidden

.project-list-item .image-box img
  position: absolute
  top: -100%
  left: 0
  right: 0
  bottom: -100%
  margin: auto
  transition: all ease 0.6s
  &:hover
    -webkit-transform: scale(1.1)
    transform: scale(1.1)
  //-webkit-filter: grayscale(100%)
  //-webkit-transition: .5s ease-in-out
  //-moz-filter: grayscale(100%)
  //-moz-transition: .5s ease-in-out
  //-o-filter: grayscale(100%)
  //-o-transition: .5s ease-in-out
  //&:hover
  //  -webkit-filter: grayscale(0%)
  //  -webkit-transition: .5s ease-in-out
  //  -moz-filter: grayscale(0%)
  //  -moz-transition: .5s ease-in-out
  //  -o-filter: grayscale(0%)
  //  -o-transition: .5s ease-in-out

.sidebar
  @extend .grid3
  .contact_opnemen_foto
    margin-top: 50px
    width: 100%
    .block-title
      color: $ctaBackgroundColor
      font-size: 16px
      font-weight: 600
    p
      font-size: 16px
      font-weight: 600

.sidebar-nav
  margin-top: 50px
  list-style: none
  .first
    padding-bottom: 20px
  li
    a
      opacity: 0.8
      &:hover
        opacity: 1
    margin-top: 10px
    a:active
    font-weight: 700

.main-detail-image
  width: 100%
  position: absolute
  top: -100%
  left: 0
  right: 0
  bottom: -100%
  margin: auto

+media-query(1200px)
  .project-list-item
    width: 100%

+media-query(1020px)
  .sidebar-nav
    padding-left: 25px

+media-query(768px)
  .sidebar
    display: none
    width: 100%
  .contact_opnemen_foto
    display: none
  .project-list
    width: 100%

.intro-text-method
  padding: 30px 40px

+media-query(486px)
  .intro-text-method
    margin-top: 0px