.incasso-wrapper
  +flex(center, center)
  flex-direction: column
  position: relative

  .incasso-intro-row
    +flex(center, center)
    padding: 100px 0px
    width: 100%
    background:
      color: $lightGray

    +respond-to(small)
      padding: $paddingSmall

    .intro-block-wrapper
      width: $contentGrid*4
      max-width: 600px
      margin-left: $contentGrid*2

      +respond-to-width(1900)
        margin-left: $contentGrid*2

      +respond-to-width(1700)
        margin-left: $contentGrid*3

      +respond-to-width(medium)
        margin: 0

      +respond-to(small)
        margin: 0
        width: 100%

  .incasso-equichecker-row
    +flex(flex-end, center)
    padding: 100px $paddingSmall
    position: relative
    width: 100%
    height: 100%
    max-width: $maxWidth
    background:
      color: white

    +respond-to-width(750)
      +flex()
      flex-direction: column
      padding: $paddingSmall

    .equichecker-block-wrapper
      max-width: $maxContentWidth

      +respond-to(medium)
        max-width: 400px

      +respond-to-width(750)
        width: 100%
        +order(2)

      +respond-to(small)
        width: $contentGrid*4

      +respond-to-width(750)
        width: 100%
        +order(2)

    .equichecker-traffic-lights
      padding: 0 15px
      width: 80px

      +respond-to-width(750)
        display: none

.floating-ipad
  pointer-events: none
  position: absolute
  width: 850px
  top: -350px
  left: 0
  margin-left: -30px
  img
    width: 100%

  +respond-to-width(1700)
    width: 800px
    top: -250px

  +respond-to-width(1400)
    width: $contentGrid*6

  +respond-to(small)
    width: $contentGrid*6
    bottom: 0
    top: 0
    left: $paddingSmall
  +respond-to(medium)

  +respond-to-width(750)
    position: relative
    top: -50px
    left: 0
    bottom: 0
    width: 100%
    margin: 0
    +order(1)

.equichecker-buttons
  +flex(flex-start, flex-start)
  +respond-to(medium)
    flex-direction: column

  .btn-seperator
    +respond-to(medium)
      height: 10px