/* Gegenereerd uit main.css door inc/snelheid.php. Niet bewerken. */
:root {
--space-klein: clamp(32px, 5vw, 48px);
--space-normaal: clamp(48px, 7vw, 80px);
--space-groot: clamp(72px, 10vw, 120px);
--space-xl: clamp(100px, 14vw, 180px);
--sectie-ruimte: 72px;
--small-padding: clamp(40px, 6vw, 64px);
--medium-padding: clamp(56px, 8vw, 96px);
--large-padding: clamp(72px, 10vw, 120px);
--container-max: 1216px;
--container-gutter: 24px;
--header-gutter: 64px;
--vdp-groen: #2f5552;
--vdp-groen-hover: #24423f;
--vdp-groen-active: #1b322f;
--vdp-groen-20: rgb(47 85 82 / 20%);
--vdp-groen-10: rgb(47 85 82 / 10%);
--vdp-groen-licht: #579067;
--vdp-groen-licht-hover: #4a7d58;
--vdp-glas: #e8f0f7;
--vdp-mos: #eaf3e6;
--vdp-offwhite: #eaeaea;
--vdp-wit: #fff;
--vdp-zwart: #000;
--color-primary: var(--vdp-groen);
--color-primary-light: #3d6b67;
--color-primary-dark: var(--vdp-groen-active);
--color-secondary: var(--vdp-zwart);
--color-secondary-light: #333;
--color-secondary-dark: #000;
--btn-primary-bg: var(--vdp-groen);
--btn-primary-bg-hover: var(--vdp-groen-hover);
--btn-primary-bg-active: var(--vdp-groen-active);
--link-primary: var(--vdp-groen);
--font-light: #fff;
--font-dark: #000;
--font-muted: var(--vdp-groen);
--body-bg: var(--vdp-glas);
--surface: var(--vdp-wit);
--surface-border: var(--vdp-groen-20);
--font-body: new-atten, -apple-system, blinkmacsystemfont, 'Segoe UI', sans-serif;
--font-heading: mencken-std, georgia, 'Times New Roman', serif;
--heading-letter-spacing: 0.01em;
--donker-bg: var(--button-dark-bg, var(--vdp-groen));
--donker-bg-hover: var(--button-dark-bg-hover, var(--vdp-groen-hover));
--donker-text: var(--button-dark-text, #fff);
--donker-text-hover: var(--button-dark-text-hover, #fff);
--licht-bg: var(--button-light-bg, #fff);
--licht-bg-hover: var(--button-light-bg-hover, var(--vdp-mos));
--licht-text: var(--button-light-text, var(--vdp-groen));
--licht-text-hover: var(--button-light-text-hover, var(--vdp-groen));
--icon-arrow: url("../assets/icons/arrow-right.svg");
--bg-default: var(--body-bg);
--accent-color: var(--color-primary);
--font-blue: var(--vdp-groen);
--text-color: var(--font-dark);
--radius: 8px;
--radius-card: 24px;
--radius-card-l: 30px;
--radius-media: 16px;
--btn-radius: 100px;
--card-padding: 32px;
}
html {
font-size: 16px;
line-height: 24px;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
scroll-behavior: smooth;
}
body {
margin: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
width: 100%;
}
audio:not([controls]) {
display: none;
height: 0;
}
ul,
ol {
padding: 0;
margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin-top: 0;
margin-bottom: 0;
}
b,
strong {
font-weight: 700;
}
p {
margin: 0 0;
}
a {
text-decoration: none;
transition: .1s ease-in-out;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: none;
cursor: pointer;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
padding-right: 2px;
width: 100%;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
resize: none;
vertical-align: top;
}
img {
border-style: none;
}
img,
video {
height: auto;
max-width: 100%;
}
:focus-visible {
outline: 2px solid var(--color-primary, #2f5552);
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
.skip-link.screen-reader-text:focus {
position: fixed;
top: 8px;
left: 8px;
z-index: 100001;
width: auto;
height: auto;
padding: 10px 16px;
background: #1d1d1f;
color: #fff;
border-radius: 6px;
clip: auto;
clip-path: none;
}
:focus {
outline: 0;
outline-color: transparent;
outline-style: none;
}
html {
font-size: 16px;
}
body {
background-color: var(--body-bg);
font-family: var(--font-body);
font-weight: 400;
font-size: 1rem;
line-height: 1.6;
color: var(--font-dark);
-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-heading);
font-weight: 400;
color: var(--font-dark);
margin: 0 0 0.5em;
}
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4,
.section__title,
.hero__title {
font-style: italic;
letter-spacing: var(--heading-letter-spacing);
}
a {
color: var(--link-primary);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1 { font-size: var(--h1-font-size-mobile); line-height: var(--h1-line-height-mobile); }
h2 { font-size: var(--h2-font-size-mobile); line-height: var(--h2-line-height-mobile); }
h3 { font-size: var(--h3-font-size-mobile); line-height: var(--h3-line-height-mobile); }
h4 { font-size: var(--h4-font-size-mobile); line-height: var(--h4-line-height-mobile); }
h5 { font-size: var(--h5-font-size-mobile); line-height: var(--h5-line-height-mobile); }
h6 { font-size: var(--h6-font-size-mobile); line-height: var(--h6-line-height-mobile); }
@media (min-width: 768px) {
h1 { font-size: var(--h1-font-size-ipad); line-height: var(--h1-line-height-ipad); }
h2 { font-size: var(--h2-font-size-ipad); line-height: var(--h2-line-height-ipad); }
h3 { font-size: var(--h3-font-size-ipad); line-height: var(--h3-line-height-ipad); }
h4 { font-size: var(--h4-font-size-ipad); line-height: var(--h4-line-height-ipad); }
h5 { font-size: var(--h5-font-size-ipad); line-height: var(--h5-line-height-ipad); }
h6 { font-size: var(--h6-font-size-ipad); line-height: var(--h6-line-height-ipad); }
}
@media (min-width: 1480px) {
h1 { font-size: var(--h1-font-size-desktop-small); line-height: var(--h1-line-height-desktop-small); }
h2 { font-size: var(--h2-font-size-desktop-small); line-height: var(--h2-line-height-desktop-small); }
h3 { font-size: var(--h3-font-size-desktop-small); line-height: var(--h3-line-height-desktop-small); }
h4 { font-size: var(--h4-font-size-desktop-small); line-height: var(--h4-line-height-desktop-small); }
h5 { font-size: var(--h5-font-size-desktop-small); line-height: var(--h5-line-height-desktop-small); }
h6 { font-size: var(--h6-font-size-desktop-small); line-height: var(--h6-line-height-desktop-small); }
}
@media (min-width: 1920px) {
h1 { font-size: var(--h1-font-size-desktop-large); line-height: var(--h1-line-height-desktop-large); }
h2 { font-size: var(--h2-font-size-desktop-large); line-height: var(--h2-line-height-desktop-large); }
h3 { font-size: var(--h3-font-size-desktop-large); line-height: var(--h3-line-height-desktop-large); }
h4 { font-size: var(--h4-font-size-desktop-large); line-height: var(--h4-line-height-desktop-large); }
h5 { font-size: var(--h5-font-size-desktop-large); line-height: var(--h5-line-height-desktop-large); }
h6 { font-size: var(--h6-font-size-desktop-large); line-height: var(--h6-line-height-desktop-large); }
}
.color-light { color: var(--font-light); }
.color-dark { color: var(--font-dark); }
.pretitel {
color: var(--color-primary);
font-size: 14px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 16px;
}
html {
scroll-padding-top: 140px;
}
body {
overflow-x: hidden;
overflow-y: hidden;
}
.inner {
width: 100%;
max-width: 1264px;
margin: 0 auto;
padding: 0 24px;
position: relative;
}
.flexbox-wrapper {
display: flex;
flex-wrap: wrap;
}
.bg-img {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
display: block;
}
.home-link {
position: relative;
display: block;
width: 100%;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
section::after,
article::after,
.clear::after,
#inner-header::after,
.row::after,
.social::after,
.site-info::after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
position: absolute !important;
height: 1px;
width: 1px;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: 700;
height: auto;
line-height: normal;
padding: 15px 23px 14px;
position: absolute;
left: 5px;
top: 5px;
text-decoration: none;
width: auto;
z-index: 100000;
}
.desktop {
display: none!important;
}
.mobile {
display: block!important;
}
@media (min-width: 1024px) {
.mobile {
display: none!important;
}
.desktop {
display: block!important;
}
}
:root {
--header-height: 80px;
--header-top-height: 40px;
--header-bg: #ffffff;
--header-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
--text-color: #333333;
--accent-color: #E31029;
--transition: all 0.3s ease;
}
html {
margin-top: 0 !important;
}
.header-top {
background: var(--vdp-groen);
font-size: 14px;
padding: 13px 0;
height: 48px;
transition: transform 0.3s ease;
}
.header-top.position-absolute {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1002;
}
.header-top.position-fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1001;
transition: transform 0.3s ease;
}
.header-top.is-hidden,
.header-top.position-fixed.is-hidden {
transform: translateY(-100%);
}
body.has-top-header:not(.has-fixed-top-header) .site-header {
top: 48px;
}
body.has-fixed-top-header .site-header {
top: 40px;
}
.header-top .th-grid {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 16px;
}
.th-zone--left,
.th-zone--center,
.th-zone--right {
display: flex;
gap: 12px;
align-items: center;
flex-wrap: wrap;
}
.th-zone--left {
justify-self: start;
}
.th-zone--center {
justify-self: center;
}
.th-zone--right {
justify-self: end;
}
.th-btns {
display: flex;
gap: 0px;
flex-wrap: wrap;
}
.th-btn {
padding: 8px 12px;
border-radius: 8px;
text-decoration: none;
font-size: 0.875rem;
font-weight: 700;
display: inline-block;
line-height: 150%;
}
.th-btn--primary {
background: var(--accent-color);
color: #fff;
}
.th-btn--secondary {
background: transparent;
border: 2px solid var(--accent-color);
color: var(--accent-color);
}
.th-btn:hover {
background: rgba(0, 0, 0, 0.05);
}
.th-btn:active {
background: rgba(0, 0, 0, 0.10);
color: #290B7A;
}
.th-socials {
display:flex;
gap:4px;
list-style:none;
margin:0;
padding:0;
}
.th-socials__item {
display:block;
width:24px;
height:24px;
background-color: var(--btn-primary-bg);
border-radius: 8px;
background-size:contain;
background-repeat:no-repeat;
background-position:center;
transition: .1s ease-in-out;
}
.th-socials__item:hover {
background-color: var(--btn-primary-bg-hover);
}
.th-socials__item a {
display: flex
;
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
justify-content: center;
align-items: center;
}
.th-socials__icon {
width:16px;
}
.th-search form {
display: flex;
align-items: center;
border: 1px solid #ddd;
border-radius: 4px;
overflow: hidden;
background: #fff;
}
.th-search input[type="search"] {
border: none;
padding: 6px 10px;
font-size: 14px;
flex: 1;
}
.th-search input[type="search"]:focus {
outline: none;
}
.th-search input[type="submit"],
.th-search button {
border: none;
background: var(--accent-color);
color: #fff;
padding: 6px 10px;
cursor: pointer;
transition: background 0.2s ease;
}
.th-search input[type="submit"]:hover,
.th-search button:hover {
background: #005a87;
}
.th-contact {
text-decoration: none;
color: var(--text-color);
}
.header-top .th-zone--right .th-phone {
display: inline-flex;
align-items: center;
gap: 10px;
color: #fff;
white-space: nowrap;
padding: 6px 14px;
border: 1px solid rgba(255, 255, 255, .45);
border-radius: 999px;
transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.header-top .th-zone--right .th-phone .th-phone-ico {
display: inline-flex;
padding-right: 10px;
border-right: 1px solid rgba(255, 255, 255, .28);
}
.header-top .th-zone--right .th-phone:hover .th-phone-ico,
.header-top .th-zone--right .th-phone:focus-visible .th-phone-ico {
border-right-color: rgb(47 85 82 / .18);
}
.header-top .th-zone--right .th-phone:hover,
.header-top .th-zone--right .th-phone:focus-visible {
background: #fff;
color: var(--vdp-groen);
border-color: #fff;
opacity: 1;
}
.header-top .th-zone--right .th-phone .th-phone-ico svg {
width: 15px;
height: 15px;
display: block;
}
.th-phone-txt {
display: inline-flex;
flex-direction: column;
row-gap: 2px;
line-height: 1;
}
.th-phone-eyebrow {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 9px;
font-weight: 600;
letter-spacing: .07em;
text-transform: uppercase;
opacity: .85;
}
.th-phone-eyebrow::before {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: #3ecf8e;
box-shadow: 0 0 0 0 rgba(62, 207, 142, .55);
animation: th-phone-pulse 2s infinite;
}
.th-phone-num {
font-size: 14px;
font-weight: 700;
letter-spacing: .01em;
text-decoration: underline;
text-underline-offset: 2px;
text-decoration-thickness: 1px;
}
@keyframes th-phone-pulse {
0% { box-shadow: 0 0 0 0 rgba(62, 207, 142, .55); }
70% { box-shadow: 0 0 0 6px rgba(62, 207, 142, 0); }
100% { box-shadow: 0 0 0 0 rgba(62, 207, 142, 0); }
}
@media (prefers-reduced-motion: reduce) {
.th-phone-eyebrow::before { animation: none; }
}
.skip-link {
position: absolute;
left: -9999px;
z-index: 999999;
padding: 8px 16px;
background: #000;
color: #fff;
text-decoration: none;
}
.skip-link:focus {
left: 6px;
top: 7px;
}
.sr-only {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
button:focus,
a:focus {
}
@media (max-width: 1023px) {
.header-top.desktop-only {
display: none;
}
}
@media (min-width: 1024px) {
.header-top.mobile-only {
display: none;
}
.header-top.position-absolute {
display: flex;
align-items: center;
}
.th-socials__item {
width: 32px;
height: 32px;
}
.th-socials__icon {
width: 20px;
}
}
.site-header {
position: fixed;
top: 0;
left: 0;
right: 0;
height: var(--header-height);
background: var(--header-bg);
z-index: 1000;
transition: var(--transition);
}
.site {
padding-top: var(--header-height);
}
body.has-top-header .site-header {
top: 40px;
}
body.has-top-header .site {
padding-top: 208px;
}
.site-header .inner {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.header-top.position-fixed {
transition: transform 0.3s ease;
}
.header-top.position-fixed.is-hidden {
transform: translateY(-100%);
}
body.has-fixed-top-header .site-header.is-hidden {
transform: translateY(calc(-100% - 40px));
}
.site-logo {
display: flex;
align-items: center;
text-decoration: none;
color: var(--text-color);
font-size: 24px;
font-weight: bold;
z-index: 10;
height: 48px;
}
.site-logo svg {
display: block;
height: 100%;
width: auto;
}
.site-logo img {
height: 50px;
width: auto;
display: block;
}
.desktop-navigation {
display: none;
}
.cta-btn {
display: inline-block;
padding: 12px 16px;
background: var(--btn-primary-bg);
text-decoration: none;
border-radius: 8px;
transition: var(--transition);
color: var(--font-light);
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: 150%;
min-height: 48px;
display: flex;
align-items: center;
align-content: center;
}
.cta-btn:hover {
background: var(--btn-primary-bg-hover);
}
.cta-btn:active {
background: var(--btn-primary-bg-active);
}
.header-cta-buttons.desktop-only {
display: none;
}
.cta-btn--secondary {
background: transparent !important;
color: var(--accent-color) !important;
border: 2px solid var(--accent-color);
}
.cta-btn--secondary:hover {
background: var(--accent-color) !important;
color: white !important;
}
.mobile-actions {
display: flex;
align-items: center;
gap: 8px;
}
.mobile-search-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
padding: 12px;
background: none;
border: none;
cursor: pointer;
}
.mobile-search-toggle .ms-ico { display: block; }
.mobile-menu-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
padding: 12px 24px;
background: var(--vdp-groen-licht);
border: 1px solid var(--vdp-groen-licht);
border-radius: 100px;
cursor: pointer;
position: relative;
z-index: 1100;
transition: background-color 0.15s ease;
}
.mobile-menu-toggle:hover { background: var(--vdp-groen-licht-hover); }
.mmt-text {
font-family: "new-atten" !important;
font-weight: 500;
font-size: 16px;
line-height: 1.6;
color: #fff;
}
.hamburger {
width: 22px;
height: 18px;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.hamburger span {
display: block;
width: 100%;
height: 2px;
background: #fff;
transition: var(--transition);
transform-origin: center;
}
.mobile-menu-toggle.is-active .hamburger span:nth-child(1) {
transform: translateY(8px) rotate(45deg);
}
.mobile-menu-toggle.is-active .hamburger span:nth-child(2) {
opacity: 0;
transform: scaleX(0);
}
.mobile-menu-toggle.is-active .hamburger span:nth-child(3) {
transform: translateY(-8px) rotate(-45deg);
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.site-header.is-scrolled {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.site-header.is-hidden {
transform: translateY(-100%);
}
@media (min-width: 1024px) {
.desktop-navigation {
display: block;
flex: 1;
margin: 0 40px;
}
.nav-menu {
display: flex;
list-style: none;
margin: 0;
padding: 0;
align-items: center;
gap: 30px;
}
.nav-menu li {
position: relative;
}
.nav-menu a {
color: var(--text-color);
text-decoration: none;
padding: 10px 0;
display: inline-block;
transition: var(--transition);
position: relative;
}
.nav-menu>li>a:hover::after,
.nav-menu>li.current-menu-item>a::after {
width: 100%;
}
.nav-menu .sub-menu {
position: absolute;
top: 100%;
left: 0;
background: white;
min-width: 220px;
list-style: none;
margin: 0;
padding: 10px 0;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.3s ease;
border-radius: 4px;
}
.nav-menu li:hover>.sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.sub-menu li {
padding: 0;
}
.sub-menu a {
padding: 10px 20px;
display: block;
color: var(--text-color);
transition: var(--transition);
}
.sub-menu a:hover {
background: #f5f5f5;
color: var(--accent-color);
}
.sub-menu .sub-menu {
left: 100%;
top: 0;
margin-left: 0;
}
.header-cta-buttons.desktop-only {
display: flex;
gap: 15px;
}
.mobile-actions {
display: none;
}
.nav-menu .mega-menu {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 100vw;
max-width: 1200px;
padding: 30px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 30px;
}
.top-header-list {
justify-content: flex-end;
}
}
.nav-menu .btn a,
.mobile-nav-menu .btn a {
background: var(--accent-color);
color: white !important;
padding: 10px 20px !important;
border-radius: 4px;
margin: 0 5px;
}
.nav-menu .btn a:hover {
background: #005a87;
}
@media (min-width: 1024px) {
.nav-menu {
justify-content: center;
}
.nav-menu .btn {
margin-left: auto;
}
.nav-menu .btn+.btn {
margin-left: 10px;
}
}
.mobile-nav-menu .btn {
border-top: 2px solid #e0e0e0;
margin-top: 20px;
padding-top: 20px;
}
@media (min-width:1024px) {
.desktop-navigation {
display: block;
flex: 1;
margin: 0 32px;
}
.nav-menu {
display: flex;
list-style: none;
margin: 0;
padding: 0;
align-items: center;
gap: 32px;
justify-content: flex-end;
}
.nav-menu>li {
position: relative;
}
.nav-menu>li>a {
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 6px;
position: relative;
color: #000;
font-family: "new-atten";
font-weight: 500;
white-space: nowrap;
}
.nav-menu>li>a:hover { color: var(--vdp-groen); }
.nav-menu>li>a:hover::after,
.nav-menu>li.current-menu-item>a::after {
width: 100%;
}
.nav-menu>li:not(.has-mega).menu-item-has-children:hover>a::before {
transform: rotateX(180deg);
top: 9px;
}
.nav-menu>li:not(.has-mega)>.sub-menu {
position: absolute;
top: 100%;
left: 0;
min-width: 220px;
margin: 0;
padding: 10px 0;
list-style: none;
border-radius: 4px;
background: #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all .3s ease;
}
.nav-menu>li:not(.has-mega):hover>.sub-menu,
.nav-menu>li:not(.has-mega):focus-within>.sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.nav-menu>li:not(.has-mega)>.sub-menu li {
position: relative;
}
.nav-menu>li:not(.has-mega)>.sub-menu a {
display: block;
padding: 10px 20px;
color: var(--text-color);
text-decoration: none;
transition: var(--transition);
}
.nav-menu>li:not(.has-mega)>.sub-menu a:hover {
background: #f5f5f5;
color: var(--accent-color);
}
.nav-menu>li:not(.has-mega)>.sub-menu .sub-menu {
position: absolute;
top: 0;
left: 100%;
margin: 0;
padding: 10px 0;
min-width: 220px;
background: #fff;
border-radius: 4px;
box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all .3s ease;
}
.nav-menu>li:not(.has-mega)>.sub-menu li:hover>.sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.nav-menu>li.has-mega {
position: unset;
}
.nav-menu>li.has-mega>.mega-menu__inner {
position: absolute;
left: 0;
top: calc(100% - 14px);
width: 100%;
max-width: unset;
padding: 24px;
background: #fff;
opacity: 0;
visibility: hidden;
transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
z-index: 1000;
pointer-events: none;
}
.nav-menu>li.has-mega>.mega-menu__inner::before{
content: "";
width: 200vw;
background-color: white;
position: absolute;
left: -100%;
box-shadow: 0px 20px 15px rgb(0 0 0 / 10%);
height: 100%;
top: 0;
transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
}
.nav-menu>li.has-mega:hover>.mega-menu__inner,
.nav-menu>li.has-mega.is-hovering>.mega-menu__inner,
.nav-menu>li.has-mega:focus-within>.mega-menu__inner {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.nav-menu>li.has-mega>.mega-menu__inner>.mega-menu {
display: grid;
gap: 24px;
list-style: none;
margin: 0;
padding: 0;
}
.mega-menu[data-mega-cols="2"] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mega-menu[data-mega-cols="3"] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.mega-menu[data-mega-cols="4"] {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.mega-menu[data-mega-cols="5"] {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.mega-col__header {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 8px;
}
.mega-col__icon {
width: 24px;
height: 24px;
object-fit: contain;
}
.mega-col__title {
font-weight: 700;
margin: 0 0 6px 0;
}
.mega-col__desc {
font-size: 14px;
color: #666;
margin-top: 4px;
}
.mega-col__header a {
text-decoration: none;
padding: 0;
}
.nav-menu>li.has-mega>.mega-menu__inner>.mega-menu,
.nav-menu>li.has-mega .mega-menu .sub-menu {
position: static;
opacity: 1;
visibility: visible;
transform: none;
box-shadow: none;
background: transparent;
margin: 0;
padding: 0;
}
.nav-menu>li.has-mega .mega-menu .sub-menu>li>a {
display: block;
padding: 8px 0;
color: var(--text-color);
text-decoration: none;
}
.nav-menu>li.has-mega .mega-menu .sub-menu>li>a:hover {
color: var(--accent-color);
}
.mega-col__custom :where(p, ul, ol) {
margin: 0 0 10px 0;
}
@media (min-width:1024px) {
a.mega-col__title {
font-weight: 700;
margin: 0 0 6px 0;
display: inline-block;
color: var(--text-color);
text-decoration: none;
}
a.mega-col__title:hover {
color: var(--accent-color);
}
}
}
.header-top .th-reviews { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.header-top .th-reviews-link { text-decoration:none; display:inline-flex; align-items:center; }
.header-top .th-rev-stars { display:inline-flex; align-items:center; gap:0; }
.header-top .th-rev-star {
width:19px; height:19px; display:block; flex:0 0 19px; background:rgba(255,255,255,.35);
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E") no-repeat center/contain;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.header-top .th-rev-star.is-full { background:#fbbc05; }
.header-top .th-rev-meta { display:inline-flex; align-items:center; gap:8px; }
.header-top .th-rev-score, .header-top .th-rev-count { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:#fff; white-space:nowrap; }
.header-top .th-rev-sep { width:1px; height:14px; background:rgba(255,255,255,.45); display:inline-block; }
.th-zone:empty { display:none; }
@media (max-width: 1023px) {
.header-top:has(.th-reviews) .th-grid { display:flex; justify-content:center; align-items:center; }
.header-top:has(.th-reviews) .th-zone { justify-self:auto; }
.header-top .th-zone--right { display:none; }
}
@media (min-width: 1024px) {
.header-top .th-zone--right { gap:8px; }
.header-top .th-zone--right .th-btns { gap:8px; }
.header-top .th-zone--right .th-btn,
.th-vest-toggle,
.th-lang-toggle {
display:inline-flex; align-items:center; gap:8px; white-space:nowrap;
padding:4px 16px; border:0; border-radius:100px; background:transparent;
color:#fff; font-family:"new-atten"; font-weight:500; font-size:16px; line-height:1.5;
cursor:pointer; transition:background .15s ease;
}
.header-top .th-zone--right .th-btn:hover,
.th-vest-toggle:hover,
.th-lang-toggle:hover { background:rgba(255,255,255,.12); color:#fff; }
.th-chev { width:16px; height:16px; display:inline-flex; transition:transform .2s ease; }
.th-chev svg { width:16px; height:16px; display:block; }
.th-lang-globe { width:20px; height:20px; display:inline-flex; }
.th-lang-globe svg { width:20px; height:20px; display:block; }
.th-vestiging-dd { position:relative; display:inline-flex; }
.th-vestiging-dd::after { content:""; position:absolute; top:100%; left:0; right:0; height:16px; }
.th-vestiging-dd.is-open .th-vest-toggle .th-chev,
.th-vestiging-dd:hover .th-vest-toggle .th-chev { transform:rotate(180deg); }
.th-vest-panel {
position:absolute; top:calc(100% + 12px); right:0; min-width:290px;
background:#fff; border-radius:14px; box-shadow:0 18px 44px rgb(47 85 82 / .20);
padding:8px; opacity:0; visibility:hidden; transform:translateY(-6px);
transition:opacity .18s ease, transform .18s ease, visibility .18s; z-index:1100;
}
.th-vestiging-dd.is-open .th-vest-panel,
.th-vestiging-dd:hover .th-vest-panel,
.th-vestiging-dd:focus-within .th-vest-panel { opacity:1; visibility:visible; transform:translateY(0); }
.th-vest-panel::before {
content:""; position:absolute; top:-7px; right:24px; width:14px; height:14px;
background:#fff; transform:rotate(45deg); border-radius:3px;
}
.th-vest-item { display:flex; flex-direction:column; gap:1px; padding:10px 14px; border-radius:10px; text-decoration:none; }
.th-vest-item:hover { background:var(--vdp-glas); }
.th-vest-name { font-family:"new-atten"; font-weight:600; font-size:15px; color:var(--vdp-groen); line-height:1.3; }
.th-vest-sub { font-family:"new-atten"; font-size:13px; color:#6b7689; line-height:1.3; }
}
@media (min-width:1024px) {
.nav-menu>li>a .nav-chevron { display:inline-flex; width:20px; height:20px; flex:0 0 20px; transition:transform .2s ease; }
.nav-menu>li>a .nav-chevron svg { width:20px; height:20px; display:block; }
.nav-menu>li.menu-item-has-children:hover>a .nav-chevron,
.nav-menu>li.menu-item-has-children.is-hovering>a .nav-chevron,
.nav-menu>li.menu-item-has-children:focus-within>a .nav-chevron { transform:rotate(180deg); }
.header-cta-buttons.desktop-only { display:flex; align-items:center; gap:16px; }
.nav-search-toggle {
display:inline-flex; align-items:center; gap:12px; cursor:pointer;
border:0; background:transparent; padding:12px 16px; border-radius:100px;
color:#000; font-family:"new-atten"; font-weight:500; font-size:16px; line-height:1.6;
transition:background .15s ease;
}
.nav-search-toggle:hover { background:#f1f3f6; }
.nav-search-toggle .nav-search-ico { display:inline-flex; width:24px; height:24px; flex:0 0 24px; }
.nav-search-toggle .nav-search-ico svg { width:24px; height:24px; display:block; }
.header-cta-col { display:flex; flex-direction:column; align-items:center; gap:10px; }
.header-cta-col .cta-btn {
border-radius:100px; padding:12px 24px; gap:12px; min-height:0;
font-family:"new-atten"; font-weight:500; font-size:16px; line-height:1.6;
}
.header-cta-col .cta-btn::after {
content:""; width:24px; height:24px; flex:0 0 24px; background:currentColor;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E%3C/svg%3E") no-repeat center/contain;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.cta-noodnummer { font-family:"new-atten"; font-weight:400; font-size:12px; line-height:1.6; color:#000; white-space:nowrap; text-align:center; }
body .site-header { height:auto; padding:16px 0; }
body .site-header .inner {
max-width:1640px !important;
display:grid; grid-template-columns:1fr auto 1fr; align-items:center;
}
.header-top .inner { max-width:1640px !important; }
.site-header .site-logo { justify-self:start; }
.site-header .desktop-navigation { justify-self:center; flex:none; margin:0; }
.site-header .nav-menu { justify-content:center; }
.site-header .header-cta-buttons.desktop-only { justify-self:end; }
body .site-logo { height:112px; }
body .site-logo svg, body .site-logo img { height:112px; width:auto; }
#primary-menu>li>a { padding-top:0; padding-bottom:0; }
}
@media (min-width:1024px) and (max-width:1239px) {
.header-cta-col { display:none; }
}
@media (min-width:1024px) {
.nav-menu>li.mega-hc-item>.sub-menu { display:none !important; }
.nav-menu>li.has-mega>.mega-menu__inner.mega-hc {
left:50%; right:auto; top:calc(100% + 24px);
transform:translateX(-50%);
width:calc(100vw - 64px); max-width:1640px;
padding:0; background:transparent;
}
.mega-hc::before { display:none !important; }
.nav-menu>li.mega-hc-item>a::after {
content:""; position:absolute; top:100%; left:0;
width:100%; height:100px; pointer-events:auto;
}
.mega-hc__panel {
display:flex; align-items:stretch;
background:#fff; border-radius:30px;
box-shadow:0 30px 60px rgb(47 85 82 / .14);
overflow:hidden;
}
.mega-hc__cols {
flex:1 1 auto; display:grid; grid-template-columns:1fr 1fr; gap:20px;
padding:40px 40px 40px 64px;
}
.mega-hc__heading { margin:0 0 8px; font-family:"new-atten"; font-weight:400; font-size:14px; line-height:1.6; color:#201d1d; }
.mega-hc__list { list-style:none; margin:0; padding:0; }
.mega-hc__list li { padding:0; }
.mega-hc__list a { display:inline-flex; flex-direction:column; gap:4px; text-decoration:none; align-items:flex-start; }
.mhc-title { font-family:"new-atten"; font-weight:500; font-size:16px; line-height:1.6; color:#000; box-shadow:inset 0 0 0 currentColor; transition:box-shadow .15s ease, color .15s ease; }
.mega-hc__list a:hover .mhc-title { color:var(--vdp-groen); box-shadow:inset 0 -1px 0 var(--vdp-groen); }
.mhc-desc { font-family:"new-atten"; font-weight:400; font-size:14px; line-height:1.6; color:#201d1d; opacity:.6; }
.mega-hc__aside { flex:0 0 463px; display:flex; padding:24px; }
.mhc-card {
flex:0 0 auto; align-self:flex-start; height:fit-content;
display:flex; flex-direction:column; gap:24px; width:100%;
background:var(--vdp-mos); border:1px solid rgb(47 85 82 / .2); border-radius:30px; padding:32px;
}
.mhc-card-img { height:198px; border-radius:30px; overflow:hidden; }
.mhc-card-img img { width:100%; height:100%; object-fit:cover; display:block; }
.mhc-card-body { display:flex; flex-direction:column; gap:24px; }
.mhc-card-text { display:flex; flex-direction:column; gap:8px; text-align:center; }
.mhc-card-title { margin:0; font-family:"new-atten"; font-weight:700; font-size:18px; line-height:1.6; color:#201d1d; }
.mhc-card-sub { margin:0; font-family:"new-atten"; font-weight:400; font-size:14px; line-height:1.6; color:var(--vdp-groen); }
.mhc-card-cta { display:flex; flex-direction:column; align-items:center; gap:10px; }
.mega-hc .mhc-card-btn { width:100%; }
.mhc-card-nood { font-family:"new-atten"; font-weight:400; font-size:14px; line-height:1.6; color:var(--vdp-groen); text-align:center; }
.mega-hc--media .mega-hc__cols--1 { grid-template-columns:1fr; }
.mega-hc--media .mega-hc__cols--1 .mega-hc__list { columns:2; column-gap:20px; }
.mega-hc--media .mega-hc__cols--1 .mega-hc__list li { break-inside:avoid; -webkit-column-break-inside:avoid; padding-bottom:8px; }
.mega-hc--media .mega-hc__cols--3 { grid-template-columns:repeat(3, minmax(0,1fr)); }
.mega-hc__media { position:relative; flex:0 0 527px; align-self:stretch; padding:24px; min-height:357px; }
.mega-hc__img {
position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
width:479px; height:309px; max-width:calc(100% - 48px); max-height:calc(100% - 48px);
object-fit:cover; border-radius:30px;
opacity:0; visibility:hidden; transition:opacity .2s ease;
}
.mega-hc__img.is-active { opacity:1; visibility:visible; }
}
.mobile-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
pointer-events: none;
transition: opacity 0.3s ease;
opacity: 0;
}
.mobile-menu.is-active {
pointer-events: auto;
opacity: 1;
}
.mobile-menu-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: opacity 0.3s ease;
}
.mobile-menu.is-active .mobile-menu-overlay {
opacity: 1;
}
.mobile-menu-content {
position: absolute;
top: 0;
right: 0;
width: 85%;
max-width: 400px;
height: 100%;
background: white;
transform: translateX(100%);
transition: transform 0.3s ease;
overflow-y: auto;
padding: calc(var(--header-height) + var(--header-top-height)) 0 30px;
box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1);
}
.mobile-menu.is-active .mobile-menu-content {
transform: translateX(0);
}
.mobile-menu-content.slide-from-top {
top: var(--header-height);
right: 0;
left: 0;
width: 100%;
max-width: none;
height: auto;
max-height: calc(100vh - var(--header-height));
transform: translateY(-100%);
}
.mobile-menu.is-active .mobile-menu-content.slide-from-top {
transform: translateY(0);
}
.mobile-cta-buttons {
padding: 20px;
border-top: 1px solid #e0e0e0;
display: flex;
flex-direction: column;
gap: 10px;
}
.mobile-cta {
width: 100%;
text-align: center;
}
.mobile-nav-menu {
list-style: none;
margin: 0;
padding: 20px 0;
}
.mobile-nav-menu li {
border-bottom: 1px solid #e0e0e0;
}
.mobile-nav-menu a {
display: block;
padding: 15px 20px;
color: var(--text-color);
text-decoration: none;
font-size: 16px;
transition: var(--transition);
position: relative;
}
.mobile-nav-menu a:active {
background: #f5f5f5;
}
.mobile-nav-menu .current-menu-item > a {
color: var(--accent-color);
font-weight: 600;
}
.mobile-nav-menu .current-menu-item > a::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 3px;
height: 20px;
background: var(--accent-color);
}
.mobile-nav-menu .menu-item-has-children {
position: relative;
}
.submenu-toggle {
position: absolute;
right: 0;
top: 4px;
width: 50px;
height: 50px;
background: none;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.submenu-toggle.is-open::after {
transform: rotateX(180deg);
top: 14px;
}
.mobile-nav-menu .sub-menu {
display: none;
list-style: none;
margin: 0;
padding: 0;
background: #f9f9f9;
}
.mobile-nav-menu .sub-menu.is-open {
display: block;
animation: slideDown 0.3s ease;
}
@keyframes slideDown {
from {
opacity: 0;
max-height: 0;
}
to {
opacity: 1;
max-height: 500px;
}
}
.mobile-nav-menu .sub-menu li {
border-bottom: 1px solid #e0e0e0;
}
.mobile-nav-menu .sub-menu a {
padding-left: 40px;
font-size: 15px;
}
.mobile-nav-menu .sub-menu .sub-menu {
background: #f0f0f0;
}
.mobile-nav-menu .sub-menu .sub-menu a {
padding-left: 60px;
font-size: 14px;
}
.mobile-cta {
display: block;
text-align: center;
padding: 15px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 4px;
font-weight: 600;
}
body.menu-open {
overflow: hidden;
width: 100%;
}
.mobile-menu[aria-hidden="true"] {
visibility: hidden;
}
.mobile-menu[aria-hidden="false"] {
visibility: visible;
}
.mobile-nav-menu a:focus,
.submenu-toggle:focus {
outline: 2px solid var(--accent-color);
outline-offset: 2px;
}
.mobile-nav-menu li {
opacity: 0;
transform: translateX(20px);
animation: fadeInRight 0.3s ease forwards;
}
.mobile-menu.is-active .mobile-nav-menu li {
animation-delay: calc(var(--item-index, 0) * 0.05s);
}
@keyframes fadeInRight {
to {
opacity: 1;
transform: translateX(0);
}
}
.mobile-nav-menu li:nth-child(1) { --item-index: 1; }
.mobile-nav-menu li:nth-child(2) { --item-index: 2; }
.mobile-nav-menu li:nth-child(3) { --item-index: 3; }
.mobile-nav-menu li:nth-child(4) { --item-index: 4; }
.mobile-nav-menu li:nth-child(5) { --item-index: 5; }
.mobile-nav-menu li:nth-child(6) { --item-index: 6; }
.mobile-nav-menu li:nth-child(7) { --item-index: 7; }
.mobile-nav-menu li:nth-child(8) { --item-index: 8; }
@media (min-width: 1024px) {
.mobile-menu {
display: none !important;
}
body.menu-open {
overflow: auto;
position: static;
}
}
.footer-above{
margin-bottom: 60px;
}
.footer-above .flexbox-wrapper.content-left-right{
flex-direction: column;
gap: 40px;
padding: 32px;
background-color: var(--surface);
position: relative;
}
.footer-above .contentbox>*:not(:last-child){
margin-bottom: 24px;
}
.footer-above .inner>div>div>a:first-of-type{
margin-top: 40px;
margin-right: 16px;
display: inline-block;
}
.footer-above .inner>div>div>a:nth-of-type(2){
margin-top: 16px;
display: inline-block;
}
.footer-above .content-left-right-blocks{
flex-direction: column;
gap: 40px;
}
.footer-above .content-left-right-blocks>div, .footer-above .flexbox-wrapper.content-image>div{
padding: 32px;
background-color: var(--surface);
}
.footer-above .flexbox-wrapper.content-image>span{
width: 100%;
height: 280px;
background-size: cover;
background-position: center;
}
.footer-above .flexbox-wrapper.content-image>span img {
height: 100%;
object-fit: cover;
}
@media (min-width:768px) {
.footer-above .flexbox-wrapper.content-left-right, .footer-above .content-left-right-blocks{
flex-direction: row;
gap: unset;
justify-content: space-between;
}
.footer-above .flexbox-wrapper.content-left-right>div, .footer-above .content-left-right-blocks>div{
flex-basis: 48%;
}
.footer-above .flexbox-wrapper.content-image>div, .footer-above .flexbox-wrapper.content-image>span{
flex-basis: 50%;
height: unset;
}
}
.footer {
padding: var(--small-padding);
background-color: white;
padding-bottom: 0;
}
.footer a.site-logo {
display: block;
}
.footer .flexbox-wrapper {
padding-bottom: 40px;
border-bottom: 1px solid black;
}
.footer .flexbox-wrapper>div:first-of-type span.logo {
width: 259.283px;
height: 64px;
margin-bottom: 20px;
background-size: cover;
}
.footer .flexbox-wrapper>div:first-of-type .social{
width: 40px;
height: 40px;
transition: 0.3s;
position: relative;
display: inline-block;
margin-right: 4px;
&:hover{
opacity: 0.5;
}
}
.footer .flexbox-wrapper>div:first-of-type .social a{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.footer .flexbox-wrapper>div:first-of-type .social a img {
max-width: 20px;
}
.footer .flexbox-wrapper>div:first-of-type p {
}
.footer .company-meta-information > p {
flex-basis: 100%;
width: 100%;
}
.footer .company-meta-information {
flex-basis: 100%;
width: 100%;
display: flex
;
flex-wrap: wrap;
gap: 32px;
}
.footer .flexbox-wrapper>div:not(:first-of-type) {
margin-top: 40px;
flex-basis: 100%;
}
.footer .flexbox-wrapper>div:not(:first-of-type) p:first-of-type {
font-size: 1rem;
margin-bottom: 16px;
font-weight: 700;
color: black;
}
.footer .flexbox-wrapper>div:not(:first-of-type) * {
font-size: 1rem;
margin-bottom: 8px;
display: block;
color: var(--link-primary);
font-weight: 400;
}
.footer .flexbox-wrapper>div:not(:first-of-type)>*:last-child {
margin-bottom: 0;
}
.footer .flexbox-wrapper>div:not(:first-of-type) a {
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
@media (min-width:768px) and (max-width:1023px) {
.footer .flexbox-wrapper {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
align-items: start;
column-gap: 32px;
row-gap: 32px;
}
.footer .flexbox-wrapper>div,
.footer .flexbox-wrapper>div:not(:first-of-type) {
flex-basis: auto !important;
margin-top: 0;
}
}
@media (min-width:768px) {
.footer .flexbox-wrapper {
justify-content: space-between;
}
.footer .flexbox-wrapper>div {
flex-basis: 48% !important;
}
.footer .flexbox-wrapper>div:last-of-type p:nth-child(2) {
max-width: 200px;
}
.footer .flexbox-wrapper>div:nth-child(2) {
display: block;
margin-top: 0;
}
}
@media (min-width:1024px) {
.footer {
padding: var(--medium-padding);
padding-bottom: 0;
}
footer .th-socials__item svg {
width: 24px;
}
footer .th-socials {
gap: 8px;
}
footer .th-socials__item {
width: 48px;
height: 48px;
}
.footer .flexbox-wrapper{
padding-bottom: 64px;
align-items: flex-start;
}
.footer .flexbox-wrapper>div {
flex-basis: fit-content !important;
max-width: 24%;
margin-top: 0 !important;
}
.footer .flexbox-wrapper>div:first-of-type span.logo {
width: 259.283px;
height: 64px;
}
}
.footer-under {
padding: var(--small-padding);
}
.footer-under .flexbox-wrapper * {
color: var(--font-dark);
line-height: 100%;
font-weight: 400;
}
.footer-under .flexbox-wrapper {
flex-direction: column;
gap: 8px;
}
.footer-under .flexbox-wrapper>div a:hover{
text-decoration: underline;
}
.footer-under .flexbox-wrapper>div:first-of-type p {
display: inline-block;
line-height: 100%;
font-size: 1rem;
}
.footer-under .flexbox-wrapper a {
color: var(--link-primary);
text-decoration: underline;
}
.footer-under .flexbox-wrapper a:hover {
text-decoration: none;
}
.footer-under .flexbox-wrapper>div a:hover {
text-decoration: none;
}
.footer-under .flexbox-wrapper>div:nth-of-type(2) * {
display: inline-block;
line-height: 100%;
font-size: 1rem;
}
.footer-under .flexbox-wrapper>div:nth-of-type(3) span {
height: 46px;
flex-basis: 75px;
}
.footer-under .flexbox-wrapper>div:nth-of-type(3) {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 8px;
height: 46px;
}
@media (min-width:768px) {
.footer-under .flexbox-wrapper {
flex-direction: row;
justify-content: space-between;
}
.footer-under .flexbox-wrapper>div {
flex-basis: fit-content;
}
}
@media (min-width:1024px) {
.footer-under {
padding: var(--medium-padding);
padding-top: 64px;
}
.footer-under .flexbox-wrapper>div:nth-of-type(2) > :last-child {
margin-left: auto;
}
.footer-under .flexbox-wrapper>div:nth-of-type(2) {
flex-grow: 2;
display: flex
;
gap: 16px;
}
}
.site-footer {
background-color: var(--vdp-groen);
color: var(--vdp-offwhite);
}
.footer,
.footer-under {
background-color: transparent;
}
.footer .flexbox-wrapper {
border-bottom-color: rgb(255 255 255 / 20%);
}
.footer .flexbox-wrapper > div:not(:first-of-type) p:first-of-type {
color: var(--vdp-wit);
}
.footer .flexbox-wrapper > div:not(:first-of-type) * {
color: var(--vdp-offwhite);
}
.footer .company-info p,
.footer .company-info a,
.footer .company-meta-information p,
.footer .company-meta-information a {
color: var(--vdp-offwhite);
}
.footer-under .flexbox-wrapper * {
color: rgb(255 255 255 / 70%);
}
.footer-under .flexbox-wrapper a {
color: var(--vdp-wit);
}
.footer-under .flexbox-wrapper a:hover {
color: var(--vdp-wit);
}
.footer .flexbox-wrapper > div:first-of-type .social {
border: 1px solid rgb(255 255 255 / 30%);
border-radius: 50%;
}
.footer .flexbox-wrapper > div:first-of-type .social a img {
filter: brightness(0) invert(1);
}
.footer .site-logo__img,
.footer .site-logo__svg {
width: 240px;
max-width: 100%;
height: auto;
}
.footer-above .flexbox-wrapper.content-left-right,
.footer-above .content-left-right-blocks > div,
.footer-above .flexbox-wrapper.content-image > div {
border-radius: var(--radius-card);
color: var(--font-dark);
}
[data-lazy] {
opacity: 0;
transition: opacity 0.3s;
}
[data-lazy].is-loaded {
opacity: 1;
}
[data-animate] {
opacity: 0;
transform: translateY(30px);
transition: all 0.6s ease;
}
[data-animate].is-animated {
opacity: 1;
transform: translateY(0);
}
.accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.accordion-item.is-active .accordion-content {
}
.accordion-header {
cursor: pointer;
}
.accordion-item.is-active .accordion-header {
}
.tab-panel { display: none; }
.tab-panel.is-active { display: block; }
.tab-link.is-active {
background: #007cba;
color: white;
}
.modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
.modal.is-active {
display: flex;
align-items: center;
justify-content: center;
}
.modal-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}
.modal-content {
position: relative;
background: white;
padding: 30px;
max-width: 600px;
width: 90%;
z-index: 1;
}
body.modal-open {
overflow: hidden;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.video-thumbnail {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
cursor: pointer;
}
.video-play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
[data-parallax] {
position: relative;
overflow: hidden;
height: 100vh;
}
[data-parallax] img {
position: absolute;
top: -20%;
left: 0;
width: 100%;
height: 120%;
object-fit: cover;
}
section.header-layer {
position: relative;
padding: var(--small-padding);
}
@media (min-width:768px) {
section.header-layer {
padding: var(--medium-padding);
}
}
@media (min-width:1180px) {
section.header-layer {
padding: var(--large-padding);
}
}
.text-align-left {
text-align: left;
}
.text-align-center {
text-align: center;
}
.text-align-right {
text-align: right;
}
.text-align-left * {
text-align: left;
}
.text-align-right * {
text-align: right;
}
.box-width-small {
max-width: 500px;
}
.box-width-medium {
max-width: 800px;
}
.box-width-large {
max-width: 1200px;
}
.header-layer .content-box :is(h1, h2, h3, h4, h5, h6) {
margin-bottom: 16px;
display: block;
}
.header-layer .text-box {
margin: 16px 0;
}
.text-box * {
margin: 16px 0;
}
.text-box > :first-child {
margin-top: 0;
}
.text-box > :last-child {
margin-bottom: 0;
}
ul.bullets {
margin: 16px 0 16px 16px;
}
.text-align-center ul.bullets,
.text-align-right ul.bullets {
list-style-type: none;
margin-left: 0;
}
.buttons-box {
display: flex;
flex-wrap: wrap;
gap: 24px;
align-items: flex-start;
}
.text-align-center .buttons-box {
justify-content: center;
}
.text-align-right .buttons-box {
justify-content: flex-end;
}
section.header-layer.with-image span.mobile-header {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
section.header-layer.with-image span.desktop-header.placement-center {
background-position: center center !important;
}
section.header-layer.with-image span.desktop-header.placement-top {
background-position: center top !important;
}
section.header-layer.with-image span.desktop-header.placement-bottom {
background-position: center bottom !important;
}
@media (min-width: 1024px) {
section.header-layer.with-image span.desktop-header {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
section.header-layer.with-image span.mobile-header {
display: none;
}
}
.section {
position: relative;
}
.section__inner {
max-width: var(--container-max);
margin-inline: auto;
padding-inline: var(--container-gutter);
}
.section--full .section__inner {
max-width: none;
}
.section--pt-geen { padding-top: 0; }
.section--pt-klein { padding-top: var(--space-klein); }
.section--pt-normaal { padding-top: var(--space-normaal); }
.section--pt-groot { padding-top: var(--space-groot); }
.section--pt-xl { padding-top: var(--space-xl); }
.section--pb-geen { padding-bottom: 0; }
.section--pb-klein { padding-bottom: var(--space-klein); }
.section--pb-normaal { padding-bottom: var(--space-normaal); }
.section--pb-groot { padding-bottom: var(--space-groot); }
.section--pb-xl { padding-bottom: var(--space-xl); }
.section--text-licht { color: var(--font-light); }
.section--text-donker { color: var(--font-dark); }
.section__title {
margin: 0 0 0.5em;
}
.section__text {
margin: 0 0 1.5em;
}
.section__text :where(p, ul, ol) {
margin: 0 0 1em;
}
.section__text > :last-child {
margin-bottom: 0;
}
.section__buttons {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.btn,
.gform_wrapper .gform_footer input[type="submit"] {
display: inline-flex;
gap: 12px;
align-items: center;
justify-content: center;
padding: 12px 24px;
border: 1px solid var(--btn-primary-bg);
border-radius: var(--btn-radius);
font-family: var(--font-body);
font-weight: 500;
font-size: 1rem;
line-height: 1.6;
text-decoration: none;
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.btn--primary,
.gform_wrapper .gform_footer input[type="submit"] {
background-color: var(--btn-primary-bg);
color: #fff;
}
.btn--primary:hover,
.gform_wrapper .gform_footer input[type="submit"]:hover {
background-color: var(--btn-primary-bg-hover);
border-color: var(--btn-primary-bg-hover);
}
.btn--secondary {
background-color: transparent;
color: var(--color-secondary);
border-color: var(--color-secondary);
}
.btn--secondary:hover {
background-color: var(--color-secondary);
color: #fff;
}
.hero {
position: relative;
display: flex;
overflow: hidden;
padding: var(--space-groot) 0;
}
.hero__bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
z-index: 0;
}
.hero__video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.hero--overlay-donker .hero__bg::after,
.hero--overlay-licht .hero__bg::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.hero--overlay-donker .hero__bg::after { background: rgba(29, 29, 31, 0.55); }
.hero--overlay-licht .hero__bg::after { background: rgba(255, 255, 255, 0.5); }
.hero__inner {
position: relative;
z-index: 1;
width: 100%;
max-width: var(--container-max);
margin-inline: auto;
padding-inline: var(--container-gutter);
}
.hero--h-medium { min-height: 42vh; align-items: center; }
.hero--h-large { min-height: 62vh; align-items: center; }
.hero--h-fullscreen { min-height: 100vh; align-items: center; }
.hero--h-auto { align-items: flex-start; }
.hero--text-licht { color: var(--font-light); }
.hero--text-donker { color: var(--font-dark); }
.hero--align-midden { text-align: center; }
.hero--align-midden .hero__inner { max-width: 820px; }
.hero--align-midden .hero__buttons { justify-content: center; }
.hero__title {
margin: 0 0 0.4em;
font-size: clamp(2rem, 5vw, 3.5rem);
line-height: 1.05;
}
.hero__text {
max-width: 620px;
margin: 0 0 1.5em;
font-size: 1.125rem;
}
.hero--align-midden .hero__text { margin-inline: auto; }
.hero__buttons {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
html.lenis {
height: auto;
}
.lenis.lenis-smooth {
scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: hidden;
}
.lenis.lenis-scrolling iframe {
pointer-events: none;
}
html {
scroll-behavior: auto !important;
}
body {
overflow-x: hidden;
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img, video, iframe {
will-change: transform;
transform: translateZ(0);
}
html.is-animating .transition-fade {
opacity: 0;
}
.transition-fade {
transition: opacity 0.4s ease-in-out;
opacity: 1;
}
html.is-animating::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, #007bff 0%, #00d4ff 100%);
z-index: 9999;
animation: loading 1s ease-in-out;
}
@keyframes loading {
0% { transform: translateX(-100%); }
100% { transform: translateX(100%); }
}
#page-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ffffff;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
transition: opacity 0.4s ease;
}
#page-loader.fade-out {
opacity: 0;
pointer-events: none;
}
.spinner {
width: 50px;
height: 50px;
border: 4px solid #f3f3f3;
border-top: 4px solid #333;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
#page {
opacity: 1;
transition: opacity 0.3s ease;
}
#page.loaded {
opacity: 1;
}
#main {
transition: opacity 0.3s ease;
}
#page-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ffffff;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
transition: opacity 0.25s ease;
}
#page-loader.fade-out {
opacity: 0;
pointer-events: none;
}
.loader-image {
width: 180px;
height: 80px;
animation: pulse 1.5s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0.7;
transform: scale(1.1);
}
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.loader-image.spin {
animation: spin 1s linear infinite;
}
body {
overflow-x: initial !important;
overflow-y: initial !important;
}
.inner {
max-width: 1836px;
}
.site {
padding-top: 115px;
}
.site-header {
height: auto;
padding: 24px 0px;
}
.site-header.is-hidden {
transform: initial !important;
}
.site-logo {
height: 67px;
}
.mobile-menu-content {
width: 100%;
max-width: 100vw;
}
.mobile-nav-menu .current-menu-item > a {
color: var(--text-color);
font-weight: 400;
}
.mobile-nav-menu .current-menu-item > a::before {
position: relative;
top: initial;
transform: initial;
}
.mobile-nav-menu > li > a, .mobile-nav-menu div > li > a{
color: var(--Dark-Blue---KBK, var(--font-dark));
font-size: 20px;
padding: 24px 40px;
}
.mobile-nav-menu li {
border-bottom: 1px solid var(--vdp-offwhite);
}
.mobile-nav-menu a:active {
background: initial;
}
.mobile-nav-menu a:focus, .submenu-toggle:focus {
outline: initial;
outline-offset: initial;
}
button.submenu-toggle {
width: 24px;
height: 24px;
background: url(../assets/icons/arrow-right.svg) no-repeat;
background-position: center center;
top: 26px;
right: 40px;
padding: 0;
}
.mobile-nav-menu ul.sub-menu {
background: var(--Grey---KBK, var(--vdp-offwhite));
width: calc(100% - 48px);
margin: 0 auto;
}
.mobile-nav-menu ul.sub-menu li a {
font-size: 16px;
padding: 16px;
padding-left: 16px;
display: flex;
align-items: center;
gap: 8px;
}
.mobile-nav-menu ul.sub-menu li a:before {
content: '';
display: block;
width: 24px;
height: 24px;
background: url(../assets/icons/arrow-right.svg) no-repeat;
background-position: center center;
}
.menu-open header#masthead {
border-bottom: 0;
box-shadow: none;
}
.mobile-nav-menu {
padding-top: 0;
}
.mobile-cta-buttons {
padding: 24px;
border-top: 0;
}
.mobile-nav-menu li:last-of-type {
border-bottom: 0;
}
.mobile-cta-buttons li.sf-field-search:before {
top: 50%;
transform: translateY(-50%);
}
.mobile-cta-buttons li.sf-field-search input {
height: 64px;
}
section.header-layer.with-image > span {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.header-layer .content-box.text-align-center h1 {
margin-left: auto;
margin-right: auto;
}
.header-layer .content-box.color-light .text-box * {
color: var(--font-light);
}
.content-box.tag:before {
opacity: 0;
pointer-events: none;
}
.diensten-scroll-box .dienst-item a * {
color: white;
}
.diensten-scroll-box .dienst-item a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}
.diensten-scroll-box {
display: flex;
flex-wrap: wrap;
gap: 48px;
position: relative;
}
.dienst-item.Verduurzamen:after {
content: '';
position: absolute;
width: 100%;
height: 24px;
bottom: 0;
visibility: visible;
background: linear-gradient(90deg, var(--vdp-groen) 0%, #4BAE50 81.17%);
}
.dienst-item.Onderhouden:after {
content: '';
position: absolute;
width: 100%;
height: 24px;
visibility: visible;
bottom: 0;
background: linear-gradient(90deg, var(--vdp-groen) 0%, #C69033 81.17%);
}
.dienst-item.Bouwen:after {
content: '';
position: absolute;
width: 100%;
height: 24px;
background: linear-gradient(90deg, var(--vdp-groen) 0%, #1899D6 81.17%);
visibility: visible;
bottom: 0;
}
.diensten-scroll-box .dienst-item {
position: sticky;
display: block;
width: 100%;
height: 278px;
overflow: hidden;
top: 185px;
}
.site-header{
width: 100%;
}
.diensten-scroll-box .dienst-item a .title-element {
margin-bottom: 0;
}
.diensten-scroll-box .dienst-item a .title-element {
padding-left: 24px;
}
.diensten-scroll-box .dienst-item a .title-element:before {
content: '';
display: block;
width: 20px;
height: 24px;
background: url(../assets/icons/slash-icon.svg) no-repeat;
position: absolute;
left: 0;
top: 5px;
background-size: contain;
background-position: center center;
}
.header-cta-buttons.desktop-only a.n-btn:hover {
text-decoration: underline;
}
.header-layer .content-box h1 {
color: var(--White---KBK, #FFF);
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 140%;
margin-bottom: 0;
width: fit-content;
position: relative;
display: flex;
gap: 0px 8px;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.header-layer .buttons-box {
align-items: center;
margin-top: 24px;
}
section.header-layer {
padding: 120px 0px;
}
section.header-layer.with-video div.video-box {
position: absolute;
width: 100%;
height: 100%;
background: black;
top: 0;
}
div.video-box > div {
padding: 0 !important;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
iframe#hover-video {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: 0;
}
iframe#hover-video {
border: 0 !important;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
width: 1600px !important;
max-width: initial !important;
right: initial;
margin: 0 auto;
}
section.header-layer.with-video.with-image * {
z-index: 2;
}
section.header-layer.with-video.with-image div.video-box:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
z-index: 3;
top: 0;
background: linear-gradient(to bottom,  rgb(27 50 47 / 40%) 0%,rgba(0,0,0,0) 100%);
}
a.btn {
padding: 11px 12px 11px 24px;
border-radius: 0;
display: flex !important;
gap: 16px;
align-items: center;
background: var(--btn-primary-bg);
border: 1px solid var(--btn-primary-bg);
height: auto;
overflow: hidden;
color: var(--font-light);
position: relative;
}
a.Knop.met.stijl, button.Knop.met.stijl {
padding: 11px 12px 11px 12px;
border-radius: 0;
display: flex !important;
gap: 16px;
align-items: center;
height: auto;
overflow: hidden;
position: relative;
}
button.Knop.met.stijl:before, .form-box .gform-footer.gform_footer.top_label:before {
content: '';
display: block;
width: 40px;
height: 40px;
background-position: -20px 50%;
position: absolute;
right: 12px;
transition: .2s
ease-in-out;
}
.nieuws-content:hover .nieuws-meta-bottom span.btn:after, .form-box .gform-footer.gform_footer.top_label:hover:before, button.Knop.met.stijl:hover:before, .nieuws-content:hover span.btn:before, a.Knop.met.stijl:hover:before, .project-item:hover span.c-btn:before, a.Licht.donkere.tekst:hover:before, button.Licht.donkere.tekst:hover:before {
background-position: 50% 50%;
}
button.Licht.donkere.tekst:before, .project-item span.c-btn:before  {
content: '';
display: block;
width: 40px;
height: 40px;
background: url(../assets/icons/arrow-right-white.svg) no-repeat;
background-position: -20px 50%;
position: absolute;
right: 12px;
transition: .2s ease-in-out;
}
.nieuws-content .nieuws-meta-bottom span.btn:after {
content: '';
display: block;
width: 48px;
height: 48px;
top: 0;
left: 0;
background: url(../assets/icons/arrow-right-white.svg) no-repeat;
background-position: -20px 50%;
position: absolute;
right: 12px;
transition: .2s ease-in-out;
}
.nieuws-content span.btn {
position: relative;
}
.single-projecten .image-box {
height: 278px;
}
.single-projecten .afb-slider .owl-dots {
flex-basis: 200px !important;
flex-wrap: wrap;
}
.single-projecten .afb-slider {
display: flex !important;
flex-wrap: wrap;
gap: 56px;
align-items: center;
}
.afb-slider {
display: flex !important;
flex-wrap: wrap;
gap: 40px;
}
.afb-slider .image-box {
height: 320px;
}
.single-projecten .image-box a {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.single-projecten .image-box {
transition: .2s ease-in-out;
}
.single-projecten .image-box:hover{
opacity: .8;
}
.project-item span.c-btn:before, .nieuws-content span.btn:before {
width: 48px;
height: 48px;
right:0;
}
a.Licht.donkere.tekst, button.Licht.donkere.tekst {
background: white;
border: 1px solid white;
color: var(--btn-primary-bg);
}
button.Knop.met.stijl.Licht.donkere.tekst:after, a.Knop.met.stijl.Licht.donkere.tekst:after, .dienst-item a.btn:after {
background: var(--btn-primary-bg) url(../assets/icons/arrow-right-white.svg) no-repeat;
background-position: center center;
}
a.btn:after,  button.Knop.met.stijl:after {
content: '';
display: block;
width: 40px;
height: 40px;
background: white url(../assets/icons/arrow-right.svg) no-repeat;
background-position: center center;
transition: .2s ease-in-out;
}
.dienst-item a.btn:before {
content: '';
display: block;
width: 40px;
height: 40px;
background: url(../assets/icons/arrow-right-white.svg) no-repeat;
background-position: -16px 50%;
position: absolute;
right: 12px;
transition: .2s ease-in-out;
}
.dienst-item a.btn:hover:before {
background-position: 50% 50%;
}
button.Knop.met.stijl:hover:after, a.Knop.met.stijl:hover:after {
background-position: calc(100% + 24px) 50%;
}
.footer-above a.btn:hover:after, button.Knop.met.stijl.Licht.donkere.tekst:hover:after, a.Knop.met.stijl.Licht.donkere.tekst:hover:after, .dienst-item a.btn:hover:after {
background-position: calc(100% + 24px) 50%;
}
.footer .flexbox-wrapper>div a:hover {
color: white;
text-decoration: none !important;
}
a.Tekst.met.onderlijning {
color: var(--font-blue);
text-decoration: underline;
font-weight: 600;
}
a.Tekst.met.onderlijning:hover {
text-decoration: none;
}
.header-layer .content-box.color-light a.Tekst.met.onderlijning {
color: white;
}
.footer-above a.btn:after {
background: var(--vdp-groen) url(../assets/icons/arrow-right-white.svg) no-repeat;
background-position: center center;
}
.footer-above a.btn:before {
background: url(../assets/icons/arrow-right-white.svg) no-repeat;
background-position: -20px 50%;
content: '';
display: block;
position: absolute;
width: 40px;
height: 40px;
right: 12px;
transition: .2s ease-in-out;
}
section.footer-above a.btn:hover:before {
background-position: 50% 50%;
}
.footer-above .content-left {
border-bottom: 1px solid rgba(255, 255, 255, 0.60);
padding-bottom: 56px;
}
.footer-above a.btn, .dienst-item a.btn {
background: white;
color: var(--font-dark);
border: 1px solid white;
}
.dienst-item a.btn {
margin-top: 40px;
}
section.breadcrumbs {
padding: 32px;
}
section.breadcrumbs * {
color: var(--Dark-Blue---KBK, var(--font-dark));
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
section.breadcrumbs a:hover {
text-decoration: underline;
}
section.breadcrumbs p#breadcrumbs * {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
section.breadcrumbs p#breadcrumbs span.breadcrumb-icon {
display: block;
width: 24px;
height: 24px;
background: url(../assets/icons/slash-icon.svg) no-repeat;
background-size: 14px;
background-position: center center;
}
body.error404 div#page {
background: none;
}
body.error404 section.error-404 .contact-content-laag {
background: transparent !important;
}
.error404 section.breadcrumbs * {
color: white;
}
.contact-content-laag.font-Licht .service-box h4 {
color: white;
}
.no-image.content-box .title-element {
margin-bottom: 32px !important;
}
@media (max-width: 600px) {
}
.tag:not(.content-box) {
color: var(--White---KBK, #FFF);
font-size: 14px;
font-weight: 700;
line-height: 130%;
padding-left: 40px;
padding-top: 8px;
padding-bottom: 7px;
margin-bottom: 32px;
position: relative;
width: fit-content;
padding-right: 40px;
background: var(--btn-primary-bg);
z-index: 2;
}
.content-laag .content-box.achtergrond.kleur.Grijs .tag:after {
background: var(--vdp-offwhite);
}
section.font-Licht .content-box.Titel.knoppen.links.en.tekst.rechts .title-element {
color: white;
}
.content-box.Titel.knoppen.links.en.tekst.rechts h3.title-element:before {
height: 22px;
top: 5px;
}
.content-box.Titel.knoppen.links.en.tekst.rechts h3.title-element {
font-size: 28px;
}
.afb-tekst-laag .flexbox-wrapper.no-space div.content-box .tag:after {
background: white;
}
.afb-tekst-laag .flexbox-wrapper.no-space div.content-box .title-element, .afb-tekst-laag .flexbox-wrapper.no-space div.content-box .text-box * {
color: var(--font-blue);
}
.text-box ul, .text-box ol {
margin-left: 20px;
}
.title-element {
color: var(--font-dark);
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 120%;
margin-bottom: 32px;
position: relative;
}
h1.title-element {
font-size: 2.5rem;
}
h2.title-element {
font-size: 2rem;
}
h3.title-element {
font-size: 1.5rem;
}
h4.title-element {
font-size: 1.25rem;
}
h5.title-element {
font-size: 1rem;
}
h6.title-element {
font-size: 0.875rem;
}
.content-laag .content-box.achtergrond.kleur.Grijs {
background: var(--vdp-offwhite);
}
.content-laag .content-box.Titel.links.en.tekst.en.knoppen.rechts.met.achtergrond.kleur {
padding: 32px;
}
.content-laag .content-box.Titel.links.en.tekst.en.knoppen.rechts.met.achtergrond.kleur.Wit {
background: white;
}
.content-laag .content-box.Titel.links.en.tekst.en.knoppen.rechts.met.achtergrond.kleur.Grijs {
background: #e2e2e2;
}
.content-laag.font-Licht .content-box.Titel.links.en.tekst.en.knoppen.rechts.met.achtergrond.kleur.Wit .title-element, .content-laag.font-Licht .content-box.Titel.links.en.tekst.en.knoppen.rechts.met.achtergrond.kleur.Wit .text-box *, .content-laag.font-Licht .content-box.Titel.links.en.tekst.en.knoppen.rechts.met.achtergrond.kleur.Wit .button-box {
color: var(--font-dark);
}
.afb-tekst-laag .content-box h3.title-element {
font-size: 28px;
}
.overzicht-laag .content-box:not(.animatie) .title-element:before, .content-box.Titel.knoppen.links.en.tekst.rechts .title-element:before {
height: 26px;
width: 31px;
top: 6px;
opacity: 1 !important;
}
.text-box * {
font-size: 1rem;
color: var(--font-dark);
}
.text-box.grote_tekst {
margin-bottom: 24px;
}
.text-box.grote_tekst p, .text-box.grote_tekst p a {
font-size: 1.5rem;
font-weight: 400;
line-height: 150%;
}
.button-box {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: center;
}
section.content-laag {
padding: 72px 0px;
overflow: hidden;
}
.gap-box > div {
flex-basis: 100%;
width: 100%;
}
.gap-box {
display: flex;
flex-wrap: wrap;
gap: 56px;
}
.image-box {
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
span.image-box.one-image {
display: block;
width: 100%;
height: 278px;
}
.owl-dots-div-legacy { display:none; }
.overlay-box {
position: relative;
}
.afbeelding-content-slider .owl-stage {
padding-left: 0 !important;
}
.afbeelding-content-slider {
display: flex !important;
flex-wrap: wrap;
justify-content: space-between;
}
.afbeelding-content-slider {
width: 100% !important;
}
.afbeelding-content-slider .owl-nav {
margin-right: 24px;
}
.afbeelding-content-item .content-box h3 {
margin-bottom: 24px;
margin-top: 32px;
}
.font-Licht .afbeelding-content-slider .afbeelding-content-item .content-box h3 {
color: white;
}
section.font-Licht .title-element {
color: white;
}
.afb-tekst-laag .flexbox-wrapper {
gap: 64px;
}
.afb-tekst-laag, .Overal.ruimte {
padding: 72px 0px;
}
.Nergens.ruimte {
padding: 0;
}
.Geen.ruimte.boven {
padding-top: 0;
padding-bottom: 72px;
}
.afb-tekst-laag .content-box ul li:first-child {
margin-top: 32px;
}
.afb-tekst-laag .content-box {
flex-basis: 100%;
width: 100%;
}
.afb-tekst-laag .video-box iframe {
width: 100%;
height: 100%;
}
.afb-tekst-laag .content-box ul li:last-child {
margin-bottom: 0;
}
.afb-tekst-laag .content-box ul {
margin-left: 20px;
}
.Geen.ruimte.onder {
padding-bottom: 0;
padding-top: 72px;
}
.afb-tekst-laag .flexbox-wrapper.no-space div.content-box {
background: white;
position: relative;
padding: 24px;
}
.afb-tekst-laag .video-box {
flex-basis: 100%;
width: 100%;
overflow: hidden;
height: 280px;
}
.afb-tekst-laag .flexbox-wrapper.no-space {
gap: 0;
justify-content: center;
}
.cta-laag .content-box {
background: var(--vdp-offwhite);
padding: 32px;
width: 100%;
}
.cta-laag.font-Licht .content-box {
background: var(--vdp-groen);
}
.faq-laag.font-Licht .title-element {
color: white;
}
.faq-laag .content-box h1.title-element, .cijfers-tekst-laag.afb-tekst-laag h1.title-element {
font-size: 40px;
}
.faq-laag .content-box:not(.animatie) h1.title-element:before, .cijfers-tekst-laag.afb-tekst-laag .content-box:not(.animatie) h1.title-element:before {
height: 33px;
width: 24px;
}
.faq-laag .content-box:not(.animatie) h3.title-element:before, .cijfers-tekst-laag.afb-tekst-laag .content-box:not(.animatie) h3.title-element:before {
height: 22px;
width: 16px;
top: 8px;
}
.font-Licht .uitklap-item.accordion-item * {
color: var(--font-dark);
}
.font-Licht .uitklap-item.accordion-item {
background: white;
}
.font-Licht .uitklap-item .text-box {
background: white;
}
.cta-laag .person-box .image-box {
width: 100px;
height: 78px;
}
.cta-laag .person-info h4 {
color: var(--font-blue);
text-align: center;
font-size: 20px;
font-weight: 400;
}
.person-info p {
color: rgb(27 50 47 / 60%);
text-align: center;
margin-top: 8px;
}
.text-box p a {
text-decoration: underline;
color: var(--link-primary);
}
.text-box p a:hover {
text-decoration: none;
color: var(--link-primary);
}
.cta-laag .flexbox-wrapper > span.image-box {
height: 215px;
}
.cta-laag .flexbox-wrapper {
gap: 0;
}
.person-box > .person-contact {
clear: both;
margin-top: 32px;
display: block;
overflow: hidden;
float: right;
width: 100%;
}
.person-box > .person-info {
float: right;
overflow: hidden;
}
.person-box > span.image-box {
float: left;
overflow: hidden;
}
.person-box {
position: relative;
overflow: hidden;
clear: both;
margin-bottom: 48px;
}
.person-box > .person-info * {
text-align: left !important;
}
.person-box > .person-info {
float: right;
overflow: hidden;
width: calc(100% - 116px);
text-align: left;
display: block;
padding-top: 10px;
}
.person-contact a:before {
content: '';
display: block;
width: 24px;
height: 24px;
background: black;
}
.person-contact a:hover {
text-decoration: underline;
}
a.call-btn:before {
background: url(../assets/icons/call-icon.svg) no-repeat;
background-position: center center;
}
a.email-btn:before {
background: url(../assets/icons/mail-icon.svg) no-repeat;
background-position: center center;
}
.font-Licht a.call-btn:before {
background: white !important;
}
.font-Licht a.email-btn:before {
background: white !important;
}
.person-contact a {
color: var(--font-blue);
display: flex;
flex-wrap: nowrap;
gap: 12px;
align-items: center;
padding: 8px 12px;
}
.faq-box {
width: 100%;
position: relative;
margin-top: 56px;
}
.vragen-box {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.uitklap-item {
border: 1px solid #C5C9C7;
transition: .3s ease-in-out;
flex-basis: 100%;
width: 100%;
}
h3.uitklap {
font-size: 18px;
position: relative;
font-weight: 400;
padding: 24px;
}
h3.uitklap.accordion-header:after {
content: '';
display: block;
position: absolute;
width: 24px;
height: 24px;
background: url(../assets/icons/arrow-right.svg) no-repeat;
background-position: center center;
right: 16px;
top: 50%;
transform: translateY(-50%) rotate(90deg);
transition: .2s ease-in-out;
}
.uitklap-item.accordion-item.is-active h3:after {
transform: translateY(-50%) rotate(270deg);
}
.text-box.accordion-content > p {
padding: 24px;
color: var(--font-dark);
}
.accordion-item .accordion-content {
transition: .3s ease-in-out;
}
.uitklap-item .text-box * {
color: var(--font-dark);
font-size: 16px;
}
.uitklap-item .text-box {
padding: 0px;
}
.uitklap-item .text-box p {
margin: 0;
padding: 24px;
padding-top: 0;
}
.popup-box button.Tekst.met.onderlijning {
color: var(--Dark-Blue---KBK, var(--font-dark));
text-align: center;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
}
.popup-box button.Tekst.met.onderlijning:hover {
text-decoration: none;
}
.afb-tekst-laag .popup-box {
margin-top: 40px;
}
.popup-box button {
appearance: none;
background: none;
border: 0;
padding: 0;
font-size: 16px;
}
.modal-content .gform_heading {
display: none;
}
.modal-content button.modal-close {
position: absolute;
right: 24px;
top: 24px;
appearance: none;
width: 40px;
height: 40px;
border: 1px solid var(--vdp-groen);
color: transparent;
background: var(--vdp-offwhite) url(../assets/icons/close.svg) no-repeat;
background-position: center center;
transition: .2s ease-in-out;
}
.modal-content button.modal-close:hover {
background: #d7d7d7 url(../assets/icons/close.svg) no-repeat;
background-position: center center;
}
.modal-content .content-box p {
color: var(--Dark-Blue---KBK, var(--font-dark));
}
.modal-content .content-box h3 {
color: rgb(27 50 47 / 80%);
font-size: 18px;
margin-bottom: 24px;
}
.modal-content .content-box {
position: relative;
padding: 40px;
}
.modal-content span.image-box.one-image {
display: block;
width: 100%;
height: 240px;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.modal-content {
max-height: 70vh;
overflow-y: scroll;
}
.form-box .gform_wrapper form label.gfield_label {
color: var(--Dark-Blue---KBK, var(--font-dark));
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
margin-bottom: 12px;
}
.gfield--type-consent div label a {
color: var(--font-dark);
text-decoration: underline;
}
.ginput_container.ginput_container_consent a:hover {
text-decoration: none;
}
.ginput_container.ginput_container_consent input {
margin: 0;
}
.gfield--type-consent div label, .gfield--type-consent div label a {
font-size: 14px;
}
.gfield--type-consent div input:checked {
background: var(--vdp-groen);
border: 1px solid var(--vdp-groen);
}
.form-box .gform-footer.gform_footer.top_label input {
border-radius: 0;
color: var(--White---KBK, #FFF);
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
margin-bottom: 0 !important;
background: transparent;
border: none !important;
}
.form-box .gform-footer.gform_footer.top_label:after {
content: '';
display: block;
width: 40px;
height: 40px;
transition: .2s ease-in-out;
background: white url(../assets/icons/arrow-right.svg) no-repeat;
background-position: center center;
}
.form-box .gform-footer.gform_footer.top_label:hover:after {
background-position: 40px 50% !important;
}
.form-box .gform-footer.gform_footer.top_label {
padding: 0 !important;
margin: 0 !important;
margin-top: 24px !important;
width: fit-content;
background: var(--vdp-groen);
display: flex;
gap: 0;
align-items: center;
position: relative;
padding-right: 16px !important;
}
.form-box .gform-footer.gform_footer.top_label:before {
right: 16px;
}
.form-box .gform-footer.gform_footer.top_label input {
padding: 16px !important;
padding-left: 24px !important;
height: 64px;
}
.gfield--type-consent div input {
width: 24px;
height: 24px !important;
min-height: initial !important;
}
.gfield--type-consent div {
display: flex;
align-items: center;
gap: 8px;
}
.gfield--type-consent legend {
display: none !important;
}
.modal-content .form-box {
margin-top: 24px;
}
span.gfield_required {
display: inline-block !important;
}
.modal-content span.gfield_required {
display: inline-block !important;
}
.form-box form input , .form-box form textarea{
border: 1px solid var(--Dark-Grey---KBK, #C5C9C7);
background: none;
color: var(--Dark-Blue---KBK, var(--font-dark));
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.modal-content {
padding: 0;
background: var(--vdp-offwhite);
}
div.filter {
margin-top: 40px;
margin-bottom: 56px;
}
.filter form > ul > li {
width: 100%;
}
.filter form > ul {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
li.sf-field-post-meta-categorie ul li label {
padding: 0 !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.overzicht-laag li.sf-field-post-meta-soort_project select, .overzicht-laag li.sf-field-post-meta-uitvoering select {
appearance: none;
width: 100%;
padding: 12px;
padding-left: 24px;
background: var(--vdp-offwhite) url(../assets/icons/chevron-down.svg) no-repeat;
background-position: 95% 50%;
border: none;
font-family: 'Roboto';
font-size: 16px;
font-weight: 400;
color: var(--font-dark);
position: relative;
min-height: 64px;
}
.projecten-overzicht > div {
flex-basis: 100%;
width: 100%;
}
.projecten-overzicht {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 20px;
}
.overzicht-laag li.sf-field-post-meta-soort_project label, .overzicht-laag li.sf-field-post-meta-uitvoering label {
width: 100%;
}
.overzicht-laag li.sf-field-post-meta-soort_project {
padding-top: 0;
padding-bottom: 0;
}
.overzicht-laag .searchandfilter h4 {
margin-bottom: 16px;
padding: 0;
}
li.sf-field-post-meta-categorie ul li input {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
appearance: none;
}
li.sf-field-post-meta-categorie ul li {
border: 1px solid var(--Dark-Blue---KBK, var(--vdp-groen));
padding: 8px;
position: relative;
}
li.sf-field-post-meta-categorie ul {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
li.sf-field-post-meta-categorie {
padding: 0 !important;
margin-bottom: 24px !important;
}
li.sf-field-post-meta-categorie h4 {
color: var(--Dark-Blue---KBK, var(--font-dark));
font-family: "Roboto", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 140%;
margin-bottom: 16px;
padding: 0;
}
li.sf-option-active label {
color: white !important;
}
li.sf-option-active {
background: var(--vdp-groen);
}
li.sf-field-search:before {
position: absolute;
width: 24px;
height: 24px;
background: url(../assets/icons/search.svg) no-repeat;
background-position: center center;
top: 16px;
left: 16px;
content: '';
}
.result-count {
color: var(--Dark-Blue---KBK, var(--font-dark));
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
text-align: right;
width: 100%;
margin-bottom: 48px;
}
.nieuws-content .tag {
margin-bottom: 24px;
}
.tag-\#f2f2f2 .tag:after {
background: var(--vdp-offwhite);
}
.MVO.Nieuws.tag:before {
background: var(--vdp-groen);
}
section.tag-\#000000 h3.tag:after {
background: black;
}
.nieuws-content h3 {
color: var(--Blue---KBK, var(--font-dark));
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
margin-bottom: 24px;
}
.nieuws-meta-bottom .flexbox-wrapper {
gap: 24px;
margin-bottom: 24px;
}
.nieuws-meta-bottom .flexbox-wrapper * {
color: var(--Bright-Blue---KBK, var(--font-dark));
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.nieuws-content span.btn {
width: 48px;
height: 48px;
display: block;
background: var(--vdp-groen) url(../assets/icons/arrow-right-white.svg) no-repeat;
color: transparent;
background-position: center center;
transition: .2s ease-in-out;
}
span.nieuws-thumb.fallback {
background: grey;
}
.nieuws-overzicht {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 20px;
}
li.sf-field-search label {
width: 100%;
}
li.sf-field-search input {
padding: 16px 8px;
background: var(--vdp-offwhite);
appearance: none;
border: none;
color: rgba(0, 0, 0, 0.60);
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
width: 100%;
padding-left: 48px;
}
li.sf-field-search {
padding: 0 !important;
position: relative;
}
section.font-Licht li.sf-field-post-meta-categorie * {
color: white;
}
.overzicht-laag .content-box h3.title-element {
font-size: 28px;
padding-left: 24px;
}
.overzicht-laag .content-box h3.title-element:before {
height: 22px !important;
top: 4px !important;
width: 19px !important;
}
.project-content h4 {
font-size: 18px;
color: var(--font-dark);
font-weight: 400;
margin-top: 24px;
}
.project-content {
background: var(--White---KBK, #FFF);
position: relative;
padding: 32px;
}
section.border-Geen:after {
display: none;
}
section.border-Geen {
border-bottom: 0 !important;
}
.header-layer .inner.page-down-indicator p {
color: white;
}
.header-layer .inner.page-down-indicator span svg {
transform: rotate(90deg);
}
.header-layer .inner.page-down-indicator span {
display: flex;
width: 24px;
height: 24px;
justify-content: center;
align-items: center;
}
.header-layer .inner.page-down-indicator {
border-top: 1px solid rgba(255, 255, 255, 0.60);
position: absolute;
bottom: 24px;
width: calc(100% - 48px);
left: 24px;
padding-top: 24px;
display: flex;
justify-content: space-between;
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
.volle-afb-tekst-laag {
position: relative;
padding: 72px 0px;
}
.volle-afb-tekst-laag > span.image-box.bg-image {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
section.volle-afb-tekst-laag.border-Blauw.naar.rood:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 32px;
background: linear-gradient(270deg, #E63422 0%, #1A3360 100%);
z-index: 2;
bottom: 0;
visibility: visible;
}
section.volle-afb-tekst-laag.font-Donker .content-box .title-element, section.volle-afb-tekst-laag.font-Donker .content-box .text-box * {
color: var(--Dark-Blue---KBK, var(--font-dark));
}
section.volle-afb-tekst-laag.Content.gecentreerd .content-box .text-box {
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
.volle-afb-tekst-laag .text-box * {
color: white;
}
.volle-afb-tekst-laag .title-element {
margin-bottom: 192px;
}
section.font-Licht * {
color: white;
}
.diensten-home span.blue-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: none no-repeat;
background-position: 100% 0%;
}
.diensten-home {
position: relative;
padding: 72px 0px;
}
.diensten-overzicht h2.title-element, .contact-content-laag h2.title-element {
line-height: 120%;
margin-bottom: 56px;
}
.contact-content-laag h2.title-element {
margin-bottom: 32px;
}
.dienst-image {
display: block;
width: 100%;
height: 278px;
background: grey;
margin-bottom: 56px;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.diensten-items {
width: 100%;
display: block;
margin-bottom: 72px;
}
.dienst-item {
flex-wrap: wrap;
}
.dienst-item > * {
flex-basis: 100%;
width: 100%;
}
.dienst-titel {
cursor: pointer;
transition: .1s ease-in-out;
}
.dienst-titel:hover {
opacity: 1;
}
.contact-content-laag .content-box:nth-of-type(2) {
border-top: 1px solid #C5C9C7;
margin-top: 48px;
padding-top: 48px;
}
.contact-content-laag .content-box:nth-of-type(2) h3:nth-of-type(2) {
margin-top: 32px;
}
.contact-content-laag .content-box:nth-of-type(2) h3 {
font-size: 20px;
margin-bottom: 16px;
font-weight: 400;
line-height: 140%;
}
.contact-content-laag .content-box:nth-of-type(2) .text-box p a {
display: block;
margin: 0;
}
.service-box h4 {
color: var(--Dark-Blue---KBK, var(--font-dark));
font-family: "Roboto", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%;
margin-bottom: 32px;
}
.service-box .service-item {
position: relative;
padding: 24px;
margin-bottom: 16px;
background: var(--Grey---KBK, var(--vdp-offwhite));
}
.service-box .service-item:last-of-type {
margin-bottom: 0;
}
.service-item p {
color: var(--font-dark);
}
.service-box {
margin-top: 48px;
border-top: 1px solid #C5C9C7;
padding-top: 48px;
}
.service-box .service-item a {
padding: 16px 24px;
width: fit-content;
justify-content: center;
}
.service-box .service-item a:hover {
border: 1px solid var(--vdp-groen);
background: var(--vdp-groen);
color: white;
}
.service-box .service-item a:after {
display: none;
}
.service-box .service-item a {
margin-top: 24px;
}
.vestigingen-laag .title-element {
text-align: center;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.wpsl-search {
margin: 0;
padding: 0;
background: none;
}
.vestigingen-overzicht {
overflow-y: auto;
overscroll-behavior: contain;
}
.vestigingen-laag h3.title-element:before {
height: 19px;
top: 8px;
position: absolute;
left: 0;
}
.vestigingen-laag h3.title-element {
font-size: 26px;
padding-left: 24px;
}
.vestigingen-laag.font-Donker .title-element {
color: var(--font-dark);
}
div.quote-box img {
display: block;
height: 35px;
margin-left: 0;
width: auto !important;
margin-bottom: 32px;
}
.naam p.functie {
opacity: .6;
}
.naam p {
color: var(--White---KBK, #FFF);
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.actueel-intro {
background: linear-gradient(180deg, var(--vdp-groen) 4.51%, #1899D6 95.49%);
position: relative;
padding: 32px 24px;
padding-bottom: 172px;
}
section.single-actueel.no-header-image div.actueel-intro {
padding-bottom: 48px;
}
section.single-actueel.no-header-image .actueel-content {
padding-top: 48px;
}
.single-actueel section.breadcrumbs * {
color: white;
}
.actueel-content ul, .actueel-content ol {
margin-left: 20px;
}
.single-actueel section.breadcrumbs {
padding: 0;
margin-bottom: 32px;
}
.single-actueel a.back-btn:before {
content: '';
display: block;
width: 32px;
height: 32px;
background: white url(../assets/icons/arrow-right.svg) no-repeat;
background-position: center center;
transform: rotate(180deg);
}
.single-actueel .tag:after {
background: #1a5081;
}
.single-actueel h1:before {
content: '';
display: block;
background: url(../assets/icons/slash-icon.svg) no-repeat;
position: absolute;
left: 0;
background-size: contain;
background-position: center center;
opacity: 1;
width: 20px;
height: 24px;
top: 9px;
}
.single-actueel h1 {
font-size: 32px;
color: white;
font-weight: 400;
margin-bottom: 32px;
font-family: '"Roboto", sans-serif';
line-height: 140%;
position: relative;
padding-left: 26px;
}
.actueel-meta div.nieuws-author {
width: 100%;
color: var(--White---KBK, #FFF);
}
.actueel-meta .nieuws-date {
display: flex;
align-items: center;
}
.actueel-meta .nieuws-date:after {
content: '';
display: block;
width: 1px;
height: 20px;
background: white;
margin-left: 16px;
}
.actueel-intro-image {
height: 274px;
display: block;
width: calc(100% - 48px);
margin-left: auto;
margin-right: auto;
background-size: cover !important;
background-position: center center;
margin-top: -102px;
position: relative;
margin-bottom: 72px;
}
.actueel-content .text-box h4 {
font-size: 18px;
font-weight: 400;
line-height: 130%;
font-family: '"Roboto", sans-serif';
line-height: 140%;
margin-bottom: 32px;
}
.actueel-content .text-box h4 strong {
font-size: 18px;
font-weight: 900;
font-family: '"Roboto", sans-serif';
line-height: 140%;
}
.actueel-content .text-box h3:before {
content: '';
display: block;
background: url(../assets/icons/slash-icon.svg) no-repeat;
position: absolute;
left: 0;
background-size: contain;
background-position: center center;
opacity: 1;
width: 11px;
height: 14px;
top: 6px;
}
.actueel-content .text-box h3 {
font-size: 20px;
font-weight: 400;
line-height: 130%;
margin-bottom: 32px;
font-family: '"Roboto", sans-serif';
line-height: 140%;
position: relative;
padding-left: 18px;
}
.actueel-content .text-box h3 strong {
font-size: 20px;
font-family: '"Roboto", sans-serif';
line-height: 140%;
font-weight: 900;
}
.actueel-content .text-box h2:before {
content: '';
display: block;
background: url(../assets/icons/slash-icon.svg) no-repeat;
position: absolute;
left: 0;
background-size: contain;
background-position: center center;
opacity: 1;
width: 13px;
height: 17px;
top: 7px;
}
.actueel-content .text-box h2 {
font-size: 24px;
font-weight: 400;
margin-bottom: 32px;
font-family: '"Roboto", sans-serif';
line-height: 140%;
padding-left: 20px;
position: relative;
}
.actueel-content .text-box h2 strong {
font-size: 24px;
font-weight: 900;
font-family: '"Roboto", sans-serif';
line-height: 140%;
}
.actueel-content .text-box p {
line-height: 150%;
}
.actueel-content .one-image.image-box {
margin: 0px 0px;
}
section.single-actueel {
position: relative;
padding-bottom: 72px;
}
.actueel-content .quote-box .text-box {
color: var(--Dark-Blue---KBK, var(--font-dark));
font-family: "Roboto", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.quote-info .image-box.one-image .quote-meta * {
color: var(--font-dark);
}
.actueel-content .quote-info {
margin-top: 72px;
}
.quote-info .image-box.one-image {
height: 56px;
width: 131px;
margin: 0;
margin-bottom: 24px;
}
.actueel-meta {
display: flex;
flex-wrap: wrap;
gap: 16px;
color: white;
}
.quote-meta p:not(.titel) {
opacity: .6;
}
.quote-meta p {
color: var(--font-dark);
}
.actueel-content .quote-box.achtergrond-aan {
background: var(--vdp-groen);
padding: 24px;
color: white;
}
.quote-box.achtergrond-aan * {
color: white !important;
}
.actueel-content > div {
width: 100%;
flex-basis: 100%;
}
.actueel-content {
display: flex;
flex-wrap: wrap;
gap: 56px;
}
.single-actueel a.back-btn {
color: var(--White---KBK, #FFF);
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 40px;
margin-top: 48px;
}
.contact-content-laag.font-Licht .content-box .text-box p a:hover {
color: var(--vdp-offwhite);
}
@media (max-width: 600px) {
.afb-tekst-laag .flexbox-wrapper.no-space .content-box {
flex-basis: 100%;
width: 100%;
}
.person-contact a {
padding-left: 0;
font-size: 15px;
}
.footer .flexbox-wrapper>div>p:first-of-type>a {
pointer-events: none;
}
.footer .flexbox-wrapper>div.active > p:first-of-type > a {
pointer-events: all;
}
}
div#wpsl-wrap div.resultaten * {
color: var(--font-dark);
}
div#wpsl-wrap div.resultaten {
flex-basis: 100%;
width: 100%;
background: white;
position: relative;
padding: 32px;
}
div#wpsl-wrap {
display: flex;
flex-wrap: wrap;
position: relative;
}
.resultaten .wpsl-search.wpsl-clearfix.wpsl-geolocation-run {
background: none;
padding: 0;
margin-bottom: 24px;
}
.resultaten .wpsl-search.wpsl-clearfix.wpsl-geolocation-run:before {
content: 'Onze vestigingen';
display: block;
margin-bottom: 24px;
font-family: '"Roboto", sans-serif';
font-size: 24px;
line-height: 140%;
font-weight: 400;
}
.resultaten .wpsl-input input {
border-radius: 0 !important;
padding: 8px 12px !important;
height: 64px !important;
border: 1px solid var(--Dark-Grey---KBK, #C5C9C7) !important;
color: var(--font-dark) !important;
font-family: 'Zurich BT';
font-size: 16px;
}
.resultaten .wpsl-select-wrap {
display: none !important;
}
.resultaten .wpsl-input {
margin-bottom: 0 !important;
}
.resultaten .wpsl-input > div {
display: none;
}
.resultaten .wpsl-search-btn-wrap input#wpsl-search-btn {
margin: 0 !important;
padding: 12px 24px;
border-radius: 0;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140% !important;
display: flex !important;
gap: 16px;
align-items: center;
background: var(--btn-primary-bg);
border: 1px solid var(--btn-primary-bg);
height: auto;
color: var(--font-light);
position: relative;
}
div#wpsl-stores ul li {
padding: 0 !important;
border-bottom: 1px solid #C5C9C7 !important;
padding-bottom: 24px !important;
margin-bottom: 24px !important;
}
div#wpsl-stores ul li:last-of-type {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
border-bottom: none !important;
}
div#wpsl-gmap {
margin: 0 !important;
}
.wpsl-input:before {
content: '';
display: block;
position: absolute;
width: 24px;
height: 24px;
background: url(../assets/icons/search.svg) no-repeat;
top: 50%;
transform: translateY(-50%);
left: 16px;
}
#wpsl-search-input {
width: 100% !important;
padding-left: 40px !important;
}
div#wpsl-stores ul li div.wpsl-store-location > p > strong:nth-of-type(1) {
font-family: '"Roboto", sans-serif';
font-size: 18px;
font-weight: 400;
display: block;
margin-bottom: 16px;
}
#wpsl-stores p.km {
display: none;
}
#wpsl-wrap .hiddenInfo {
display: none;
}
#wpsl-result-list li p {
margin: 0;
}
.mobile-nav-menu li button.submenu-toggle {
width: 24px;
left: unset;
right: 0;
top: unset;
background-position: 100% 40%;
z-index: 2;
}
.mobile-nav-menu li button.submenu-toggle.is-open {
width: 40px;
left: auto;
}
section.zoeken-laag .content-box div.text-box * {
font-size: 18px;
line-height: 150%;
}
section.zoeken-laag .content-box h1 {
font-family: '"Roboto", sans-serif';
font-size: 32px;
margin-bottom: 24px;
}
section.zoeken-laag .content-box {
background: white;
position: relative;
padding: 24px;
}
section.zoeken-laag {
background: var(--vdp-offwhite);
position: relative;
padding: 40px 0px;
}
.zoeken-box li.sf-field-submit input {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
top: 0;
border: 0;
background: none;
color: transparent;
}
.zoeken-box form {
position: relative;
}
.zoeken-box li.sf-field-submit {
position: absolute;
width: 48px;
height: 48px;
top: 50%;
right: 8px;
overflow: hidden;
background: var(--vdp-groen) url(../assets/icons/search-white.svg) no-repeat;
background-position: center center;
transform: translateY(-50%);
}
.zoeken-box li.sf-field-search input {
min-height: 80px;
}
.zoeken-box li.sf-field-search:before {
top: 50%;
transform: translateY(-50%);
}
.resultaten p.item-count {
color: var(--font-dark);
font-size: 16px;
margin-bottom: 24px;
}
.resultaten:before {
content: 'Resultaten';
display: block;
margin-bottom: 24px;
color: var(--Hulp-bij---Dark-blue, var(--font-dark));
font-family: "Roboto", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.resultaten .zoeken-item {
background: #F1F3F5;
transition: .1s ease-in-out;
position: relative;
margin-bottom: 16px;
}
.resultaten .zoeken-item:hover {
background: #dddedf;
}
.resultaten .zoeken-item a {
padding: 16px;
display: block;
color: var(--font-dark);
font-size: 18px;
font-weight: 400;
}
.resultaten .zoeken-item a h4 {
font-weight: 400;
font-size: 18px;
}
.resultaten .zoeken-item a span {
font-size: 14px;
}
@media (min-width: 768px) {
.contact-content-laag .content-box:not(.animatie) .title-element:before {
width: 26px;
height: 31px;
top: 8px;
left: 0;
}
.footer-above .flexbox-wrapper.content-center .content-left {
flex-basis: 100%;
text-align: center;
}
.footer-above h2 {
font-size: 56px;
line-height: 120%;
margin-bottom: 16px !important;
margin-left: auto;
margin-right: auto;
padding-left: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0px 8px;
}
.header-layer .buttons-box {
margin-top: 40px;
}
section.header-layer.with-video {
overflow: hidden;
}
.header-layer .box-width-large .text-box {
max-width: 1100px;
}
section.footer-above a.btn {
margin-left: auto !important;
margin-right: auto !important;
}
form#search-filter-form-1691 > ul > li.sf-field-search input {
height: 64px;
}
form#search-filter-form-1691 > ul > li {
padding: 0;
flex-basis: calc(33% - 10px);
width: calc(33% - 10px);
min-height: 64px;
}
.projecten-overzicht > .projecten-overzicht {
width: 100%;
flex-basis: 100%;
}
.projecten-overzicht > div.projecten-overzicht > div {
flex-basis: calc(50% - 10px);
width: calc(50% - 10px);
}
form#search-filter-form-1691 > ul {
display: flex;
flex-wrap: nowrap;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
}
.post-type-archive-projecten li.sf-field-search:before {
top: 50%;
transform: translateY(-50%);
}
.footer-above h2:before {
position: relative;
height: 51px;
width: 40px;
}
section.footer-above p {
font-size: 24px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.header-layer .content-box {
margin: 0 auto;
}
@keyframes slideText {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-110% - 80%));
}
}
.diensten-scroll-box .dienst-item {
max-height: 592px;
height: calc(80vh - 100px);
}
.diensten-scroll-box .dienst-item span.image-box {
height: 100%;
}
.diensten-scroll-box .dienst-item a .title-element {
font-size: 56px;
line-height: 140%;
}
.diensten-scroll-box {
gap: 264px;
}
.diensten-scroll-box .dienst-item {
max-width: 1026px;
margin-left: auto;
margin-right: auto;
}
.diensten-scroll-box .dienst-item a .title-element:before {
top: 17px;
width: 40px;
height: 43px;
left: -20px;
}
.diensten-scroll-box .dienst-item:after {
height: 32px;
}
h1.title-element {
font-size: 4rem;
margin-bottom: 32px;
}
h2.title-element {
font-size: 3rem;
margin-bottom: 32px;
}
h3.title-element {
font-size: 2rem;
margin-bottom: 32px;
}
.text-box * {
font-size: 20px;
line-height: 150%;
}
.text-box.grote_tekst p, .text-box.grote_tekst p a {
font-size: 32px;
}
.gap-box {
gap: 88px;
}
.afb-tekst-laag .content-box {
max-width: 430px;
align-self: center;
}
.afb-tekst-laag .video-box {
height: auto;
}
.afb-tekst-laag .flexbox-wrapper {
flex-wrap: nowrap;
}
.afb-tekst-laag span.image-box.one-image {
max-width: 882px;
height: 500px;
}
.afb-tekst-laag .flexbox-wrapper.no-space span.image-box {
height: auto;
flex-basis: 50%;
width: 50%;
}
.afb-tekst-laag .flexbox-wrapper.no-space div.content-box {
padding: 40px;
flex-basis: 50%;
width: 50%;
}
.volle-afb-tekst-laag.Content.gecentreerd div.flexbox-wrapper h3.tag {
margin-left: auto;
margin-right: auto;
}
.volle-afb-tekst-laag.Content.gecentreerd div.flexbox-wrapper .button-box {
justify-content: center;
}
.volle-afb-tekst-laag.Content.gecentreerd div.flexbox-wrapper .title-element {
margin-bottom: 0;
text-align: center;
}
.volle-afb-tekst-laag.Content.gecentreerd div.flexbox-wrapper {
justify-content: center;
text-align: center;
}
.volle-afb-tekst-laag.Content.gecentreerd {
height: 100vh;
display: flex;
align-items: center;
}
.cta-laag .person-box span.image-box {
height: 224px;
width: 224px;
}
.cta-laag .flexbox-wrapper {
flex-wrap: wrap;
}
.cta-laag .content-box {
max-width: initial;
width: 100%;
padding: 80px;
}
.cta-laag .title-element {
margin-bottom: 64px;
}
.person-box > .person-contact {
width: calc(100% - 256px);
clear: initial;
}
.person-box > .person-info {
width: calc(100% - 256px);
padding-top: 24px;
}
.person-box {
margin-bottom: 64px;
}
.service-box .service-item a.btn {
margin-top: 0;
}
.service-box .service-item {
display: flex;
align-items: center;
gap: 24px;
}
.modal-content .content-box h3 {
font-size: 24px;
}
.modal-content .content-box p {
font-size: 18px;
}
.form-box form input {
min-height: 64px;
}
.faq-laag .content-box .text-box * {
font-size: 18px;
}
.faq-laag .content-box .text-box {
text-align: center;
max-width: 640px;
}
.faq-laag .content-box .title-element {
justify-content: center;
}
.faq-laag .content-box {
margin-left: auto;
margin-right: auto;
}
.faq-laag .content-box .button-box {
justify-content: center;
}
.faq-laag .content-box .title-element {
text-align: center;
}
.faq-laag .content-box .tag {
margin-left: auto;
margin-right: auto;
}
.uitklap-box.vragen-box {
max-width: 882px;
margin-left: auto;
margin-right: auto;
}
.vestigingen-laag .title-element {
margin-bottom: 40px;
}
li.sf-field-search {
max-width: 292px;
}
#wpsl-result-list {
width: 100%;
margin-right: 0 !important;
}
div#wpsl-search-wrap form .wpsl-search-btn-wrap, div#wpsl-search-wrap form .wpsl-search-btn-wrap input {
height: 64px !important;
}
div#wpsl-search-wrap form {
display: flex;
align-items: center;
margin-bottom: 24px;
}
div#wpsl-gmap {
width: 100%;
flex-basis: 100%;
}
.vestigingen-laag h3.title-element:before {
height: 30px;
top: 12px;
}
.vestigingen-laag h3.title-element {
font-size: 40px;
padding-left: 32px;
}
.contact-content-laag .content-box:not(.animatie) h2.title-element::before {
height: 26px;
top: 6px;
}
.zoeken-item a:after {
content: '';
display: block;
position: absolute;
width: 48px;
height: 48px;
border: 1px solid var(--vdp-groen);
right: 16px;
top: 50%;
transform: translateY(-50%);
background: url(../assets/icons/arrow-right.svg) no-repeat;
background-position: center center;
}
.zoeken-item a {
min-height: 80px;
display: flex !important;
align-items: center;
}
.resultaten .zoeken-item a {
flex-wrap: wrap;
}
.resultaten .zoeken-item a span {
flex-basis: 100%;
width: 100%;
}
.resultaten .zoeken-item a h4 {
width: calc(100% - 40px);
}
.zoeken-box li.sf-field-search {
max-width: initial;
}
header .search {
display: none;
}
}
@media (min-width: 1024px) {
.header-cta-buttons.desktop-only a.n-btn {
margin-right: 24px;
color: var(--font-dark);
}
.header-cta-buttons.desktop-only {
align-items: center;
}
.image-Links .image-box {
order: -1;
}
.cta-laag .flexbox-wrapper {
flex-wrap: nowrap;
}
.cta-laag .flexbox-wrapper > span.image-box {
height: auto;
width: 40%;
}
.cta-laag .content-box {
padding: 80px 40px;
width: 60%;
}
@keyframes slideText {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-110% - 120%));
}
}
.service-box .service-item {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 40px;
}
.service-box .service-item a {
margin-top: 0;
width: fit-content;
}
section.single-actueel.no-header-image div.actueel-intro {
padding-bottom: 80px;
}
section.single-actueel.no-header-image .actueel-content {
padding-top: 80px;
}
.single-actueel a.back-btn:hover {
text-decoration: underline;
}
section.zoeken-laag .content-box {
padding: 40px;
}
section.zoeken-laag {
padding: 80px 0px;
}
}
@media (min-width: 1180px) {
.site {
padding-top: 0;
}
iframe#hover-video {
width: 2000px !important;
}
section.zoeken-laag {
padding-top: 190px !important;
}
section.zoeken-laag .content-box .text-box {
max-width: 1008px;
}
.zoeken-box li.sf-field-search {
width: 100%;
}
.zoeken-box li.sf-field-submit {
right: 16px;
}
.resultaten p.item-count {
margin-bottom: 40px;
}
section.zoeken-laag .content-box {
padding: 40px 56px;
}
.service-box .service-item p {
max-width: 340px;
}
.site-header.is-hidden {
transform: initial;
}
.cta-laag.afb-tekst-laag h3.title-element {
font-size: 28px;
}
.cta-laag.afb-tekst-laag h1.title-element {
font-size: 40px;
}
.afbeelding-content-slider > .afbeelding-content-item {
flex-grow: 2;
}
.header-cta-buttons a.n-btn {
color: var(--White---KBK, #FFF);
font-family: "Zurich BT";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
align-self: center;
}
.header-cta-buttons.desktop-only .search {
display: block;
cursor: pointer;
}
body.active-search .search-menu {
display: block !important;
opacity: 1;
pointer-events: all;
}
div.search-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
pointer-events: none;
transition: opacity 0.3s ease;
opacity: 0;
}
.search-menu > div {
background: var(--Grey---KBK, var(--vdp-offwhite));
box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.35);
margin-left: auto;
margin-right: auto;
width: calc(100% - 48px);
max-width: 1788px;
top: 164px;
position: absolute;
left: 0;
right: 0;
padding: 24px;
}
.search-menu > div .search-bg {
background: white;
position: relative;
padding: 40px 56px;
}
.search-bg .zoeken-box .filter {
margin-bottom: 0;
}
span.close-search-btn:hover {
background: var(--vdp-offwhite) url(../assets/icons/close.svg) no-repeat;
background-position: center center;
}
.search-bg .text-box * {
font-size: 20px;
}
span.close-search-btn {
position: absolute;
width: 48px;
height: 48px;
border: 1px solid var(--vdp-groen);
right: 56px;
top: 40px;
background: url(../assets/icons/close.svg) no-repeat;
background-position: center center;
transition: .1s ease-in-out;
cursor: pointer;
}
.search-menu > div .search-bg div.text-box {
font-size: 20px;
max-width: 1008px;
}
.search-menu > div .search-bg h2 {
font-size: 32px;
margin-bottom: 24px;
font-family: 'Merriweather';
font-weight: 400;
}
.header-cta-buttons.desktop-only .search * {
color: white;
}
.header-cta-buttons.desktop-only .search p:before {
content: '';
display: block;
position: absolute;
width: 24px;
height: 24px;
background: url(../assets/icons/search-white.svg) no-repeat;
left: -32px;
}
.header-cta-buttons.desktop-only .search {
padding-right: 32px;
position: relative;
}
.header-cta-buttons.desktop-only .search p:hover {
text-decoration: underline;
}
.content-box.Titel.knoppen.links.en.tekst.rechts h3.title-element:before {
height: 36px;
top: 9px;
}
.content-box.Titel.knoppen.links.en.tekst.rechts h3.title-element {
font-size: 48px;
}
.diensten-home {
position: relative;
padding: 144px 0px;
}
.diensten-home span.grey-overlay, .afb-tekst-laag span.grey-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: none no-repeat;
background-size: contain;
background-position: 0% 0%;
background-attachment: fixed;
}
.gap-box .content-box {
max-width: 1086px;
margin-left: auto;
margin-right: auto;
}
.afbeelding-content-slider {
flex-wrap: nowrap;
width: 100% !important;
gap: 80px;
max-width: 1086px;
margin-left: auto;
margin-right: auto;
}
.afbeelding-content-item span.image-box.one-image {
height: 384px;
}
.afbeelding-content-item .content-box h3 {
font-size: 32px;
margin-top: 44px;
}
.content-box.Titel.knoppen.links.en.tekst.rechts.met.achtergrond.kleur div.button-box a {
margin-top: 16px;
}
.content-box.Titel.knoppen.links.en.tekst.rechts.met.achtergrond.kleur div.button-box {
float: left;
width: 420px;
margin-top: 0;
}
.content-laag .content-box.Titel.links.en.tekst.en.knoppen.rechts.met.achtergrond.kleur {
max-width: 1308px;
}
.content-box.Titel.knoppen.links.en.tekst.rechts h2.title-element:before {
height: 30px;
top: 8px;
}
section.content-laag {
position: relative;
}
.vestigingen-laag {
position: relative;
}
section.content-laag span.blue-overlay, section.afb-tekst-laag span.blue-overlay, .vestigingen-laag span.blue-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: none no-repeat;
background-position: 100% 0%;
}
.content-laag span.grey-overlay, .vestigingen-laag span.grey-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: none no-repeat;
}
section.afb-tekst-laag span.image-overlay {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: none no-repeat;
background-position: 100% 0%;
top: 0;
left: 0;
}
span.image-box.one-image {
height: 704px;
}
section.content-laag {
padding: 144px 0px;
}
.actueel-intro {
padding-top: 156px;
padding-bottom: 320px;
}
.single-actueel section.breadcrumbs, .single-actueel .back-btn {
max-width: 1308px;
margin-left: auto;
margin-right: auto;
}
.single-actueel a.back-btn {
margin-top: 72px;
}
.actueel-wrapper h1 {
font-size: 32px;
line-height: 130%;
}
.actueel-wrapper .tag:after {
background: #195d91;
}
.actueel-wrapper .tag {
padding-left: 16px;
padding-right: 32px;
}
.actueel-wrapper {
max-width: 642px;
margin-left: auto;
margin-right: auto;
}
.nieuws-author:after {
content: '';
display: block;
width: 1px;
height: 20px;
background: white;
margin-left: 16px;
}
.actueel-meta div.nieuws-author {
width: auto;
display: flex;
align-items: center;
}
.actueel-intro-image {
height: 784px;
margin-bottom: 144px;
margin-top: -232px;
}
.single-actueel .actueel-content h4, .single-actueel .actueel-content h4 strong {
font-size: 24px;
}
.single-actueel .actueel-content h3, .single-actueel .actueel-content h3 strong {
font-size: 28px;
}
.single-actueel .actueel-content h2, .single-actueel .actueel-content h2 strong {
font-size: 32px;
line-height: 130%;
}
.single-actueel .actueel-content .text-box {
max-width: 642px;
margin-left: auto;
margin-right: auto;
}
.actueel-content {
gap: 80px;
}
.actueel-content .one-image.image-box {
max-width: 1086px;
margin-left: auto;
margin-right: auto;
}
.actueel-content .quote-box .quote-info .image-box {
margin: 0;
}
.actueel-content .quote-box .quote-info {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 40px;
}
.actueel-content .quote-box {
max-width: 642px;
margin: 0 auto;
flex-wrap: wrap;
gap: 0;
}
section.single-actueel {
padding-bottom: 144px;
}
.afb-tekst-laag .flexbox-wrapper div.content-box {
flex-basis: 500px;
width: 500px;
max-width: initial;
}
.afb-tekst-laag .flexbox-wrapper span.image-box {
max-width: 642px;
flex-basis: 642px;
height: 704px;
}
.afb-tekst-laag .video-box {
max-width: 642px;
flex-basis: 642px;
height: 704px;
}
.afb-tekst-laag .flexbox-wrapper {
max-width: 1308px;
margin: 0 auto;
justify-content: center;
gap: 56px;
}
section.afb-tekst-laag {
position: relative;
}
.volle-afb-tekst-laag.Content.gecentreerd div.flexbox-wrapper .title-element:before {
height: 46px;
width: 37px;
top: 14px;
}
.volle-afb-tekst-laag.Content.gecentreerd div.flexbox-wrapper .title-element {
max-width: initial;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.header-layer .content-box h1 {
font-size: 48px;
}
section.content-laag.Overal.ruimte {
padding: 144px 0px;
}
body:not(.home) div#content > :first-child {
padding-top: 88px;
}
section.breadcrumbs {
padding: 32px 72px;
}
.cta-laag .flexbox-wrapper > span.image-box {
max-width: initial;
flex-basis: 50%;
width: 50%;
height: auto;
}
.cta-laag .person-box span.image-box {
height: 224px;
}
.cta-laag .flexbox-wrapper .content-box {
flex-basis: 60% !important;
width: 60% !important;
}
.cta-laag .flexbox-wrapper {
gap: 0;
}
button.submenu-toggle {
display: none;
}
li.sf-field-post-meta-categorie ul li {
padding: 19px 16px;
}
li.sf-field-search input {
padding: 20px 8px;
padding-left: 56px;
}
li.sf-field-search:before {
top: 19px;
}
.nieuws-overzicht {
width: 100%;
gap: 88px 20px;
}
.nieuws-content .nieuws-meta-bottom {
display: flex;
align-items: center;
justify-content: space-between;
}
.nieuws-content h3 {
font-size: 24px;
}
.nieuws-content .nieuws-meta-bottom .flexbox-wrapper span.btn {
overflow: visible;
}
.nieuws-content .nieuws-meta-bottom .flexbox-wrapper span.btn:before {
content: 'Lees bericht';
position: absolute;
left: -100px;
color: black;
}
.nieuws-content .nieuws-meta-bottom .flexbox-wrapper {
margin-bottom: 0;
}
.nieuws-content .nieuws-meta-bottom {
display: flex;
align-items: center;
justify-content: space-between;
}
.nieuws-content span.btn {
position: relative;
}
.nieuws-content span.btn:before {
content: 'Lees bericht';
position: absolute;
color: var(--font-dark);
font-family: "Roboto";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
width: 90px;
left: -106px;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
}
.single-projecten .image-box {
height: 384px;
}
.project-content h4 {
font-size: 24px;
color: var(--font-dark);
}
.Overal.ruimte {
padding: 144px 0px;
}
.Geen.ruimte.boven {
padding-top: 0;
padding-bottom: 144px;
}
.Geen.ruimte.onder {
padding-bottom: 0;
padding-top: 144px;
}
section.volle-afb-tekst-laag .content-box {
max-width: 1006px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
section.volle-afb-tekst-laag {
padding: 64px 0px !important;
}
.volle-afb-tekst-laag .text-box {
max-width: 602px;
}
.volle-afb-tekst-laag > span.image-box.blue-overlay:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: none no-repeat;
background-position: 100% 0%;
}
.volle-afb-tekst-laag > span.image-box.grey-overlay:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: none no-repeat;
background-position: 0% 0%;
background-size: contain;
}
.volle-afb-tekst-laag > span.image-box.image-overlay:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: none no-repeat;
background-position: 100% 0%;
}
.contact-content-laag .inner .flexbox-wrapper .content-box .title-element:before {
width: 22px;
height: 25px;
top: 6px;
}
.diensten-items .active {
opacity: 1;
border-bottom: 1px solid white;
}
.diensten-items * {
font-size: 18px;
opacity: 0.6;
padding: 16px;
padding-top: 0;
}
.diensten-items {
display: flex;
justify-content: center;
gap: 0px 16px;
margin-bottom: 88px;
}
.dienst-item {
flex-wrap: nowrap;
gap: 40px;
}
.dienst-image {
height: 480px;
margin-bottom: 0;
}
.dienst-content {
align-self: center;
}
.faq-box {
margin-top: 80px;
}
.faq-laag .content-box:not(.animatie) .title-element:before {
top: 11px;
}
.uitklap-item:hover {
border: 1px solid var(--vdp-groen);
}
h3.uitklap {
font-size: 20px;
padding: 32px;
}
h3.uitklap.accordion-header:after {
right: 32px;
}
.uitklap-item .text-box p {
padding: 32px;
padding-top: 0;
}
.faq-laag .content-box .text-box {
max-width: 720px;
}
.contact-content-laag .inner .flexbox-wrapper {
max-width: 1086px;
margin-left: auto;
margin-right: auto;
}
.contact-content-laag .inner .flexbox-wrapper .content-box {
width: 100%;
flex-basis: 100%;
}
.contact-content-laag .inner .flexbox-wrapper .content-box .text-box {
max-width: 580px;
}
.contact-content-laag .inner .flexbox-wrapper .content-box .title-element {
margin-bottom: 0;
max-width: 500px;
}
.contact-content-laag .inner .flexbox-wrapper .content-box {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: space-between;
}
.contact-content-laag .content-box:nth-of-type(2) {
border-top: 0;
padding-top: 0;
margin-top: 88px;
}
.service-box {
margin-top: 0;
border-top: 0;
padding-top: 0;
max-width: 580px;
flex-basis: 580px;
}
.contact-content-laag .inner .flexbox-wrapper .content-box:nth-of-type(2) .text-box {
width: 440px;
}
.contact-content-laag .inner .flexbox-wrapper .content-box .text-box {
max-width: 580px;
}
.contact-content-laag .content-box:nth-of-type(2) h3 {
font-size: 24px;
}
.service-box h4 {
font-size: 32px;
}
.service-box .service-item a {
width: fit-content;
margin-top: 0;
}
.service-box .service-item {
display: flex;
align-items: center;
justify-content: space-between;
}
.modal-content .content-box h3 {
font-size: 32px;
}
.modal-content .form-box form input {
min-height: 48px;
}
.modal-content .content-box > * {
max-width: 453px;
}
.modal-content .content-box {
padding: 64px;
flex-basis: 50%;
width: 50%;
flex-grow: 2;
}
.modal-content span.image-box {
height: auto !important;
max-width: 500px;
}
.modal-content {
max-width: 1184px;
display: flex;
justify-content: space-between;
}
.modal-content button.modal-close {
right: 40px;
top: 40px;
}
.vestigingen-laag .title-element {
margin-bottom: 88px;
line-height: 120%;
}
.projecten-overzicht {
width: 100%;
flex-basis: 100%;
}
.projecten-overzicht > .projecten-overzicht {
gap: 80px 20px;
}
.overzicht-laag .content-box .filter {
flex-basis: 100%;
width: 100%;
}
.overzicht-laag .content-box {
width: 100%;
max-width: 1086px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.overzicht-laag .text-box * {
font-size: 18px;
}
.overzicht-laag .content-box:not(.animatie) .title-element:before {
height: 32px;
width: 24px;
top: 7px;
}
.overzicht-laag .text-box {
flex-basis: 420px;
}
.overzicht-laag .title-element {
margin-bottom: 0;
}
div.quote-box img {
height: 45px;
margin-bottom: 0;
}
.quote-box {
display: flex;
align-items: center;
gap: 40px;
}
.quote-box span.logo-box {
background: none !important;
display: flex;
align-items: center;
}
.content-box.Titel.knoppen.links.en.tekst.rechts div.text-box * {
font-size: 18px;
}
.content-box.Titel.knoppen.links.en.tekst.rechts div.text-box.grote_tekst {
margin-bottom: 0;
float: left;
clear: both;
margin-top: 24px;
}
.content-box.Titel.knoppen.links.en.tekst.rechts div.text-box.grote_tekst * {
font-size: 1.5rem;
}
.content-box.Titel.knoppen.links.en.tekst.rechts div.text-box {
float: right;
width: 420px;
}
.content-box.Titel.knoppen.links.en.tekst.rechts .title-element {
float: left;
width: 414px;
margin-bottom: 0;
}
.content-box.Titel.knoppen.links.en.tekst.rechts div.button-box, .content-box.Titel.knoppen.links.en.tekst.rechts div.popup-box {
clear: both;
overflow: hidden;
margin-top: 0;
}
.content-box.Titel.knoppen.links.en.tekst.rechts div.button-box a, .content-box.Titel.knoppen.links.en.tekst.rechts div.popup-box a {
margin-top: 40px;
}
section.error-404 {
padding-top: 140px;
}
nav.mobile-menu-content > ul li {
border: 0;
}
nav.mobile-menu-content > ul {
background: white;
position: relative;
padding: 24px;
}
.mobile-menu-content {
top: 140px;
background: var(--Grey---KBK, var(--vdp-offwhite));
box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.35);
padding: 24px;
max-width: 1116px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
height: auto;
}
.menu-items-wrapper > li:last-child {
margin-top: 32px;
}
.mobile-nav-menu > li > button {
display: none;
}
.mobile-nav-menu > li > a {
padding: 0;
}
nav.mobile-menu-content > ul {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
.mobile-nav-menu ul.sub-menu {
display: block;
background: 0;
width: 100%;
}
.mobile-nav-menu > li > a, .mobile-nav-menu div > li > a {
padding: 0;
}
.mobile-nav-menu ul.sub-menu li a {
padding-left: 0;
padding-right: 0;
}
.mobile-nav-menu .sub-menu li {
border-bottom: 0;
}
.mobile-nav-menu ul.sub-menu li a {
padding-bottom: 0;
}
.menu-open header#masthead {
border-bottom: 0;
background: var(--vdp-groen);
}
.mobile-nav-menu ul.sub-menu li a:before {
width: 16px;
}
.mobile-nav-menu > li > a:hover, .mobile-nav-menu div > li > a:hover, .mobile-nav-menu ul.sub-menu li a:hover {
color: #e63422;
}
.header-layer .box-width-large {
max-width: initial;
}
.overzicht-laag h1.title-element:before {
height: 40px !important;
width: 28px !important;
}
.overzicht-laag h1.title-element {
font-size: 48px;
}
div#wpsl-wrap {
align-items: initial;
flex-wrap: nowrap;
}
div#wpsl-wrap div.resultaten {
flex-basis: 35%;
width: 35%;
}
div#wpsl-wrap div#wpsl-gmap {
flex-basis: 65%;
width: 65%;
height: auto !important;
}
div#wpsl-wrap div.resultaten {
padding: 40px;
}
.nav-menu>li:not(.has-mega)>.sub-menu a:hover {
background: none;
color: var(--font-dark);
text-decoration: underline;
}
#wpsl-wrap #wpsl-result-list ul li {
padding: 24px !important;
padding-top: 0 !important;
}
.nieuws-overzicht .nieuws-item a span.nieuws-thumb:before, .project-item a span.project-thumb:before, .posts-slider .nieuws-item a span.nieuws-thumb:before, .diensten-scroll-box .dienst-item span.image-box:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
transition: inherit;
}
.afb-tekst-laag .content-box:not(.animatie) h2.title-element:before, .gap-box .content-box.Onder.elkaar h2.title-element:before {
height: 30px;
top: 8px;
}
.diensten-scroll-box .dienst-item span.image-box {
transition: .2s ease-in-out;
}
.site-header.is-scrolled .nav-menu li#menu-item-1098:hover {
background: linear-gradient(90deg, var(--vdp-groen) 0%, #1899D6 81.17%);
}
.site-header.is-scrolled .nav-menu li#menu-item-1099:hover {
background: linear-gradient(90deg, var(--vdp-groen) 0%, #C69033 81.17%);
}
.site-header.is-scrolled .nav-menu li#menu-item-1100:hover {
background: linear-gradient(90deg, var(--vdp-groen) 0%, #4BAE50 81.17%);
}
.nieuws-overzicht .nieuws-item a:hover span.nieuws-thumb:before, .project-item a:hover span.project-thumb:before, .posts-slider .nieuws-item a:hover span.nieuws-thumb:before, .diensten-scroll-box .dienst-item:hover span.image-box:before {
transform: scale(1.035);
}
.nav-menu .sub-menu li.custom-menu-item a:hover {
text-decoration: none;
}
ul#primary-menu>li>a {
padding-bottom: 0 !important;
}
.content-laag .content-box.Onder.elkaar h1.title-element, .afb-tekst-laag .content-box h1.title-element {
font-size: 40px;
line-height: 120%;
}
.content-box.Titel.knoppen.links.en.tekst.rechts h1.title-element:before, .content-laag .content-box.Onder.elkaar h1.title-element:before, .afb-tekst-laag .content-box h1.title-element:before {
height: 30px;
top: 8px;
}
.content-laag .content-box.Onder.elkaar h3.title-element:before, .afb-tekst-laag .content-box h3.title-element:before {
height: 36px;
top: 9px;
}
.content-laag .content-box.Onder.elkaar h3.title-element, .afb-tekst-laag .content-box h3.title-element {
font-size: 48px;
}
.nav-menu>li#menu-item-1098:before, .nav-menu>li#menu-item-1099:before, .nav-menu>li#menu-item-1100:before {
content: '';
position: absolute;
height: 150px;
width: 150px;
pointer-events: none;
}
.nav-menu>li#menu-item-1098:hover:before, .nav-menu>li#menu-item-1099:hover:before, .nav-menu>li#menu-item-1100:hover:before {
pointer-events: all;
}
}
@media (min-width: 1320px) {
.content-box.Titel.knoppen.links.en.tekst.rechts h2.title-element:before {
height: 42px;
width: 34px;
top: 11px;
left: -10px;
}
.cta-laag.afb-tekst-laag .content-box:not(.animatie) h2.title-element:before, .afb-tekst-laag .flexbox-wrapper.no-space div.content-box h2.title-element:before {
height: 30px;
top: 8px;
}
.mobile-menu-content {
max-width: initial;
margin-left: 24px;
margin-right: 24px;
width: calc(100% - 48px);
}
}
@media (min-width: 1480px) {
.footer-under {
padding-top: 32px;
}
div#wpsl-stores{
height: 500px !important;
}
.resultaten .wpsl-search.wpsl-clearfix.wpsl-geolocation-run:before {
font-size: 32px;
}
div#wpsl-wrap {
max-width: 1486px;
margin-left: auto;
margin-right: auto;
}
.mobile-menu-content {
max-width: 1788px;
top: 164px;
margin-left: auto;
margin-right: auto;
}
.single-actueel section.breadcrumbs, .single-actueel .back-btn {
max-width: 1788px;
}
nav.mobile-menu-content > ul > * {
flex-basis: 20%;
width: 20%;
}
nav.mobile-menu-content > ul {
padding: 24px 40px;
}
.mobile-cta-buttons {
display: none;
}
.sub-menu a:hover {
background: initial;
color: initial;
}
iframe#hover-video {
height: 150% !important;
width: 200% !important;
}
body:not(.home) section.header-layer.with-image {
display: flex;
align-items: center;
}
body.home .header-layer .content-box.box-width-large {
max-width: initial;
}
body.home section.header-layer.with-image span.desktop-header:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
pointer-events: none;
left: 0;
z-index: 1;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.0) 100%);
}
body.home section.header-layer.with-image * {
z-index: 2;
}
.footer .flexbox-wrapper>div:not(:first-of-type) p:first-of-type {
height: 48px;
display: flex;
align-items: center;
}
.afb-slider .image-box {
height: 400px;
}
footer#contact:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: transparent;
z-index: 2;
pointer-events: none;
}
footer#contact {
position: relative;
}
.header-layer .content-box h1 {
font-size: 56px;
}
.gap-box .content-box {
max-width: 1486px;
}
.title-element {
font-size: 40px;
}
.text-box * {
font-size: 1.5rem;
}
.header-layer ul.bullets li {
font-size: 1.5rem;
line-height: 150%;
font-weight: 400;
}
.afb-tekst-laag .content-box .text-box:not(.grote_tekst) * {
font-size: 20px;
}
.gap-box h2.title-element {
font-size: 40px;
}
.gap-box h1.title-element {
font-size: 48px;
}
.button-box {
gap: 40px;
}
.afbeelding-content-slider {
max-width: 1486px;
gap: 80px;
}
.afbeelding-content-item .content-box h3 {
font-size: 40px;
}
.afbeelding-content-slider > :first-child:nth-last-child(3) span.image-box, .afbeelding-content-slider > :first-child:nth-last-child(3) ~ * span.image-box {
height: 384px;
}
.afbeelding-content-slider > :first-child:nth-last-child(3), .afbeelding-content-slider > :first-child:nth-last-child(3) ~ * {
flex-basis: calc(33.33% - 52px);
width: calc(33.33% - 52px);
}
span.image-box.one-image {
height: 784px;
}
.modal-content .content-box {
padding: 64px;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.modal-content .content-box {
padding: 0;
margin-top: 88px;
margin-bottom: 88px;
overflow-y: scroll;
padding-left: 104px !important;
padding-right: 24px !important;
}
.modal-content::-webkit-scrollbar {
width: 0px;
}
.modal-content {
height: auto;
overflow-y: scroll;
max-height: 682px;
}
.modal-content .content-box::-webkit-scrollbar {
width: 5px;
margin-left: 8px;
}
.modal-content .content-box::-webkit-scrollbar-track {
background: white;
}
.modal-content .content-box::-webkit-scrollbar-thumb {
background: #d9d9d9;
}
.actueel-wrapper .tag:after {
background: #1a588b;
}
.actueel-wrapper {
max-width: 882px;
}
.actueel-wrapper h1 {
font-size: 48px;
}
.actueel-intro-image {
max-width: 1788px;
}
.single-actueel .actueel-content .text-box {
max-width: 882px;
}
.single-actueel .actueel-content h4, .single-actueel .actueel-content h4 strong {
font-size: 32px;
margin-top: 32px;
}
.single-actueel .actueel-content h3, .single-actueel .actueel-content h3 strong {
font-size: 36px;
margin-top: 32px;
}
.single-actueel .actueel-content h2, .single-actueel .actueel-content h2 strong {
font-size: 40px;
margin-top: 32px;
}
.actueel-content .one-image.image-box {
max-width: 1490px;
}
.actueel-content {
display: block;
}
.actueel-content > :last-child {
margin-bottom: 0 !important;
}
.actueel-content > * {
margin-bottom: 80px !important;
}
.actueel-content .quote-box .text-box {
font-size: 32px;
line-height: 140%;
}
.actueel-content .quote-box {
max-width: 882px;
}
.actueel-content .quote-box.achtergrond-aan > div {
max-width: 882px;
margin-left: auto;
margin-right: auto;
}
.actueel-content .quote-box.achtergrond-aan {
max-width: 1490px;
padding: 144px 0px;
display: block;
}
.afb-tekst-laag .flexbox-wrapper {
max-width: 1788px;
justify-content: space-between;
}
.afb-tekst-laag .flexbox-wrapper.no-space div.content-box {
max-width: initial;
padding-left: 152px;
padding-top: 104px;
padding-bottom: 104px;
}
.afb-tekst-laag .flexbox-wrapper.no-space div.content-box * {
max-width: 500px;
}
.afb-tekst-laag .button-box {
margin-top: 56px;
}
.afb-tekst-laag .flexbox-wrapper span.image-box {
flex-basis: 50%;
max-width: 882px;
height: 784px;
}
.afb-tekst-laag .video-box {
flex-basis: 50%;
max-width: 882px;
height: 784px;
width: 50%;
}
.afb-tekst-laag .flexbox-wrapper div.content-box {
padding-left: 150px;
max-width: 650px;
flex-basis: 40%;
}
section.afb-tekst-laag.image-Links .content-box {
padding-left: 0;
padding-right: 152px;
}
.cta-laag .flexbox-wrapper div.content-box {
max-width: initial;
flex-basis: 50%;
width: 50%;
padding-left: 152px;
padding-top: 88px;
padding-bottom: 88px;
padding-right: 128px;
}
.cta-laag .person-box span.image-box {
height: 224px;
}
.cta-laag .flexbox-wrapper > span.image-box {
max-width: initial;
height: auto;
width: 50%;
}
.cta-laag .flexbox-wrapper div.content-box {
flex-basis: 50% !important;
width: 50% !important;
}
.cta-laag .text-box * {
font-size: 18px;
}
.cta-laag.Overal.ruimte {
padding: 144px 0px;
}
.project-content h4 {
padding-right: 64px;
}
section.volle-afb-tekst-laag {
padding: 144px 0px !important;
}
section.volle-afb-tekst-laag .content-box {
max-width: 1380px;
}
section.volle-afb-tekst-laag h2.title-element {
line-height: 110%;
}
section.volle-afb-tekst-laag {
min-height: calc(100vh - 115px);
}
.dienst-image {
height: 712px;
}
.dienst-item {
gap: 88px;
}
.dienst-content {
max-width: 667px;
}
.dienst-content .text-box * {
font-size: 20px;
}
.contact-content-laag .inner .flexbox-wrapper {
max-width: 1486px;
}
.contact-content-laag h2.title-element {
max-width: 690px !important;
}
.contact-content-laag .inner .flexbox-wrapper .content-box .text-box * {
font-size: 20px;
}
.contact-content-laag .inner .flexbox-wrapper .content-box .text-box h3 {
font-size: 32px;
margin-bottom: 32px;
}
.contact-content-laag .inner .flexbox-wrapper .content-box:nth-of-type(2) .text-box {
width: 580px;
}
.contact-content-laag .inner .flexbox-wrapper .content-box .text-box * {
font-size: 18px;
}
.contact-content-laag .content-box:nth-of-type(2) .text-box p a {
display: inline-block;
margin: 0;
}
.contact-content-laag .inner .flexbox-wrapper .content-box .text-box p {
margin: 0;
}
.contact-content-laag .content-box:not(.animatie) .title-element:before {
width: 33px;
height: 44px;
top: 10px;
left: 0;
}
.contact-content-laag .inner .flexbox-wrapper .content-box .title-element:before {
width: 26px;
height: 30px;
top: 8px;
}
.contact-content-laag .inner .flexbox-wrapper .content-box .title-element:before
{
width: 33px;
height: 43px;
top: 10px;
}
.overzicht-laag .content-box {
max-width: 1486px;
}
form#search-filter-form-1691 > ul > li {
max-width: initial;
flex-basis: calc(33% - 6px);
width: calc(33% - 6px);
}
.projecten-overzicht > .projecten-overzicht {
gap: 144px 20px;
}
.overzicht-laag .content-box:not(.animatie) .title-element:before {
height: 42px;
width: 34px;
top: 11px;
left: -8px;
}
.overzicht-laag .text-box {
flex-basis: 580px;
}
.overzicht-laag .text-box * {
font-size: 20px;
}
.searchandfilter ul li {
margin-bottom: 0 !important;
}
.filter form > ul > li {
width: 320px;
}
.filter form > ul {
justify-content: flex-start;
}
.searchandfilter ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
}
.nieuws-overzicht {
gap: 144px 20px;
}
.result-count {
max-width: 1480px;
margin-left: auto;
margin-right: auto;
margin-bottom: 144px;
}
li.sf-field-post-meta-categorie ul li:hover label {
color: white !important;
}
li.sf-field-post-meta-categorie ul li:hover {
background: var(--vdp-groen);
cursor: pointer;
}
li.sf-field-post-meta-categorie ul li input {
cursor: pointer;
}
li.sf-field-post-meta-categorie ul li, li.sf-field-post-meta-categorie ul li label {
transition: .1s ease-in-out;
}
.content-box.Titel.knoppen.links.en.tekst.rechts .title-element {
max-width: 700px;
width: 100%;
}
.content-box.Titel.knoppen.links.en.tekst.rechts h2.title-element, .content-box.Titel.knoppen.links.en.tekst.rechts h1.title-element {
font-size: 56px;
}
.content-box.Titel.knoppen.links.en.tekst.rechts div.text-box * {
font-size: 20px;
}
.content-box.Titel.knoppen.links.en.tekst.rechts div.text-box {
width: 100%;
max-width: 580px;
}
.content-box.Titel.knoppen.links.en.tekst.rechts .title-element:before {
height: 42px;
width: 34px;
top: 11px;
left: -10px;
}
.content-box.Titel.knoppen.links.en.tekst.rechts h1.title-element:before, .content-laag .content-box.Onder.elkaar h1.title-element:before, .afb-tekst-laag .content-box h1.title-element:before {
height: 42px;
top: 11px;
left: -10px;
}
.content-laag .content-box.Onder.elkaar h1.title-element, .afb-tekst-laag .content-box h1.title-element {
font-size: 56px;
line-height: 120%;
}
.content-laag .content-box.Titel.links.en.tekst.en.knoppen.rechts.met.achtergrond.kleur {
padding: 80px 160px;
max-width: 1788px;
}
.content-box.Titel.knoppen.links.en.tekst.rechts.met.achtergrond.kleur div.button-box {
max-width: 580px;
width: 100%;
margin-top: 56px;
clear: both;
}
.content-box.Titel.knoppen.links.en.tekst.rechts.met.achtergrond.kleur .title-element {
max-width: 675px;
}
.single-actueel h1 {
padding-left: 36px;
}
.single-actueel h1:before {
height: 41px;
width: 28px;
}
.actueel-content .text-box h2 {
padding-left: 32px;
}
.actueel-content .text-box h2:before {
width: 24px;
height: 32px;
top: 9px;
}
.actueel-content .text-box h3 {
padding-left: 28px;
}
.actueel-content .text-box h3:before {
width: 22px;
height: 27px;
top: 10px;
}
}
@media (min-width:1920px) {
}
@media (min-width:2100px) {
}
@media (min-width:2400px) {
}
@media (min-width: 2540px) {
}
a.Knop.met.stijl,
button.Knop.met.stijl,
a.btn:not(.text),
a.btn.button,
a.cta-btn,
a.header-cta-btn,
.gform_button.button,
a.c-btn.call-btn,
a.c-btn.email-btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 12px;
width: fit-content;
height: auto !important;
min-height: 0 !important;
padding: 12px 24px !important;
border-radius: 100px !important;
border: 1px solid transparent;
font-family: "new-atten", sans-serif !important;
font-weight: 500;
font-size: 16px !important;
line-height: 1.6 !important;
text-decoration: none;
cursor: pointer;
overflow: visible !important;
transition: background-color .2s ease-in-out, color .2s ease-in-out;
}
a.Knop.met.stijl:before,
a.Knop.met.stijl:after,
button.Knop.met.stijl:before,
button.Knop.met.stijl:after {
content: none !important;
background: none !important;
}
a.Knop.met.stijl.Donker.met.lichte.tekst,
button.Knop.met.stijl.Donker.met.lichte.tekst,
a.btn:not(.text),
a.btn.button,
a.cta-btn,
a.header-cta-btn,
.gform_button.button,
a.c-btn.call-btn,
a.c-btn.email-btn {
background-color: var(--donker-bg, var(--vdp-groen)) !important;
color: var(--donker-text, #ffffff) !important;
border-color: var(--donker-bg, var(--vdp-groen)) !important;
}
a.Knop.met.stijl.Donker.met.lichte.tekst:hover,
button.Knop.met.stijl.Donker.met.lichte.tekst:hover,
a.btn:not(.text):hover,
a.btn.button:hover,
a.cta-btn:hover,
a.header-cta-btn:hover,
.gform_button.button:hover,
a.c-btn.call-btn:hover,
a.c-btn.email-btn:hover {
background-color: var(--donker-bg-hover, #4a7c57) !important;
color: var(--donker-text-hover, #ffffff) !important;
border-color: var(--donker-bg-hover, #4a7c57) !important;
}
a.Knop.met.stijl.Licht.met.donkere.tekst,
button.Knop.met.stijl.Licht.met.donkere.tekst {
background-color: var(--licht-bg, #ffffff) !important;
color: var(--licht-text, #000000) !important;
border-color: var(--donker-bg, var(--vdp-groen)) !important;
}
a.Knop.met.stijl.Licht.met.donkere.tekst:hover,
button.Knop.met.stijl.Licht.met.donkere.tekst:hover {
background-color: var(--licht-bg-hover, #efefef) !important;
color: var(--licht-text-hover, #000000) !important;
}
a.Knop.met.stijl.Donker.met.lichte.tekst::after,
a.Knop.met.stijl.Licht.met.donkere.tekst::after,
a.btn:not(.text)::after,
a.btn.button::after,
a.cta-btn::after,
a.header-cta-btn::after,
a.c-btn.call-btn::after,
a.c-btn.email-btn::after {
content: "" !important;
display: block;
position: static !important;
flex: 0 0 24px;
width: 24px !important;
height: 24px !important;
right: auto !important;
background-image: none !important;
background-color: currentColor !important;
-webkit-mask: var(--icon-arrow) no-repeat center / 24px 24px !important;
mask: var(--icon-arrow) no-repeat center / 24px 24px !important;
transition: transform .2s ease-in-out;
}
a.Knop.met.stijl.Donker.met.lichte.tekst:hover::after,
a.Knop.met.stijl.Licht.met.donkere.tekst:hover::after,
a.btn:not(.text):hover::after,
a.btn.button:hover::after {
transform: translateX(4px);
}
a.btn.text {
display: inline-flex !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: none !important;
color: var(--donker-bg, var(--vdp-groen)) !important;
text-decoration: underline;
font-family: "new-atten", sans-serif !important;
font-weight: 500;
}
a.btn.text::after { content: none !important; }
a.cta-btn--secondary,
a.header-cta-btn--secondary {
background-color: var(--licht-bg, #ffffff) !important;
color: var(--licht-text, #000000) !important;
border-color: var(--donker-bg, var(--vdp-groen)) !important;
}
a.cta-btn--secondary:hover,
a.header-cta-btn--secondary:hover {
background-color: var(--licht-bg-hover, #efefef) !important;
color: var(--licht-text-hover, #000000) !important;
border-color: var(--donker-bg, var(--vdp-groen)) !important;
}
body.has-top-header .site {
padding-top: 163px !important;
}
@media (min-width: 1024px) {
body.has-top-header .site {
padding-top: 192px !important;
}
}
section.header-layer.with-image {
height: auto !important;
padding: 90px 0 180px !important;
display: flex;
align-items: center;
position: relative;
background-color: var(--bg-default, var(--vdp-glas));
overflow: visible !important;
border-bottom: 0 !important;
}
@media (max-width: 1179px) {
section.header-layer.with-image { padding: 100px 0 170px !important; }
}
@media (max-width: 767px) {
section.header-layer.with-image { padding: 70px 0 130px !important; }
}
section.header-layer.with-image span.desktop-header:before {
background: linear-gradient(0deg, rgba(0,0,0,0.28) 0%, rgba(0,0,0,0.0) 45%) !important;
}
section.header-layer.with-image::before {
content: "" !important;
display: block !important;
visibility: visible !important;
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: 60px;
background-color: var(--bg-default, var(--vdp-glas));
-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4000 61' preserveAspectRatio='none'><path fill='%23fff' d='M0 0 H1830 C1927.09 8.72 1950.92 60.71 1999.92 60.71 C2048.91 60.71 2072.77 8.72 2169.85 0 H4000 V61 H0 Z'/></svg>") center bottom / 4000px 100% no-repeat;
mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4000 61' preserveAspectRatio='none'><path fill='%23fff' d='M0 0 H1830 C1927.09 8.72 1950.92 60.71 1999.92 60.71 C2048.91 60.71 2072.77 8.72 2169.85 0 H4000 V61 H0 Z'/></svg>") center bottom / 4000px 100% no-repeat;
z-index: 5;
pointer-events: none;
clear: none !important;
}
section.header-layer.with-image::after {
content: "" !important;
display: block !important;
visibility: visible !important;
position: absolute !important;
left: 50% !important;
bottom: 15px !important;
top: auto !important;
transform: translateX(-50%) translateZ(0) !important;
-webkit-transform: translateX(-50%) translateZ(0) !important;
will-change: transform;
width: 50px !important;
height: 54px !important;
margin: 0 !important;
clear: none !important;
font-size: inherit !important;
background: url(../img/vdp-badge.svg?v=1) no-repeat center / contain !important;
z-index: 10;
pointer-events: none;
}
@media (max-width: 767px) {
section.header-layer.with-image::after {
width: 38px !important;
height: 41px !important;
bottom: 15px !important;
}
}
section.header-layer .content-box :is(h1, h2, h3) {
font-family: "mencken-std", serif !important;
font-style: italic !important;
font-size: clamp(32px, 5vw, 64px);
line-height: 1.1;
letter-spacing: 1px;
color: #ffffff;
}
section.header-layer .content-box .text-box {
font-family: "new-atten", sans-serif !important;
font-size: clamp(16px, 1.6vw, 18px);
line-height: 1.6;
color: #ffffff;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.header-layer .inner.page-down-indicator {
display: none !important;
}
.header-layer .content-box h1:before {
content: none !important;
}
.faq-laag .faq-content {
max-width: 836px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 32px;
}
.faq-laag .faq-header {
text-align: center;
}
.faq-laag .faq-header .title-element {
font-family: "mencken-std", serif !important;
font-style: italic !important;
font-size: 48px;
line-height: 1.2;
letter-spacing: 1px;
color: #000000;
margin: 0 0 20px;
}
.faq-laag .faq-header .text-box {
font-family: "new-atten", sans-serif !important;
font-size: 18px;
line-height: 1.6;
color: #000000;
margin: 0;
}
.faq-laag .faq-box.accordion {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
margin-top: 0 !important;
}
.faq-laag .accordion-item {
background: #ffffff;
border: 1px solid rgba(34, 58, 96, 0.2);
border-radius: 24px;
overflow: hidden;
}
.faq-laag .accordion-item:hover { border-color: rgba(34, 58, 96, 0.4); }
.faq-laag h3.uitklap.accordion-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin: 0;
padding: 24px;
padding-right: 40px !important;
font-family: "new-atten", sans-serif !important;
font-weight: 500;
font-size: 18px;
line-height: 1.6;
color: #000000;
}
.faq-laag h3.uitklap.accordion-header:after {
content: "" !important;
flex: 0 0 24px;
width: 24px;
height: 24px;
margin: 0 !important;
background: var(--vdp-groen) !important;
-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z'/></svg>") no-repeat center / 24px 24px;
mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z'/></svg>") no-repeat center / 24px 24px;
transition: transform .25s ease;
transform: translateY(-50%);
}
.faq-laag .accordion-item.is-active h3.uitklap.accordion-header:after {
transform: translateY(-50%) rotate(180deg);
}
.faq-laag .accordion-content {
padding: 0;
}
.faq-laag .accordion-content .faq-antwoord {
display: block;
box-sizing: border-box;
padding: 0 24px 24px;
font-family: "new-atten", sans-serif !important;
font-size: 16px;
line-height: 1.6;
color: #000000;
}
.faq-laag .faq-footer {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
text-align: center;
}
.faq-laag .faq-footer-text {
font-family: "new-atten", sans-serif !important;
font-size: 18px;
line-height: 1.6;
color: #000000;
margin: 0;
}
@media (max-width: 767px) {
.faq-laag .faq-header .title-element { font-size: 32px; }
.faq-laag h3.uitklap.accordion-header { font-size: 16px; padding: 20px; }
.faq-laag .accordion-content .faq-antwoord { padding: 0 20px 20px; }
}
.faq-laag .uitklap-item .text-box p { padding: 0; }
.faq-laag .faq-footer .button-box { margin-top: 0; }
.text-box * { font-size: 18px; margin: 0; }
@media (max-width: 767px) {
.text-box * { font-size: 16px; }
}
.text-box em,
.text-box i,
.text-box strong,
.text-box b,
.text-box a,
.text-box u,
.text-box sup,
.text-box sub { font-size: inherit !important; }
.nieuws-detail-laag .nd-body .contact-information { display: none !important; }
.nieuws-detail-laag .nd-body .col-md-8,
.nieuws-detail-laag .nd-body .col-md-4 { width: 100% !important; max-width: 100% !important; float: none !important; }
.content-afbeelding-laag .flexbox-wrapper {
gap: clamp(40px, 6vw, 100px);
align-items: stretch;
}
.content-afbeelding-laag .content-box {
flex: 1 1 0;
display: flex;
flex-direction: column;
justify-content: center;
gap: 24px;
}
.content-afbeelding-laag span.image-box.one-image {
flex: 0 0 48%;
height: auto;
min-height: 420px;
border-radius: 30px;
align-self: stretch;
}
.content-afbeelding-laag .title-element {
font-family: "mencken-std", serif !important;
font-style: italic !important;
font-size: 32px;
line-height: 1.2;
letter-spacing: 1px;
color: #000000;
margin: 0;
}
.content-afbeelding-laag .text-box,
.content-afbeelding-laag .text-box p {
font-family: "new-atten", sans-serif !important;
font-size: 16px !important;
line-height: 1.6;
color: #000000;
margin: 0;
}
.content-afbeelding-laag .text-box ul {
list-style: none;
margin: 0 0 24px;
padding: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.content-afbeelding-laag .text-box ul li {
position: relative;
padding-left: 32px;
font-family: "new-atten", sans-serif !important;
font-size: 16px !important;
line-height: 1.6;
color: #000000;
}
.content-afbeelding-laag .text-box ul li::before {
content: "";
position: absolute;
left: 0;
top: 2px;
width: 20px;
height: 20px;
background-color: var(--vdp-groen);
-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>") no-repeat center / 20px 20px;
mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>") no-repeat center / 20px 20px;
}
@media (max-width: 1023px) {
.content-afbeelding-laag .flexbox-wrapper { flex-direction: column !important; gap: 32px; }
.content-afbeelding-laag .content-box { flex: 1 1 auto; justify-content: flex-start; }
.content-afbeelding-laag span.image-box.one-image {
flex: 0 0 auto;
width: 100%;
height: auto;
min-height: 280px;
}
.content-afbeelding-laag .title-element { font-size: 28px; }
section.afb-tekst-laag.image-Rechts .afb-caption { flex-direction: row; justify-content: flex-start; }
}
.button-box,
.afb-tekst-laag .button-box {
margin-top: 0;
}
.afb-tekst-laag .content-box ul li:first-child {
margin-top: 24px;
}
section.afb-tekst-laag.image-Links .content-box {
padding-right: 0;
}
section.afb-tekst-laag.image-Rechts .flexbox-wrapper div.content-box {
padding-left: 0;
}
section.afb-tekst-laag.image-Rechts .afb-caption {
flex-direction: row-reverse;
}
.content-afbeelding-laag .afb-caption {
display: flex;
align-items: center;
gap: 12px;
margin-top: 16px;
}
.content-afbeelding-laag .afb-caption__icon {
flex: 0 0 24px;
width: 24px;
height: 24px;
background-color: var(--vdp-groen);
-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M11 7h2v2h-2V7zm0 4h2v6h-2v-6zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/></svg>") no-repeat center / 24px 24px;
mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M11 7h2v2h-2V7zm0 4h2v6h-2v-6zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/></svg>") no-repeat center / 24px 24px;
}
.content-afbeelding-laag .afb-caption__text {
font-family: "new-atten", sans-serif !important;
font-size: 16px;
line-height: 1.6;
color: #000000;
}
.checklist-laag .checklist-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
gap: clamp(40px, 6vw, 100px);
}
.checklist-laag.kaart-Links .checklist-wrapper {
flex-direction: row-reverse;
}
.checklist-laag .checklist-intro {
flex: 0 1 411px;
display: flex;
flex-direction: column;
gap: 32px;
}
.checklist-laag .checklist-intro .title-element {
font-family: "mencken-std", serif !important;
font-style: italic !important;
font-size: 32px;
line-height: 1.2;
letter-spacing: 1px;
color: #000000;
margin: 0;
}
.checklist-laag .checklist-intro .text-box,
.checklist-laag .checklist-intro .text-box p {
font-family: "new-atten", sans-serif !important;
font-size: 16px !important;
line-height: 1.6;
color: #000000;
margin: 0;
}
.checklist-laag .checklist-card {
flex: 0 1 567px;
background: #ffffff;
border: 1px solid rgba(0, 54, 102, 0.2);
border-radius: 30px;
padding: 32px;
}
.checklist-laag .checklist-card ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 16px;
}
.checklist-laag .checklist-card ul li {
display: block;
position: relative;
padding-left: 40px;
font-family: "new-atten", sans-serif !important;
font-size: 16px !important;
line-height: 1.6;
color: #000000;
}
.checklist-laag .checklist-card ul li::before {
content: "";
position: absolute;
left: 0;
top: 1px;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: var(--vdp-groen);
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23fff' d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>");
background-repeat: no-repeat;
background-position: center;
background-size: 16px 16px;
}
@media (max-width: 1023px) {
.checklist-laag .checklist-wrapper,
.checklist-laag.kaart-Links .checklist-wrapper {
flex-direction: column !important;
align-items: stretch;
gap: 32px;
}
.checklist-laag .checklist-intro,
.checklist-laag .checklist-card { flex: 1 1 auto; }
.checklist-laag .checklist-intro .title-element { font-size: 28px; }
}
.cta-laag .cta-prompt {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
background: #ffffff;
border: 1px solid rgba(34, 58, 96, 0.2);
border-radius: 24px;
padding: 32px;
}
.cta-laag .cta-prompt__text {
display: flex;
flex-direction: column;
gap: 8px;
}
.cta-laag .cta-prompt__title {
font-family: "new-atten", sans-serif !important;
font-weight: 500;
font-size: 18px;
line-height: 1.6;
color: #000000;
margin: 0;
}
.cta-laag .cta-prompt__sub,
.cta-laag .cta-prompt__sub p {
font-family: "new-atten", sans-serif !important;
font-weight: 400;
font-size: 16px;
line-height: 1.6;
color: var(--font-dark);
margin: 0;
}
.cta-laag .cta-prompt > a.btn {
flex-shrink: 0;
}
@media (max-width: 767px) {
.cta-laag .cta-prompt {
flex-direction: column;
align-items: flex-start;
gap: 16px;
padding: 24px;
}
}
.cav-laag .cav-intro {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 32px;
}
.cav-laag .cav-intro-title {
font-family: "mencken-std", serif !important;
font-style: italic !important;
font-size: 48px;
line-height: 1.2;
letter-spacing: 1px;
color: #000000;
margin: 0;
}
.cav-laag .cav-intro-sub {
font-family: "new-atten", sans-serif !important;
font-size: 18px;
line-height: 1.6;
color: #000000;
margin: 0;
}
.cav-laag .cav-card {
display: flex;
align-items: stretch;
background: #ffffff;
border: 1px solid rgba(34, 58, 96, 0.2);
border-radius: 30px;
overflow: hidden;
}
.cav-laag.afb-Links .cav-card {
flex-direction: row-reverse;
}
.cav-laag .cav-content {
flex: 1 1 0;
display: flex;
flex-direction: column;
justify-content: center;
gap: 32px;
padding: 32px;
}
.cav-laag .cav-badge {
align-self: flex-start;
background: var(--vdp-mos);
color: var(--vdp-groen);
font-family: "new-atten", sans-serif !important;
font-weight: 500;
font-size: 14px;
line-height: 1.6;
padding: 2px 8px;
border-radius: 4px;
}
.cav-laag .cav-title {
font-family: "mencken-std", serif !important;
font-style: italic !important;
font-size: 32px;
line-height: 1.2;
letter-spacing: 1px;
color: #000000;
margin: 0;
}
.cav-laag .cav-text,
.cav-laag .cav-text p {
font-family: "new-atten", sans-serif !important;
font-size: 16px !important;
line-height: 1.6;
color: #000000;
margin: 0;
}
.cav-laag {
--cav-bulge: 56px;
}
.cav-laag .cav-image {
flex: 0 0 50%;
align-self: stretch;
min-height: 332px;
z-index: 1;
}
.cav-laag.afb-Rechts .cav-image {
-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 159' preserveAspectRatio='none'><path fill='%23000' d='M0 0 C4.48 45.42 31.17 56.57 31.17 79.5 C31.17 102.42 4.48 113.58 0 159 H280 V0 Z'/></svg>") no-repeat center / 100% 100%;
mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 159' preserveAspectRatio='none'><path fill='%23000' d='M0 0 C4.48 45.42 31.17 56.57 31.17 79.5 C31.17 102.42 4.48 113.58 0 159 H280 V0 Z'/></svg>") no-repeat center / 100% 100%;
}
.cav-laag.afb-Links .cav-content { padding-left: calc(32px + var(--cav-bulge)); }
.cav-laag.afb-Links .cav-image {
flex-basis: calc(50% + var(--cav-bulge));
margin-right: calc(-1 * var(--cav-bulge));
-webkit-mask:
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.17 159' preserveAspectRatio='none'><path fill='%23000' d='M0 0 C4.48 45.42 31.17 56.57 31.17 79.5 C31.17 102.42 4.48 113.58 0 159 Z'/></svg>") right center / var(--cav-bulge) 100% no-repeat,
linear-gradient(#000, #000) left center / calc(100% - var(--cav-bulge) + 1px) 100% no-repeat;
mask:
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.17 159' preserveAspectRatio='none'><path fill='%23000' d='M0 0 C4.48 45.42 31.17 56.57 31.17 79.5 C31.17 102.42 4.48 113.58 0 159 Z'/></svg>") right center / var(--cav-bulge) 100% no-repeat,
linear-gradient(#000, #000) left center / calc(100% - var(--cav-bulge) + 1px) 100% no-repeat;
}
@media (max-width: 1023px) {
.cav-laag .cav-intro-title { font-size: 28px; }
.cav-laag .cav-card,
.cav-laag.afb-Links .cav-card { flex-direction: column; }
.cav-laag .cav-image { order: -1; }
.cav-laag .cav-content,
.cav-laag.afb-Rechts .cav-content,
.cav-laag.afb-Links .cav-content {
flex: 1 1 auto;
gap: 16px;
padding: calc(32px + var(--cav-bulge)) 32px 32px;
}
.cav-laag .cav-image,
.cav-laag.afb-Rechts .cav-image,
.cav-laag.afb-Links .cav-image {
flex: 0 0 auto;
width: 100%;
min-height: 240px;
margin: 0 0 calc(-1 * var(--cav-bulge));
-webkit-mask:
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 159 31.17' preserveAspectRatio='none'><path fill='%23000' d='M0 0 H159 C113.58 4.48 102.42 31.17 79.5 31.17 C56.57 31.17 45.42 4.48 0 0 Z'/></svg>") bottom center / 100% var(--cav-bulge) no-repeat,
linear-gradient(#000, #000) top center / 100% calc(100% - var(--cav-bulge) + 1px) no-repeat;
mask:
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 159 31.17' preserveAspectRatio='none'><path fill='%23000' d='M0 0 H159 C113.58 4.48 102.42 31.17 79.5 31.17 C56.57 31.17 45.42 4.48 0 0 Z'/></svg>") bottom center / 100% var(--cav-bulge) no-repeat,
linear-gradient(#000, #000) top center / 100% calc(100% - var(--cav-bulge) + 1px) no-repeat;
}
}
.quote-laag .quote-block { display:flex; flex-direction:column; align-items:center; text-align:center; gap:56px; }
.quote-laag .quote-top,
.quote-laag .quote-bottom { display:flex; flex-direction:column; align-items:center; width:100%; }
.quote-laag .quote-arc { width:600px; max-width:80%; height:150px; display:block; }
.quote-laag .quote-arc--bottom { transform:rotate(180deg); }
.quote-laag .quote-badge {
margin-top:-35px;
display:inline-block;
border:1px solid #000;
border-radius:32px;
padding:8px 16px;
font-family:"new-atten" !important;
font-size:12px;
line-height:1;
color:#000;
background:transparent;
}
.quote-laag .quote-text {
font-family:"mencken-std" !important;
font-style:italic;
font-weight:500;
font-size:26px;
line-height:1.3;
letter-spacing:.5px;
max-width:760px;
margin:0;
color:inherit;
}
.quote-laag .quote-author {
margin-bottom:-26px;
font-family:"new-atten" !important;
font-size:16px;
color:inherit;
}
.quote-laag--compact .quote-block { gap:24px; }
.quote-laag--compact .quote-arc { display:none; }
.quote-laag--compact .quote-badge { margin-top:0; }
.quote-laag--compact .quote-author { margin-bottom:0; }
.quote-laag--compact .quote-text { font-size:32px; line-height:1.2; letter-spacing:1px; max-width:860px; }
@media (max-width:768px) {
.quote-laag .quote-block { gap:48px; }
.quote-laag .quote-arc { height:100px; }
.quote-laag .quote-text { font-size:22px; letter-spacing:.5px; }
.quote-laag .quote-badge { margin-top:-18px; }
.quote-laag .quote-author { margin-bottom:-12px; }
.quote-laag--compact .quote-block { gap:20px; }
.quote-laag--compact .quote-badge { margin-top:0; }
.quote-laag--compact .quote-author { margin-bottom:0; }
.quote-laag--compact .quote-text { font-size:24px; line-height:1.25; }
}
.tabel-laag .tabel-intro { display:flex; flex-direction:column; gap:20px; margin-bottom:32px; }
.tabel-laag .tabel-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; margin:0; }
.tabel-laag .tabel-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }
.tabel-laag .tabel-card { background:#fff; border:1px solid rgba(34,58,96,.2); border-radius:30px; padding:32px; }
.tabel-laag .tabel-scroll { overflow-x:auto; }
.tabel-laag .tabel-vergelijk { width:100%; border-collapse:collapse; }
.tabel-laag .tabel-vergelijk th,
.tabel-laag .tabel-vergelijk td { text-align:left; padding:15px 24px; font-family:"new-atten" !important; }
.tabel-laag .tabel-vergelijk thead th { font-weight:500; font-size:18px; color:#000; border-bottom:1px solid rgba(34,58,96,.2); white-space:nowrap; }
.tabel-laag .tabel-vergelijk tbody td { font-weight:400; font-size:16px; color:#000; border-bottom:1px solid rgba(34,58,96,.1); white-space:nowrap; }
.tabel-laag .tabel-vergelijk tbody tr:last-child td { border-bottom:0; }
.tabel-laag .tabel-vergelijk tbody td:first-child { color:var(--font-dark); }
@media (max-width:768px) {
.tabel-laag .tabel-title { font-size:28px; }
.tabel-laag .tabel-sub { font-size:16px; }
.tabel-laag .tabel-card { padding:16px; border-radius:20px; }
.tabel-laag .tabel-vergelijk th,
.tabel-laag .tabel-vergelijk td { padding:12px 16px; }
}
.afb-kaarten .afbeelding-content-item {
display:flex !important;
flex-direction:column;
border:1px solid rgba(34,58,96,.2);
border-radius:30px;
overflow:hidden;
background:#fff;
}
.afb-kaarten .afbeelding-content-item span.image-box.one-image {
width:100%;
height:200px !important;
margin:0 !important;
border-radius:0 !important;
background-size:cover !important;
background-position:center !important;
}
.afb-kaarten .afbeelding-content-item .content-box {
display:flex;
flex-direction:column;
gap:16px;
padding:32px !important;
margin:0 !important;
max-width:none !important;
background:#fff;
flex:1 0 auto;
}
.afb-kaarten .afbeelding-content-item .content-box h3 {
font-family:"new-atten" !important;
font-weight:700;
font-size:20px !important;
line-height:1.6;
color:#000;
margin:0 !important;
}
.afb-kaarten .afbeelding-content-item .content-box .text-box,
.afb-kaarten .afbeelding-content-item .content-box .text-box * {
font-family:"new-atten" !important;
font-size:16px;
line-height:1.6;
color:#000;
}
@media (min-width:1171px) {
.afb-kaarten.afbeelding-content-slider {
display:grid !important;
grid-template-columns:repeat(2,1fr) !important;
gap:32px !important;
max-width:none !important;
}
.afb-kaarten.afbeelding-content-slider > .afbeelding-content-item {
width:auto !important;
flex-basis:auto !important;
flex-grow:0 !important;
}
.afb-kaarten .afbeelding-content-item span.image-box.one-image { height:200px !important; }
.afb-kaarten .afbeelding-content-item .content-box h3 { font-size:20px !important; margin:0 !important; }
}
.afb-kaarten-intro { display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between; gap:32px; margin-bottom:32px; }
.afb-kaarten-intro__text { display:flex; flex-direction:column; gap:20px; flex:1 1 auto; }
.afb-kaarten-intro .btn { flex:0 0 auto; }
.afb-kaarten-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; margin:0; }
.afb-kaarten-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }
.afb-kaarten .afbeelding-content-item .content-box .kaart-tag {
align-self:flex-start;
background:var(--vdp-mos);
color:var(--vdp-groen);
font-family:"new-atten" !important;
font-weight:500;
font-size:14px;
line-height:1.6;
padding:2px 8px;
border-radius:4px;
}
.afb-kaarten .afbeelding-content-item .content-box .text-box a:not([target="_blank"])::before {
content:"";
flex:0 0 24px;
width:24px;
height:24px;
transform:rotate(180deg);
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 18L4 12L10 6L11.4 7.45L7.85 11H20V13H7.85L11.4 16.55L10 18Z' fill='%230078D2'/%3E%3C/svg%3E") no-repeat center / contain;
}
.afb-kaarten .afbeelding-content-item .content-box .text-box ul {
list-style:none;
margin:0 !important;
padding:0;
display:flex;
flex-direction:column;
gap:12px;
}
.afb-kaarten .afbeelding-content-item .content-box .text-box ul li {
position:relative;
padding-left:24px;
margin:0;
font-size:14px;
line-height:1.6;
color:var(--font-dark);
}
.afb-kaarten .afbeelding-content-item .content-box .text-box ul li::before {
content:"";
position:absolute;
left:0;
top:2px;
width:16px;
height:16px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.3333 4L6 11.3333L2.66667 8' stroke='%23579067' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}
.afb-kaarten .afbeelding-content-item .content-box .text-box a {
color:var(--link-primary) !important;
font-weight:500;
text-decoration:none;
display:inline-flex;
align-items:center;
gap:8px;
}
.afb-kaarten .afbeelding-content-item .content-box .text-box a:hover { text-decoration:underline; }
.afb-kaarten .afbeelding-content-item .content-box .text-box a[target="_blank"]::after {
content:"";
flex:0 0 24px;
width:24px;
height:24px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 13V19C19 19.5304 18.7893 20.0391 18.4142 20.4142C18.0391 20.7893 17.5304 21 17 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V7C3 6.46957 3.21071 5.96086 3.58579 5.58579C3.96086 5.21071 4.46957 5 5 5H11V7H5V19H17V13H19ZM13 3V5H17.586L9.793 12.793L11.207 14.207L19 6.414V11H21V3H13Z' fill='%230078D2'/%3E%3C/svg%3E") no-repeat center / contain;
}
@media (max-width:768px) {
.afb-kaarten-intro { flex-direction:column; }
.afb-kaarten-title { font-size:28px; }
.afb-kaarten-sub { font-size:16px; }
}
.afb-kaarten .afbeelding-content-item .content-box .text-box {
display:flex;
flex-wrap:wrap;
gap:16px;
flex-direction:column;
}
.gap-box:has(.afb-kaarten) { gap:0 !important; }
@media (min-width:1171px) {
.afb-kaarten.afbeelding-content-slider:has(> .afbeelding-content-item:nth-child(3):last-child) {
grid-template-columns:repeat(3,1fr) !important;
}
}
.content-blok-laag .cb-row { display:flex; align-items:flex-start; justify-content:space-between; gap:90px; }
.content-blok-laag .cb-intro { display:flex; flex-direction:column; gap:20px; max-width:563px; flex:1 1 auto; }
.content-blok-laag .cb-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; margin:0; }
.content-blok-laag .cb-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }
.cb-card {
flex:0 0 336px;
width:336px;
background:#fff;
border:1px solid rgba(34,58,96,.2);
border-radius:30px;
padding:32px;
display:flex;
flex-direction:column;
gap:32px;
}
.cb-back {
display:inline-flex;
align-items:center;
gap:16px;
font-family:"new-atten" !important;
font-size:16px;
line-height:1.6;
color:#000 !important;
text-decoration:none;
}
.cb-back:hover { text-decoration:underline; }
.cb-back::before {
content:"";
flex:0 0 auto;
width:18px;
height:18px;
background-color:currentColor;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z'/%3E%3C/svg%3E") no-repeat center / contain;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z'/%3E%3C/svg%3E") no-repeat center / contain;
transform:scaleX(-1);
}
.cb-links { display:flex; flex-direction:column; gap:16px; }
.cb-link {
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
font-family:"new-atten" !important;
font-weight:500;
font-size:16px;
line-height:1.6;
color:var(--link-primary) !important;
text-decoration:none;
}
.cb-link:hover span { text-decoration:underline; }
.cb-link::after {
content:"";
flex:0 0 24px;
width:24px;
height:24px;
transform:rotate(180deg);
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 18L4 12L10 6L11.4 7.45L7.85 11H20V13H7.85L11.4 16.55L10 18Z' fill='%230078D2'/%3E%3C/svg%3E") no-repeat center / contain;
}
@media (max-width:1170px) {
.content-blok-laag .cb-row { flex-direction:column; gap:32px; }
.content-blok-laag .cb-intro { max-width:none; }
.content-blok-laag .cb-card { flex-basis:auto; width:100%; }
}
@media (max-width:768px) {
.content-blok-laag .cb-title { font-size:28px; }
.content-blok-laag .cb-sub { font-size:16px; }
}
.content-blok-laag .cb-row { flex-direction:column; gap:32px; align-items:stretch; }
.content-blok-laag .cb-intro { max-width:760px; flex:0 0 auto; }
.content-blok-laag .cb-card { flex:1 1 auto; width:auto; background:none; border:0; border-radius:0; padding:0; gap:20px; }
.content-blok-laag .cb-back { margin-bottom:4px; }
.content-blok-laag .cb-links { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.content-blok-laag .cb-link {
justify-content:space-between;
background:#fff;
border:1px solid #e3e8e4;
border-radius:14px;
padding:22px 26px;
min-height:90px;
color:var(--font-dark) !important;
font-size:18px;
transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.content-blok-laag .cb-link span { font-weight:500; }
.content-blok-laag .cb-link:hover { box-shadow:0 12px 30px rgb(47 85 82 / 12%); transform:translateY(-3px); border-color:#cfe0d3; text-decoration:none; }
.content-blok-laag .cb-link:hover span { text-decoration:none; }
.content-blok-laag .cb-link::after {
transform:none;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%23579067'/%3E%3C/svg%3E") no-repeat center / contain;
}
.content-blok-laag .cb-link:hover::after { transform:translateX(3px); transition:transform .18s ease; }
@media (max-width:1100px) { .content-blok-laag .cb-links { grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px)  { .content-blok-laag .cb-links { grid-template-columns:1fr; } }
.blokken-subs-laag .bs-intro { margin-bottom:32px; }
.blokken-subs-laag .bs-grid { display:flex; flex-wrap:wrap; gap:32px; }
.blokken-subs-laag .bs-card { flex:1 1 280px; width:auto; }
.blokken-subs-laag .bs-card-title {
font-family:"new-atten" !important;
font-weight:500;
font-size:20px;
line-height:1.6;
color:#000;
margin:0;
}
@media (max-width:768px) {
.blokken-subs-laag .bs-card { flex-basis:100%; }
}
.content-cta-laag .cc-row { display:flex; align-items:flex-start; justify-content:space-between; gap:32px; }
.content-cta-laag .cc-left { display:flex; flex-direction:column; gap:32px; max-width:635px; flex:1 1 auto; }
.content-cta-laag .cc-heading { display:flex; flex-direction:column; gap:24px; }
.content-cta-laag .cc-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:48px; line-height:1.2; letter-spacing:.48px; margin:0; }
.content-cta-laag .cc-text { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }
.content-cta-laag .cc-content-btn { align-self:flex-start; margin-top:8px; }
.content-cta-laag .cc-card {
position:relative;
flex:0 0 479px;
width:479px;
background:#fff;
border-radius:30px;
padding:32px;
box-shadow:0 20px 50px rgba(34,58,96,.10);
display:flex;
flex-direction:column;
gap:24px;
}
.content-cta-laag .cc-card::after {
content:"";
position:absolute;
top:100%;
left:50%;
transform:translateX(-50%);
margin-top:-1px;
width:171.455px;
height:31.174px;
background:#fff;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 171 31'%3E%3Cpath d='M0 0C50.5 0 50.5 31 85.5 31 120.5 31 120.5 0 171 0Z'/%3E%3C/svg%3E") no-repeat center/contain;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 171 31'%3E%3Cpath d='M0 0C50.5 0 50.5 31 85.5 31 120.5 31 120.5 0 171 0Z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.content-cta-laag .cc-card-top { display:flex; flex-direction:column; gap:16px; }
.content-cta-laag .cc-card-title { font-family:"new-atten" !important; font-weight:700; font-size:20px; line-height:1.6; color:#000; margin:0; }
.content-cta-laag .cc-contact-row { display:flex; align-items:center; gap:12px; }
.content-cta-laag .cc-contact-row span:not(.cc-ico),
.content-cta-laag .cc-contact-row a { font-family:"new-atten" !important; font-size:18px; line-height:1.5; color:var(--font-dark) !important; text-decoration:none; }
.content-cta-laag .cc-contact-row a:hover { text-decoration:underline; }
.content-cta-laag .cc-ico { flex:0 0 24px; width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-size:contain; }
.content-cta-laag .cc-ico--loc { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.675 21.1625C6.55833 20.6042 6 19.8833 6 19C6 18.6 6.12083 18.2292 6.3625 17.8875C6.60417 17.5458 6.94167 17.25 7.375 17L8.95 18.475C8.8 18.5417 8.6375 18.6167 8.4625 18.7C8.2875 18.7833 8.15 18.8833 8.05 19C8.26667 19.2667 8.76667 19.5 9.55 19.7C10.3333 19.9 11.15 20 12 20C12.85 20 13.6708 19.9 14.4625 19.7C15.2542 19.5 15.7583 19.2667 15.975 19C15.8583 18.8667 15.7083 18.7583 15.525 18.675C15.3417 18.5917 15.1667 18.5167 15 18.45L16.55 16.95C17.0167 17.2167 17.375 17.5208 17.625 17.8625C17.875 18.2042 18 18.5833 18 19C18 19.8833 17.4417 20.6042 16.325 21.1625C15.2083 21.7208 13.7667 22 12 22C10.2333 22 8.79167 21.7208 7.675 21.1625ZM12 19C9.65 17.2667 7.89583 15.5833 6.7375 13.95C5.57917 12.3167 5 10.7167 5 9.15C5 7.96667 5.2125 6.92917 5.6375 6.0375C6.0625 5.14583 6.60833 4.4 7.275 3.8C7.94167 3.2 8.69167 2.75 9.525 2.45C10.3583 2.15 11.1833 2 12 2C12.8167 2 13.6417 2.15 14.475 2.45C15.3083 2.75 16.0583 3.2 16.725 3.8C17.3917 4.4 17.9375 5.14583 18.3625 6.0375C18.7875 6.92917 19 7.96667 19 9.15C19 10.7167 18.4208 12.3167 17.2625 13.95C16.1042 15.5833 14.35 17.2667 12 19ZM12 11C12.55 11 13.0208 10.8042 13.4125 10.4125C13.8042 10.0208 14 9.55 14 9C14 8.45 13.8042 7.97917 13.4125 7.5875C13.0208 7.19583 12.55 7 12 7C11.45 7 10.9792 7.19583 10.5875 7.5875C10.1958 7.97917 10 8.45 10 9C10 9.55 10.1958 10.0208 10.5875 10.4125C10.9792 10.8042 11.45 11 12 11Z' fill='%23579067'/%3E%3C/svg%3E"); }
.content-cta-laag .cc-ico--call { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.95 21C17.8667 21 15.8083 20.5458 13.775 19.6375C11.7417 18.7292 9.89167 17.4417 8.225 15.775C6.55833 14.1083 5.27083 12.2583 4.3625 10.225C3.45417 8.19167 3 6.13333 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07917 8.725 3.2375C8.90833 3.39583 9.01667 3.58333 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.70417 12.1125 8.1625 12.6875C8.62083 13.2625 9.125 13.8167 9.675 14.35C10.1917 14.8667 10.7333 15.3458 11.3 15.7875C11.8667 16.2292 12.4667 16.6333 13.1 17L15.45 14.65C15.6 14.5 15.7958 14.3875 16.0375 14.3125C16.2792 14.2375 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1375 20.775 15.3125C20.925 15.4875 21 15.6833 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21Z' fill='%23579067'/%3E%3C/svg%3E"); }
.content-cta-laag .cc-ico--mail { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM12 13L20 8V6L12 11L4 6V8L12 13Z' fill='%23579067'/%3E%3C/svg%3E"); }
.content-cta-laag .cc-divider { display:block; height:1px; width:100%; background:rgba(34,58,96,.2); }
.content-cta-laag .cc-card-bottom { display:flex; flex-direction:column; gap:16px; }
.content-cta-laag .cc-support { display:flex; flex-direction:column; gap:8px; text-align:center; }
.content-cta-laag .cc-support-title { font-family:"new-atten" !important; font-weight:700; font-size:18px; line-height:1.6; color:#201d1d; margin:0; }
.content-cta-laag .cc-support-sub { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:var(--font-dark); margin:0; }
.content-cta-laag .cc-card .cc-btn { width:100% !important; }
.content-cta-laag .cc-nood { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:var(--font-dark); text-align:center; margin:0; }
@media (max-width:1170px) {
.content-cta-laag .cc-row { flex-direction:column; gap:40px; }
.content-cta-laag .cc-left { max-width:none; }
.content-cta-laag .cc-card { flex-basis:auto; width:100%; }
}
@media (max-width:768px) {
.content-cta-laag .cc-title { font-size:32px; }
}
.vdp-slider { position:relative; padding-bottom:112px; }
.afb-slider.vdp-slider .image-box { border-radius:30px !important; height:358px !important; overflow:hidden; }
.afb-slider.vdp-slider[data-cols="2"] .image-box { height:480px !important; }
.afb-slider.vdp-slider[data-cols="4"] .image-box { height:300px !important; }
.afb-slider.vdp-slider .image-box a,
.afb-slider.vdp-slider .image-box img { border-radius:30px; }
@media (max-width:768px) { .afb-slider.vdp-slider[data-cols] .image-box { height:280px !important; } }
.afb-content-slider .acs-item { display:flex; flex-direction:column; gap:40px; }
.afb-content-slider.weergave-info .acs-item { gap:16px; }
.afb-content-slider .acs-image {
display:block;
width:100%;
height:420px;
margin:0;
padding:0;
border:0;
border-radius:30px;
background:#d9d9d9;
background-size:cover !important;
background-position:center !important;
position:relative;
cursor:zoom-in;
}
.afb-content-slider[data-cols="3"] .acs-image { height:340px; }
.afb-content-slider[data-cols="4"] .acs-image { height:280px; }
.afb-content-slider.verhouding-portret .acs-image,
.afb-content-slider.verhouding-vierkant .acs-image {
height:auto !important;
background-color:var(--vdp-offwhite);
background-size:contain !important;
}
.afb-content-slider.verhouding-portret .acs-image  { aspect-ratio:3 / 4; }
.afb-content-slider.verhouding-vierkant .acs-image { aspect-ratio:1 / 1; }
.afb-content-slider .acs-image .acs-zoom {
position:absolute; right:12px; bottom:12px; width:36px; height:36px;
border-radius:50%; background:rgba(10,12,16,.55);
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='11' cy='11' r='7' stroke='%23fff' stroke-width='2'/%3E%3Cpath d='M21 21l-4.3-4.3' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M11 8v6M8 11h6' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat:no-repeat; background-position:center;
opacity:0; transition:opacity .15s ease; pointer-events:none;
}
.afb-content-slider .acs-image:hover .acs-zoom { opacity:1; }
.dw-lightbox {
position:fixed; inset:0; z-index:9999; display:none;
align-items:center; justify-content:center;
background:rgba(10,12,16,.9); padding:24px;
}
.dw-lightbox.is-open { display:flex; }
.dw-lightbox__img { max-width:92vw; max-height:92vh; width:auto; height:auto; border-radius:8px; box-shadow:0 10px 40px rgba(0,0,0,.5); }
.dw-lightbox__close {
position:absolute; top:18px; right:24px; width:48px; height:48px;
border:0; border-radius:50%; background:rgba(255,255,255,.12); color:#fff;
font-size:30px; line-height:1; cursor:pointer;
}
.dw-lightbox__close:hover { background:rgba(255,255,255,.25); }
.afb-content-slider-laag .acs-intro { display:flex; flex-direction:column; gap:20px; margin-bottom:64px; }
.afb-content-slider-laag .acs-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; margin:0; }
.afb-content-slider-laag .acs-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }
.afb-content-slider .acs-info { display:inline-flex; align-items:center; gap:12px; }
.afb-content-slider .acs-info-ico {
flex:0 0 24px; width:24px; height:24px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.305 20.305' fill='none'%3E%3Cpath d='M10.1611 0.5C11.501 0.5 12.7521 0.7534 13.9189 1.2578C15.0956 1.7666 16.1153 2.4553 16.9824 3.3223C17.8495 4.1891 18.5381 5.2097 19.0469 6.3887C19.5516 7.5579 19.8047 8.8095 19.8047 10.1484C19.8047 11.4872 19.5515 12.7367 19.0469 13.9014C18.5379 15.0767 17.8488 16.0991 16.9805 16.9717C16.113 17.8434 15.0922 18.5346 13.9141 19.0449C12.7457 19.5508 11.4951 19.8047 10.1572 19.8047C8.8188 19.8047 7.5694 19.5519 6.4043 19.0488C5.23 18.5418 4.2062 17.8507 3.3301 16.9746C2.4541 16.0986 1.7629 15.0743 1.2559 13.8994C0.7529 12.7337 0.5 11.4834 0.5 10.1436C0.5 8.8038 0.7528 7.5532 1.2559 6.3867C1.6994 5.3584 2.2838 4.4494 3.0088 3.6572L3.3281 3.3252C4.2037 2.4566 5.2279 1.7679 6.4043 1.2588C7.5703 0.7541 8.8211 0.5 10.1611 0.5ZM10.1465 1.209C7.6793 1.209 5.5611 2.0798 3.8203 3.8105C2.0781 5.5428 1.2032 7.6687 1.2031 10.1582C1.2031 12.6262 2.0786 14.7448 3.8184 16.4854C5.559 18.2263 7.6834 19.1016 10.1621 19.1016C12.6361 19.1015 14.7554 18.2271 16.4902 16.4863C18.2247 14.7455 19.0957 12.6207 19.0957 10.1426C19.0956 7.6697 18.2256 5.5513 16.4941 3.8164C14.7616 2.0805 12.6356 1.209 10.1465 1.209ZM10.2217 9.6553C10.3017 9.6553 10.3584 9.673 10.4062 9.7061L10.4521 9.7441C10.5104 9.8022 10.54 9.8671 10.54 9.9717V14.4053C10.54 14.5119 10.51 14.5773 10.4531 14.6348C10.3977 14.6907 10.3342 14.7217 10.2275 14.7217C10.1475 14.7216 10.0908 14.7039 10.043 14.6709L9.9971 14.6328C9.9388 14.5747 9.9092 14.5099 9.9092 14.4053V9.9717C9.9092 9.865 9.9392 9.7997 9.9961 9.7422C10.0515 9.6863 10.115 9.6553 10.2217 9.6553ZM10.1504 6.0654C10.2809 6.0655 10.3681 6.1052 10.4453 6.1836C10.5202 6.2598 10.5645 6.3546 10.5645 6.5059C10.5644 6.597 10.544 6.6653 10.502 6.7246L10.4521 6.7813C10.3762 6.8549 10.2868 6.8955 10.1494 6.8955C10.0117 6.8955 9.9217 6.8551 9.8457 6.7813C9.7719 6.7094 9.7345 6.6282 9.7344 6.5029C9.7344 6.3532 9.7782 6.2582 9.8525 6.1816C9.9256 6.1067 10.0125 6.0654 10.1504 6.0654Z' fill='black' stroke='%230B0A0A'/%3E%3C/svg%3E") no-repeat center / contain;
}
.afb-content-slider .acs-info-txt { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; }
.afb-content-slider .acs-textwrap { display:flex; flex-direction:column; gap:24px; }
.afb-content-slider .acs-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:32px; line-height:1.2; letter-spacing:.32px; color:#0a0c10; margin:0; }
.afb-content-slider .acs-text,
.afb-content-slider .acs-text * { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; }
.vdp-slider .owl-dots {
position:absolute; left:0; bottom:0; height:48px;
display:flex; align-items:center; gap:18px; margin:0;
}
.vdp-slider .owl-dot span {
width:8px !important; height:8px !important; margin:0 !important;
border-radius:4px !important; background:#fff !important; border:none !important;
}
.vdp-slider .owl-dot.active span { background:transparent !important; border:2px solid #000 !important; }
.vdp-slider .owl-nav {
position:absolute; right:0; bottom:0; margin:0;
display:flex; align-items:center; gap:9px;
}
.vdp-slider .owl-nav button.owl-prev,
.vdp-slider .owl-nav button.owl-next {
width:48px !important; height:48px !important; margin:0 !important;
border-radius:32px !important;
background-repeat:no-repeat !important; background-position:center !important; background-size:24px 24px !important;
}
.vdp-slider .owl-nav button.owl-prev span,
.vdp-slider .owl-nav button.owl-next span { display:none; }
.vdp-slider .owl-nav button.owl-prev {
border:1px solid #000 !important; background-color:transparent !important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 18L4 12L10 6L11.4 7.45L7.85 11H20V13H7.85L11.4 16.55L10 18Z' fill='%23000000'/%3E%3C/svg%3E") !important;
}
.vdp-slider .owl-nav button.owl-next {
border:1px solid #000 !important; background-color:#000 !important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}
.vdp-slider .owl-nav button.owl-prev:hover { background-color:#000 !important; }
.vdp-slider .owl-nav button.owl-prev:hover {
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 18L4 12L10 6L11.4 7.45L7.85 11H20V13H7.85L11.4 16.55L10 18Z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}
@media (max-width:768px) {
.afb-content-slider[data-cols] .acs-image { height:280px !important; }
.afb-content-slider .acs-title { font-size:24px; }
.afb-content-slider .acs-item { gap:24px; }
.afb-content-slider-laag .acs-intro { margin-bottom:32px; }
.afb-content-slider-laag .acs-intro-title { font-size:28px; }
.afb-content-slider-laag .acs-intro-sub { font-size:16px; }
}
.content-laag .content-box.tekstbox {
max-width:870px;
margin-left:auto;
margin-right:auto;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:24px;
}
.content-laag .content-box.tekstbox > * { margin:0 !important; }
.content-laag .content-box.tekstbox .title-element {
font-family:"mencken-std" !important;
font-style:italic;
font-weight:500;
font-size:40px;
line-height:1.2;
letter-spacing:.4px;
}
.content-laag .content-box.tekstbox .text-box,
.content-laag .content-box.tekstbox .text-box * { font-family:"new-atten" !important; font-size:16px; line-height:1.6; }
.content-laag .content-box.tekstbox .text-box ul {
list-style:none;
margin:24px 0;
padding:0;
display:flex;
flex-direction:column;
gap:12px;
}
.content-laag .content-box.tekstbox .text-box ul li {
position:relative;
padding-left:32px;
margin:0;
font-size:16px;
line-height:1.6;
color:#000;
}
.content-laag .content-box.tekstbox .text-box ul li::before {
content:"";
position:absolute;
left:0;
top:2px;
width:20px;
height:20px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.3333 4L6 11.3333L2.66667 8' stroke='%23579067' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}
@media (max-width:768px) {
.content-laag .content-box.tekstbox .title-element { font-size:28px; }
}
.content-accordion-laag .ca-row { display:flex; align-items:flex-start; gap:110px; }
.content-accordion-laag .ca-intro { flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:32px; }
.content-accordion-laag .ca-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:32px; line-height:1.2; letter-spacing:.32px; margin:0; }
.content-accordion-laag .ca-intro-text,
.content-accordion-laag .ca-intro-text * { font-family:"new-atten" !important; font-size:16px; line-height:1.6; }
.content-accordion-laag .ca-acc { flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:14px; }
.content-accordion-laag .ca-item {
background:#fff;
border:1px solid rgb(47 85 82 / 20%);
border-radius:30px;
padding:32px;
}
.content-accordion-laag .ca-head {
display:flex; align-items:center; gap:14px;
cursor:pointer; list-style:none;
-webkit-user-select:none; user-select:none;
}
.content-accordion-laag .ca-head:focus-visible { outline:2px solid var(--vdp-groen); outline-offset:4px; border-radius:8px; }
.content-accordion-laag .ca-num {
flex:0 0 48px; width:48px; height:48px;
border:2px solid var(--vdp-groen); border-radius:24px;
display:flex; align-items:center; justify-content:center;
font-family:"new-atten" !important; font-weight:700; font-size:20px; color:var(--link-primary);
}
.content-accordion-laag .ca-title {
flex:1 1 auto;
font-family:"new-atten" !important; font-weight:700; font-size:18px; line-height:1.6; color:#000;
}
.content-accordion-laag .ca-chevron {
flex:0 0 15px; width:15px; height:9px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 9' fill='none'%3E%3Cpath d='M1 1L7.5 7.5L14 1' stroke='%230B0A0A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
transition:transform .2s ease;
}
.content-accordion-laag .ca-item.is-open .ca-chevron { transform:rotate(180deg); }
.content-accordion-laag .ca-body {
max-height:0;
overflow:hidden;
transition:max-height .3s ease;
}
.content-accordion-laag .ca-body-in { padding-top:14px; }
.content-accordion-laag .ca-body-in,
.content-accordion-laag .ca-body-in * { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; }
@media (max-width:1170px) {
.content-accordion-laag .ca-row { flex-direction:column; gap:40px; }
}
@media (max-width:768px) {
.content-accordion-laag .ca-item { padding:20px; }
.content-accordion-laag .ca-intro-title { font-size:26px; }
}
.kaarten-afb-laag .kag-intro { display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:32px; }
.kaarten-afb-laag .kag-intro__text { display:flex; flex-direction:column; gap:20px; flex:1 1 auto; min-width:0; }
.kaarten-afb-laag .kag-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; margin:0; }
.kaarten-afb-laag .kag-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }
.kaarten-afb-laag .kag-intro-link {
flex:0 0 auto;
display:inline-flex;
align-items:center;
gap:8px;
white-space:nowrap;
font-family:"new-atten" !important;
font-size:16px;
line-height:1.6;
color:#000 !important;
text-decoration:none;
}
.kaarten-afb-laag .kag-intro-link:hover { text-decoration:underline; }
.kaarten-afb-laag .kag-intro-link::after {
content:"";
flex:0 0 6px;
width:6px;
height:10px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10' fill='none'%3E%3Cpath d='M1 1L5 5L1 9' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}
.kaarten-afb-laag .kag-card--noimg .kag-content { justify-content:flex-start; }
.kaarten-afb-laag .kag-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:32px; }
.kaarten-afb-laag .kag-grid[data-cols="3"] { grid-template-columns:repeat(3,1fr); }
.kaarten-afb-laag .kag-card {
display:flex;
align-items:stretch;
min-height:240px;
background:#fff;
border:1px solid rgba(34,58,96,.2);
border-radius:30px;
overflow:hidden;
}
.kaarten-afb-laag .kag-img {
flex:1 1 0;
min-width:0;
align-self:stretch;
background:#d9d9d9;
background-size:cover !important;
background-position:center !important;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 296 266' preserveAspectRatio='none'%3E%3Cg transform='rotate(180 148 133)'%3E%3Cpath d='M266 0C282.568 0 296 13.4315 296 30V236C296 252.568 282.568 266 266 266H32.2559V232.266C27.6009 175.283 0 161.262 0 132.483C0 103.705 27.6012 89.6973 32.2559 32.7139V0H266Z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / 100% 100%;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 296 266' preserveAspectRatio='none'%3E%3Cg transform='rotate(180 148 133)'%3E%3Cpath d='M266 0C282.568 0 296 13.4315 296 30V236C296 252.568 282.568 266 266 266H32.2559V232.266C27.6009 175.283 0 161.262 0 132.483C0 103.705 27.6012 89.6973 32.2559 32.7139V0H266Z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / 100% 100%;
}
.kaarten-afb-laag .kag-content {
flex:1 1 0;
min-width:0;
display:flex;
flex-direction:column;
justify-content:center;
gap:32px;
padding:32px;
}
.kaarten-afb-laag .kag-top { display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
.kaarten-afb-laag .kaart-tag {
align-self:flex-start;
background:var(--vdp-mos);
color:var(--vdp-groen);
font-family:"new-atten" !important;
font-weight:500;
font-size:14px;
line-height:1.6;
padding:2px 8px;
border-radius:4px;
}
.kaarten-afb-laag .kag-text,
.kaarten-afb-laag .kag-text * { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; }
.kaarten-afb-laag .btn--pijl { display:inline-flex; align-items:center; gap:8px; }
.kaarten-afb-laag .btn--pijl .btn-pijl { flex:0 0 20px; width:20px; height:20px; }
.kaarten-afb-laag .kag-grid--stacked .kag-card { flex-direction:column; min-height:0; }
.kaarten-afb-laag .kag-grid--stacked .kag-img {
flex:0 0 auto;
width:100%;
height:220px;
-webkit-mask:none;
mask:none;
}
.kaarten-afb-laag .kag-grid--stacked .kag-content { justify-content:flex-start; }
.page-id-40547 .kaarten-afb-laag .kag-grid--stacked .kag-img {
background-size:contain !important;
background-color:#f4f4f2;
height:300px;
}
@media (max-width:768px) {
.kaarten-afb-laag .kag-grid,
.kaarten-afb-laag .kag-grid[data-cols="3"] { grid-template-columns:1fr; }
.kaarten-afb-laag .kag-card { flex-direction:column; min-height:0; }
.kaarten-afb-laag .kag-img { flex:0 0 200px; height:200px; -webkit-mask:none; mask:none; }
.kaarten-afb-laag .kag-intro { flex-direction:column; }
.kaarten-afb-laag .kag-intro-title { font-size:28px; }
.kaarten-afb-laag .kag-intro-sub { font-size:16px; }
}
.contact-content-laag .cc2-row { display:flex; align-items:stretch; gap:32px; }
.contact-content-laag .cc2-card {
flex:1 1 0; min-width:0;
background:#fff;
border:1px solid rgba(34,58,96,.2);
border-radius:30px;
padding:32px;
display:flex;
flex-direction:column;
gap:24px;
}
.contact-content-laag .cc2-img { display:block; width:100%; flex:1 1 auto; min-height:240px; border-radius:30px; background-size:cover !important; background-position:center !important; }
.contact-content-laag .cc2-info { display:flex; flex-direction:column; gap:16px; }
.contact-content-laag .cc2-content-img { display:block; width:100%; flex:1 1 auto; min-height:280px; border-radius:30px; background:#c4c4c4; background-size:cover !important; background-position:center !important; }
.contact-content-laag .cc2-content-body { display:flex; flex-direction:column; gap:16px; }
.contact-content-laag .cc2-content-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:32px; line-height:1.2; letter-spacing:.32px; color:#000; margin:0; }
.contact-content-laag .cc2-content-text,
.contact-content-laag .cc2-content-text p { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; margin:0 0 16px; }
.contact-content-laag .cc2-content-text p:last-child { margin-bottom:0; }
.contact-content-laag .cc2-content-text ul { list-style:disc; padding-left:1.25em; margin:16px 0 0; display:flex; flex-direction:column; gap:12px; }
.contact-content-laag .cc2-content-text li { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; }
.contact-content-laag .cc2-card-title { font-family:"new-atten" !important; font-weight:700; font-size:20px; line-height:1.6; color:#000; margin:0; }
.contact-content-laag .cc2-contact-row { display:flex; align-items:center; gap:12px; }
.contact-content-laag .cc2-contact-row span:not(.cc2-ico),
.contact-content-laag .cc2-contact-row a { font-family:"new-atten" !important; font-size:18px; line-height:1.5; color:#000 !important; text-decoration:none; }
.contact-content-laag .cc2-contact-row a:hover { text-decoration:underline; }
.contact-content-laag .cc2-ico { flex:0 0 24px; width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-size:contain; }
.contact-content-laag .cc2-ico--loc { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.675 21.1625C6.55833 20.6042 6 19.8833 6 19C6 18.6 6.12083 18.2292 6.3625 17.8875C6.60417 17.5458 6.94167 17.25 7.375 17L8.95 18.475C8.8 18.5417 8.6375 18.6167 8.4625 18.7C8.2875 18.7833 8.15 18.8833 8.05 19C8.26667 19.2667 8.76667 19.5 9.55 19.7C10.3333 19.9 11.15 20 12 20C12.85 20 13.6708 19.9 14.4625 19.7C15.2542 19.5 15.7583 19.2667 15.975 19C15.8583 18.8667 15.7083 18.7583 15.525 18.675C15.3417 18.5917 15.1667 18.5167 15 18.45L16.55 16.95C17.0167 17.2167 17.375 17.5208 17.625 17.8625C17.875 18.2042 18 18.5833 18 19C18 19.8833 17.4417 20.6042 16.325 21.1625C15.2083 21.7208 13.7667 22 12 22C10.2333 22 8.79167 21.7208 7.675 21.1625ZM12 19C9.65 17.2667 7.89583 15.5833 6.7375 13.95C5.57917 12.3167 5 10.7167 5 9.15C5 7.96667 5.2125 6.92917 5.6375 6.0375C6.0625 5.14583 6.60833 4.4 7.275 3.8C7.94167 3.2 8.69167 2.75 9.525 2.45C10.3583 2.15 11.1833 2 12 2C12.8167 2 13.6417 2.15 14.475 2.45C15.3083 2.75 16.0583 3.2 16.725 3.8C17.3917 4.4 17.9375 5.14583 18.3625 6.0375C18.7875 6.92917 19 7.96667 19 9.15C19 10.7167 18.4208 12.3167 17.2625 13.95C16.1042 15.5833 14.35 17.2667 12 19ZM12 11C12.55 11 13.0208 10.8042 13.4125 10.4125C13.8042 10.0208 14 9.55 14 9C14 8.45 13.8042 7.97917 13.4125 7.5875C13.0208 7.19583 12.55 7 12 7C11.45 7 10.9792 7.19583 10.5875 7.5875C10.1958 7.97917 10 8.45 10 9C10 9.55 10.1958 10.0208 10.5875 10.4125C10.9792 10.8042 11.45 11 12 11Z' fill='%23579067'/%3E%3C/svg%3E"); }
.contact-content-laag .cc2-ico--call { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.95 21C17.8667 21 15.8083 20.5458 13.775 19.6375C11.7417 18.7292 9.89167 17.4417 8.225 15.775C6.55833 14.1083 5.27083 12.2583 4.3625 10.225C3.45417 8.19167 3 6.13333 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07917 8.725 3.2375C8.90833 3.39583 9.01667 3.58333 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.70417 12.1125 8.1625 12.6875C8.62083 13.2625 9.125 13.8167 9.675 14.35C10.1917 14.8667 10.7333 15.3458 11.3 15.7875C11.8667 16.2292 12.4667 16.6333 13.1 17L15.45 14.65C15.6 14.5 15.7958 14.3875 16.0375 14.3125C16.2792 14.2375 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1375 20.775 15.3125C20.925 15.4875 21 15.6833 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21Z' fill='%23579067'/%3E%3C/svg%3E"); }
.contact-content-laag .cc2-ico--mail { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM12 13L20 8V6L12 11L4 6V8L12 13Z' fill='%23579067'/%3E%3C/svg%3E"); }
.contact-content-laag .cc2-divider { display:block; height:1px; width:100%; background:rgba(34,58,96,.2); }
.contact-content-laag .cc2-support-wrap { display:flex; flex-direction:column; gap:16px; margin-top:auto; }
.contact-content-laag .cc2-support { display:flex; flex-direction:column; gap:8px; text-align:center; }
.contact-content-laag .cc2-support-title { font-family:"new-atten" !important; font-weight:700; font-size:18px; line-height:1.6; color:#201d1d; margin:0; }
.contact-content-laag .cc2-support-sub { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:var(--font-dark); margin:0; }
.contact-content-laag .cc2-card .cc2-btn { width:100% !important; }
.contact-content-laag .cc2-nood { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:var(--font-dark); text-align:center; margin:0; }
.contact-content-laag .cc2-form-head { display:flex; flex-direction:column; gap:16px; }
.contact-content-laag .cc2-form-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:32px; line-height:1.2; letter-spacing:.32px; margin:0; }
.contact-content-laag .cc2-form-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }
.contact-content-laag.cc2-only-form .cc2-row { justify-content:center; }
.contact-content-laag.cc2-only-form .cc2-form { flex:0 1 960px; max-width:960px; }
.contact-content-laag .cc2-form .gform_wrapper { width:100%; }
.contact-content-laag .cc2-form .gform_title { display:none !important; }
.contact-content-laag .cc2-form .gform_wrapper .ginput_product_price,
.contact-content-laag .cc2-form .gform_wrapper .ginput_total {
width:auto !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
padding:0 !important;
box-shadow:none !important;
font-weight:700 !important;
color:var(--font-dark) !important;
}
.contact-content-laag .cc2-form .gfield--type-product {
display:grid;
grid-template-columns:1fr auto;
align-items:baseline;
column-gap:16px;
row-gap:6px;
}
.contact-content-laag .cc2-form .gfield--type-product > .gfield_label {
grid-column:1; grid-row:1; margin:0 !important;
font-weight:700 !important; font-size:16px !important; color:var(--font-dark) !important;
}
.contact-content-laag .cc2-form .gfield--type-product > .ginput_container_singleproduct {
grid-column:2; grid-row:1; margin:0 !important; justify-self:end;
}
.contact-content-laag .cc2-form .gfield--type-product > .gfield_description {
grid-column:1 / -1; grid-row:2; margin:0 !important; padding:0 !important;
}
.contact-content-laag .cc2-form .ginput_product_price_wrapper {
display:inline-flex; align-items:baseline; gap:6px;
background:rgba(34,58,96,.06); border-radius:999px; padding:6px 14px; white-space:nowrap;
}
.contact-content-laag .cc2-form .ginput_product_price_wrapper label {
margin:0 !important; font-size:13px !important; font-weight:500 !important; color:#5b6b82 !important;
}
.contact-content-laag .cc2-form .gfield--type-product,
.contact-content-laag .cc2-form .gfield--input-type-select { margin-bottom:20px; }
.contact-content-laag .cc2-form .gfield_label,
.contact-content-laag .cc2-form .gform_wrapper label { font-family:"new-atten" !important; font-weight:500 !important; font-size:14px !important; line-height:1.6 !important; color:#000 !important; margin-bottom:8px !important; }
.contact-content-laag .cc2-form input[type="text"],
.contact-content-laag .cc2-form input[type="email"],
.contact-content-laag .cc2-form input[type="tel"],
.contact-content-laag .cc2-form input[type="number"],
.contact-content-laag .cc2-form select,
.contact-content-laag .cc2-form textarea {
width:100% !important;
background:#fff;
border:2px solid rgba(34,58,96,.2) !important;
border-radius:16px !important;
padding:12px 16px !important;
font-family:"new-atten" !important;
font-size:16px;
line-height:1.6;
color:#000;
}
.contact-content-laag .cc2-form textarea { min-height:148px; }
.contact-content-laag .cc2-form input::placeholder,
.contact-content-laag .cc2-form textarea::placeholder { color:rgba(34,58,96,.4); }
.contact-content-laag .cc2-form input:focus,
.contact-content-laag .cc2-form textarea:focus,
.contact-content-laag .cc2-form select:focus { outline:none; border-color:var(--vdp-groen) !important; }
.contact-content-laag .cc2-form .gfield_radio { display:flex; flex-wrap:wrap; gap:8px; }
.contact-content-laag .cc2-form .gfield_radio .gchoice { position:relative; margin:0; }
.contact-content-laag .cc2-form .gfield_radio input { position:absolute; opacity:0; inset:0; cursor:pointer; }
.contact-content-laag .cc2-form .gfield_radio label {
display:inline-flex; align-items:center; margin:0; cursor:pointer;
border:1px solid rgba(0,0,0,.2); border-radius:64px; padding:8px 24px;
font-weight:500; font-size:14px; color:#000;
}
.contact-content-laag .cc2-form .gfield_radio input:checked + label { background:rgba(87,144,103,.1); border-color:var(--vdp-groen); color:var(--vdp-groen) !important; -webkit-appearance:none; appearance:none; }
.contact-content-laag .cc2-form .gform_footer input[type="submit"],
.contact-content-laag .cc2-form .gform_footer button,
.contact-content-laag .cc2-form .gform_button { width:100% !important; }
@media (min-width:981px) {
.contact-content-laag .cc2-img { flex:0 0 auto; height:320px; min-height:0; }
}
.contact-content-laag .cc2-form .gform_required_legend { display:none !important; }
.contact-content-laag .cc2-form .gform_wrapper.gravity-theme .gfield textarea.large { height:148px !important; max-height:148px !important; }
.contact-content-laag .cc2-form .gform_wrapper.gravity-theme .gfield-choice-input + label { max-width:none !important; }
.contact-content-laag .cc2-form .gf_page_steps {
display:flex; flex-wrap:wrap; justify-content:flex-start; gap:22px 10px;
margin:0 0 36px; padding:0 0 28px; border:0;
border-bottom:1px solid rgba(34,58,96,.1);
}
.contact-content-laag .cc2-form .gf_step {
flex:1 1 auto; min-width:92px; max-width:150px;
display:flex; flex-direction:column; align-items:center; gap:10px;
margin:0 !important; padding:0; opacity:1;
}
.contact-content-laag .cc2-form .gf_step_number {
width:46px; height:46px; border-radius:50%;
display:flex; align-items:center; justify-content:center;
background:#eef3ef; border:0;
font-family:"new-atten" !important; font-weight:700; font-size:18px;
color:#9fb0a6; transition:.25s ease;
}
.contact-content-laag .cc2-form .gf_step_label {
font-family:"new-atten" !important; font-weight:600; font-size:12.5px;
line-height:1.3; color:#9fb0a6; transition:.25s ease; max-width:120px;
}
.contact-content-laag .cc2-form .gf_step_active .gf_step_number {
background:var(--vdp-groen) !important; color:#fff !important;
box-shadow:0 0 0 5px rgba(87,144,103,.16); transform:scale(1.05);
}
.contact-content-laag .cc2-form .gf_step_active .gf_step_label { color:var(--font-dark); font-weight:700; }
.contact-content-laag .cc2-form .gf_step_completed .gf_step_number {
background:var(--vdp-groen) !important; color:transparent !important; position:relative;
}
.contact-content-laag .cc2-form .gf_step_completed .gf_step_number::after {
content:"\2713"; position:absolute; inset:0;
display:flex; align-items:center; justify-content:center;
font-size:20px; line-height:1; color:#fff;
}
.contact-content-laag .cc2-form .gf_step_completed .gf_step_label { color:var(--font-dark); }
.contact-content-laag .cc2-form .gform_page_footer {
display:flex; flex-wrap:wrap; align-items:center; gap:12px;
margin-top:24px; padding-top:20px;
border-top:1px solid rgb(47 85 82 / 12%);
}
.contact-content-laag .cc2-form .gform_next_button,
.contact-content-laag .cc2-form .gform_previous_button {
width:auto !important;
-webkit-appearance:none; appearance:none; cursor:pointer;
display:inline-flex; align-items:center; justify-content:center;
font-family:"new-atten" !important; font-weight:600; font-size:15px; line-height:1;
padding:14px 28px; border-radius:64px; border:2px solid var(--vdp-groen) !important; transition:.2s;
}
.contact-content-laag .cc2-form .gform_next_button {
margin-left:auto; background:var(--vdp-groen) !important; color:#fff !important;
}
.contact-content-laag .cc2-form .gform_next_button:hover { background:#4a7d59 !important; border-color:#4a7d59 !important; }
.contact-content-laag .cc2-form .gform_previous_button { background:transparent !important; color:var(--vdp-groen) !important; }
.contact-content-laag .cc2-form .gform_previous_button:hover { background:var(--vdp-groen) !important; color:#fff !important; }
@media (max-width:480px) {
.contact-content-laag .cc2-form .gf_step { min-width:52px; }
.contact-content-laag .cc2-form .gf_step_label { font-size:10px; }
.contact-content-laag .cc2-form .gform_next_button,
.contact-content-laag .cc2-form .gform_previous_button { flex:1 1 100%; margin-left:0; }
}
@media (max-width:980px) {
.contact-content-laag .cc2-row { flex-direction:column; }
.contact-content-laag .cc2-img { min-height:220px; }
.contact-content-laag .cc2-form-title { font-size:26px; }
}
.vestigingen-laag .vest-intro { display:flex; flex-direction:column; gap:20px; margin-bottom:32px; }
.vestigingen-laag .vest-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:48px; line-height:1.2; letter-spacing:.48px; margin:0; }
.vestigingen-laag .vest-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }
.vestigingen-laag .vest-card {
display:flex;
height:700px;
background:#fff;
border:1px solid rgba(34,58,96,.2);
border-radius:30px;
overflow:hidden;
}
.vestigingen-laag .vest-sidebar {
flex:0 0 435px;
max-width:435px;
display:flex;
flex-direction:column;
border-right:1px solid rgba(34,58,96,.2);
}
.vestigingen-laag .vest-search { position:relative; padding:32px; border-bottom:1px solid rgba(34,58,96,.2); box-sizing:border-box; }
.vestigingen-laag .vest-search-ico {
position:absolute; left:56px; top:50%; transform:translateY(-50%);
width:20px; height:20px; pointer-events:none;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9 3a6 6 0 104.472 10.03l3.249 3.248a1 1 0 001.414-1.414l-3.248-3.249A6 6 0 009 3zm0 2a4 4 0 110 8 4 4 0 010-8z' fill='%23223A60'/%3E%3C/svg%3E") no-repeat center / contain;
}
.vestigingen-laag .vest-search-input {
width:100%;
border:1px solid rgba(34,58,96,.2);
border-radius:30px;
padding:24px 24px 24px 56px;
font-family:"new-atten" !important;
font-size:14px;
color:var(--font-dark);
background:transparent;
}
.vestigingen-laag .vest-search-input::placeholder { color:var(--font-dark); }
.vestigingen-laag .vest-search-input:focus { outline:none; border-color:var(--vdp-groen); }
.vestigingen-laag .vest-list { flex:1 1 auto; overflow-y:auto; }
.vestigingen-laag .vest-item {
display:flex; flex-direction:column; align-items:flex-start; gap:16px;
padding:24px;
border-bottom:1px solid rgba(34,58,96,.2);
cursor:pointer;
}
.vestigingen-laag .vest-item.is-active { background:#fff; }
.vestigingen-laag .vest-item-name { font-family:"new-atten" !important; font-weight:500; font-size:20px; line-height:1.6; color:#000; margin:0; }
.vestigingen-laag .vest-badge {
display:inline-flex; align-items:center;
background:var(--vdp-glas); color:var(--font-dark);
font-family:"new-atten" !important; font-size:12px; line-height:1.6;
padding:2px 16px; border-radius:40px;
}
.vestigingen-laag .vest-item:not(.is-active) .vest-item-details { display:none; }
.vestigingen-laag .vest-item-details { display:flex; flex-direction:column; gap:16px; width:100%; }
.vestigingen-laag .vest-address { display:flex; flex-direction:column; gap:8px; }
.vestigingen-laag .vest-addr-line { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:var(--font-dark); margin:0; }
.vestigingen-laag .vest-addr-strong { font-weight:700; color:#000; }
.vestigingen-laag .vest-meta { display:flex; flex-direction:column; gap:12px; padding-top:17px; border-top:1px solid rgba(34,58,96,.1); width:100%; }
.vestigingen-laag .vest-tel { display:inline-flex; align-items:center; gap:8px; font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:var(--font-dark) !important; text-decoration:none; }
.vestigingen-laag .vest-tel:hover { text-decoration:underline; }
.vestigingen-laag .vest-tel-ico {
flex:0 0 16px; width:16px; height:16px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.95 21C17.8667 21 15.8083 20.5458 13.775 19.6375C11.7417 18.7292 9.89167 17.4417 8.225 15.775C6.55833 14.1083 5.27083 12.2583 4.3625 10.225C3.45417 8.19167 3 6.13333 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07917 8.725 3.2375C8.90833 3.39583 9.01667 3.58333 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.70417 12.1125 8.1625 12.6875C8.62083 13.2625 9.125 13.8167 9.675 14.35C10.1917 14.8667 10.7333 15.3458 11.3 15.7875C11.8667 16.2292 12.4667 16.6333 13.1 17L15.45 14.65C15.6 14.5 15.7958 14.3875 16.0375 14.3125C16.2792 14.2375 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1375 20.775 15.3125C20.925 15.4875 21 15.6833 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21Z' fill='%23223A60'/%3E%3C/svg%3E") no-repeat center / contain;
}
.vestigingen-laag .vest-diensten { font-family:"new-atten" !important; font-size:12px; line-height:1.6; color:var(--font-dark); margin:0; }
.vestigingen-laag .vest-map-wrap { position:relative; flex:1 1 auto; min-width:0; }
.vestigingen-laag .vest-map { width:100%; height:100%; background:var(--vdp-glas); }
.vestigingen-laag .vest-map .leaflet-container { font-family:"new-atten" !important; }
.vestigingen-laag .vest-pin svg { filter:drop-shadow(0 4px 3px rgba(0,0,0,.18)); }
.vestigingen-laag .vest-legend {
position:absolute; left:24px; bottom:24px; z-index:500;
display:inline-flex; align-items:center; gap:8px;
background:#fff; border:1px solid rgba(34,58,96,.2); border-radius:16px;
padding:12px 17px;
font-family:"new-atten" !important; font-size:12px; color:var(--font-dark);
box-shadow:0 10px 7.5px rgba(0,0,0,.1), 0 4px 3px rgba(0,0,0,.1);
}
.vestigingen-laag .vest-legend-dot { width:12px; height:12px; border-radius:50%; background:var(--vdp-groen); }
@media (max-width:980px) {
.vestigingen-laag .vest-card { flex-direction:column; height:auto; }
.vestigingen-laag .vest-sidebar { flex:none; max-width:none; width:100%; border-right:0; border-bottom:1px solid rgba(34,58,96,.2); }
.vestigingen-laag .vest-list { max-height:360px; }
.vestigingen-laag .vest-map-wrap { height:420px; }
.vestigingen-laag .vest-intro-title { font-size:32px; }
}
.data-cijfers-laag .dc-grid { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:40px; }
.data-cijfers-laag .dc-item { flex:1 1 0; min-width:160px; display:flex; flex-direction:column; align-items:center; gap:20px; text-align:center; }
.data-cijfers-laag .dc-num { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:48px; line-height:1.2; letter-spacing:.48px; color:var(--vdp-groen); white-space:nowrap; }
.data-cijfers-laag .dc-label { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; }
@media (max-width:768px) {
.data-cijfers-laag .dc-grid { gap:32px; }
.data-cijfers-laag .dc-item { flex:1 1 40%; min-width:140px; }
.data-cijfers-laag .dc-num { font-size:36px; }
}
section.breadcrumbs {
max-width: 1264px;
margin-left: auto;
margin-right: auto;
padding: 24px 24px;
}
section.breadcrumbs,
section.breadcrumbs #breadcrumbs,
section.breadcrumbs #breadcrumbs * {
font-family: "new-atten", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.6 !important;
color: #000 !important;
}
section.breadcrumbs #breadcrumbs > span {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
section.breadcrumbs a { color: #000 !important; text-decoration: none; }
section.breadcrumbs a:hover { text-decoration: underline; }
section.breadcrumbs .bc-sep {
display: inline-block;
flex: 0 0 6px;
width: 6px;
height: 10px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10' fill='none'%3E%3Cpath d='M1 1L5 5L1 9' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}
@media (max-width: 768px) {
section.breadcrumbs { padding: 20px 24px; }
}
.medewerkers-laag .mw-intro { display:flex; flex-direction:column; gap:20px; margin-bottom:32px; }
.medewerkers-laag .mw-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; margin:0; }
.medewerkers-laag .mw-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }
.medewerkers-laag .mw-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.medewerkers-laag .mw-filter {
display:inline-flex; align-items:center; gap:8px;
background:#fff; border:1px solid rgba(0,0,0,.2); border-radius:64px;
padding:13px 24px; cursor:pointer;
font-family:"new-atten" !important; font-weight:500; font-size:14px; line-height:1.6; color:#000;
transition:background-color .15s, color .15s, border-color .15s;
}
.medewerkers-laag .mw-filter .mw-filter-count { color:rgba(0,0,0,.6); font-weight:400; }
.medewerkers-laag .mw-filter.is-active { background:var(--vdp-groen); border-color:var(--vdp-groen); color:#fff; }
.medewerkers-laag .mw-filter.is-active .mw-filter-count { color:rgba(255,255,255,.8); }
.medewerkers-laag .mw-count { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:#000; text-align:center; margin:0 0 32px; }
.medewerkers-laag .mw-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.medewerkers-laag .mw-card { display:flex; flex-direction:column; border:1px solid rgba(34,58,96,.2); border-radius:30px; overflow:hidden; background:#fff; }
.medewerkers-laag .mw-card-media { display:block; width:100%; height:368px; }
.medewerkers-laag .mw-card-img { width:100%; height:100%; object-fit:cover; display:block; }
.medewerkers-laag .mw-card-img--ph { background:#cfd9e4; }
.medewerkers-laag .mw-card-body { display:flex; flex-direction:column; gap:24px; padding:32px; flex:1 1 auto; }
.medewerkers-laag .mw-card-top { display:flex; flex-direction:column; gap:24px; }
.medewerkers-laag .mw-card-head { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.medewerkers-laag .mw-card-name { font-family:"new-atten" !important; font-weight:700; font-size:20px; line-height:1.6; color:#000; margin:0; }
.mw-card-functie {
display:inline-flex; align-items:center;
background:var(--vdp-glas); color:var(--font-dark);
font-family:"new-atten" !important; font-size:12px; line-height:1.33;
padding:4px 16px; border-radius:40px;
}
.medewerkers-laag .mw-card-locatie { display:flex; flex-direction:column; gap:8px; }
.medewerkers-laag .mw-loc-label { font-family:"new-atten" !important; font-size:14px; line-height:1.43; color:var(--font-dark); }
.medewerkers-laag .mw-loc-value { font-family:"new-atten" !important; font-weight:600; font-size:14px; line-height:1.43; color:#000; }
.medewerkers-laag .mw-more {
display:inline-flex; align-items:center; gap:8px;
font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6;
color:var(--link-primary) !important; text-decoration:none; margin-top:auto;
}
.medewerkers-laag .mw-more:hover span { text-decoration:underline; }
.medewerkers-laag .mw-more::after {
content:""; flex:0 0 24px; width:24px; height:24px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%230078D2'/%3E%3C/svg%3E") no-repeat center / contain;
}
.medewerkers-laag .mw-empty { font-family:"new-atten" !important; font-size:16px; color:var(--font-dark); }
.medewerker-detail-laag { padding:64px 0; }
.medewerker-detail-laag .md-back { margin-bottom:32px; }
.medewerker-detail-laag .md-detail { display:flex; align-items:flex-start; gap:48px; }
.medewerker-detail-laag .md-detail-media { flex:0 0 40%; max-width:40%; }
.medewerker-detail-laag .md-detail-img { width:100%; border-radius:30px; display:block; object-fit:cover; }
.medewerker-detail-laag .md-detail-img--ph { aspect-ratio:3/4; background:#cfd9e4; }
.medewerker-detail-laag .md-detail-body { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:16px; }
.medewerker-detail-laag .md-detail-name { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; margin:0; }
.medewerker-detail-laag .md-detail-functie { align-self:flex-start; }
.medewerker-detail-laag .md-detail-meta { display:flex; flex-direction:column; gap:12px; margin-top:8px; }
.medewerker-detail-laag .md-meta-item { display:flex; flex-direction:column; gap:2px; }
.medewerker-detail-laag .md-meta-label { font-family:"new-atten" !important; font-size:14px; color:var(--font-dark); }
.medewerker-detail-laag .md-meta-value { font-family:"new-atten" !important; font-weight:600; font-size:16px; color:#000 !important; text-decoration:none; }
.medewerker-detail-laag a.md-meta-value:hover { text-decoration:underline; }
.medewerker-detail-laag .md-detail-tekst,
.medewerker-detail-laag .md-detail-tekst * { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; }
.medewerker-detail-laag .md-detail-tekst { margin-top:8px; }
@media (max-width:1100px) {
.medewerkers-laag .mw-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
.medewerkers-laag .mw-grid { grid-template-columns:1fr; }
.medewerkers-laag .mw-intro-title { font-size:28px; }
.medewerker-detail-laag { padding:32px 0; }
.medewerker-detail-laag .md-detail { flex-direction:column; gap:24px; }
.medewerker-detail-laag .md-detail-media { flex-basis:auto; max-width:none; width:100%; }
.medewerker-detail-laag .md-detail-name { font-size:28px; }
}
.nieuws-detail-laag { padding:48px 0 80px; }
.nieuws-detail-laag .nd-layout { display:flex; align-items:flex-start; gap:24px; }
.nieuws-detail-laag .nd-article {
flex:1 1 auto; min-width:0;
background:#fff; border-radius:30px;
padding:32px 32px 64px;
display:flex; flex-direction:column; gap:40px;
}
.nieuws-detail-laag .nd-back { align-self:flex-start; }
.nieuws-detail-laag .nd-header { display:flex; flex-direction:column; gap:32px; }
.nieuws-detail-laag .nd-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:48px; line-height:1.2; letter-spacing:.48px; margin:0; color:#000; }
.nieuws-detail-laag .nd-meta { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.nieuws-detail-laag .nd-byline { display:flex; align-items:center; gap:8px; font-family:"new-atten" !important; font-size:14px; color:#000; }
.nieuws-detail-laag .nd-dot { font-size:18px; line-height:1; }
.nd-share-btns { display:flex; gap:8px; }
.nd-share {
width:32px; height:32px; flex:0 0 32px;
display:inline-flex; align-items:center; justify-content:center;
background:var(--vdp-offwhite); border:0; border-radius:64px; cursor:pointer; padding:0;
transition:background-color .15s;
}
.nd-share:hover { background:#e4e4e4; }
.nd-share.is-copied { background:#cfe6d6; }
.nieuws-detail-laag .nd-hero { width:100%; }
.nieuws-detail-laag .nd-hero-img { width:100%; height:auto; max-height:460px; border-radius:32px; display:block; object-fit:cover; }
@media (max-width:767px) { .nieuws-detail-laag .nd-hero-img { max-height:300px; } }
.nieuws-detail-laag .nd-body { display:block; }
.nieuws-detail-laag .nd-body,
.nieuws-detail-laag .nd-body p,
.nieuws-detail-laag .nd-body li { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; }
.nieuws-detail-laag .nd-body p { margin:0 0 16px; }
.nieuws-detail-laag .nd-body h2,
.nieuws-detail-laag .nd-body h3,
.nieuws-detail-laag .nd-body h4,
.nieuws-detail-laag .nd-body h5,
.nieuws-detail-laag .nd-body h6 { font-family:"mencken-std" !important; font-style:italic; font-weight:500; color:#000; line-height:1.2; margin:24px 0 12px; }
.nieuws-detail-laag .nd-body h2 { font-size:32px; letter-spacing:.32px; }
.nieuws-detail-laag .nd-body h3 { font-size:26px; }
.nieuws-detail-laag .nd-body h4,
.nieuws-detail-laag .nd-body h5,
.nieuws-detail-laag .nd-body h6 { font-size:20px; letter-spacing:.2px; }
.nieuws-detail-laag .nd-body img { max-width:100%; height:auto; border-radius:16px; margin:8px 0; }
.nieuws-detail-laag .nd-body a { color:var(--link-primary); text-decoration:underline; }
.nieuws-detail-laag .nd-body ul,
.nieuws-detail-laag .nd-body ol { margin:0 0 16px 20px; }
.nieuws-detail-laag .nd-body blockquote {
margin:24px 0; padding:4px 0 4px 20px; border-left:2px solid rgba(11,10,10,.15);
font-family:"mencken-std" !important; font-style:italic; font-size:20px; line-height:1.2; color:#000;
}
.nieuws-detail-laag .nd-divider { display:block; height:1px; width:100%; background:rgba(34,58,96,.15); }
.nieuws-detail-laag .nd-share-foot { display:flex; flex-direction:column; align-items:center; gap:16px; }
.nieuws-detail-laag .nd-share-title { font-family:"new-atten" !important; font-weight:500; font-size:18px; color:#000; margin:0; }
.nieuws-detail-laag .nd-sidebar { flex:0 0 349px; width:349px; position:sticky; top:180px; display:flex; flex-direction:column; gap:24px; }
.nieuws-detail-laag .nd-card { background:#fff; border:1px solid rgba(34,58,96,.1); border-radius:30px; padding:32px; }
.nieuws-detail-laag .nd-support { display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; }
.nieuws-detail-laag .nd-support-title { font-family:"new-atten" !important; font-weight:700; font-size:18px; color:#201d1d; margin:0; }
.nieuws-detail-laag .nd-support-sub { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:var(--font-dark); margin:0; }
.nieuws-detail-laag .nd-support .nd-support-btn { width:100% !important; }
.nieuws-detail-laag .nd-support-nood { font-family:"new-atten" !important; font-size:14px; color:var(--font-dark); margin:0; }
.nieuws-detail-laag .nd-meer-title { font-family:"new-atten" !important; font-weight:700; font-size:18px; color:#201d1d; margin:0 0 16px; }
.nieuws-detail-laag .nd-meer-list { list-style:disc; margin:0; padding-left:21px; display:flex; flex-direction:column; gap:8px; }
.nieuws-detail-laag .nd-meer-list a { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:var(--font-dark); text-decoration:none; }
.nieuws-detail-laag .nd-meer-list a:hover { text-decoration:underline; }
@media (max-width:980px) {
.nieuws-detail-laag .nd-layout { flex-direction:column; }
.nieuws-detail-laag .nd-sidebar { position:static; flex-basis:auto; width:100%; }
.nieuws-detail-laag .nd-title { font-size:32px; }
.nieuws-detail-laag .nd-article { padding:24px 20px 40px; }
}
.gerelateerd-nieuws-laag .gn-intro { display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:32px; }
.gerelateerd-nieuws-laag .gn-intro__text { display:flex; flex-direction:column; gap:20px; flex:1 1 auto; min-width:0; }
.gerelateerd-nieuws-laag .gn-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; margin:0; }
.gerelateerd-nieuws-laag .gn-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }
.gerelateerd-nieuws-laag .gn-intro-btn { flex:0 0 auto; }
.gerelateerd-nieuws-laag .gn-card { display:flex; flex-direction:column; border:1px solid rgba(34,58,96,.2); border-radius:30px; overflow:hidden; background:#fff; height:100%; }
.gerelateerd-nieuws-laag .gn-card-media { display:block; width:100%; height:200px; }
.gerelateerd-nieuws-laag .gn-card-img { width:100%; height:100%; object-fit:cover; display:block; }
.gerelateerd-nieuws-laag .gn-card-img--ph { background:#cfd9e4; }
.gerelateerd-nieuws-laag .gn-card-body { display:flex; flex-direction:column; gap:16px; padding:32px; flex:1 1 auto; }
.gerelateerd-nieuws-laag .gn-tag {
align-self:flex-start; background:var(--vdp-mos); color:var(--vdp-groen);
font-family:"new-atten" !important; font-weight:500; font-size:14px; line-height:1.6;
padding:2px 8px; border-radius:4px;
}
.gerelateerd-nieuws-laag .gn-content { display:flex; flex-direction:column; gap:24px; flex:1 1 auto; }
.gerelateerd-nieuws-laag .gn-head { display:flex; flex-direction:column; gap:8px; }
.gerelateerd-nieuws-laag .gn-card-title { font-family:"new-atten" !important; font-weight:700; font-size:20px; line-height:1.6; color:#000; margin:0; }
.gerelateerd-nieuws-laag .gn-card-excerpt { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; margin:0; }
.gerelateerd-nieuws-laag .gn-byline { display:flex; align-items:center; gap:8px; font-family:"new-atten" !important; font-size:14px; color:#000; }
.gerelateerd-nieuws-laag .gn-byline .gn-dot { font-size:18px; line-height:1; }
.gerelateerd-nieuws-laag .gn-more {
display:inline-flex; align-items:center; gap:8px; margin-top:auto;
font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6;
color:var(--link-primary) !important; text-decoration:none;
}
.gerelateerd-nieuws-laag .gn-more:hover span { text-decoration:underline; }
.gerelateerd-nieuws-laag .gn-more::after {
content:""; flex:0 0 24px; width:24px; height:24px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%230078D2'/%3E%3C/svg%3E") no-repeat center / contain;
}
@media (min-width:1171px) {
.gerelateerd-nieuws-laag .gn-slider { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
}
.gerelateerd-nieuws-laag.gn-on-single { padding:8px 0 80px; }
@media (max-width:768px) {
.gerelateerd-nieuws-laag .gn-intro { flex-direction:column; }
.gerelateerd-nieuws-laag .gn-intro-title { font-size:28px; }
}
.uitvaart-detail-laag.uv-protected { padding:24px 0 80px; }
.uitvaart-detail-laag.uv-protected .inner { display:flex; flex-direction:column; align-items:center; gap:40px; }
.uitvaart-detail-laag .uv-pw-back { display:inline-flex; align-items:center; gap:8px; font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:var(--font-dark) !important; text-decoration:none; }
.uitvaart-detail-laag .uv-pw-back::before { content:"‹"; font-size:20px; line-height:1; }
.uitvaart-detail-laag .uv-pw-back:hover { text-decoration:underline; }
.uitvaart-detail-laag .uv-pw-card { width:664px; max-width:100%; display:flex; flex-direction:column; gap:32px; padding:56px 32px; background:#fff; border:1px solid rgba(34,58,96,.2); border-radius:30px; }
.uitvaart-detail-laag .uv-pw-head { display:flex; flex-direction:column; align-items:center; gap:16px; padding:0 24px; text-align:center; }
.uitvaart-detail-laag .uv-pw-lock { display:flex; align-items:center; justify-content:center; padding:12px; background:var(--vdp-glas); border-radius:100px; }
.uitvaart-detail-laag .uv-pw-lock svg { display:block; }
.uitvaart-detail-laag .uv-pw-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:32px; line-height:1.2; letter-spacing:.32px; color:#000; margin:0; }
.uitvaart-detail-laag .uv-pw-intro { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0; }
.uitvaart-detail-laag .uv-pw-form { display:flex; flex-direction:column; gap:16px; }
.uitvaart-detail-laag .uv-pw-field { display:flex; flex-direction:column; gap:8px; }
.uitvaart-detail-laag .uv-pw-field > label { font-family:"new-atten" !important; font-weight:500; font-size:14px; line-height:1.6; color:#000; }
.uitvaart-detail-laag .uv-pw-input { display:flex; align-items:center; gap:8px; height:52px; padding:12px 16px; background:#fff; border:2px solid rgba(34,58,96,.2); border-radius:16px; }
.uitvaart-detail-laag .uv-pw-input input { flex:1 1 auto; border:0; outline:0; background:transparent; font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:var(--font-dark); padding:0; }
.uitvaart-detail-laag .uv-pw-input input::placeholder { color:rgba(34,58,96,.4); }
.uitvaart-detail-laag .uv-pw-eye { flex:0 0 24px; display:flex; align-items:center; justify-content:center; width:24px; height:24px; padding:0; border:0; background:transparent; cursor:pointer; opacity:.85; }
.uitvaart-detail-laag .uv-pw-eye:hover { opacity:1; }
.uitvaart-detail-laag .uv-pw-eye.is-on { opacity:1; }
.uitvaart-detail-laag .uv-pw-submit {
display:inline-flex; align-items:center; justify-content:center; gap:12px; width:100%;
padding:12px 24px; border:1px solid var(--vdp-groen); border-radius:100px; background:var(--vdp-groen); cursor:pointer;
font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6; color:#fff;
}
.uitvaart-detail-laag .uv-pw-submit::after {
content:""; width:24px; height:24px;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z'/%3E%3C/svg%3E") no-repeat center / contain;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z'/%3E%3C/svg%3E") no-repeat center / contain;
background:#fff;
}
.uitvaart-detail-laag .uv-pw-submit:hover { background:#4a7d58; border-color:#4a7d58; }
.uitvaart-detail-laag .uv-pw-divider { display:block; width:100%; height:1px; background:rgba(34,58,96,.2); }
.uitvaart-detail-laag .uv-pw-foot { display:flex; flex-direction:column; align-items:center; gap:16px; padding:0 24px; text-align:center; }
.uitvaart-detail-laag .uv-pw-foot-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:20px; line-height:1.2; letter-spacing:.2px; color:#000; margin:0; }
.uitvaart-detail-laag .uv-pw-foot-text { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0; }
.uitvaart-detail-laag .uv-pw-contact {
width:100%; display:inline-flex; align-items:center; justify-content:center;
padding:12px 24px; border:1px solid var(--vdp-groen); border-radius:100px; background:#fff;
font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6; color:var(--font-dark) !important; text-decoration:none;
}
.uitvaart-detail-laag .uv-pw-contact:hover { background:var(--vdp-groen); color:#fff !important; }
.uitvaart-detail-laag { padding:48px 0 80px; }
.uitvaart-detail-laag .uv-grid { display:flex; align-items:flex-start; gap:56px; }
.uitvaart-detail-laag .uv-main { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:24px; }
.uitvaart-detail-laag .uv-back { align-self:flex-start; }
.uitvaart-detail-laag .uv-hero { display:flex; align-items:stretch; border:1px solid rgba(34,58,96,.2); border-radius:30px; overflow:hidden; background:#fff; }
.uitvaart-detail-laag .uv-hero-media { flex:1 1 0; min-width:0; background:#d9d9d9; }
.uitvaart-detail-laag .uv-hero-img { width:100%; height:100%; object-fit:cover; display:block; }
.uitvaart-detail-laag .uv-hero-panel { flex:1 1 0; min-width:0; display:flex; flex-direction:column; justify-content:center; gap:32px; padding:48px 32px; }
.uitvaart-detail-laag .uv-hero-head { display:flex; flex-direction:column; gap:8px; }
.uitvaart-detail-laag .uv-name { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:24px; line-height:1.2; letter-spacing:.24px; margin:0; color:#000; }
.uitvaart-detail-laag .uv-dates { font-family:"new-atten" !important; font-size:16px; color:#000; margin:0; }
.uitvaart-detail-laag .uv-citaat { font-family:"mencken-std" !important; font-style:italic; font-size:20px; line-height:1.2; letter-spacing:.2px; color:#000; margin:0; }
.uitvaart-detail-laag .uv-familie { list-style:disc; margin:0; padding-left:24px; font-family:"new-atten" !important; font-size:16px; color:#000; }
.uitvaart-detail-laag .uv-card { background:#fff; border:1px solid rgba(34,58,96,.2); border-radius:30px; padding:40px; }
.uitvaart-detail-laag .uv-card-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:24px; line-height:1.2; letter-spacing:.24px; margin:0 0 24px; color:#000; }
.uitvaart-detail-laag .uv-herinnering-tekst,
.uitvaart-detail-laag .uv-herinnering-tekst p { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0 0 16px; }
.uitvaart-detail-laag .uv-herinnering-tekst p:last-child { margin-bottom:0; }
.uitvaart-detail-laag .uv-form-intro { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0 0 24px; }
.uitvaart-detail-laag .uv-form { display:flex; flex-direction:column; gap:20px; }
.uitvaart-detail-laag .uv-form-row { display:flex; gap:24px; }
.uitvaart-detail-laag .uv-field { display:flex; flex-direction:column; gap:8px; margin:0; flex:1 1 0; min-width:0; }
.uitvaart-detail-laag .uv-field label { font-family:"new-atten" !important; font-weight:500; font-size:14px; color:#000; }
.uitvaart-detail-laag .uv-muted { color:rgba(0,0,0,.3); font-weight:400; }
.uitvaart-detail-laag .uv-form input[type="text"],
.uitvaart-detail-laag .uv-form input[type="email"],
.uitvaart-detail-laag .uv-form textarea {
width:100%; box-sizing:border-box; background:#fff;
border:2px solid rgba(34,58,96,.2); border-radius:16px; padding:12px 16px;
font-family:"new-atten" !important; font-size:16px; color:#000;
}
.uitvaart-detail-laag .uv-form input::placeholder,
.uitvaart-detail-laag .uv-form textarea::placeholder { color:rgba(34,58,96,.4); }
.uitvaart-detail-laag .uv-form input:focus,
.uitvaart-detail-laag .uv-form textarea:focus { outline:none; border-color:var(--vdp-groen); }
.uitvaart-detail-laag .uv-form textarea { min-height:120px; resize:vertical; }
.uitvaart-detail-laag .uv-upload {
display:flex; align-items:center; justify-content:center; gap:16px;
border:2px dashed #d1d5dc; border-radius:16px; padding:28px 16px; cursor:pointer;
}
.uitvaart-detail-laag .uv-upload-ico {
width:31px; height:31px; flex:0 0 31px; border-radius:50%; background:var(--vdp-offwhite);
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 19V5M12 5L6 11M12 5L18 11' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat; background-position:center; background-size:16px;
}
.uitvaart-detail-laag .uv-upload-text { font-family:"new-atten" !important; font-size:14px; color:#000; text-decoration:underline; }
.uitvaart-detail-laag .uv-upload-hint { font-family:"new-atten" !important; font-size:12px; color:#6a7282; margin:0; }
.uitvaart-detail-laag .uv-check { display:flex; gap:12px; align-items:flex-start; font-family:"new-atten" !important; font-size:12px; line-height:1.6; color:var(--font-dark); cursor:pointer; }
.uitvaart-detail-laag .uv-check input { margin-top:2px; flex:0 0 auto; width:18px; height:18px; accent-color:var(--vdp-groen); }
.uitvaart-detail-laag .uv-check a { color:var(--font-dark); text-decoration:underline; }
.uitvaart-detail-laag .uv-form-submit {
display:inline-flex; align-items:center; justify-content:center; gap:12px;
width:100% !important; margin-top:4px;
padding:12px 24px; border:1px solid var(--vdp-groen); border-radius:100px;
background:var(--vdp-groen); color:#fff !important;
font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6;
cursor:pointer; transition:background-color .2s ease-in-out;
}
.uitvaart-detail-laag .uv-form-submit:hover { background:#4a7c57; border-color:#4a7c57; }
.uitvaart-detail-laag .uv-form-submit::after {
content:""; flex:0 0 24px; width:24px; height:24px; background-color:#fff;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / 24px 24px;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / 24px 24px;
transition:transform .2s ease-in-out;
}
.uitvaart-detail-laag .uv-form-submit:hover::after { transform:translateX(4px); }
.uitvaart-detail-laag .uv-condo-item { display:flex; flex-direction:column; gap:24px; }
.uitvaart-detail-laag .uv-condo-head { display:flex; align-items:center; gap:12px; }
.uitvaart-detail-laag .uv-avatar { flex:0 0 40px; width:40px; height:40px; border-radius:50%; background:var(--vdp-groen); color:#fff; display:flex; align-items:center; justify-content:center; font-family:"new-atten" !important; font-weight:500; font-size:14px; }
.uitvaart-detail-laag .uv-condo-meta { display:flex; flex-direction:column; }
.uitvaart-detail-laag .uv-condo-author { font-family:"new-atten" !important; font-weight:500; font-size:16px; color:#000; margin:0; }
.uitvaart-detail-laag .uv-condo-sub { font-family:"new-atten" !important; font-size:12px; color:#000; margin:0; }
.uitvaart-detail-laag .uv-condo-body,
.uitvaart-detail-laag .uv-condo-body p { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0 0 8px; }
.uitvaart-detail-laag .uv-condo-body p:last-child { margin-bottom:0; }
.uitvaart-detail-laag .uv-condo-fotos { display:flex; flex-wrap:wrap; gap:16px; }
.uitvaart-detail-laag .uv-condo-fotos a { display:block; flex:0 0 auto; }
.uitvaart-detail-laag .uv-condo-fotos img { width:200px; height:160px; object-fit:cover; border-radius:16px; display:block; }
.uitvaart-detail-laag .uv-sidebar { flex:0 0 381px; width:381px; position:sticky; top:180px; display:flex; flex-direction:column; gap:32px; }
.uitvaart-detail-laag .uv-side-card { background:#fff; border:1px solid rgba(34,58,96,.2); border-radius:30px; padding:32px; }
.uitvaart-detail-laag .uv-side-title { font-family:"new-atten" !important; font-weight:700; font-size:20px; color:#000; margin:0 0 16px; }
.uitvaart-detail-laag .uv-side-row { display:flex; flex-direction:column; gap:12px; padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid rgba(34,58,96,.2); }
.uitvaart-detail-laag .uv-side-row--last,
.uitvaart-detail-laag .uv-side-row:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0; }
.uitvaart-detail-laag .uv-side-label { font-family:"new-atten" !important; font-size:14px; color:var(--font-dark); }
.uitvaart-detail-laag .uv-side-val { font-family:"new-atten" !important; font-weight:500; font-size:16px; color:var(--font-dark) !important; text-decoration:none; }
.uitvaart-detail-laag a.uv-side-val:hover { text-decoration:underline; }
.uitvaart-detail-laag .uv-contact-bar { margin-top:48px; background:#fff; border:1px solid rgba(34,58,96,.1); border-radius:30px; padding:32px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.uitvaart-detail-laag .uv-contact-title { font-family:"new-atten" !important; font-weight:700; font-size:18px; color:#000; margin:0 0 8px; }
.uitvaart-detail-laag .uv-contact-sub { font-family:"new-atten" !important; font-size:14px; color:#000; margin:0; }
.uitvaart-detail-laag .uv-contact-bar .btn { flex:0 0 auto; }
@media (max-width:1100px) {
.uitvaart-detail-laag .uv-grid { flex-direction:column; gap:24px; }
.uitvaart-detail-laag .uv-sidebar { position:static; flex-basis:auto; width:100%; flex-direction:row; flex-wrap:wrap; }
.uitvaart-detail-laag .uv-side-card { flex:1 1 300px; }
}
@media (max-width:768px) {
.uitvaart-detail-laag .uv-hero { flex-direction:column; }
.uitvaart-detail-laag .uv-hero-media { min-height:240px; }
.uitvaart-detail-laag .uv-card { padding:24px; }
.uitvaart-detail-laag .uv-form-row { flex-direction:column; gap:20px; }
.uitvaart-detail-laag .uv-contact-bar { flex-direction:column; align-items:flex-start; }
.uitvaart-detail-laag .uv-condo-fotos img { width:140px; height:120px; }
}
.nieuws-contact-prompt {
background:#fff; border:1px solid rgba(34,58,96,.2); border-radius:24px; padding:32px;
display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:48px;
}
.nieuws-contact-prompt .ncp-text { display:flex; flex-direction:column; gap:8px; }
.nieuws-contact-prompt .ncp-title { font-family:"new-atten" !important; font-weight:500; font-size:18px; line-height:1.6; color:#000; margin:0; }
.nieuws-contact-prompt .ncp-sub { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:var(--font-dark); margin:0; }
.nieuws-contact-prompt .ncp-btn { flex:0 0 auto; }
@media (max-width:768px) {
.nieuws-contact-prompt { flex-direction:column; align-items:flex-start; }
}
.nieuws-overzicht-laag .no-intro { display:flex; flex-direction:column; gap:16px; margin-bottom:32px; max-width:760px; }
.nieuws-overzicht-laag .no-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; margin:0; }
.nieuws-overzicht-laag .no-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }
.nieuws-overzicht-laag .no-filters { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:40px; }
.nieuws-overzicht-laag .no-filter {
font-family:"new-atten" !important; font-weight:500; font-size:15px; line-height:1;
color:var(--font-dark); text-decoration:none; padding:9px 18px; border-radius:999px;
border:1px solid rgba(34,58,96,.2); background:#fff; transition:all .15s ease;
}
.nieuws-overzicht-laag .no-filter:hover { border-color:var(--vdp-groen); color:var(--vdp-groen); }
.nieuws-overzicht-laag .no-filter.is-active { background:var(--vdp-groen); border-color:var(--vdp-groen); color:#fff; }
.nieuws-overzicht-laag .no-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.nieuws-overzicht-laag .no-card { display:flex; flex-direction:column; border:1px solid rgba(34,58,96,.2); border-radius:30px; overflow:hidden; background:#fff; height:100%; }
.nieuws-overzicht-laag .no-media { display:block; width:100%; height:200px; }
.nieuws-overzicht-laag .no-img { width:100%; height:100%; object-fit:cover; display:block; }
.nieuws-overzicht-laag .no-img--ph { background:#cfd9e4; }
.nieuws-overzicht-laag .no-body { display:flex; flex-direction:column; gap:16px; padding:32px; flex:1 1 auto; }
.nieuws-overzicht-laag .no-tag {
align-self:flex-start; background:var(--vdp-mos); color:var(--vdp-groen);
font-family:"new-atten" !important; font-weight:500; font-size:14px; line-height:1.6;
padding:2px 8px; border-radius:4px;
}
.nieuws-overzicht-laag .no-content { display:flex; flex-direction:column; gap:24px; flex:1 1 auto; }
.nieuws-overzicht-laag .no-head { display:flex; flex-direction:column; gap:8px; }
.nieuws-overzicht-laag .no-card-title { font-family:"new-atten" !important; font-weight:700; font-size:20px; line-height:1.6; color:#000; margin:0; }
.nieuws-overzicht-laag .no-excerpt { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; margin:0; }
.nieuws-overzicht-laag .no-byline { display:flex; align-items:center; gap:8px; font-family:"new-atten" !important; font-size:14px; color:#000; }
.nieuws-overzicht-laag .no-byline .no-dot { font-size:18px; line-height:1; }
.nieuws-overzicht-laag .no-more {
display:inline-flex; align-items:center; gap:8px; margin-top:auto;
font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6;
color:var(--link-primary) !important; text-decoration:none;
}
.nieuws-overzicht-laag .no-more:hover span { text-decoration:underline; }
.nieuws-overzicht-laag .no-more::after {
content:""; flex:0 0 24px; width:24px; height:24px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%230078D2'/%3E%3C/svg%3E") no-repeat center / contain;
}
.nieuws-overzicht-laag .no-promo { background:var(--vdp-groen); border-color:var(--vdp-groen); }
.nieuws-overzicht-laag .no-promo-body { display:flex; flex-direction:column; gap:20px; padding:32px; height:100%; }
.nieuws-overzicht-laag .no-promo-badge {
align-self:flex-start; background:var(--vdp-groen); color:#fff;
font-family:"new-atten" !important; font-weight:500; font-size:14px; line-height:1.6;
padding:2px 10px; border-radius:4px;
}
.nieuws-overzicht-laag .no-promo-head { display:flex; flex-direction:column; gap:12px; }
.nieuws-overzicht-laag .no-promo-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:24px; line-height:1.3; color:#fff; margin:0; }
.nieuws-overzicht-laag .no-promo-tekst { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:rgba(255,255,255,.85); margin:0; }
.nieuws-overzicht-laag .no-promo-img { display:block; width:100%; height:100%; flex:1 1 auto; min-height:140px; border-radius:16px; background:rgba(255,255,255,.12); margin-top:auto; }
.nieuws-overzicht-laag .no-promo-btn { align-self:flex-start; }
.nieuws-overzicht-laag .no-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin-top:48px; }
.nieuws-overzicht-laag .no-page {
min-width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center;
padding:0 14px; border-radius:999px; border:1px solid rgba(34,58,96,.2); background:#fff;
font-family:"new-atten" !important; font-weight:500; font-size:15px; color:var(--font-dark); text-decoration:none; transition:all .15s ease;
}
.nieuws-overzicht-laag .no-page:hover { border-color:var(--vdp-groen); color:var(--vdp-groen); }
.nieuws-overzicht-laag .no-page.is-active { background:var(--vdp-groen); border-color:var(--vdp-groen); color:#fff; }
.nieuws-overzicht-laag .no-ellipsis { min-width:24px; text-align:center; color:var(--font-dark); font-family:"new-atten" !important; font-weight:500; }
.nieuws-overzicht-laag .no-empty { font-family:"new-atten" !important; font-size:18px; color:var(--font-dark); }
@media (max-width:1170px) {
.nieuws-overzicht-laag .no-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
.nieuws-overzicht-laag .no-grid { grid-template-columns:1fr; }
.nieuws-overzicht-laag .no-intro-title { font-size:28px; }
}
.uitvaart-overzicht-laag .uvo-intro { display:flex; flex-direction:column; align-items:center; gap:24px; text-align:center; margin-bottom:56px; }
.uitvaart-overzicht-laag .uvo-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:48px; line-height:1.2; letter-spacing:.48px; color:#000; margin:0; }
.uitvaart-overzicht-laag .uvo-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0; max-width:696px; }
.uitvaart-overzicht-laag .uvo-search { display:flex; flex-direction:column; gap:24px; padding:32px; background:#fff; border:1px solid rgba(34,58,96,.2); border-radius:30px; margin-bottom:40px; }
.uitvaart-overzicht-laag .uvo-search-fields { display:flex; gap:16px; align-items:flex-end; }
.uitvaart-overzicht-laag .uvo-search-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }
.uitvaart-overzicht-laag .uvo-actions-left { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.uitvaart-overzicht-laag .uvo-zoeken {
display:inline-flex; align-items:center; gap:8px; cursor:pointer;
padding:12px 24px; border:1px solid var(--vdp-groen); border-radius:100px; background:var(--vdp-groen);
font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6; color:#fff;
}
.uitvaart-overzicht-laag .uvo-zoeken::before {
content:""; width:20px; height:20px; background:#fff;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/%3E%3C/svg%3E") no-repeat center / contain;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.uitvaart-overzicht-laag .uvo-zoeken:hover { background:#4a7d58; border-color:#4a7d58; }
.uitvaart-overzicht-laag .uvo-reset {
display:inline-flex; align-items:center; gap:6px;
font-family:"new-atten" !important; font-weight:500; font-size:15px; line-height:1.6; color:var(--font-dark) !important; text-decoration:none;
}
.uitvaart-overzicht-laag .uvo-reset::before { content:"\00d7"; font-size:18px; line-height:1; }
.uitvaart-overzicht-laag .uvo-reset:hover { text-decoration:underline; }
.uitvaart-overzicht-laag .uvo-field { display:flex; flex-direction:column; gap:8px; flex:1 1 0; min-width:0; }
.uitvaart-overzicht-laag .uvo-field--naam { flex:0 0 439px; max-width:439px; }
.uitvaart-overzicht-laag .uvo-field > label { font-family:"new-atten" !important; font-weight:500; font-size:14px; line-height:1.6; color:#000; }
.uitvaart-overzicht-laag .uvo-field input,
.uitvaart-overzicht-laag .uvo-field select { width:100%; height:52px; padding:12px 16px; background:#fff; border:2px solid rgba(34,58,96,.2); border-radius:16px; font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:var(--font-dark); }
.uitvaart-overzicht-laag .uvo-field input::placeholder { color:rgba(34,58,96,.4); }
.uitvaart-overzicht-laag .uvo-field input:focus,
.uitvaart-overzicht-laag .uvo-field select:focus { outline:0; border-color:var(--vdp-groen); }
.uitvaart-overzicht-laag .uvo-select { position:relative; }
.uitvaart-overzicht-laag .uvo-select select { -webkit-appearance:none; -moz-appearance:none; appearance:none; padding-right:42px; cursor:pointer; }
.uitvaart-overzicht-laag .uvo-select::after {
content:""; position:absolute; right:16px; top:50%; transform:translateY(-50%); width:16px; height:16px; pointer-events:none;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23223a60'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.uitvaart-overzicht-laag .uvo-melden { flex:0 0 auto; align-self:flex-end; }
.uitvaart-overzicht-laag .uvo-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.uitvaart-overzicht-laag .uvo-card { display:flex; flex-direction:column; border:1px solid rgba(34,58,96,.2); border-radius:30px; overflow:hidden; background:#fff; height:100%; }
.uitvaart-overzicht-laag .uvo-media { display:block; width:100%; height:376px; }
.uitvaart-overzicht-laag .uvo-img { width:100%; height:100%; object-fit:cover; display:block; }
.uitvaart-overzicht-laag .uvo-img--ph {
background:#d9d9d9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff' opacity='0.7'%3E%3Cpath d='M21 19V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2zM8.5 13.5l2.5 3 3.5-4.5 4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E") no-repeat center / 64px 64px;
}
.uitvaart-overzicht-laag .uvo-body { display:flex; flex-direction:column; justify-content:space-between; gap:24px; padding:32px; flex:1 1 auto; }
.uitvaart-overzicht-laag .uvo-head { display:flex; flex-direction:column; gap:8px; }
.uitvaart-overzicht-laag .uvo-name { font-family:"new-atten" !important; font-weight:700; font-size:20px; line-height:1.6; color:#000; margin:0; }
.uitvaart-overzicht-laag .uvo-name a { color:#000 !important; text-decoration:none; }
.uitvaart-overzicht-laag .uvo-name a:hover { text-decoration:underline; }
.uitvaart-overzicht-laag .uvo-dates,
.uitvaart-overzicht-laag .uvo-vest { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; margin:0; }
.uitvaart-overzicht-laag .uvo-foot { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.uitvaart-overzicht-laag .uvo-link { display:inline-flex; align-items:center; gap:8px; font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6; color:var(--link-primary) !important; text-decoration:none; }
.uitvaart-overzicht-laag .uvo-link:hover span { text-decoration:underline; }
.uitvaart-overzicht-laag .uvo-link::after {
content:""; flex:0 0 24px; width:24px; height:24px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%230078D2'/%3E%3C/svg%3E") no-repeat center / contain;
}
.uitvaart-overzicht-laag .uvo-badge { flex:0 0 auto; background:var(--vdp-mos); color:var(--vdp-groen); font-family:"new-atten" !important; font-weight:500; font-size:14px; line-height:1.6; padding:2px 8px; border-radius:4px; }
.uitvaart-overzicht-laag .uvo-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin-top:48px; }
.uitvaart-overzicht-laag .uvo-page { min-width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; padding:0 14px; border-radius:999px; border:1px solid rgba(34,58,96,.2); background:#fff; font-family:"new-atten" !important; font-weight:500; font-size:15px; color:var(--font-dark); text-decoration:none; transition:all .15s ease; }
.uitvaart-overzicht-laag .uvo-page:hover { border-color:var(--vdp-groen); color:var(--vdp-groen); }
.uitvaart-overzicht-laag .uvo-page.is-active { background:var(--vdp-groen); border-color:var(--vdp-groen); color:#fff; }
.uitvaart-overzicht-laag .uvo-ellipsis { min-width:24px; text-align:center; color:var(--font-dark); font-family:"new-atten" !important; font-weight:500; }
.uitvaart-overzicht-laag .uvo-empty { font-family:"new-atten" !important; font-size:18px; color:var(--font-dark); text-align:center; }
@media (max-width:1170px) {
.uitvaart-overzicht-laag .uvo-grid { grid-template-columns:repeat(2,1fr); }
.uitvaart-overzicht-laag .uvo-search-fields { flex-wrap:wrap; }
.uitvaart-overzicht-laag .uvo-field--naam { flex:1 1 100%; max-width:none; }
}
@media (max-width:768px) {
.uitvaart-overzicht-laag .uvo-intro-title { font-size:30px; }
.uitvaart-overzicht-laag .uvo-search-fields { flex-direction:column; align-items:stretch; }
.uitvaart-overzicht-laag .uvo-field { flex:1 1 auto; }
.uitvaart-overzicht-laag .uvo-search-actions { flex-direction:column; align-items:stretch; }
.uitvaart-overzicht-laag .uvo-actions-left { justify-content:space-between; }
.uitvaart-overzicht-laag .uvo-zoeken { flex:1 1 auto; justify-content:center; }
.uitvaart-overzicht-laag .uvo-melden { justify-content:center; }
.uitvaart-overzicht-laag .uvo-grid { grid-template-columns:1fr; }
}
.owl-loaded { position:relative; }
.owl-loaded .owl-stage { margin-bottom:90px; }
.owl-loaded .owl-dots {
position:absolute; left:0; bottom:20px; height:8px;
display:flex; align-items:center; gap:18px; margin:0;
}
.owl-loaded .owl-dot { display:flex; align-items:center; }
.owl-loaded .owl-dot span {
display:block;
width:8px !important; height:8px !important; margin:0 !important;
border-radius:50% !important; background:#fff !important; border:none !important; transition:background .15s ease,border .15s ease;
}
.owl-loaded .owl-dot.active span { background:transparent !important; border:2px solid #000 !important; }
.owl-loaded .owl-nav {
position:absolute; right:0; bottom:0; margin:0;
display:flex; align-items:center; gap:9px;
}
.owl-loaded .owl-nav .owl-prev,
.owl-loaded .owl-nav .owl-next {
display:flex !important; align-items:center; justify-content:center;
width:48px !important; height:48px !important; margin:0 !important; padding:0 !important;
border-radius:50% !important;
font-size:0 !important; line-height:0 !important; color:transparent !important; text-indent:-9999px; cursor:pointer;
background-repeat:no-repeat !important; background-position:center !important; background-size:24px 24px !important;
transition:background-color .15s ease;
}
.owl-loaded .owl-nav .owl-prev span,
.owl-loaded .owl-nav .owl-next span { display:none; }
.owl-loaded .owl-nav .owl-prev {
border:1px solid #000 !important; background-color:transparent !important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 18L4 12L10 6L11.4 7.45L7.85 11H20V13H7.85L11.4 16.55L10 18Z' fill='%23000000'/%3E%3C/svg%3E") !important;
}
.owl-loaded .owl-nav .owl-next {
border:1px solid #000 !important; background-color:#000 !important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}
.owl-loaded .owl-nav .owl-prev:hover {
background-color:#000 !important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 18L4 12L10 6L11.4 7.45L7.85 11H20V13H7.85L11.4 16.55L10 18Z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}
.owl-loaded .owl-nav .owl-next:hover { background-color:#1a1a1a !important; }
.owl-loaded .owl-nav .disabled { opacity:.3 !important; cursor:default; }
.font-Licht .owl-loaded .owl-dot span { background:rgba(255,255,255,.45) !important; }
.font-Licht .owl-loaded .owl-dot.active span { background:transparent !important; border:2px solid #fff !important; }
.font-Licht .owl-loaded .owl-nav .owl-prev {
border-color:#fff !important; background-color:transparent !important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 18L4 12L10 6L11.4 7.45L7.85 11H20V13H7.85L11.4 16.55L10 18Z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}
.font-Licht .owl-loaded .owl-nav .owl-next {
border-color:#fff !important; background-color:#fff !important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%23000000'/%3E%3C/svg%3E") !important;
}
.font-Licht .owl-loaded .owl-nav .owl-prev:hover {
background-color:#fff !important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 18L4 12L10 6L11.4 7.45L7.85 11H20V13H7.85L11.4 16.55L10 18Z' fill='%23000000'/%3E%3C/svg%3E") !important;
}
.font-Licht .owl-loaded .owl-nav .owl-next:hover { background-color:#e6e6e6 !important; }
.dw-floating-support { display:none; }
@media (max-width:767px) {
.dw-floating-support {
display:flex; flex-direction:column; align-items:center;
position:fixed; left:16px; right:16px; bottom:16px; z-index:998;
padding:0; background:none; border:0; box-shadow:none;
}
.dw-fs-btn {
display:flex; align-items:center; justify-content:center; gap:12px;
width:100%; padding:12px 24px; border-radius:100px;
background:var(--vdp-groen); border:1px solid var(--vdp-groen); color:#fff;
font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6;
text-decoration:none; text-align:center;
}
.dw-fs-btn:hover { background:#4a7d59; border-color:#4a7d59; color:#fff; }
.dw-fs-arrow { width:24px; height:24px; flex-shrink:0; }
.dw-fs-nood {
font-family:"new-atten" !important; font-weight:400; font-size:14px; line-height:1.6;
color:var(--font-dark); text-decoration:none; text-align:center;
}
}
.kaarten-checklist-laag .kch-intro { display:flex; flex-direction:column; gap:16px; margin-bottom:32px; }
.kaarten-checklist-laag .kch-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; color:#000; margin:0; }
.kaarten-checklist-laag .kch-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0; max-width:760px; }
.kaarten-checklist-laag .kch-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.kaarten-checklist-laag .kch-grid[data-cols="2"] { grid-template-columns:repeat(2,1fr); }
.kaarten-checklist-laag .kch-grid[data-cols="4"] { grid-template-columns:repeat(4,1fr); }
.kaarten-checklist-laag .kch-card { display:flex; flex-direction:column; border:1px solid rgba(34,58,96,.2); border-radius:30px; overflow:hidden; background:#fff; height:100%; }
.kaarten-checklist-laag .kch-media { display:block; width:100%; height:200px; background:#d9d9d9; }
.kaarten-checklist-laag .kch-body { display:flex; flex-direction:column; gap:16px; padding:32px; flex:1 1 auto; }
.kaarten-checklist-laag .kch-card-title { font-family:"new-atten" !important; font-weight:700; font-size:20px; line-height:1.6; color:#000; margin:0; }
.kaarten-checklist-laag .kch-card-text { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#4a4a4a; margin:0; }
.kaarten-checklist-laag .kch-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.kaarten-checklist-laag .kch-item { display:flex; align-items:flex-start; gap:8px; }
.kaarten-checklist-laag .kch-check {
flex:0 0 16px; width:16px; height:16px; margin-top:3px; background:var(--vdp-groen);
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") no-repeat center / contain;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.kaarten-checklist-laag .kch-text { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:var(--font-dark); }
.kaarten-checklist-laag--centered .kch-intro { align-items:center; text-align:center; }
.kaarten-checklist-laag--centered .kch-intro-sub { margin-left:auto; margin-right:auto; }
.kaarten-checklist-laag--centered .kch-check {
flex-basis:20px; width:20px; height:20px; margin-top:1px; background:#fff;
-webkit-mask:none; mask:none;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23579067'/%3E%3Cpath d='M10 16.2 5.8 12l-1.4 1.4L10 19 20 9l-1.4-1.4z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center / contain;
}
@media (max-width:1170px) {
.kaarten-checklist-laag .kch-grid,
.kaarten-checklist-laag .kch-grid[data-cols="4"] { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
.kaarten-checklist-laag .kch-grid,
.kaarten-checklist-laag .kch-grid[data-cols="2"],
.kaarten-checklist-laag .kch-grid[data-cols="4"] { grid-template-columns:1fr; }
.kaarten-checklist-laag .kch-intro-title { font-size:28px; }
}
.product-detail-laag .pd-grid { display:flex; align-items:flex-start; gap:56px; }
.product-detail-laag .pd-left { flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:27px; position:sticky; top:24px; }
.product-detail-laag .pd-right { flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:32px; align-self:stretch; }
.product-detail-laag .pd-back { display:inline-flex; align-items:center; gap:8px; font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:var(--font-dark) !important; text-decoration:none; }
.product-detail-laag .pd-back::before { content:"‹"; font-size:20px; line-height:1; }
.product-detail-laag .pd-back:hover { text-decoration:underline; }
.product-detail-laag .pd-media { display:flex; flex-direction:column; gap:16px; }
.product-detail-laag .pd-hero { height:420px; border:1px solid rgba(34,58,96,.2); border-radius:30px; background:var(--vdp-offwhite); overflow:hidden; display:flex; align-items:center; justify-content:center; padding:24px; }
.product-detail-laag .pd-hero-img { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block; }
.product-detail-laag .pd-hero-img--ph { width:100%; height:100%; background:#e2e6ea; }
.product-detail-laag .pd-thumbs-wrap { position:relative; }
.product-detail-laag .pd-thumbs { display:flex; gap:15px; overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none; -ms-overflow-style:none; padding:2px; }
.product-detail-laag .pd-thumbs::-webkit-scrollbar { display:none; }
.product-detail-laag .pd-thumb { flex:0 0 116px; width:116px; height:116px; min-width:0; border:1px solid rgba(34,58,96,.2); border-radius:30px; background:var(--vdp-offwhite) center / cover no-repeat; cursor:pointer; padding:0; opacity:.5; transition:opacity .15s ease, border-color .15s ease, box-shadow .15s ease; }
.product-detail-laag .pd-thumb:hover { border-color:var(--vdp-groen); opacity:.85; }
.product-detail-laag .pd-thumb.is-active { border-color:var(--vdp-groen); opacity:1; box-shadow:0 0 0 3px var(--vdp-groen); }
.product-detail-laag .pd-thumb-nav { display:none; }
.product-detail-laag .pd-thumbs-wrap.has-nav .pd-thumb-nav {
display:flex; align-items:center; justify-content:center;
position:absolute; top:50%; transform:translateY(-50%); z-index:2;
width:40px; height:40px; padding:0;
border:1px solid rgba(34,58,96,.25); border-radius:50%;
background:#fff; cursor:pointer; box-shadow:0 2px 10px rgba(10,12,16,.14);
transition:opacity .15s ease;
}
.product-detail-laag .pd-thumb-prev { left:6px; }
.product-detail-laag .pd-thumb-next { right:6px; }
.product-detail-laag .pd-thumb-nav svg { width:20px; height:20px; display:block; }
.product-detail-laag .pd-thumb-nav:disabled { opacity:0; pointer-events:none; }
.product-detail-laag .pd-head { display:flex; flex-direction:column; gap:24px; }
.product-detail-laag .pd-tag { align-self:flex-start; background:var(--vdp-mos); color:var(--vdp-groen); font-family:"new-atten" !important; font-weight:500; font-size:14px; line-height:1.6; padding:2px 8px; border-radius:4px; }
.product-detail-laag .pd-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:32px; line-height:1.2; letter-spacing:.32px; color:#000; margin:0; }
.product-detail-laag .pd-tekst,
.product-detail-laag .pd-tekst p { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; }
.product-detail-laag .pd-tekst { margin:0; }
.product-detail-laag .pd-tekst p { margin:0 0 16px; }
.product-detail-laag .pd-tekst p:last-child { margin-bottom:0; }
.product-detail-laag .pd-card { display:flex; flex-direction:column; gap:24px; padding:32px; background:#fff; border:1px solid rgba(34,58,96,.2); border-radius:30px; }
.product-detail-laag .pd-specs { display:flex; flex-direction:column; gap:16px; }
.product-detail-laag .pd-specs-title { font-family:"new-atten" !important; font-weight:700; font-size:20px; line-height:1.6; color:#000; margin:0; }
.product-detail-laag .pd-specs-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.product-detail-laag .pd-spec { display:flex; flex-direction:column; gap:12px; padding-bottom:16px; border-bottom:1px solid rgba(34,58,96,.2); }
.product-detail-laag .pd-spec-label { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:var(--font-dark); margin:0; }
.product-detail-laag .pd-spec-value { font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6; color:var(--font-dark); margin:0; }
.product-detail-laag .pd-support { display:flex; flex-direction:column; gap:16px; }
.product-detail-laag .pd-support-head { display:flex; flex-direction:column; gap:8px; text-align:center; }
.product-detail-laag .pd-support-title { font-family:"new-atten" !important; font-weight:700; font-size:18px; line-height:1.6; color:#201d1d; margin:0; }
.product-detail-laag .pd-support-sub { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:var(--font-dark); margin:0; }
.product-detail-laag .pd-support-cta { display:flex; flex-direction:column; align-items:stretch; gap:10px; }
.product-detail-laag .pd-support-btn { width:100% !important; display:flex; align-items:center; justify-content:center; }
.product-detail-laag .pd-support-nood { font-family:"new-atten" !important; font-size:14px; line-height:1.6; color:var(--font-dark); text-align:center; margin:0; }
@media (max-width:980px) {
.product-detail-laag .pd-grid { flex-direction:column; gap:32px; }
.product-detail-laag .pd-left { position:static; width:100%; }
.product-detail-laag .pd-right { width:100%; }
}
@media (max-width:600px) {
.product-detail-laag .pd-specs-grid { grid-template-columns:1fr; }
.product-detail-laag .pd-hero { height:320px; }
}
.product-detail-laag .pd-hero-img { transition:opacity .28s ease; }
.product-detail-laag .pd-hero-img.is-fading { opacity:0; }
.andere-opties-laag .ao-intro { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:32px; }
.andere-opties-laag .ao-intro__text { display:flex; flex-direction:column; gap:20px; flex:1 1 auto; min-width:0; }
.andere-opties-laag .ao-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; color:#000; margin:0; }
.andere-opties-laag .ao-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0; }
.andere-opties-laag .ao-alle { flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:var(--font-dark) !important; text-decoration:none; }
.andere-opties-laag .ao-alle::after { content:"›"; font-size:20px; line-height:1; }
.andere-opties-laag .ao-alle:hover span { text-decoration:underline; }
.andere-opties-laag .ao-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.andere-opties-laag .ao-card { display:flex; flex-direction:column; border:1px solid rgba(34,58,96,.2); border-radius:30px; overflow:hidden; background:#fff; height:100%; }
.andere-opties-laag .ao-media { display:flex; align-items:center; justify-content:center; width:100%; height:264px; background:var(--vdp-offwhite); padding:16px; overflow:hidden; }
.andere-opties-laag .ao-img { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block; }
.andere-opties-laag .ao-img--ph { width:100%; height:100%; background:#e2e6ea; }
.andere-opties-laag .ao-body { display:flex; flex-direction:column; gap:32px; padding:32px; flex:1 1 auto; }
.andere-opties-laag .ao-head { display:flex; flex-direction:column; gap:16px; }
.andere-opties-laag .ao-card-title { font-family:"new-atten" !important; font-weight:700; font-size:20px; line-height:1.6; color:#000; margin:0; }
.andere-opties-laag .ao-card-sub { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; margin:0; }
.andere-opties-laag .ao-more { display:inline-flex; align-items:center; gap:8px; margin-top:auto; font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6; color:var(--link-primary) !important; text-decoration:none; }
.andere-opties-laag .ao-more:hover span { text-decoration:underline; }
.andere-opties-laag .ao-more::after {
content:""; flex:0 0 24px; width:24px; height:24px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%230078D2'/%3E%3C/svg%3E") no-repeat center / contain;
}
@media (max-width:1170px) {
.andere-opties-laag .ao-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
.andere-opties-laag .ao-intro { flex-direction:column; }
.andere-opties-laag .ao-intro-title { font-size:28px; }
.andere-opties-laag .ao-grid { grid-template-columns:1fr; }
}
.cpt-overzicht-laag .co-intro { display:flex; flex-direction:column; gap:16px; margin-bottom:32px; }
.cpt-overzicht-laag .co-intro-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; color:#000; margin:0; }
.cpt-overzicht-laag .co-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0; max-width:760px; }
.cpt-overzicht-laag .co-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.cpt-overzicht-laag .co-grid[data-cols="2"] { grid-template-columns:repeat(2,1fr); }
.cpt-overzicht-laag .co-grid[data-cols="4"] { grid-template-columns:repeat(4,1fr); }
.cpt-overzicht-laag .co-card { display:flex; flex-direction:column; border:1px solid rgba(34,58,96,.2); border-radius:30px; overflow:hidden; background:#fff; height:100%; }
.cpt-overzicht-laag .co-media { display:flex; align-items:center; justify-content:center; width:100%; height:264px; background:var(--vdp-offwhite); padding:16px; overflow:hidden; }
.cpt-overzicht-laag .co-img { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block; }
.cpt-overzicht-laag .co-img--ph { width:100%; height:100%; background:#e2e6ea; }
.cpt-overzicht-laag .co-body { display:flex; flex-direction:column; gap:32px; padding:32px; flex:1 1 auto; }
.cpt-overzicht-laag .co-head { display:flex; flex-direction:column; gap:16px; }
.cpt-overzicht-laag .co-card-title { font-family:"new-atten" !important; font-weight:700; font-size:20px; line-height:1.6; color:#000; margin:0; }
.cpt-overzicht-laag .co-card-sub { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:#000; margin:0; }
.cpt-overzicht-laag .co-more { display:inline-flex; align-items:center; gap:8px; margin-top:auto; font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6; color:var(--link-primary) !important; text-decoration:none; }
.cpt-overzicht-laag .co-more:hover span { text-decoration:underline; }
.cpt-overzicht-laag .co-more::after {
content:""; flex:0 0 24px; width:24px; height:24px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%230078D2'/%3E%3C/svg%3E") no-repeat center / contain;
}
.cpt-overzicht-laag .co-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin-top:48px; }
.cpt-overzicht-laag .co-page { min-width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; padding:0 14px; border-radius:999px; border:1px solid rgba(34,58,96,.2); background:#fff; font-family:"new-atten" !important; font-weight:500; font-size:15px; color:var(--font-dark); text-decoration:none; transition:all .15s ease; }
.cpt-overzicht-laag .co-page:hover { border-color:var(--vdp-groen); color:var(--vdp-groen); }
.cpt-overzicht-laag .co-page.is-active { background:var(--vdp-groen); border-color:var(--vdp-groen); color:#fff; }
.cpt-overzicht-laag .co-ellipsis { min-width:24px; text-align:center; color:var(--font-dark); font-family:"new-atten" !important; font-weight:500; }
.cpt-overzicht-laag .co-empty { font-family:"new-atten" !important; font-size:18px; color:var(--font-dark); text-align:center; }
@media (max-width:1170px) {
.cpt-overzicht-laag .co-grid,
.cpt-overzicht-laag .co-grid[data-cols="4"] { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
.cpt-overzicht-laag .co-grid,
.cpt-overzicht-laag .co-grid[data-cols="2"],
.cpt-overzicht-laag .co-grid[data-cols="4"] { grid-template-columns:1fr; }
.cpt-overzicht-laag .co-intro-title { font-size:28px; }
}
.fof-laag { padding:80px 0 100px; }
.fof-box { max-width:680px; margin:0 auto; display:flex; flex-direction:column; align-items:center; text-align:center; gap:24px; }
.fof-code { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:96px; line-height:1; letter-spacing:2px; color:var(--vdp-groen); margin:0; }
.fof-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; color:#000; margin:0; }
.fof-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0; max-width:560px; }
.fof-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:16px; margin-top:8px; }
.fof-outline { display:inline-flex; align-items:center; justify-content:center; padding:12px 24px; border:1px solid var(--vdp-groen); border-radius:100px; background:#fff; font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6; color:var(--font-dark) !important; text-decoration:none; transition:all .15s ease; }
.fof-outline:hover { background:var(--vdp-groen); color:#fff !important; }
.fof-links { margin-top:24px; padding-top:24px; border-top:1px solid rgba(34,58,96,.15); width:100%; max-width:480px; display:flex; flex-direction:column; gap:12px; }
.fof-links-title { font-family:"new-atten" !important; font-weight:500; font-size:14px; line-height:1.6; color:var(--font-dark); margin:0; }
.fof-links ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px 20px; }
.fof-links a { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:var(--link-primary) !important; text-decoration:none; }
.fof-links a:hover { text-decoration:underline; }
@media (max-width:768px) {
.fof-laag { padding:56px 0 72px; }
.fof-code { font-size:72px; }
.fof-title { font-size:28px; }
.fof-sub { font-size:16px; }
}
.search-page .breadcrumbs { background:var(--vdp-glas); max-width:none; margin:0; padding:0; }
.search-hero .inner,
.search-page .search-results .inner { max-width:1264px; margin:0 auto; padding:0 40px; }
.search-page .breadcrumbs #breadcrumbs {
max-width:1264px; margin:0 auto; padding:14px 40px;
font-family:"new-atten"; font-size:14px; line-height:1.6; color:rgba(0,0,0,.55);
}
.search-page .breadcrumbs #breadcrumbs a { color:#201d1d; text-decoration:none; }
.search-page .breadcrumbs #breadcrumbs a:hover { text-decoration:underline; }
.search-page .breadcrumbs .bc-sep { margin:0 8px; opacity:.5; }
.search-hero { padding:56px 0 8px; }
.search-hero-title {
margin:0 0 24px; font-family:"new-atten"; font-weight:500;
font-size:44px; line-height:1.15; color:#000;
}
.search-hero-form { display:flex; align-items:center; gap:12px; max-width:680px; }
.shf-input {
flex:1 1 auto; min-width:0; height:58px; padding:12px 24px;
border:1px solid #d1d1d1; border-radius:64px; background:#fff;
font-family:"new-atten"; font-size:16px; line-height:1.6; color:#000;
}
.shf-input::placeholder { color:#b9bcc2; }
.shf-input:focus { outline:none; border-color:var(--vdp-groen); }
.shf-submit {
flex:0 0 48px; width:48px; height:48px; display:inline-flex;
align-items:center; justify-content:center; border:0; border-radius:50%;
background:#000; cursor:pointer; transition:background .2s ease;
}
.shf-submit:hover { background:var(--vdp-groen); }
.search-hero-meta {
margin:20px 0 0; font-family:"new-atten"; font-size:15px;
line-height:1.6; color:rgba(0,0,0,.55);
}
.search-hero-meta strong { color:#000; font-weight:500; }
.search-page .search-results { padding:36px 0 88px; }
.sr-list {
list-style:none; margin:0; padding:0;
display:grid; gap:18px; grid-template-columns:1fr;
}
.sr-item {
background:#fff; border:1px solid #e3e8ef; border-radius:16px;
transition:box-shadow .15s ease, transform .15s ease, border-color .15s ease;
}
.sr-item:hover { box-shadow:0 10px 30px rgba(34,58,96,.10); transform:translateY(-2px); border-color:#cdd6e2; }
.sr-link { display:flex; flex-direction:column; height:100%; padding:26px 28px; text-decoration:none; }
.sr-type {
display:inline-block; margin-bottom:10px;
font-family:"new-atten"; font-weight:600; font-size:12px; letter-spacing:.04em;
text-transform:uppercase; color:var(--vdp-groen);
}
.sr-title {
margin:0 0 10px; font-family:"new-atten"; font-weight:500;
font-size:24px; line-height:1.3; color:#000;
}
.sr-link:hover .sr-title { color:var(--font-dark); }
.sr-excerpt {
flex:1 1 auto; margin:0 0 16px; font-family:"new-atten"; font-size:16px;
line-height:1.6; color:rgba(0,0,0,.6);
}
.sr-more {
margin-top:auto; display:inline-flex; align-items:center; gap:6px;
font-family:"new-atten"; font-weight:600; font-size:15px; color:var(--font-dark);
}
.sr-arrow {
width:18px; height:18px; background:currentColor;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
}
@media (min-width:900px) {
.sr-list { grid-template-columns:repeat(2, 1fr); gap:20px; }
}
@media (min-width:1280px) {
.sr-list { grid-template-columns:repeat(3, 1fr); }
}
.sr-pagination { margin-top:48px; display:flex; justify-content:center; }
.sr-pagination .page-numbers {
display:inline-flex; align-items:center; justify-content:center;
min-width:44px; height:44px; padding:0 12px; margin:0 4px;
border:1px solid rgba(0,0,0,.15); border-radius:64px;
font-family:"new-atten"; font-size:15px; color:#000; text-decoration:none;
transition:all .2s ease;
}
.sr-pagination .page-numbers.current { background:var(--vdp-groen); border-color:var(--vdp-groen); color:#fff; }
.sr-pagination a.page-numbers:hover { border-color:var(--vdp-groen); color:var(--font-dark); }
.sr-empty { padding:8px 0 0; }
.sr-empty-title { margin:0 0 12px; font-family:"new-atten"; font-weight:500; font-size:26px; color:#000; }
.sr-empty-text { margin:0 0 32px; font-family:"new-atten"; font-size:16px; line-height:1.6; color:rgba(0,0,0,.6); max-width:560px; }
.sr-empty-label { margin:0 0 8px; font-family:"new-atten"; font-size:14px; color:rgba(0,0,0,.4); }
.sr-suggest { list-style:none; margin:0; padding:0; max-width:560px; }
.sr-suggest li { border-top:1px solid rgba(0,0,0,.12); }
.sr-suggest li:last-child { border-bottom:1px solid rgba(0,0,0,.12); }
.sr-suggest a {
display:flex; align-items:center; justify-content:space-between; gap:12px;
padding:18px 0; text-decoration:none;
}
.sr-suggest a span:first-child { font-family:"new-atten"; font-size:18px; color:#000; }
.sr-suggest a:hover span:first-child { color:var(--font-dark); }
.sr-suggest .sr-arrow { color:#000; width:22px; height:22px; }
@media (max-width:768px) {
.search-page .breadcrumbs #breadcrumbs,
.search-hero .inner,
.search-page .search-results .inner { padding-left:24px; padding-right:24px; }
.search-hero { padding:32px 0 4px; }
.search-hero-title { font-size:30px; }
.sr-title { font-size:20px; }
.sr-link { padding:22px; }
}
.font-Licht .afbeelding-content-slider .afbeelding-content-item .content-box h3 { display:none; }
.content-bg-curve {
position: relative;
display: flex;
align-items: center;
min-height: 100vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 120px 0;
overflow: hidden;
}
.content-bg-curve .inner { position: relative; z-index: 6; width: 100%; }
.content-bg-curve .cbc-row { display: flex; gap: 32px; align-items: flex-start; }
.content-bg-curve .cbc-title {
flex: 1 1 auto; margin: 0;
font-family: "mencken-std", serif; font-style: italic;
font-size: clamp(30px, 3.6vw, 48px); line-height: 1.2; letter-spacing: 1px; color: #fff;
}
.content-bg-curve .cbc-aside { flex: 0 0 400px; max-width: 400px; display: flex; flex-direction: column; gap: 32px; padding-top: 16px; }
.content-bg-curve .cbc-text { font-family: "new-atten", sans-serif; font-size: 18px; line-height: 1.6; color: #fff; }
.content-bg-curve .cbc-text * { color: #fff; margin: 0; }
.content-bg-curve .cbc-buttons { display: flex; }
@media (max-width: 900px) {
.content-bg-curve .cbc-row { flex-direction: column; gap: 24px; }
.content-bg-curve .cbc-aside { flex-basis: auto; max-width: 520px; padding-top: 0; }
}
@media (max-width: 767px) {
.content-bg-curve { min-height: auto; padding: 80px 0 90px; }
}
.content-bg-curve::before {
content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 60px;
background-color: var(--bg-default, var(--vdp-glas));
-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4000 61' preserveAspectRatio='none'><path fill='%23fff' d='M0 0 H1830 C1927.09 8.72 1950.92 60.71 1999.92 60.71 C2048.91 60.71 2072.77 8.72 2169.85 0 H4000 V61 H0 Z'/></svg>") center bottom / 4000px 100% no-repeat;
mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4000 61' preserveAspectRatio='none'><path fill='%23fff' d='M0 0 H1830 C1927.09 8.72 1950.92 60.71 1999.92 60.71 C2048.91 60.71 2072.77 8.72 2169.85 0 H4000 V61 H0 Z'/></svg>") center bottom / 4000px 100% no-repeat;
z-index: 5; pointer-events: none;
}
.content-bg-curve::after {
content: ""; position: absolute; left: 50%; bottom: 15px; transform: translateX(-50%) translateZ(0); -webkit-transform: translateX(-50%) translateZ(0); will-change: transform;
width: 50px; height: 54px; background: url(../img/vdp-badge.svg?v=1) no-repeat center / contain;
z-index: 10; pointer-events: none;
display: block !important; visibility: visible !important;
}
@media (max-width: 767px) {
.content-bg-curve { padding: 64px 0 90px; }
.content-bg-curve::after { width: 38px; height: 41px; }
}
.referenties-laag .ref-intro { text-align:center; max-width:680px; margin:0 auto 40px; }
.referenties-laag .ref-intro-title { font-family:"mencken-std" !important; font-style:italic; font-size:clamp(28px,4vw,44px); line-height:1.15; margin:0 0 12px; }
.referenties-laag .ref-intro-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; margin:0; }
.referenties-laag .ref-count { font-family:"new-atten" !important; font-size:14px; color:var(--vdp-groen); font-weight:600; margin:10px 0 0; }
.referenties-laag .ref-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.referenties-laag .ref-card {
display:flex; flex-direction:column; gap:14px;
background:#fff; border-radius:18px; padding:28px;
box-shadow:0 4px 20px rgba(34,58,96,.07);
}
.referenties-laag .ref-stars { color:#f5a623; letter-spacing:3px; font-size:15px; line-height:1; }
.referenties-laag .ref-text { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:var(--font-dark); flex:1 1 auto; }
.referenties-laag .ref-text p { margin:0 0 8px; }
.referenties-laag .ref-foot { display:flex; flex-direction:column; gap:2px; border-top:1px solid rgba(34,58,96,.1); padding-top:14px; }
.referenties-laag .ref-name { font-family:"new-atten" !important; font-weight:700; font-size:15px; color:#0f2a4a; }
.referenties-laag .ref-date { font-family:"new-atten" !important; font-size:13px; color:rgba(34,58,96,.55); }
.referenties-laag .ref-pagination { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; margin-top:44px; }
.referenties-laag .ref-page {
min-width:42px; height:42px; padding:0 12px;
display:inline-flex; align-items:center; justify-content:center;
border-radius:64px; background:#fff; border:1px solid rgba(34,58,96,.15);
font-family:"new-atten" !important; font-weight:600; font-size:15px; color:var(--font-dark); text-decoration:none; transition:.2s;
}
.referenties-laag .ref-page:hover { border-color:var(--vdp-groen); color:var(--vdp-groen); }
.referenties-laag .ref-page.is-active { background:var(--vdp-groen); border-color:var(--vdp-groen); color:#fff; }
.referenties-laag .ref-ellipsis { color:rgba(34,58,96,.5); padding:0 4px; }
@media (max-width:1023px) { .referenties-laag .ref-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:639px)  { .referenties-laag .ref-grid { grid-template-columns:1fr; } }
.partner-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; align-items:stretch; margin:8px 0; }
.partner-grid a { display:flex; align-items:center; justify-content:center; background:#fff; border-radius:14px; padding:22px; min-height:120px; box-shadow:0 2px 14px rgba(34,58,96,.06); transition:.2s; }
.partner-grid a:hover { box-shadow:0 6px 22px rgb(47 85 82 / 12%); transform:translateY(-2px); }
.partner-grid img { max-width:100%; max-height:68px; width:auto; height:auto; object-fit:contain; }
@media (max-width:1023px) { .partner-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:639px)  { .partner-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:767px) {
.checklist-laag .checklist-card,
.cta-laag .cta-prompt,
.cav-laag .cav-content,
.tabel-laag .tabel-card,
.cb-card,
.content-cta-laag .cc-card,
.content-accordion-laag .ca-item,
.kaarten-afb-laag .kag-content,
.contact-content-laag .cc2-card,
.vestigingen-laag .vest-search,
.vestigingen-laag .vest-item,
.medewerkers-laag .mw-card-body,
.nieuws-detail-laag .nd-card,
.gerelateerd-nieuws-laag .gn-card-body,
.uitvaart-detail-laag .uv-side-card,
.uitvaart-detail-laag .uv-contact-bar,
.nieuws-contact-prompt,
.nieuws-overzicht-laag .no-body,
.nieuws-overzicht-laag .no-promo-body,
.uitvaart-overzicht-laag .uvo-search,
.uitvaart-overzicht-laag .uvo-body,
.kaarten-checklist-laag .kch-body,
.product-detail-laag .pd-card,
.andere-opties-laag .ao-body,
.cpt-overzicht-laag .co-body,
.referenties-laag .ref-card,
.df-footer .df-support { padding:24px; }
.afb-kaarten .afbeelding-content-item .content-box { padding:24px !important; }
}
section.header-layer .content-box ul.bullets {
list-style: disc !important;
width: fit-content;
margin: 16px auto;
padding-left: 1.25em;
text-align: left;
}
section.header-layer .content-box ul.bullets li {
list-style: disc;
font-family: "new-atten", sans-serif !important;
font-size: clamp(16px, 1.6vw, 18px) !important;
line-height: 1.6;
font-weight: 400;
color: #ffffff;
margin: 0 0 8px;
}
section.header-layer .content-box ul.bullets li:last-child { margin-bottom: 0; }
.content-laag .gap-box:has(.content-box.tekstbox):has(.afb-kaarten) { gap: 64px !important; }
.content-laag h2 {
font-family: "mencken-std", serif !important;
font-style: italic !important;
}
.checklist-laag .checklist-intro .text-box {
display: flex;
flex-direction: column;
gap: 16px;
}
.faq-laag .faq-header .text-box ul {
list-style: disc;
text-align: left;
width: fit-content;
margin: 12px auto 0;
padding-left: 1.25em;
}
.faq-laag .faq-header .text-box ul li { margin: 0 0 6px; }
.faq-laag .faq-header .text-box ul li:last-child { margin-bottom: 0; }
.cta-laag .cta-prompt__text ul {
list-style: disc;
margin: 4px 0;
padding-left: 1.25em;
}
.cta-laag .cta-prompt__text ul li { margin: 0 0 6px; }
.cta-laag .cta-prompt__text ul li:last-child { margin-bottom: 0; }
.content-bg-curve .cbc-text > * + * { margin-top: 12px; }
.content-bg-curve .cbc-text ul {
list-style: disc;
padding-left: 1.25em;
margin: 0;
}
.content-bg-curve .cbc-text ul li { margin: 0 0 8px; color: #fff; }
.content-bg-curve .cbc-text ul li:last-child { margin-bottom: 0; }
.tag:not(.content-box) { background: var(--vdp-groen); }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.001ms !important;
scroll-behavior: auto !important;
}
}
.grecaptcha-badge { visibility: hidden; }
.grecaptcha-notice {
margin: 12px 0 0;
font-size: 12px;
line-height: 1.5;
opacity: .7;
}
.grecaptcha-notice a { text-decoration: underline; }
@media (min-width: 1024px) {
body .site-header .site-logo {
height: 112px;
}
body .site-header .site-logo svg,
body .site-header .site-logo img {
height: 81px;
width: auto;
}
}
@media (max-width: 1023px) {
body .site-header .site-logo {
height: 67px;
}
body .site-header .site-logo svg,
body .site-header .site-logo img {
height: 48px;
width: auto;
}
}
@media (max-width: 480px) {
body .site-header .site-logo svg,
body .site-header .site-logo img {
height: 40px;
}
}
.header-top {
background: var(--vdp-zwart) !important;
}
body .site-header {
--header-bg: var(--vdp-groen);
background: var(--vdp-groen);
}
body .site-header .nav-menu > li > a,
body .site-header .nav-search-toggle,
body .site-header .cta-noodnummer,
body .site-header .mobile-search-toggle {
color: var(--vdp-offwhite);
}
body .site-header .nav-menu > li > a:hover,
body .site-header .nav-menu > li.is-hovering > a,
body .site-header .nav-menu > li:focus-within > a {
color: var(--vdp-wit);
}
body .site-header .nav-search-toggle:hover {
background: rgb(255 255 255 / 10%);
}
.site-header a.cta-btn,
.mega-hc a.mhc-card-btn,
.mobile-menu a.mm-cta-btn {
border-color: var(--vdp-groen-licht) !important;
background-color: var(--vdp-groen-licht) !important;
color: #fff !important;
}
.site-header a.cta-btn:hover,
.mega-hc a.mhc-card-btn:hover,
.mobile-menu a.mm-cta-btn:hover {
border-color: var(--vdp-groen-licht-hover) !important;
background-color: var(--vdp-groen-licht-hover) !important;
}
.mega-hc__heading {
text-transform: uppercase;
}
.cta-noodnummer a,
.mm-nood a,
.mhc-card-nood a {
color: inherit;
text-decoration: none;
}
body.admin-bar {
--qz-boven: 32px;
}
html.qz-adminbar-hidden body.admin-bar {
--qz-boven: 0px;
}
@media screen and (max-width: 782px) {
body.admin-bar {
--qz-boven: 46px;
}
}
body.admin-bar .header-top.position-absolute {
top: var(--qz-boven, 0px);
}
body.admin-bar.has-top-header .site {
margin-top: var(--qz-boven, 0px);
}
.df-footer {
position: relative;
background: var(--vdp-groen);
color: var(--vdp-wit);
padding: 120px 0 56px;
overflow: hidden;
}
.df-footer .inner {
max-width: 1264px;
width: 100%;
margin: 0 auto;
padding: 0 24px;
display: flex;
flex-direction: column;
gap: 40px;
box-sizing: border-box;
}
.df-footer .df-top {
display: grid;
grid-template-columns: 473px minmax(0, 1fr) 253px;
column-gap: 16px;
align-items: start;
}
.df-footer .df-left {
display: flex;
flex-direction: column;
gap: 56px;
align-items: flex-start;
}
.df-footer .df-logo {
display: flex;
align-self: flex-start;
max-width: 100%;
}
.df-footer .df-logo svg,
.df-footer .df-logo img {
display: block;
width: 311px;
max-width: 100%;
height: auto;
}
.df-footer .df-logo-text {
font-family: "mencken-std", serif;
font-style: italic;
font-size: 28px;
color: var(--vdp-wit);
}
.df-footer .df-support {
width: 352px;
max-width: 100%;
display: flex;
flex-direction: column;
gap: 24px;
padding: var(--card-padding, 32px);
background: var(--vdp-wit);
border-radius: var(--radius-card-l);
box-sizing: border-box;
}
.df-footer .df-support-head {
display: flex;
flex-direction: column;
gap: 8px;
}
.df-footer .df-support-title {
font-family: "new-atten", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.6;
color: var(--vdp-groen);
margin: 0;
}
.df-footer .df-support-sub {
font-family: "new-atten", sans-serif;
font-size: 14px;
line-height: 1.6;
color: var(--vdp-groen);
margin: 0;
}
.df-footer .df-support-cta {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 10px;
}
.df-footer a.btn.df-support-btn {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 12px 24px;
text-align: center;
}
.df-footer .df-support-nood {
font-family: "new-atten", sans-serif;
font-size: 14px;
line-height: 1.6;
color: var(--vdp-groen);
text-align: center;
margin: 0;
}
.df-footer .df-socials {
display: flex;
flex-direction: column;
gap: 12px;
}
.df-footer .df-socials-title {
font-family: "new-atten", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 1.6;
color: var(--vdp-wit);
margin: 0;
}
.df-footer .df-socials-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 12px;
}
.df-footer .df-socials-list__link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid color-mix(in srgb, var(--vdp-wit) 35%, transparent);
color: var(--vdp-wit);
transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.df-footer .df-socials-list__icon {
width: 18px;
height: 18px;
display: block;
fill: currentcolor;
}
.df-footer .df-socials-list__link:hover,
.df-footer .df-socials-list__link:focus-visible {
background: var(--vdp-wit);
color: var(--vdp-groen);
border-color: var(--vdp-wit);
}
.df-footer .df-menus {
display: flex;
gap: 16px;
}
.df-footer .df-menus > .df-col {
flex: 0 1 221px;
}
.df-footer .df-menus > .df-col--stack {
flex: 0 1 203px;
}
.df-footer .df-col {
display: flex;
flex-direction: column;
gap: 16px;
min-width: 0;
}
.df-footer .df-col--stack {
gap: 24px;
}
.df-footer .df-submenu {
display: flex;
flex-direction: column;
gap: 16px;
}
.df-footer .df-col-title {
font-family: "new-atten", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 1.6;
color: var(--vdp-wit);
margin: 0;
}
.df-footer .df-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.df-footer .df-list a,
.df-footer .df-list > li > span {
font-family: "new-atten", sans-serif;
font-size: 14px;
line-height: 1.6;
color: var(--vdp-wit);
text-decoration: none;
}
.df-footer .df-list a:hover,
.df-footer .df-list a:focus-visible {
text-decoration: underline;
}
.df-footer .df-vest li,
.df-footer .df-contact li {
display: flex;
align-items: center;
gap: 12px;
}
.df-footer .df-ico {
flex: 0 0 24px;
width: 24px;
height: 24px;
background: var(--vdp-wit);
}
.df-footer .df-ico--pin {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.df-footer .df-ico--call {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.df-footer .df-ico--mail {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.df-footer .df-divider {
display: block;
width: 100%;
height: 1px;
background: color-mix(in srgb, var(--vdp-wit) 20%, transparent);
}
.df-footer .df-bottom {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 253px;
column-gap: 16px;
align-items: start;
}
.df-footer .df-hk-adres {
display: flex;
flex-direction: column;
gap: 4px;
}
.df-footer .df-hk-adres p {
font-family: "new-atten", sans-serif;
font-size: 14px;
line-height: 1.6;
color: var(--vdp-wit);
margin: 0;
}
@media (min-width: 1201px) {
.df-footer .df-jur {
grid-column: 3;
}
}
.df-footer .df-cert-list {
list-style: disc;
padding-left: 1.3em;
}
.df-footer .df-cert-list li {
font-family: "new-atten", sans-serif;
font-size: 14px;
line-height: 1.6;
color: var(--vdp-wit);
}
.df-footer .df-bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.df-footer .df-bar p,
.df-footer .df-bar a {
font-family: "new-atten", sans-serif;
font-size: 12px;
line-height: 1.6;
color: color-mix(in srgb, var(--vdp-wit) 50%, transparent);
margin: 0;
}
.df-footer .df-bar a {
text-decoration: underline;
}
.df-footer .df-bar-right {
display: flex;
align-items: center;
gap: 24px;
}
@media (max-width: 1200px) {
.df-footer .df-top,
.df-footer .df-bottom {
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.df-footer .df-left {
grid-column: 1 / -1;
}
}
@media (max-width: 768px) {
.df-footer {
padding: 72px 0 48px;
}
.df-footer .df-top,
.df-footer .df-bottom {
grid-template-columns: 1fr;
gap: 36px;
}
.df-footer .df-top > *,
.df-footer .df-bottom > * {
min-width: 0;
}
.df-footer .df-logo,
.df-footer .df-support {
max-width: 100%;
}
.df-footer .df-support {
padding: 24px;
}
.df-footer .df-menus {
flex-wrap: wrap;
gap: 32px;
}
.df-footer .df-menus > .df-col,
.df-footer .df-menus > .df-col--stack {
flex: 1 1 140px;
}
.df-footer .df-bar {
flex-direction: column;
align-items: flex-start;
}
.df-footer .df-bar-right {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
}
@media (max-width: 520px) {
.df-footer .df-menus {
flex-direction: column;
gap: 32px;
}
.df-footer .df-support {
width: 100%;
}
}
.owl-loaded {
position: relative;
}
.owl-loaded.afbeelding-content-slider,
.owl-loaded.afb-slider,
.owl-loaded.afb-content-slider,
.owl-loaded.gn-slider,
.owl-loaded.posts-slider {
display: block !important;
width: 100% !important;
}
.owl-loaded .owl-stage {
width: 100%;
}
.owl-loaded .owl-stage {
display: grid;
grid-auto-flow: column;
grid-auto-columns: calc((100% - (var(--slider-cols, 3) - 1) * var(--slider-gap, 24px)) / var(--slider-cols, 3));
gap: var(--slider-gap, 24px);
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: none;
}
.owl-loaded .owl-stage::-webkit-scrollbar {
display: none;
}
.owl-loaded .owl-item {
scroll-snap-align: start;
min-width: 0;
}
.owl-loaded .owl-stage {
margin-bottom: 0;
}
.owl-loaded .owl-prev:disabled,
.owl-loaded .owl-next:disabled {
opacity: 0.35;
cursor: default;
}
.owl-loaded.geen-schuif .owl-nav,
.owl-loaded.geen-schuif .owl-dots {
display: none;
}
.content-accordion-laag .ca-body {
overflow: hidden;
transition: max-height 0.3s ease;
}
.content-accordion-laag .ca-head {
cursor: pointer;
}
.content-accordion-laag .ca-chevron {
transition: transform 0.3s ease;
}
.content-accordion-laag .ca-item.is-open .ca-chevron {
transform: rotate(180deg);
}
.header-layer.with-image {
display: flex;
align-items: center;
}
body.home .header-layer.with-image {
display: flex;
align-items: center;
}
.header-layer .content-box.box-width-large {
margin-inline: auto;
}
.afb-tekst-laag .flexbox-wrapper.no-space div.content-box .text-box *,
.afb-tekst-laag .flexbox-wrapper.no-space div.content-box .title-element {
color: var(--font-dark);
}
.cta-laag .person-info h4 {
color: var(--font-dark);
}
.nieuws-content .datum,
.gn-meta,
.acs-caption {
color: var(--font-dark);
}
.inner {
max-width: 1264px;
}
.Geen.ruimte.boven {
padding-top: 0;
padding-bottom: var(--sectie-ruimte);
}
.Geen.ruimte.onder {
padding-top: var(--sectie-ruimte);
padding-bottom: 0;
}
.Nergens.ruimte {
padding: 0;
}
.tag:not(.content-box),
h1.tag:not(.content-box), h2.tag:not(.content-box), h3.tag:not(.content-box),
h4.tag:not(.content-box), h5.tag:not(.content-box), h6.tag:not(.content-box) {
width: fit-content;
padding: 2px 8px;
border-radius: 4px;
background: var(--vdp-mos);
color: var(--vdp-groen);
font-family: var(--font-body) !important;
font-style: normal !important;
font-weight: 500;
font-size: 0.875rem;
line-height: 1.6;
letter-spacing: 0;
margin-bottom: 16px;
}
@media (min-width: 1180px) {
:root {
--sectie-ruimte: 144px;
}
}
body:not(.has-top-header) .site {
padding-top: 115px;
}
@media (min-width: 1024px) {
body:not(.has-top-header) .site {
padding-top: 115px;
}
}
.golf-onder {
position: relative;
padding-bottom: 44px;
}
.golf-onder::after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: 60px;
background-color: var(--bg-default, var(--vdp-glas));
-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4000 61' preserveAspectRatio='none'><path fill='%23fff' d='M0 0 H1830 C1927.09 8.72 1950.92 60.71 1999.92 60.71 C2048.91 60.71 2072.77 8.72 2169.85 0 H4000 V61 H0 Z'/></svg>") center bottom / 4000px 100% no-repeat;
mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4000 61' preserveAspectRatio='none'><path fill='%23fff' d='M0 0 H1830 C1927.09 8.72 1950.92 60.71 1999.92 60.71 C2048.91 60.71 2072.77 8.72 2169.85 0 H4000 V61 H0 Z'/></svg>") center bottom / 4000px 100% no-repeat;
pointer-events: none;
z-index: 2;
}
.text-box > p + p,
.text-box > ul + p,
.text-box > ol + p,
.content-afbeelding-laag .text-box > p + p,
.content-afbeelding-laag .text-box > ol + p,
.uitklap-item .faq-antwoord > p + p,
.uitklap-item .faq-antwoord > ul + p,
.uitklap-item .faq-antwoord > ol + p {
margin-top: 16px;
}
section.header-layer.with-image {
min-height: 470px;
padding: 0 0 60.712px !important;
}
section.header-layer .content-box :is(h1, h2, h3) {
letter-spacing: var(--heading-letter-spacing);
white-space: pre-line;
}
section.header-layer .content-box .text-box {
max-width: none;
margin-top: 32px;
margin-bottom: 0;
white-space: normal;
}
section.header-layer .content-box .text-box,
section.header-layer .content-box .text-box * {
line-height: 1.6;
}
section.header-layer .content-box .text-box > *:last-child {
margin-bottom: 0;
}
section.header-layer.with-image::after {
width: 45px !important;
height: 48px !important;
}
section.header-layer.with-image span.desktop-header::before {
background: none !important;
}
@media (max-width: 1179px) {
section.header-layer.with-image {
min-height: 470px;
}
}
@media (max-width: 767px) {
section.header-layer.with-image {
min-height: 414px;
}
section.header-layer .content-box :is(h1, h2, h3) {
font-size: 30px;
line-height: 1.2;
}
section.header-layer .content-box .text-box {
margin-top: 24px;
font-size: 18px;
white-space: normal;
}
}
body:not(.home) section.header-layer.with-image {
min-height: 270px;
}
@media (max-width: 1179px) {
body:not(.home) section.header-layer.with-image {
min-height: 270px;
}
}
@media (max-width: 767px) {
body:not(.home) section.header-layer.with-image {
min-height: 200px;
}
}
body:not(.home) section.header-layer.with-image {
padding: 64px 0 calc(60.712px + 40px) !important;
}
@media (max-width: 767px) {
body:not(.home) section.header-layer.with-image {
padding: 40px 0 calc(60.712px + 24px) !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
body.home section.header-layer.with-image {
min-height: 440px;
}
}
@media (max-width: 1023px) {
section.header-layer.with-image span.mobile-header ~ span.desktop-header {
display: none;
}
}
.nieuws-detail-laag .nd-article {
gap: 56px;
}
.nieuws-detail-laag .nd-header {
gap: 40px;
}
.nieuws-detail-laag .nd-hero-img {
max-height: none;
aspect-ratio: 32 / 15;
object-fit: cover;
}
@media (max-width: 767px) {
.nieuws-detail-laag .nd-hero-img {
max-height: none;
aspect-ratio: 3 / 2;
}
}
.nieuws-detail-laag .nd-auteur {
display: flex;
align-items: center;
gap: 16px;
min-width: 0;
}
.nieuws-detail-laag .nd-avatar {
display: block;
width: 56px;
height: 56px;
flex: 0 0 56px;
border-radius: 50%;
object-fit: cover;
}
.nieuws-detail-laag .nd-avatar--leeg {
background-color: var(--vdp-glas, #e8f0f7);
}
.nieuws-detail-laag .nd-auteur-tekst {
display: flex;
min-width: 0;
flex-direction: column;
gap: 4px;
}
.nieuws-detail-laag .nd-auteur-naam {
margin: 0;
color: var(--font-dark);
font-family: "new-atten", sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.6;
}
.nieuws-detail-laag .nd-share__icoon {
width: 18px;
height: 18px;
color: var(--font-dark);
}
.nieuws-detail-laag .nd-share.is-gekopieerd .nd-share__icoon {
color: var(--vdp-groen);
}
.nieuws-detail-laag .nd-body h2,
.nieuws-detail-laag .nd-body h3,
.nieuws-detail-laag .nd-body h4 {
margin: 24px 0;
}
.nieuws-detail-laag .nd-body > *:first-child {
margin-top: 0;
}
.nieuws-detail-laag .nd-body > *:last-child {
margin-bottom: 0;
}
.nieuws-detail-laag .nd-body figure {
margin: 48px 0;
}
.nieuws-detail-laag .nd-body figure img {
margin: 0;
}
.nieuws-detail-laag .nd-body figcaption {
margin-top: 8px;
border-left: 2px solid var(--vdp-groen);
padding-left: 10px;
color: var(--font-dark);
font-family: "new-atten", sans-serif;
font-size: 14px;
line-height: 1.6;
text-align: left;
}
.nieuws-detail-laag .nd-support {
gap: 8px;
}
.nieuws-detail-laag .nd-support .nd-support-btn {
margin-top: 8px;
}
.nieuws-detail-laag .nd-support-nood {
margin-top: 2px;
}
.nieuws-detail-laag .nd-meer-list li {
color: var(--font-dark);
font-family: "new-atten", sans-serif;
font-size: 14px;
line-height: 1.6;
}
.nieuws-detail-laag .nd-meer-title {
margin-bottom: 8px;
}
.nieuws-detail-laag .nd-meer-knop {
display: inline-flex;
align-items: center;
gap: 16px;
margin-top: 16px;
color: var(--link-primary);
font-family: "new-atten", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
text-decoration: none;
}
.nieuws-detail-laag .nd-meer-knop::after {
width: 24px;
height: 24px;
flex: 0 0 24px;
background-color: currentcolor;
content: "";
mask: var(--icon-arrow) no-repeat center / 24px 24px;
-webkit-mask: var(--icon-arrow) no-repeat center / 24px 24px;
transition: transform 0.2s ease-in-out;
}
.nieuws-detail-laag .nd-meer-knop:hover span {
text-decoration: underline;
}
.nieuws-detail-laag .nd-meer-knop:hover::after {
transform: translateX(4px);
}
.nieuws-detail-laag .nd-sidebar {
top: calc(var(--qz-boven, 0px) + 187px);
}
@media (max-width: 1179px) {
.nieuws-detail-laag .nd-sidebar {
top: calc(var(--qz-boven, 0px) + 162px);
}
}
.gerelateerd-nieuws-laag .owl-loaded {
--slider-gap: 32px;
}
.gerelateerd-nieuws-laag .gn-auteur {
display: flex;
align-items: center;
gap: 16px;
min-width: 0;
}
.gerelateerd-nieuws-laag .gn-avatar {
display: block;
width: 48px;
height: 48px;
flex: 0 0 48px;
border-radius: 50%;
object-fit: cover;
}
.gerelateerd-nieuws-laag .gn-avatar--leeg {
background-color: var(--vdp-glas, #e8f0f7);
}
.gerelateerd-nieuws-laag .gn-auteur-tekst {
display: flex;
min-width: 0;
flex-direction: column;
}
.gerelateerd-nieuws-laag .gn-auteur-naam {
margin: 0;
color: var(--font-dark);
font-family: "new-atten", sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.6;
}
.gerelateerd-nieuws-laag .gn-card-excerpt {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.gerelateerd-nieuws-laag .gn-more {
gap: 8px;
}
.gerelateerd-nieuws-laag .gn-more::after {
background-color: currentcolor;
background-image: none;
mask: var(--icon-arrow) no-repeat center / 24px 24px;
-webkit-mask: var(--icon-arrow) no-repeat center / 24px 24px;
transition: transform 0.2s ease-in-out;
}
.gerelateerd-nieuws-laag .gn-more:hover::after {
transform: translateX(4px);
}
.intro-contact-laag .cc2-row {
align-items: flex-start;
gap: 102px;
}
.intro-contact-laag .ic-intro {
display: flex;
min-width: 0;
flex: 0 1 635px;
flex-direction: column;
}
.intro-contact-laag .ic-back {
align-self: flex-start;
margin-bottom: 32px;
}
.intro-contact-laag .ic-title {
margin: 0;
color: var(--font-dark);
font-family: "mencken-std", serif;
font-size: 48px;
font-style: italic;
font-weight: 500;
letter-spacing: 0.48px;
line-height: 1.2;
}
.intro-contact-laag .ic-text {
margin-top: 24px;
}
.intro-contact-laag .ic-text,
.intro-contact-laag .ic-text p {
margin-bottom: 0;
color: var(--font-dark);
font-family: "new-atten", sans-serif;
font-size: 18px;
line-height: 1.6;
}
.intro-contact-laag .ic-card {
position: relative;
flex: 0 0 479px;
gap: 33px;
}
.intro-contact-laag .ic-info {
gap: 16px;
}
.intro-contact-laag .ic-card::after {
position: absolute;
top: 100%;
left: 50%;
width: 172px;
height: 31.17px;
background-color: #fff;
content: "";
mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 159 31.17' preserveAspectRatio='none'><path fill='%23000' d='M0 0 C45.42 4.48 56.57 31.17 79.5 31.17 C102.42 31.17 113.58 4.48 159 0 Z'/></svg>") no-repeat center / 100% 100%;
-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 159 31.17' preserveAspectRatio='none'><path fill='%23000' d='M0 0 C45.42 4.48 56.57 31.17 79.5 31.17 C102.42 31.17 113.58 4.48 159 0 Z'/></svg>") no-repeat center / 100% 100%;
transform: translateX(-50%);
}
.intro-contact-laag .ic-card {
border-bottom-color: transparent;
}
@media (max-width: 1179px) {
.intro-contact-laag .cc2-row {
gap: 48px;
}
.intro-contact-laag .ic-card {
flex: 0 1 420px;
}
}
@media (max-width: 1023px) {
.intro-contact-laag .cc2-row {
flex-direction: column;
gap: 32px;
}
.intro-contact-laag .ic-intro,
.intro-contact-laag .ic-card {
flex: 1 1 auto;
width: 100%;
}
.intro-contact-laag .ic-title {
font-size: 32px;
}
}
.beeldkaarten-laag .bk-intro {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
margin-bottom: 32px;
}
.beeldkaarten-laag .bk-intro__text {
display: flex;
min-width: 0;
flex: 1 1 auto;
flex-direction: column;
gap: 20px;
}
.beeldkaarten-laag .bk-intro-title {
margin: 0;
color: var(--font-dark);
font-family: "mencken-std", serif;
font-size: 48px;
font-style: italic;
font-weight: 500;
letter-spacing: 0.48px;
line-height: 1.2;
}
.beeldkaarten-laag .bk-intro-sub {
margin: 0;
color: var(--font-dark);
font-family: "new-atten", sans-serif;
font-size: 18px;
line-height: 1.6;
}
.beeldkaarten-laag .bk-intro-btn {
flex: 0 0 auto;
}
.beeldkaarten-laag .bk-grid {
display: grid;
gap: 32px;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.beeldkaarten-laag .bk-grid[data-verdeling="groot_klein"] {
grid-template-columns: 25fr 12fr;
}
.beeldkaarten-laag .bk-card {
display: flex;
overflow: hidden;
height: 100%;
flex-direction: column;
border: 1px solid var(--surface-border);
border-radius: 30px;
background: #fff;
}
.beeldkaarten-laag .bk-media {
display: block;
height: 328px;
min-height: 0;
flex: 0 0 328px;
}
.beeldkaarten-laag .bk-img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.beeldkaarten-laag .bk-body {
display: flex;
flex: 0 0 auto;
flex-direction: column;
gap: 16px;
padding: 24px 32px;
}
.beeldkaarten-laag .bk-text {
display: flex;
flex-direction: column;
gap: 8px;
}
.beeldkaarten-laag .bk-title {
margin: 0;
color: var(--font-dark);
font-family: "new-atten", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.6;
}
.beeldkaarten-laag .bk-desc {
margin: 0;
color: rgb(0 0 0 / 70%);
font-family: "new-atten", sans-serif;
font-size: 16px;
line-height: 1.6;
}
.beeldkaarten-laag .bk-link {
display: inline-flex;
align-items: center;
align-self: flex-start;
gap: 8px;
color: var(--link-primary);
font-family: "new-atten", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
text-decoration: none;
}
.beeldkaarten-laag .bk-link::after {
width: 24px;
height: 24px;
flex: 0 0 24px;
background-color: currentcolor;
content: "";
mask: var(--icon-arrow) no-repeat center / 24px 24px;
-webkit-mask: var(--icon-arrow) no-repeat center / 24px 24px;
transition: transform 0.2s ease-in-out;
}
.beeldkaarten-laag .bk-link:hover span {
text-decoration: underline;
}
.beeldkaarten-laag .bk-link:hover::after {
transform: translateX(4px);
}
@media (max-width: 1023px) {
.beeldkaarten-laag .bk-grid,
.beeldkaarten-laag .bk-grid[data-verdeling="groot_klein"] {
grid-template-columns: 1fr;
}
.beeldkaarten-laag .bk-media {
height: 240px;
flex-basis: 240px;
}
}
@media (max-width: 767px) {
.beeldkaarten-laag .bk-intro {
flex-direction: column;
}
.beeldkaarten-laag .bk-intro-title {
font-size: 32px;
}
.beeldkaarten-laag .bk-intro-sub {
font-size: 16px;
}
.beeldkaarten-laag .bk-media {
height: 200px;
flex-basis: 200px;
}
}
.beeldkaarten-laag .bk-grid[data-verdeling="gelijk"] {
grid-template-columns: repeat(2, 1fr);
}
.beeldkaarten-laag .bk-grid[data-verdeling="gelijk"] .bk-media {
height: 200px;
min-height: 0;
flex: 0 0 200px;
}
.beeldkaarten-laag .bk-grid[data-verdeling="gelijk"] .bk-body {
flex: 1 1 auto;
gap: 32px;
padding: 32px;
}
.beeldkaarten-laag .bk-grid[data-verdeling="gelijk"] .bk-text {
gap: 16px;
}
.beeldkaarten-laag .bk-grid[data-verdeling="gelijk"] .bk-link {
flex-direction: row-reverse;
}
.beeldkaarten-laag .bk-tag {
align-self: flex-start;
border-radius: 4px;
padding: 2px 8px;
background: var(--vdp-mos);
color: var(--vdp-groen);
font-family: "new-atten", sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.6;
}
@media (max-width: 767px) {
.beeldkaarten-laag .bk-grid[data-verdeling="gelijk"] {
grid-template-columns: 1fr;
}
}
.content-laag .content-box.tekstbox {
max-width: 864px;
}
.content-laag .content-box.tekstbox .title-element {
font-weight: 400;
}
.content-laag .content-box.tekstbox .text-box > * {
margin: 0;
}
.content-laag .content-box.tekstbox .text-box > * + * {
margin-top: 24px;
}
.content-laag .content-box.tekstbox .text-box ul {
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
.content-laag .content-box.tekstbox .text-box ul li::before {
background: var(--vdp-groen);
-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>") no-repeat center / 20px 20px;
mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>") no-repeat center / 20px 20px;
}
.content-afbeelding-laag .flexbox-wrapper div.content-box {
flex: 1 1 0;
min-width: 0;
max-width: none;
}
.content-afbeelding-laag .flexbox-wrapper span.image-box.one-image {
flex: 1 1 0;
min-width: 0;
border-radius: var(--radius-card);
}
.content-afbeelding-laag .text-box > * {
margin: 0;
}
.content-afbeelding-laag .text-box > * + * {
margin-top: 24px;
}
.content-afbeelding-laag .text-box ul {
margin: 0;
}
@media (min-width: 1024px) {
section.afb-tekst-laag.image-Rechts .afb-caption {
flex-direction: row;
justify-content: flex-end;
}
section.afb-tekst-laag.image-Links .afb-caption {
flex-direction: row;
justify-content: flex-start;
}
}
.cav-laag {
--cav-bulge: 31px;
--cav-notch-h: 171px;
}
.afb-tekst-laag .content-box .text-box ul {
margin-bottom: 24px;
}
.cav-laag .cav-row {
display: grid;
gap: 32px;
grid-template-columns: 1fr;
}
.cav-laag[data-kaarten="3"] .cav-row {
grid-template-columns: repeat(3, 1fr);
}
.cav-laag .cav-card:not(:has(.cav-image)) .cav-content {
min-height: 264px;
justify-content: flex-start;
}
.cav-laag .cav-card:not(:has(.cav-image)) .cav-content > .btn {
margin-top: auto;
}
.cav-laag .cav-intro {
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
}
.cav-laag .cav-intro-tekst {
display: flex;
flex-direction: column;
gap: 20px;
}
.cav-laag .cav-intro-link {
display: inline-flex;
align-items: center;
gap: 16px;
flex: 0 0 auto;
font-family: "new-atten", sans-serif;
font-size: 16px;
line-height: 1.6;
color: #000;
text-decoration: none;
}
.cav-laag .cav-intro-link::after {
content: "";
flex: 0 0 5px;
width: 5px;
height: 10px;
background-color: currentcolor;
mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'><path fill='%23000' d='M0.7 0 L5 5 L0.7 10 L0 9.3 L3.6 5 L0 0.7 Z'/></svg>") no-repeat center / contain;
-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'><path fill='%23000' d='M0.7 0 L5 5 L0.7 10 L0 9.3 L3.6 5 L0 0.7 Z'/></svg>") no-repeat center / contain;
transition: transform 0.2s ease-in-out;
}
.cav-laag .cav-intro-link:hover {
text-decoration: underline;
}
.cav-laag .cav-intro-link:hover::after {
transform: translateX(3px);
}
.cav-laag[data-kaarten="2"] .cav-row {
grid-template-columns: 1fr 1fr;
}
.cav-laag[data-kaarten="2"] {
--cav-bulge: 32px;
--cav-notch-h: 200px;
}
.cav-laag[data-kaarten="2"] .cav-image {
min-height: 264px;
}
@media (min-width: 1024px) {
.cav-laag[data-kaarten="2"].afb-Links .cav-content {
padding-left: calc(var(--card-padding) + var(--cav-bulge));
}
.cav-laag[data-kaarten="2"].afb-Links .cav-image,
.cav-laag[data-kaarten="2"].afb-Rechts .cav-image {
flex-basis: calc(44.46% + var(--cav-bulge));
margin-right: calc(-1 * var(--cav-bulge));
}
}
@media (max-width: 1023px) {
.cav-laag[data-kaarten="3"] .cav-row {
grid-template-columns: 1fr;
}
.cav-laag[data-kaarten="2"] .cav-row {
grid-template-columns: 1fr;
}
}
.cav-laag .cav-title {
white-space: pre-line;
}
.cav-laag .cav-card {
border-color: var(--surface-border);
border-radius: var(--radius-card-l);
}
.cav-laag .cav-content {
gap: 16px;
}
.cav-laag .cav-content > .btn {
margin-top: 16px;
}
@media (min-width: 1024px) {
.cav-laag .cav-image {
flex: 0 0 48.72%;
}
.cav-laag.afb-Rechts .cav-image {
-webkit-mask:
linear-gradient(#000, #000) right center / calc(100% - var(--cav-bulge)) 100% no-repeat,
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.174 159' preserveAspectRatio='none'><path fill='%23000' d='M0 0 C4.48 45.42 31.174 56.57 31.174 79.5 L31.174 0 Z M31.174 79.5 C31.174 102.42 4.48 113.58 0 159 L31.174 159 Z'/></svg>") left center / var(--cav-bulge) var(--cav-notch-h) no-repeat,
linear-gradient(#000, #000) left top / var(--cav-bulge) calc(50% - var(--cav-notch-h) / 2) no-repeat,
linear-gradient(#000, #000) left bottom / var(--cav-bulge) calc(50% - var(--cav-notch-h) / 2) no-repeat;
mask:
linear-gradient(#000, #000) right center / calc(100% - var(--cav-bulge)) 100% no-repeat,
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.174 159' preserveAspectRatio='none'><path fill='%23000' d='M0 0 C4.48 45.42 31.174 56.57 31.174 79.5 L31.174 0 Z M31.174 79.5 C31.174 102.42 4.48 113.58 0 159 L31.174 159 Z'/></svg>") left center / var(--cav-bulge) var(--cav-notch-h) no-repeat,
linear-gradient(#000, #000) left top / var(--cav-bulge) calc(50% - var(--cav-notch-h) / 2) no-repeat,
linear-gradient(#000, #000) left bottom / var(--cav-bulge) calc(50% - var(--cav-notch-h) / 2) no-repeat;
}
.cav-laag.afb-Links .cav-image {
flex-basis: calc(48.72% + var(--cav-bulge));
margin-right: 0;
-webkit-mask:
linear-gradient(#000, #000) left center / calc(100% - var(--cav-bulge) + 1px) 100% no-repeat,
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.174 159' preserveAspectRatio='none'><path fill='%23000' d='M0 0 C4.48 45.42 31.174 56.57 31.174 79.5 C31.174 102.42 4.48 113.58 0 159 Z'/></svg>") right center / var(--cav-bulge) var(--cav-notch-h) no-repeat;
mask:
linear-gradient(#000, #000) left center / calc(100% - var(--cav-bulge) + 1px) 100% no-repeat,
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.174 159' preserveAspectRatio='none'><path fill='%23000' d='M0 0 C4.48 45.42 31.174 56.57 31.174 79.5 C31.174 102.42 4.48 113.58 0 159 Z'/></svg>") right center / var(--cav-bulge) var(--cav-notch-h) no-repeat;
}
.cav-laag.afb-Links .cav-content {
padding-left: var(--card-padding);
}
}
.checklist-laag .checklist-card {
border-color: var(--surface-border);
border-radius: var(--radius-card-l);
}
.kaarten-afb-laag .kag-card {
border-color: var(--surface-border);
border-radius: var(--radius-card-l);
}
.kaarten-afb-laag .kag-intro-title {
font-weight: 400;
}
.content-blok-laag .cb-title {
font-weight: 400;
}
.content-blok-laag .cb-link {
border-color: var(--surface-border);
color: var(--link-primary) !important;
}
.content-blok-laag .cb-link:hover {
border-color: var(--vdp-groen);
box-shadow: 0 12px 30px rgb(47 85 82 / .12);
}
.content-blok-laag .cb-link::after {
background: var(--vdp-groen);
-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M14 6l-1.4 1.45L16.15 11H4v2h12.15l-3.55 3.55L14 18l6-6z'/></svg>") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M14 6l-1.4 1.45L16.15 11H4v2h12.15l-3.55 3.55L14 18l6-6z'/></svg>") no-repeat center / contain;
}
.content-blok-laag .cb-back::before {
flex: 0 0 5px;
width: 5px;
height: 10px;
transform: none;
-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'><path fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' d='M5 1 1 5l4 4'/></svg>") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'><path fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' d='M5 1 1 5l4 4'/></svg>") no-repeat center / contain;
}
@media (max-width: 767px) {
.content-laag .content-box.tekstbox .title-element {
font-size: 32px;
}
.content-afbeelding-laag .title-element {
font-size: 32px;
}
.cav-laag .cav-intro {
flex-direction: column;
margin-bottom: 40px;
}
.cav-laag .cav-intro-title {
font-size: 32px;
}
.cav-laag .cav-title {
font-size: 24px;
}
.cav-laag.afb-Links .cav-content,
.cav-laag.afb-Rechts .cav-content {
padding: calc(24px + var(--cav-bulge)) 24px 24px;
}
.cav-laag .cav-content > .btn {
margin-top: 0;
}
.cav-laag .cav-image,
.cav-laag.afb-Links .cav-image,
.cav-laag.afb-Rechts .cav-image {
min-height: calc(200px + var(--cav-bulge));
}
.checklist-laag .checklist-wrapper,
.checklist-laag.kaart-Links .checklist-wrapper {
gap: 40px;
}
.checklist-laag .checklist-intro .title-element {
font-size: 32px;
}
.kaarten-afb-laag .kag-intro {
margin-bottom: 40px;
}
.kaarten-afb-laag .kag-intro-title {
font-size: 32px;
}
.kaarten-afb-laag .kag-intro-sub {
font-size: 18px;
}
.content-blok-laag .cb-title {
font-size: 32px;
}
.content-blok-laag .cb-sub {
font-size: 18px;
}
}
.kaarten-afb-laag .kag-intro-title,
.kaarten-checklist-laag .kch-intro-title,
.andere-opties-laag .ao-intro-title,
.content-cta-laag .cc-title {
font-weight: 400;
}
.kaarten-afb-laag .kag-card {
border: 1px solid var(--surface-border);
border-radius: var(--radius-card-l);
}
.kaarten-afb-laag .kag-grid--stacked .kag-img {
height: 200px;
background-color: var(--vdp-offwhite);
}
.kaarten-afb-laag .kag-intro-link {
gap: 12px;
padding: 12px 24px;
border: 1px solid var(--btn-primary-bg);
border-radius: var(--btn-radius);
background: var(--btn-primary-bg);
color: var(--font-light) !important;
font-weight: 500;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
.kaarten-afb-laag .kag-intro-link:hover {
border-color: var(--btn-primary-bg-hover);
background: var(--btn-primary-bg-hover);
text-decoration: none;
}
.kaarten-afb-laag .kag-intro-link::after {
flex: 0 0 24px;
width: 24px;
height: 24px;
background: currentcolor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.kaarten-checklist-laag .kch-intro {
gap: 20px;
}
.kaarten-checklist-laag:not(.kaarten-checklist-laag--centered) .kch-intro-sub {
max-width: none;
}
.kaarten-checklist-laag .kch-body {
justify-content: space-between;
gap: 24px;
}
.kaarten-checklist-laag .kch-top {
display: flex;
flex-direction: column;
gap: 16px;
}
.kaarten-checklist-laag .kch-bottom {
display: flex;
flex-direction: column;
gap: 8px;
}
.kaarten-checklist-laag .kch-body:has(.kch-lijst) {
gap: 16px;
}
.kaarten-checklist-laag .kch-lijst {
display: flex;
flex-direction: column;
gap: 8px;
}
.kaarten-checklist-laag .kch-lijst + .kch-bottom,
.kaarten-checklist-laag .kch-top + .kch-bottom {
margin-top: auto;
}
.kaarten-checklist-laag .kch-link {
display: inline-flex;
align-items: center;
align-self: flex-start;
gap: 8px;
color: var(--link-primary);
font-family: "new-atten", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
text-decoration: none;
}
.kaarten-checklist-laag .kch-link::after {
width: 24px;
height: 24px;
flex: 0 0 24px;
background-color: currentcolor;
content: "";
mask: var(--icon-arrow) no-repeat center / 24px 24px;
-webkit-mask: var(--icon-arrow) no-repeat center / 24px 24px;
transition: transform 0.2s ease-in-out;
}
.kaarten-checklist-laag .kch-link--extern::after {
mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M5 3h6v2H7v12h12v-4h2v6H5V3zm8 0h8v8h-2V6.4l-7.3 7.3-1.4-1.4L17.6 5H13V3z'/></svg>") no-repeat center / 24px 24px;
-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M5 3h6v2H7v12h12v-4h2v6H5V3zm8 0h8v8h-2V6.4l-7.3 7.3-1.4-1.4L17.6 5H13V3z'/></svg>") no-repeat center / 24px 24px;
}
.kaarten-checklist-laag .kch-link:hover span {
text-decoration: underline;
}
.kaarten-checklist-laag .kch-link:not(.kch-link--extern):hover::after {
transform: translateX(4px);
}
.kaarten-checklist-laag .kch-card-title {
display: flex;
gap: 8px;
}
.kaarten-checklist-laag .kch-nr {
flex: 0 0 auto;
}
.kaarten-checklist-laag .kch-list-title {
margin: 0;
color: var(--font-dark);
font-family: "new-atten", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
}
.kaarten-checklist-laag.font-Licht .kch-intro-title,
.kaarten-checklist-laag.font-Licht .kch-intro-sub {
color: var(--vdp-wit);
}
.kaarten-checklist-laag.font-Licht .kch-card,
.kaarten-checklist-laag.font-Licht .kch-card * {
color: var(--font-dark);
}
.kaarten-checklist-laag.font-Licht .kch-card .kch-link,
.kaarten-checklist-laag.font-Licht .kch-card .kch-link * {
color: var(--link-primary);
}
.kaarten-checklist-laag .kch-card {
border: 1px solid var(--surface-border);
}
.kaarten-checklist-laag .kch-media {
background-color: var(--vdp-offwhite);
}
.kaarten-checklist-laag .kch-card-text {
color: var(--font-dark);
}
.kaarten-checklist-laag--centered .kch-check {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--vdp-groen);
-webkit-mask: none;
mask: none;
}
.kaarten-checklist-laag--centered .kch-check::before {
width: 12px;
height: 12px;
background-color: var(--vdp-wit);
content: "";
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.blokken-subs-laag .bs-grid {
display: grid;
gap: 32px;
grid-template-columns: repeat(3, 1fr);
}
.blokken-subs-laag .bs-card {
width: auto;
height: 100%;
flex: 1 1 auto;
border: 1px solid var(--surface-border);
border-radius: var(--radius-card-l);
}
@media (max-width: 1023px) {
.blokken-subs-laag .bs-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.blokken-subs-laag .bs-grid {
grid-template-columns: 1fr;
}
}
.blokken-subs-laag .cb-link::after {
transform: none;
background: currentcolor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.andere-opties-laag .ao-card {
border: 1px solid var(--surface-border);
border-radius: var(--radius-card-l);
}
.andere-opties-laag .ao-media {
background-color: var(--vdp-offwhite);
}
.andere-opties-laag .ao-img {
border-radius: var(--radius-media);
}
.andere-opties-laag .ao-alle::after {
width: 20px;
height: 20px;
background-color: currentcolor;
content: "";
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.content-cta-laag .cc-card {
border-radius: var(--radius-card-l);
box-shadow: 0 20px 50px var(--vdp-groen-10);
}
.content-cta-laag .cc-divider {
background: var(--surface-border);
}
.content-cta-laag .cc-support-title {
color: var(--font-dark);
}
.content-cta-laag .cb-back::before {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpath d='M5 1L1 5l4 4' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpath d='M5 1L1 5l4 4' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
transform: none;
}
@media (max-width: 767px) {
.kaarten-afb-laag .kag-intro-sub {
font-size: 18px;
}
.kaarten-afb-laag .kag-grid,
.kaarten-afb-laag .kag-grid[data-cols="3"],
.kaarten-checklist-laag .kch-grid,
.kaarten-checklist-laag .kch-grid[data-cols="2"],
.kaarten-checklist-laag .kch-grid[data-cols="4"],
.blokken-subs-laag .bs-grid,
.andere-opties-laag .ao-grid {
gap: 24px;
}
.kaarten-afb-laag .kag-intro,
.kaarten-checklist-laag .kch-intro,
.andere-opties-laag .ao-intro {
margin-bottom: 40px;
}
.kaarten-afb-laag .kag-intro {
gap: 32px;
}
.blokken-subs-laag .bs-card {
gap: 24px;
}
}
.faq-laag .accordion-item {
border-color: var(--surface-border);
}
.faq-laag .accordion-item:hover {
border-color: var(--vdp-groen);
}
.faq-laag h3.uitklap.accordion-header::after {
position: static;
transform: none;
}
.faq-laag .accordion-item.is-active h3.uitklap.accordion-header::after {
transform: rotate(180deg);
}
@media (min-width: 1171px) {
.content-accordion-laag .ca-intro,
.content-accordion-laag .ca-acc {
flex: 0 0 calc(50% - 55px);
min-width: 0;
max-width: calc(50% - 55px);
}
}
.content-accordion-laag .ca-item {
border-radius: var(--radius-card-l);
}
.content-accordion-laag .ca-intro-title {
font-weight: 400;
letter-spacing: var(--heading-letter-spacing);
}
@media (min-width: 1180px) {
.afb-content-slider-laag .afb-content-slider[data-cols="3"] .owl-stage {
gap: 48px;
grid-auto-columns: calc((100% - (var(--slider-cols, 3) - 1) * 48px) / var(--slider-cols, 3));
}
}
.afb-content-slider[data-cols="3"] .acs-image {
height: 358px;
}
.afb-content-slider .acs-title {
font-weight: 400;
letter-spacing: var(--heading-letter-spacing);
color: var(--font-dark);
}
.afb-content-slider[data-cols="3"] {
--slider-gap: 48px;
}
.afb-content-slider[data-cols="3"] .acs-image {
height: 358px;
}
.afb-content-slider.weergave-alleen_beeld .acs-item {
gap: 0;
}
.afb-content-slider-laag .acs-intro-title {
font-weight: 400;
letter-spacing: var(--heading-letter-spacing);
}
.vdp-slider .owl-dots {
gap: 18px;
margin-top: 0;
}
.vdp-slider .owl-nav {
gap: 9px;
margin-top: 0;
}
.vdp-slider .owl-prev::before,
.vdp-slider .owl-next::before {
content: none;
}
.vdp-slider .owl-dot,
.owl-loaded .owl-dot {
width: 8px;
height: 8px;
border: 0;
padding: 0;
background: none;
}
.vdp-slider .owl-dot.active,
.owl-loaded .owl-dot.active {
border: 0;
background: none;
}
.quote-laag .quote-block {
gap: 24px;
}
.quote-laag .quote-badge {
line-height: 1.4;
}
.quote-laag .quote-text {
max-width: 888px;
font-size: 32px;
font-weight: 400;
letter-spacing: var(--heading-letter-spacing);
line-height: 1.2;
}
.tabel-laag .tabel-card {
border-color: var(--surface-border);
border-radius: var(--radius-card-l);
}
.tabel-laag .tabel-title {
font-weight: 400;
letter-spacing: var(--heading-letter-spacing);
}
.tabel-laag .tabel-vergelijk thead th {
border-bottom-color: var(--surface-border);
}
.tabel-laag .tabel-vergelijk tbody td {
border-bottom-color: var(--vdp-groen-10);
}
.tabel-laag .tabel-vergelijk tbody td:first-child {
color: var(--vdp-groen);
}
@media (max-width: 767px) {
.content-accordion-laag .ca-intro {
gap: 24px;
}
.content-accordion-laag .ca-intro-title {
font-size: 32px;
}
.afb-content-slider[data-cols] .acs-image {
height: 268px !important;
}
.afb-content-slider .acs-item {
gap: 16px;
}
.quote-laag .quote-block {
gap: 20px;
}
.quote-laag .quote-text {
font-size: 22px;
letter-spacing: var(--heading-letter-spacing);
}
.tabel-laag .tabel-intro {
margin-bottom: 40px;
}
.tabel-laag .tabel-title {
font-size: 32px;
}
.tabel-laag .tabel-sub {
font-size: 18px;
}
.tabel-laag .tabel-card {
padding: var(--card-padding);
border-radius: var(--radius-card-l);
}
.tabel-laag .tabel-vergelijk th,
.tabel-laag .tabel-vergelijk td {
padding: 15px 24px;
}
.tabel-laag .tabel-scroll {
scrollbar-width: thin;
}
.tabel-laag .tabel-scroll::-webkit-scrollbar {
height: 6px;
}
.tabel-laag .tabel-scroll::-webkit-scrollbar-track {
border-radius: 100px;
background: var(--vdp-offwhite);
}
.tabel-laag .tabel-scroll::-webkit-scrollbar-thumb {
border-radius: 100px;
background: var(--vdp-groen);
}
}
.gerelateerd-nieuws-laag .gn-intro-title {
font-weight: 400;
}
.gerelateerd-nieuws-laag .gn-card {
border-color: var(--surface-border);
border-radius: var(--radius-card-l);
}
.gerelateerd-nieuws-laag .gn-card-img--ph {
background: var(--vdp-offwhite);
}
.gerelateerd-nieuws-laag .gn-more::after {
background: var(--vdp-groen);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;
}
.medewerkers-laag .mw-intro-title {
font-weight: 400;
}
.medewerkers-laag .mw-filters {
margin-bottom: 32px;
}
.medewerkers-laag .mw-card {
border-color: var(--surface-border);
}
.medewerkers-laag .mw-card-img--ph {
background: var(--vdp-offwhite);
}
.medewerkers-laag .mw-card-functie {
color: var(--vdp-groen);
}
.medewerkers-laag .mw-more::after {
background: var(--vdp-groen);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;
}
.vestigingen-laag .vest-intro-title {
font-weight: 400;
}
.vestigingen-laag .vest-card {
border-color: var(--surface-border);
}
.vestigingen-laag .vest-sidebar {
border-right-color: var(--surface-border);
}
.vestigingen-laag .vest-search {
border-bottom-color: var(--surface-border);
}
.vestigingen-laag .vest-search-input {
padding-left: 60px;
padding-top: 23px;
padding-bottom: 23px;
line-height: 1.6;
border-color: var(--surface-border);
border-radius: var(--radius-card-l);
}
.vestigingen-laag .vest-search-ico {
background: var(--vdp-groen);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9 3a6 6 0 104.472 10.03l3.249 3.248a1 1 0 001.414-1.414l-3.248-3.249A6 6 0 009 3zm0 2a4 4 0 110 8 4 4 0 010-8z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9 3a6 6 0 104.472 10.03l3.249 3.248a1 1 0 001.414-1.414l-3.248-3.249A6 6 0 009 3zm0 2a4 4 0 110 8 4 4 0 010-8z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;
}
.vestigingen-laag .vest-item {
border-bottom-color: var(--surface-border);
}
.vestigingen-laag .vest-badge {
color: var(--vdp-groen);
}
.vestigingen-laag .vest-meta {
border-top-color: var(--vdp-groen-10);
}
.vestigingen-laag .vest-tel-ico {
background: var(--vdp-groen);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.95 21C17.8667 21 15.8083 20.5458 13.775 19.6375C11.7417 18.7292 9.89167 17.4417 8.225 15.775C6.55833 14.1083 5.27083 12.2583 4.3625 10.225C3.45417 8.19167 3 6.13333 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07917 8.725 3.2375C8.90833 3.39583 9.01667 3.58333 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.70417 12.1125 8.1625 12.6875C8.62083 13.2625 9.125 13.8167 9.675 14.35C10.1917 14.8667 10.7333 15.3458 11.3 15.7875C11.8667 16.2292 12.4667 16.6333 13.1 17L15.45 14.65C15.6 14.5 15.7958 14.3875 16.0375 14.3125C16.2792 14.2375 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1375 20.775 15.3125C20.925 15.4875 21 15.6833 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.95 21C17.8667 21 15.8083 20.5458 13.775 19.6375C11.7417 18.7292 9.89167 17.4417 8.225 15.775C6.55833 14.1083 5.27083 12.2583 4.3625 10.225C3.45417 8.19167 3 6.13333 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07917 8.725 3.2375C8.90833 3.39583 9.01667 3.58333 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.70417 12.1125 8.1625 12.6875C8.62083 13.2625 9.125 13.8167 9.675 14.35C10.1917 14.8667 10.7333 15.3458 11.3 15.7875C11.8667 16.2292 12.4667 16.6333 13.1 17L15.45 14.65C15.6 14.5 15.7958 14.3875 16.0375 14.3125C16.2792 14.2375 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1375 20.775 15.3125C20.925 15.4875 21 15.6833 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;
}
.vestigingen-laag .vest-legend {
border-color: var(--surface-border);
border-radius: var(--radius-media);
}
.vestigingen-laag .vest-pin svg path {
fill: var(--vdp-groen);
}
.vestigingen-laag .vest-pin--actief svg path {
fill: var(--vdp-groen-licht);
}
.vestigingen-laag .vest-pin svg circle {
fill: var(--vdp-wit);
}
.vestigingen-laag .vest-legend-dot {
background: var(--vdp-groen-licht);
}
@media (min-width: 768px) {
.vestigingen-laag .vest-item {
padding: 32px;
}
}
.cpt-overzicht-laag .co-intro-title {
font-weight: 400;
}
.cpt-overzicht-laag .co-intro {
gap: 20px;
}
.cpt-overzicht-laag .co-card {
border-color: var(--surface-border);
}
.cpt-overzicht-laag .co-img--ph {
background: var(--vdp-offwhite);
}
.cpt-overzicht-laag .co-more::after {
background: var(--vdp-groen);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;
}
.cpt-overzicht-laag .co-page {
border-color: var(--surface-border);
}
.product-detail-laag .pd-hero {
border-color: var(--surface-border);
border-radius: var(--radius-card-l);
}
.product-detail-laag .pd-hero-img--ph {
background: var(--vdp-offwhite);
}
.product-detail-laag .pd-thumb {
border-color: var(--surface-border);
border-radius: var(--radius-media);
}
.product-detail-laag .pd-thumbs-wrap.has-nav .pd-thumb-nav {
border-color: var(--surface-border);
}
.product-detail-laag .pd-card {
border-color: var(--surface-border);
}
.product-detail-laag .pd-spec {
border-bottom-color: var(--vdp-groen-10);
}
.product-detail-laag .pd-spec-value {
font-weight: 400;
}
.product-detail-laag .pd-support-title {
color: var(--font-dark);
}
@media (max-width: 767px) {
.gerelateerd-nieuws-laag .gn-intro-title,
.medewerkers-laag .mw-intro-title,
.cpt-overzicht-laag .co-intro-title {
font-size: 32px;
}
.gerelateerd-nieuws-laag .gn-intro,
.medewerkers-laag .mw-intro,
.vestigingen-laag .vest-intro,
.cpt-overzicht-laag .co-intro {
margin-bottom: 40px;
}
.gerelateerd-nieuws-laag .gn-intro {
gap: 32px;
}
}
@media (max-width: 599px) {
.gerelateerd-nieuws-laag .owl-loaded .owl-stage {
grid-auto-columns: 296px;
}
}
@media (min-width: 1180px) {
body:not(.home) section.header-layer.with-image:not(:has(.content-box > *))::after {
bottom: 18px !important;
}
}
.header-layer .content-box h1 {
display: block;
}
.cta-laag .cta-prompt {
border-color: var(--surface-border);
}
.cta-laag .cta-prompt__actie {
display: flex;
align-items: center;
flex: 0 0 auto;
gap: 24px;
}
.cta-laag .cta-prompt__nood {
margin: 0;
color: var(--font-dark);
font-family: "new-atten", sans-serif;
font-size: 12px;
line-height: 1.6;
white-space: nowrap;
}
.cta-laag .cta-prompt__nood a {
color: inherit;
text-decoration: none;
}
.cta-laag .cta-prompt__nood a:hover {
text-decoration: underline;
}
@media (max-width: 767px) {
.cta-laag .cta-prompt__actie {
flex-direction: column;
align-items: stretch;
gap: 12px;
}
}
.contact-content-laag .cc2-card {
border-color: var(--surface-border);
border-radius: var(--radius-card-l);
}
.contact-content-laag .cc2-img,
.contact-content-laag .cc2-content-img {
border-radius: var(--radius-media);
}
.contact-content-laag .cc2-divider {
background: var(--surface-border);
}
.contact-content-laag .cc2-support-title {
color: var(--font-dark);
}
.contact-content-laag .cc2-content-title,
.contact-content-laag .cc2-form-title {
font-weight: 400;
}
.contact-content-laag .cc2-ico--loc,
.contact-content-laag .cc2-ico--call,
.contact-content-laag .cc2-ico--mail {
background-image: none;
background-color: var(--vdp-groen);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
.contact-content-laag .cc2-ico--loc {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.675 21.1625C6.55833 20.6042 6 19.8833 6 19C6 18.6 6.12083 18.2292 6.3625 17.8875C6.60417 17.5458 6.94167 17.25 7.375 17L8.95 18.475C8.8 18.5417 8.6375 18.6167 8.4625 18.7C8.2875 18.7833 8.15 18.8833 8.05 19C8.26667 19.2667 8.76667 19.5 9.55 19.7C10.3333 19.9 11.15 20 12 20C12.85 20 13.6708 19.9 14.4625 19.7C15.2542 19.5 15.7583 19.2667 15.975 19C15.8583 18.8667 15.7083 18.7583 15.525 18.675C15.3417 18.5917 15.1667 18.5167 15 18.45L16.55 16.95C17.0167 17.2167 17.375 17.5208 17.625 17.8625C17.875 18.2042 18 18.5833 18 19C18 19.8833 17.4417 20.6042 16.325 21.1625C15.2083 21.7208 13.7667 22 12 22C10.2333 22 8.79167 21.7208 7.675 21.1625ZM12 19C9.65 17.2667 7.89583 15.5833 6.7375 13.95C5.57917 12.3167 5 10.7167 5 9.15C5 7.96667 5.2125 6.92917 5.6375 6.0375C6.0625 5.14583 6.60833 4.4 7.275 3.8C7.94167 3.2 8.69167 2.75 9.525 2.45C10.3583 2.15 11.1833 2 12 2C12.8167 2 13.6417 2.15 14.475 2.45C15.3083 2.75 16.0583 3.2 16.725 3.8C17.3917 4.4 17.9375 5.14583 18.3625 6.0375C18.7875 6.92917 19 7.96667 19 9.15C19 10.7167 18.4208 12.3167 17.2625 13.95C16.1042 15.5833 14.35 17.2667 12 19ZM12 11C12.55 11 13.0208 10.8042 13.4125 10.4125C13.8042 10.0208 14 9.55 14 9C14 8.45 13.8042 7.97917 13.4125 7.5875C13.0208 7.19583 12.55 7 12 7C11.45 7 10.9792 7.19583 10.5875 7.5875C10.1958 7.97917 10 8.45 10 9C10 9.55 10.1958 10.0208 10.5875 10.4125C10.9792 10.8042 11.45 11 12 11Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.675 21.1625C6.55833 20.6042 6 19.8833 6 19C6 18.6 6.12083 18.2292 6.3625 17.8875C6.60417 17.5458 6.94167 17.25 7.375 17L8.95 18.475C8.8 18.5417 8.6375 18.6167 8.4625 18.7C8.2875 18.7833 8.15 18.8833 8.05 19C8.26667 19.2667 8.76667 19.5 9.55 19.7C10.3333 19.9 11.15 20 12 20C12.85 20 13.6708 19.9 14.4625 19.7C15.2542 19.5 15.7583 19.2667 15.975 19C15.8583 18.8667 15.7083 18.7583 15.525 18.675C15.3417 18.5917 15.1667 18.5167 15 18.45L16.55 16.95C17.0167 17.2167 17.375 17.5208 17.625 17.8625C17.875 18.2042 18 18.5833 18 19C18 19.8833 17.4417 20.6042 16.325 21.1625C15.2083 21.7208 13.7667 22 12 22C10.2333 22 8.79167 21.7208 7.675 21.1625ZM12 19C9.65 17.2667 7.89583 15.5833 6.7375 13.95C5.57917 12.3167 5 10.7167 5 9.15C5 7.96667 5.2125 6.92917 5.6375 6.0375C6.0625 5.14583 6.60833 4.4 7.275 3.8C7.94167 3.2 8.69167 2.75 9.525 2.45C10.3583 2.15 11.1833 2 12 2C12.8167 2 13.6417 2.15 14.475 2.45C15.3083 2.75 16.0583 3.2 16.725 3.8C17.3917 4.4 17.9375 5.14583 18.3625 6.0375C18.7875 6.92917 19 7.96667 19 9.15C19 10.7167 18.4208 12.3167 17.2625 13.95C16.1042 15.5833 14.35 17.2667 12 19ZM12 11C12.55 11 13.0208 10.8042 13.4125 10.4125C13.8042 10.0208 14 9.55 14 9C14 8.45 13.8042 7.97917 13.4125 7.5875C13.0208 7.19583 12.55 7 12 7C11.45 7 10.9792 7.19583 10.5875 7.5875C10.1958 7.97917 10 8.45 10 9C10 9.55 10.1958 10.0208 10.5875 10.4125C10.9792 10.8042 11.45 11 12 11Z'/%3E%3C/svg%3E");
}
.contact-content-laag .cc2-ico--call {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.95 21C17.8667 21 15.8083 20.5458 13.775 19.6375C11.7417 18.7292 9.89167 17.4417 8.225 15.775C6.55833 14.1083 5.27083 12.2583 4.3625 10.225C3.45417 8.19167 3 6.13333 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07917 8.725 3.2375C8.90833 3.39583 9.01667 3.58333 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.70417 12.1125 8.1625 12.6875C8.62083 13.2625 9.125 13.8167 9.675 14.35C10.1917 14.8667 10.7333 15.3458 11.3 15.7875C11.8667 16.2292 12.4667 16.6333 13.1 17L15.45 14.65C15.6 14.5 15.7958 14.3875 16.0375 14.3125C16.2792 14.2375 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1375 20.775 15.3125C20.925 15.4875 21 15.6833 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.95 21C17.8667 21 15.8083 20.5458 13.775 19.6375C11.7417 18.7292 9.89167 17.4417 8.225 15.775C6.55833 14.1083 5.27083 12.2583 4.3625 10.225C3.45417 8.19167 3 6.13333 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07917 8.725 3.2375C8.90833 3.39583 9.01667 3.58333 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.70417 12.1125 8.1625 12.6875C8.62083 13.2625 9.125 13.8167 9.675 14.35C10.1917 14.8667 10.7333 15.3458 11.3 15.7875C11.8667 16.2292 12.4667 16.6333 13.1 17L15.45 14.65C15.6 14.5 15.7958 14.3875 16.0375 14.3125C16.2792 14.2375 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1375 20.775 15.3125C20.925 15.4875 21 15.6833 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21Z'/%3E%3C/svg%3E");
}
.contact-content-laag .cc2-ico--mail {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM12 13L20 8V6L12 11L4 6V8L12 13Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM12 13L20 8V6L12 11L4 6V8L12 13Z'/%3E%3C/svg%3E");
}
.contact-content-laag .cc2-form .gform_wrapper .gform_fields {
row-gap: 24px;
}
.contact-content-laag .cc2-form input[type="text"],
.contact-content-laag .cc2-form input[type="email"],
.contact-content-laag .cc2-form input[type="tel"],
.contact-content-laag .cc2-form input[type="number"],
.contact-content-laag .cc2-form select,
.contact-content-laag .cc2-form textarea {
border-color: var(--surface-border) !important;
}
.contact-content-laag .cc2-form input::placeholder,
.contact-content-laag .cc2-form textarea::placeholder {
color: color-mix(in srgb, var(--vdp-groen) 40%, transparent);
}
@media (min-width: 981px) {
.contact-content-laag .cc2-contact .cc2-img {
flex: 1 1 auto;
height: auto;
min-height: 320px;
}
}
.contact-content-laag .cc2-form textarea {
height: 148px !important;
min-height: 148px !important;
max-height: 148px !important;
}
.contact-content-laag .cc2-form .gform_footer,
.contact-content-laag .cc2-form .gform_page_footer {
margin: 0 !important;
margin-top: 24px !important;
padding: 0 !important;
}
.contact-content-laag .cc2-form .gfield--type-radio .gfield_label {
margin-bottom: 16px;
}
.contact-content-laag .cc2-form .gfield_radio label {
line-height: 1.6;
}
.contact-content-laag .cc2-form .gfield_radio input:checked + label {
background: var(--vdp-groen-10);
}
.contact-content-laag .cc2-form .ginput_container_consent,
.contact-content-laag .cc2-form .gfield_checkbox .gchoice {
display: flex;
align-items: flex-start;
gap: 12px;
}
.contact-content-laag .cc2-form .ginput_container_consent input[type="checkbox"],
.contact-content-laag .cc2-form .gfield_checkbox input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
flex: 0 0 20px;
width: 20px !important;
min-width: 20px !important;
height: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
padding: 0 !important;
margin: 2px 0 0;
border: 1px solid var(--vdp-groen);
border-radius: 4px;
background: var(--surface);
cursor: pointer;
}
.contact-content-laag .cc2-form .ginput_container_consent input[type="checkbox"]:checked,
.contact-content-laag .cc2-form .gfield_checkbox input[type="checkbox"]:checked {
background: var(--vdp-groen);
}
.contact-content-laag .cc2-form .ginput_container_consent input[type="checkbox"]:checked::after,
.contact-content-laag .cc2-form .gfield_checkbox input[type="checkbox"]:checked::after {
display: block;
width: 100%;
height: 100%;
background-color: var(--font-light);
content: "";
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.55 17.6 4 12.05l1.4-1.4 4.15 4.15L18.6 5.75 20 7.15z'/%3E%3C/svg%3E") no-repeat center / 16px 16px;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.55 17.6 4 12.05l1.4-1.4 4.15 4.15L18.6 5.75 20 7.15z'/%3E%3C/svg%3E") no-repeat center / 16px 16px;
}
.contact-content-laag .cc2-form .ginput_container_consent label,
.contact-content-laag .cc2-form .gfield_checkbox .gchoice label {
margin-bottom: 0 !important;
}
.contact-content-laag .cc2-form .ginput_container_consent a,
.contact-content-laag .cc2-form .gfield_consent_description a {
color: var(--link-primary);
}
.contact-content-laag .cc2-form .gf_page_steps {
border-bottom-color: var(--vdp-groen-10);
}
.contact-content-laag .cc2-form .gf_step_active .gf_step_number {
box-shadow: 0 0 0 5px var(--vdp-groen-20);
}
.data-cijfers-laag .dc-num {
font-weight: 400;
}
@media (min-width: 768px) {
.data-cijfers-laag .dc-item {
flex: 0 1 auto;
min-width: 0;
}
}
.uitvaart-overzicht-laag .uvo-intro-title {
font-weight: 400;
}
.uitvaart-overzicht-laag .uvo-search,
.uitvaart-overzicht-laag .uvo-card {
border-color: var(--surface-border);
}
.uitvaart-overzicht-laag .uvo-field input,
.uitvaart-overzicht-laag .uvo-field select,
.uitvaart-overzicht-laag .uvo-page {
border-color: var(--surface-border);
}
.uitvaart-overzicht-laag .uvo-field input::placeholder {
color: color-mix(in srgb, var(--vdp-groen) 40%, transparent);
}
.uitvaart-overzicht-laag .uvo-select::after {
background-image: none;
background-color: var(--vdp-groen);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.uitvaart-overzicht-laag .uvo-link::after {
background-image: none;
background-color: currentcolor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z'/%3E%3C/svg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6L12.6 7.45L16.15 11H4V13H16.15L12.6 16.55L14 18L20 12L14 6Z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.uitvaart-overzicht-laag .uvo-zoeken:hover {
border-color: var(--vdp-groen-hover);
background: var(--vdp-groen-hover);
}
.contact-content-laag .cc2-form .gf_progressbar_percentage {
background: var(--vdp-groen) !important;
color: var(--vdp-wit) !important;
}
.ktvo-laag { padding: 72px 0 144px; }
.ktvo-card {
max-width: 840px;
margin: 0 auto;
padding: 20px;
background: var(--vdp-wit);
border: 1px solid var(--surface-border);
border-radius: var(--radius-card);
}
.ktvo-card > p:empty { display: none; }
.ktvo-card [data-tf-live] { width: 100%; min-height: 660px; border-radius: 12px; overflow: hidden; }
@media (max-width: 640px) {
.ktvo-laag { padding: 40px 0 72px; }
.ktvo-card { padding: 10px; }
.ktvo-card [data-tf-live] { min-height: 580px; }
}
@media (min-width: 1171px) {
body.page-id-2031 .content-laag .gap-box { flex-wrap: nowrap; align-items: flex-start; }
body.page-id-2031 .content-laag .gap-box > .content-box.tekstbox { flex: 1 1 0; max-width: none; margin-left: 0; margin-right: 0; }
}
.referenties-laag .ref-count { color: var(--vdp-groen-licht); }
.referenties-laag .ref-text,
.referenties-laag .ref-name { color: #000; }
.referenties-laag .ref-card { border-color: var(--surface-border); }
.referenties-laag .ref-foot { border-top-color: rgb(47 85 82 / .1); }
.referenties-laag .ref-date,
.referenties-laag .ref-ellipsis { color: rgb(0 0 0 / .55); }
.referenties-laag .ref-page { border-color: rgb(47 85 82 / .15); }
.referenties-laag .ref-page:hover { border-color: var(--vdp-groen); color: var(--vdp-groen); }
.fof-laag { padding:80px 0 100px; }
.fof-box { max-width:680px; margin:0 auto; display:flex; flex-direction:column; align-items:center; text-align:center; gap:24px; }
.fof-code { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:96px; line-height:1; letter-spacing:2px; color:var(--vdp-groen-licht); margin:0; }
.fof-title { font-family:"mencken-std" !important; font-style:italic; font-weight:500; font-size:40px; line-height:1.2; letter-spacing:.4px; color:#000; margin:0; }
.fof-sub { font-family:"new-atten" !important; font-size:18px; line-height:1.6; color:#000; margin:0; max-width:560px; }
.fof-box .search-hero-form { width:100%; max-width:560px; margin:8px auto 0; }
.fof-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:16px; margin-top:8px; }
.fof-outline { display:inline-flex; align-items:center; justify-content:center; padding:12px 24px; border:1px solid var(--vdp-groen); border-radius:100px; background:#fff; font-family:"new-atten" !important; font-weight:500; font-size:16px; line-height:1.6; color:var(--vdp-groen) !important; text-decoration:none; transition:all .15s ease; }
.fof-outline:hover { background:var(--vdp-groen); color:#fff !important; }
.fof-links { margin-top:24px; padding-top:24px; border-top:1px solid rgb(47 85 82 / .15); width:100%; max-width:480px; display:flex; flex-direction:column; gap:12px; }
.fof-links-title { font-family:"new-atten" !important; font-weight:500; font-size:14px; line-height:1.6; color:var(--vdp-groen); margin:0; }
.fof-links ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px 20px; }
.fof-links a { font-family:"new-atten" !important; font-size:16px; line-height:1.6; color:var(--vdp-groen) !important; text-decoration:none; }
.fof-links a:hover { text-decoration:underline; }
@media (max-width:768px) {
.fof-laag { padding:56px 0 72px; }
.fof-code { font-size:72px; }
.fof-title { font-size:28px; }
.fof-sub { font-size:16px; }
}
.search-page .breadcrumbs { background:var(--vdp-glas); max-width:none; margin:0; padding:0; }
.search-hero .inner,
.search-page .search-results .inner { max-width:1264px; margin:0 auto; padding:0 40px; }
.search-page .breadcrumbs #breadcrumbs {
max-width:1264px; margin:0 auto; padding:14px 40px;
font-family:"new-atten"; font-size:14px; line-height:1.6; color:rgba(0,0,0,.55);
}
.search-page .breadcrumbs #breadcrumbs a { color:#201d1d; text-decoration:none; }
.search-page .breadcrumbs #breadcrumbs a:hover { text-decoration:underline; }
.search-page .breadcrumbs .bc-sep { margin:0 8px; opacity:.5; }
.search-hero { padding:56px 0 8px; }
.search-hero-title {
margin:0 0 24px; font-family:"new-atten"; font-weight:500;
font-size:44px; line-height:1.15; color:#000;
}
.search-hero-form { display:flex; align-items:center; gap:12px; max-width:680px; }
.search-hero-form .shf-input {
flex:1 1 auto; min-width:0; height:58px; margin:0; padding:12px 24px;
border:1px solid #d1d1d1; border-radius:64px; background:#fff; box-shadow:none;
font-family:"new-atten"; font-size:16px; line-height:1.6; color:#000;
-webkit-appearance:none; appearance:none;
}
.search-hero-form .shf-input::placeholder { color:#b9bcc2; }
.search-hero-form .shf-input:focus { outline:none; border-color:var(--vdp-groen); }
.search-hero-form .shf-submit {
flex:0 0 48px; width:48px; height:48px; margin:0; padding:0; display:inline-flex;
align-items:center; justify-content:center; border:0; border-radius:50%;
background:var(--vdp-groen); color:#fff; cursor:pointer; transition:background .2s ease;
}
.search-hero-form .shf-submit:hover { background:var(--vdp-groen-licht); }
.search-hero-form .shf-submit svg { width:20px; height:20px; display:block; }
.search-hero-meta {
margin:20px 0 0; font-family:"new-atten"; font-size:15px;
line-height:1.6; color:rgba(0,0,0,.55);
}
.search-hero-meta strong { color:#000; font-weight:500; }
.search-page .search-results { padding:36px 0 88px; }
.sr-list {
list-style:none; margin:0; padding:0;
display:grid; gap:18px; grid-template-columns:1fr;
}
.sr-item {
margin:0; background:#fff; border:1px solid #e3e8ef; border-radius:16px;
transition:box-shadow .15s ease, transform .15s ease, border-color .15s ease;
}
.sr-item:hover { box-shadow:0 10px 30px rgb(47 85 82 / .10); transform:translateY(-2px); border-color:#cdd6e2; }
.sr-link { display:flex; flex-direction:column; height:100%; padding:26px 28px; text-decoration:none; }
.sr-type {
display:inline-block; margin-bottom:10px;
font-family:"new-atten"; font-weight:600; font-size:12px; letter-spacing:.04em;
text-transform:uppercase; color:var(--vdp-groen-licht);
}
.sr-title {
margin:0 0 10px; font-family:"new-atten"; font-weight:500; font-style:normal;
font-size:24px; line-height:1.3; letter-spacing:0; color:#000;
}
.sr-link:hover .sr-title { color:var(--vdp-groen); }
.sr-excerpt {
flex:1 1 auto; margin:0 0 16px; font-family:"new-atten"; font-size:16px;
line-height:1.6; color:rgba(0,0,0,.6);
}
.sr-more {
margin-top:auto; display:inline-flex; align-items:center; gap:6px;
font-family:"new-atten"; font-weight:600; font-size:15px; color:var(--vdp-groen);
}
.sr-arrow {
width:18px; height:18px; background:currentColor;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
}
@media (min-width:900px) {
.sr-list { grid-template-columns:repeat(2, 1fr); gap:20px; }
}
@media (min-width:1280px) {
.sr-list { grid-template-columns:repeat(3, 1fr); }
}
.sr-pagination { margin-top:48px; display:flex; justify-content:center; }
.sr-pagination .page-numbers {
display:inline-flex; align-items:center; justify-content:center;
min-width:44px; height:44px; padding:0 12px; margin:0 4px;
border:1px solid rgba(0,0,0,.15); border-radius:64px;
font-family:"new-atten"; font-size:15px; color:#000; text-decoration:none;
transition:all .2s ease;
}
.sr-pagination .page-numbers.current { background:var(--vdp-groen-licht); border-color:var(--vdp-groen-licht); color:#fff; }
.sr-pagination a.page-numbers:hover { border-color:var(--vdp-groen); color:var(--vdp-groen); }
.sr-empty { padding:8px 0 0; }
.sr-empty-title { margin:0 0 12px; font-family:"new-atten"; font-weight:500; font-style:normal; font-size:26px; letter-spacing:0; color:#000; }
.sr-empty-text { margin:0 0 32px; font-family:"new-atten"; font-size:16px; line-height:1.6; color:rgba(0,0,0,.6); max-width:560px; }
.sr-empty-label { margin:0 0 8px; font-family:"new-atten"; font-size:14px; color:rgba(0,0,0,.4); }
.sr-suggest { list-style:none; margin:0; padding:0; max-width:560px; }
.sr-suggest li { margin:0; border-top:1px solid rgba(0,0,0,.12); }
.sr-suggest li:last-child { border-bottom:1px solid rgba(0,0,0,.12); }
.sr-suggest a {
display:flex; align-items:center; justify-content:space-between; gap:12px;
padding:18px 0; text-decoration:none;
}
.sr-suggest a span:first-child { font-family:"new-atten"; font-size:18px; color:#000; }
.sr-suggest a:hover span:first-child { color:var(--vdp-groen); }
.sr-suggest .sr-arrow { color:#000; width:22px; height:22px; }
@media (max-width:768px) {
.search-page .breadcrumbs #breadcrumbs,
.search-hero .inner,
.search-page .search-results .inner { padding-left:24px; padding-right:24px; }
.search-hero { padding:32px 0 4px; }
.search-hero-title { font-size:30px; }
.sr-title { font-size:20px; }
.sr-link { padding:22px; }
}
.ui-archief .breadcrumbs { background:var(--vdp-glas); max-width:none; margin:0; padding:0; }
.ui-archief .breadcrumbs #breadcrumbs {
max-width:1264px; margin:0 auto; padding:14px 40px;
font-family:"new-atten"; font-size:14px; line-height:1.6; color:rgba(0,0,0,.55);
}
.ui-archief .breadcrumbs #breadcrumbs a { color:#201d1d; text-decoration:none; }
.ui-archief .breadcrumbs #breadcrumbs a:hover { text-decoration:underline; }
.ui-laag { padding:56px 0 88px; }
.ui-laag .inner { max-width:1264px; margin:0 auto; padding:0 40px; }
.ui-archive-head { margin-bottom:36px; }
.ui-back {
display:inline-flex; align-items:center; gap:6px; margin-bottom:14px;
font-family:"new-atten"; font-weight:600; font-size:15px; color:var(--vdp-groen); text-decoration:none;
}
.ui-back::before {
content:""; width:18px; height:18px; background:currentColor; transform:rotate(180deg);
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.ui-back:hover { text-decoration:underline; }
.ui-archive-title { color:#000; font-size:clamp(30px, 3.5vw, 48px); margin:0 0 10px; }
.ui-archive-sub { color:rgba(0,0,0,.6); font-size:17px; line-height:1.6; margin:0; max-width:720px; }
.ui-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:28px; }
.ui-grid .gn-card { width:auto; margin:0; display:flex; flex-direction:column; border:1px solid rgb(47 85 82 / .2); border-radius:30px; overflow:hidden; background:#fff; height:100%; }
.ui-grid .gn-card-media { display:block; width:100%; height:220px; }
.ui-grid .gn-card-img { width:100%; height:100%; object-fit:cover; display:block; }
.ui-grid .gn-card-img--ph { width:100%; height:100%; background:var(--vdp-glas); display:block; }
.ui-grid .gn-card-body { display:flex; flex-direction:column; gap:16px; padding:28px; flex:1 1 auto; }
.ui-grid .gn-tag { align-self:flex-start; background:var(--vdp-mos); color:var(--vdp-groen); font-weight:500; font-size:14px; line-height:1.6; padding:2px 10px; border-radius:4px; }
.ui-grid .gn-content { display:flex; flex-direction:column; gap:20px; flex:1 1 auto; }
.ui-grid .gn-head { display:flex; flex-direction:column; gap:8px; }
.ui-grid .gn-card-title { font-family:"new-atten"; font-style:normal; font-weight:700; font-size:20px; line-height:1.4; letter-spacing:0; color:#000; margin:0; }
.ui-grid .gn-card-title a { color:inherit; text-decoration:none; }
.ui-grid .gn-card-title a:hover { color:var(--vdp-groen); }
.ui-grid .gn-card-excerpt { font-size:16px; line-height:1.6; color:rgba(0,0,0,.65); margin:0; }
.ui-grid .gn-byline { display:flex; align-items:center; gap:8px; font-size:14px; color:rgba(0,0,0,.55); }
.ui-grid .gn-byline .gn-dot { font-size:18px; line-height:1; }
.ui-grid .gn-more { display:inline-flex; align-items:center; gap:6px; margin-top:auto; font-weight:600; font-size:16px; color:var(--vdp-groen); text-decoration:none; }
.ui-grid .gn-more::after {
content:""; width:20px; height:20px; background:currentColor; transition:transform .18s ease;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6l-1.4 1.45L16.15 11H4v2h12.15l-3.55 3.55L14 18l6-6z'/%3E%3C/svg%3E") no-repeat center/contain;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6l-1.4 1.45L16.15 11H4v2h12.15l-3.55 3.55L14 18l6-6z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.ui-grid .gn-more:hover span { text-decoration:underline; }
.ui-grid .gn-more:hover::after { transform:translateX(3px); }
.ui-pagination { margin-top:48px; }
.ui-pagination .nav-links { display:flex; gap:8px; justify-content:center; flex-wrap:wrap; }
.ui-pagination .page-numbers {
display:inline-flex; align-items:center; justify-content:center;
min-width:44px; height:44px; padding:0 12px;
border:1px solid rgba(0,0,0,.15); border-radius:64px;
font-family:"new-atten"; font-size:15px; color:#000; text-decoration:none;
}
.ui-pagination .page-numbers.current { background:var(--vdp-groen-licht); color:#fff; border-color:var(--vdp-groen-licht); }
.ui-pagination a.page-numbers:hover { border-color:var(--vdp-groen); color:var(--vdp-groen); }
@media (max-width:980px) {
.ui-grid { grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:768px) {
.ui-archief .breadcrumbs #breadcrumbs,
.ui-laag .inner { padding-left:24px; padding-right:24px; }
.ui-laag { padding:32px 0 72px; }
}
@media (max-width:640px) {
.ui-grid { grid-template-columns:1fr; }
}
.dw-blogs-laag { padding: 0 0 88px; }
.dw-blogs-kop { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; flex-wrap:wrap; margin-bottom:28px; }
.dw-blogs-titel { margin:0 0 8px; font-size:clamp(26px, 2.6vw, 40px); color:#000; }
.dw-blogs-sub { margin:0; max-width:640px; font-family:"new-atten"; font-size:16px; line-height:1.6; color:rgba(0,0,0,.65); }
.dw-blogs-knop { flex:0 0 auto; }
.dw-blogs-card .gn-card-title { font-size:18px; }
@media (max-width:768px) {
.dw-blogs-laag { padding-bottom:64px; }
.dw-blogs-kop { margin-bottom:20px; }
}
.dw-blogs-blok { margin-bottom: 64px; }
.dw-blogs-laag { padding: 56px 0 0; }
.ui-eigen-titel { margin: 0 0 24px; font-size: clamp(26px, 2.6vw, 40px); color: #000; }
@media (max-width:768px) {
.dw-blogs-blok { margin-bottom: 48px; }
.dw-blogs-laag { padding-top: 32px; }
}
.mmt-close { display: none; }
.mobile-menu-toggle.is-active .mmt-open { display: none; }
.mobile-menu-toggle.is-active .mmt-close { display: inline; }
@media (max-width: 1023px) {
.mobile-menu-content {
position: absolute;
inset: 0;
width: 100%;
max-width: none;
height: 100%;
background: #fff;
transform: none;
box-shadow: none;
overflow-y: auto;
overflow-x: hidden;
padding: calc(var(--header-height) + 85px) 0 0;
display: flex;
flex-direction: column;
gap: 24px;
}
.site-header.is-scrolled ~ .mobile-menu .mobile-menu-content { padding-top: calc(var(--header-height) + 85px - var(--header-top-height)); }
.mobile-menu-overlay { display: none; }
.mobile-nav-menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
.mobile-nav-menu > li {
display: flex;
align-items: center;
border-bottom: 1px solid rgb(47 85 82 / .12);
margin: 0;
}
.mobile-nav-menu > li > a {
flex: 1 1 auto;
display: block;
padding: 16px 24px;
font-family: "new-atten" !important;
font-weight: 500;
font-size: 18px;
line-height: 1.6;
color: #000;
text-decoration: none;
}
.mobile-nav-menu > li > .submenu-toggle {
flex: 0 0 24px;
width: 24px;
height: 24px;
margin-right: 24px;
padding: 0;
background: var(--vdp-groen);
border: 0;
cursor: pointer;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
transition: transform .2s ease;
}
.mobile-nav-menu > li > .submenu-toggle.is-open { transform: rotate(90deg); }
.mm-cta {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 10px;
padding: 0 24px;
}
.mm-cta-btn { width: 100% !important; display: flex; align-items: center; justify-content: center; }
.mm-nood {
font-family: "new-atten" !important;
font-size: 12px;
line-height: 1.6;
color: #000;
text-align: center;
margin: 0;
}
.mm-foot { margin-top: auto; }
.mm-vestiging {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: 100%;
padding: 16px 24px;
background: var(--vdp-glas);
border: 0;
cursor: pointer;
text-align: left;
text-decoration: none;
}
.mm-vestiging > span:first-child {
font-family: "new-atten" !important;
font-weight: 500;
font-size: 18px;
line-height: 1.6;
color: #000;
}
.mm-chevron {
flex: 0 0 24px;
width: 24px;
height: 24px;
background: var(--vdp-groen);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.mm-bottom {
background: var(--vdp-groen);
display: flex;
align-items: flex-end;
justify-content: space-between;
padding: 16px 0;
}
.mm-bottom-links { display: flex; flex-direction: column; }
.mm-bottom-links a {
padding: 12px 24px;
font-family: "new-atten" !important;
font-weight: 500;
font-size: 16px;
line-height: 1.6;
color: #fff;
text-decoration: none;
}
.mm-bottom-links a:hover { text-decoration: underline; }
.mm-lang {
display: flex;
align-items: center;
gap: 8px;
padding: 12px 16px;
background: transparent;
border: 0;
cursor: pointer;
}
.mm-lang-code {
font-family: "new-atten" !important;
font-weight: 500;
font-size: 16px;
line-height: 1.6;
color: #fff;
}
.mm-lang-globe, .mm-lang-arrow { flex: 0 0 24px; width: 24px; height: 24px; background: #fff; }
.mm-lang-globe {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.99 7.99 0 0 1 5.08 16zm2.95-8H5.08a7.99 7.99 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z'/%3E%3C/svg%3E") no-repeat center/contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.99 7.99 0 0 1 5.08 16zm2.95-8H5.08a7.99 7.99 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.mm-lang-arrow {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat center/contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat center/contain;
}
}
@media (min-width: 1024px) {
.mobile-menu { display: none; }
}
@media (max-width: 1023px) {
.mobile-nav-menu > li.mm-has-panel { padding: 0; }
.mobile-nav-menu > li > .mm-top-toggle {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 16px 24px;
background: none;
border: 0;
cursor: pointer;
text-align: left;
}
.mobile-nav-menu > li > .mm-top-toggle > span:first-child {
font-family: "new-atten" !important;
font-weight: 500;
font-size: 18px;
line-height: 1.6;
color: #000;
}
.mm-chevron-r {
flex: 0 0 24px;
width: 24px;
height: 24px;
background: var(--vdp-groen);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.mm-panel {
position: absolute;
inset: 0;
background: #fff;
padding-top: calc(var(--header-height) + 85px);
overflow-y: auto;
overflow-x: hidden;
transform: translateX(100%);
transition: transform .3s ease;
z-index: 3;
display: flex;
flex-direction: column;
}
.mm-panel.is-open { transform: translateX(0); }
.site-header.is-scrolled ~ .mobile-menu .mm-panel { padding-top: calc(var(--header-height) + 85px - var(--header-top-height)); }
.mm-back {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
padding: 12px 24px;
background: var(--vdp-glas);
border: 0;
cursor: pointer;
}
.mm-back > span:last-child {
font-family: "new-atten" !important;
font-weight: 500;
font-size: 16px;
line-height: 1.6;
color: #000;
}
.mm-back-ico {
flex: 0 0 24px;
width: 24px;
height: 24px;
background: var(--vdp-groen);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E") no-repeat center/contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.mm-panel-body {
display: flex;
flex-direction: column;
gap: 24px;
padding: 32px 0;
flex: 1 1 auto;
}
.mm-panel-title {
padding: 0 24px 16px;
margin: 0;
border-bottom: 1px solid rgb(47 85 82 / .12);
font-family: "new-atten" !important;
font-weight: 500;
font-size: 24px;
line-height: 1.6;
color: #000;
}
.mm-group {
display: flex;
flex-direction: column;
gap: 16px;
padding: 0 24px;
}
.mm-group + .mm-group { border-top: 1px solid rgb(47 85 82 / .12); padding-top: 24px; }
.mm-group-title {
margin: 0;
font-family: "new-atten" !important;
font-weight: 500;
font-size: 14px;
line-height: 1.6;
text-transform: uppercase;
color: var(--vdp-groen-licht);
}
.mm-items { display: flex; flex-direction: column; gap: 16px; }
.mm-item { display: flex; flex-direction: column; gap: 4px; text-decoration: none; }
.mm-item-title {
font-family: "new-atten" !important;
font-weight: 500;
font-size: 18px;
line-height: 1.6;
color: #000;
}
.mm-item:hover .mm-item-title { text-decoration: underline; }
.mm-item-desc {
font-family: "new-atten" !important;
font-size: 14px;
line-height: 1.6;
color: #201d1d;
opacity: .6;
}
.mm-panel .mm-cta { margin-top: auto; }
}
.search-overlay {
position: fixed;
inset: 0;
z-index: 999;
background: #fff;
overflow-y: auto;
opacity: 0;
pointer-events: none;
transition: opacity .25s ease;
padding-top: calc(var(--header-height) + 48px);
-webkit-overflow-scrolling: touch;
}
.search-overlay.is-active { opacity: 1; pointer-events: auto; }
body.search-open,
body.menu-open { overflow: hidden; overscroll-behavior: none; }
html:has(body.search-open),
html:has(body.menu-open) { overflow: hidden; }
.so-crumb {
display: flex;
align-items: center;
gap: 4px;
background: var(--vdp-glas);
padding: 12px 24px;
}
.so-crumb a,
.so-crumb .so-crumb-current {
font-family: "new-atten" !important;
font-size: 14px;
line-height: 1.6;
text-decoration: none;
}
.so-crumb a { color: #201d1d; }
.so-crumb .so-crumb-current { color: rgba(0, 0, 0, .4); }
.so-crumb-sep {
width: 24px;
height: 24px;
background: rgba(0, 0, 0, .4);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E") no-repeat center/16px;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E") no-repeat center/16px;
}
.so-body {
display: flex;
flex-direction: column;
gap: 32px;
padding: 32px 0;
}
.so-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 24px;
}
.so-title {
margin: 0;
font-family: "new-atten" !important;
font-weight: 500;
font-size: 24px;
line-height: 1.6;
color: #000;
}
.so-close {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
padding: 0;
border: 1px solid #000;
border-radius: 64px;
background: none;
cursor: pointer;
}
.so-form {
display: flex;
align-items: center;
gap: 12px;
padding: 0 24px;
}
.so-input {
flex: 1 1 auto;
min-width: 0;
height: 58px;
padding: 12px 24px;
border: 1px solid #d1d1d1;
border-radius: 64px;
background: #fff;
font-family: "new-atten" !important;
font-size: 16px;
line-height: 1.6;
color: #000;
}
.so-input::placeholder { color: #d1d1d1; }
.so-input:focus { outline: none; border-color: var(--vdp-groen); }
.so-submit {
flex: 0 0 48px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
padding: 0;
border: 0;
border-radius: 50%;
background: #000;
cursor: pointer;
}
.so-pop {
display: flex;
flex-direction: column;
gap: 24px;
padding: 0 24px;
}
.so-pop-title {
margin: 0;
font-family: "new-atten" !important;
font-size: 14px;
line-height: 1.6;
color: rgba(0, 0, 0, .4);
}
.so-pop-list { list-style: none; margin: 0; padding: 0; }
.so-pop-list li + li { border-top: 1px solid rgba(0, 0, 0, .12); }
.so-pop-list a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 20px 0;
text-decoration: none;
}
.so-pop-list a span:first-child {
font-family: "new-atten" !important;
font-size: 20px;
line-height: 1.6;
color: #000;
}
.so-pop-list a:hover span:first-child { text-decoration: underline; }
.so-pop-chevron {
flex: 0 0 24px;
width: 24px;
height: 24px;
background: #000;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E") no-repeat center/contain;
}
@media (min-width: 1024px) {
.search-overlay {
background: rgba(0, 0, 0, .45);
display: flex;
justify-content: center;
align-items: flex-start;
overflow-y: auto;
}
.so-inner {
position: relative;
margin-top: 24px;
width: calc(100% - 128px);
max-width: 1596px;
background: #fff;
border-radius: 30px;
box-shadow: 0 30px 60px rgba(0, 0, 0, .18);
padding: 40px;
display: flex;
flex-direction: column;
gap: 28px;
}
.so-inner .so-crumb { background: transparent; padding: 0; min-height: 48px; }
.so-inner .so-head { position: absolute; top: 40px; right: 40px; padding: 0; }
.so-inner .so-title { display: none; }
.so-inner .so-body { gap: 24px; padding: 0; }
.so-inner .so-form { padding: 0; }
.so-inner .so-input { height: 50px; }
.so-inner .so-pop { padding: 0; }
.so-inner .so-pop-list li { border-top: 0; border-bottom: 1px solid rgba(0, 0, 0, .1); }
}