{"version":3,"sources":["global/_text.scss","global/_global.scss","global/_settings.scss","global/_hex.scss","global/_mouse.scss","global/_backgrounds.scss","global/_buttons.scss","global/_nav.scss","global/_contact-float.scss","global/_footer.scss","grid/_grid.scss","home/_waarom.scss","product/_product.scss","partials/_header.scss","global/_contact.scss","over/_about.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["@import url('se.typekit.net/lsu2fqq.css');\r\n\r\nh1 {\r\n  font-family: acumin-pro, sans-serif;\r\n  font-size: $heading-large;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n}\r\n\r\nh2 {\r\n  font-family: acumin-pro, sans-serif;\r\n  font-size: $heading-medium;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.tagline {\r\n  font-size: $heading-medium;\r\n  letter-spacing: 1rem;\r\n  margin-top: 1rem;\r\n}\r\n\r\np {\r\n  font-size: 18px;\r\n}\r\n\r\nh3 {\r\n  font-family: acumin-pro, sans-serif;\r\n  font-size: 29px;\r\n  text-transform: uppercase;\r\n  font-weight: bold;\r\n}","// sass-lint:disable class-name-format\r\n// sass-lint:disable no-ids\r\n// sass-lint:disable nesting-depth\r\n// sass-lint:disable no-trailing-whitespaces\r\n\r\nhtml {\r\n  font-size: 14px;\r\n  scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n  overflow-x: hidden;\r\n}\r\n\r\n.container {\r\n  max-width: 1364px;\r\n}\r\n","// Font-sizes\r\n$heading-large: 7.688rem;\r\n$heading-medium: 44px;\r\n$heading-small: 1.875rem;\r\n\r\n$primary: #bb0051;\r\n$design: #f3800c;\r\n$digital: #33b4da;\r\n$fotografie: #31a381;\r\n$light: #fff;\r\n$dark: #000;\r\n","// sass-lint:disable class-name-format\r\n// sass-lint:disable no-ids\r\n// sass-lint:disable nesting-depth\r\n// sass-lint:disable no-trailing-whitespaces\r\n\r\n.hex {\r\n  background: $primary;\r\n  border-radius: 1em/.5em;\r\n  height: 17.32em;\r\n  position: relative;\r\n  transition: opacity .5s;\r\n  width: 10em;\r\n\r\n  &::before {\r\n    background: inherit;\r\n    border-radius: inherit;\r\n    content: '';\r\n    height: inherit;\r\n    position: absolute;\r\n    transform: rotate(60deg);\r\n    width: inherit;\r\n  }\r\n\r\n  &::after {\r\n    background: inherit;\r\n    border-radius: inherit;\r\n    content: '';\r\n    height: inherit;\r\n    position: absolute;\r\n    transform: rotate(-60deg);\r\n    width: inherit;\r\n  }\r\n  &--orange {\r\n    background-color: $design;\r\n  }\r\n  &--green {\r\n    background-color: $fotografie;\r\n  }\r\n  &--blue {\r\n    background-color: $digital;\r\n  }\r\n}\r\n","// sass-lint:disable class-name-format\r\n// sass-lint:disable no-ids\r\n// sass-lint:disable nesting-depth\r\n// sass-lint:disable no-trailing-whitespaces\r\n\r\n.scroll-downs {\r\n  bottom: 2rem;\r\n  height: 55px;\r\n  margin: auto;\r\n  position: absolute;\r\n  right: 15rem;\r\n  width: 34px;\r\n}\r\n\r\n.mousey {\r\n  border: 2px solid $digital;\r\n  border-radius: 25px;\r\n  box-sizing: content-box;\r\n  height: 35px;\r\n  opacity: 1;\r\n  padding: 7px 11px 0;\r\n  width: 3px;\r\n\r\n  &.light {\r\n    border: 2px solid $light;\r\n    .scroller {\r\n      background-color: $light !important;\r\n\r\n    }\r\n  }\r\n}\r\n\r\n.scroller {\r\n  animation-duration: 2.2s;\r\n  animation-iteration-count: infinite;\r\n  animation-name: scroll;\r\n  animation-timing-function: cubic-bezier(.15, .41, .69, .94);\r\n  background-color: $digital;\r\n  border-radius: 25%;\r\n  height: 10px;\r\n  width: 3px;\r\n}\r\n\r\n@keyframes scroll {\r\n  0% {\r\n    opacity: 0;\r\n  }\r\n\r\n  10% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n    transform: translateY(15px);\r\n  }\r\n}\r\n","// sass-lint:disable class-name-format\r\n// sass-lint:disable no-ids\r\n// sass-lint:disable nesting-depth\r\n// sass-lint:disable no-trailing-whitespaces\r\n\r\n.background {\r\n  &__top {\r\n\r\n    &--green {\r\n      background: $fotografie;\r\n      height: 82.32em;\r\n      left: -48rem;\r\n      position: absolute;\r\n      top: -44rem;\r\n      width: 48em;\r\n    }\r\n\r\n    &--orange {\r\n      background: $design;\r\n      height: 81.32em;\r\n      position: absolute;\r\n      right: -48rem;\r\n      top: 35rem;\r\n      width: 47em;\r\n    }\r\n  }\r\n\r\n  &__product {\r\n    height: 126.32em;\r\n    position: absolute;\r\n    width: 73em;\r\n\r\n    &--green {\r\n      background: $fotografie;\r\n    }\r\n\r\n    &--orange {\r\n      background: $design;\r\n    }\r\n\r\n    &--blue {\r\n      background: $digital;\r\n    }\r\n    \r\n  }\r\n}\r\n","/* General Button Style */\r\n.button{\r\n  position: relative;\r\n\tdisplay:block;\r\n\tbackground: transparent;\r\n\twidth:auto;\r\n\ttext-align:center;\r\n\tfont-size:15px;\r\n\ttext-decoration:none;\r\n  float: right;\r\n  line-height: 39px;\r\n  transition-duration: .2s;\r\n\r\n  &.primary {\r\n    color: $light;\r\n\r\n    &::before,\r\n    &::after {\r\n      border: 3px solid $primary;\r\n      background: $primary;\r\n    }\r\n\r\n    &:hover {\r\n      color: $primary;\r\n\r\n      &::before,\r\n      &::after {\r\n        background: transparent;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.design {\r\n    color: $light;\r\n\r\n    &::before,\r\n    &::after {\r\n      border: 3px solid $design;\r\n      background: $design;\r\n    }\r\n\r\n    &:hover {\r\n      color: $design;\r\n\r\n      &::before,\r\n      &::after {\r\n        background: transparent;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.digital {\r\n    color: $light;\r\n\r\n    &::before,\r\n    &::after {\r\n      border: 3px solid $digital;\r\n      background: $digital;\r\n    }\r\n\r\n    &:hover {\r\n      color: $digital;\r\n\r\n      &::before,\r\n      &::after {\r\n        background: transparent;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.fotografie {\r\n    color: $light;\r\n\r\n    &::before,\r\n    &::after {\r\n      border: 3px solid $fotografie;\r\n      background: $fotografie;\r\n    }\r\n\r\n    &:hover {\r\n      color: $fotografie;\r\n\r\n      &::before,\r\n      &::after {\r\n        background: transparent;\r\n      }\r\n    }\r\n\r\n    \r\n  }\r\n  &.light {\r\n    color: $dark;\r\n\r\n    &::before,\r\n    &::after {\r\n      border: 3px solid $light;\r\n      background: $light;\r\n    }\r\n\r\n    &:hover {\r\n      color: $light;\r\n\r\n      &::before,\r\n      &::after {\r\n        background: transparent;\r\n      }\r\n    }\r\n  }\r\n  span {\r\n    padding: 10px;\r\n  }\r\n\r\n  &--center {\r\n    float: none;\r\n    z-index: 100;\r\n    width: fit-content;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n  }\r\n}\r\n.button:before, .button:after {\r\n\twidth:100%;\r\n  left: 0px;\r\n\theight:21px;\r\n  z-index: -1;\r\n  border-radius: 7px;\r\n  // transition-duration: .3s;\r\n}\r\n/* Button Border Style */\r\n.indigo:before,.indigo:after {\r\n\t\r\n}\r\n\r\n.button:before{\r\n  position: absolute;\r\n  content: '';\r\n  border-bottom: none!important;\r\n  -webkit-transform: perspective(15px) rotateX(12deg);\r\n  -moz-transform: perspective(15px) rotateX(12deg);\r\n  transform: perspective(15px) rotateX(12deg);  \r\n}\r\n.button:after{\r\n  position: absolute;\r\n  top: 20px;\r\n  content: '';\r\n  border-top: none!important;\r\n  -webkit-transform: perspective(15px) rotateX(-12deg);\r\n  -moz-transform: perspective(15px) rotateX(-12deg);\r\n  transform: perspective(15px) rotateX(-12deg);\r\n}\r\n\r\n/* Button Hover Style */\r\n\r\n\r\n\r\n.button:hover{\r\n\tcolor:#fff;\r\n}","// sass-lint:disable class-name-format\r\n// sass-lint:disable no-ids\r\n// sass-lint:disable nesting-depth\r\n// sass-lint:disable no-trailing-whitespaces\r\n\r\n\r\n.navigation {\r\n  position: fixed;\r\n  transition: .4s;\r\n  z-index: 1;\r\n\r\n  &.hex {\r\n    border-radius: .5rem/.2rem;\r\n    height: 3.32rem;\r\n    position: fixed;\r\n    right: 5rem;\r\n    top: 3rem;\r\n    width: 2rem;\r\n  }\r\n\r\n  &__toggler {\r\n    cursor: pointer;\r\n    position: absolute;\r\n    right: 0;\r\n    top: 50%;\r\n    transform: translateY(-50%) rotate(0);\r\n    transition: .4s;\r\n    z-index: 1;\r\n\r\n    &__line {\r\n      background-color: $light;\r\n      border-radius: 2rem;\r\n      display: block;\r\n      height: .25rem;\r\n      margin: .4rem auto;\r\n      opacity: 1;\r\n      transition: .4s;\r\n      width: 1.92rem;\r\n\r\n      &#first {\r\n        margin-top: 0;\r\n      }\r\n\r\n      &#third {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  nav {\r\n    display: none;\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    z-index: 2;\r\n\r\n    ul {\r\n      list-style: none;\r\n      padding: 0;\r\n\r\n      li {\r\n        margin-bottom: 4px;\r\n\r\n        &.current-menu-item {\r\n          a {\r\n            font-size: 16px;\r\n          }\r\n          &::after {\r\n            width: 100%;\r\n          }\r\n        }\r\n\r\n        &:hover {\r\n\r\n          &::after {\r\n            width: 100%;\r\n          }\r\n        }\r\n\r\n        a {\r\n          color: $light;\r\n          font-family: Acumin Pro;\r\n          font-weight: bold;\r\n          text-decoration: none;\r\n          text-transform: uppercase;\r\n        }\r\n\r\n        &::after {\r\n          background: $light;\r\n          content: '';\r\n          display: block;\r\n          height: 1px;\r\n          transition: .2s;\r\n          width: 40%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.active {\r\n    border-radius: 2.3rem/.6rem;\r\n    height: 24.62rem;\r\n    right: -1rem;\r\n    top: 0;\r\n    width: 14rem;\r\n\r\n    nav {\r\n      display: block;\r\n    }\r\n\r\n    .navigation__toggler {\r\n      right: 3.5rem;\r\n      top: 10%;\r\n      transform: translateY(-50%) rotate(90deg);\r\n\r\n      &__line {\r\n\r\n        &#first {\r\n          transform: rotate(-45deg) translate(-20%, 200%);\r\n        }\r\n\r\n        &#second {\r\n          opacity: 0;\r\n          transform: translateX(100%);\r\n        }\r\n\r\n        &#third {\r\n          transform: rotate(45deg) translate(-20%, -200%);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","// sass-lint:disable class-name-format\r\n// sass-lint:disable no-ids\r\n// sass-lint:disable nesting-depth\r\n// sass-lint:disable no-trailing-whitespaces\r\n\r\n.floatingcontact {\r\n  position: fixed;\r\n  right: 5rem;\r\n  top: 50%;\r\n  z-index: 100;\r\n\r\n  img {\r\n    padding: .25rem;\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    z-index: 1;\r\n  }\r\n\r\n  &__mail {\r\n    background-color: $digital;\r\n    border-radius: .5rem/.2rem;\r\n    height: 3.72rem;\r\n    transition: .2s;\r\n    width: 2.3rem;\r\n\r\n    &:hover {\r\n      transform: scale(1.1);\r\n    }\r\n  }\r\n\r\n  &__phone {\r\n    background-color: $digital;\r\n    border-radius: .5rem/.2rem;\r\n    height: 2.62rem;\r\n    right: -1.5rem;\r\n    top: .3rem;\r\n    transition: .2s;\r\n    width: 1.6rem;\r\n\r\n    &:hover {\r\n      transform: scale(1.1);\r\n    }\r\n  }\r\n}\r\n",".footer {\r\n  &--list {\r\n    list-style: none;\r\n    &--line {\r\n      border-left: solid 1px;\r\n      margin-left: 10px;\r\n    }\r\n    li {\r\n        color: $dark;\r\n        font-size: 18px;\r\n        margin-bottom: 5px;\r\n      a {\r\n        color: $dark;\r\n        text-decoration: none;\r\n        font-size: 18px;\r\n        margin-bottom: 5px;\r\n        &:hover {\r\n          color: $primary;\r\n        }\r\n      }\r\n      p {\r\n        color: $dark;\r\n        text-decoration: none;\r\n        font-size: 18px;\r\n        margin-bottom: 5px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nfooter {\r\n  padding: 30px 50px 0px!important;\r\n}","#hexGrid {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  width: 90%;\r\n  margin: 100px auto;\r\n  padding-left: 0;\r\n  overflow: hidden;\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 15px;\r\n  list-style-type: none;\r\n}\r\n\r\n.hexLid {\r\n  position: relative;\r\n  visibility:hidden;\r\n  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */\r\n}\r\n\r\n.hexLid::after{\r\n  content:'';\r\n  display:block;\r\n  padding-bottom: 86.602%;  /* =  100 / tan(60) * 1.5 */\r\n}\r\n.hexIn{\r\n  position: absolute;\r\n  width:96%;\r\n  padding-bottom: 110.851%; /* =  width / sin(60) */\r\n  margin:0 2%;\r\n  overflow: hidden;\r\n  visibility: hidden;\r\n  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */\r\n  -webkit-transform: rotate3d(0,0,1,-60deg) skewY(30deg);\r\n      -ms-transform: rotate3d(0,0,1,-60deg) skewY(30deg);\r\n          transform: rotate3d(0,0,1,-60deg) skewY(30deg);\r\n}\r\n.hexIn * {\r\n  position: absolute;\r\n  visibility: visible;\r\n  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */\r\n}\r\n.hexLink {\r\n    display:block;\r\n    width: 100%;\r\n    height: 100%;\r\n    text-align: center;\r\n    color: #fff;\r\n    overflow: hidden;\r\n    -webkit-transform: skewY(-30deg) rotate3d(0,0,1,60deg);\r\n        -ms-transform: skewY(-30deg) rotate3d(0,0,1,60deg);\r\n            transform: skewY(-30deg) rotate3d(0,0,1,60deg);\r\n}\r\n\r\n/*** HEX CONTENT **********************************************************************/\r\n.hexLid img {\r\n  left: -100%;\r\n  right: -100%;\r\n  width: auto;\r\n  height: 100%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.hexLid h2, .hexLid p {\r\n  width: 100%;\r\n  padding: 5%;\r\n  box-sizing:border-box;\r\n  background-color: rgba(187, 0, 81, 0.8);\r\n  font-weight: 300;\r\n  transition: .2s;\r\n  &.green {\r\n    background-color: rgba(49,163,129,.8);\r\n  }\r\n  &.orange {\r\n    background-color: rgba(243,128,12,.8);\r\n  }\r\n  &.blue {\r\n    background-color: rgba(51,180,218,.8);\r\n  }\r\n}\r\n.hexLid h2 {\r\n  bottom: 50%;\r\n  padding-top:50%;\r\n  font-size: 1.5em;\r\n  z-index: 1;\r\n  margin-bottom: 0;\r\n}\r\n.hexLid h2::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 45%;\r\n  width: 10%;\r\n  text-align: center;\r\n  border-bottom: 1px solid #fff;\r\n}\r\n.hexLid p {\r\n  top: 50%;\r\n  padding-bottom:50%;\r\n  // -webkit-transform:translate3d(0,100%,0);\r\n  //     -ms-transform:translate3d(0,100%,0);\r\n  //         transform:translate3d(0,100%,0);\r\n}\r\n\r\n\r\n/*** HOVER EFFECT  **********************************************************************/\r\n.hexLink:hover h2, .hexLink:focus h2,\r\n.hexLink:hover p, .hexLink:focus p{\r\n  -webkit-transform:translate3d(0,0,0);\r\n      -ms-transform:translate3d(0,0,0);\r\n          transform:translate3d(0,0,0);\r\n  background-color: rgba(0, 128, 128, 0);\r\n\r\n}\r\n\r\n// /*** HEXAGON SIZING AND EVEN ROW INDENTATION *****************************************************************/\r\n\r\n@media (min-width:1201px) { /* <- 4  hexagons per row */\r\n  #hexGrid{\r\n    padding-bottom: 7.5%\r\n  }\r\n  .hexLid {\r\n    width: 25%; /* = 100 / 4 */\r\n  }\r\n  .hexLid:nth-child(7n+5){ /* first hexagon of even rows */\r\n    margin-left:12.5%;  /* = width of .hex / 2  to indent even rows */\r\n  }\r\n  .large {\r\n    padding-bottom: 7.4%;\r\n  }\r\n  .large .hexLid {\r\n    width: 33.333%; /* = 100 / 3 */\r\n    &:nth-child(5n+4){ /* first hexagon of even rows */\r\n      margin-left:16.666%;  /* = width of .hex / 2  to indent even rows */\r\n    }\r\n    &:nth-child(7n+5){ /* first hexagon of even rows */\r\n      margin-left: unset;  /* = width of .hex / 2  to indent even rows */\r\n    }\r\n  }\r\n}\r\n@media (max-width: 1200px) and (min-width:601px) { /* <- 4-3  hexagons per row */\r\n  #hexGrid{\r\n    padding-bottom: 7.4%\r\n  }\r\n  .hexLid {\r\n    width: 33.333%; /* = 100 / 3 */\r\n  }\r\n  .hexLid:nth-child(5n+4){ /* first hexagon of even rows */\r\n    margin-left:16.666%;  /* = width of .hex / 2  to indent even rows */\r\n  }\r\n}\r\n@media (max-width: 600px) { /* <- 2-1  hexagons per row */\r\n  #hexGrid{\r\n    padding-bottom: 11.2%\r\n  }\r\n  .hexLid {\r\n    width: 50%; /* = 100 / 3 */\r\n  }\r\n  .hexLid:nth-child(3n+3){ /* first hexagon of even rows */\r\n    margin-left:25%;  /* = width of .hex / 2  to indent even rows */\r\n  }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n  #hexGrid {\r\n      font-size: 13px;\r\n  }\r\n}\r\n\r\n.hexInf {\r\n  opacity: 0;\r\n}\r\n\r\n// /*** HEXAGON SIZING AND EVEN ROW INDENTATION *****************************************************************/\r\n// @media (min-width:601px) { /* <- 4  hexagons per row */\r\n//   #hexGrid{\r\n//     padding-bottom: 7.4%\r\n//   }\r\n//   .hexLid {\r\n//     width: 33.333%; /* = 100 / 3 */\r\n//   }\r\n//   .hexLid:nth-child(5n+4){ /* first hexagon of even rows */\r\n//     margin-left:16.666%;  /* = width of .hex / 2  to indent even rows */\r\n//   }\r\n// }\r\n// @media (max-width: 600px) { /* <- 2-1  hexagons per row */\r\n//   #hexGrid{\r\n//     padding-bottom: 11.2%\r\n//   }\r\n//   .hexLid {\r\n//     width: 50%; /* = 100 / 3 */\r\n//   }\r\n//   .hexLid:nth-child(3n+3){ /* first hexagon of even rows */\r\n//     margin-left:25%;  /* = width of .hex / 2  to indent even rows */\r\n//   }\r\n// }\r\n\r\n// @media (max-width: 400px) {\r\n//     #hexGrid {\r\n//         font-size: 13px;\r\n//     }\r\n// }\r\n","// sass-lint:disable class-name-format\r\n// sass-lint:disable no-ids\r\n// sass-lint:disable nesting-depth\r\n// sass-lint:disable no-trailing-whitespaces\r\n\r\n.waarom {\r\n  height: 100vh;\r\n\r\n  &__images {\r\n\r\n    &--first {\r\n      margin-top: -15%;\r\n      position: absolute;\r\n      width: 50%;\r\n      z-index: 0;\r\n    }\r\n\r\n    &--second {\r\n      float: right;\r\n      position: relative;\r\n      width: 75%;\r\n    }\r\n\r\n    &--third {\r\n      bottom: -5%;\r\n      left: 9%;\r\n      position: absolute;\r\n      width: 40%;\r\n    }\r\n\r\n  }\r\n}\r\n",".product {\r\n  &__top {\r\n    &__image{\r\n      &--container{\r\n        padding-top: 7rem;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__bottom {\r\n    margin-top: -7rem;\r\n    overflow: hidden;\r\n    color: #fff;\r\n\r\n    &--container {\r\n      padding-top: 10rem;\r\n      padding-bottom: 10rem;\r\n    }\r\n\r\n    &--image {\r\n      transform: translateX(30rem);\r\n      transition: all 1.5s ease;\r\n\r\n      &.active {\r\n        transform: translateX(0);\r\n      }\r\n    }\r\n  }\r\n}","// sass-lint:disable class-name-format\r\n// sass-lint:disable no-ids\r\n// sass-lint:disable nesting-depth\r\n// sass-lint:disable no-trailing-whitespaces\r\n// sass-lint:disable no-important\r\n\r\nheader {\r\n  background-position: center !important;\r\n  background-repeat: no-repeat !important;\r\n  background-size: cover !important;\r\n  position: relative;\r\n}\r\n\r\n.header {\r\n  &--color {\r\n    content: '';\r\n    display: block;\r\n    height: 100%;\r\n    left: 0;\r\n    opacity: .5;\r\n    position: absolute;\r\n    top: 0;\r\n    width: 100%;\r\n  }\r\n  &__container {\r\n    color: $light;\r\n  }\r\n}",".contact--container {\r\n  h2 {\r\n    color: $light;\r\n    font-size: 43px;\r\n    text-align: left;\r\n  }\r\n  h3 {\r\n    margin-bottom: 20px;\r\n    color: $light\r\n  }\r\n  position: relative;\r\n  .hex {\r\n    position: absolute;\r\n    &--blue {\r\n      background: $digital;\r\n      height: 46.32em;\r\n      width: 27em;\r\n      left: 124px;\r\n      top: -268px;\r\n      z-index: -1;\r\n    }\r\n    &--orange {\r\n      background: $design;\r\n      height: 79.32em;\r\n      width: 648px;\r\n      right: -150px;\r\n      top: -140px;\r\n      z-index: -1;\r\n      .content {\r\n        width: 100%;\r\n        position: absolute;\r\n        z-index: 1;\r\n        bottom: 100px;\r\n        iframe {\r\n          width: 100%;\r\n          border-radius: 50px;\r\n          height: 650px;\r\n        }\r\n        table {\r\n          color: $light;\r\n          font-size: 20px;\r\n          width: 100%;\r\n          margin-top: 20px;\r\n          td {\r\n            padding-left: 10px;\r\n            padding-right: 11px;\r\n            &.text-right {\r\n              border-right: solid 1px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    &--green {\r\n      background: $fotografie;\r\n      height: 79.32em;\r\n      width: 648px;\r\n      left: -150px;\r\n      top: 433px;\r\n      z-index: -1;\r\n\r\n      .content {\r\n        width: 100%;\r\n        position: absolute;\r\n        z-index: 1;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        .cf7sg-container {\r\n          width: 100%;\r\n          font-size: 20px;\r\n          input {\r\n            border-radius: 17px;\r\n            min-height: 50px;\r\n            padding: 0px 10px;\r\n            border: 0;\r\n            margin-bottom: 10px;\r\n          }\r\n          textarea {\r\n            border-radius: 17px;\r\n            min-height: 250px;\r\n            padding: 15px 10px;\r\n            border: 0;\r\n            margin-bottom: 20px;\r\n          }\r\n          .wpcf7-form-control.wpcf7-submit {\r\n            background-color: transparent;\r\n            border: solid 2px $light;\r\n            &:hover {\r\n              background-color: $light;\r\n              color: $fotografie;\r\n            }\r\n          } \r\n        }\r\n      }\r\n    }\r\n    &--pink {\r\n      background: $primary;\r\n      top: 1039px;\r\n      z-index: -1;\r\n      right: 298px;\r\n      height: 25.32em;\r\n      width: 15em;\r\n    }\r\n  }\r\n}\r\n\r\n.cf7sg-container .cf7-smart-grid.has-grid .container {\r\n  padding: 0!important;\r\n}",".aboutcontainer {\r\n  position: relative;\r\n  .hex {\r\n    position: absolute;\r\n    top: 28px;\r\n    width: 500px;\r\n    height: 856px;\r\n    right: -640px;\r\n  }\r\n}\r\n\r\n.hexblock {\r\n  position: relative;\r\n  color: $light;\r\n  height: 165vh;\r\n  margin-top: 150px;\r\n  .hex {\r\n    height: 69.32em;\r\n    width: 40em;\r\n    right: 243px;\r\n    position: absolute;\r\n    top: 500px;\r\n    &--blue {\r\n      top: 0;\r\n      left: 230px;\r\n      position: absolute;\r\n    }\r\n    &--green {\r\n      top: 1000px;\r\n      left: 511px;\r\n      width: 20em;\r\n      height: 34.32em;\r\n      position: absolute;\r\n    }\r\n  }\r\n  .content {\r\n    width: 100%;\r\n    position: absolute;\r\n    z-index: 1;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n  }\r\n}"]}