@charset "UTF-8";
@font-face {
  font-family: VisbyCF;
  src: url("/assets/fonts/VisbyCF-Regular.woff");
}
@font-face {
  font-family: VisbyCF;
  src: url("/assets/fonts/VisbyCF-Light.woff");
  font-weight: 200;
}
@font-face {
  font-family: VisbyCF;
  src: url("/assets/fonts/VisbyCF-Medium.woff");
  font-weight: 400;
}
@font-face {
  font-family: VisbyCF;
  src: url("/assets/fonts/VisbyCF-DemiBold.woff");
  font-weight: 500;
}
@font-face {
  font-family: VisbyCF;
  src: url("/assets/fonts/VisbyCF-Bold.woff");
  font-weight: 600;
}
@font-face {
  font-family: VisbyCF;
  src: url("/assets/fonts/VisbyCF-ExtraBold.woff");
  font-weight: 800;
}
@font-face {
  font-style: oblique;
  src: url("/assets/fonts/VisbyCF-RegularOblique.woff");
  font-weight: normal;
}
* {
  font-family: VisbyCF;
  color: #333330;
}

h1 {
  font-weight: 500;
  font-size: calc(1.4rem + 1.8vw);
  letter-spacing: 0;
}
@media (min-width: 1200px) {
  h1 {
    font-size: 2.75rem;
  }
}
@media (min-width: 992px) {
  h1 {
    font-size: 44px;
    letter-spacing: 0;
  }
}

h2 {
  color: #333330;
  letter-spacing: 0;
  font-size: 30px;
  line-height: 40px;
}
@media (min-width: 992px) {
  h2 {
    font-size: 34px;
    line-height: 48px;
  }
}

h3 {
  color: #333330;
  font-weight: 600 !important;
  text-transform: uppercase;
  margin-bottom: 25px;
  font-size: 15px;
  letter-spacing: 3.8px;
}
@media (min-width: 992px) {
  h3 {
    font-size: 20px;
    letter-spacing: 6.4px;
  }
}

p {
  color: #333330;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 34px;
  font-weight: 400;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-6-9 20:45:46
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation pulsate-bck
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.rotated-180 {
  transform: rotate(180deg);
}

.rotated-90 {
  transform: rotate(90deg);
}

.rotated-270 {
  transform: rotate(270deg);
}

.inverted {
  filter: invert(100%);
}

.btn-white-big {
  border: 0;
  background-color: #FFF;
  border-radius: 999px;
  height: 60px;
  width: 180px;
  text-align: center;
  line-height: 60px;
  font-size: 28px;
  color: #333330;
  text-decoration: none;
  font-weight: bold;
  font-style: oblique;
  transition: color 180ms ease-in-out, background-color 180ms ease-in-out;
}
.btn-white-big.pulsating {
  -webkit-animation: pulsate-bck 1s ease-in-out infinite both;
  animation: pulsate-bck 1s ease-in-out infinite both;
}
.btn-white-big:hover {
  background: #333330;
  color: #FFF;
}

.btn-sb-small {
  line-height: 32px;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 600;
  color: #FFF;
  padding: 0 24px;
  transition: background-color 180ms ease-in-out;
}
.btn-sb-small:hover {
  color: #FFF;
}
.btn-sb-small.btn-sb-dark {
  background-color: rgb(51, 51, 48);
}
.btn-sb-small.btn-sb-white {
  background-color: #FFF;
  color: rgb(51, 51, 48);
}
.btn-sb-small.btn-sb-black {
  background-color: #000;
}
.btn-sb-small.btn-sb-selected {
  background-color: #F4EFE9;
  color: #000;
}
.btn-sb-small:hover {
  background-color: #98B9C2;
}

#fixed-nav-button {
  position: fixed;
  z-index: 990;
  left: 30px;
  border-radius: 10px;
  marsgin-left: -40px;
  width: 80px;
  height: 80px;
  bottom: 50px;
  background: #333330;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: filter 300ms ease-in-out;
}
#fixed-nav-button.nav-button-white {
  background-color: #FFF;
}
#fixed-nav-button:hover {
  filter: invert(100%);
}

.btn-big, .modern-footer-cta-bar a.btn-cta, .cta-bar a.btn-cta {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  width: 100%;
  border-radius: 999px;
  height: 60px;
  text-decoration: none;
}
@media (min-width: 768px) {
  .btn-big, .modern-footer-cta-bar a.btn-cta, .cta-bar a.btn-cta {
    width: 360px;
    max-width: 100%;
  }
}
.btn-big.btn-email, .modern-footer-cta-bar a.btn-cta, .cta-bar a.btn-cta {
  color: #333330;
  background-color: #FFF;
  transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
}
.btn-big.btn-email:hover, .modern-footer-cta-bar a.btn-cta:hover, .cta-bar a.btn-cta:hover {
  background-color: #333330;
  color: #FFF;
}
.btn-big.btn-tel, .modern-footer-cta-bar a.btn-tel.btn-cta, .cta-bar a.btn-tel.btn-cta {
  letter-spacing: 2.9px;
  background-color: #98B9C2;
  font-size: 25px;
  color: #FFF;
  transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
}
.btn-big.btn-tel:hover, .modern-footer-cta-bar a.btn-tel.btn-cta:hover, .cta-bar a.btn-tel.btn-cta:hover {
  background-color: #333330;
  color: #FFF;
}

