/*
Theme Name: Jouw droombadkamer
Theme URI: https://jouwdroombadkamer.nl
Author: Pixel Creation
Author URI: https://www.pixelcreation.nl/
Description: Gemaakt door Pixel Creation
Version: 1.0
Text Domain: jouwdroombadkamer
*/
/* Typography */
/* Animations */
/* Colors */
html {
  font-size: clamp(13px, 12.67px + 0.2315vw, 16px);
}

body {
  font-family: museo-sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  color: #1a1a1a;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ACCESSIBILITY */
.skip-links a {
  position: absolute;
  top: -100vh;
  left: -100vw;
  z-index: 9999;
  padding: 1.2rem 2rem;
  color: white;
  border-top: 2px solid white;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  background-color: #1d1d1d;
}
.skip-links a:focus {
  top: 8rem;
  left: 0;
}

a:focus-visible, button:focus-visible {
  outline: 2px dotted black;
  z-index: 9999;
  outline-offset: 0;
  -webkit-box-shadow: 0 0 0 2px white;
  box-shadow: 0 0 0 2px white;
}

/* MAIN */
::selection {
  color: #1a1a1a;
  background: #e5f0f5;
}

*, *::before, *::after {
  box-sizing: border-box;
}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

.whitespace.small {
  height: 2rem;
}
.whitespace.large {
  height: 4rem;
}

.fade-in {
  opacity: 0;
  transform: translateY(2rem);
}

.fade-in-scroll {
  opacity: 0;
  transform: translateY(2rem);
}

.search-bar {
  width: 100%;
  padding: 0.7rem 1.6rem 0.7rem 3.1rem;
  border: 2px solid #1a1a1a;
  border-radius: 2rem;
  background-image: url(images/search-icon.svg);
  background-size: 1.12rem;
  background-position: center left 1.3rem;
  background-repeat: no-repeat;
}
.search-bar:focus {
  outline: 0;
}

video {
  width: 100%;
}

/* TYPOGRAPHY */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-weight: 700;
}

h1, .h1 {
  font-size: 2.7rem;
  line-height: 1.15;
  color: #1a1a1a;
}
@media screen and (min-width: 576px) {
  h1, .h1 {
    font-size: 3rem;
  }
}
h1.h1-light, .h1.h1-light {
  font-weight: 500;
}

h2, .h2 {
  font-size: 2.5rem;
}

h4, .h4 {
  font-size: 1.65rem;
}

h5, .h5 {
  font-size: 1.4rem;
}

p {
  margin: 0 0 1rem 0;
}

p, ul, ol {
  margin: 0 0 1rem 0;
  font-weight: 300;
  line-height: 1.65;
}

a {
  color: inherit;
  transition: 0.4s all cubic-bezier(0.3, 1, 0.3, 1);
}

.p-last-child p:last-child {
  margin-bottom: 0;
}

.section-title {
  margin-bottom: 2.15rem;
}

.intro p {
  font-size: 1.4rem;
}

.page-content p, .page-content ul, .page-content ol, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6, .page-content table {
  font-size: inherit;
}
.page-content h1 {
  margin: 0 0 1.5rem 0;
}
.page-content h2 {
  margin: 0 0 0.5rem 0;
  font-size: 1.5rem;
}
.page-content h3 {
  margin: 0 0 0.15rem 0;
}
.page-content p, .page-content ul, .page-content ol {
  margin: 0 0 1.5rem 0;
}
.page-content ul {
  padding: 0;
  list-style-type: none;
}
.page-content ul li {
  padding: 0 0 0 0.8rem;
  position: relative;
}
.page-content ul li:before {
  content: "";
  width: 0.38rem;
  height: 0.38rem;
  position: absolute;
  top: 0.78rem;
  left: 0;
  border-radius: 50%;
  background-color: #1a1a1a;
}
.page-content p:has(+ ul), .page-content p:has(+ ol) {
  margin: 0 0 0.45rem 0;
}
.page-content ol {
  padding: 0 0 0 1.3rem;
}
.page-content a {
  text-decoration-thickness: 0.06rem;
  text-underline-offset: 0.36rem;
}
.page-content figure {
  margin: 0 0 2rem 0;
}
.page-content table {
  width: 100%;
  margin: 0 0 1.8rem 0;
  border: 1px solid #1a1a1a;
}
.page-content table thead {
  border-bottom: 2px solid;
}
.page-content table th, .page-content table td {
  padding: 0.75rem;
  border: 1px solid #1a1a1a;
}

/* BG COLORS */
.bg-beige {
  background-color: #f3f1ec;
}

.bg-dark-gray {
  color: white;
  background-color: #3c3a35;
}
.bg-dark-gray p {
  color: whitesmoke;
}

