.elementor-1477 .elementor-element.elementor-element-e6b8e1e{--display:flex;--min-height:475px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-1477 .elementor-element.elementor-element-e6b8e1e:not(.elementor-motion-effects-element-type-background), .elementor-1477 .elementor-element.elementor-element-e6b8e1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-1477 .elementor-element.elementor-element-872b6cb.elementor-element{--align-self:center;}.elementor-1477 .elementor-element.elementor-element-872b6cb .pix-sliding-headline-2, .elementor-1477 .elementor-element.elementor-element-872b6cb .pix-sliding-headline-2 span, .elementor-1477 .elementor-element.elementor-element-872b6cb .body-font, .elementor-1477 .elementor-element.elementor-element-872b6cb .heading-font{font-family:"twklausanne", Sans-serif;font-size:4.2vw;font-weight:200;line-height:1em;letter-spacing:-0.04em;}.elementor-1477 .elementor-element.elementor-element-c3180e9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1477 .elementor-element.elementor-element-226a7c9{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:4vw;--padding-bottom:3vw;--padding-left:4vw;--padding-right:0vw;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1477 .elementor-element.elementor-element-d4200b2{width:var( --container-widget-width, 680px );max-width:680px;--container-widget-width:680px;--container-widget-flex-grow:0;font-family:"twklausanne", Sans-serif;font-weight:300;}.elementor-1477 .elementor-element.elementor-element-b14a199{width:var( --container-widget-width, 42% );max-width:42%;--container-widget-width:42%;--container-widget-flex-grow:0;}.elementor-1477 .elementor-element.elementor-element-b14a199.elementor-element{--align-self:flex-start;}.elementor-1477 .elementor-element.elementor-element-b14a199 .pix-sliding-headline-2, .elementor-1477 .elementor-element.elementor-element-b14a199 .pix-sliding-headline-2 span, .elementor-1477 .elementor-element.elementor-element-b14a199 .body-font, .elementor-1477 .elementor-element.elementor-element-b14a199 .heading-font{font-family:"twklausanne", Sans-serif;font-size:4.2vw;font-weight:200;line-height:1em;letter-spacing:-0.04em;}.elementor-1477 .elementor-element.elementor-element-2cb19ca1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-1477 .elementor-element.elementor-element-2cb19ca1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1477 .elementor-element.elementor-element-cc6f3b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1477 .elementor-element.elementor-element-d7299ea .card-header button{font-family:"twklausanne", Sans-serif;font-weight:400;}body.elementor-page-1477:not(.elementor-motion-effects-element-type-background), body.elementor-page-1477 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1477 .elementor-element.elementor-element-2cb19ca1{--width:100vw;}}@media(max-width:767px){.elementor-1477 .elementor-element.elementor-element-872b6cb .pix-sliding-headline-2, .elementor-1477 .elementor-element.elementor-element-872b6cb .pix-sliding-headline-2 span, .elementor-1477 .elementor-element.elementor-element-872b6cb .body-font, .elementor-1477 .elementor-element.elementor-element-872b6cb .heading-font{font-size:3.2rem;}.elementor-1477 .elementor-element.elementor-element-b14a199{--container-widget-width:93vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 93vw );max-width:93vw;}.elementor-1477 .elementor-element.elementor-element-b14a199 .pix-sliding-headline-2, .elementor-1477 .elementor-element.elementor-element-b14a199 .pix-sliding-headline-2 span, .elementor-1477 .elementor-element.elementor-element-b14a199 .body-font, .elementor-1477 .elementor-element.elementor-element-b14a199 .heading-font{font-size:2.8rem;}.elementor-1477 .elementor-element.elementor-element-d7299ea .card-body *{color:var(--text-custom);}.elementor-1477 .elementor-element.elementor-element-d7299ea .card-header button{font-size:1.7rem;line-height:1em;letter-spacing:-0.03em;}}/* Start custom CSS for html, class: .elementor-element-60235aff */@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
		.phone-mock_wrapper{
			left:-350px
		}
		.position-relative{
			width:750px;
		}
		.elementor-1477 .elementor-element.elementor-element-60235aff body,html{
		    overflow-x: visible!important
		}
		
		
}
.werkwijzelink{
    margin-left: 100px;
    background-color: #2b7669;
    padding: 13px;
    border-radius: 50px;
    color:white;
    font-weight: 300;
    transition: 0.5s
}
.werkwijzelink:hover{
    margin-left: 100px;
    background-color: #2b7669;
    padding: 13px;
    border-radius: 50px;
    color:#ffffff88;
    font-weight: 300;
        transition: 0.5s

}
.elementor-1477 .elementor-element.elementor-element-60235aff .cta.traits{
	transform:scale(0.8);
	margin-left:-20px;
	margin-top:10px
}



.phone-screen {
  position: relative;
}

.section {
  position: relative;
  padding-top: 0%;
  padding-bottom: 1%;
}

.section.cc-placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 90vh;
  padding-top: 0%;
  padding-bottom: 0%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ebebeb;
}

.phone-mock_border {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  border-style: solid;
  border-width: 12px;
  border-color: transparent;
  border-radius: 2em;
}

.position-relative {
  position: relative;
  background-color: #d5ece466;
    height: 100vh;
    padding-top:100px;
        padding-left:3vw;

}

.sticky-img_wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  height: 100vh;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}


.phone-mock {
  position: relative;
  overflow: hidden;
  width: 70%;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
  padding: 12px;
  border-radius: 2em;
  background-color: transparent!important;
}