.btn-container {
  display: flex;
}
.btn-container .btn-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  width: 80px;
  border: 0;
  background-color: #FFF;
  transition: background-color 300ms ease-in-out;
}
.btn-container .btn-arrow.btn-black {
  background-color: #333330;
}
.btn-container .btn-arrow.btn-arrow-white:hover {
  background-color: rgb(252.45, 252.45, 252.45);
}
.btn-container .btn-arrow.btn-arrow-light {
  background-color: #FFFCF8;
}
.btn-container .btn-arrow.btn-arrow-light:hover {
  background-color: rgb(255, 249.8142857143, 242.9);
}
.btn-container .btn-arrow.btn-arrow-shadow {
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.btn-container .btn-arrow.btn-arrow-prev {
  border-radius: 10px 0 0 10px;
}
.btn-container .btn-arrow.btn-arrow-next {
  border-radius: 0 10px 10px 0;
}

.btn-carousel-nav {
  border-radius: 0 10px 10px 0;
  width: 80px;
  height: 80px;
  background-image: url("/assets/svg/carousel-arrow-right-fff.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 33px 23px;
  border: 0;
  transition: background-color 300ms ease-in-out;
}
.btn-carousel-nav:hover {
  background-color: #282820;
}

.btn-carousel-prev {
  background-color: rgb(67, 67, 63);
  transform: rotate(180deg);
}

.btn-carousel-next {
  background-color: rgb(89, 89, 85);
}

.btn.btn-main-cta, .briefcase-container .briefcase-folder .folder-inner .content a.briefcase-button, nav.sb-menu .top-menu-button-afspraak, .btn-cta-black-pink, .btn-cta-white-blue {
  background: rgb(216, 175, 174);
  color: #000;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.07em;
  border-radius: 25px;
  text-transform: uppercase;
  padding: 0 28px;
  height: 44px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: background 300ms ease-in-out, color 300ms ease-in-out;
}
.btn.btn-main-cta:hover, .briefcase-container .briefcase-folder .folder-inner .content a.briefcase-button:hover, nav.sb-menu .top-menu-button-afspraak:hover, .btn-cta-black-pink:hover, .btn-cta-white-blue:hover {
  background: rgba(216, 175, 174, 0.8);
}

.btn-cta {
  text-transform: uppercase;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  border-radius: 25px;
  padding: 0 24px;
  font-weight: 800;
  text-space: 0.05em;
}

.btn-cta-pink {
  background: rgb(216, 175, 174);
  color: #000;
}
.btn-cta-pink:hover {
  background: #fff;
  color: rgb(216, 175, 174);
}

.btn-cta-white-blue {
  border: 0;
  background: #fff;
  color: #000;
}
.btn-cta-white-blue:hover {
  background: #98B9C2;
  color: #000;
}

.btn-cta-black-pink {
  border: 0;
  background: #000;
  color: #fff;
}
.btn-cta-black-pink:hover {
  background: #D8AFAE;
  color: #000;
}

.bg-none {
  background: none !important;
}

@media (max-width: 767.98px) {
  .mobile-max-width-80vw {
    max-width: 80vw;
  }
}

@media (max-width: 767.98px) {
  .mobile-max-width-70vw {
    max-width: 70vw;
  }
}

.avatar {
  width: 100px;
  height: 100px;
  border-radius: 999px;
}

.section-anchor {
  position: absolute;
  margin-top: -30px;
}

.spacer {
  height: 100px;
}

.spacer-2x {
  height: 80px;
}
@media (min-width: 992px) {
  .spacer-2x {
    height: 200px;
  }
}

div.line {
  height: 1px;
  background-color: rgb(51, 51, 48);
}
div.line.light {
  background-color: #000;
  opacity: 0.14;
}

.under-construction {
  position: relative;
}
.under-construction:before, .under-construction:after {
  text-align: center;
  width: 100%;
  background: red;
  color: #FFF;
  display: block;
  position: absolute;
}
.under-construction:before {
  content: "↓ " attr(class) " ↓";
  top: -24px;
}
.under-construction:after {
  content: "↑ " attr(class) " ↑";
  bottom: -24px;
}

.p-small, .briefcase-footer p {
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
}
@media (min-width: 768px) {
  .p-small, .briefcase-footer p {
    font-size: 18px;
    line-height: 30px;
  }
}

.h-30-36-50-54 {
  font-size: 30px;
  line-height: 36px;
}
@media (min-width: 992px) {
  .h-30-36-50-54 {
    font-size: 50px;
    line-height: 54px;
  }
}

.simple-header {
  padding-top: 80px;
  padding-bottom: 80px;
}
.simple-header h2, .simple-header h3, .simple-header h4 {
  margin: 0;
}
.simple-header img {
  margin-top: 30px;
}
.simple-header h2 {
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 38px;
}
@media (max-width: 991.98px) {
  .simple-header h2 {
    font-size: 15px;
    line-height: 25px;
    font-weight: normal;
  }
}
.simple-header h4 {
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 25px;
}
.simple-header img.logo {
  width: 270px;
  margin-bottom: 34px;
}
@media (min-width: 992px) {
  .simple-header img.logo {
    width: 250px;
  }
}
.simple-header.light * {
  color: #333330;
}
.simple-header.dark * {
  color: #FFF;
}

.gallery-carousel .gallery-item:hover .image-container img.item-image {
  transform: scale(1.1);
}
.gallery-carousel .gallery-item .image-container {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}
.gallery-carousel .gallery-item .image-container img {
  width: 100%;
  transition: transform 300ms ease-in-out;
}
.gallery-carousel .gallery-item .logo-container {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 300ms ease-in-out;
}
.gallery-carousel .gallery-item .logo-container img.logo {
  width: 70%;
}
.gallery-carousel .gallery-item h5 {
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 20px;
  color: #FFF;
}

section.services-detail-header {
  background-color: rgb(244, 239, 233);
  background-image: url("/assets/svg/services-header.svg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 94px 0;
}
section.services-detail-header img {
  width: 100%;
}
@media (min-width: 992px) {
  section.services-detail-header img {
    max-width: 80%;
  }
}

section.services-detail-body {
  padding: 90px 0;
  background: #FFF;
  color: rgb(51, 51, 48);
}
section.services-detail-body h2 {
  font-size: 26px;
  line-height: 28px;
  font-weight: bold;
  margin-top: 90px;
  font-weight: 500;
  margin-bottom: 30px;
}
section.services-detail-body h2:first-of-type {
  margin-top: 0;
}
section.services-detail-body img {
  max-width: 100%;
}
section.services-detail-body p {
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 50px;
}

body.page-cases {
  background: #282820;
}
body.page-cases .row-cases-intro {
  color: #FFF;
  padding: 100px 0;
}
body.page-cases .row-cases-intro p {
  font-size: 26px;
  line-height: 38px;
  color: #FFF;
}
body.page-cases .cases-grid {
  padding-bottom: 200px;
}
body.page-cases a.case-tile {
  text-decoration: none;
  display: block;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 100px;
}
body.page-cases a.case-tile .img-container {
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
}
body.page-cases a.case-tile .img-container img.picture {
  width: 100%;
}
body.page-cases a.case-tile .img-container .logo-container {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.page-cases a.case-tile .img-container .logo-container img.logo {
  width: 70%;
}
body.page-cases a.case-tile img.picture {
  transition: transform 600ms ease-in-out;
}
body.page-cases a.case-tile:hover .logo-container {
  opacity: 1;
}
body.page-cases a.case-tile:hover img.picture {
  transform: scale(1.07);
}
@media (min-width: 768px) {
  body.page-cases a.case-tile.case-tile-left {
    margin-right: 18px;
  }
  body.page-cases a.case-tile.case-tile-right {
    margin-left: 18px;
  }
}
body.page-cases a.case-tile h2 {
  color: #FFF;
  font-size: 15px;
  line-height: 25px;
  font-weight: normal;
  margin-bottom: 25px;
}

section.cases-detail-header {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  section.cases-detail-header {
    min-height: 600px;
    flex-direction: row;
  }
}
section.cases-detail-header .left {
  background-image: url("/assets/svg/header-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 12px;
}
@media (min-width: 992px) {
  section.cases-detail-header .left {
    flex: 1;
  }
}
@media (min-width: 992px) {
  section.cases-detail-header .left {
    padding: 100px 12px;
  }
}
@media (min-width: 1400px) {
  section.cases-detail-header .left div {
    padding: 0 145px;
  }
}
section.cases-detail-header .right {
  display: flex;
  justify-content: center;
  align-items: center;
}
section.cases-detail-header .right img.logo {
  max-width: 395px;
}
@media (max-width: 575.98px) {
  section.cases-detail-header .right img.logo {
    max-width: 80%;
  }
}
@media (max-width: 767.98px) {
  section.cases-detail-header .right {
    height: 260px;
    background-size: 100%;
    background-repeat: no-repeat;
  }
}
@media (min-width: 768px) {
  section.cases-detail-header .right {
    background-size: cover;
    min-height: 60vh;
    flex: 1;
  }
}

section.cases-detail-body {
  background-color: #FFF;
  padding: 90px 0 90px 0;
}
section.cases-detail-body img {
  max-width: 100%;
}

section.blog-detail-header {
  padding: 110px 0;
  background-color: rgb(244, 239, 233);
  background-image: url("/assets/svg/header-bg-with-logo.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
@media (max-width: 575.98px) {
  section.blog-detail-header {
    padding: 50px 0;
  }
}
section.blog-detail-header h5 {
  color: rgb(152, 185, 194);
}

section.blog-detail-body {
  padding: 80px 0 200px 0;
}

section.jobs-detail-header {
  padding: 110px 0;
  background-color: rgb(244, 239, 233);
  background-image: url("/assets/svg/header-bg-with-logo.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

section.jobs-detail-body {
  padding: 80px 0 200px 0;
}
section.jobs-detail-body h4 {
  color: rgb(51, 51, 48);
  font-size: 34px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 48px;
  margin: 0;
}
section.jobs-detail-body .bullets {
  padding: 65px 0;
}
section.jobs-detail-body .bullets ul {
  margin: 0;
  padding: 0;
}

section.contact-details {
  padding: 140px 0;
}
section.contact-details p {
  margin-bottom: 45px;
}
section.contact-details img.map {
  border: solid 10px #FFF;
  box-shadow: 0 8px 23px 0 rgba(0, 0, 0, 0.11);
  width: 100%;
}

.menu-home-link {
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 18px;
}
.menu-home-link img {
  height: 49px;
  transition: all 0.3s ease;
}
@media (max-width: 767.98px) {
  .menu-home-link img {
    height: 42px;
  }
}

nav.sb-menu {
  height: 70px;
  background: rgb(35, 35, 35);
  transition: background-color 0.3s ease;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 12px;
  position: fixed;
  z-index: 999997;
  top: 0;
  left: 0;
  right: 0;
}
@media (max-width: 767.98px) {
  nav.sb-menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 12px;
  }
}
nav.sb-menu .top-menu-button-afspraak {
  letter-spacing: 1.82px;
}
nav.sb-menu #mobile-menu-title {
  display: none;
  color: rgb(51, 51, 48);
  font-size: 17px;
  text-transform: uppercase;
  padding-right: 20px;
  font-weight: 600;
  letter-spacing: 0;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100vw - 120px);
}
@media (min-width: 768px) {
  nav.sb-menu #mobile-menu-title {
    display: none;
  }
}
nav.sb-menu #website-menu-toggler {
  background: rgba(135, 135, 135, 0.5);
  border: 0;
  border-radius: 999px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
nav.sb-menu #website-menu-toggler .line-1, nav.sb-menu #website-menu-toggler .line-2, nav.sb-menu #website-menu-toggler .line-3 {
  display: block;
  height: 2px;
  width: 26px;
  margin-bottom: 5px;
  background: #fff;
  transition: all 300ms ease-in-out;
}
nav.sb-menu #website-menu-toggler .line-3 {
  margin-bottom: 0;
}
nav.sb-menu #website-menu-toggler[aria-expanded=true] .line-1, nav.sb-menu #website-menu-toggler[aria-expanded=true] .line-2, nav.sb-menu #website-menu-toggler[aria-expanded=true] .line-3 {
  height: 2px;
  width: 26px;
  margin-bottom: 5px;
  background: #fff;
}
nav.sb-menu #website-menu-toggler[aria-expanded=true] .line-1 {
  transform: translateY(8px) rotate(45deg);
}
nav.sb-menu #website-menu-toggler[aria-expanded=true] .line-3 {
  transform: translateY(-6px) rotate(-45deg);
}
nav.sb-menu #website-menu-toggler[aria-expanded=true] .line-2 {
  opacity: 0;
}
nav.sb-menu .mobile-side-menu {
  display: none;
  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("/assets/svg/menu-bg.svg");
  background-size: contain;
  background-position: center;
  background-color: #333330;
  background-repeat: no-repeat;
}
nav.sb-menu .mobile-side-menu div.inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
nav.sb-menu .mobile-side-menu div.inner div.socials {
  background-color: rgb(203, 159, 158);
  padding: 20px;
}
nav.sb-menu .mobile-side-menu div.inner div.socials img {
  width: 50px;
  height: 50px;
}
nav.sb-menu .mobile-side-menu div.inner ul {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  list-style-type: none;
  padding-left: 20px;
}
nav.sb-menu .mobile-side-menu div.inner ul li {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 6px;
  line-height: 60px;
  text-decoration: none;
  text-transform: uppercase;
}
nav.sb-menu .mobile-side-menu div.inner ul li a {
  color: #FFF;
  text-decoration: none;
}
nav.sb-menu .mobile-side-menu div.inner ul li a.active {
  color: #98B9C2;
}

