section#wie
  margin-top: 0
  background-image: url(../img/backgrounds/bg002.jpg)
  background-position: center center
  +media($ipad-portrait)
    background-image: none
    background-color: #fff

  .content
    +glashelder-outer-container()
    position: relative

    &:first-child
      background-image: url(../img/backgrounds/background-arrow.svg)
      background-position: center top
      background-size: 630px 48px
      background-repeat: no-repeat


  .spreuk
    +span-columns(6)
    +media($ipad-portrait)
      +span-columns(12)
    margin-top: 50px
    h4, p
      font-family: $font-serif
      color: $gray
      font-weight: normal
      line-height: 1.5em
      text-align: center
    h4
      font-size: 26px
      margin-bottom: .5em
    p
      font-style: italic
      margin-bottom: 3em

  .wie-image
    +span-columns(5)
    height: 500px
    position: absolute
    right: 0
    background-image: url(../img/joris2.jpg) 
    background-size: cover
    background-position: center center

    +media($ipad-portrait)
      display: none !important

    .onderschrift
      position: absolute
      right: 0
      bottom: -40px
      margin: 0
      font-size: 1.25em
      color: $white
      font-style: italic

  .wie
    +span-columns(7)
    +media($ipad-portrait)
      +span-columns(12)

    .inner
      position: relative
      box-sizing: content-box
      padding: 40px 65px 60px 65px
      left: -65px
      width: 100%
      background-color: $white
      z-index: 100
      +media($ipad-portrait)
        padding-top: 0
        padding-left: 40px
        padding-right: 40px
        left: -40px
      > h2
        font-size: 28px

    .item
      display: block
      width: 100%
      +clearfix
      margin-top: 2em
      .icon
        +span-columns(1 of 6)
        +media($ipad-portrait)
          display: none
        width: 45px

      .text
        +span-columns(5 of 6)
        +media($ipad-portrait)
          +span-columns(12)
      h3, p
        margin: 0
        padding: 0
        color: $brand-tint
      h3
        letter-spacing: 0.075em
        text-transform: uppercase