.vi-padding-top-lg {
  padding-top: 60px;
}
@media screen and (max-width: 960px) {
  .vi-padding-top-lg {
    padding-top: 30px;
  }
}

.vi-padding-top-md {
  padding-top: 30px;
}
@media screen and (max-width: 960px) {
  .vi-padding-top-md {
    padding-top: 15px;
  }
}

.vi-padding-top-sm {
  padding-top: 15px;
}
@media screen and (max-width: 960px) {
  .vi-padding-top-sm {
    padding-top: 10px;
  }
}

.vi-padding-top-xs {
  padding-top: 7px;
}
@media screen and (max-width: 960px) {
  .vi-padding-top-xs {
    padding-top: 4px;
  }
}

.vi-padding-bottom-lg {
  padding-bottom: 60px;
}
@media screen and (max-width: 960px) {
  .vi-padding-bottom-lg {
    padding-bottom: 30px;
  }
}

.vi-padding-bottom-md {
  padding-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .vi-padding-bottom-md {
    padding-bottom: 15px;
  }
}

.vi-padding-bottom-sm {
  padding-bottom: 15px;
}
@media screen and (max-width: 960px) {
  .vi-padding-bottom-sm {
    padding-bottom: 10px;
  }
}

.vi-padding-bottom-xs {
  padding-bottom: 7px;
}
@media screen and (max-width: 960px) {
  .vi-padding-bottom-xs {
    padding-bottom: 4px;
  }
}

.vi-margin-bottom-lg {
  margin-bottom: 60px;
}
@media screen and (max-width: 960px) {
  .vi-margin-bottom-lg {
    margin-bottom: 30px;
  }
}

.vi-margin-bottom-md, .vi-testimonial-block-wrap .col2 > .inner .description, .vi-testimonial-block-wrap .col2 > .inner .name-company, .vi-testimonial-block-wrap .col2 > .inner .quote {
  margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .vi-margin-bottom-md, .vi-testimonial-block-wrap .col2 > .inner .description, .vi-testimonial-block-wrap .col2 > .inner .name-company, .vi-testimonial-block-wrap .col2 > .inner .quote {
    margin-bottom: 15px;
  }
}

.vi-margin-bottom-sm, .wp-block-lazyblock-dienst-info .description, .wp-block-lazyblock-dienst-info .titel {
  margin-bottom: 15px;
}
@media screen and (max-width: 960px) {
  .vi-margin-bottom-sm, .wp-block-lazyblock-dienst-info .description, .wp-block-lazyblock-dienst-info .titel {
    margin-bottom: 10px;
  }
}

.vi-margin-bottom-xs, .wp-block-lazyblock-dienst-info .trefwoorden, .wp-block-lazyblock-dienst-info .quote {
  margin-bottom: 7px;
}
@media screen and (max-width: 960px) {
  .vi-margin-bottom-xs, .wp-block-lazyblock-dienst-info .trefwoorden, .wp-block-lazyblock-dienst-info .quote {
    margin-bottom: 4px;
  }
}

body {
  font-size: 16px;
  line-height: 1.6;
}

h1, h2, h3, h4 {
  font-weight: 700;
}

h1 {
  font-size: 90px;
  line-height: 0.95;
}
@media screen and (max-width: 1140px) {
  h1 {
    font-size: 77px;
  }
}
@media screen and (max-width: 960px) {
  h1 {
    font-size: 40px;
  }
}

h2 {
  font-size: 72px;
  line-height: 1.1;
}
@media screen and (max-width: 1140px) {
  h2 {
    font-size: 7vw;
  }
}
@media screen and (max-width: 960px) {
  h2 {
    font-size: 7vw;
  }
}

h3 {
  font-size: 48px;
  line-height: 1.2;
}
@media screen and (max-width: 1140px) {
  h3 {
    font-size: 5vw;
  }
}
@media screen and (max-width: 960px) {
  h3 {
    font-size: 5vw;
  }
}

h4 {
  font-size: 36px;
  line-height: 1.3;
}
@media screen and (max-width: 1140px) {
  h4 {
    font-size: 28px;
  }
}
@media screen and (max-width: 960px) {
  h4 {
    font-size: 20px;
  }
}