body.menu-open nav.sb-menu {
  left: 0;
  right: 0;
  width: 100%;
  background: #000;
}

ul#top-menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul#top-menu li {
  display: inline-block;
  text-transform: uppercase;
  padding: 0 10px;
}
@media (min-width: 992px) {
  ul#top-menu li {
    padding: 0 10px;
  }
}
@media (min-width: 1400px) {
  ul#top-menu li {
    padding: 0 15px;
  }
}
ul#top-menu li:hover a, ul#top-menu li:hover a span, ul#top-menu li .active a, ul#top-menu li .active a span {
  color: rgb(216, 175, 174);
}
ul#top-menu li a {
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0;
}
ul#top-menu li a.active, ul#top-menu li a.active span {
  color: rgb(216, 175, 174);
}
@media (min-width: 1200px) {
  ul#top-menu li a {
    font-size: 14px;
  }
}
@media (min-width: 1400px) {
  ul#top-menu li a {
    font-size: 17px;
  }
}

#logo-topleft {
  position: fixed;
  z-index: 10;
  top: 120px;
  left: 50px;
}
#logo-topleft img {
  width: 250px;
}

section.about {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 0;
}
@media (min-width: 992px) {
  section.about {
    padding: 230px 0;
    padding-bottom: 50px;
  }
}
section.about h2 {
  margin-bottom: 50px;
}
section.about h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
}
section.about h5 {
  font-size: 14px;
  font-weight: 800;
}

.fade-in-on-scroll {
  opacity: 0;
  transition: opacity 1000ms ease-in;
  transition-delay: 100ms;
}

.fade-in-on-scroll.scrolled {
  opacity: 1;
}

