.freundeskreis

background: white

h1
  +desktop
    margin-top: 240px !important

ul.benefits
  list-style-type: disc
  text-align: left

  li
    margin-bottom: 5px

.navbar-toggle
  display: none

.supporter-tiles

  .tile
    background: $gray-200
    margin-bottom: 20px
    margin-top: 50px
    padding: 30px
    position: relative

    &:before
      content: ''
      position: absolute
      left: 50%
      top: -40px
      margin-left: (115px / -2)
      width: 115px
      height: 115px
      background: $gray-200
      border-radius: 100%

    img
      width: auto
      height: 70px
      margin-top: -90px
      position: relative

    h3
      font-family: "Caveat", "Comic Sans", serif
      font-size: 28px
      line-height: 28px
      margin: 0

    p
      margin-bottom: 0
      margin-top: 20px

.introduction
  background: white
  position: relative
  z-index: 20

  +desktop
    box-shadow: 15px 0px 0 0px white, -15px 0px 0 0px white
    margin-top: -115px
    padding: 30px 90px 0

  +phone
    padding: 15px

  h2
    margin-bottom: 5px

.grey-background
  background: $gray-200
  padding: 30px 0
  margin: 50px 0 0 0

  h2
    margin-bottom: 0

  .btn
    margin: 20px  0 0 0

#betterplace_donation_iframe
  background: white !important
  margin-top: -40px

  +desktop
    margin-bottom: 50px

.hides-appended-social-media + .social-sharing
  display: none

#betterplace_donation_iframe iframe
  margin-top: 50px

.header-illustration
  background: $gray-200
  border-radius: 100%
  width: 90px
  height: 90px
  margin: -70px auto 0 auto
  position: relative
  z-index: 20

  img
    height: 60px
    width: auto
    margin-top: 14px