@charset "UTF-8";
/*
Theme Name: webmix
Author: webmix
Author URI: https://www.webmix.nl
Description: Webmix Custom Theme
*/
/* Reset Stylesheet */
/* Box-sizing: make sure padding and border are included in element width */
@import url("https://fonts.cdnfonts.com/css/sensei");
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body figure {
  margin: 0;
  /* Remove default margin from figure */
}
/* Remove default padding and margin from body */
body, h1, h2, h3, h4, h5, h6, p, blockquote, figure, dl, dd, ol, ul {
  margin: 0;
  padding: 0;
}
/* Remove list styles on lists */
ul, ol {
  list-style: none;
}
/* Remove quotes from blockquote */
blockquote::before, blockquote::after, q::before, q::after {
  content: "";
}
/* Remove default table spacing */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Reset links */
a {
  text-decoration: none;
  color: inherit;
}
/* Remove focus outlines but keep accessibility */
button, input, textarea, select {
  font: inherit;
  /* Inherit fonts */
  border: none;
  /* Remove borders */
  outline: none;
  background: none;
  padding: 0;
}
/* Normalize images and media */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}
/* Set a base font size and smooth scrolling */
html {
  font-size: 100%;
  /* 16px default */
  line-height: 1.5;
  scroll-behavior: smooth;
}
/* Make body inherit base font-family */
body {
  font-family: sans-serif;
  /* Set your preferred default font-family */
  line-height: 1.5;
  text-rendering: optimizeSpeed;
}
/* Remove focus outline for mouse users but keep it for keyboard users */
:focus:not(:focus-visible) {
  outline: none;
}
/* Classes Stylesheet */
.primary-bg {
  background-color: #e74c25;
}
.secondary-bg {
  background-color: #466d49;
}
.light-green-bg {
  background-color: #EBEFE8;
}
.tertiary-bg {
  background-color: #FFFCEE;
}
li.menu-item a[aria-current="page"] {
  color: #e74c25 !important;
}
header.site-header {
  position: relative;
  z-index: 10000000;
  background-color: transparent;
  width: 100%;
  top: 0px;
  pointer-events: none;
  height: 90px;
}
header.site-header .header-inner {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  pointer-events: all;
  background-color: #FFF;
}
header .logo-link {
  width: fit-content;
  display: inline-block;
}
header .logo-link .logo-wrapper {
  width: fit-content;
}
header .logo-link .logo-wrapper img {
  height: 55px;
  width: auto;
  object-fit: contain;
  object-position: center;
}
header ul#menu-main-menu {
  padding-left: 0px;
  margin-bottom: 0px;
  margin-left: 50px;
  display: flex;
  gap: 30px;
  font-size: 1rem;
  background-color: #FFF;
}
header ul#menu-main-menu li.menu-item-has-children {
  position: relative;
  padding-right: 18px;
}
header ul#menu-main-menu li.menu-item-has-children::after {
  content: "";
  font-family: "bootstrap-icons" !important;
  position: absolute;
  right: 0px;
  transform: translateY(-50%);
  top: calc(50% + 2px);
  font-weight: 900;
  font-size: 0.8rem;
  transition: transform 0.3s ease-in-out;
}
header ul#menu-main-menu li.menu-item-has-children:hover::after {
  transform: translateY(-50%) rotate(180deg);
}
header ul#menu-main-menu .menu-item {
  position: relative;
}
header ul#menu-main-menu .menu-item a {
  color: #000;
  text-decoration: none;
  font-weight: 600;
  width: 100%;
  display: inline-block;
  padding-top: 14px;
  padding-bottom: 14px;
  transition: all 0.3s ease-in-out;
}
header ul#menu-main-menu .menu-item:hover {
  color: #e74c25;
}
header ul#menu-main-menu .menu-item:hover a {
  color: #e74c25;
}
header ul#menu-main-menu .menu-item:hover ul.sub-menu {
  display: block;
}
header ul#menu-main-menu .menu-item ul.sub-menu {
  position: absolute;
  padding-left: 0px;
  width: auto;
  background: #FFF;
  display: none;
  top: auto;
  left: -15px;
  margin-left: 0px;
  margin-top: 0px;
  min-width: 240px;
  max-width: 1000px;
  border-radius: 4px;
  box-shadow: 0px 10px 36px 0px rgba(0, 0, 0, 0.09);
}
header ul#menu-main-menu .menu-item ul.sub-menu li.menu-item:not(:last-child) {
  border-bottom-style: dotted;
  border-bottom-color: rgba(10, 48, 58, 0.07);
  border-bottom-width: 1px;
}
header ul#menu-main-menu .menu-item ul.sub-menu li.menu-item a {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2px;
  color: #466d49;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 14px;
  padding-bottom: 14px;
  transition: all 0.3s ease-in-out;
}
header ul#menu-main-menu .menu-item ul.sub-menu li.menu-item a:hover {
  color: #e74c25;
  background-color: #F8F8F8;
}
header .icon-links {
  margin-left: auto;
  display: flex;
  gap: 25px;
  align-items: center;
}
header .icon-links .icon-link img {
  width: 18px;
  object-fit: contain;
  object-position: center;
}
.mobile-menu-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
  width: 30px;
  height: 24px;
  z-index: 999;
  margin-left: 35px;
}
.mobile-menu-toggle .toggle-icon {
  width: 100%;
  height: 3px;
  background-color: #e74c25;
  transition: all 0.3s ease;
  border-radius: 900px;
  display: block;
}
.mobile-menu-toggle.active .toggle-icon:nth-child(1) {
  transform: rotate(45deg) translate(6.5px, 6px) scale(1.1);
}
.mobile-menu-toggle.active .toggle-icon:nth-child(2) {
  opacity: 0;
}
.mobile-menu-toggle.active .toggle-icon:nth-child(3) {
  transform: rotate(-45deg) translate(5.5px, -6px) scale(1.1);
}
.mobile-nav {
  display: none;
}
@media screen and (max-width: 991px) {
  .main-menu {
    display: none !important;
  }
  header.site-header {
    overflow: hidden;
  }
  header .header-inner {
    display: flex;
    position: fixed;
    z-index: 1;
  }
  .mobile-nav {
    display: block;
    padding: 1rem 0px;
    position: fixed !important;
    top: 50px;
    z-index: 999999;
    padding-top: 90px;
    padding-bottom: 160px;
    background-color: #FFF;
    height: 100vh;
    width: 100%;
    transform: translateX(100%);
    transition: all 0.3s ease-in-out;
    pointer-events: all;
  }
  .mobile-nav.open {
    transform: translateX(0);
    display: block;
  }
  .mobile-nav ul.menu {
    padding-left: 0px;
    margin-bottom: 0px;
  }
  .mobile-nav ul.menu li.menu-item a {
    width: 100%;
    display: inline-block;
    padding: 15px 1.5rem;
    color: #466d49;
    background-color: #FFF;
    text-decoration: none;
    font-weight: 800;
    transition: all 0.3s ease-in-out;
    font-size: 1.1rem;
  }
  .mobile-nav ul.menu > li.menu-item {
    border-bottom-style: dotted;
    border-bottom-color: rgba(10, 48, 58, 0.07);
    border-bottom-width: 1px;
  }
  .mobile-nav ul.menu > li.menu-item:hover > a, .mobile-nav ul.menu > li.menu-item.current-menu-item > a {
    color: #e74c25;
    background-color: #F8F8F8;
  }
  .mobile-nav ul.menu > li.menu-item.menu-item-has-children {
    cursor: pointer;
  }
  .mobile-nav ul.menu > li.menu-item.menu-item-has-children.active a::before {
    transform: translateY(-50%) rotate(180deg);
  }
  .mobile-nav ul.menu > li.menu-item.menu-item-has-children.active ul.sub-menu {
    display: block;
    max-height: 1000px;
  }
  .mobile-nav ul.menu > li.menu-item.menu-item-has-children.active ul.sub-menu li.menu-item a {
    padding-left: 3rem;
    font-size: 0.9rem;
  }
  .mobile-nav ul.menu > li.menu-item.menu-item-has-children > a {
    pointer-events: none;
    position: relative;
    cursor: pointer;
    padding-right: 40px;
  }
  .mobile-nav ul.menu > li.menu-item.menu-item-has-children > a::before {
    content: "";
    font-family: "bootstrap-icons" !important;
    position: absolute;
    right: 26px;
    transform: translateY(-50%);
    top: calc(50% + 1px);
    font-weight: 900;
    font-size: 1.1rem;
    transition: transform 0.3s ease-in-out;
  }
  .mobile-nav ul.menu > li.menu-item ul.sub-menu {
    overflow: hidden;
    max-height: 0px;
    transition: all 0.3s ease-in-out;
    position: relative;
    padding-left: 0px;
    margin-left: 0px;
  }
  .mobile-nav ul.menu > li.menu-item ul.sub-menu li.menu-item {
    border-bottom-style: none;
  }
  .mobile-nav ul.menu > li.menu-item ul.sub-menu li.menu-item a {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.2px;
    color: #466d49;
  }
  .mobile-nav ul.menu > li.menu-item ul.sub-menu li.menu-item a:hover {
    color: #e74c25;
    background-color: #F8F8F8;
  }
  .mobile-menu-toggle {
    display: flex !important;
    justify-content: space-between;
    height: 20px;
  }
}
section.home-header {
  height: 80vh;
  min-height: 450px;
  max-height: 100vh;
  position: relative;
  overflow: hidden;
}
section.home-header::before {
  content: "";
  background: url("/wp-content/themes/webmix/images/bg-header-home.webp") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section.home-header::after {
  content: "";
  background: url("/wp-content/themes/webmix/images/header-wave.svg") no-repeat center;
  background-size: cover;
  background-position: bottom;
  min-height: 160px;
  width: 100%;
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 2;
}
@media screen and (max-width: 1800px) {
  section.home-header::after {
    background-position: top;
    min-height: 110px;
  }
}
section.home-header .titel-items {
  width: 24vw;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transform: translateX(-150px);
}
section.home-header .titel-items::before {
  content: "";
  background: url("/wp-content/themes/webmix/images/hartgroen.webp") no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120%;
  height: 120%;
}
section.home-header .titel-items .h1 {
  margin: 0px;
  font-family: "catamaran", sans-serif;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  color: #FFF;
  z-index: 1;
  font-weight: 800;
  line-height: 1;
  font-size: 6rem;
}
section.home-header .titel-items .h1 span.small {
  font-size: 60%;
}
section.home-header .titel-items .image-middle {
  position: absolute;
  bottom: 0px;
  transform: translateX(16.5vw);
  height: auto;
  width: 27vw;
}
section.home-header .titel-items .image-middle img {
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}
section.home-header .bg-images .image-left {
  height: 68%;
  position: absolute;
  bottom: 0px;
  left: 6vw;
}
section.home-header .bg-images .image-left img {
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}
section.home-header .bg-images .image-right {
  position: absolute;
  bottom: 0px;
  height: 70%;
  right: 20px;
}
section.home-header .bg-images .image-right img {
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}
section.home-header .content-wrapper {
  position: relative;
}
section.home-header .container.melding-container {
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  z-index: 3;
}
.header-melding {
  position: absolute;
  bottom: 90px;
  right: 0px;
  max-width: 300px;
  z-index: 1;
  padding: 10px;
  color: #FFF;
}
.header-melding p {
  margin-bottom: 0px;
}
.header-melding .message-wrapper {
  z-index: 1;
  position: relative;
  max-width: 140px;
  overflow-wrap: break-word;
}
.header-melding .message-wrapper a {
  color: #FFF;
  transition: all 0.3s ease-in-out;
}
.header-melding .message-wrapper a:hover {
  color: #e74c25;
}
.header-melding::after {
  content: "";
  position: absolute;
  top: calc(50% - 12%);
  left: 50%;
  width: calc(100% + 50px);
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  background: url("/wp-content/themes/webmix/images/huisje-groen.png") center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1199px) {
  section.home-header {
    overflow: hidden;
  }
  section.home-header::after {
    height: 95px;
    min-height: 95px;
  }
  section.home-header .titel-items {
    width: 100%;
    max-width: 100%;
    transform: none;
  }
  section.home-header .titel-items .h1 {
    transform: translateY(-10%);
  }
  section.home-header .titel-items::before {
    top: calc(50% - 40px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 90%;
  }
  section.home-header .bg-images .image-left {
    display: none;
  }
  section.home-header .bg-images .image-right {
    display: none;
  }
  section.home-header .header-melding {
    left: 60px !important;
  }
  .header-melding {
    color: #FFF;
    left: 0px !important;
    right: unset;
    bottom: 30px;
    font-size: 0.7rem;
  }
}
@media screen and (max-width: 991px) {
  section.home-header::after {
    height: 70px;
    min-height: 70px;
  }
  section.home-header .titel-items .h1 {
    font-size: 5rem;
  }
  section.home-header .titel-items .image-middle {
    width: 100%;
    height: 100%;
    transform: translateX(60%);
  }
  section.home-header .header-melding {
    left: 30px !important;
  }
}
@media screen and (max-width: 576px) {
  section.home-header {
    min-height: 440px;
    height: auto;
  }
  section.home-header .titel-items .image-middle {
    transform: translateX(40%);
  }
  .header-melding {
    color: #FFF;
    left: 10% !important;
    right: unset;
    bottom: 30px;
    font-size: 0.7rem;
    padding: 0px;
  }
}
@media screen and (max-width: 420px) {
  section.home-header .titel-items .h1 {
    font-size: 4rem;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.section-title {
  color: #466d49;
}
section.tekst-en-kernpunten {
  padding: 50px 30px;
}
section.tekst-en-kernpunten .row.kernpunten .col-usp:nth-child(3n + 2) {
  margin-top: 140px;
}
@media screen and (max-width: 767px) {
  section.tekst-en-kernpunten .row.kernpunten .col-usp:not(:first-of-type) {
    margin-top: 35px;
  }
}
section.tekst-en-kernpunten .kernpunt {
  position: relative;
  padding-top: 135px;
}
section.tekst-en-kernpunten .kernpunt .usp-bg {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 140px;
  object-fit: contain;
  object-position: bottom center;
}
section.tekst-en-kernpunten .kernpunt .usp-icon {
  position: absolute;
  top: 45px;
  width: 70px;
  height: 70px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
}
section.tekst-en-kernpunten .kernpunt .usp-icon img {
  max-height: 100%;
  object-fit: contain;
}
section.tekst-en-kernpunten .kernpunt .usp-description {
  padding-left: 1rem;
  padding-right: 1rem;
}
section.tekst-en-kernpunten .kernpunt .usp-title {
  color: #466d49;
}
@media screen and (max-width: 576px) {
  section.tekst-en-kernpunten .top-content {
    text-align: left !important;
  }
}
section.documenten-sectie {
  padding-bottom: 150px !important;
}
section.documenten-sectie .section-title {
  font-family: "catamaran", sans-serif;
  margin-bottom: 2rem;
}
section.documenten-sectie .col-left .section-title, section.documenten-sectie .col-left .document-titel, section.documenten-sectie .col-left .text-link {
  color: #466d49;
}
section.documenten-sectie .col-right .section-title, section.documenten-sectie .col-right .document-titel, section.documenten-sectie .col-right .text-link {
  color: #e74c25;
}
@media screen and (max-width: 991.98px) {
  section.documenten-sectie .col-right {
    margin-top: 2rem;
  }
}
section.documenten-sectie .content-wrapper {
  display: flex;
  flex-flow: column;
  gap: 30px;
}
section.documenten-sectie .content-wrapper .link-wrapper {
  padding: 20px 30px 20px 30px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #D8D8D8;
  box-shadow: 8px 8px 0px 0px #EDEDED;
  text-decoration: none;
}
section.documenten-sectie .content-wrapper .link-wrapper:hover {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  box-shadow: 10px 10px 0px 0px #0A303A;
}
@font-face {
  font-family: "catamaran";
  src: url("/wp-content/themes/webmix/inc/fonts/catamaran/catamaran-black-webfont.woff2") format("woff2"), url("/wp-content/themes/webmix/inc/fonts/catamaran/catamaran-black-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "catamaran";
  src: url("/wp-content/themes/webmix/inc/fonts/catamaran/catamaran-bold-webfont.woff2") format("woff2"), url("/wp-content/themes/webmix/inc/fonts/catamaran/catamaran-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "catamaran";
  src: url("/wp-content/themes/webmix/inc/fonts/catamaran/catamaran-light-webfont.woff2") format("woff2"), url("/wp-content/themes/webmix/inc/fonts/catamaran/catamaran-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "catamaran";
  src: url("/wp-content/themes/webmix/inc/fonts/catamaran/catamaran-regular-webfont.woff2") format("woff2"), url("/wp-content/themes/webmix/inc/fonts/catamaran/catamaran-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "catamaran";
  src: url("/wp-content/themes/webmix/inc/fonts/catamaran/catamaran-semibold-webfont.woff2") format("woff2"), url("/wp-content/themes/webmix/inc/fonts/catamaran/catamaran-semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
.sbi_follow_btn.sbi_custom a {
  background-color: #e74c25 !important;
  background: #e74c25 !important;
}
.sbi_follow_btn.sbi_custom a:hover {
  background-color: #962b10 !important;
  background: #962b10 !important;
  box-shadow: none !important;
}
section.standard-text #sb_instagram {
  margin-top: -50px;
}
section.news-overview .sbi_bio {
  display: none !important;
}
@media screen and (min-width: 992px) {
  section.news-overview .sb_instagram_header {
    padding-top: 0px !important;
  }
  section.news-overview .col-news {
    padding-right: 50px;
  }
}
body.mobile-menu-active nav.mobile-nav {
  overflow: scroll;
}
body div {
  font-family: "catamaran", sans-serif;
}
body {
  font-family: "catamaran", "sans-serif";
}
body a {
  font-family: "catamaran", "sans-serif";
  transition: all 0.3s ease-in-out;
}
body a.btn {
  font-family: "Sensei", "sans-serif" !important;
}
body h1 {
  font-family: "catamaran", "sans-serif";
  font-weight: 900;
}
body h2 {
  font-family: "Sensei", "sans-serif";
  font-size: 3rem;
}
body .section-title {
  font-family: "Sensei", "sans-serif";
}
body h3 {
  font-family: "catamaran", "sans-serif";
  font-weight: 700;
}
body p {
  font-family: "catamaran", "sans-serif";
}
body h2, body h3, body h4, body h5 {
  color: #466d49;
}
* {
  box-sizing: border-box;
}
html {
  overflow-y: scroll;
}
.tekst ul, .text ul {
  margin-bottom: 0px;
}
.tekst ul li, .text ul li {
  list-style: initial;
}
.pt-50 {
  margin-top: 50px !important;
}
.pb-50 {
  margin-bottom: 50px !important;
}
h2 {
  font-weight: 800 !important;
}
.mob-show {
  display: none;
}
.primary-color {
  color: #e74c25 !important;
}
.secondary-color {
  color: #466d49 !important;
}
section:not(.home-header) {
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 30px;
  padding-right: 30px;
}
.section-title {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media screen and (max-width: 991px) {
  body section h2.section-title, body section h2 {
    font-size: 2rem !important;
  }
}
.modal.fade.show .modal-dialog {
  top: 50%;
  transform: translateY(-50%);
}
.modal .modal-dialog {
  padding-top: 40px;
  padding-bottom: 40px;
}
.modal button.close {
  font-size: 30px;
  line-height: 1;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 11;
  color: #FFF;
  cursor: pointer !important;
  transition: all 0.3s ease-in-out;
}
.modal button.close:hover {
  color: #e74c25;
}
.modal div.modal-content {
  border-radius: 0px;
  border: none !important;
}
.modal .modal-body {
  padding-top: 0px;
  border: none !important;
  padding-bottom: 0px;
  padding: 0px !important;
}
.wxcb-blogsectie__artikel {
  width: calc(33.3333% - 35px);
  max-width: 33.3333%;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 991px) {
  .wxcb-blogsectie__artikel {
    width: calc(33.3333% - 15px);
  }
}
@media screen and (max-width: 767px) {
  .wxcb-blogsectie__artikel {
    width: calc(50% - 15px);
    max-width: 50%;
  }
}
@media screen and (max-width: 576px) {
  .wxcb-blogsectie__artikel {
    width: 100%;
    max-width: 100%;
  }
}
.wxcb-blogsectie__artikel:hover {
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}
.wxcb-blogsectie__artikel-link {
  text-decoration: none;
  color: #466d49;
  transition: all 0.3s ease-in-out;
  background-color: #EBEFE8;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.wxcb-blogsectie__artikel-link:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.wxcb-blogsectie__artikel-link:hover .wxcb-blogsectie__artikel-image-wrapper img {
  transform: scale(1.05);
}
.wxcb-blogsectie__artikel-date {
  margin-bottom: 5px !important;
  font-size: 0.8rem;
}
.wxcb-blogsectie__artikel-title {
  line-height: 1;
  font-size: 1.2rem !important;
}
.wxcb-blogsectie__artikel-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.wxcb-blogsectie__artikel-image-wrapper {
  height: 200px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 991px) {
  .wxcb-blogsectie__artikel-image-wrapper {
    height: 140px;
  }
}
@media screen and (max-width: 576px) {
  .wxcb-blogsectie__artikel-image-wrapper {
    height: 200px;
  }
}
@media screen and (max-width: 420px) {
  .wxcb-blogsectie__artikel-image-wrapper {
    height: 140px;
  }
}
.wxcb-blogsectie__artikel-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 0.3s ease-in-out !important;
}
.wxcb-blogsectie__artikel-content {
  background-color: #EBEFE8;
}
.wxcb-blogsectie__artikel-content__title {
  color: #e74c25;
  font-size: 1.5rem;
  font-weight: 700;
}
.accordion button.accordion-button[aria-expanded="true"] {
  border: #EBEFE8;
  background: #EBEFE8;
  color: #466d49 !important;
}
.accordion h3.accordion-header {
  border-radius: 3px;
  overflow: hidden;
}
.accordion .accordion-body ul {
  padding-left: 15px;
}
.green-filter::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.3;
  background-color: #265229;
}
.carousel {
  min-height: 340px;
  outline: none;
  width: 100%;
}
.carousel .carousel-cell {
  width: 100%;
  height: 340px;
  counter-increment: gallery-cell;
}
.carousel ol.flickity-page-dots {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 35px;
  outline: none;
  padding-left: 0px;
  padding-right: 0px;
}
.carousel ol.flickity-page-dots li.dot {
  width: 16px;
  height: 16px;
  border: solid 2px #466d49;
  transition: all 0.3s ease-in-out !important;
  border-radius: 50%;
  cursor: pointer;
}
.carousel ol.flickity-page-dots li.dot.is-selected, .carousel ol.flickity-page-dots li.dot:hover {
  background-color: #466d49 !important;
}
.carousel .flickity-prev-next-button svg {
  z-index: 1;
  position: relative;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #FFF;
}
.carousel .flickity-prev-next-button::before {
  transition: all 0.3s ease-in-out;
}
.carousel .flickity-prev-next-button:hover::before {
  background-color: #e74c25 !important;
}
.carousel .flickity-prev-next-button[disabled] {
  opacity: 0.35;
  pointer-events: none;
}
.carousel .flickity-prev-next-button[disabled]:hover::before {
  background-color: #466d49 !important;
}
.carousel .flickity-prev-next-button.previous {
  display: block;
  z-index: 111;
  position: absolute;
  top: 170px;
  left: 0px;
  width: 40px;
  height: 40px;
  transform: translateY(-20px);
  pointer-events: all;
}
.carousel .flickity-prev-next-button.previous::before {
  content: "";
  width: 40px;
  height: 40px;
  background-color: #466d49;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
  border-radius: 50%;
}
.carousel .flickity-prev-next-button.next {
  display: block;
  z-index: 111;
  position: absolute;
  top: 170px;
  right: 0px;
  width: 40px;
  height: 40px;
  transform: translateY(-20px);
  pointer-events: all;
}
.carousel .flickity-prev-next-button.next::before {
  content: "";
  width: 40px;
  height: 40px;
  background-color: #466d49;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
  border-radius: 50%;
}
@media screen and (max-width: 991px) {
  .video-carousel {
    min-height: 265px;
  }
}
@media screen and (max-width: 767px) {
  .video-carousel {
    min-height: 230px;
  }
}
@media screen and (max-width: 576px) {
  .video-carousel {
    min-height: 185px;
  }
}
.video-carousel .carousel-cell {
  display: flex;
  width: 100%;
  height: 340px;
  counter-increment: gallery-cell;
}
@media screen and (max-width: 991px) {
  .video-carousel .carousel-cell {
    height: 265px;
  }
}
@media screen and (max-width: 767px) {
  .video-carousel .carousel-cell {
    height: 230px;
  }
}
@media screen and (max-width: 576px) {
  .video-carousel .carousel-cell {
    height: 185px;
  }
}
.video-carousel .carousel-cell iframe {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 991px) {
  .video-carousel .carousel-cell iframe {
    width: calc(100% - 30px);
  }
}
@media screen and (max-width: 767px) {
  .video-carousel ol.flickity-page-dots {
    margin-bottom: 0px !important;
  }
}
.btn, .gform-footer input[type="submit"] {
  transition: all 0.3s ease-in-out !important;
  border: solid 1px !important;
  border-color: #e74c25 !important;
  padding: 8px 20px !important;
  width: fit-content !important;
}
.btn:hover, .gform-footer input[type="submit"]:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.primary-btn, .gform-footer input[type="submit"] {
  background-color: #e74c25 !important;
  color: #FFF !important;
}
.primary-btn:hover, .gform-footer input[type="submit"]:hover {
  background-color: #466d49 !important;
  color: #FFF !important;
  border-color: #466d49 !important;
}
.primary-ghost-btn {
  background-color: transparent !important;
  color: #e74c25 !important;
}
.primary-ghost-btn:hover {
  background-color: #466d49 !important;
  color: #FFF !important;
  border-color: #466d49 !important;
}
a.text-link {
  color: #000;
  text-decoration: none;
  position: relative;
  width: fit-content;
  font-weight: 600;
}
a.text-link::before {
  content: "";
  width: 0px;
  height: 1px;
  background-color: #000;
  transition: all 0.3s ease-in-out;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
a.text-link:hover::before {
  width: 100%;
}
a.text-link.primary {
  color: #e74c25;
}
a.text-link.primary::before {
  background-color: #e74c25;
}
.light-green-bg .primary-ghost-btn {
  background-color: #FFF !important;
}
.light-green-bg .primary-ghost-btn:hover {
  background-color: #466d49 !important;
}
.gform-body div.gform_fields {
  row-gap: 15px !important;
}
.gform-body .ginput_container_textarea textarea {
  min-height: 100px !important;
}
fieldset.gfield--type-name label.gform-field-label {
  display: none !important;
}
.wave-top {
  position: relative;
  width: 100%;
  height: 30px;
  overflow: hidden;
  max-width: 100%;
  z-index: 1;
  border: none !important;
}
.wave-top svg {
  transform: rotate(180deg) translateX(-50%);
  transform-origin: left;
  height: 30px;
  display: block;
  left: 50%;
  position: relative;
  width: calc(100% + 1.3px);
  border: none;
  z-index: 1;
}
.wave-top path {
  fill: #EBEFE8;
  transform: rotateY(0deg);
  transform-origin: left;
}
.wave-bottom {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  height: 30px;
  z-index: 1;
}
.wave-bottom svg {
  fill: #fff;
  transform: rotateY(180deg);
  transform-origin: center;
  height: 30px;
  display: block;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  width: calc(100% + 1.3px);
  border: none;
  z-index: 1;
}
.wave-bottom path {
  fill: #EBEFE8;
  transform-origin: center;
}
section.uitgelicht-tekst-en-knop {
  padding: 100px 0px;
  position: relative;
  max-width: 100%;
}
section.uitgelicht-tekst-en-knop .container {
  position: relative;
  z-index: 3;
  overflow: hidden;
}
section.uitgelicht-tekst-en-knop .section-title {
  font-size: 7rem;
}
section.uitgelicht-tekst-en-knop h3 {
  color: #466d49;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
section.uitgelicht-tekst-en-knop .heart {
  position: absolute;
  bottom: -50px;
  z-index: 2;
  width: 365px;
}
@media screen and (max-width: 991px) {
  section.uitgelicht-tekst-en-knop .heart {
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 22%;
    max-width: 110px;
    transform: translate(-50%, 70%);
  }
}
@media screen and (max-width: 991px) {
  section.uitgelicht-tekst-en-knop .inner-content {
    margin-top: 1.75rem;
  }
}
section.tabs-en-fotos .col-right figure {
  margin-bottom: 15px;
  margin-left: auto;
  max-width: 500px;
}
section.tabs-en-fotos .col-right img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
section.tabs-en-fotos .col-right .normal-img {
  height: 400px;
  width: 100%;
}
section.tabs-en-fotos .col-right .small-img {
  height: 250px;
  width: 100%;
}
section.uitgelichte-nieuwsberichten {
  padding: 50px 30px;
  position: relative;
  overflow: hidden;
}
section.uitgelichte-nieuwsberichten .wxcb-blogsectie__artikel-date {
  display: none;
}
section.uitgelichte-nieuwsberichten .container {
  position: relative;
  z-index: 3;
}
section.uitgelichte-nieuwsberichten .heart {
  position: absolute;
  bottom: -50px;
  z-index: 2;
  width: 365px;
}
.nieuws-artikelen {
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .nieuws-artikelen {
    gap: 15px;
  }
}
@media screen and (max-width: 576px) {
  .nieuws-artikelen {
    row-gap: 35px;
  }
}
section.video-slider {
  position: relative;
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 155px;
}
section.video-slider .carousel .flickity-prev-next-button {
  display: none !important;
}
section.video-slider iframe {
  max-height: 100%;
}
section.referentie-slider {
  overflow: hidden;
  padding-bottom: 150px;
}
section.referentie-slider .refentie-carousel {
  overflow: hidden;
}
section.referentie-slider .carousel-cell {
  display: flex;
  gap: 25px;
  align-items: center;
  padding-left: 100px;
  padding-right: 100px;
}
@media screen and (max-width: 767px) {
  section.referentie-slider .carousel-cell {
    padding-left: 0px;
    padding-right: 0px;
  }
}
section.referentie-slider figure {
  width: 50%;
  position: relative;
  display: flex;
  align-items: end;
  height: 300px;
}
@media screen and (max-width: 1199px) {
  section.referentie-slider figure {
    height: 230px;
  }
}
@media screen and (max-width: 991px) {
  section.referentie-slider figure {
    height: 150px;
  }
}
section.referentie-slider figure.has-bg::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/wp-content/themes/webmix/images/referentie-bg-desktop.svg");
  background-size: contain;
  background-position: bottom;
  bottom: -3px;
  background-repeat: no-repeat;
}
section.referentie-slider figure img {
  width: 100%;
  object-fit: contain;
  object-position: bottom;
  position: relative;
  height: 90%;
}
section.referentie-slider .content-right {
  display: flex;
  width: 50%;
  flex-flow: column;
  justify-content: center;
}
section.referentie-slider .content-right h3 {
  color: #466d49;
  font-weight: 800;
}
section.referentie-slider .content-right .tekst p:last-of-type {
  margin-bottom: 0 !important;
}
section.referentie-slider .content-right .tekst {
  width: 400px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
section.video-header {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  position: relative;
  height: 600px;
  max-height: 60vh;
  overflow: visible;
}
section.video-header .section-wrapper {
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 0px;
}
section.video-header .container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  z-index: 1;
}
section.video-header .container .header-melding {
  bottom: 0px;
  right: 30px;
}
section.video-header figure {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
}
section.video-header figure img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
section.video-header button.modal-trigger {
  transition: all 0.3s ease-in-out;
  position: absolute;
  width: 70px;
  height: 70px;
  left: 50%;
  top: 50%;
  background: #FFF;
  border-radius: 50%;
  font-size: 40px;
  transform: translate(-50%, -50%);
}
section.video-header button.modal-trigger::before {
  color: #466d49;
  left: calc(50% + 3px);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
section.video-header button.modal-trigger:hover {
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
  transform: translate(-50%, -50%) scale(1.15);
}
section.video-header .wave-bottom {
  bottom: 0px;
  position: absolute;
  margin-bottom: 0px !important;
}
section.video-header .wave-bottom svg {
  bottom: 0px;
  transform: rotate(180deg);
  left: 0px;
}
section.video-header .wave-bottom svg path {
  fill: #FFF;
}
section.algemene-header {
  padding-top: 0px;
  padding-bottom: 0px;
  position: relative;
  z-index: 2;
}
section.algemene-header .col-title {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 991px) {
  section.algemene-header .col-title {
    padding-top: 50px;
    padding-bottom: 40px;
  }
}
section.algemene-header .col-title h1.section-title {
  font-size: 3.5rem !important;
  margin-bottom: 0px !important;
  font-family: "catamaran", "sans-serif";
  word-break: break-word;
}
@media screen and (max-width: 576px) {
  section.algemene-header .col-title h1.section-title {
    font-size: 2.5rem !important;
  }
}
@media screen and (max-width: 420px) {
  section.algemene-header .col-title h1.section-title {
    font-size: 2rem !important;
  }
}
@media screen and (max-width: 340px) {
  section.algemene-header .col-title h1.section-title {
    font-size: 1.8rem !important;
  }
}
section.algemene-header .col-img {
  padding-top: 35px;
  height: auto;
  max-height: 350px;
}
@media screen and (max-width: 991px) {
  section.algemene-header .col-img {
    position: absolute;
    right: 0px;
    bottom: -30px;
  }
}
section.algemene-header .col-img img {
  margin-left: auto;
  object-fit: contain;
  max-width: 100%;
  object-position: bottom right;
  max-height: 100%;
  height: 300px;
}
@media screen and (max-width: 991px) {
  section.algemene-header .col-img img {
    width: 70px;
    height: 100px;
  }
}
section.maps-en-form {
  padding-bottom: 150px !important;
}
section.maps-en-form a {
  color: #e74c25;
  transition: all 0.3s ease-in-out;
}
section.maps-en-form a:hover {
  color: #962b10;
}
@media screen and (max-width: 767px) {
  section.maps-en-form .row {
    flex-flow: column-reverse;
  }
}
section.text-media.white-bg + section.text-media.white-bg {
  padding-top: 0px;
}
section.text-media.light-green-bg + section.text-media.light-green-bg {
  padding-top: 0px;
}
section.text-media {
  position: relative;
}
section.text-media .container > .row {
  row-gap: 30px;
}
section.text-media .inner-content h1, section.text-media .inner-content h2, section.text-media .inner-content h3, section.text-media .inner-content h4, section.text-media .inner-content h5 {
  color: #466d49;
  font-family: "catamaran", "sans-serif";
}
section.text-media .inner-content a {
  color: #e74c25;
  transition: all 0.3s ease-in-out;
}
section.text-media .inner-content a:hover {
  color: #681e0b;
}
section.text-media .section-title {
  font-family: "catamaran", "sans-serif";
  margin-bottom: 1.5rem;
  line-height: 1;
}
section.text-media .container {
  position: relative;
  z-index: 2;
}
section.text-media.waves-top-on .wave-top {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  margin: 0px !important;
}
section.text-media.waves-top-on.white-bg .wave-top {
  background-color: #EBEFE8;
}
section.text-media.waves-top-on.white-bg .wave-top svg path {
  fill: #FFF;
}
section.text-media.waves-top-on.light-green-bg .wave-top svg path {
  fill: #EBEFE8;
}
section.text-media.waves-top-on.light-green-bg .wave-top {
  background-color: #FFF;
}
section.text-media.waves-bot-on .wave-bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  margin: 0px !important;
}
section.text-media.waves-bot-on.white-bg .wave-bottom {
  background-color: #EBEFE8;
}
section.text-media.waves-bot-on.white-bg .wave-bottom svg path {
  fill: #FFF;
}
section.text-media.waves-bot-on.light-green-bg .wave-bottom svg path {
  fill: #EBEFE8;
}
section.text-media.waves-bot-on.light-green-bg .wave-bottom {
  background-color: #FFF;
}
section.text-media .col-image {
  padding-left: 100px;
  padding-right: 50px;
}
section.text-media .col-image img {
  height: 100%;
  min-height: 250px;
  max-height: 50vh;
  object-fit: contain;
  object-position: center;
  width: 100%;
}
@media screen and (max-width: 991px) {
  section.text-media .col-image {
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
  }
  section.text-media .col-image img {
    max-height: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
  }
}
section.text-media .flex-row-reverse .col-image {
  padding-right: 100px;
  padding-left: 50px;
}
@media screen and (max-width: 991px) {
  section.text-media .flex-row-reverse .col-image {
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
  }
}
section.text-media.light-green-bg .inner-content {
  padding: 50px;
  background: white;
  border-radius: 10px;
}
section.text-media .col-content .text p:last-of-type {
  margin-bottom: 0px;
}
section.blokken-overzicht .blokken-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0px;
  width: 1200px;
  max-width: 100%;
}
@media screen and (max-width: 1399px) {
  section.blokken-overzicht .blokken-container {
    width: 100%;
  }
}
section.blokken-overzicht .blok-wrapper {
  width: 400px;
  aspect-ratio: 1.15;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  text-align: center;
}
@media screen and (max-width: 1399px) {
  section.blokken-overzicht .blok-wrapper {
    width: 33.3333%;
  }
}
@media screen and (max-width: 767px) {
  section.blokken-overzicht .blok-wrapper {
    width: 50%;
  }
}
section.blokken-overzicht .blok-wrapper .blok-link {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
section.blokken-overzicht .blok-wrapper .bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.blokken-overzicht .blok-wrapper .front-view {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  row-gap: 10px;
}
section.blokken-overzicht .blok-wrapper .front-view img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  object-position: bottom;
}
section.blokken-overzicht .blok-wrapper .front-view h3.blok-titel {
  line-height: 1;
  margin-bottom: 0px;
  font-size: 1.3rem;
  color: #466d49;
  max-width: 100%;
}
@media screen and (max-width: 576px) {
  section.blokken-overzicht .blok-wrapper .front-view h3.blok-titel {
    font-size: 1rem;
  }
}
section.blokken-overzicht .blok-wrapper:hover .back-view {
  transform: translateY(0px) translateX(0px) !important;
}
section.blokken-overzicht .blok-wrapper .back-view {
  transform: translateY(-100%);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 20px;
  transition: all 0.3s ease-in-out;
  background-color: #EBEFE8;
}
@media screen and (max-width: 767px) {
  section.blokken-overzicht .blok-wrapper .back-view {
    background-color: #FFF;
  }
}
@media screen and (max-width: 576px) {
  section.blokken-overzicht .blok-wrapper .back-view {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  section.blokken-overzicht .blok-wrapper:nth-of-type(3n + 1) .front-view {
    background-color: #EBEFE8 !important;
  }
}
@media screen and (max-width: 767px) {
  section.blokken-overzicht .blok-wrapper.light-green-bg {
    background-color: unset;
  }
}
section.blokken-overzicht .blok-wrapper.light-green-bg .back-view {
  transform: translateX(-100%) translateY(0%);
  background-color: #FFF;
}
section.schoolkrant-overzicht .col-schoolkrant {
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  height: 500px;
}
@media screen and (max-width: 767px) {
  section.schoolkrant-overzicht .col-schoolkrant {
    height: 370px;
  }
}
section.schoolkrant-overzicht .col-schoolkrant .schoolkrant-wrapper {
  padding: 15px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
section.schoolkrant-overzicht .col-schoolkrant .schoolkrant-wrapper .front-view {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  transition: all 0.3s ease-in-out;
}
section.schoolkrant-overzicht .col-schoolkrant .schoolkrant-wrapper .front-view .wrap-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
section.schoolkrant-overzicht .col-schoolkrant .schoolkrant-wrapper .front-view img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
section.schoolkrant-overzicht .col-schoolkrant .schoolkrant-wrapper .back-view {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  transform: translateY(100%);
  transition: all 0.3s ease-in-out;
  padding-left: 20px;
  padding-right: 20px;
  flex-flow: column;
  row-gap: 15px;
}
section.schoolkrant-overzicht .col-schoolkrant .schoolkrant-wrapper .back-view h3 {
  color: #466d49;
}
section.schoolkrant-overzicht .col-schoolkrant .schoolkrant-wrapper:hover .front-view {
  transform: translateY(-100%);
}
section.schoolkrant-overzicht .col-schoolkrant .schoolkrant-wrapper:hover .back-view {
  transform: translateY(0px);
}
section.uitgelichte-nieuwsbrieven {
  padding-bottom: 2rem;
}
section.uitgelichte-nieuwsbrieven .nieuwsbrief-blok {
  border: solid 1px #e74c25;
  transition: all 0.3s ease-in-out;
  border-radius: 5px;
}
section.uitgelichte-nieuwsbrieven .nieuwsbrief-blok .link-wrapper {
  padding: 20px;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
section.uitgelichte-nieuwsbrieven .nieuwsbrief-blok .link-wrapper .nieuws-titel {
  color: #e74c25 !important;
}
section.uitgelichte-nieuwsbrieven .nieuwsbrief-blok .link-wrapper .text-link {
  color: #466d49 !important;
  font-weight: 600;
}
section.uitgelichte-nieuwsbrieven .nieuwsbrief-blok:hover {
  border-color: #466d49;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
section.standard-text .text {
  margin-top: 35px;
}
section.standard-text .text.text-two-column {
  column-count: 2;
  column-gap: 70px;
}
section.standard-text .text p:last-of-type {
  margin-bottom: 0px;
}
section.standard-text .text a {
  width: fit-content;
  color: #e74c25;
  line-height: 1;
}
section.standard-text .text a:hover {
  color: #466d49;
}
section.standard-text .text-center img {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 500px;
}
section.news-overview .nieuws-artikelen {
  gap: 30px;
}
section.news-overview .nieuws-artikelen .wxcb-blogsectie__artikel {
  width: calc(33.3333% - 20px);
  max-width: 33.3333%;
}
@media screen and (max-width: 991px) {
  section.news-overview .nieuws-artikelen {
    gap: 20px;
  }
  section.news-overview .nieuws-artikelen .wxcb-blogsectie__artikel {
    width: calc(50% - 10px);
    max-width: 50%;
  }
}
@media screen and (max-width: 576px) {
  section.news-overview .nieuws-artikelen {
    row-gap: 20px;
  }
  section.news-overview .nieuws-artikelen .wxcb-blogsectie__artikel {
    width: 100%;
    max-width: 100%;
  }
}
.nieuwsitems-wrapper .pagination {
  gap: 10px;
  font-size: 1.3rem;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: end;
  text-decoration: none !important;
}
.nieuwsitems-wrapper .pagination a, .nieuwsitems-wrapper .pagination span {
  line-height: 1;
  font-size: 1.3rem;
  text-decoration: none;
  color: #000;
}
.nieuwsitems-wrapper .pagination span {
  color: #e74c25;
  transform: translateY(3px);
}
.footer-images-container {
  position: relative;
  z-index: 2;
}
.footer-images-container .orange-heart {
  width: fit-content;
  position: absolute;
  bottom: -60px;
}
.footer-images-container .orange-heart img {
  width: 140px;
}
.footer-images-container .laat-je-horen {
  width: fit-content;
  position: absolute;
  right: 0px;
  bottom: -30px;
}
.footer-images-container .laat-je-horen img {
  width: 100px;
}
footer {
  max-width: 100%;
  overflow: hidden;
  padding: 150px 30px 100px 30px;
  background-image: url("/wp-content/themes/webmix/images/hands-bg-footer.webp");
  background-position: top center;
  min-height: 400px;
}
@media screen and (max-width: 991px) {
  footer {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
footer .col-quicklinks {
  display: flex;
  row-gap: 25px;
  flex-flow: column;
}
footer .col-quicklinks .list-wrapper {
  display: flex;
  gap: 35px;
}
@media screen and (max-width: 991px) {
  footer .col-quicklinks .list-wrapper {
    flex-flow: column;
    gap: 10px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 450px) {
  footer .col-quicklinks .list-wrapper {
    font-size: 0.75rem;
  }
}
footer .col-quicklinks ul {
  padding-left: 0px;
  margin-bottom: 0px;
  display: flex;
  flex-flow: column;
  row-gap: 5px;
}
footer .col-right {
  display: flex;
  gap: 35px;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  footer .col-right {
    flex-flow: column;
  }
}
footer .col-right .logo-link {
  width: 180px;
  display: flex;
}
@media screen and (max-width: 991px) {
  footer .col-right .logo-link {
    width: 140px;
    margin-left: auto;
  }
}
footer .col-right .logo-link img {
  display: block;
  max-width: 100%;
  height: auto;
}
footer .contact-info {
  display: flex;
  flex-flow: column;
  color: #000;
  font-weight: 600;
}
footer .contact-info .inner-content {
  line-height: 1.5rem;
}
footer .contact-info .inner-content .postal-code p:last-of-type {
  margin-bottom: 0px;
}
footer .contact-info .footer-contact-links {
  display: flex;
  flex-flow: column;
}
footer .inner-right-content {
  display: flex;
  flex-flow: column;
  row-gap: 25px;
}
footer .inner-right-content a.btn.primary-btn {
  margin-left: auto;
}
footer ul.socials {
  padding-left: 0px;
  margin-bottom: 0px;
  display: flex;
  justify-content: end;
  gap: 15px;
}
footer ul.socials a.social-btn {
  width: 40px;
  height: 40px;
  display: block;
  background-color: #466d49;
  padding: 8px;
  position: relative;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1199px) {
  footer ul.socials a.social-btn {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 991px) {
  footer ul.socials a.social-btn {
    width: 40px;
    height: 40px;
  }
}
footer ul.socials a.social-btn:hover {
  transform: scale(1.1);
}
footer ul.socials a.social-btn img {
  width: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1199px) {
  section:not(.home-header) {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 991px) {
  footer .mob-none {
    display: none !important;
  }
  footer .mob-show {
    display: block !important;
  }
  footer .mob-show .mobile-socials {
    justify-content: space-between;
    padding-left: 0px;
    margin-top: 50px;
  }
  footer .mob-show .copyright {
    margin-top: 75px;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  section.referentie-slider .flickity-prev-next-button {
    display: none !important;
  }
  section.referentie-slider .carousel-cell {
    flex-flow: column;
    height: auto;
  }
  section.referentie-slider .carousel-cell figure {
    width: 100%;
    height: 230px;
    max-height: 60vh;
    display: block;
  }
  section.referentie-slider .carousel-cell figure::before {
    background-image: url("/wp-content/themes/webmix/images/referentie-bg-mobile.svg");
  }
  section.referentie-slider .carousel-cell figure img {
    width: 100%;
    object-fit: contain;
    object-position: bottom;
    position: relative;
    height: 60%;
    max-width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    top: 50%;
  }
  section.referentie-slider .carousel-cell .content-right {
    width: 100%;
  }
}