.homepage-splash-screen {
  height: calc(100vh - 76px);
  position: fixed;
  z-index: 999;
  width: 100vw;
  height: calc(100vh - 70px);
  top: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F4EFE9;
}
@media (max-width: 991.98px) {
  .homepage-splash-screen {
    min-height: calc(100vh - 76px);
    height: inherit;
  }
}
.homepage-splash-screen .logo-container {
  max-width: 90%;
}
.homepage-splash-screen .logo-container .logo {
  max-width: 100%;
}
.homepage-splash-screen .logo-container h1 {
  font-family: VisbyCF;
  font-weight: 200;
  color: #333330;
  letter-spacing: 0;
  font-size: 27px;
  text-align: center;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .homepage-splash-screen .logo-container h1 {
    font-size: 60px;
  }
}
.homepage-splash-screen .payoff, .homepage-splash-screen .logo {
  visibility: hidden;
}
.homepage-splash-screen.appear .payoff, .homepage-splash-screen.appear .logo {
  animation: 2s fadeIn;
  animation-fill-mode: forwards;
  visibility: hidden;
}
.homepage-splash-screen.appear .payoff {
  animation-delay: 1s;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
.big-intro-carousels {
  display: flex;
}
@media (max-width: 991.98px) {
  .big-intro-carousels {
    flex-direction: column;
  }
  .big-intro-carousels #big-intro-carousel-left, .big-intro-carousels #big-intro-carousel-right {
    height: calc(50vh - 35px);
    width: 100vw;
  }
  .big-intro-carousels .left, .big-intro-carousels .right {
    height: calc(50vh - 35px);
    width: 100%;
  }
}
@media (min-width: 992px) {
  .big-intro-carousels {
    flex-direction: row;
    justify-content: space-evenly;
  }
  .big-intro-carousels #big-intro-carousel-left, .big-intro-carousels #big-intro-carousel-right {
    flex-basis: 0;
    flex-grow: 1;
    overflow: hidden;
  }
  .big-intro-carousels .left, .big-intro-carousels .right {
    width: 100%;
  }
}
.big-intro-carousels .carousel-buttons {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
@media (min-width: 992px) {
  .big-intro-carousels .carousel-buttons {
    bottom: 50px;
    right: 50px;
  }
}
.big-intro-carousels .carousel-buttons .carousel-control-next, .big-intro-carousels .carousel-buttons .carousel-control-prev {
  width: 50px;
  height: 50px;
  opacity: 1;
  position: relative;
  display: inline-block;
}
.big-intro-carousels .carousel-buttons .carousel-control-next span, .big-intro-carousels .carousel-buttons .carousel-control-prev span {
  max-width: 45%;
}
@media (min-width: 992px) {
  .big-intro-carousels .carousel-buttons .carousel-control-next, .big-intro-carousels .carousel-buttons .carousel-control-prev {
    width: 80px;
    height: 80px;
  }
}
.big-intro-carousels .carousel-buttons .carousel-control-next:hover, .big-intro-carousels .carousel-buttons .carousel-control-prev:hover {
  opacity: 0.8;
}
.big-intro-carousels .carousel-buttons .carousel-control-next {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: #FFF;
}
.big-intro-carousels .carousel-buttons .carousel-control-next .carousel-control-next-icon {
  background-image: url("/assets/svg/carousel-arrow-right.svg");
  transform: translate(0, 3px);
}
.big-intro-carousels .carousel-buttons .carousel-control-prev {
  background: #F4EFE9;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.big-intro-carousels .carousel-buttons .carousel-control-prev .carousel-control-prev-icon {
  background-image: url("/assets/svg/carousel-arrow-right.svg");
  transform: rotate(180deg) translate(0, -3px);
}
.big-intro-carousels .carousel-item-container {
  display: flex;
  flex-direction: row;
}
@media (min-width: 992px) {
  .big-intro-carousels .carousel-item-container {
    height: calc(100vh - 76px);
  }
}
@media (min-width: 992px) and (max-width: 991.98px) {
  .big-intro-carousels .carousel-item-container {
    min-height: calc(100vh - 76px);
    height: inherit;
  }
}
.big-intro-carousels .carousel-item-container .left {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("/assets/svg/and.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #F3ECE4;
}
.big-intro-carousels .carousel-item-container .left > div {
  max-width: 90%;
}
.big-intro-carousels .carousel-item-container .left p {
  width: 590px;
  max-width: 90%;
  font-weight: 500;
  font-size: 24px;
}
@media (min-width: 992px) {
  .big-intro-carousels .carousel-item-container .left p {
    font-size: 34px;
    line-height: 48px;
  }
}
.big-intro-carousels .carousel-item-container .right {
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.big-intro-carousels .carousel-item-container .right .client-logo {
  max-width: 80%;
}

section.modern-cases-carousel {
  background: url("data:image/svg+xml;utf8,<svg width='534' height='658' viewBox='0 0 534 658' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M201.611 310.355C197.511 310.355 191.319 312.4 183.105 316.477C174.878 320.554 165.962 326.336 156.358 333.808C146.754 341.294 137.48 350.627 128.578 361.835C119.662 373.057 113.154 385.799 109.026 400.061C104.927 414.337 103.895 430.148 105.944 447.464C108.008 464.794 115.219 483.659 127.546 504.058C138.526 521.743 152.76 535.494 170.248 545.338C187.735 555.197 206.241 560.126 225.793 560.126C245.345 560.126 264.882 554.358 284.42 542.795C303.986 531.247 321.288 512.552 336.381 486.727L201.611 310.355ZM0 435.745C0 411.269 4.11394 388.185 12.3418 366.423C20.5696 344.689 31.5353 324.816 45.2532 306.789C58.971 288.777 74.9107 273.648 93.1008 261.418C111.248 249.187 130.27 240.706 150.18 235.933C138.526 221.671 128.922 206.031 121.368 189.042C115.219 174.766 110.918 158.302 108.524 139.593C106.116 120.913 109.37 101.04 118.3 79.9597C146.396 11.3199 198.185 -23 273.626 -23C290.77 -23 305.692 -21.8068 318.378 -19.4345C331.049 -17.048 341.857 -14.1643 350.773 -10.7551C361.065 -7.36002 369.637 -3.2831 376.489 1.46145V59.5752V117.689C362.771 102.049 349.913 90.1591 337.93 82.0053C325.917 73.8514 314.608 68.4108 303.986 65.6834C293.336 62.9844 283.732 62.1179 275.174 63.1549C266.574 64.1635 258.862 65.6834 252.039 67.729C240.356 71.1382 231.111 76.8914 224.245 85.0594C217.393 93.2132 212.749 102.574 210.355 113.086C207.947 123.627 207.803 134.678 209.839 146.213C211.903 157.79 216.347 168.316 223.227 177.834L402.219 413.314L533.893 223.703V386.822L458.781 488.773L574 647.801H452.632L396.04 569.302C380.947 586.292 364.491 601.264 346.673 614.163C330.877 625.711 312.372 635.911 291.114 644.732C269.856 653.554 247.223 658 223.227 658C192.351 658 163.382 651.522 136.29 638.61C109.198 625.711 85.5324 608.907 65.3068 588.167C45.0812 567.441 29.1415 543.818 17.4734 517.297C5.81971 490.79 0 463.63 0 435.745Z' fill='%23F0EBE1'/></svg>"), linear-gradient(to bottom, rgb(248, 245, 238) 0, rgb(248, 245, 238) 600px, rgb(53, 53, 53) 600px, rgb(53, 53, 53) 100%);
  /* Pas de sizes en posities aan zoals gewenst */
  background-size: auto 600px, cover;
  background-repeat: no-repeat;
  background-position: right 0 top 0;
  padding-top: 105px;
  padding-bottom: 105px;
}
section.modern-cases-carousel button {
  padding: 0;
}
@media (min-width: 992px) {
  section.modern-cases-carousel {
    padding-top: 160px;
    padding-bottom: 160px;
  }
}
section.modern-cases-carousel a.case-tile {
  text-decoration: none;
  border-radius: 10px;
}
section.modern-cases-carousel a.case-tile .case-image-container {
  overflow: hidden;
  position: relative;
  border-radius: 10px 10px 0 0;
}
section.modern-cases-carousel a.case-tile .case-image-container .case-image {
  width: 100%;
  border-radius: 10px 10px 0 0;
  transition: transform 300ms ease-in-out;
}
section.modern-cases-carousel a.case-tile .case-image-container .case-logo-container {
  top: 0;
  position: absolute;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.modern-cases-carousel a.case-tile .case-image-container .case-logo-container img.case-logo {
  width: 70%;
}
section.modern-cases-carousel a.case-tile .case-bar {
  color: #fff;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgb(20, 20, 20);
  transition: background 0.3s;
  text-decoration: none;
  border-radius: 0 0 10px 10px;
}
section.modern-cases-carousel a.case-tile .case-bar span {
  color: #fff;
  padding: 10px 17px;
  text-transform: uppercase;
  font-size: 14px;
}
section.modern-cases-carousel a.case-tile .case-bar .arrow-container {
  transition: background 0.3s;
  background: #000;
  padding: 15px;
  border-bottom-right-radius: 10px;
}
section.modern-cases-carousel a.case-tile:hover .case-image {
  transform: scale(1.1);
}
section.modern-cases-carousel a.case-tile:hover .case-bar {
  background: rgb(216, 175, 174);
}
section.modern-cases-carousel a.case-tile:hover .case-bar .arrow-container {
  background: rgb(203, 159, 158);
}
section.modern-cases-carousel a.case-tile:hover .case-bar a {
  color: #fff;
}

section.services-grid {
  padding: 62px 0 240px 0;
}
section.services-grid .top-container h4 {
  font-size: 26px;
  line-height: 38px;
}
section.services-grid a.services-grid-tile {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
}
section.services-grid a.services-grid-tile:hover .btn, section.services-grid a.services-grid-tile:hover .briefcase-container .briefcase-folder .folder-inner .content a.briefcase-button, .briefcase-container .briefcase-folder .folder-inner .content section.services-grid a.services-grid-tile:hover a.briefcase-button, section.services-grid a.services-grid-tile:hover .btn-cta-white-blue, section.services-grid a.services-grid-tile:hover .btn-cta-black-pink, section.services-grid a.services-grid-tile:hover nav.sb-menu .top-menu-button-afspraak, nav.sb-menu section.services-grid a.services-grid-tile:hover .top-menu-button-afspraak {
  background-color: #000;
  color: #fff;
}
section.services-grid a.services-grid-tile img {
  padding: 30px;
  background-color: rgba(244, 239, 233, 0.5);
  border-radius: 9px;
  width: 100%;
  transition: background-color 300ms ease-in-out;
  margin-bottom: 20px;
}
section.services-grid a.services-grid-tile h4 {
  font-size: 24px;
  line-height: 30px;
  color: rgb(51, 51, 48);
}
section.services-grid a.services-grid-tile h5 {
  font-size: 15px;
  line-height: 25px;
  color: rgb(51, 51, 48);
  font-family: "VisbyCF";
  font-weight: normal;
  margin-bottom: 20px;
}
section.services-grid a.services-grid-tile:hover img {
  background-color: #D8AFAE;
}

section.team {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 80px 0;
  background-image: url("/assets/svg/and-2.svg");
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  section.team {
    flex-direction: row;
    padding: 185px 0;
  }
}
section.team.dark {
  background-color: #F4EFE9;
  background-image: url("/assets/svg/and.svg");
}
section.team.light {
  background: #fff;
}
section.team.light .btn-container .btn-arrow.btn-arrow-light {
  background-color: #fff;
}
section.team .tile {
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 15px;
}
section.team .tile .top {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px;
}
section.team .tile .top .avatar {
  margin-right: 25px;
}
section.team .tile .top .title {
  font-size: 34px;
  font-weight: 500;
  line-height: 36px;
}
section.team .tile .top .subtitle {
  font-size: 16px;
  font-weight: 600;
}
section.team .tile p {
  padding: 5px;
  padding-right: 15px;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 28px;
  flex-grow: 1;
}
section.team #teamcarousel-desktop .tile {
  min-height: 316px;
}
section.team #teamcarousel-desktop .btn-container {
  top: -120px;
  right: 0;
  position: absolute;
}
section.team #teamcarousel-mobile .tile {
  min-height: 355px;
}
section.team #teamcarousel-mobile .btn-container .btn-arrow {
  margin-top: 10px;
  height: 60px;
  width: 60px;
}
section.team #teamcarousel-mobile .btn-container .btn-arrow img {
  max-width: 60%;
}

section.cases-carousel {
  background-color: #282820;
  padding: 100px 0 185px 0;
}
section.cases-carousel h3, section.cases-carousel h4 {
  color: #FFF;
  margin: 0;
}
section.cases-carousel h4 {
  font-size: 15px;
  line-height: 25px;
}
section.cases-carousel .gallery-item .image-container {
  max-width: 80vw;
  max-height: 378px;
}

