/* Scss Document */
.maatwerkpage {
  padding-bottom: 297px;
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  line-height: 32px;
  font-weight: 300; }
  .maatwerkpage .row {
    float: left;
    position: relative;
    width: 100%; }
  .maatwerkpage p {
    margin: 0px; }
  .maatwerkpage .r1 {
    height: 530px;
    z-index: 3; }
    .maatwerkpage .r1 .info {
      position: absolute;
      width: 930px;
      left: calc(50% - 585px); }
      .maatwerkpage .r1 .info p {
        width: 460px;
        margin-top: 50px;
        display: block;
        float: left;
        margin-bottom: 0px; }
    .maatwerkpage .r1 .afbeelding {
      position: absolute;
      top: 215px;
      width: 930px;
      left: calc(50% + 180px); }
      .maatwerkpage .r1 .afbeelding .marker {
        background-image: url(../img/maatwerk/blue_marker.png);
        width: 475px;
        height: 532px;
        position: absolute;
        top: 203px;
        left: -277px;
        background-size: cover; }
  .maatwerkpage .block {
    float: left;
    width: 457px; }
    .maatwerkpage .block .title {
      color: #c6a850;
      font-family: "Playfair Display", serif;
      font-size: 30px;
      letter-spacing: 0.1em;
      margin-bottom: 40px; }
  .maatwerkpage .r2 {
    height: 1349px;
    z-index: 2; }
    .maatwerkpage .r2 .background {
      position: absolute;
      z-index: 1;
      left: 0px;
      width: 50%;
      top: 0px;
      bottom: 143px;
      background-color: #f9f6ed; }
    .maatwerkpage .r2 .afbeelding {
      position: absolute;
      bottom: 0px;
      width: 777px;
      left: calc(50% - 960px);
      z-index: 2;
      height: 487px; }
    .maatwerkpage .r2 .left {
      z-index: 2;
      position: absolute;
      width: 639px;
      left: calc(50% - 639px); }
      .maatwerkpage .r2 .left .afbeelding {
        display: none; }
    .maatwerkpage .r2 .block.bl1 {
      margin-top: 115px; }
    .maatwerkpage .r2 .block.bl2 {
      margin-top: 125px; }
    .maatwerkpage .r2 .block.bl4 {
      margin-top: 104px; }
    .maatwerkpage .r2 .block.bl5 {
      margin-top: 80px; }
    .maatwerkpage .r2 .right {
      z-index: 2;
      top: 427px;
      position: absolute;
      width: 455px;
      left: calc(50% + 180px); }
  .maatwerkpage .r3 {
    height: 916px; }
    .maatwerkpage .r3 .left {
      z-index: 2;
      position: absolute;
      width: 639px;
      left: calc(50% - 639px); }
    .maatwerkpage .r3 .block.bl1 {
      margin-top: 115px; }
    .maatwerkpage .r3 .block.bl2 {
      margin-top: 225px; }
    .maatwerkpage .r3 .block.bl4 {
      margin-top: 104px; }
    .maatwerkpage .r3 .block.bl5 {
      margin-top: 80px; }
    .maatwerkpage .r3 .background {
      position: absolute;
      z-index: 1;
      left: 0px;
      width: 100%;
      bottom: 0px;
      height: 410px;
      background-color: #f9f6ed; }
    .maatwerkpage .r3 .afbeelding {
      position: absolute;
      bottom: 88px;
      width: 962px;
      left: 50%;
      z-index: 2; }

@media screen and (max-width: 1269px) {
  /*TUSSEN FIX*/
  .maatwerkpage {
    margin-top: 74px;
    line-height: 30px;
    padding-bottom: 118px; }
    .maatwerkpage .block .title {
      font-size: 25px; }
    .maatwerkpage .r1 {
      height: 411px; }
      .maatwerkpage .r1 .info {
        left: calc(50% - 448px);
        width: 100%; }
        .maatwerkpage .r1 .info p {
          margin-top: 20px;
          width: 413px; }
      .maatwerkpage .r1 .afbeelding {
        width: 449px;
        left: calc(50% + 63px);
        top: 146px; }
        .maatwerkpage .r1 .afbeelding .marker {
          width: 245px;
          height: 275px;
          left: -126px;
          top: 109px; }
    .maatwerkpage .r2 {
      height: 1074px; }
      .maatwerkpage .r2 .background {
        left: -30px; }
      .maatwerkpage .r2 .block {
        width: 100%; }
      .maatwerkpage .r2 .left {
        left: calc(50% - 448px);
        width: 326px; }
        .maatwerkpage .r2 .left .block.bl1 {
          margin-top: 69px; }
        .maatwerkpage .r2 .left .block.bl2 {
          margin-top: 63px; }
      .maatwerkpage .r2 .right {
        left: calc(50%  + 30px);
        top: 320px;
        width: 416px; }
        .maatwerkpage .r2 .right .block.bl4 {
          margin-top: 63px; }
        .maatwerkpage .r2 .right .block.bl5 {
          margin-top: 63px; }
      .maatwerkpage .r2 .afbeelding {
        width: 448px;
        height: 282px;
        left: calc(50%  - 512px); }
    .maatwerkpage .r3 {
      height: 799px; }
      .maatwerkpage .r3 .left {
        left: calc(50% - 448px);
        width: 326px; }
      .maatwerkpage .r3 .block {
        width: 385px; }
        .maatwerkpage .r3 .block.bl1 {
          margin-top: 75px; }
        .maatwerkpage .r3 .block.bl2 {
          margin-top: 139px; }
      .maatwerkpage .r3 .afbeelding {
        width: 512px;
        bottom: 217px; }
      .maatwerkpage .r3 .background {
        height: 388px; } }
@media screen and (max-width: 1023px) {
  /*TUSSEN FIX*/
  .maatwerkpage {
    padding-bottom: 250px; }
    .maatwerkpage .block .title {
      margin-bottom: 35px; }
    .maatwerkpage .r1 {
      height: 547px; }
      .maatwerkpage .r1 .info {
        left: calc(50% - 336px);
        width: 432px; }
        .maatwerkpage .r1 .info p {
          width: 288px; }
      .maatwerkpage .r1 .afbeelding {
        width: 338px;
        top: 224px;
        left: calc(50% + 47px); }
        .maatwerkpage .r1 .afbeelding .marker {
          width: 218px;
          height: 245px;
          left: -96px;
          top: 144px; }
    .maatwerkpage .r2 {
      height: 1004px; }
      .maatwerkpage .r2 .background {
        left: -24px; }
      .maatwerkpage .r2 .left {
        left: calc(50% - 336px);
        width: 288px; }
        .maatwerkpage .r2 .left .block.bl1 {
          margin-top: 50px; }
        .maatwerkpage .r2 .left .block.bl2 {
          margin-top: 40px; }
      .maatwerkpage .r2 .right {
        left: calc(50%  + 16px);
        top: 323px;
        width: 320px; }
        .maatwerkpage .r2 .right .block.bl4 {
          margin-top: 40px; }
        .maatwerkpage .r2 .right .block.bl5 {
          margin-top: 40px; }
      .maatwerkpage .r2 .afbeelding {
        width: 336px;
        height: 211px;
        left: calc(50%  - 384px); }
    .maatwerkpage .r3 {
      height: 831px; }
      .maatwerkpage .r3 .left {
        left: calc(50% - 336px);
        width: 288px; }
      .maatwerkpage .r3 .block {
        width: 100%; }
        .maatwerkpage .r3 .block.bl1 {
          margin-top: 45px; }
        .maatwerkpage .r3 .block.bl2 {
          margin-top: 92px; }
      .maatwerkpage .r3 .afbeelding {
        width: 384px;
        height: 285px;
        bottom: 247px; }
      .maatwerkpage .r3 .background {
        height: 372px; } }
@media screen and (max-width: 767px) {
  /*TUSSEN FIX*/
  .maatwerkpage {
    padding-bottom: 48px;
    font-size: 15px;
    line-height: 26px; }
    .maatwerkpage .block .title {
      font-size: 24px;
      margin-bottom: 34px; }
    .maatwerkpage .r1 {
      height: auto;
      margin-bottom: 30px; }
      .maatwerkpage .r1 .info {
        position: unset;
        float: left;
        width: 280px;
        margin-left: calc(50% - 140px);
        margin-bottom: 46px; }
      .maatwerkpage .r1 .afbeelding {
        position: relative;
        float: left;
        left: calc(50% - 140px);
        top: unset;
        width: 300px;
        height: 207px; }
        .maatwerkpage .r1 .afbeelding .marker {
          width: 194px;
          height: 218px;
          left: -64px;
          top: 43px; }
    .maatwerkpage .r2 {
      height: auto; }
      .maatwerkpage .r2 .background, .maatwerkpage .r2 .afbeelding {
        display: none; }
      .maatwerkpage .r2 .left {
        position: unset;
        float: left;
        width: 100%;
        padding-left: calc(50% - 140px);
        padding-right: calc(50% - 140px);
        background-color: #f9f6ed;
        margin-bottom: 184px; }
        .maatwerkpage .r2 .left .block.bl1 {
          margin-top: 40px; }
        .maatwerkpage .r2 .left .block.bl2 {
          margin-top: 35px;
          padding-bottom: 90px;
          position: relative; }
        .maatwerkpage .r2 .left .afbeelding {
          display: block;
          position: absolute;
          float: left;
          bottom: -142px;
          width: 300px;
          height: 189px;
          left: calc(50% - 160px); }
      .maatwerkpage .r2 .right {
        position: unset;
        float: left;
        width: 280px;
        margin-left: calc(50% - 140px); }
        .maatwerkpage .r2 .right .block.bl4 {
          margin-top: 34px; }
          .maatwerkpage .r2 .right .block.bl4 img {
            max-width: 45px; }
        .maatwerkpage .r2 .right .block.bl5 {
          margin-top: 34px; }
    .maatwerkpage .r3 {
      height: auto; }
      .maatwerkpage .r3 .left {
        position: relative;
        float: left;
        width: 100%;
        left: unset;
        padding-left: calc(50% - 140px);
        padding-right: calc(50% - 140px);
        margin-bottom: 40px; }
        .maatwerkpage .r3 .left .block.bl2 {
          margin-top: 284px; }
      .maatwerkpage .r3 .afbeelding {
        bottom: auto;
        top: 380px;
        width: 300px;
        height: 200px;
        left: calc(50% - 140px); }
      .maatwerkpage .r3 .background {
        height: 383px; } }