.paragraph-l {
  font-size: 1.125rem;
    max-width: 540px

}

.paragraph-l.cc-sm-small.mb-0 {
  margin-bottom: 0px;
    max-width: 540px

}

.paragraph-l.cc-sm-small.mb-0.text-dark {
  display: block;
  max-width: 540px
}

.sticky-container {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
}

.circle-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  margin-top: -5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #fff;
  font-size: 1.6rem;
  line-height: 0.2em;
  filter: saturate(4440%) hue-rotate(170deg) brightness(100%) contrast(48%);
  text-align: center;
  font-family: 'twklausanne';
  transform: scale(0.88);
  font-weight: 500
}

.phone-screen_wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 1.5em;
}


.stick-text_detail {
  overflow: hidden;
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.sticky-trigger {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1;
}

.sticky-trigger._40 {
  top: 40%;
}

.sticky-trigger._60 {
  top: 60%;
}

.sticky-trigger._80 {
  top: 80%;
}

.sticky-trigger._20 {
  top: 20%;
}

.overflow-hidden {
  overflow: hidden;
}

.sticky-text_wrapper {
  position: relative;
  display: block;
  margin-top: 8vh;
  margin-bottom: 8vh;
  color: #363636;
  text-decoration: none;
}

.sticky-text_wrapper.steps {
  display: -ms-grid;
  display: grid;
  margin-top: 9vh;
  margin-bottom: 4vh;
  grid-auto-columns: 1fr;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  -ms-grid-columns: 60px 1fr;
  grid-template-columns: 60px 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.sticky-text_wrapper.steps.fourth {
  margin-bottom: 0vh;
}

.sticky-triggers {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.sticky-wrapper {
  position: relative;
  width: 100%;
  height: 400vh;
}

.phone-screen_img {
  width: 100%;
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
   background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  -o-object-fit: cover;
  object-fit: cover;
}

.phone-screen_img.third {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.phone-screen_img.fourth {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.phone-screen_img.second {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.elementor-1477 .elementor-element.elementor-element-60235aff .container {
    min-width:1900px;
    margin-left: 0px!important;
        padding-left: 0px!important


  
}

.phone-mock_wrapper {
  position: relative;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  
}

.sticky-center {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.sticky-grid {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

@media screen and (max-width: 991px) {
  .phone-mock_border {
    border-width: 8px;
    border-radius: 1.5em;
  }

  .phone-mock {
    width: 90%;
    padding: 8px;
    border-radius: 1.5em;
  }

  .circle-number {
    margin-top: 0px;
    margin-bottom: 24px;
  }

  .phone-screen_wrapper {
    border-radius: 1.2em;
  }

  .phone-mock_tab {
    height: 3vw;
  }

  .sticky-text_wrapper.steps {
    margin-top: 3vh;
    margin-bottom: 3vh;
  }
}

@media screen and (max-width: 767px) {
  .section {
    padding-top: 10%;
    padding-bottom: 3%;
  }

  .sticky-img_wrapper {
    width: 100%;
  }

  .h3 {
    font-size: 1.7rem;
  }

  .phone-mock {
    width: 150%;
    box-shadow: none;
  }

  .paragraph-l {
    font-size: 1.1rem;
  }

  .paragraph-l.cc-sm-small {
    font-size: 1rem;
  }

  .sticky-container {
    height: auto;
  }

  .circle-number {
    font-size: 1.1rem;
  }

  .circle-number.steps2 {
    width: 40px;
    height: 40px;
    margin-bottom: 12px;
  }

  .circle-number.steps1 {
    width: 40px;
    height: 40px;
    margin-bottom: 16px;
  }

  .circle-number.steps4 {
    width: 40px;
    height: 40px;
    margin-bottom: 12px;
  }

  .circle-number.steps3 {
    width: 40px;
    height: 40px;
    margin-bottom: 12px;
  }

  .phone-mock_tab {
    height: 29px;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
  }

  .sticky-text_wrapper.steps {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    -ms-grid-columns: 40px 1fr;
    grid-template-columns: 40px 1fr;
  }

  .container {
    width: 100%;
    padding-right: 28px;
    padding-left: 28px;
  }

  .phone-mock_wrapper {
    position: absolute;
    left: auto;
    right: -28px;
    overflow: hidden;
  }
}

@media screen and (max-width: 479px) {
  .section {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .phone-mock_border {
    border-width: 5px;
  }

  .h3 {
    font-size: 1.4rem;
  }

  .phone-mock {
    width: 170%;
    padding: 6px;
  }

  .circle-number.steps2 {
    display: none;
  }

  .circle-number.steps1 {
    display: none;
  }

  .circle-number.steps4 {
    display: none;
  }

  .circle-number.steps3 {
    display: none;
  }

  .phone-mock_tab {
    height: 5vw;
  }

  .sticky-text_wrapper.steps {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

 
}/* End custom CSS */
/* Start custom CSS for pix-accordion, class: .elementor-element-d7299ea */@media screen and (max-width:990px){
.card-body{
    padding: 0px 20px;
    line-height: 1.16em;
    font-size:1.1rem;
    margin-bottom:50px;
    font-weight:300;
}
.cta-dop-2{
    background:#2b7669;
    color:#fff!important;
    width: 195px;
    height:55px;
    text-align: center;
    padding: 20px;
    border-radius: 40px;
    display:block;
    margin:50px 0px;
    font-weight: 300
}
  
    
}/* End custom CSS */