section.clients div.clients-container {
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
}
@media (min-width: 992px) {
  section.clients div.clients-container {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  section.clients div.clients-container > div {
    width: 50vw;
    padding: 160px 0;
  }
}
section.clients div.clients-container div.left {
  background-color: #F4EFE9;
}
section.clients div.clients-container div.left div.clients-text {
  padding: 50px 0;
  width: 560px;
  max-width: 100%;
}
section.clients div.clients-container div.right {
  background: #FFF;
}
@media (min-width: 992px) {
  section.clients div.clients-container div.right {
    height: calc(100vh - 76px);
  }
}
@media (min-width: 992px) and (max-width: 991.98px) {
  section.clients div.clients-container div.right {
    min-height: calc(100vh - 76px);
    height: inherit;
  }
}
section.clients div.clients-container div.right img {
  max-height: 100%;
  max-width: 76%;
  margin: 50px 0;
}
section.clients div.clients-container h2 {
  font-weight: 500;
}
section.clients div.clients-container img.clients-logos {
  width: 650px;
  max-width: 100%;
}

section.socials-bar {
  background-color: rgb(203, 159, 158);
  padding: 90px 0;
}
section.socials-bar h2 {
  font-size: 44px;
  font-weight: 500;
  margin: 0;
}
section.socials-bar:hover a img {
  transform: scale(1.05);
}

section.contact {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 0;
}
@media (min-width: 992px) {
  section.contact {
    padding: 190px 0;
  }
}
@media (min-width: 992px) {
  section.contact h2 {
    font-size: 78px;
    font-size: calc(1.6125rem + 4.35vw);
    font-weight: 500;
    line-height: 72px;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  section.contact h2 {
    font-size: 4.875rem;
  }
}

footer {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-top: 90px;
  padding-bottom: 50px;
  background-repeat: no-repeat;
}
footer .logo-container {
  width: 100%;
  text-align: center;
}
footer .logo-container img {
  width: 80%;
}
@media (min-width: 992px) {
  footer .logo-container {
    padding: 80px 0 125px 0;
  }
  footer .logo-container img {
    width: 420px;
  }
}
footer .logo-container h4 {
  margin-top: 8px;
  font-size: 34px;
  font-weight: 200;
}
@media (max-width: 991.98px) {
  footer .logo-container h4 {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  footer {
    background-size: 100%;
    background-position: 50px;
  }
}
footer ul {
  margin: 0;
  padding: 0;
  margin-top: 50px;
  margin-bottom: 50px;
  list-style-type: none;
  padding: 0;
}
@media (min-width: 1200px) {
  footer ul {
    margin-left: 50px;
  }
}
@media (min-width: 992px) {
  footer ul {
    margin-bottom: 0;
    margin-top: 0;
  }
}
footer ul li {
  display: inline-block;
}
footer ul li:not(:last-of-type):after {
  display: inline;
  content: "|";
  margin: 0 15px;
}
footer ul li {
  font-size: 19px;
}
@media (max-width: 991.98px) {
  footer ul li {
    text-align: center;
    display: block;
  }
  footer ul li:after {
    display: none !important;
  }
}
footer ul li a {
  color: #333330;
  text-decoration: none;
}
footer ul li a:hover {
  text-decoration: underline;
  color: #000;
}

section.welkomst-bar {
  background-color: rgb(51, 51, 48);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999999999;
}
section.welkomst-bar h4 {
  margin: 0;
  color: #fff;
  font-size: 24px;
}

section.testimonials {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #98B9C2;
  padding: 60px 0;
}
@media (min-width: 992px) {
  section.testimonials {
    padding: 165px 0;
  }
}
section.testimonials h1 {
  font-size: 64px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
  section.testimonials h1 {
    font-weight: 500;
    font-size: calc(1.4rem + 1.8vw);
    letter-spacing: 0;
  }
}
section.testimonials h5 {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}
section.testimonials .btn-container {
  possition: absolute;
  right: 0;
}
@media (max-width: 991.98px) {
  section.testimonials .btn-container .btn-arrow {
    width: 60px;
    height: 60px;
  }
  section.testimonials .btn-container .btn-arrow img {
    max-width: 55%;
  }
}
@media (min-width: 992px) {
  section.testimonials .btn-container {
    margin-top: -40px;
    left: 0;
    right: inherit;
  }
}
section.testimonials .carousel-item h1, section.testimonials .carousel-item h5, section.testimonials .carousel-item p {
  background: #98B9C2;
}

section.blog-grid-header {
  padding: 80px 0;
}

section.blog-grid-grid {
  padding: 80px 0;
  padding-top: 0;
}
section.blog-grid-grid .tile-blog-post {
  text-decoration: none;
}
section.blog-grid-grid .tile-blog-post h2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}
section.blog-grid-grid .tile-blog-post h4 {
  font-size: 13px;
  line-height: 22px;
  font-weight: normal;
  color: #000;
}
section.blog-grid-grid .tile-blog-post .image-container {
  overflow: hidden;
  margin-bottom: 18px;
}
section.blog-grid-grid .tile-blog-post .image-container img {
  transition: transform 300ms ease-in-out;
  width: 100%;
}
section.blog-grid-grid .tile-blog-post:hover .image-container img {
  transform: scale(1.1);
}

section.download-form {
  padding: 80px 0;
  background-color: #98B9C2;
  background-image: url("/assets/svg/and-watermark.svg?v=2");
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  section.download-form {
    padding: 135px 0;
  }
}
@media (max-width: 991.98px) {
  section.download-form {
    background-size: 113% 72%;
  }
}
section.download-form .form-label {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 1.13px;
}
section.download-form .form-control {
  background: rgb(136, 171, 180);
  border: 0;
  border-radius: 6px;
}
section.download-form .form-control::placeholder {
  color: #666;
}
section.download-form .error {
  background: red;
  color: #FFF;
  padding: 6px;
  border-radius: 6px;
}

section.jobs-header {
  background-image: url("/assets/svg/jobs-header-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  section.jobs-header {
    height: calc(100vh - 76px);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  section.jobs-header {
    min-height: calc(100vh - 76px);
    height: inherit;
  }
}
@media (max-width: 991.98px) {
  section.jobs-header {
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.4);
  }
}
section.jobs-header .superwoman {
  width: 100%;
}
@media (max-width: 1199.98px) {
  section.jobs-header .superwoman {
    max-width: 400px;
  }
}
section.jobs-header h1 {
  font-size: calc(1.6rem + 4.2vw);
  font-weight: 500;
  line-height: calc(1.6rem + 4.2vw);
  margin: 40px 0;
}
@media (min-width: 1200px) {
  section.jobs-header h1 {
    font-size: 4.75rem;
  }
}
@media (min-width: 1200px) {
  section.jobs-header h1 {
    line-height: 4.75rem;
  }
}
section.jobs-header h2 {
  font-size: calc(1.3375rem + 1.05vw);
  line-height: calc(1.425rem + 2.1vw);
  font-weight: 500;
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  section.jobs-header h2 {
    font-size: 2.125rem;
  }
}
@media (min-width: 1200px) {
  section.jobs-header h2 {
    line-height: 3rem;
  }
}
@media (min-width: 992px) {
  section.jobs-header h2 {
    font-size: 34px;
  }
}
@media (min-width: 992px) {
  section.jobs-header .text-container {
    padding-right: 30%;
  }
}
@media (min-width: 1200px) {
  section.jobs-header .text-container {
    margin-left: 160px;
    width: 670px;
    max-width: 90%;
    padding-right: 0;
  }
}
@media (max-width: 991.98px) {
  section.jobs-header .text-container {
    margin: 0;
    padding: 40px 12px;
  }
}
section.jobs-header .text-container h1 {
  font-size: calc(1.6rem + 4.2vw);
  font-weight: 500;
  line-height: calc(1.6rem + 4.2vw);
  margin: 40px 0;
}
@media (min-width: 1200px) {
  section.jobs-header .text-container h1 {
    font-size: 4.75rem;
  }
}
@media (min-width: 1200px) {
  section.jobs-header .text-container h1 {
    line-height: 4.75rem;
  }
}
section.jobs-header .text-container h2 {
  font-size: calc(1.3375rem + 1.05vw);
  line-height: calc(1.425rem + 2.1vw);
  font-weight: 500;
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  section.jobs-header .text-container h2 {
    font-size: 2.125rem;
  }
}
@media (min-width: 1200px) {
  section.jobs-header .text-container h2 {
    line-height: 3rem;
  }
}
@media (min-width: 992px) {
  section.jobs-header .text-container h2 {
    font-size: 34px;
  }
}

section.jobs-cv-form {
  padding: 80px 0;
  background-color: #CB9F9E;
  background-image: url("/assets/svg/and-watermark.svg?v=2");
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 992px) {
  section.jobs-cv-form {
    padding: 135px 0;
  }
}
@media (max-width: 991.98px) {
  section.jobs-cv-form {
    background-size: 113% 72%;
  }
}
section.jobs-cv-form .form-label {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 1.13px;
}
section.jobs-cv-form .form-control {
  background: #C19290;
  border: 0;
  border-radius: 6px;
}
section.jobs-cv-form .form-control::placeholder {
  color: #666;
}
section.jobs-cv-form .error {
  background: red;
  color: #FFF;
  padding: 6px;
  border-radius: 6px;
}

section.vacatures-grid {
  background-color: #fff;
}
section.vacatures-grid .job-tile {
  text-decoration: none;
  color: #000;
  background: rgb(216, 175, 174);
  border-radius: 25px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  padding: 30px;
}
section.vacatures-grid .job-tile:hover button {
  background-color: #000;
  color: #fff;
}
section.vacatures-grid .job-tile h2 {
  min-height: 100px;
  color: rgb(51, 51, 48);
  font-size: 36px;
  font-weight: 600;
}
section.vacatures-grid .job-tile h4 {
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: 20px;
  color: rgb(51, 51, 48);
}

section.culture-carousel {
  background: #282820;
  padding: 100px 0 185px 0;
}

section.popup-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 999999999;
  display: flex;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: opacity 800ms ease-in-out;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
}
section.popup-container.visible {
  opacity: 1;
  height: 100vh;
}
section.popup-container .popup {
  background-image: url("/assets/svg/and.svg");
  background-size: cover;
  background-position: center;
  position: relative;
  max-width: 95%;
  border-radius: 10px;
  background-color: #F4EFE9;
  box-shadow: 0 8px 27px 0 rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: 600;
  padding: 30px;
  line-height: 30px;
}
section.popup-container .popup .btn-popup-close {
  border: 0;
  background: none;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 300ms ease-in-out;
  border-radius: 10px;
}
@media (min-width: 992px) {
  section.popup-container .popup .btn-popup-close {
    right: 20px;
    top: 20px;
  }
}
section.popup-container .popup .btn-popup-close:hover {
  background-color: #FFF;
}
@media (max-width: 991.98px) {
  section.popup-container .popup {
    padding-right: 60px;
  }
}
@media (min-width: 992px) {
  section.popup-container .popup {
    width: 730px;
    height: 380px;
    font-size: 47px;
    font-weight: 600;
    line-height: 54px;
  }
}

section.picture-big {
  height: 200px;
}
@media (min-width: 992px) {
  section.picture-big {
    height: 400px;
  }
}
@media (min-width: 1200px) {
  section.picture-big {
    height: 680px;
  }
}
section.picture-big img {
  width: 100%;
}

section.cases-related {
  background-color: #282820;
  padding: 154px 0;
}
section.cases-related h3, section.cases-related p {
  color: #FFF;
}
section.cases-related a.case-tile {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
}
section.cases-related a.case-tile h4 {
  color: #fff;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 25px;
  margin-top: 20px;
}
section.cases-related a.case-tile img {
  width: 100%;
}
section.cases-related a.case-tile:hover button {
  background-color: #98B9C2;
}

.briefcase-container {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .briefcase-container {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
.briefcase-container .briefcase-folder {
  padding: 40px 0;
  border-radius: 60px 60px 0 0;
}
@media (max-width: 767.98px) {
  .briefcase-container .briefcase-folder {
    border-radius: 30px 30px 0 0;
  }
}
@media (min-width: 992px) {
  .briefcase-container .briefcase-folder {
    padding: 44px;
  }
}
.briefcase-container .briefcase-folder:not(:first-child) {
  margin-top: -60px;
}
.briefcase-container .briefcase-folder:not(:last-child) {
  padding-bottom: 70px;
}
@media (min-width: 992px) {
  .briefcase-container .briefcase-folder:not(:last-child) {
    padding-bottom: 104px;
  }
}
.briefcase-container .briefcase-folder .folder-inner {
  height: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  .briefcase-container .briefcase-folder .folder-inner {
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .briefcase-container .briefcase-folder .folder-inner .content p {
    max-width: 920px;
    margin-right: 50px;
  }
}
.briefcase-container .briefcase-folder .folder-inner .content a.briefcase-button {
  background: #fff;
}
.briefcase-container .briefcase-folder .folder-inner .img img {
  max-height: 230px;
  max-width: 230px;
}
@media (max-width: 767.98px) {
  .briefcase-container .briefcase-folder .folder-inner .img {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .briefcase-container .briefcase-folder .folder-inner .img img {
    margin: 20px 0;
  }
}

.briefcase-footer {
  background: rgb(35, 35, 35);
  padding-top: 190px;
  padding-bottom: 110px;
  border-radius: 0 0 60px 60px;
}
@media (max-width: 767.98px) {
  .briefcase-footer {
    border-radius: 0 0 30px 30px;
  }
}
@media (max-width: 767.98px) {
  .briefcase-footer {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.briefcase-footer h3 {
  color: #fff;
}
.briefcase-footer p {
  color: #fff;
}
@media (min-width: 992px) {
  .briefcase-footer p {
    font-size: 28px;
    line-height: 34px;
  }
}

.looping-video-container {
  position: relative;
  height: 100vh;
  overflow: hidden;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
}
@media (max-width: 767.98px) {
  .looping-video-container {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
}

.looping-video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 100%;
  object-fit: cover;
}

.marquee-with-text-container {
  background: #000;
  z-index: 9999;
  color: #FFF;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 36px;
  bottom: 15px;
  left: 0;
  right: 0;
  height: 90px;
  line-height: 90px;
}
@media (max-width: 767.98px) {
  .marquee-with-text-container {
    height: 90px;
    line-height: 90px;
  }
}
@media (max-width: 575.98px) {
  .marquee-with-text-container {
    width: 100vw;
    font-size: 35px;
  }
}
.marquee-with-text-container .content {
  color: #fff;
}
.marquee-with-text-container .marquee {
  position: relative;
  width: 100vw;
  max-width: 100%;
  height: 90px;
  overflow-x: hidden;
}
@media (max-width: 767.98px) {
  .marquee-with-text-container .marquee {
    height: 90px;
  }
}
.marquee-with-text-container .track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
}
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

div.team-carousel-container {
  padding-top: 88px;
}
div.team-carousel-container section.team-carousel {
  padding-top: 160px;
  background: #fff;
}
@media (max-width: 991.98px) {
  div.team-carousel-container section.team-carousel {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
div.team-carousel-container section.team-carousel .team-box {
  background: rgb(248, 245, 238);
  border-radius: 284px;
  padding: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991.98px) {
  div.team-carousel-container section.team-carousel .team-box {
    padding: 23px;
  }
}
@media (max-width: 991.98px) {
  div.team-carousel-container section.team-carousel .team-box {
    flex-direction: column;
  }
}
div.team-carousel-container section.team-carousel .team-box .person-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991.98px) {
  div.team-carousel-container section.team-carousel .team-box .person-card {
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  div.team-carousel-container section.team-carousel .team-box .person-card .person-info-container {
    margin-left: 53px;
  }
}
div.team-carousel-container section.team-carousel .team-box .person-card .person-info-container .person-info {
  padding: 0 30px 30px 0;
  font-size: 22px;
  line-height: 36px;
  font-style: italic;
  font-weight: 500;
}
@media (max-width: 991.98px) {
  div.team-carousel-container section.team-carousel .team-box .person-card .person-info-container .person-info {
    padding: 0px;
    font-size: 16px;
    line-height: 32px;
  }
}
div.team-carousel-container section.team-carousel .team-box .person-card .person-picture-container {
  position: relative;
}
div.team-carousel-container section.team-carousel .team-box .person-card .person-picture-container div.person-name-and-title {
  position: absolute;
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 40px;
  flex-direction: column;
}
div.team-carousel-container section.team-carousel .team-box .person-card .person-picture-container div.person-name-and-title > span {
  color: #fff;
}
div.team-carousel-container section.team-carousel .team-box .person-card .person-picture-container div.person-name-and-title span:first-child {
  font-size: 40px;
}
@media (max-width: 991.98px) {
  div.team-carousel-container section.team-carousel .team-box .person-card .person-picture-container div.person-name-and-title span:first-child {
    line-height: 40px;
  }
}
div.team-carousel-container section.team-carousel .team-box .person-card .person-picture-container div.person-name-and-title span:last-child {
  font-size: 14px;
}
div.team-carousel-container section.team-carousel .team-box .person-card .person-picture-container .person-picture {
  width: 400px;
  height: 400px;
  border-radius: 999px;
}
@media (max-width: 991.98px) {
  div.team-carousel-container section.team-carousel .team-box .person-card .person-picture-container .person-picture {
    width: 100%;
    height: 100%;
  }
}
div.team-carousel-container section.team-carousel .team-box .carousel-nav-arrows {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-width: 140px;
}
@media (max-width: 991.98px) {
  div.team-carousel-container section.team-carousel .team-box .carousel-nav-arrows {
    flex-direction: row;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
div.team-carousel-container section.team-carousel .team-box .carousel-nav-arrows button {
  background: transparent;
  border: 0;
}
@media (max-width: 991.98px) {
  div.team-carousel-container section.team-carousel .team-box .carousel-nav-arrows button:first-of-type {
    transform: rotate(-90deg);
  }
  div.team-carousel-container section.team-carousel .team-box .carousel-nav-arrows button:last-of-type {
    transform: rotate(-90deg);
  }
}
@media (min-width: 992px) {
  div.team-carousel-container section.team-carousel .team-box .carousel-nav-arrows button:first-of-type {
    margin-bottom: 10px;
  }
}

section.faq {
  padding-top: 60px;
  padding-bottom: 60px;
  overflow-x: hidden;
}
@media (min-width: 992px) {
  section.faq {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
section.faq ul.faq-ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
section.faq ul.faq-ul li {
  margin-bottom: 6px;
}
section.faq ul.faq-ul li:first-child a {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
section.faq ul.faq-ul li:last-child a:not(.active) {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
section.faq ul.faq-ul li:last-child div {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
section.faq ul.faq-ul li a {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  padding: 8px 37px;
  font-size: 28px;
  font-weight: 500;
  position: relative;
  background: rgb(248, 245, 238);
  color: #000;
  height: 79px;
  text-decoration: none;
  transition: all 400ms ease-in-out;
}
@media (max-width: 1199.98px) {
  section.faq ul.faq-ul li a {
    font-size: 16px;
    height: auto;
    padding: 20px 19px;
    padding-right: 55px;
    min-height: 80px;
    line-height: 20px;
  }
}
section.faq ul.faq-ul li a:after {
  position: absolute;
  right: 0;
  content: " ";
  top: 0;
  width: 100px;
  height: 100%;
  display: flex;
  background-position: center;
  background-image: url("/assets/svg/plus.svg");
  background-repeat: no-repeat;
  transition: transform 400ms ease-in-out;
}
@media (max-width: 1199.98px) {
  section.faq ul.faq-ul li a:after {
    background-size: 20px;
    width: 50px;
  }
}
section.faq ul.faq-ul li a.active {
  background: rgb(216, 175, 174);
}
section.faq ul.faq-ul li a.active:after {
  transform: rotate(45deg);
}
section.faq ul.faq-ul li .answer-container {
  display: none;
  background-color: rgb(53, 53, 53);
  padding: 39px 46px;
}
@media (max-width: 1199.98px) {
  section.faq ul.faq-ul li .answer-container {
    padding: 34px 19px;
  }
}
section.faq ul.faq-ul li .answer-container .answer-content {
  font-size: 18px;
  color: #fff;
  line-height: 30px;
}
@media (max-width: 1199.98px) {
  section.faq ul.faq-ul li .answer-container .answer-content {
    font-size: 14px;
    line-height: 24px;
  }
}
section.faq ul.faq-ul li .answer-container .answer-image img {
  max-width: 50%;
  margin-top: 30px;
}
@media (min-width: 992px) {
  section.faq ul.faq-ul li .answer-container .answer-image img {
    margin-top: 0;
    margin-left: 130px;
    max-width: 238px;
  }
}

@media (max-width: 1199.98px) {
  body.page-jobs section.faq ul.faq-ul li a {
    font-size: 18px;
    line-height: 21px;
  }
}

section.modern-footer img.footer-logos {
  width: 347px;
  max-width: 100%;
}
section.modern-footer .modern-footer-contact-bar {
  background: #fff;
  padding-top: 65px;
  padding-bottom: 65px;
}
section.modern-footer .modern-footer-contact-bar div.footer-address {
  font-weight: 500;
  font-size: 16px;
}
section.modern-footer .modern-footer-contact-bar div.footer-address a {
  color: #000;
  text-decoration: none;
}
section.modern-footer .modern-footer-contact-bar div.footer-address a:hover {
  text-decoration: underline;
}
section.modern-footer .modern-footer-contact-bar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
section.modern-footer .modern-footer-contact-bar ul li {
  font-size: 16px;
  line-height: 36px;
}
@media (min-width: 768px) {
  section.modern-footer .modern-footer-contact-bar ul li {
    display: inline-block;
  }
}
section.modern-footer .modern-footer-contact-bar ul li a {
  line-height: 36px;
  text-decoration: none;
  color: #000;
}
section.modern-footer .modern-footer-contact-bar ul li a:hover {
  text-decoration: underline;
}
@media (min-width: 768px) {
  section.modern-footer .modern-footer-contact-bar ul li:not(:last-child):after {
    content: "|";
    margin: 0 10px;
  }
}

section.brands-ticker .brand-logos {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-top: 92px;
}
@media (max-width: 767.98px) {
  section.brands-ticker .brand-logos {
    margin-top: 0;
  }
}
section.brands-ticker .brand-logos .brand-logo {
  flex: 0 0 auto;
  margin: 0;
  white-space: nowrap;
}
section.brands-ticker .brand-logos .brand-logo img {
  width: auto;
  display: inline-block;
  margin: 2px;
  height: 90px;
}
@media (min-width: 768px) {
  section.brands-ticker .brand-logos .brand-logo img {
    height: 170px;
  }
}

section.text-with-slideshow {
  padding-top: 105px;
  padding-bottom: 105px;
}
@media (min-width: 992px) {
  section.text-with-slideshow {
    padding-top: 190px;
    padding-bottom: 190px;
  }
}
section.text-with-slideshow h1 {
  font-size: 30px;
  line-height: 36px;
}
@media (min-width: 992px) {
  section.text-with-slideshow h1 {
    font-size: 50px;
    line-height: 54px;
  }
}
section.text-with-slideshow .carousel {
  position: relative;
}
section.text-with-slideshow .carousel .carousel-navigation {
  position: absolute;
  bottom: 30px;
  right: 30px;
}
section.text-with-slideshow .carousel .carousel-navigation button {
  padding: 0;
}
@media (max-width: 991.98px) {
  section.text-with-slideshow .carousel .carousel-navigation {
    bottom: 15px;
    right: 15px;
  }
}

section.team-member-popup-container {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.team-member-popup-container .team-member-popup {
  width: 900px;
  max-width: 95vw;
  box-shadow: 0px 13px 25px 0px rgba(0, 0, 0, 0.25);
  border-radius: 52px;
  background: #fff;
  overflow: hidden;
  display: flex;
  ssjustify-content: space-between;
  ssalign-items: center;
  position: relative;
}
@media (max-width: 767.98px) {
  section.team-member-popup-container .team-member-popup {
    flex-direction: column;
  }
}
section.team-member-popup-container .team-member-popup .close-button {
  padding: 30px;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  cursor: pointer;
  transition: transform 0.3s;
}
section.team-member-popup-container .team-member-popup .close-button:hover {
  transform: rotate(-90deg);
}
section.team-member-popup-container .team-member-popup .section-picture {
  background: rgb(248, 245, 238);
  padding: 29px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  section.team-member-popup-container .team-member-popup .section-picture {
    flex-direction: row;
  }
}
section.team-member-popup-container .team-member-popup .section-picture .avatar {
  width: 242px;
  height: 252px;
  border-radius: 999px;
  margin-bottom: 18px;
}
@media (max-width: 767.98px) {
  section.team-member-popup-container .team-member-popup .section-picture .avatar {
    width: 100px;
    height: 100px;
    margin: 0 10px 0 0;
  }
}
section.team-member-popup-container .team-member-popup .section-picture .name {
  font-size: 26px;
  font-weight: 600;
}
section.team-member-popup-container .team-member-popup .section-picture .title {
  font-size: 14px;
  font-weight: 500;
}
section.team-member-popup-container .team-member-popup .section-content {
  background: #fff;
  padding: 40px;
  overflow-y: auto;
}
section.team-member-popup-container .team-member-popup .section-content p {
  font-size: 18px;
  line-height: 25px;
}
@media (max-width: 767.98px) {
  section.team-member-popup-container .team-member-popup .section-content p {
    font-size: 16px;
    line-height: 22px;
  }
}
section.team-member-popup-container .team-member-popup .section-content p:not(:first-of-type) {
  font-size: 14px;
  line-height: 22px;
}
@media (max-width: 767.98px) {
  section.team-member-popup-container .team-member-popup .section-content p:not(:first-of-type) {
    font-size: 14px;
    line-height: 25px;
  }
}

section.werkgever-benefit-popup-container {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.werkgever-benefit-popup-container .werkgever-benefit-popup {
  width: 900px;
  max-width: 95vw;
  box-shadow: 0px 13px 25px 0px rgba(0, 0, 0, 0.25);
  border-radius: 52px;
  background: #fff;
  overflow: hidden;
  display: flex;
  ssjustify-content: space-between;
  ssalign-items: center;
  position: relative;
}
@media (max-width: 767.98px) {
  section.werkgever-benefit-popup-container .werkgever-benefit-popup {
    flex-direction: column;
  }
}
section.werkgever-benefit-popup-container .werkgever-benefit-popup .close-button {
  padding: 30px;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  cursor: pointer;
  transition: transform 0.3s;
}
section.werkgever-benefit-popup-container .werkgever-benefit-popup .close-button:hover {
  transform: rotate(-90deg);
}
section.werkgever-benefit-popup-container .werkgever-benefit-popup .section-picture {
  background: rgb(248, 245, 238);
  padding: 29px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  section.werkgever-benefit-popup-container .werkgever-benefit-popup .section-picture {
    flex-direction: row;
  }
}
section.werkgever-benefit-popup-container .werkgever-benefit-popup .section-picture .avatar {
  width: 242px;
  height: 252px;
  border-radius: 0 !important;
  margin-bottom: 18px;
}
@media (max-width: 767.98px) {
  section.werkgever-benefit-popup-container .werkgever-benefit-popup .section-picture .avatar {
    width: 100px;
    height: 100px;
    margin: 0 10px 0 0;
  }
}
section.werkgever-benefit-popup-container .werkgever-benefit-popup .section-picture .name {
  font-size: 26px;
  font-weight: 600;
}
section.werkgever-benefit-popup-container .werkgever-benefit-popup .section-picture .title {
  font-size: 14px;
  font-weight: 500;
}
section.werkgever-benefit-popup-container .werkgever-benefit-popup .section-content {
  background: #fff;
  padding: 40px;
  overflow-y: auto;
  display: flex;
  align-items: center;
}
section.werkgever-benefit-popup-container .werkgever-benefit-popup .section-content p {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 25px;
}
@media (max-width: 767.98px) {
  section.werkgever-benefit-popup-container .werkgever-benefit-popup .section-content p {
    font-size: 16px;
    line-height: 22px;
  }
}
section.werkgever-benefit-popup-container .werkgever-benefit-popup .section-content p:not(:first-of-type) {
  font-size: 14px;
  line-height: 22px;
}
@media (max-width: 767.98px) {
  section.werkgever-benefit-popup-container .werkgever-benefit-popup .section-content p:not(:first-of-type) {
    font-size: 14px;
    line-height: 25px;
  }
}

.fullscreen-slideshow {
  position: relative;
  height: calc(100vh - 70px);
  overflow: hidden;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
}
@media (max-width: 767.98px) {
  .fullscreen-slideshow {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
}
.fullscreen-slideshow .carousel-item {
  height: 100vh;
}
.fullscreen-slideshow .carousel-item img {
  height: 100%;
  width: 100%;
  object-fit: cover; /* Ensures the image covers the container */
  object-position: center; /* Centers the image, useful on mobile */
}
.fullscreen-slideshow #fullscreen-carousel .carousel-inner {
  height: calc(100vh - 70px);
}
.fullscreen-slideshow #fullscreen-carousel .nav-buttons {
  position: absolute;
  z-index: 999;
  top: calc(100vh - 180px);
  right: 30px;
}
@media (max-width: 767.98px) {
  .fullscreen-slideshow #fullscreen-carousel .nav-buttons {
    top: calc(100vh - 147px);
    right: 17px;
  }
}

.modern-footer-cta-bar, .cta-bar {
  padding-top: 77px;
  padding-bottom: 77px;
  background-repeat: no-repeat;
  background-position: bottom right;
}
.modern-footer-cta-bar.cta-bar-dark, .cta-bar.cta-bar-dark {
  background-color: rgb(216, 175, 174);
  background-image: url("/assets/svg/and-dark.svg");
}
.modern-footer-cta-bar.cta-bar-dark a.btn-cta:hover, .cta-bar.cta-bar-dark a.btn-cta:hover {
  background: #000;
  color: #fff;
}
.modern-footer-cta-bar.cta-bar-light, .cta-bar.cta-bar-light {
  background-color: rgb(248, 245, 238);
  background-image: url("/assets/svg/and-light.svg");
}
.modern-footer-cta-bar h4, .cta-bar h4 {
  font-weight: 500;
  font-size: 50px;
  line-height: 54px;
  color: #000;
}
@media (max-width: 767.98px) {
  .modern-footer-cta-bar h4, .cta-bar h4 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (min-width: 768px) {
  .modern-footer-cta-bar a.btn-cta, .cta-bar a.btn-cta {
    width: 300px;
  }
}

section.werkgever-carousel {
  margin-top: 120px;
  margin-bottom: 120px;
  padding-top: 110px;
  padding-bottom: 110px;
  background: #000;
  background-image: url("/assets/svg/and-dark-gray-big.svg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position-x: 10vw;
}
@media (min-width: 1400px) {
  section.werkgever-carousel {
    padding-top: 220px;
    padding-bottom: 220px;
  }
}
section.werkgever-carousel h2 {
  color: #fff;
  font-size: 50px;
  line-height: 54px;
  font-weight: 400;
}
@media (max-width: 1399.98px) {
  section.werkgever-carousel h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
section.werkgever-carousel p {
  color: #fff;
  line-height: 25px;
  font-size: clamp(0.8rem, 1.5vw, 1rem);
}
section.werkgever-carousel .carousel-col {
  position: relative;
  margin-right: -100px;
  overflow: visible;
}
section.werkgever-carousel .carousel-col .glide {
  /* eventueel extra styling */
}
section.werkgever-carousel .carousel-outer {
  overflow: hidden;
}
@media (max-width: 1399.98px) {
  section.werkgever-carousel .carousel-outer {
    margin-top: 30px;
  }
}
section.werkgever-carousel .carousel-outer .glide__track {
  overflow: visible;
}
section.werkgever-carousel .glide .glide__slides {
  display: flex;
  align-items: center;
  /* event. wat spacing */
}
section.werkgever-carousel .glide .glide__slides li.glide__slide {
  background: #fff;
  border-radius: 36.4px;
  margin: 10px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.5s ease;
}
section.werkgever-carousel .glide .glide__slides li.glide__slide:hover {
  background-color: rgb(248, 245, 238);
}
section.werkgever-carousel .glide .glide__slides li.glide__slide p {
  color: #000;
  background-color: rgb(248, 245, 238);
  padding: 20px 10px;
  margin: 0;
  border-radius: 0 0 36.4px 36.4px;
}
section.werkgever-carousel .glide .glide__arrows button {
  background: #fff;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  /* etc. */
}

section.visual-steps-map {
  overflow-x: hidden;
  background: rgb(248, 245, 238);
  padding-top: 338px;
  padding-bottom: 190px;
  position: relative;
}
@media (max-width: 1199.98px) {
  section.visual-steps-map {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 1200px) {
  section.visual-steps-map {
    background-image: url("/assets/svg/and-huge.svg");
    background-size: 100%;
  }
}
section.visual-steps-map .dotted-path {
  position: absolute;
  top: 0;
  left: 0;
  /* Bepaal of je 'm schaalt naar 100% breedte of vaste breedte */
  width: 100%;
  height: auto;
  z-index: 0;
}
section.visual-steps-map .step {
  border-radius: 132px;
  background: #fff;
}
@media (min-width: 1200px) {
  section.visual-steps-map .step {
    width: 900px;
    max-width: 95vw;
    margin-bottom: 54px;
    min-height: 270px;
  }
}
@media (max-width: 1199.98px) {
  section.visual-steps-map .step {
    border-radius: 30px;
    width: 100%;
  }
}
section.visual-steps-map .step .step-image {
  overflow: hidden;
  flex: none;
}
@media (max-width: 1199.98px) {
  section.visual-steps-map .step .step-image {
    text-align: center;
  }
  section.visual-steps-map .step .step-image img {
    width: 100%;
    max-width: 65%;
  }
}
@media (min-width: 1200px) {
  section.visual-steps-map .step .step-image {
    widsth: 250px;
    margin-left: 30px;
  }
  section.visual-steps-map .step .step-image img {
    width: 213px;
  }
}
section.visual-steps-map .step .step-content {
  padding: 30px;
}
@media (max-width: 1199.98px) {
  section.visual-steps-map .step .step-content {
    padding-top: 0;
  }
}
section.visual-steps-map .step .step-content h2 {
  font-size: 35px;
  font-weight: 600;
}
section.visual-steps-map .step .step-content p {
  font-size: 18px;
  line-height: 30px;
}
@media (min-width: 1200px) {
  section.visual-steps-map .step {
    opacity: 0;
    transition: transform 0.6s ease-out, opacity 0.6s ease-out;
  }
  section.visual-steps-map .step.slide-left {
    transform: translateX(-50%);
  }
  section.visual-steps-map .step.slide-right {
    transform: translateX(50%);
  }
  section.visual-steps-map .step.in-view {
    transform: translateX(0);
    opacity: 1;
  }
  section.visual-steps-map .step .animated {
    opacity: 0;
    transition: opacity 0.5s ease-out 0.8s;
  }
  section.visual-steps-map .step.in-view .animated {
    opacity: 1;
  }
}

section.about-and-cta {
  padding-top: 83px;
  padding-bottom: 83px;
}
@media (min-width: 768px) {
  section.about-and-cta {
    padding-top: 147px;
    padding-bottom: 147px;
  }
}

section.logo-and-image {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  section.logo-and-image {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.language-switcher {
  display: flex;
  background: #000;
  border-radius: 31px;
  width: 70px;
  height: 30px;
  justify-content: space-between;
  position: relative;
}
.language-switcher.with-transitions .language-option {
  transition: all 0.3s ease;
}
.language-switcher.with-transitions .slider {
  transition: transform 0.3s ease;
}
.language-switcher .language-option {
  color: #fff;
}
.language-switcher[data-lang=nl] .language-option[data-lang=nl] {
  color: #000;
}
.language-switcher[data-lang=nl] .language-option[data-lang=en] {
  margin-right: 10px;
}
.language-switcher[data-lang=nl] .slider {
  transform: translateX(0);
}
.language-switcher[data-lang=en] .language-option[data-lang=en] {
  color: #000;
}
.language-switcher[data-lang=en] .language-option[data-lang=nl] {
  margin-left: 10px;
}
.language-switcher[data-lang=en] .slider {
  transform: translateX(40px);
}
.language-switcher .language-option {
  text-decoration: none;
  padding: 0;
  font-weight: 500;
  position: relative;
  z-index: 1;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  /* De kleur wordt via inline styling (JS) gezet */
}
.language-switcher .language-option:active, .language-switcher .language-option::selection {
  color: #000;
}
.language-switcher .language-option:hover {
  opacity: 0.9;
}
.language-switcher .slider {
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  border-radius: 999px;
  width: 30px;
  height: 30px;
}

section.big-header-with-logo.dark h4 {
  color: #fff;
}
section.big-header-with-logo .logo {
  width: 100%;
  max-width: 250px;
}
@media (min-width: 768px) {
  section.big-header-with-logo h4 {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  section.big-header-with-logo h4 {
    font-size: 40px;
  }
}
@media (min-width: 1400px) {
  section.big-header-with-logo h4 {
    font-size: 50px;
  }
}

@media (max-width: 575.98px) {
  .container,
  .container-fluid,
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm {
    --bs-gutter-x: 3rem;
  }
}

.header-big-28 {
  font-size: 28px !important;
  font-weight: 300 !important;
  line-height: 36px !important;
}

/*# sourceMappingURL=app.css.map */