.horizontal-center {
  margin: 0;
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.vertical-center, .vi-testimonial-block-wrap .col2 > .inner, .vi-testimonial-block-wrap .col1 > .inner, .vi-quote-block-wrap .col2 > .inner {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.horizontal-vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

article .entry-content {
  width: 100%;
}
article .entry-content > * {
  width: 100%;
  max-width: 1170px;
}
body.non-mobile-layout article .entry-content > * {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
body.mobile-layout article .entry-content > * {
  padding-left: 15px;
  padding-right: 15px;
}
article .entry-content > p {
  max-width: 640px;
}
article .entry-content > p.has-text-align-center {
  margin-left: auto;
  margin-right: auto;
}
article .entry-content > .wp-block-group {
  width: 100%;
  max-width: 100%;
}
article .entry-content > .wp-block-group > div {
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
article .entry-content > .wp-block-group > div p {
  max-width: 640px;
}
article .entry-content > .wp-block-group > div p.has-text-align-center {
  margin-left: auto;
  margin-right: auto;
}

.page-header {
  position: fixed;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 100;
  width: 100%;
  height: 106px;
}
body.admin-bar .page-header {
  top: 32px;
}
body.mobile-layout .page-header {
  height: 70px;
}
.vi-body-scrolled .page-header {
  background: white;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.29);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.29);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.29);
}
.vi-body-scrolled .page-header svg g, .vi-body-scrolled .page-header svg path {
  fill: #007fa1;
}
.page-header .logo-container {
  position: absolute;
  left: 60px;
  top: 35px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body.mobile-layout .page-header .logo-container {
  left: 30px;
  top: 25px;
}
.page-header .logo-container .logo {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 217.6744186047px;
}
body.mobile-layout .page-header .logo-container .logo {
  width: 120.9302325581px;
}
.page-header .logo-container .logo img {
  width: 100%;
  height: auto;
}
.page-header .widgets {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 60%;
  height: 100%;
}
.page-header .widgets .desktop-widgets {
  position: absolute;
  right: 60px;
  top: 39px;
  width: 100%;
  text-align: right;
}
body.mobile-layout .page-header .widgets .desktop-widgets {
  display: none;
}
.page-header .widgets .mobile-widgets {
  position: absolute;
  right: 30px;
  top: 0px;
  width: 100%;
  height: 100%;
}
body.non-mobile-layout .page-header .widgets .mobile-widgets {
  display: none;
}
.page-header .widgets .mobile-widgets .menu-toggler {
  position: absolute;
  right: 0px;
  top: 21px;
}
.page-header .widgets .mobile-widgets .menu-toggler svg g, .page-header .widgets .mobile-widgets .menu-toggler svg path {
  fill: #007fa1;
}
.page-header .widgets .mobile-widgets .mobile-menu-wrap {
  position: fixed;
  left: -100%;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  z-index: 1000;
  background: #007fa1;
  -webkit-transition: left 0.3s ease;
  -moz-transition: left 0.3s ease;
  -ms-transition: left 0.3s ease;
  -o-transition: left 0.3s ease;
  transition: left 0.3s ease;
}
.page-header .widgets .mobile-widgets .mobile-menu-wrap.expanded {
  left: 0;
  width: 100%;
}
.page-header .widgets .mobile-widgets .mobile-menu-wrap .mobile-menu {
  width: 100%;
  height: 100%;
}
.page-header .widgets .mobile-widgets .mobile-menu-wrap .mobile-menu .close-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  padding: 10px;
  width: 44px;
}
.page-header .widgets .mobile-widgets .mobile-menu-wrap .mobile-menu .close-btn svg g, .page-header .widgets .mobile-widgets .mobile-menu-wrap .mobile-menu .close-btn svg path {
  fill: white;
}
.page-header .widgets .mobile-widgets .mobile-menu-wrap .mobile-menu > .inner {
  padding-top: 50px;
  margin-left: 30px;
  margin-right: 30px;
  height: 100%;
  overflow: scroll;
}
.page-header .widgets .mobile-widgets .mobile-menu-wrap .mobile-menu > .inner ul.menu {
  padding: 0;
  margin: 0;
}
.page-header .widgets .mobile-widgets .mobile-menu-wrap .mobile-menu > .inner ul.menu li {
  margin-bottom: 10px;
}
.page-header .widgets .mobile-widgets .mobile-menu-wrap .mobile-menu > .inner ul.menu li a {
  font-size: 18px;
  text-transform: uppercase;
  color: white;
}

.page-header ul.menu {
  list-style-type: none;
}
.page-header .desktop-widgets ul.menu {
  display: block;
  margin: 0;
  padding: 0;
}
.page-header .desktop-widgets ul.menu li {
  display: inline-block;
  margin-left: 30px;
}
.page-header .desktop-widgets ul.menu li a {
  display: block;
  color: white;
  text-transform: uppercase;
}
.vi-body-scrolled .page-header .desktop-widgets ul.menu li a {
  color: #007fa1;
}

.wp-block-lazyblock-testimonial,
.wp-block-lazyblock-quote-foto {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.vi-generic-graphic-border-vlak, .vi-testimonial-block-wrap, .vi-quote-block-wrap {
  position: relative;
  width: 100vw;
  height: 100vh;
}
.vi-generic-graphic-border-vlak .col1, .vi-testimonial-block-wrap .col1, .vi-quote-block-wrap .col1 {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 55%;
  height: 100%;
  z-index: 50;
}
.vi-generic-graphic-border-vlak .col1 img, .vi-testimonial-block-wrap .col1 img, .vi-quote-block-wrap .col1 img {
  display: none;
}
.vi-generic-graphic-border-vlak .col2, .vi-testimonial-block-wrap .col2, .vi-quote-block-wrap .col2 {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 52;
  width: 47%;
  height: 100%;
  color: white;
}
.vi-generic-graphic-border-vlak .col2 h1, .vi-testimonial-block-wrap .col2 h1, .vi-quote-block-wrap .col2 h1, .vi-generic-graphic-border-vlak .col2 h2, .vi-testimonial-block-wrap .col2 h2, .vi-quote-block-wrap .col2 h2, .vi-generic-graphic-border-vlak .col2 h3, .vi-testimonial-block-wrap .col2 h3, .vi-quote-block-wrap .col2 h3, .vi-generic-graphic-border-vlak .col2 h4, .vi-testimonial-block-wrap .col2 h4, .vi-quote-block-wrap .col2 h4 {
  color: white;
}
.vi-generic-graphic-border-vlak .col2 .border-image, .vi-testimonial-block-wrap .col2 .border-image, .vi-quote-block-wrap .col2 .border-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -121px;
  width: 122px;
  height: 100%;
  overflow: hidden;
  z-index: 51;
}
@media screen and (max-width: 960px) {
  .vi-generic-graphic-border-vlak .col2 .border-image, .vi-testimonial-block-wrap .col2 .border-image, .vi-quote-block-wrap .col2 .border-image {
    left: -94px;
    width: 95px;
  }
}
.vi-generic-graphic-border-vlak .col2 .border-image svg, .vi-testimonial-block-wrap .col2 .border-image svg, .vi-quote-block-wrap .col2 .border-image svg {
  position: absolute;
  right: 0;
  display: block;
  width: 100%;
  height: auto;
}

body.mobile-layout .vi-quote-block-wrap {
  height: 140vw;
}
body.mobile-layout .vi-quote-block-wrap .col1 {
  width: 72vw;
  height: 72vw;
}
.vi-quote-block-wrap .col2 > .inner {
  width: 70%;
  max-width: 620px;
  margin-left: 10%;
}
body.mobile-layout .vi-quote-block-wrap .col2 {
  top: 50vw;
  width: 72vw;
  height: 72vw;
}

body.mobile-layout .vi-testimonial-block-wrap {
  height: 155vw;
}
.vi-testimonial-block-wrap .col1 > .inner {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.vi-testimonial-block-wrap .col1 > .inner .logo {
  position: relative;
  width: 64%;
  max-width: 520px;
  margin-right: 25%;
  margin-left: auto;
}
.vi-testimonial-block-wrap .col1 > .inner .logo img {
  display: block;
}
body.mobile-layout .vi-testimonial-block-wrap .col1 {
  top: 125vw;
  height: 25vw;
  width: 100%;
}
body.mobile-layout .vi-testimonial-block-wrap .col1 > .inner .logo {
  margin: 0 auto;
}
.vi-testimonial-block-wrap .col2 > .inner {
  width: 67%;
  max-width: 620px;
  margin-left: 15%;
}
.vi-testimonial-block-wrap .col2 > .inner .quote {
  font-family: "Times New Roman", Times, Georgia, serif;
  font-style: italic;
  font-size: 24px;
  line-height: 1.3;
}
.vi-testimonial-block-wrap .col2 > .inner .name-company .company {
  font-weight: 700;
}
body.mobile-layout .vi-testimonial-block-wrap .col2 {
  width: 72vw;
  height: 120vw;
}
body.mobile-layout .vi-testimonial-block-wrap .col2 > .inner {
  width: 95%;
  margin-left: 1%;
}
body.mobile-layout .vi-testimonial-block-wrap .col2 .quote {
  font-size: 18px;
}
body.mobile-layout .vi-testimonial-block-wrap .col2 .name-company {
  font-size: 14px;
}
body.mobile-layout .vi-testimonial-block-wrap .col2 .description {
  font-size: 14px;
}

.wp-block-lazyblock-dienst-info {
  margin-bottom: 30px;
}
body.mobile-layout .wp-block-lazyblock-dienst-info {
  margin-left: 15px;
  margin-right: 15px;
}
.wp-block-lazyblock-dienst-info .titel {
  position: relative;
  padding-left: 50px;
  font-weight: 900;
  font-size: 30px;
  line-height: 1.1;
  color: black !important;
  width: 88%;
  overflow: visible;
}
body.mobile-layout .wp-block-lazyblock-dienst-info .titel {
  font-size: 20px;
}
.wp-block-lazyblock-dienst-info .titel .pijl {
  position: absolute;
  left: 0;
  top: 4px;
  width: 32px;
}
body.mobile-layout .wp-block-lazyblock-dienst-info .titel .pijl {
  width: 26px;
}
.wp-block-lazyblock-dienst-info .titel .pijl img, .wp-block-lazyblock-dienst-info .titel .pijl svg {
  width: 100%;
  height: auto;
}
.wp-block-lazyblock-dienst-info .quote {
  color: #007fa1;
  font-style: italic;
}
.wp-block-lazyblock-dienst-info .trefwoorden {
  color: #007fa1;
}
.wp-block-lazyblock-dienst-info .trefwoorden span {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  color: #8acbc0;
}

.wp-block-lazyblock-spacer > div {
  width: 100%;
}
.wp-block-lazyblock-spacer .spacer-size-sm {
  height: 30px;
}
.wp-block-lazyblock-spacer .spacer-size-md {
  height: 60px;
}
.wp-block-lazyblock-spacer .spacer-size-lg {
  height: 120px;
}
@media screen and (max-width: 960px) {
  .wp-block-lazyblock-spacer .spacer-size-sm {
    height: 15px;
  }
  .wp-block-lazyblock-spacer .spacer-size-md {
    height: 30px;
  }
  .wp-block-lazyblock-spacer .spacer-size-lg {
    height: 60px;
  }
}
@media screen and (max-width: 768px) {
  .wp-block-lazyblock-spacer .spacer-size-sm {
    height: 10px;
  }
  .wp-block-lazyblock-spacer .spacer-size-md {
    height: 15px;
  }
  .wp-block-lazyblock-spacer .spacer-size-lg {
    height: 30px;
  }
}

[id]::before {
  content: "";
  display: block;
  height: 120px;
  margin-top: -120px;
  visibility: hidden;
}

h1, h2, h3, h4 {
  color: #007fa1;
}

a {
  color: #8acbc0;
}

body.mobile-layout figure.alignleft {
  max-width: 40%;
}

body.non-mobile-layout .bg-arrow-left {
  background: url(../img/icon/pijl-down.svg) -15% center no-repeat;
  background-size: 28%;
}
body.non-mobile-layout .bg-arrow-right {
  background: url(../img/icon/pijl-down.svg) 113% center no-repeat;
  background-size: 28%;
}

.link-to-page-top {
  display: block;
  width: 300px;
  margin: 0 auto 60px auto;
  padding: 30px;
}
.link-to-page-top body.mobile-layout {
  width: 30vw;
}
.link-to-page-top img, .link-to-page-top svg {
  width: 100%;
}
.link-to-page-top img g, .link-to-page-top img path, .link-to-page-top img polygon, .link-to-page-top svg g, .link-to-page-top svg path, .link-to-page-top svg polygon {
  fill: #007fa1;
}

/*# sourceMappingURL=vi-style.css.map */