.bg-dark-gray-to-beige {
  background: linear-gradient(180deg, #3c3a35 0%, #3c3a35 50%, #f3f1ec 50%, #f3f1ec 100%);
}

.bg-beige-to-white {
  background: linear-gradient(180deg, #f3f1ec 0%, #f3f1ec 50%, white 50%, white 100%);
}

.bg-light-blue {
  background-color: #e5f0f5;
}

.bg-blue {
  background-color: #97b1bd;
}

/* COLORS */
.text-color {
  color: #636363;
}

/* BUTTONS */
.btn {
  margin: 1.2rem 0 0 0;
  padding: 0.75rem 2.5rem;
  font-size: 1.25rem;
  font-weight: 600;
  border-radius: 2rem;
}
.btn.btn-small {
  padding: 0.5rem 0.7rem;
}
@media screen and (min-width: 567px) {
  .btn.btn-small {
    padding: 0.5rem 1.8rem;
  }
}
.btn.btn-primary {
  color: white;
  border-color: #1a1a1a;
  background-color: #1a1a1a;
}
.btn.btn-primary:hover {
  border-color: #3c3a35;
  box-shadow: 0 0 0 0.35rem rgba(0, 0, 0, 0.15);
  background-color: #3c3a35;
}
.btn.btn-secondary {
  color: #1a1a1a;
  border-color: #fcd138;
  background-color: #fcd138;
}
.btn.btn-secondary:hover {
  border-color: #ffd953;
  box-shadow: 0 0 0 0.35rem rgba(252, 209, 56, 0.15);
  background-color: #ffd953;
}
.btn.btn-secondary:focus {
  color: #1a1a1a;
}
.btn.btn-light {
  color: #1a1a1a;
  border-color: white;
  background-color: white;
}
.btn.btn-light:hover {
  border-color: #f2f2f2;
  box-shadow: 0 0 0 0.35rem rgba(231, 231, 231, 0.15);
  background-color: #f2f2f2;
}
.btn:focus-visible {
  box-shadow: unset;
}

/* CONTAINER  */
.container {
  max-width: 1540px;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
@media screen and (min-width: 768px) {
  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.container-large {
  max-width: 1840px;
}

/* SECTIONS */
section {
  padding: 3rem 0;
}
@media screen and (min-width: 768px) {
  section {
    padding: 5rem 0;
  }
}
section.section-sm {
  padding: 2rem 0;
}

.first-section {
  padding-top: 4rem;
}

/* BLOCKS */
.block {
  height: 100%;
  padding: 2.5rem;
  border-radius: 1.25rem;
}

.info-block {
  height: 100%;
  border-radius: 1.25rem;
  overflow: hidden;
}
.info-block img {
  width: 100%;
  aspect-ratio: 16/11;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
}
.info-block .info-block-content {
  padding: 2.5rem 2rem;
}
.info-block i {
  width: 5rem;
  height: 5rem;
  margin: 0 0 1.4rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.3rem;
  color: #1a1a1a;
  border-radius: 50%;
  background-color: #fcd138;
}
.info-block.bg-white p {
  color: #636363;
}

.bg-dark-gray .info-block {
  color: #1a1a1a;
}
.bg-dark-gray .info-block p {
  color: #636363;
}

.bg-white .info-block.bg-white {
  border: 2px solid #e5e5e5;
}

.page-block {
  aspect-ratio: 16/18;
  position: relative;
  display: flex;
  justify-content: center;
  color: #1a1a1a;
  border-radius: 1.25rem;
  overflow: hidden;
  background-color: white;
}
.page-block.page-block-small {
  aspect-ratio: 16/10;
}
@media screen and (min-width: 1400px) {
  .page-block.page-block-small {
    aspect-ratio: 16/14.5;
  }
}
.page-block.page-block-small span {
  right: 1.25rem;
  bottom: 1.25rem;
  left: 1.25rem;
}
.page-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s all cubic-bezier(0.3, 1, 0.3, 1);
}
.page-block span {
  padding: 0.75rem 2.5rem;
  position: absolute;
  right: 2rem;
  bottom: 3.125rem;
  left: 2rem;
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.25;
  border-radius: 2rem;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.45);
  background-color: white;
  transition: 0.4s all cubic-bezier(0.3, 1, 0.3, 1);
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .page-block span {
    right: 4rem;
    left: 4rem;
  }
}
.page-block:hover img {
  transform: scale(1.05);
}
.page-block:hover span {
  box-shadow: 0 0 0 0.35rem rgba(255, 255, 255, 0.45);
}

.link-block {
  height: 37.5rem;
  position: relative;
  display: block;
  border-radius: 1.25rem;
  overflow: hidden;
}
.link-block.link-block-small {
  aspect-ratio: 3/4;
}
.link-block.link-block-large {
  aspect-ratio: 16/9;
}
@media screen and (max-width: 767.98px) {
  .link-block.link-block-slide {
    height: unset;
  }
}
.link-block .link-block-title {
  position: absolute;
  font-size: 2.25rem;
  font-weight: 700;
  color: white;
  z-index: 1;
}
.link-block .btn-arrow {
  height: 4rem;
  position: absolute;
  display: inline-flex;
  align-items: center;
  color: #1a1a1a;
  text-decoration: none;
  transition: 0.4s all cubic-bezier(0.3, 1, 0.3, 1);
  z-index: 1;
}
.link-block .btn-arrow .arrow {
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 0.4rem rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  background-color: white;
  transition: 0.4s all cubic-bezier(0.3, 1, 0.3, 1);
}
.link-block .btn-arrow .arrow.first {
  transform-origin: right;
}
.link-block .btn-arrow .arrow.second {
  margin-left: -4rem;
  transform: scale(0);
  transform-origin: left;
  box-shadow: 0 0 0 0.4rem rgba(255, 255, 255, 0.6);
  background-color: white;
}
.link-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s all cubic-bezier(0.3, 1, 0.3, 1);
}
.link-block:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.link-block.link-block-top .link-block-title {
  top: 2.5rem;
  left: 2.5rem;
}
.link-block.link-block-top .btn-arrow {
  right: 2.3rem;
  bottom: 2.3rem;
}
.link-block.link-block-top:before {
  background: linear-gradient(130deg, rgba(145, 165, 183, 0.9) 0%, rgba(229, 240, 245, 0) 45%);
}
.link-block.link-block-bottom .link-block-title {
  bottom: 2.5rem;
  left: 2.5rem;
}
.link-block.link-block-bottom .btn-arrow {
  top: 2.3rem;
  right: 2.3rem;
}
.link-block.link-block-bottom:before {
  background: linear-gradient(0deg, rgba(145, 165, 183, 0.9) 0%, rgba(229, 240, 245, 0) 45%);
}
.link-block:hover .arrow.first {
  transform: scale(0);
}
.link-block:hover .arrow.second {
  transform: scale(1);
}
.link-block:hover img {
  transform: scale(1.05);
}

/* HEADER */
.topbar {
  height: 3rem;
  position: relative;
  display: flex;
  align-items: center;
  z-index: 4;
  background-color: #fcd138;
}
.topbar .ti-widget {
  display: flex !important;
}
@media screen and (min-width: 1400px) {
  .topbar .ti-widget {
    margin-left: 1.1rem;
  }
}
.topbar .ti-widget-container {
  margin: 0 !important;
}
.topbar .ti-header {
  padding: 0 !important;
}

.navbar {
  padding: 1rem 0;
  position: relative;
  z-index: 3;
  border-top: 5px solid #fcd138;
  background-color: white;
}
@media screen and (min-width: 576px) {
  .navbar {
    padding: 1.5rem 0;
    border-top: 0;
  }
}
@media screen and (min-width: 1200px) {
  .navbar {
    padding: 2rem 0;
  }
}
.navbar .container {
  justify-content: space-between;
  gap: 1.5rem;
}
@media screen and (min-width: 1200px) {
  .navbar .container {
    justify-content: end;
  }
}
@media screen and (min-width: 1400px) {
  .navbar .container {
    justify-content: space-between;
  }
}
.navbar .navbar-brand {
  padding: 0;
}
@media screen and (min-width: 1400px) {
  .navbar .navbar-brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
.navbar .navbar-brand img {
  width: 11rem;
}
@media screen and (min-width: 576px) {
  .navbar .navbar-brand img {
    width: 13rem;
  }
}
.navbar .navbar-nav {
  gap: 0.5rem;
}
.navbar .navbar-nav .nav-item.dropdown {
  position: relative;
}
@media screen and (min-width: 1200px) {
  .navbar .navbar-nav .nav-item.dropdown {
    position: static !important;
  }
}
.navbar .navbar-nav .nav-item .nav-link {
  padding: 0.32rem 1.3rem;
  font-weight: 600;
  color: #1a1a1a;
  border-radius: 2rem;
}
.navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link.show {
  background-color: #fcd138;
}
.navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
  content: "\f107";
  margin-left: 0.28rem;
  position: relative;
  top: -0.025rem;
  font-family: "Font Awesome 7 Pro";
  font-size: 0.9rem;
  vertical-align: unset;
  border: 0;
}
.navbar .navbar-nav .dropdown-menu {
  margin: 0;
  padding: 1.5rem;
  border: 0;
  border-radius: 0;
  background-color: white;
}
@media screen and (min-width: 1200px) {
  .navbar .navbar-nav .dropdown-menu {
    width: 100%;
    padding: 1.5rem 0 5.6rem 0;
    top: 7.4rem;
    left: 0;
    animation: dropdown-slidein 0.35s cubic-bezier(0.3, 1, 0.3, 1) forwards;
  }
}
@keyframes dropdown-slidein {
  0% {
    transform: translateY(-1rem);
  }
  100% {
    transform: translateY(0);
  }
}
@media screen and (max-width: 1199.98px) {
  .navbar .navbar-nav .dropdown-menu {
    position: fixed;
    display: block;
    inset: 0;
    transform: translateX(-100%);
  }
}
.navbar .navbar-nav .dropdown-menu.show {
  transform: translateX(0);
}
@media screen and (max-width: 1199.98px) {
  .navbar .navbar-nav .dropdown-menu .container {
    max-width: unset;
    padding: 0;
  }
}
.navbar .navbar-nav .dropdown-menu .dropdown-title {
  margin: 0 0 1.6rem 0;
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
}
.navbar .navbar-nav .dropdown-menu .dropdown-list {
  display: grid;
  gap: 0.45rem 1rem;
}
@media screen and (min-width: 1400px) {
  .navbar .navbar-nav .dropdown-menu .dropdown-list {
    grid-template-columns: 1fr 1fr;
  }
}
.navbar .navbar-nav .dropdown-menu .dropdown-list-item {
  padding: 0.45rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  line-height: 1.42;
  border-radius: 0.4rem;
}
.navbar .navbar-nav .dropdown-menu .dropdown-list-item img {
  width: 4rem;
  height: 4rem;
  object-fit: cover;
  border-radius: 0.4rem;
}
.navbar .navbar-nav .dropdown-menu .dropdown-list-item .dropdown-list-item-text {
  display: flex;
  flex-direction: column;
}
.navbar .navbar-nav .dropdown-menu .dropdown-list-item .dropdown-list-item-text .title {
  margin: 0 0 0.18rem 0;
  font-weight: 700;
  line-height: 1.2;
}
.navbar .navbar-nav .dropdown-menu .dropdown-list-item .dropdown-list-item-text .subtitle {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.3;
  color: #636363;
}
.navbar .navbar-nav .dropdown-menu .dropdown-list-item:hover {
  background-color: #f3f1ec;
}
.navbar .navbar-end {
  display: flex;
  gap: 2rem;
}
.navbar .navbar-end .navbar-end-buttons {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2rem;
}
.navbar .navbar-end .navbar-end-buttons .language-dropdown button {
  padding: 0;
  font-size: 1.25rem;
  font-weight: 300;
  border: 0;
  background-color: unset;
}
.navbar .navbar-end .navbar-end-buttons .language-dropdown .dropdown-menu {
  min-width: unset;
  margin-top: 0.5rem;
  border-color: #e5e5e5;
  box-shadow: 0 0 1.1rem rgba(0, 0, 0, 0.075);
}
.navbar .navbar-end .navbar-end-buttons .language-dropdown .dropdown-menu .dropdown-item {
  padding: 0.1rem 1rem;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  font-size: 1.25rem;
  font-weight: 300;
}
.navbar .navbar-end .navbar-end-buttons .language-dropdown .dropdown-menu .dropdown-item:hover, .navbar .navbar-end .navbar-end-buttons .language-dropdown .dropdown-menu .dropdown-item:active {
  color: #636363;
  background-color: transparent;
}
.navbar .navbar-end .navbar-end-buttons .language-dropdown .dropdown-menu .dropdown-item .lang-flag {
  width: 1.14rem;
  height: 1.14rem;
  border-radius: 50%;
  object-fit: cover;
}
.navbar .navbar-end .navbar-end-buttons .menu-button {
  font-size: 1.45rem;
  border: 0;
  background-color: unset;
}

.menu-overlay {
  padding: 1.5rem 0 1.2rem 0;
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  visibility: hidden;
  opacity: 0;
  z-index: 4;
  overflow-y: scroll;
  background-color: transparent;
}
@media screen and (min-width: 576px) {
  .menu-overlay {
    padding: 2rem 0 2rem 0;
  }
}
@media screen and (min-width: 1200px) {
  .menu-overlay {
    padding: 3rem 0 2rem 0;
  }
}
.menu-overlay .menu-overlay-background {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  position: fixed;
  z-index: 0;
  transition: 0.4s all cubic-bezier(0.3, 1, 0.3, 1);
  background-color: #fcd138;
}
.menu-overlay .container {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 1.5rem;
}
@media screen and (min-width: 992px) {
  .menu-overlay .container {
    gap: 3.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .menu-overlay .container {
    gap: 4rem;
  }
}
.menu-overlay .menu-top {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (min-width: 576px) {
  .menu-overlay .menu-top {
    gap: 4rem;
  }
}
.menu-overlay .menu-top-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.menu-overlay .menu-search {
  width: 100%;
}
.menu-overlay .menu-search .search-bar {
  border: 0;
}
.menu-overlay .navbar-brand img {
  width: 13rem;
}
.menu-overlay .navbar-end {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (min-width: 768px) {
  .menu-overlay .navbar-end {
    gap: 1.5rem;
  }
}
.menu-overlay .navbar-end .menu-button {
  font-size: 1.55rem;
  color: #1a1a1a;
  border: 0;
  background-color: unset;
}
.menu-overlay .menu-middle {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (min-width: 992px) {
  .menu-overlay .menu-middle .menu-gutter {
    row-gap: 1.75rem;
  }
}
.menu-overlay .menu-overlay-title {
  margin: 0 0 0.75rem 0;
  padding: 0 0 0.8rem 0;
  position: relative;
  display: block;
  font-size: 1.35rem;
  font-weight: 700;
  cursor: pointer;
  border-bottom: 1px solid #1a1a1a;
}
@media screen and (min-width: 992px) {
  .menu-overlay .menu-overlay-title {
    cursor: default;
    pointer-events: none;
  }
}
.menu-overlay .menu-overlay-title span {
  width: 0.9rem;
  height: 0.9rem;
  top: 0.5rem;
  right: 0.5rem;
  position: absolute;
  display: flex;
}
@media screen and (min-width: 992px) {
  .menu-overlay .menu-overlay-title span {
    display: none;
  }
}
.menu-overlay .menu-overlay-title span:before, .menu-overlay .menu-overlay-title span:after {
  content: "";
  position: absolute;
  background-color: #1a1a1a;
  transition: 0.4s all cubic-bezier(0.3, 1, 0.3, 1);
}
.menu-overlay .menu-overlay-title span:before {
  width: 100%;
  height: 0.09rem;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.menu-overlay .menu-overlay-title span:after {
  width: 0.09rem;
  height: 100%;
  left: 50%;
  transform: translateX(-50%) scale3d(1, 1, 1);
}
.menu-overlay .menu-overlay-list {
  margin: 0 0 1.1rem 0;
  padding: 0 0 1.1rem 0;
  display: none;
  flex-direction: column;
  gap: 0.45rem;
  list-style-type: none;
  border-bottom: 1px solid #1a1a1a;
}
@media screen and (min-width: 992px) {
  .menu-overlay .menu-overlay-list {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 0.1rem;
    border-bottom: 0;
  }
}
.menu-overlay .menu-overlay-list li {
  margin: 0 0 0 -0.4rem;
}
.menu-overlay .menu-overlay-list li a {
  margin-left: -0.4rem;
  padding: 0.25rem 0.8rem;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  color: #1a1a1a;
  text-decoration: none;
  line-height: 1.5;
  border-radius: 1.25rem;
}
.menu-overlay .menu-overlay-list li a:hover, .menu-overlay .menu-overlay-list li a:focus-visible {
  background-color: white;
}
.menu-overlay .menu-overlay-list li a .count {
  padding: 0.12rem 0.5rem;
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 700;
  color: white;
  border-radius: 0.3rem;
  background-color: #1a1a1a;
}
.menu-overlay .menu-wrapper.collapsed .menu-overlay-title {
  margin: 0 0 0.25rem 0;
  border-bottom: 0;
}
.menu-overlay .menu-wrapper.collapsed .menu-overlay-title span:after {
  transform: translateX(-50%) scale3d(0, 0, 1);
}
.menu-overlay .menu-wrapper.collapsed .menu-overlay-list {
  display: flex;
}
.menu-overlay .menu-bottom {
  margin-top: auto;
  position: relative;
}
.menu-overlay .menu-bottom .menu-bottom-contact {
  line-height: 1.3;
  list-style-type: none;
}
@media screen and (min-width: 1200px) {
  .menu-overlay .menu-bottom .menu-bottom-contact {
    font-size: 2.4rem;
  }
}
.menu-overlay .menu-bottom .menu-bottom-contact a {
  font-weight: 700;
  text-decoration: none;
}
.menu-overlay .menu-bottom .menu-bottom-contact a:hover {
  color: #1a1a1a;
}
.menu-overlay .menu-bottom .socials {
  margin: 0 0 1.6rem 0;
  display: flex;
  gap: 0.8rem;
  font-size: 1.75rem;
  list-style-type: none;
}
@media screen and (min-width: 1200px) {
  .menu-overlay .menu-bottom .socials {
    margin: 0.4rem 0 0 0;
  }
}
.menu-overlay .menu-top, .menu-overlay .menu-bottom, .menu-overlay .druppel {
  opacity: 0;
}
.menu-overlay.open {
  opacity: 1;
  visibility: visible;
}
.menu-overlay.open .menu-overlay-background {
  animation: menu-bg 0.5s cubic-bezier(0.99, 0, 0.01, 0.99) forwards;
}
.menu-overlay.open .menu-top, .menu-overlay.open .menu-bottom, .menu-overlay.open .druppel {
  animation-name: fade-in;
  animation-delay: 0.4s;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}
.menu-overlay.closing {
  opacity: 1;
  visibility: visible;
}
.menu-overlay.closing .menu-overlay-background {
  animation: menu-bg-closing 0.5s cubic-bezier(0.99, 0, 0.01, 0.99) forwards;
}
.menu-overlay.closing .menu-top, .menu-overlay.closing .menu-bottom, .menu-overlay.closing .druppel {
  opacity: 1;
  animation-name: fade-out;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.menu-button {
  height: 100%;
  display: flex;
  align-items: center;
}
.menu-button .bars {
  width: 1.6rem;
  height: 2px;
  position: relative;
  display: block;
  background-color: #1a1a1a;
}
.menu-button .bars:before, .menu-button .bars:after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  background-color: #1a1a1a;
}
.menu-button .bars:before {
  top: -0.5rem;
}
.menu-button .bars:after {
  top: 0.5rem;
}

@keyframes menu-bg {
  0% {
    height: 0;
    top: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes menu-bg-closing {
  0% {
    height: 100%;
    top: 0;
  }
  100% {
    height: 0;
    bottom: 0;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
    transform: translate3d(0, 4em, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 4em, 0);
  }
}
.screen-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  transition: 0.2s all cubic-bezier(0.3, 1, 0.3, 1);
}
@media screen and (min-width: 1200px) {
  .screen-overlay.open {
    opacity: 1;
    visibility: visible;
  }
}

/* BREADCRUMBS */
.breadcrumb {
  margin: 0 0 1.15rem 0;
  flex-wrap: nowrap;
  font-size: 1rem;
  overflow: hidden;
}
.breadcrumb li {
  flex-shrink: 0;
}
.breadcrumb a {
  text-decoration: none;
}

.bg-dark-gray .breadcrumb .breadcrumb-item {
  color: #a7a7a7;
}
.bg-dark-gray .breadcrumb .breadcrumb-item:before {
  color: #a7a7a7;
}

/* HERO */
.hero {
  padding: 2.3rem 0 2.8rem 0;
  position: relative;
  color: #636363;
  overflow-x: clip;
  background-color: #fbfbf9;
  z-index: 1;
}
@media screen and (min-width: 992px) {
  .hero {
    padding: 5rem 0 13rem 0;
    border-radius: 0 0 5rem 5rem;
  }
}
.hero .hero-usp-block {
  margin: -10rem 0 0 0;
  position: relative;
  border-radius: 1.25rem;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  background-color: white;
}
@media screen and (min-width: 992px) {
  .hero .hero-usp-block {
    margin: 2.1rem 0 -19rem 0;
  }
}
.hero .hero-usp-block .hero-usp-block-content {
  padding: 0 2rem 1.8rem 2rem;
}
@media screen and (min-width: 576px) {
  .hero .hero-usp-block .hero-usp-block-content {
    padding: 2rem 2rem 1.75rem 2rem;
  }
}
.hero .hero-usp-block .hero-usp-block-content .hero-usp-block-header {
  margin: 0 0 1rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0 1.15rem;
}
@media screen and (min-width: 576px) {
  .hero .hero-usp-block .hero-usp-block-content .hero-usp-block-header {
    margin: 0 0 1.05rem 0;
    flex-direction: row;
  }
}
.hero .hero-usp-block .hero-usp-block-content .hero-usp-block-header figure {
  width: 5rem;
  height: 5rem;
  margin: -2.5rem 0 1.2rem 0;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  background-color: white;
}
@media screen and (min-width: 576px) {
  .hero .hero-usp-block .hero-usp-block-content .hero-usp-block-header figure {
    width: 4rem;
    height: 4rem;
    margin: 0;
  }
}
.hero .hero-usp-block .hero-usp-block-content .hero-usp-block-header figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.hero .hero-usp-block .hero-usp-block-content .hero-usp-block-header h2 {
  margin: 0;
  font-size: 1.9rem;
  color: black;
}
.hero .hero-usp-block .hero-usp-block-content .hero-usp-block-header .ti-header {
  margin: 0 0 0.75rem 0 !important;
  padding: 0 !important;
}
.hero .hero-usp-block .hero-usp-block-content .hero-usp-block-header .ti-widget .ti-header .ti-fade-container:nth-child(1) {
  justify-content: flex-start;
}
.hero .hero-usp-block .hero-usp-block-content ul {
  margin: 0 0 1.4rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.1rem 0;
  list-style-type: none;
}
.hero .hero-usp-block .hero-usp-block-content ul li {
  position: relative;
  padding: 0 0 0 1.7rem;
}
.hero .hero-usp-block .hero-usp-block-content ul li:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOTUuNDExIDM1Ny45MTkiPgogIDxwYXRoIGQ9Im0xMjYuMDM4IDM1Ny45MTktNC4zMTEtNy4zNDNDODkuMzk0IDI5NS40OSAzLjM5IDE3OC40NjggMi41MjMgMTc3LjI5M0wwIDE3My44NjRsMzIuMzU2LTMxLjk2MyA5Mi41OSA2NC42NTNjNTguMDMtNzQuOTk4IDExMi4wOS0xMjYuNjEyIDE0Ny40NTQtMTU2Ljg2QzMxMS40NjcgMTYuMjc2IDMzNi4yMDMgMS4zMjIgMzM3LjIzMi43MDJsMS4xNy0uNzAyaDU3LjAwOWwtOS42NTQgOC41OTlDMjYzLjgzOSAxMTcuMTg4IDEzMS41NzMgMzQ4LjE5OSAxMzAuMjUgMzUwLjUybC00LjIxMyA3LjM5OVoiIHN0eWxlPSJmaWxsOiMzMWE5NTUiLz4KPC9zdmc+);
  width: 1.05rem;
  position: absolute;
  top: 0.05rem;
  left: 0.1rem;
}
.hero .hero-usp-block .btn {
  width: 100%;
  margin: 0;
}
.hero .hero-usp-block .btn-text {
  padding: 1.1rem 1rem;
  display: block;
  font-size: 1.15rem;
  text-align: center;
  color: white;
  border-radius: 0 0 1.25rem 1.25rem;
  background-color: #1a1a1a;
}
.hero .hero-usp-block .btn-text .fa-regular, .hero .hero-usp-block .btn-text .fa-solid, .hero .hero-usp-block .btn-text .fa-brands, .hero .hero-usp-block .btn-text .fa-light {
  color: #fcd138;
}
.hero .druppel {
  width: 100%;
  height: 59rem;
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  z-index: 1;
  clip-path: path("M1239 0H464.535C207.932 0 0 207.932 0 464.535s207.931 464.536 464.535 464.536h16.821c90.187 0 178.585-25.052 255.172-73.009L1239 542.197V0Z");
}
@media screen and (min-width: 992px) {
  .hero .druppel {
    transform: translateX(4rem);
  }
}
@media screen and (min-width: 1200px) {
  .hero .druppel {
    transform: translateX(-4rem);
  }
}
.hero .druppel img {
  height: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.hero .hero-img {
  width: 100%;
  height: 18rem;
  margin: 2.25rem 0 0 0;
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
}
.hero .hero-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero .hero-img:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, #f3f1ec 100%);
}

.dromen {
  width: 25rem;
  margin: 0 0 5rem 0;
  left: 50%;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .dromen {
    width: 27rem;
    left: calc(50% - 0rem);
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 1400px) {
  .dromen {
    width: 31rem;
    left: calc(50% - 0rem);
  }
}
.dromen .sterren {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.dromen .bad {
  width: 100%;
}
.dromen .druppel {
  width: 250px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
}
.dromen .wolk {
  width: calc(100% + 2.5rem);
  position: absolute;
  bottom: -5rem;
  right: 0;
}
@media screen and (min-width: 768px) {
  .dromen .wolk {
    right: -3.5rem;
    bottom: -6.5rem;
  }
}
.dromen .ster {
  position: absolute;
}
.dromen .ster.ster-1 {
  width: 1.8rem;
  top: 19%;
  left: 14%;
}
.dromen .ster.ster-2 {
  width: 3.5em;
  top: -41%;
  left: 32%;
}
.dromen .ster.ster-3 {
  width: 3.125rem;
  top: 35%;
  left: 60%;
}

.hero-section {
  position: relative;
}
@media screen and (min-width: 992px) {
  .hero-section {
    margin-top: -11.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .hero-section {
    margin-top: -13.5rem;
  }
}

.usp-bar {
  margin: 2.4rem 0 0 0;
  padding: 1.45rem 2rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  gap: 0.9rem;
  list-style-type: none;
  font-size: 1.3125rem;
  font-weight: 700;
  color: #1a1a1a;
  border-radius: 1.8rem;
  box-shadow: 0 0.075rem 0.15rem rgba(0, 0, 0, 0.1);
  background-color: white;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .usp-bar {
    padding: 1.45rem 2.4rem;
    flex-direction: row;
    gap: 0.6rem;
    border-radius: 3rem;
  }
}
@media screen and (min-width: 992px) {
  .usp-bar {
    margin: 0;
  }
}
.usp-bar li {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  line-height: 1.45;
}
.usp-bar li i {
  font-size: 1.6rem;
  color: #fcd138;
}

@media screen and (min-width: 992px) {
  .quick-links .quick-links-col + .quick-links-col {
    border-left: 1px solid #c9c9c9;
  }
}
.quick-links .quick-links-col a {
  padding: 1rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  border-radius: 0.5rem;
}
.quick-links .quick-links-col a i {
  font-size: 1.6rem;
}
.quick-links .quick-links-col a:hover {
  box-shadow: 0 1rem 0.8rem rgba(0, 0, 0, 0.05);
  background-color: white;
}

/* LOGO SLIDER */
.link-block-slider, .page-block-slider, .foto-slider, .project-slider, .info-block-slider {
  overflow: visible;
}

.foto-slider img, .foto-slider video {
  height: 16rem;
  border-radius: 1.25rem;
}
@media screen and (min-width: 768px) {
  .foto-slider img, .foto-slider video {
    height: 40rem;
  }
}
.foto-slider img {
  object-fit: cover;
}

.logo-slider .swiper-wrapper {
  transition-timing-function: linear !important;
}
.logo-slider img {
  width: 7rem;
  aspect-ratio: 16/9;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .logo-slider img {
    width: 10rem;
  }
}

.info-block-slider .swiper-slide, .project-slider .swiper-slide {
  height: auto !important;
}

.swiper-slide {
  width: auto;
  flex-shrink: 0;
}

.swiper-nav {
  display: flex;
  justify-content: end;
  gap: 1.6rem;
}
.swiper-nav button {
  margin: 2rem 0 0 0;
  border: unset;
  background-color: unset;
}
.swiper-nav button.swiper-button-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.bg-dark-gray .swiper-nav button {
  color: white;
}

.jx-knightlab {
  display: none !important;
}

/* CONTENT SPLIT */
.content-split {
  position: relative;
}
.content-split .line {
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  transform: translateX(-50%);
  opacity: 0.1;
  z-index: 1;
}
.content-split.bg-beige .line path {
  stroke: #998a64;
}
.content-split.bg-dark-gray .line path {
  stroke: white;
}
.content-split .row {
  row-gap: 3rem;
}

.content-split-content h1, .content-split-content .h1, .content-split-content h2, .content-split-content .h2, .content-split-content h3, .content-split-content .h3, .content-split-content h4, .content-split-content .h4, .content-split-content h5, .content-split-content .h5, .content-split-content h6, .content-split-content .h6 {
  color: inherit;
}
.content-split-content h1 {
  margin: 0 0 1.5rem 0;
}
.content-split-content h2 {
  margin: 0 0 1.35rem 0;
}
.content-split-content ul {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  list-style-type: none;
}
.content-split-content ul li {
  padding: 0 0 0 3.2rem;
  position: relative;
}
.content-split-content ul li:before {
  content: "";
  width: 2.3rem;
  height: 2.3rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(images/check.svg);
}
@media screen and (min-width: 1200px) {
  .content-split-content.aflopend {
    padding: 5rem 0;
  }
}

.content-split-image-single {
  width: 100%;
  position: relative;
  z-index: 2;
}
.content-split-image-single .image {
  width: 100%;
  aspect-ratio: 16/16;
  object-fit: cover;
  overflow: hidden;
  border-radius: 1.25rem;
}
.content-split-image-single .ster {
  position: absolute;
}
.content-split-image-single .ster.ster-1 {
  width: 3.5rem;
  top: 4.4rem;
  left: -2rem;
}
.content-split-image-single .ster.ster-2 {
  width: 4rem;
  bottom: -1.2rem;
  right: -1.2rem;
}
.content-split-image-single .ster.ster-3 {
  width: 3.125rem;
  top: 7.8rem;
  left: 19.5rem;
}

.content-split-image-double {
  width: 100%;
  position: relative;
  aspect-ratio: 16/14;
  z-index: 2;
}
.content-split-image-double .image {
  object-fit: cover;
  border-radius: 1.25rem;
}
.content-split-image-double .image:nth-child(1) {
  width: 75%;
  aspect-ratio: 16/16;
  position: absolute;
  top: 0;
}
.content-split-image-double .image:nth-child(2) {
  width: 50%;
  aspect-ratio: 16/16;
  position: absolute;
  bottom: 0;
}

@media screen and (min-width: 992px) {
  .content-split-image-full {
    width: calc(50% + 2.5rem);
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
  }
}
.content-split-image-full .svg-cover {
  height: calc(100% + 1px);
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: -1px;
}
.content-split-image-full .svg-cover.beige path {
  fill: #f3f1ec;
}
.content-split-image-full .svg-cover.dark-gray path {
  fill: #3c3a35;
}
.content-split-image-full .svg-cover.white path {
  fill: white;
}
.content-split-image-full img {
  width: 100%;
  aspect-ratio: 16/16;
  object-fit: cover;
  overflow: hidden;
  border-radius: 1.25rem;
}
@media screen and (min-width: 992px) {
  .content-split-image-full img {
    height: 100%;
    aspect-ratio: unset;
    border-radius: unset;
  }
}

.content-split-left .content-split-image-double .image:nth-child(1) {
  left: 0;
}
.content-split-left .content-split-image-double .image:nth-child(2) {
  right: 0;
}
.content-split-left .content-split-image-full {
  left: 0;
}
.content-split-left .content-split-image-full .svg-cover {
  right: -1px;
  transform: scaleX(-1);
}
.content-split-left .line {
  left: calc(50% - 4rem);
  transform: scaleX(-1) translateX(50%);
}

.content-split-right .content-split-image-double .image:nth-child(1) {
  left: 0;
}
@media screen and (min-width: 992px) {
  .content-split-right .content-split-image-double .image:nth-child(1) {
    right: 0;
    left: unset;
  }
}
.content-split-right .content-split-image-double .image:nth-child(2) {
  right: 0;
}
@media screen and (min-width: 992px) {
  .content-split-right .content-split-image-double .image:nth-child(2) {
    right: unset;
    left: 0;
  }
}
.content-split-right .content-split-image-full {
  right: 0;
}
.content-split-right .content-split-image-full .svg-cover {
  left: -1px;
}
.content-split-right .line {
  left: calc(50% + 4rem);
}

/* CIJFERS */
.cijfers {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.cijferblok {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.6rem;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .cijferblok {
    align-items: self-start;
    text-align: left;
  }
}
.cijferblok .omschrijving {
  display: block;
  font-weight: 300;
  color: #636363;
}
.cijferblok .cijferblok-main {
  padding: 0.6rem 1.5rem;
  display: inline-flex;
  font-size: 1.9rem;
  font-weight: 400;
  line-height: 1;
  color: #1a1a1a;
  transform: rotate(-1deg);
  background-color: #e5f0f5;
}
.cijferblok .cijferblok-main i {
  margin: 0 0.7rem 0 0;
}
.cijferblok .cijferblok-main .nummer {
  margin: 0 0.4rem 0 0;
}

.bg-beige .cijferblok .cijferblok-main {
  background-color: white;
}

.bg-dark-gray .cijferblok .omschrijving {
  color: white;
}

/* TEAM */
.team img {
  width: 100%;
  margin: 0 0 1.25rem 0;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 1.25rem;
}
.team .function {
  margin: 0 0 0.75rem 0;
  display: block;
  font-weight: 300;
  color: #636363;
}
.team ul {
  margin: 0;
  list-style-type: none;
}
.team ul li {
  padding: 0 0 0 2rem;
  position: relative;
}
.team ul li i {
  margin: 0 0.25rem 0 0;
  position: absolute;
  top: 0.43rem;
  left: 0;
}
.team ul li a {
  text-decoration: none;
}

.bg-dark-gray .team .function {
  color: inherit;
}

/* MAGNIFIC POPUP */
.photo-gallery-image {
  cursor: zoom-in;
}

.mfp-bg {
  opacity: 1;
  background-color: white;
}

.mfp-container {
  padding: 0;
}
.mfp-container .mfp-content {
  position: unset !important;
}
.mfp-container .mfp-content .mfp-figure:after {
  content: unset;
}
.mfp-container .mfp-content .mfp-figure .mfp-close {
  width: 4rem;
  height: 4rem;
  padding: 0;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: unset;
  font-size: 2.5rem;
  color: #1a1a1a;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.8);
}
.mfp-container .mfp-content .mfp-figure figure .mfp-bottom-bar .mfp-counter {
  left: 1rem;
  font-size: 1rem;
  color: #1a1a1a;
}
.mfp-container .mfp-arrow {
  width: 3.5rem;
  height: 3.5rem;
  opacity: 1 !important;
  border-radius: 50%;
  background-color: #fcd138;
}
.mfp-container .mfp-arrow:before {
  content: unset;
}
.mfp-container .mfp-arrow:after {
  width: auto;
  height: auto;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Font Awesome 7 Pro";
  font-size: 1.5rem;
  color: #1a1a1a;
  border: unset;
}
.mfp-container .mfp-arrow.mfp-arrow-left {
  left: 1rem;
}
.mfp-container .mfp-arrow.mfp-arrow-left:after {
  content: "\f060";
}
.mfp-container .mfp-arrow.mfp-arrow-right {
  right: 1rem;
}
.mfp-container .mfp-arrow.mfp-arrow-right:after {
  content: "\f061";
}

/* JUXTAPOSE */
.juxtapose {
  border-radius: 1.25rem;
  overflow: hidden;
}
.juxtapose .jx-label {
  top: 1rem !important;
  font-family: museo-sans, sans-serif;
  color: #1a1a1a !important;
  border-radius: 0.25rem;
  background-color: #fcd138 !important;
}
.juxtapose .jx-left .jx-label {
  left: 1rem !important;
}
.juxtapose .jx-right .jx-label {
  right: 1rem !important;
}

.review-grid .ti-widget[data-layout-id="16"][data-set-id=ligth-border] {
  max-width: 100%;
}
.review-grid .ti-widget[data-layout-id="16"][data-set-id=ligth-border] .ti-widget-container {
  margin-top: 0 !important;
}
.review-grid .ti-widget[data-layout-id="16"][data-set-id=ligth-border] .ti-reviews-container-wrapper {
  display: grid !important;
  gap: 1.2rem !important;
}
@media screen and (min-width: 576px) {
  .review-grid .ti-widget[data-layout-id="16"][data-set-id=ligth-border] .ti-reviews-container-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .review-grid .ti-widget[data-layout-id="16"][data-set-id=ligth-border] .ti-reviews-container-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.review-grid .ti-widget[data-layout-id="16"][data-set-id=ligth-border] .ti-reviews-container-wrapper .ti-review-item {
  width: 100%;
  max-width: 100% !important;
  padding: 0 !important;
  flex: unset !important;
  font-size: 1.25rem;
}
.review-grid .ti-widget[data-layout-id="16"][data-set-id=ligth-border] .ti-reviews-container-wrapper .ti-review-item .ti-name {
  font-size: 1.25rem !important;
}
.review-grid .ti-widget[data-layout-id="16"][data-set-id=ligth-border] .ti-reviews-container-wrapper .ti-review-item .ti-date {
  margin: 0.3rem 0 0 0 !important;
  font-size: 1rem !important;
  font-weight: 300 !important;
}
.review-grid .ti-widget[data-layout-id="16"][data-set-id=ligth-border] .ti-reviews-container-wrapper .ti-review-item .ti-stars {
  height: 20px !important;
  margin: 10px 0 13px 0 !important;
}
.review-grid .ti-widget[data-layout-id="16"][data-set-id=ligth-border] .ti-reviews-container-wrapper .ti-review-item .ti-star {
  width: 21px !important;
  height: 20px !important;
}
.review-grid .ti-widget[data-layout-id="16"][data-set-id=ligth-border] .ti-reviews-container-wrapper .ti-review-item .ti-review-content {
  height: 105px !important;
  font-size: 1.25rem !important;
  font-weight: 300;
  line-height: 1.3;
}
.review-grid .ti-widget[data-layout-id="16"][data-set-id=ligth-border] .ti-reviews-container-wrapper .ti-review-item .ti-read-more span {
  font-size: 1rem !important;
}
.review-grid .ti-widget[data-layout-id="16"][data-set-id=ligth-border] .ti-load-more-reviews-container .ti-load-more-reviews-button {
  margin-top: 3.5rem !important;
  padding: 0.75rem 2.5rem !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: white !important;
  border-radius: 2rem;
  border-color: #1a1a1a !important;
  background-color: #1a1a1a !important;
  transition: 0.4s all cubic-bezier(0.3, 1, 0.3, 1) !important;
}
.review-grid .ti-widget[data-layout-id="16"][data-set-id=ligth-border] .ti-load-more-reviews-container .ti-load-more-reviews-button:hover {
  border-color: #3c3a35 !important;
  box-shadow: 0 0 0 0.35rem rgba(0, 0, 0, 0.15);
  background-color: #3c3a35 !important;
}

.bg-beige .ti-widget[data-layout-id="16"][data-set-id=ligth-border] .ti-reviews-container-wrapper .ti-review-item .ti-inner, .bg-dark-gray .ti-widget[data-layout-id="16"][data-set-id=ligth-border] .ti-reviews-container-wrapper .ti-review-item .ti-inner {
  border: 0 !important;
}

/* FAQ */
.faq {
  display: flex;
  flex-direction: column;
}
.faq .faq-item {
  border-top: 1px solid white;
}
.faq .faq-item:last-child {
  border-bottom: 1px solid white;
}
.faq .faq-item .faq-question {
  width: 100%;
  padding: 1.7rem 4rem 1.7rem 0;
  position: relative;
  font-weight: 400;
  color: #1a1a1a;
  text-align: left;
  border: 0;
  background-color: unset;
  transition: 0.4s all cubic-bezier(0.3, 1, 0.3, 1);
}
.faq .faq-item .faq-question span {
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  top: 50%;
  right: 1.5rem;
  position: absolute;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: white;
}
@media screen and (min-width: 576px) {
  .faq .faq-item .faq-question span {
    width: 3.3rem;
    height: 3.3rem;
  }
}
.faq .faq-item .faq-question span:before, .faq .faq-item .faq-question span:after {
  content: "";
  position: absolute;
  background-color: #1a1a1a;
  transition: 0.4s all cubic-bezier(0.3, 1, 0.3, 1);
}
.faq .faq-item .faq-question span:before {
  width: 1rem;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.faq .faq-item .faq-question span:after {
  width: 2px;
  height: 1rem;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) scale3d(0, 0, 1);
}
.faq .faq-item .faq-question.collapsed span:after {
  transform: translateY(-50%) translateX(-50%) scale3d(1, 1, 1);
}
.faq .faq-item .faq-question:hover {
  color: #1a1a1a;
}
.faq .faq-item .faq-answer {
  padding: 1rem 0 2rem 0;
}

.bg-dark-gray .faq .faq-item {
  border-color: #545454;
}
.bg-dark-gray .faq .faq-item .faq-question {
  color: white;
}

.bg-white .faq .faq-item {
  border-color: #e5e5e5;
}

/* BLOG */
.blog-header {
  width: 100%;
  aspect-ratio: 16/8;
  object-fit: cover;
  border-radius: 1.25rem;
  overflow: hidden;
}

.blog {
  height: 100%;
  display: flex;
  flex-direction: column;
  color: #1a1a1a;
  text-decoration: none;
  border-radius: 1.25rem;
  overflow: hidden;
  background-color: white;
}
.blog .blog-photo {
  aspect-ratio: 16/11;
  overflow: hidden;
}
.blog .blog-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: 0.4s all cubic-bezier(0.3, 1, 0.3, 1);
}
.blog .blog-content {
  padding: 2rem 4rem 6rem 2rem;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.blog .blog-content p {
  color: #636363;
}
.blog .blog-content ul {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  list-style-type: none;
}
.blog .blog-content ul li {
  padding: 0 0 0 3.2rem;
  position: relative;
}
.blog .blog-content ul li:before {
  content: "";
  width: 2.3rem;
  height: 2.3rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(images/check.svg);
}
.blog .blog-content .btn-arrow {
  height: 3.6rem;
  position: absolute;
  right: 1.8rem;
  bottom: 1.8rem;
  display: inline-flex;
  align-items: center;
  color: #1a1a1a;
  text-decoration: none;
  transition: 0.4s all cubic-bezier(0.3, 1, 0.3, 1);
  z-index: 1;
}
.blog .blog-content .btn-arrow .arrow {
  width: 3.6rem;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 0.4rem rgba(252, 209, 56, 0.2);
  border-radius: 50%;
  background-color: #fcd138;
  transition: 0.4s all cubic-bezier(0.3, 1, 0.3, 1);
}
.blog .blog-content .btn-arrow .arrow.first {
  transform-origin: right;
}
.blog .blog-content .btn-arrow .arrow.second {
  margin-left: -3.6rem;
  transform: scale(0);
  transform-origin: left;
  box-shadow: 0 0 0 0.4rem rgba(252, 209, 56, 0.4);
  background-color: #fcd138;
}
.blog .blog-content .salaris {
  margin-bottom: 1.8rem;
  color: #1a1a1a;
}
.blog .blog-content .salaris span {
  margin: 0 0 0 0.25rem;
  padding: 0.35rem 0.6rem;
  position: relative;
  font-weight: 700;
  white-space: nowrap;
  color: white;
  z-index: 1;
}
.blog .blog-content .salaris span:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  transform: rotate(-0.8deg);
  background-color: #1a1a1a;
}
.blog:hover {
  text-decoration: none;
}
.blog:hover .blog-photo img {
  transform: scale(1.05);
}
.blog:hover .blog-content .arrow.first {
  transform: scale(0);
}
.blog:hover .blog-content .arrow.second {
  transform: scale(1);
}

.bg-white .blog {
  border: 1px solid #e5e5e5;
}

.cta-block {
  height: 100%;
  padding: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  text-decoration: none;
  border-radius: 1.25rem;
  background-color: #fcd138;
}

/* PROMO BLOCK */
.promo-block {
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
  background-color: #fcd138;
}
.promo-block:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #fcd138 60%);
}
@media screen and (min-width: 992px) {
  .promo-block:before {
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fcd138 80%);
  }
}
.promo-block:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #fcd138;
  background: radial-gradient(circle, transparent 20%, #fcd138 20%, #fcd138 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #fcd138 20%, #fcd138 80%, transparent 80%, transparent) 25px 25px, linear-gradient(#ffe172 2px, transparent 2px) 0 -1px, linear-gradient(90deg, #ffe172 2px, #fcd138 2px) -1px 0;
  background-size: 50px 50px, 50px 50px, 25px 25px, 25px 25px;
}
.promo-block .promo-block-content {
  position: relative;
  padding: 2rem;
  z-index: 2;
}
@media screen and (min-width: 576px) {
  .promo-block .promo-block-content {
    padding: 3rem;
  }
}
@media screen and (min-width: 992px) {
  .promo-block .promo-block-content {
    padding: 5.5rem 3rem 5.5rem 5rem;
  }
}
.promo-block .promo-block-content .sub {
  display: block;
  font-weight: 500;
  color: white;
}
.promo-block figure {
  aspect-ratio: 16/10;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .promo-block figure {
    width: 50%;
    height: 100%;
    aspect-ratio: unset;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
}
.promo-block figure img {
  width: 100%;
  height: 100%;
  position: relative;
  object-fit: contain;
  object-position: center;
}
@media screen and (min-width: 992px) {
  .promo-block figure img {
    object-position: left bottom;
  }
}

/* STAPPEN */
.stappen {
  margin: 4rem 0 0 0;
  padding: 8rem 0 7rem 0;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8rem 0;
  list-style-type: none;
}
@media screen and (min-width: 992px) {
  .stappen {
    padding: 14rem 0;
  }
}
.stappen:before {
  content: "";
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.6rem;
  background-color: #e5e5e5;
}
@media screen and (min-width: 992px) {
  .stappen:before {
    left: 50%;
    transform: translateX(-50%);
  }
}
.stappen .stap {
  padding: 0 0 0 4.5rem;
  position: relative;
  display: grid;
  gap: 3rem 14rem;
}
@media screen and (min-width: 992px) {
  .stappen .stap {
    padding: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
  }
}
.stappen .stap:after {
  content: attr(data-number);
  width: 3.2rem;
  height: 3.2rem;
  position: absolute;
  top: -0.7rem;
  left: 0;
  color: #1a1a1a;
  font-weight: 600;
  text-align: center;
  line-height: 2.1;
  border-radius: 50%;
  border: 5px solid white;
  background-color: #fcd138;
}
@media screen and (min-width: 992px) {
  .stappen .stap:after {
    width: 4.2rem;
    height: 4.2rem;
    top: unset;
    left: 50%;
    transform: translateX(-50%);
    line-height: 2.8;
  }
}
.stappen .stap .stap-tekst .nummer {
  margin: 0;
  font-weight: 400;
  color: #81858a;
}
.stappen .stap img {
  width: 100%;
  aspect-ratio: 16/12;
  object-fit: cover;
  border-radius: 1.25rem;
}
@media screen and (min-width: 992px) {
  .stappen .stap:nth-child(even) .stap-tekst {
    order: 2;
  }
}

.stap-rocket, .stap-finish {
  width: 3.2rem;
  height: 3.2rem;
  padding: 0.6rem;
  position: absolute;
  left: 0;
  line-height: 1;
  z-index: 1;
  border-radius: 50%;
  border: 2px solid #e5e5e5;
  background-color: white;
}
@media screen and (min-width: 992px) {
  .stap-rocket, .stap-finish {
    width: 4.5rem;
    height: 4.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
.stap-rocket img, .stap-finish img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.stap-rocket {
  top: 0;
}
@media screen and (min-width: 992px) {
  .stap-rocket {
    padding: 1.05rem;
  }
}

.stap-finish {
  bottom: 0;
}
@media screen and (min-width: 992px) {
  .stap-finish {
    padding: 0.95rem;
  }
}

/* PAGE BANNER */
.page-banner {
  width: 100%;
  height: 20rem;
}
@media screen and (min-width: 576px) {
  .page-banner {
    height: 32rem;
  }
}
.page-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact-form {
  padding: 2rem;
  border-radius: 1.25rem;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  background-color: white;
}
@media screen and (min-width: 576px) {
  .contact-form {
    padding: 2.75rem;
  }
}
@media screen and (min-width: 992px) {
  .contact-form {
    margin-top: -20rem;
  }
}

/* CTA */
.cta-section {
  height: 93vh;
  position: relative;
  display: flex;
  align-items: center;
  color: white;
  background-color: #3c3a35;
}
.cta-section .cta-section-content {
  position: relative;
  z-index: 1;
}
.cta-section figure {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .cta-section figure {
    width: 70%;
  }
}
.cta-section figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom right;
}
.cta-section figure:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgb(60, 58, 53) 0%, rgba(60, 58, 53, 0.75) 75%);
}
@media screen and (min-width: 768px) {
  .cta-section figure:after {
    background: linear-gradient(90deg, rgb(60, 58, 53) 0%, rgba(60, 58, 53, 0) 75%);
  }
}

/* TRUSTOO */
.trustoo-widget {
  margin: 2rem 0 0.75rem 0;
}

/* FORM */
.form-select {
  padding: 0.85rem 1.85rem;
  font-size: 1.25rem;
  color: #1a1a1a;
  font-weight: 600;
  border: 1px solid white;
  border-radius: 2rem;
  background-image: url(images/select-down.svg);
  background-size: 0.95rem;
  background-position: right 1.8rem center;
  background-color: white;
}
.form-select:focus {
  box-shadow: unset;
  border-color: white;
}

/* FILTERS */
.filter-header {
  padding: 0 0 3rem 0;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem 1.8rem;
}
@media screen and (min-width: 768px) {
  .filter-header {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .filter-header {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .filter-header {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.filter-header a {
  text-decoration: none;
}

#reset-filter-button {
  margin: 1rem 0 0 0;
  padding: 0 1.2rem;
  display: none;
  color: #1a1a1a;
  text-align: left;
  border: 0;
  background-color: unset;
}
@media screen and (min-width: 992px) {
  #reset-filter-button {
    margin: 0;
    padding: 0;
  }
}

/* Loading overlay */
#loading-indicator {
  padding: 0 0 4rem 0;
  font-size: 2rem;
  text-align: center;
}

.loading {
  position: relative;
}
.loading:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #f3f1ec;
  opacity: 0.5;
  animation: loading 1.5s cubic-bezier(0.66, 0, 0.34, 1) infinite;
}
@keyframes loading {
  0% {
    opacity: 0.7;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0.7;
  }
}

/* PAGINATION */
#pagination-wrapper-objects {
  display: none;
}

#pagination-objects {
  margin: 4rem 0 1rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
@media screen and (min-width: 576px) {
  #pagination-objects {
    margin: 6rem 0 0 0;
  }
}
#pagination-objects .page-number {
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1a1a1a;
  text-decoration: none;
  border-radius: 0.1rem;
  border: 0;
  background-color: unset;
}
#pagination-objects .page-number:hover, #pagination-objects .page-number.current {
  color: #1a1a1a;
  background-color: #f3f1ec;
}

.pagination {
  margin: 6rem 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
.pagination .page-numbers:not(.prev):not(.next):not(.dots) {
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 0.1rem;
}
.pagination .page-numbers:not(.prev):not(.next):not(.dots):hover {
  background-color: #f3f1ec;
}
.pagination .page-numbers:not(.prev):not(.next):not(.dots).current {
  color: #1a1a1a;
  background-color: #f3f1ec;
}
.pagination .prev, .pagination .next {
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.pagination .prev span, .pagination .next span {
  font-size: 1.2rem;
}

/* MATERIALEN */
.grid-item:nth-child(1) {
  margin-top: 14rem;
}
.grid-item:nth-child(2) {
  margin-top: 8rem;
}
.grid-item:nth-child(4) {
  margin-top: 8rem;
}
.grid-item .materiaal-palet {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 1.25rem;
  overflow: hidden;
}
.grid-item .materiaal-palet img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* MEDEWERKER */
.medewerker {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.5rem;
}
.medewerker figure {
  width: 10rem;
  height: 10rem;
  margin: 0 0 1.25rem 0;
  position: relative;
}
.medewerker figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.medewerker figure .sterren {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.medewerker figure .sterren .ster {
  position: absolute;
}
.medewerker figure .sterren .ster.ster-1 {
  width: 2rem;
  bottom: 1rem;
  left: 0;
}
.medewerker figure .sterren .ster.ster-2 {
  width: 1rem;
  top: 1rem;
  right: -1.1rem;
}
.medewerker figure .sterren .ster.ster-3 {
  width: 1.5rem;
  top: 50%;
  right: -0.75rem;
  transform: translateY(-50%);
}

.contact-block {
  height: 100%;
  padding: 2.25rem 1.5rem;
  text-align: center;
  color: #1a1a1a;
  border-radius: 1.25rem;
  background-color: white;
}
.contact-block i {
  margin: 0 auto 1rem auto;
  display: block;
  font-size: 2.5rem;
  color: #fcd138;
}
.contact-block ul {
  margin: 0;
  list-style-type: none;
}
.contact-block a {
  font-weight: 700;
  text-decoration: none;
}
.contact-block a:hover {
  text-decoration: underline;
}

.bg-dark-gray .contact-block p {
  color: #1a1a1a;
}

/* NINJA FORMS */
.nf-form-title h2, .nf-form-title h3 {
  margin: 0 0 1.2rem 0;
  display: block;
}

.nf-form-fields-required {
  display: none;
}

.nf-error .nf-error-msg, .nf-error-msg {
  font-size: 0.875rem;
}

.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
  height: 3.4rem !important;
}

.nf-error.field-wrap .nf-field-element:after {
  width: 3.4rem !important;
  height: 3.4rem !important;
  top: unset !important;
  bottom: unset !important;
  font-size: 1rem !important;
  line-height: 3.4rem !important;
  border-radius: 50%;
  transform: scale(0.7);
}

.nf-pass.field-wrap .nf-field-element:after {
  width: 3.4rem !important;
  height: 3.4rem !important;
  top: unset !important;
  right: 1px !important;
  bottom: unset !important;
  font-size: 1rem !important;
  line-height: 3.4rem !important;
  color: white !important;
  text-align: center;
  border-radius: 50%;
  transform: scale(0.7);
  background-color: green;
}

.nf-form-content .list-select-wrap > div div:after {
  content: "\f107" !important;
  height: 3.4rem !important;
  right: 1.1rem !important;
  font-family: "Font Awesome 7 Pro" !important;
  font-size: 1rem !important;
  line-height: 2.95rem !important;
}

.nf-field-container {
  margin-bottom: 1.4rem !important;
}

.nf-form-content {
  padding: 0 !important;
}
@media screen and (min-width: 601px) {
  .nf-form-content .nf-cell {
    padding: 0 1.1rem 0 0 !important;
  }
}
.nf-form-content .html-container {
  margin: 0 0 0.6rem 0 !important;
}
.nf-form-content .html-container .html-wrap p {
  margin: 0 0 1rem 0;
}
.nf-form-content label, .nf-form-content .nf-field-label .nf-label-span {
  margin-bottom: 0.6rem !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
}
.nf-form-content .label-above .nf-field-label {
  margin-bottom: 0.4rem !important;
}
.nf-form-content input:not([type=button]), .nf-form-content input:not([type=submit]), .nf-form-content textarea, .nf-form-content .list-select-wrap .nf-field-element > div {
  height: 3.4rem;
  padding-left: 1.2rem !important;
  font-size: 1.25rem !important;
  color: black !important;
  border-radius: 3rem !important;
}
.nf-form-content select {
  padding-left: 0.8rem !important;
  font-size: 1.25rem !important;
  line-height: 1;
}
.nf-form-content .checkbox-wrap .nf-field-label label:after {
  border-color: white !important;
  border-radius: 0;
  background: white !important;
}
.nf-form-content .checkbox-container label {
  font-weight: 400;
}
.nf-form-content .checkbox-container label:after {
  left: -30px !important;
}
.nf-form-content .checkbox-container.label-hidden {
  height: unset !important;
}
.nf-form-content .checkbox-container.label-hidden .checkbox-wrap {
  flex-wrap: unset;
  gap: 0.75em;
}
.nf-form-content .checkbox-container.label-hidden .checkbox-wrap .nf-field-label {
  width: 1.125em;
}
.nf-form-content .checkbox-container.label-hidden .checkbox-wrap .nf-field-label label {
  width: 1.125em;
  height: 1.125em;
  margin-left: 0 !important;
}
.nf-form-content .checkbox-container.label-hidden .checkbox-wrap .nf-field-label label:before {
  top: 0;
  left: 0 !important;
}
.nf-form-content .checkbox-container.label-hidden .checkbox-wrap .nf-field-label label:after {
  left: 0 !important;
}
.nf-form-content .checkbox-container.label-hidden .checkbox-wrap .nf-field-element {
  display: none;
}
.nf-form-content .checkbox-container.label-hidden .checkbox-wrap .nf-field-description p {
  line-height: 20px;
}
.nf-form-content .listradio-wrap .nf-field-element label:after {
  border-color: white !important;
  background: white !important;
}
.nf-form-content .nf-fu-fileinput-button {
  margin: 0 0 0.75rem 0 !important;
  padding: 0.75rem 2.5rem !important;
  font-size: 1.25rem !important;
  font-weight: 600;
  color: #1a1a1a;
  border: 2px solid #1a1a1a;
  background-color: transparent;
}
.nf-form-content .nf-fu-fileinput-button:hover {
  color: #1a1a1a;
  background-color: transparent;
  box-shadow: 0 0 0 0.35rem rgba(0, 0, 0, 0.15);
}
.nf-form-content input[type=submit] {
  height: auto !important;
  margin-top: 0.75rem;
  padding: 0.75rem 2.5rem !important;
  font-size: 1.25rem !important;
  font-weight: 600;
  color: white !important;
  border: unset !important;
  border-radius: 2rem !important;
  background: #1a1a1a !important;
  transition: 0.4s all cubic-bezier(0.3, 1, 0.3, 1) !important;
}
.nf-form-content input[type=submit]:hover {
  color: white !important;
  box-shadow: 0 0 0 0.35rem rgba(0, 0, 0, 0.15);
  background: #3c3a35 !important;
}
.nf-form-content input[type=submit]:disabled {
  opacity: 0.5;
}
.nf-form-content input[type=submit]:disabled:hover {
  cursor: not-allowed;
}

.bg-beige .nf-form-content input[type=text], .bg-beige .nf-form-content input[type=email], .bg-beige .nf-form-content textarea {
  background-color: white !important;
}

.bg-dark-gray .nf-form-content .nf-fu-fileinput-button {
  color: white !important;
  border-color: white !important;
}
.bg-dark-gray .nf-form-content .nf-fu-fileinput-button:hover {
  color: white !important;
  background-color: transparent;
  box-shadow: 0 0 0 0.35rem rgba(231, 231, 231, 0.15);
}
.bg-dark-gray input[type=submit] {
  color: #1a1a1a !important;
  background: #fcd138 !important;
}
.bg-dark-gray input[type=submit]:hover {
  color: #1a1a1a !important;
  box-shadow: 0 0 0 0.35rem rgba(252, 209, 56, 0.15);
  background: #ffd953 !important;
}

/* SEARCH RESULTS */
.result-count {
  margin: 4rem 0 3.5rem 0;
  color: #636363;
}

.search-result-wrapper {
  display: flex;
  flex-direction: column;
  gap: 6rem;
}

.search-result-group .title {
  margin: 0 0 2.25rem 0;
}

/* CONTACT PAGE */
#map_canvas {
  height: 30rem;
}

/* ERROR PAGE */
.error-section {
  display: flex;
  align-items: center;
  text-align: center;
}

/* FOOTER */
.footer-top {
  color: white;
  background-color: black;
}
.footer-top figure {
  padding: 6rem 0 0 0;
  position: relative;
}
.footer-top figure:before {
  content: "";
  width: 100%;
  height: 30%;
  position: absolute;
  right: 0;
  top: 6rem;
  left: 0;
  background: linear-gradient(180deg, rgb(243, 241, 236) 0%, rgba(243, 241, 236, 0) 100%);
}
.footer-top figure:after {
  content: "";
  width: 100%;
  height: 30%;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}
.footer-top figure .wolk {
  width: 26rem;
  position: absolute;
}
@media screen and (min-width: 1200px) {
  .footer-top figure .wolk {
    width: 38rem;
  }
}
.footer-top figure .wolk.wolk-2 {
  top: 5rem;
  left: 25%;
}
@media screen and (min-width: 1200px) {
  .footer-top figure .wolk.wolk-2 {
    top: 0;
  }
}
.footer-top figure .wolk.wolk-3 {
  top: 20rem;
  right: 4rem;
}
.footer-top figure .img {
  width: 100%;
}
.footer-top .nieuwsbrief {
  padding: 7.5rem 0 10rem 0;
  text-align: center;
}
.footer-top .nieuwsbrief form {
  margin: 3.7rem 0 0 0;
  padding: 0.3rem 0.3rem 0.3rem 1.8rem;
  display: flex;
  justify-content: space-between;
  gap: 0 1.5rem;
  border-radius: 2rem;
  border: 2px solid #464646;
  background-color: #181818;
}
@media screen and (min-width: 768px) {
  .footer-top .nieuwsbrief form {
    padding: 0.3rem 0.3rem 0.3rem 2.7rem;
  }
}
.footer-top .nieuwsbrief form input {
  padding: 0;
  flex-grow: 1;
  color: white;
  border: 0;
  background-color: transparent;
}
.footer-top .nieuwsbrief form input::placeholder {
  color: #999;
}
.footer-top .nieuwsbrief form input:focus {
  outline: none;
}

footer {
  padding: 0 0 4rem 0;
  color: white;
  background-color: black;
}
@media screen and (min-width: 768px) {
  footer {
    padding: 0 0 8rem 0;
  }
}
footer .logo {
  width: 13rem;
  margin: 0 0 2rem 0;
}
@media screen and (min-width: 576px) {
  footer .logo {
    margin: 0 0 4rem 0;
  }
}
footer .contact {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 1.35rem;
  font-weight: 600;
  list-style-type: none;
}
footer .contact li {
  padding: 0 0 0 2.3rem;
  position: relative;
}
footer .contact li i {
  position: absolute;
  top: 0.41rem;
  left: 0;
}
footer .footer-menu-title {
  margin: 0 0 1.45rem 0;
  display: block;
  font-size: 1.5rem;
  font-weight: 500;
  color: #999;
}
footer .footer-menu {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  list-style-type: none;
}
footer .footer-menu li {
  padding: 0 0 0 1.2rem;
  position: relative;
}
footer .footer-menu li:before {
  content: "\f054";
  position: absolute;
  top: 0.29rem;
  left: 0;
  font-family: "Font Awesome 7 Pro";
  font-size: 0.9rem;
  font-weight: 700;
  color: #fcd138;
}
footer a {
  text-decoration: none;
}

.footerbar {
  padding: 0 0 4rem 0;
  color: #999;
  background-color: black;
}
@media screen and (min-width: 768px) {
  .footerbar {
    text-align: end;
  }
}
.footerbar .container {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0.85rem;
}
@media screen and (min-width: 768px) {
  .footerbar .container {
    align-items: end;
  }
}
.footerbar .socials {
  margin: 0;
  display: flex;
  gap: 1rem;
  list-style-type: none;
}
.footerbar .socials a {
  font-size: 1.75rem;
  color: white;
}
.footerbar .footerbar-list {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 1rem;
  list-style-type: none;
}
@media screen and (min-width: 768px) {
  .footerbar .footerbar-list {
    gap: 0;
  }
}
@media screen and (min-width: 768px) {
  .footerbar .footerbar-list li + li:before {
    content: "|";
    padding: 0 0.75rem;
  }
}
.footerbar .footerbar-list li a {
  text-decoration: none;
}

/* SCREEN READER */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.ti-widget .ti-platform-icon {
  display: none !important;
}

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