.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