/* GALVANI — main.css
 * Gegenereerd uit de stijlen die de oude Joomla-site daadwerkelijk gebruikte (1-op-1 migratie),
 * plus overrides in kirby.css. Fonts zijn self-hosted.
 */
@font-face { font-family: "montserrat"; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/montserrat-300.woff2") format("woff2"); }
@font-face { font-family: "montserrat"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/montserrat-400.woff2") format("woff2"); }
@font-face { font-family: "montserrat"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/montserrat-500.woff2") format("woff2"); }
@font-face { font-family: "montserrat"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/montserrat-600.woff2") format("woff2"); }
@font-face { font-family: "montserrat"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/montserrat-700.woff2") format("woff2"); }
@font-face { font-family: "montserrat"; font-style: normal; font-weight: 900; font-display: swap; src: url("../fonts/montserrat-900.woff2") format("woff2"); }
@font-face { font-family: "Lato"; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/lato-300.woff2") format("woff2"); }
@font-face { font-family: "Lato"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/lato-400.woff2") format("woff2"); }
@font-face { font-family: "Lato"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/lato-700.woff2") format("woff2"); }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/source-sans-pro-300.woff2") format("woff2"); }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/source-sans-pro-400.woff2") format("woff2"); }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/source-sans-pro-600.woff2") format("woff2"); }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/source-sans-pro-700.woff2") format("woff2"); }
@font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/nunito-sans-700.woff2") format("woff2"); }
@font-face { font-family: "montserrat"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/montserrat-400-italic.woff2") format("woff2"); }

:root {
  --gv-navy: #232f3d;      /* primair donker */
  --gv-green: #226341;     /* primair groen */
  --gv-green-light: #3caa00;
  --gv-green-mid: #3c9655;
  --gv-purple: #38233d;
  --gv-slate: #313b41;
  --gv-blue-dark: #1b213f;
  --gv-orange: #ed7d31;    /* accent (Made in Holland) */
  --gv-beige: #efe6d9;
  --gv-font-heading: montserrat, sans-serif;
  --gv-font-body: Lato, sans-serif;
}
:root { --bs-blue: rgb(0, 123, 255); --bs-indigo: rgb(102, 16, 242); --bs-purple: rgb(111, 66, 193); --bs-pink: rgb(255, 51, 102); --bs-red: rgb(220, 53, 69); --bs-orange: rgb(253, 126, 20); --bs-yellow: rgb(255, 193, 7); --bs-green: rgb(40, 167, 69); --bs-teal: rgb(32, 201, 151); --bs-cyan: rgb(23, 162, 184); --bs-black: #000; --bs-white: rgb(255, 255, 255); --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: rgb(255, 51, 102); --bs-secondary: rgb(44, 46, 54); --bs-success: rgb(40, 167, 69); --bs-info: rgb(23, 162, 184); --bs-warning: rgb(255, 193, 7); --bs-danger: rgb(220, 53, 69); --bs-light: rgb(248, 249, 250); --bs-dark: rgb(44, 46, 54); --bs-primary-rgb: 255, 51, 102; --bs-secondary-rgb: 44, 46, 54; --bs-success-rgb: 40, 167, 69; --bs-info-rgb: 23, 162, 184; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 44, 46, 54; --bs-primary-text-emphasis: #661429; --bs-secondary-text-emphasis: #121216; --bs-success-text-emphasis: #10431c; --bs-info-text-emphasis: #09414a; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #ffd6e0; --bs-secondary-bg-subtle: #d5d5d7; --bs-success-bg-subtle: #d4edda; --bs-info-bg-subtle: #d1ecf1; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #ffadc2; --bs-secondary-border-subtle: #ababaf; --bs-success-border-subtle: #a9dcb5; --bs-info-border-subtle: #a2dae3; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: rgb(255, 255, 255); --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: rgb(255, 51, 102); --bs-link-color-rgb: 255, 51, 102; --bs-link-decoration: underline; --bs-link-hover-color: #cc2952; --bs-link-hover-color-rgb: 204, 41, 82; --bs-code-color: rgb(255, 51, 102); --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(255, 51, 102, 0.25); --bs-form-valid-color: rgb(40, 167, 69); --bs-form-valid-border-color: rgb(40, 167, 69); --bs-form-invalid-color: rgb(220, 53, 69); --bs-form-invalid-border-color: rgb(220, 53, 69); }
*,
::before,
::after { box-sizing: border-box; }
body { margin: 0px; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
h5,
h3,
h2,
h1,
h6,
h4 { margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); }
h1 { font-size: calc(1.375rem + 1.5vw); }
h2 { font-size: calc(1.325rem + 0.9vw); }
h3 { font-size: calc(1.3rem + 0.6vw); }
h4 { font-size: calc(1.275rem + 0.3vw); }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }
p { margin-top: 0px; margin-bottom: 1rem; }
ul { padding-left: 2rem; }
ul,
dl { margin-top: 0px; margin-bottom: 1rem; }
ul ul { margin-bottom: 0px; }
dd { margin-bottom: 0.5rem; margin-left: 0px; }
strong,
b { font-weight: bolder; }
a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline; }
a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); }
figure { margin: 0px 0px 1rem; }
img,
svg { vertical-align: middle; }
table { caption-side: bottom; border-collapse: collapse; }
tbody,
tr,
td { border-color: inherit; border-style: solid; border-width: 0px; }
label { display: inline-block; }
button { border-radius: 0px; }
button:focus:not(:focus-visible) { outline: 0px; }
input,
button,
textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
button { text-transform: none; }
[role="button"] { cursor: pointer; }
button,
[type="button"],
[type="submit"] { appearance: button; }
button:not(:disabled),
[type="button"]:not(:disabled),
[type="submit"]:not(:disabled) { cursor: pointer; }
textarea { resize: vertical; }
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field { padding: 0px; }
::-webkit-inner-spin-button { height: auto; }
::-webkit-search-decoration { appearance: none; }
::-webkit-color-swatch-wrapper { padding: 0px; }
::file-selector-button { font: inherit; appearance: button; }
.list-unstyled { padding-left: 0px; list-style: none; }
.list-inline { padding-left: 0px; list-style: none; }
.img-fluid { max-width: 100%; height: auto; }
.container { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x)*.5); padding-left: calc(var(--bs-gutter-x)*.5); margin-right: auto; margin-left: auto; }
:root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; }
.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1*var(--bs-gutter-y)); margin-right: calc(-0.5*var(--bs-gutter-x)); margin-left: calc(-0.5*var(--bs-gutter-x)); }
.row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x)*.5); padding-left: calc(var(--bs-gutter-x)*.5); margin-top: var(--bs-gutter-y); }
.gx-0 { --bs-gutter-x: 0; }
.form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: rgb(255, 153, 179); outline: 0px; box-shadow: rgba(255, 51, 102, 0.25) 0px 0px 0px 0.25rem; }
.form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.5em; margin: 0px; }
.form-control::-webkit-datetime-edit { display: block; padding: 0px; }
.form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; }
.form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; }
.form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0px; border-inline-end-width: var(--bs-border-width); border-radius: 0px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); }
.form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; }
.form-check .form-check-input { float: left; margin-left: -1.5em; }
.form-check-input { --bs-form-check-bg: var(--bs-body-bg); flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); print-color-adjust: exact; }
.form-check-input[type="checkbox"] { border-radius: 0.25em; }
.form-check-input:active { filter: brightness(90%); }
.form-check-input:focus { border-color: rgb(255, 153, 179); outline: 0px; box-shadow: rgba(255, 51, 102, 0.25) 0px 0px 0px 0.25rem; }
.form-check-input:checked { background-color: rgb(255, 51, 102); border-color: rgb(255, 51, 102); }
.form-check-input:checked[type="checkbox"] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='rgb%28255, 255, 255%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
.form-check-input[type="checkbox"]:indeterminate { background-color: rgb(255, 51, 102); border-color: rgb(255, 51, 102); --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='rgb%28255, 255, 255%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); }
.form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; }
.form-check-input:disabled ~ .form-check-label { cursor: default; opacity: 0.5; }
.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }
.input-group > .form-control { position: relative; flex: 1 1 auto; width: 1%; min-width: 0px; }
.input-group > .form-control:focus { z-index: 5; }
.input-group .btn { position: relative; z-index: 2; }
.input-group .btn:focus { z-index: 5; }
.input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); text-align: center; white-space: nowrap; background-color: var(--bs-tertiary-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); }
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(-1*var(--bs-border-width)); border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: var(--bs-border-radius); --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); }
.btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0px; box-shadow: var(--bs-btn-focus-box-shadow); }
.btn:first-child:active,
:not(.btn-check) + .btn:active { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); }
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); }
.btn:disabled { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); }
.btn-primary { --bs-btn-color: #000; --bs-btn-bg: rgb(255, 51, 102); --bs-btn-border-color: rgb(255, 51, 102); --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ff527d; --bs-btn-hover-border-color: #ff4775; --bs-btn-focus-shadow-rgb: 217, 43, 87; --bs-btn-active-color: #000; --bs-btn-active-bg: #ff5c85; --bs-btn-active-border-color: #ff4775; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: rgb(255, 51, 102); --bs-btn-disabled-border-color: rgb(255, 51, 102); }
.btn-secondary { --bs-btn-color: rgb(255, 255, 255); --bs-btn-bg: rgb(44, 46, 54); --bs-btn-border-color: rgb(44, 46, 54); --bs-btn-hover-color: rgb(255, 255, 255); --bs-btn-hover-bg: #25272e; --bs-btn-hover-border-color: #23252b; --bs-btn-focus-shadow-rgb: 76, 77, 84; --bs-btn-active-color: rgb(255, 255, 255); --bs-btn-active-bg: #23252b; --bs-btn-active-border-color: #212329; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: rgb(255, 255, 255); --bs-btn-disabled-bg: rgb(44, 46, 54); --bs-btn-disabled-border-color: rgb(44, 46, 54); }
.fade { transition: opacity 0.15s linear; }
.nav,
.astroid-nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }
.nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; background: none; border: 0px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
.nav-link:hover,
.nav-link:focus { color: var(--bs-nav-link-hover-color); }
.nav-link:focus-visible { outline: 0px; box-shadow: rgba(255, 51, 102, 0.25) 0px 0px 0px 0.25rem; }
.nav-link:disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; }
.card,
.article-wraper-inner { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-title-color: ; --bs-card-subtitle-color: ; --bs-card-border-width: var(--bs-border-width); --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: var(--bs-border-radius); --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: var(--bs-body-bg); --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0px; height: var(--bs-card-height); color: var(--bs-body-color); overflow-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); }
.card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); }
.pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; --bs-pagination-font-size: 1rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: var(--bs-body-bg); --bs-pagination-border-width: var(--bs-border-width); --bs-pagination-border-color: var(--bs-border-color); --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: var(--bs-tertiary-bg); --bs-pagination-hover-border-color: var(--bs-border-color); --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(255, 51, 102, 0.25); --bs-pagination-active-color: rgb(255, 255, 255); --bs-pagination-active-bg: rgb(255, 51, 102); --bs-pagination-active-border-color: rgb(255, 51, 102); --bs-pagination-disabled-color: var(--bs-secondary-color); --bs-pagination-disabled-bg: var(--bs-secondary-bg); --bs-pagination-disabled-border-color: var(--bs-border-color); display: flex; padding-left: 0px; list-style: none; }
.page-link { position: relative; display: block; padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); font-size: var(--bs-pagination-font-size); color: var(--bs-pagination-color); text-decoration: none; background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.page-link:hover { z-index: 2; color: var(--bs-pagination-hover-color); background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color); }
.page-link:focus { z-index: 3; color: var(--bs-pagination-focus-color); background-color: var(--bs-pagination-focus-bg); outline: 0px; box-shadow: var(--bs-pagination-focus-box-shadow); }
.active > .page-link { z-index: 3; color: var(--bs-pagination-active-color); background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color); }
.disabled > .page-link { color: var(--bs-pagination-disabled-color); pointer-events: none; background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color); }
.page-item:not(:first-child) .page-link { margin-left: calc(-1*var(--bs-border-width)); }
.page-item:first-child .page-link { border-top-left-radius: var(--bs-pagination-border-radius); border-bottom-left-radius: var(--bs-pagination-border-radius); }
.page-item:last-child .page-link { border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius); }
.list-group { --bs-list-group-color: var(--bs-body-color); --bs-list-group-bg: var(--bs-body-bg); --bs-list-group-border-color: var(--bs-border-color); --bs-list-group-border-width: var(--bs-border-width); --bs-list-group-border-radius: var(--bs-border-radius); --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: 0.5rem; --bs-list-group-action-color: var(--bs-secondary-color); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-tertiary-bg); --bs-list-group-action-active-color: var(--bs-body-color); --bs-list-group-action-active-bg: var(--bs-secondary-bg); --bs-list-group-disabled-color: var(--bs-secondary-color); --bs-list-group-disabled-bg: var(--bs-body-bg); --bs-list-group-active-color: rgb(255, 255, 255); --bs-list-group-active-bg: rgb(255, 51, 102); --bs-list-group-active-border-color: rgb(255, 51, 102); display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; border-radius: var(--bs-list-group-border-radius); }
.list-group-item { position: relative; display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); color: var(--bs-list-group-color); text-decoration: none; background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); }
.list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; }
.list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; }
.list-group-item:disabled { color: var(--bs-list-group-disabled-color); pointer-events: none; background-color: var(--bs-list-group-disabled-bg); }
.list-group-item + .list-group-item { border-top-width: 0px; }
:root { --bs-btn-close-filter: ; }
:root { --bs-carousel-indicator-active-bg: rgb(255, 255, 255); --bs-carousel-caption-color: rgb(255, 255, 255); --bs-carousel-control-icon-filter: ; }
.offcanvas { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.5; }
.offcanvas { position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: var(--bs-offcanvas-transition); }
.offcanvas.offcanvas-start { top: 0px; left: 0px; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); }
.offcanvas.show:not(.hiding) { transform: none; }
.offcanvas.show { visibility: visible; }
.offcanvas-backdrop { position: fixed; top: 0px; left: 0px; z-index: 1040; width: 100vw; height: 100vh; background-color: rgb(0, 0, 0); }
.offcanvas-backdrop.fade { opacity: 0; }
.offcanvas-backdrop.show { opacity: 0.5; }
.offcanvas-header { display: flex; align-items: center; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); }
.offcanvas-title { margin-bottom: 0px; line-height: var(--bs-offcanvas-title-line-height); }
.offcanvas-body { flex-grow: 1; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: auto; }
.clearfix::after { display: block; clear: both; content: ""; }
.visually-hidden { width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; }
.visually-hidden:not(caption) { position: absolute !important; }
.d-block { display: block !important; }
.d-flex { display: flex !important; }
.d-none { display: none !important; }
.astroid-header-section { box-shadow: var(--bs-box-shadow-sm) !important; }
.astroid-header-section { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.w-100 { width: 100% !important; }
.h-100 { height: 100% !important; }
.flex-row { flex-direction: row !important; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.align-items-center { align-items: center !important; }
.align-self-center { align-self: center !important; }
.mt-0 { margin-top: 0px !important; }
.mt-3 { margin-top: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.ms-0 { margin-left: 0px !important; }
.p-0 { padding: 0px !important; }
.p-3 { padding: 1rem !important; }
.px-3 { padding-right: 1rem !important; padding-left: 1rem !important; }
:root { --as-header-text-color: var(--bs-body-color); --as-header-heading-color: var(--bs-heading-color); --as-header-link-color: var(--bs-link-color); --as-header-link-hover-color: var(--bs-link-hover-color); --as-header-bg: transparent; --as-stick-header-bg-color: transparent; --as-stick-header-menu-link-color: var(--bs-link-color); --as-stick-header-menu-link-hover-color: var(--bs-link-hover-color); --as-stick-header-menu-link-active-color: var(--bs-link-hover-color); --as-main-menu-link-color: var(--bs-link-color); --as-main-menu-link-background: transparent; --as-main-menu-link-hover-color: var(--bs-link-hover-color); --as-main-menu-hover-background: transparent; --as-main-menu-link-active-color: var(--bs-link-hover-color); --as-main-menu-active-background: transparent; --as-dropdown-bg-color: var(--bs-body-bg); --as-dropdown-link-color: var(--bs-link-color); --as-dropdown-menu-link-hover-color: var(--bs-link-hover-color); --as-dropdown-menu-hover-bg-color: transparent; --as-dropdown-menu-active-link-color: var(--bs-link-hover-color); --as-dropdown-menu-active-bg-color: transparent; --as-stick-header-mobile-menu-icon-color: var(--bs-link-color); --as-mobile-menu-text-color: var(--bs-body-color); --as-mobile-backgroundcolor: var(--bs-body-bg); --as-mobile-menu-link-color: var(--bs-link-color); --as-mobile-hover-background-color: transparent; --as-mobile-menu-active-link-color: var(--bs-link-hover-color); --as-mobile-menu-active-bg-color: transparent; --as-mobile-menu-active-icon-color: var(--bs-link-hover-color); --as-mobile-menu-icon-color: var(--bs-link-color); --as-mobilemenu-backgroundcolor: var(--bs-body-bg); --as-mobilemenu-menu-text-color: var(--bs-body-color); --as-mobilemenu-menu-link-color: var(--bs-link-color); --as-mobilemenu-hover-background-color: transparent; --as-mobilemenu-menu-active-link-color: var(--bs-link-hover-color); --as-mobilemenu-menu-active-bg-color: transparent; --as-mobilemenu-menu-icon-color: var(--bs-link-color); --as-mobilemenu-menu-active-icon-color: var(--bs-link-hover-color); --as-contact-info-icon-color: var(--bs-link-color); }
html { background-color: var(--bs-body-bg); }
a { color: var(--bs-link-color); }
a:hover { --bs-link-color: var(--bs-link-hover-color); }
.form-group { margin-bottom: 1rem; }
html,
body,
.astroid-container,
.astroid-content,
.astroid-layout,
.astroid-wrapper { min-height: 100vh; }
a { transition: color 400ms, background-color 400ms; }
a:hover { text-decoration: none; }
img { height: auto; max-width: 100%; display: inline-block; vertical-align: middle; border: 0px; }
::selection { background-color: rgb(255, 51, 102); color: rgb(255, 255, 255); }
.moduletable { margin: 0.5rem 0px; padding: 0.5rem 0px; }
.moduletable:first-child { margin-top: 0px; padding-top: 0px; }
.moduletable:last-child { margin-bottom: 0px; padding-bottom: 0px; }
.astroid-container { position: relative; }
.astroid-component-section { padding: 50px 0px; }
.astroid-layout { position: relative; }
.astroid-layout .astroid-wrapper { position: relative; display: flex; flex-direction: column; }
.astroid-content { transition: transform 0.5s; }
.astroid-content::after { position: absolute; top: 0px; right: 0px; width: 0px; height: 0px; background-color: rgba(0, 0, 0, 0.8); content: ""; opacity: 0; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; z-index: 1050; }
.module-title { margin-bottom: 15px; }
.astroid-header-section { width: 100%; left: 0px; z-index: 1002; background-color: var(--as-header-bg); }
.astroid-header-section header.astroid-header:not(.astroid-header-sticky) { padding: 15px 0px; z-index: 1; }
.astroid-header-section header .header-block-item { margin-left: -20px; }
.astroid-header-section header .header-block-item > div { padding-left: 20px; }
.astroid-header-section .astroid-header-sticky { position: fixed; top: 0px; left: 0px; width: 100%; animation-fill-mode: both; z-index: 1020; animation-duration: 0.7s; }
.astroid-header-section .astroid-header-sticky .astroid-header { padding-top: 10px; padding-bottom: 10px; }
.astroid-layout-wide .astroid-header-sticky { background-color: var(--as-stick-header-bg-color); }
header .logo-wrapper { align-self: center; }
.astroid-logo .astroid-logo-default,
.astroid-logo .astroid-logo-mobile,
.astroid-logo .astroid-logo-sticky { max-width: 250px; max-height: 65px; }
.astroid-logo .astroid-logo-mobile { max-width: 100%; display: none; }
.astroid-logo .astroid-logo-sticky { display: none; }
.astroid-header { color: var(--as-header-text-color); }
.astroid-header a { color: var(--as-header-link-color); }
.astroid-header a:hover { --as-header-link-color: var(--as-header-link-hover-color); }
.astroid-nav .nav-link { color: var(--as-main-menu-link-color); background-color: var(--as-main-menu-link-background); }
.astroid-nav .nav-link:hover,
.astroid-nav .nav-link:focus { color: var(--as-main-menu-link-hover-color); background-color: var(--as-main-menu-hover-background); }
.astroid-nav .nav-link.active,
.astroid-nav .nav-link:active { color: var(--as-main-menu-link-active-color); background-color: var(--as-main-menu-active-background); }
.astroid-nav .nav-title { display: flex; align-items: center; flex-wrap: wrap; position: relative; }
.astroid-nav .nav-title > img { padding-left: 0.5rem; margin-left: 0px; }
.burger-menu-button.header-mobilemenu-trigger .inner,
.burger-menu-button.header-mobilemenu-trigger .inner::before,
.burger-menu-button.header-mobilemenu-trigger .inner::after { background-color: var(--as-mobilemenu-menu-icon-color); }
#astroid-sticky-header .burger-menu-button.header-mobilemenu-trigger .inner,
#astroid-sticky-header .burger-menu-button.header-mobilemenu-trigger .inner::before,
#astroid-sticky-header .burger-menu-button.header-mobilemenu-trigger .inner::after { background-color: var(--as-stick-header-mobile-menu-icon-color); }
.astroid-header-sticky .astroid-nav .nav-link { color: var(--as-stick-header-menu-link-color); }
.astroid-header-sticky .astroid-nav .nav-link:hover { color: var(--as-stick-header-menu-link-hover-color); }
.astroid-header-sticky .astroid-nav .nav-link.active,
.astroid-header-sticky .astroid-nav .nav-link:active { color: var(--as-stick-header-menu-link-active-color); }
.astroid-mobilemenu { background-color: var(--as-mobilemenu-backgroundcolor); color: var(--as-mobilemenu-menu-text-color); --bs-offcanvas-width: 250px; }
.astroid-mobilemenu .burger-menu-button { background-color: var(--as-mobilemenu-backgroundcolor); padding: 10px; position: sticky; top: 0px; left: 0px; width: 100%; z-index: 9; }
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a { color: var(--as-mobilemenu-menu-link-color); }
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover { background-color: var(--as-mobilemenu-hover-background-color); }
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active { background-color: var(--as-mobilemenu-menu-active-bg-color); }
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a { color: var(--as-mobilemenu-menu-active-link-color); }
.astroid-mobilemenu.show .burger-menu-button .inner,
.astroid-mobilemenu.show .burger-menu-button .inner::before,
.astroid-mobilemenu.show .burger-menu-button .inner::after { background-color: var(--as-mobilemenu-menu-active-icon-color); opacity: 1; }
.astroid-mobilemenu-container .astroid-mobilemenu-inner ul { padding: 0px; display: block; position: relative; width: 100%; height: 100%; overflow: auto; }
.astroid-mobilemenu-container .astroid-mobilemenu-inner ul > li.menu-item:first-child { border-top: 1px solid var(--bs-border-color); }
.astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item { border-bottom: 1px solid var(--bs-border-color); display: table; width: 100%; }
.astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a { cursor: pointer; outline: 0px; width: calc(100% - 60px); text-decoration: none; vertical-align: middle; display: table-cell; color: rgb(0, 0, 0); padding: 15px; }
.astroid-mobilemenu-container .astroid-mobilemenu-inner .nav-title > * { display: inline-block; vertical-align: middle; }
.astroid-mobilemenu-container .astroid-mobilemenu-inner .nav-title > img { padding-left: 0.5rem; margin-left: 0px; }
.burger-menu-button { text-align: right; line-height: 0; margin: 0px; }
.burger-menu-button .button { padding: 0px; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: rgba(0, 0, 0, 0); border: 0px; margin: 0px 0px 0px auto; overflow: visible; width: 30px; height: 30px; }
.burger-menu-button .button:hover { opacity: 0.7; }
.burger-menu-button .button:focus { outline: 0px; }
.burger-menu-button .offcanvas-close-btn .inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.burger-menu-button .offcanvas-close-btn .inner::before { top: 0px; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s; }
.burger-menu-button .offcanvas-close-btn .inner::after { bottom: 0px; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; }
.burger-menu-button .box { width: 30px; height: 30px; display: inline-block; position: relative; }
.burger-menu-button .inner { display: block; top: 50%; margin-top: -0.5px; }
.burger-menu-button .inner,
.burger-menu-button .inner::before,
.burger-menu-button .inner::after { width: 30px; height: 1px; background-color: rgb(33, 37, 41); position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.burger-menu-button .inner::before,
.burger-menu-button .inner::after { content: ""; display: block !important; }
.burger-menu-button .inner::before { top: -8px; }
.burger-menu-button .inner::after { bottom: -8px; }
.burger-menu-button .inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.burger-menu-button .inner::before { transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in; }
.burger-menu-button .inner::after { transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.pagination { flex-wrap: wrap; }
ul.pagination { justify-content: center; }
.min-w-30 { min-width: 30px; }
.as-gutter-x-md { margin-left: -0.5rem; }
.as-gutter-x-md > * { margin-left: 0.5rem; }
#astroid-backtotop { display: none; line-height: 0; position: fixed; right: 20px; bottom: 20px; padding: 10px; z-index: 1020; }
#astroid-backtotop.circle { border-radius: 100%; }
.article-info { font-size: 0.9rem; margin-left: -10px; opacity: 0.8; }
.article-info > dd { display: inline-block; margin-bottom: 0px; margin-inline-start: 0px; padding-left: 10px; }
.article-wraper-inner { height: 100%; }
.full-image { margin-bottom: 40px; }
[class*=" icon-"],
[class^="icon-"] { speak: none; }
.icon-eye::before { content: ""; }
.icon-user::before { content: ""; }
body div.mod-languages { position: relative; }
body div.mod-languages img { display: inline-block; }
.blog .items-more { margin-top: 2rem; }
.blog .item-image { margin-bottom: 1.5rem; }
.moduletable { position: relative; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; }
.astroid-header-sticky { border-bottom: 1px solid rgb(222, 226, 230); box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem; }
body.astroid-device-xs { padding: 5px; }
@media (prefers-reduced-motion: no-preference) {
:root { scroll-behavior: smooth; }
}
@media (min-width: 1200px) {
h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
}
@media (min-width: 576px) {
.container { max-width: 540px; }
}
@media (min-width: 768px) {
.container { max-width: 720px; }
}
@media (min-width: 992px) {
.container { max-width: 960px; }
}
@media (min-width: 1200px) {
.container { max-width: 1140px; }
}
@media (min-width: 1400px) {
.container { max-width: 1320px; }
}
@media (min-width: 992px) {
.col-lg-5 { flex: 0 0 auto; width: 41.6667%; }
.col-lg-6 { flex: 0 0 auto; width: 50%; }
.col-lg-7 { flex: 0 0 auto; width: 58.3333%; }
.col-lg-12 { flex: 0 0 auto; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
.form-control { transition: none; }
.form-control::file-selector-button { transition: none; }
.btn { transition: none; }
.fade { transition: none; }
.nav-link { transition: none; }
.page-link { transition: none; }
.offcanvas { transition: none; }
}
@media (min-width: 576px) {
.d-sm-block { display: block !important; }
.d-sm-none { display: none !important; }
}
@media (min-width: 768px) {
.d-md-block { display: block !important; }
.d-md-none { display: none !important; }
}
@media (min-width: 992px) {
.d-lg-block { display: block !important; }
.d-lg-flex { display: flex !important; }
.d-lg-none { display: none !important; }
.flex-lg-grow-1 { flex-grow: 1 !important; }
}
@media (min-width: 1200px) {
.d-xl-block { display: block !important; }
.d-xl-none { display: none !important; }
}
@media (min-width: 1400px) {
.d-xxl-block { display: block !important; }
.d-xxl-none { display: none !important; }
}
@media (min-width: 640px) {
.container { --bs-gutter-x: 2rem; }
}
@media (min-width: 960px) {
.container { --bs-gutter-x: 3rem; }
}
@media (min-width: 768px) {
.astroid-header-section .astroid-header-sticky .astroid-logo .astroid-logo-sticky:not([hidden]) { display: block !important; }
}
@media (max-width: 767.98px) {
.astroid-logo .astroid-logo-default { display: none !important; }
.astroid-logo .astroid-logo-mobile { display: block; }
}
@media (min-width: 992px) {
.as-gutter-x-xl\@lg { margin-left: -1.5rem; }
.as-gutter-x-xl\@lg > * { margin-left: 1.5rem; }
}
@media (orientation: portrait) {
.astroid-device-xs .astroid-wrapper { overflow-x: hidden; }
.astroid-device-xs .astroid-logo .astroid-logo-mobile { display: block; max-width: 70%; margin: 0px auto; }
.astroid-device-xs .header-mobilemenu-trigger.burger-menu-button .inner,
.astroid-device-xs .header-mobilemenu-trigger.burger-menu-button .inner::before,
.astroid-device-xs .header-mobilemenu-trigger.burger-menu-button .inner::after { background-color: rgb(144, 205, 54); }
.astroid-device-xs .burger-menu-button .inner,
.astroid-device-xs .burger-menu-button .inner::before,
.astroid-device-xs .burger-menu-button .inner::after { width: 45px; height: 4px; border-radius: 99px; }
.astroid-device-xs .astroid-mobilemenu { width: 90%; }
.astroid-device-xs .astroid-mobilemenu-container .astroid-mobilemenu-inner ul > li.menu-item:first-child { border-top: 0px solid rgb(221, 221, 221); }
.astroid-device-xs .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item { border-bottom: 0px solid rgb(221, 221, 221); display: table; width: 100%; }
.astroid-device-xs .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a,
.astroid-device-xs .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a { color: rgb(0, 0, 0); text-transform: uppercase; font-weight: 300; letter-spacing: 10px; font-size: 20px; line-height: 23px; padding: 0px 10px 20px 30px; font-family: montserrat, sans-serif !important; }
.astroid-device-xs .toprechts { display: none; }
.astroid-device-xs .astroid-header-section .astroid-header-sticky .astroid-logo .astroid-logo-sticky { display: none !important; max-height: 30px; }
.astroid-device-xs h1.sliderh1 { font-size: 30px !important; line-height: 30px !important; padding-top: 200px !important; }
.astroid-device-xs .introblok { padding: 50px 0px !important; }
.astroid-device-xs .introblok h2 { font-size: 60px; }
.astroid-device-xs .sppb-btn { padding: 25px 10px 25px 50px; min-width: 230px; font-size: 17px; float: none; }
.astroid-device-xs .galleryblok h2 { font-size: 22px; color: rgb(255, 255, 255); float: none; max-width: none; width: 100%; text-align: center; display: block; letter-spacing: 7px; margin-top: 0px !important; }
.astroid-device-xs .ba-gallery { box-sizing: border-box; padding: 0px; }
.astroid-device-xs .galleryblok { background-color: rgb(56, 35, 61); padding: 50px 10px 0px !important; }
.astroid-device-xs .nextend-arrow-previous,
.astroid-device-xs .nextend-arrow-next { --widget-offset: -35px !important; }
.astroid-device-xs .wiezijnwijblok { padding: 50px 20px !important; }
.astroid-device-xs .wiezijnwijblok h3,
.astroid-device-xs .inwordingblok h3 { font-size: 22px; letter-spacing: 7px; }
.astroid-device-xs .inwordingblok .sppb-addon-single-image-container img { margin-top: 40px; }
.astroid-device-xs .inwordingblok { padding: 50px 20px !important; }
.astroid-device-xs .footerblok2 { text-align: center; padding: 50px 20px !important; }
.astroid-device-xs .footerblok2 .sppb-text-left { text-align: center !important; }
.astroid-device-xs .footerblok2 h2 { padding: 30px 0px 20px !important; margin: 0px !important; text-align: center !important; }
.astroid-device-xs .footerblok2 p { margin-bottom: 0px; }
.astroid-device-xs .footernegatiefcol { z-index: 0 !important; }
.astroid-device-xs .nieuwsbriefcol { max-height: none; margin: 0px !important; padding: 20px !important; }
.astroid-device-xs .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a.mobile { display: block !important; color: rgb(37, 109, 123) !important; }
.astroid-device-xs .linkerkolom { margin-top: 0px !important; }
.astroid-device-xs .sppb-row-container > .sppb-row > div { padding-left: 0px !important; padding-right: 0px !important; }
.astroid-device-xs .ba-gallery-row-wrapper { max-width: 900px; margin: 0px auto; }
.astroid-device-xs .bootrij2 { min-height: 450px; background-position: center top !important; }
.astroid-device-xs .wiezijnwijblok.madeinholland { padding: 50px 20px !important; }
.astroid-device-xs .nieuws h2.sppb-addon-title { font-size: 22px; letter-spacing: 7px; padding: 0px 20px !important; }
.astroid-device-xs .nieuwscol { min-height: 450px !important; }
.astroid-device-xs .socialfooterblok { background-color: rgba(187, 220, 247, 0.79); color: rgb(34, 100, 65); font-weight: 300; font-size: 20px; line-height: 50px; text-align: center; margin: 20px 0px 0px !important; padding: 0px 20px !important; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; }
.astroid-device-xs .socialfooterblok img { float: none; margin: 0px 10px; border-radius: 10px; height: 50px; width: 50px; display: inline-flex; }
.astroid-device-xs .sppb-addon-text-block .sppb-addon-content ul li,
.astroid-device-xs .sppb-addon-text-block .sppb-addon-content ul li a { text-align: left; }
.astroid-device-xs .introblok.detail { min-height: 640px; padding: 50px 20px !important; }
.astroid-device-xs .wiezijnwijblok.wit { padding: 50px 20px !important; }
.astroid-device-xs .sppb-addon-text-block .sppb-addon-content ul li { padding-left: 20px; }
.astroid-device-xs .sppb-addon-text-block .sppb-addon-content ul li a { padding-left: 0px; }
.astroid-device-xs .wiezijnwijblok.groen { padding: 50px 20px !important; }
.astroid-device-xs .wiezijnwijblok.afwerking .sppb-addon-single-image-container img { border: 0px; box-shadow: none; margin-top: -150px; }
.astroid-device-xs .wiezijnwijblok.afwerking { border-top: 50px solid rgb(255, 255, 255); padding: 50px 20px !important; }
.astroid-device-xs .wiezijnwijblok.afwerking h2 { letter-spacing: 5px; }
.astroid-device-xs .albumafwerking { padding: 50px 20px 0px !important; }
.astroid-device-xs .specsrow .sppb-panel-title::after { max-width: 90%; }
.astroid-device-xs .sppb-panel-body .sppb-addon-text-block .sppb-addon-content ul li::before { content: "•"; position: relative; top: -3px; left: -35px; font-size: 30px; margin-right: -21px; color: rgb(60, 170, 0); height: 0px; display: block; }
.astroid-device-xs .specsrow h2 { letter-spacing: 5px; padding: 20px 10px !important; }
.astroid-device-xs a.active,
.astroid-device-xs .astroid-nav a:hover { border-bottom: 0px; }
.astroid-device-xs .wiezijnwijblok.detail { padding: 50px 20px !important; }
.astroid-device-xs .wiezijnwijblok.detail.holland { clip-path: polygon(100% 3%, 100% 100%, 0px 100%, 0px 0px); border-top: 90px solid rgb(237, 125, 49); background: rgb(27, 33, 63) !important; padding: 50px 20px !important; margin-bottom: 0px !important; }
.astroid-device-xs .imagerow { padding: 0px !important; }
.astroid-device-xs .specsrow table { font-size: 15px; line-height: 22px; }
.astroid-device-xs table tr::before { content: "•"; position: relative; top: 1px; left: -25px; font-size: 30px; margin-right: -21px; color: rgb(60, 170, 0); height: 0px; }
.astroid-device-xs .groeneknop img { margin-top: -30px !important; max-width: 130px !important; }
.astroid-device-xs .bluerow { min-height: 0px; padding: 150px 20px 10px !important; }
.astroid-device-xs .wiezijnwijblok.wit h2,
.astroid-device-xs .wiezijnwijblok.wit .sppb-addon-text-block .sppb-addon-content h2 { letter-spacing: 5px; }
.astroid-device-xs .headingblok { clip-path: polygon(0px 0px, 100% 0px, 100% 65%, 0px 50%); min-height: 370px; }
.astroid-device-xs .introtekstblok .col1 { padding: 150px 20px 0px !important; }
.astroid-device-xs .specsrow.faq .sppb-panel-title { font-size: 16px; line-height: 20px; }
.astroid-device-xs .specsrow.faq .sppb-panel-title::before { top: 0px; font-size: 35px; }
.astroid-device-xs .bluerow.natuurlijk { min-height: 890px; padding: 20px !important; margin-top: -60px !important; margin-bottom: -60px !important; background-size: cover !important; }
}
#astroid-backtotop { background: rgb(56, 35, 61); padding: 10px; }
#astroid-backtotop > i { font-size: 17px; color: rgb(255, 255, 255); width: 17px; height: 17px; line-height: 17px; text-align: center; }
.astroid-logo > .astroid-logo-sticky { max-height: 60px; }
body.astroid-framework { font-weight: 500; text-transform: none; font-size: 1em; line-height: 1.7em; font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; }
.astroid-framework h1 { font-weight: 500; text-transform: none; font-size: 3.5em; line-height: 1.2em; font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; }
.astroid-framework h2 { font-weight: 600; text-transform: none; font-size: 2em; line-height: 1.2em; font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; }
.astroid-framework h3 { font-weight: 500; text-transform: none; font-size: 1.8em; line-height: 1.2em; font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; }
.astroid-framework h4 { font-weight: 500; text-transform: none; font-size: 1.6em; line-height: 1.2em; font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; }
.astroid-framework h5 { font-weight: 500; text-transform: none; font-size: 1.4em; line-height: 1.2em; font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; }
.astroid-framework h6 { font-weight: 500; text-transform: none; font-size: 1.2em; line-height: 1.2em; font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; }
.astroid-framework .astroid-nav > li > .as-menu-item,
.astroid-framework .astroid-mobile-menu > .nav-item > .as-menu-item { font-weight: 400; text-transform: none; font-size: 1em; line-height: 1.7em; font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; }
:root .astroid-framework { --bs-body-bg: rgb(255, 255, 255); --bs-body-color: rgb(44, 46, 54); --bs-link-color: rgb(44, 46, 54); --bs-link-color-rgb: 44,46,54; --bs-link-opacity: 1; --bs-link-hover-color: rgb(144, 205, 54); --bs-link-hover-color-rgb: 144,205,54; --as-header-text-color: rgb(44, 46, 54); --as-header-bg: rgb(255, 255, 255); --as-stick-header-bg-color: rgb(255, 255, 255); --as-stick-header-menu-link-color: rgb(44, 46, 54); --as-stick-header-menu-link-hover-color: rgb(144, 205, 54); --as-stick-header-menu-link-active-color: rgb(144, 205, 54); --as-main-menu-link-color: rgb(44, 46, 54); --as-main-menu-link-hover-color: rgb(144, 205, 54); --as-main-menu-link-active-color: rgb(144, 205, 54); --as-dropdown-bg-color: rgb(255, 255, 255); --as-dropdown-link-color: rgb(0, 0, 0); --as-dropdown-menu-link-hover-color: rgb(255, 255, 255); --as-dropdown-menu-hover-bg-color: rgb(144, 205, 54); --as-dropdown-menu-active-link-color: rgb(255, 255, 255); --as-dropdown-menu-active-bg-color: rgb(144, 205, 54); --as-mobile-menu-text-color: rgb(0, 0, 0); --as-mobile-backgroundcolor: rgb(255, 255, 255); --as-mobile-menu-link-color: rgb(0, 0, 0); --as-mobile-menu-active-link-color: rgb(144, 205, 54); --as-mobile-menu-active-bg-color: rgb(255, 255, 255); --as-mobile-menu-active-icon-color: rgb(0, 0, 0); --as-mobile-menu-icon-color: rgb(0, 0, 0); --as-mobilemenu-backgroundcolor: rgb(255, 255, 255); --as-mobilemenu-menu-text-color: rgb(0, 0, 0); --as-mobilemenu-menu-link-color: rgb(0, 0, 0); --as-mobilemenu-menu-active-link-color: rgb(144, 205, 54); --as-mobilemenu-menu-active-bg-color: rgb(255, 255, 255); --as-mobilemenu-menu-icon-color: rgb(0, 0, 0); --as-mobilemenu-menu-active-icon-color: rgb(0, 0, 0); --as-contact-info-icon-color: rgb(255, 255, 255); }
@media (max-width: 1199.98px) {
body.astroid-framework { font-size: 1em; line-height: 1.7em; }
.astroid-framework h1 { font-size: 3.5em; line-height: 1.2em; }
.astroid-framework h2 { font-size: 2em; line-height: 1.2em; }
.astroid-framework h3 { font-size: 1.8em; line-height: 1.2em; }
.astroid-framework h4 { font-size: 1.6em; line-height: 1.2em; }
.astroid-framework h5 { font-size: 1.4em; line-height: 1.2em; }
.astroid-framework h6 { font-size: 1.2em; line-height: 1.2em; }
.astroid-framework .astroid-nav > li > .as-menu-item,
.astroid-framework .astroid-mobile-menu > .nav-item > .as-menu-item { font-size: 1em; line-height: 1.7em; }
}
@media (max-width: 991.98px) {
body.astroid-framework { font-size: 1em; line-height: 1.7em; }
.astroid-framework h1 { font-size: 3.2em; line-height: 1.2em; }
.astroid-framework h2 { font-size: 2em; line-height: 1.2em; }
.astroid-framework h3 { font-size: 1.8em; line-height: 1.2em; }
.astroid-framework h4 { font-size: 1.6em; line-height: 1.2em; }
.astroid-framework h5 { font-size: 1.4em; line-height: 1.2em; }
.astroid-framework h6 { font-size: 1.2em; line-height: 1.2em; }
.astroid-framework .astroid-nav > li > .as-menu-item,
.astroid-framework .astroid-mobile-menu > .nav-item > .as-menu-item { font-size: 1em; line-height: 1.7em; }
}
@media (max-width: 575.98px) {
body.astroid-framework { font-size: 1em; line-height: 1.7em; }
.astroid-framework h1 { font-size: 3em; line-height: 1.2em; }
.astroid-framework h2 { font-size: 1.8em; line-height: 1.2em; }
.astroid-framework h3 { font-size: 1.7em; line-height: 1.2em; }
.astroid-framework h4 { font-size: 1.5em; line-height: 1.2em; }
.astroid-framework h5 { font-size: 1.4em; line-height: 1.2em; }
.astroid-framework h6 { font-size: 1.2em; line-height: 1.2em; }
.astroid-framework .astroid-nav > li > .as-menu-item,
.astroid-framework .astroid-mobile-menu > .nav-item > .as-menu-item { font-size: 1em; line-height: 1.7em; }
}
.sppb-animated { animation-duration: 1s; animation-fill-mode: both; }
.fadeInLeft { animation-name: fadeInLeft; }
.fadeInRight { animation-name: fadeInRight; }
#sp-page-builder { position: relative; }
#sp-page-builder .page-content .sppb-section,
#sp-page-builder .sppb-section,
.mod-sppagebuilder .sppb-section { z-index: 1; position: relative; }
#sp-page-builder .page-content .sppb-section,
#sp-page-builder .sppb-section { will-change: top; }
#sp-page-builder .page-content .sppb-section:first-child { margin-top: 0px; }
.sppb-addon-single-image::after,
.sppb-addon-single-image::before { content: ""; display: table; }
.sppb-addon-single-image-container { display: inline-block; position: relative; transition: 0.4s; }
* { box-sizing: border-box; }
::after,
::before { box-sizing: border-box; }
button,
input,
textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
img { vertical-align: middle; }
.sppb-img-responsive { display: block; max-width: 100%; height: auto; }
.sppb-text-left { text-align: left; }
.sppb-text-right { text-align: right; }
.sppb-text-center { text-align: center; }
.sppb-text-center .sppb-img-responsive,
.sppb-text-left .sppb-img-responsive,
.sppb-text-right .sppb-img-responsive { display: inline-block; }
.sppb-row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.sppb-no-gutter { margin-right: 0px; margin-left: 0px; }
.sppb-no-gutter > [class*="sppb-col-"] { padding-right: 0px; padding-left: 0px; }
.sppb-col-md-10,
.sppb-col-md-12,
.sppb-col-md-2,
.sppb-col-md-3,
.sppb-col-md-4,
.sppb-col-md-6,
.sppb-col-md-8,
.sppb-col-sm-4,
.sppb-col-md-5,
.sppb-col-md-7,
.sppb-col-md-9,
.sppb-col-sm-8 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.sppb-column,
.sppb-column-addons { position: relative; z-index: 1; width: 100%; }
.sppb-column { width: 100%; height: 100%; display: flex; flex-wrap: wrap; }
.sppb-column.sppb-align-items-center { align-items: center !important; }
.sppb-column.sppb-align-items-bottom { align-items: flex-end !important; }
.sppp-column-vertical-align { align-self: stretch; }
.sppb-column-overlay { position: absolute; inset: 0px; z-index: 0; background-position: center center; background-repeat: repeat; }
.sppb-row-overlay { position: absolute; inset: 0px; background-position: center center; background-repeat: repeat; z-index: 1; }
.sppb-container-inner,
.sppb-row-container { position: relative; z-index: 3; }
.sppb-btn { display: inline-block; font-weight: 400; text-align: center; white-space: pre-line; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 8px 12px; font-size: 16px; line-height: 1.25; border-radius: 4px; transition: 0.15s ease-in-out; }
.sppb-btn:focus,
.sppb-btn:hover { text-decoration: none; }
.sppb-btn:focus { outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 3px; }
.sppb-btn:disabled { opacity: 0.65; }
.sppb-btn:active { background-image: none; }
.sppb-btn-default { color: rgb(1, 1, 1); background-color: rgb(239, 241, 244); border-color: rgb(239, 241, 244); }
.sppb-btn-default:hover { color: rgb(1, 1, 1); background-color: rgb(215, 218, 221); border-color: rgb(215, 218, 221); }
.sppb-btn-default:focus { color: rgb(1, 1, 1); box-shadow: rgba(239, 241, 244, 0.8) 0px 0px 0px 3px; }
.sppb-btn-default:disabled { background-color: rgb(239, 241, 244); border-color: rgb(239, 241, 244); color: rgb(1, 1, 1); }
.sppb-btn-default:active { background-color: rgb(215, 218, 221); background-image: none; border-color: rgb(215, 218, 221); }
.sppb-panel { background-color: rgb(255, 255, 255); border-width: 0px 1px 1px; border-style: solid; border-color: transparent; border-image: none; }
.sppb-panel-group > .sppb-panel:first-child { border-top-width: 1px; }
.sppb-panel-body { padding: 15px; border-top: 1px solid transparent; }
.sppb-panel-group .sppb-panel:last-child .sppb-panel-body { border-top-width: 1px; border-bottom-width: 0px; }
.sppb-panel-heading { padding: 10px 30px 10px 15px; cursor: pointer; position: relative; }
.sppb-panel-heading .sppb-toggle-direction { position: absolute; top: 50%; right: 15px; transform: translateY(-50%) rotate(0deg); transition: transform 0.3s; }
.sppb-panel-heading.active .sppb-toggle-direction { transform: translateY(-50%) rotate(90deg); }
.sppb-panel-title { margin-top: 0px; margin-bottom: 0px; font-size: 14px; font-weight: bolder; color: inherit; }
.sppb-panel-modern { background: rgb(255, 255, 255); border: 1px solid rgb(232, 239, 241); border-radius: 4px; margin-bottom: 10px; }
.sppb-panel-group > .sppb-panel-modern:last-child { margin-bottom: 0px; }
.sppb-panel-modern .sppb-panel-body { border-top-color: rgb(232, 239, 241); }
.sppb-panel-modern > .sppb-panel-heading { padding: 17px 30px 17px 15px; background: rgb(246, 250, 251); color: rgb(75, 89, 129); }
.clearfix::after,
.clearfix::before,
.sppb-panel-body::after,
.sppb-panel-body::before { content: " "; display: table; }
.clearfix::after,
.sppb-panel-body::after { clear: both; }
.sppb-icon-inner { display: inline-block; text-align: center; transition: 0.4s; }
.sppb-icon-hover-effect-zoom-in .sppb-icon-inner:hover { transform: scale(1.2); }
.sppb-align-center { align-items: center !important; }
.sppb-align-top { align-items: flex-start !important; }
.sppb-align-bottom { align-items: flex-end !important; }
.sppb-section-content-bottom,
.sppb-section-content-center,
.sppb-section-content-top { display: flex; width: 100%; }
.sppb-section-content-center { align-items: center; }
.sppb-section-content-top { align-items: flex-start; }
.sppb-section-content-bottom { align-items: flex-end; }
.sppb-section-content-center .sppb-align-center { flex: 1 0 100%; }
.sppb-section-content-bottom .sppb-container-inner,
.sppb-section-content-center .sppb-container-inner { width: 100%; }
.justify-content-center { justify-content: center !important; }
.sppb-addon-video .sppb-addon-video-local-video-wrap { padding-top: 56.3%; position: relative; }
.sppb-addon-video-local-source { object-fit: contain; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; }
.sppb-row-container { width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
@media (-ms-high-contrast:none), (-ms-high-contrast:active) {
.sppb-img-responsive { width: 100%; }
}
@media (max-width: 767px) {
.sppb-order-xs-1 { order: 1; }
.sppb-order-xs-2 { order: 2; }
.sppb-section-content-center .sppb-row-container { width: 100%; }
}
@media (min-width: 768px) {
.sppb-col-sm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
.sppb-col-sm-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
}
@media (min-width: 992px) {
.sppb-col-md-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
.sppb-col-md-3 { flex: 0 0 25%; max-width: 25%; }
.sppb-col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
.sppb-col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
.sppb-col-md-6 { flex: 0 0 50%; max-width: 50%; }
.sppb-col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
.sppb-col-md-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
.sppb-col-md-9 { flex: 0 0 75%; max-width: 75%; }
.sppb-col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.sppb-col-md-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (max-width: 767px) {
.sppb-hidden-xs { display: none !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.sppb-hidden-sm { display: none !important; }
.sppb-order-sm-1 { order: 1; }
.sppb-order-sm-2 { order: 2; }
}
@media (min-width: 576px) {
.sppb-row-container { max-width: 540px; }
}
@media (min-width: 768px) {
.sppb-row-container { max-width: 720px; }
}
@media (min-width: 992px) {
.sppb-row-container { max-width: 960px; }
}
@media (min-width: 1200px) {
.sppb-row-container { max-width: 1140px; }
}
@media (min-width: 1380px) {
.sppb-row-container { max-width: 1320px; }
}
.convertforms { margin: 0px; box-sizing: border-box; font-family: var(--font); max-width: var(--max-width); background-color: var(--background-color); border: var(--border); border-radius: var(--border-radius); padding: var(--padding); background-image: var(--background-image); background-repeat: var(--background-repeat); background-size: var(--background-size); background-position: var(--background-position); color: var(--label-color); }
.convertforms *,
.convertforms ::before,
.convertforms ::after { box-sizing: inherit; }
.convertforms button,
.convertforms form,
.convertforms label,
.convertforms .cf-input { height: auto; margin: 0px; max-width: 100%; width: 100%; line-height: normal; border-radius: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: 0px; text-transform: none; font-family: inherit; box-shadow: none; }
.convertforms button:focus,
.convertforms form:focus,
.convertforms label:focus,
.convertforms .cf-input:focus { outline: 0px; }
.convertforms .cf-label { display: inline-block; width: auto; }
.convertforms .cf-input { font-size: 1em; color: var(--input-color); background-color: var(--input-background-color); padding: var(--input-padding); border: solid 1px var(--input-border-color); border-radius: var(--input-border-radius); text-align: var(--input-text-align); }
.convertforms .cf-input:focus,
.convertforms .cf-input:invalid:focus { border: solid 1px var(--input-border-color); box-shadow: none; color: var(--input-color); }
.convertforms .cf-input::-webkit-input-placeholder { color: var(--input-placeholder-color); }
.convertforms .cf-input::placeholder { color: var(--input-placeholder-color); }
.convertforms .cf-fields { display: flex; flex-wrap: wrap; margin: calc(-1*var(--control-gap)); }
.convertforms .cf-control-group { padding: var(--control-gap); max-width: 100%; width: 100%; -webkit-box-flex: 1; flex-grow: 1; }
.convertforms .cf-control-input { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 9px; font-size: var(--input-size); }
.convertforms .cf-label { color: var(--label-color); font-size: var(--label-size); margin-bottom: 0.45em; display: block; line-height: 1.3; font-weight: var(--label-weight); }
.convertforms form { will-change: transform; }
.convertforms .cf-btn { font-size: var(--button-font-size); background-color: var(--button-background-color); color: var(--button-color); padding: var(--button-padding); border-radius: var(--button-border-radius); border: var(--button-border); position: relative; cursor: pointer; }
.convertforms .cf-btn:hover { opacity: 0.8; }
.convertforms .cf-response { color: rgb(255, 255, 255); margin-bottom: 20px; padding: 10px 15px; width: 100%; border-radius: var(--input-border-radius); display: none; text-align: center; }
.convertforms .cf-spinner-container { visibility: hidden; position: absolute; top: 0px; left: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; height: 100%; font-size: 10px; }
.convertforms .cf-spinner > span { width: 10px; height: 10px; background-color: currentcolor; border-radius: 100%; display: inline-block; animation: 1s ease-in-out 0s infinite normal both running cf-bouncedelay; margin: 0px 3px; }
.convertforms .cf-spinner .bounce1 { animation-delay: -0.32s; }
.convertforms .cf-spinner .bounce2 { animation-delay: -0.16s; }
.convertforms .cf-width-auto { width: auto; }
.convertforms .cf-col-16 { width: 100%; }
.convertforms .cf-form-wrap { padding: 20px; }
.convertforms .cf-text-right { text-align: right; }
@media (min-width: 640px) {
.convertforms .cf-one-third { width: 33.3333%; }
}
.convertforms { --color-primary: #4285F4; --color-success: #0F9D58; --color-danger: #d73e31; --color-warning: #F4B400; --color-default: #444; --color-grey: #ccc; }
#cf_1 { --font: Arial; --background-color: rgba(255, 255, 255, 0); --border-radius: 0px; --control-gap: 10px; --label-color: #333333; --label-size: 16px; --label-weight: 400; --input-color: #888888; --input-placeholder-color: #88888870; --input-text-align: left; --input-background-color: #ffffff; --input-border-color: #cccccc; --input-border-radius: 0px; --input-size: 16px; --input-padding: 12px 12px; }
.cf-field-hp { display: none; position: absolute; left: -9000px; }
.nl-NL .en { display: none !important; }
.en-GB .nl { display: none !important; }
.nav-item-id-101 { display: none; }
.btn-primary:focus { color: white; background-color: transparent; border-color: transparent; box-shadow: none; }
.sppb-row-container > .sppb-row > div { padding-left: 25px !important; padding-right: 25px !important; }
.astroid-component-section { padding: 0px; }
.astroid-wrapper { overflow-x: hidden; }
.sppb-addon-wrapper { margin-bottom: 0px !important; }
.moduletable { margin: 0px !important; padding: 0px !important; }
h1,
h2,
h3 { font-family: montserrat, sans-serif !important; font-style: normal !important; }
p { font-family: Lato, sans-serif; color: rgb(255, 255, 255); font-weight: 400; font-size: 17px; line-height: 30px; }
header .logo-wrapper { overflow: hidden; }
#astroid-sticky-header { background-color: rgb(255, 255, 255); }
.astroid-header-section .container { max-width: none; padding-left: 0px !important; }
.astroid-header-section .astroid-header-sticky > div { padding-left: 15px !important; }
.astroid-header-section .astroid-header-sticky .astroid-logo .astroid-logo-sticky { display: block !important; max-height: 30px; }
.nav { margin-bottom: -15px; }
.astroid-header-sticky .nav { margin-bottom: -5px; }
#astroid-sticky-header .header-right-section .nav { position: relative; bottom: -15px; font-family: montserrat, sans-serif !important; font-weight: 400 !important; text-transform: uppercase !important; font-size: 15px !important; color: rgb(35, 47, 61) !important; }
#astroid-sticky-header .header-right-section a:hover { text-decoration: underline; color: rgb(34, 100, 65) !important; }
#astroid-sticky-header .header-right-section li { float: left; }
.header-right-block { margin-top: 10px; }
.toprechts .moduletable,
.header-right-block .moduletable { float: right; }
.header-right-block .mod-languages { margin-top: -10px; }
.astroid-nav a { padding: 10px 10px 0px; border-bottom: 1px solid transparent; font-family: montserrat, sans-serif !important; font-weight: 400 !important; text-transform: uppercase !important; font-size: 15px !important; color: rgb(35, 47, 61) !important; }
a.active,
.astroid-nav a:hover,
.toprechts ul li.active a { border-bottom: 1px solid rgb(34, 100, 65); color: rgb(34, 100, 65) !important; }
.toprechts ul { width: 100%; margin: 0px; padding: 0px; bottom: -14px; position: relative; font-family: montserrat, sans-serif !important; font-weight: 400 !important; text-transform: uppercase !important; }
.toprechts ul li { display: block; list-style-type: none; line-height: 68px; font-size: 15px; float: left; color: rgb(35, 47, 61) !important; }
.toprechts ul li a,
.header-right-section a { font-size: 15px; padding: 13px 10px 0px; color: rgb(35, 47, 61) !important; }
.toprechts a:hover { border-bottom: 1px solid rgb(34, 100, 65); color: rgb(34, 100, 65) !important; }
div.mod-languages li { line-height: 65px; }
div.mod-languages ul { text-align: right; }
body div.mod-languages img { display: inline-block; max-width: 25px; }
div.mod-languages li:first-child { margin: 0px 5px 0px 20px !important; }
h1.sliderh1 { font-size: 37px !important; font-family: montserrat, sans-serif !important; font-weight: 600 !important; text-shadow: rgb(35, 59, 83) 3px 3px 8px !important; line-height: 48px !important; text-transform: none !important; }
.introblok { padding: 50px 0px 350px !important; }
.introblok.detail { min-height: 550px; padding: 50px 0px !important; margin-bottom: -100px !important; }
.introblok h2 { color: rgb(255, 255, 255); text-transform: uppercase; font-weight: 300; letter-spacing: 10px; font-size: 40px; max-width: fit-content; margin: 0px auto 30px; padding: 20px 0px; font-family: montserrat, sans-serif !important; }
.introblok h2::after { content: ""; display: block; position: relative; bottom: -20px; left: 0px; right: 0px; background: rgb(60, 150, 85); height: 4px; border-radius: 10px; }
.sppb-text-center .sppb-addon-content,
.sppb-text-center .sppb-addon-content p { color: rgb(255, 255, 255); }
.introblok .sppb-text-center .sppb-addon-content,
.introblok .sppb-text-center .sppb-addon-content p { font-weight: 200; text-transform: uppercase; color: rgb(239, 230, 217); font-size: 18px; line-height: 30px; letter-spacing: 4px; max-width: 80ch; font-family: montserrat, sans-serif !important; margin: 0px auto !important; }
.introblok.detail .sppb-text-center .sppb-addon-content,
.introblok.detail .sppb-text-center .sppb-addon-content p { text-align: left; max-width: none; text-transform: none; color: rgb(255, 255, 255); font-family: Lato, sans-serif; font-weight: 400; font-size: 17px; letter-spacing: 0em; line-height: 30px; }
.sppb-btn { text-align: center; background-color: transparent; border-radius: 0px; background-image: url("../images/site/btn-beige.svg?v=1793889993"); background-repeat: no-repeat; background-size: contain; float: right; margin: 20px 0px 0px; padding: 25px 30px 25px 50px; min-width: 230px; text-transform: uppercase; font-size: 15px; font-weight: 300; color: rgb(35, 47, 61) !important; background-position: center center !important; border: 0px !important; font-family: montserrat, sans-serif !important; }
.btn-primary:focus { box-shadow: none !important; border: 0px !important; }
.btn-primary { text-align: center; background-color: transparent; border-radius: 0px; background-image: url("../images/site/btn-beige.svg?v=1793889993"); background-repeat: no-repeat; background-size: contain; float: none; margin: 20px 0px 0px; padding: 25px 10px 25px 50px; min-width: 300px; text-transform: uppercase; font-size: 15px; font-weight: 300; color: rgb(35, 47, 61) !important; background-position: center center !important; border: 0px !important; font-family: montserrat, sans-serif !important; }
.btn-primary:not(:disabled):not(.disabled):active { background-color: transparent; }
.btn-primary:hover { background-color: transparent !important; }
.sppb-btn:hover,
.btn-primary:hover { background-image: url("../images/site/btn-groen.svg?v=1793888273"); background-color: transparent; color: rgb(255, 255, 255) !important; }
.galleryblok h2 { color: rgb(56, 35, 61); font-weight: 300; letter-spacing: 10px; font-size: 25px; text-align: center; margin-top: -220px !important; margin-right: auto !important; margin-left: auto !important; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; padding: 0px 0px 20px !important; }
.galleryblok h2::after { content: ""; display: block; position: relative; bottom: -20px; left: 0px; right: 0px; background: rgb(60, 150, 85); height: 4px; border-radius: 10px; }
.galleryblok { background: linear-gradient(rgb(35, 47, 61) 0%, rgb(36, 65, 94) 100%); padding: 50px 0px 100px !important; }
.galleryblok .sppb-row-container,
.albumafwerking .sppb-row-container { max-width: 800px !important; }
.nieuws h2.sppb-addon-title { color: rgb(56, 35, 61); font-weight: 300; letter-spacing: 12px; font-size: 25px; max-width: fit-content; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; padding: 50px 0px 20px !important; }
.nieuws .sppb-addon-header { max-width: 1100px !important; margin: 0px auto !important; }
.nieuwsh2 h2 { color: rgb(56, 35, 61) !important; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; font-weight: 300 !important; letter-spacing: 4px !important; font-size: 20px !important; padding: 0px !important; line-height: 20px !important; }
.nieuwstekst p { font-family: Lato, sans-serif !important; color: rgb(56, 35, 61) !important; font-weight: 300 !important; font-size: 18px !important; }
.nieuwsbutton a { text-align: center !important; background-color: transparent !important; border-radius: 0px !important; color: rgb(35, 47, 61) !important; background-image: url("../images/site/btn-beige.svg?v=1793889993") !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: contain !important; float: none !important; margin: 20px 0px 0px !important; padding: 25px 10px 25px 50px !important; min-width: 190px !important; border: 0px !important; text-transform: uppercase !important; font-size: 15px !important; font-family: montserrat, sans-serif !important; font-weight: 300 !important; }
.nieuwscat p { color: rgb(56, 35, 61) !important; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; font-weight: 300 !important; letter-spacing: 4px !important; font-size: 10px !important; padding: 0px !important; line-height: 20px !important; }
.nieuwsdatum { color: rgb(56, 35, 61) !important; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; font-weight: 300 !important; letter-spacing: 4px !important; font-size: 10px !important; padding: 0px !important; line-height: 20px !important; }
.nieuws { display: none; padding: 0px !important; }
.galvani-alias .nieuws { display: block !important; }
.ba-gallery-row-wrapper { max-width: 900px; margin: -170px auto 0px; }
.ba-image { overflow: hidden; box-shadow: rgba(0, 0, 0, 0.3) 0px -5px 17px 0px; }
.ba-image img { transition: 0.4s ease-in-out; border: 8px solid rgb(255, 255, 255) !important; }
.ba-image:hover img { transform: scale(1.2); }
.wiezijnwijblok { background: linear-gradient(174deg, rgb(37, 109, 123) 0%, rgb(35, 47, 61) 100%) !important; padding: 100px 30px !important; }
.wiezijnwijblok.over { background: rgb(27, 33, 63) !important; padding: 30px 30px 0px !important; }
.nextend-arrow { overflow: visible !important; }
.wiezijnwijblok h3,
.inwordingblok h3 { color: rgb(255, 255, 255); font-weight: 300; letter-spacing: 12px; font-size: 25px; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; padding: 0px 0px 20px !important; margin: 0px 0px 20px !important; text-align: left !important; }
.wiezijnwijblok h3::after,
.inwordingblok h3::after { content: ""; display: block; position: relative; bottom: -20px; left: 0px; right: 0px; background: rgb(60, 150, 85); height: 4px; border-radius: 10px; }
.sppb-addon-single-image-container img { border: 10px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 3px 4px 17px 0px; margin-bottom: 15px; }
.footerblok2 .sppb-addon-single-image-container img,
.noborder img { border: 0px; box-shadow: none; }
.inwordingblok .sppb-addon-single-image-container img { border: 10px solid rgb(255, 255, 255); margin-bottom: 0px; box-shadow: rgba(0, 0, 0, 0.3) 3px 4px 17px 0px; }
.inwordingblok { padding: 100px 30px !important; }
.inwordingblok.nopadding { padding: 0px 30px 30px !important; margin-top: -50px !important; }
.galvani-alias .inwordingblok { padding: 50px 30px !important; }
.galvani-alias .inwordingblok.afwerking { padding: 100px 30px 250px !important; }
.contact-alias .inwordingblok { padding: 40px 30px 250px !important; }
.inwordingblok p { color: rgb(49, 59, 65); }
.inwordingblok h3 { text-align: left; color: rgb(56, 35, 61); }
.footerblok { padding: 0px !important; }
.footerblok1 { min-height: 550px; }
.footerblok1 .sppb-container-inner { max-width: 1100px; margin: 0px auto !important; }
.footerblok2 { background: linear-gradient(360deg, rgb(36, 65, 94) 0%, rgb(35, 47, 61) 100%); padding: 20px 50px !important; }
.footerblok2 h2 { color: rgb(255, 255, 255); font-weight: 300; letter-spacing: 12px; font-size: 17px; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; padding: 0px 0px 20px !important; margin: 0px !important; text-align: left !important; }
.footerblok2 .sppb-addon-text-block .sppb-addon-content ul li a { color: rgb(255, 255, 255); padding: 0px 0px 0px 5px; letter-spacing: normal; text-transform: none; }
.footerblok2 .sppb-icon-inner { height: 30px !important; width: 30px !important; margin: 0px 0px 10px !important; }
.footerblok2 .socialcol h2 { text-align: center !important; }
.footerblok2 .sppb-icon-inner i { line-height: 30px !important; font-size: 30px !important; color: rgb(255, 255, 255) !important; }
.footerblok2 .sppb-addon-single-image-container img { max-width: 200px; }
.nieuwsbriefcol { background-color: rgba(187, 220, 247, 0.79); display: none; margin: 0px 0px 30px !important; padding: 30px 50px !important; }
.convertforms .cf-form-wrap { padding: 0px; }
.galvani-alias .nieuwsbriefcol,
.nieuws-en-persberichten-alias .nieuwsbriefcol,
.contact-alias .nieuwsbriefcol,
.onze-boten-alias .nieuwsbriefcol { display: block !important; }
.nieuwsbriefcol h2 { color: rgb(34, 100, 65); font-weight: 300; font-size: 18px; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; }
.convertforms .cf-btn { text-align: center; background-color: transparent; border-radius: 0px; background-image: url("../images/site/btn-beige.svg?v=1793889993"); background-repeat: no-repeat; background-size: contain; float: right; margin: 20px 0px 0px; padding: 25px 10px 25px 30px; min-width: 240px; text-transform: uppercase; font-size: 12px; font-weight: 300; color: rgb(27, 33, 63) !important; background-position: center center !important; border: 0px !important; font-family: montserrat, sans-serif !important; }
::placeholder { color: rgb(35, 47, 61) !important; font-family: montserrat, sans-serif !important; }
.convertforms .cf-btn:hover { background-image: url("../images/site/btn-groen.svg?v=1793888273"); background-color: transparent; color: rgb(255, 255, 255) !important; }
.convertforms .cf-control-input { gap: 0px; }
.convertforms .cf-control-group input { border: 0px; box-shadow: none; height: 50px; line-height: 50px; background-color: rgb(255, 255, 255); padding: 0px 20px; font-size: 15px; border-radius: 0.25rem; }
.footerblok2 a { color: rgb(255, 255, 255); }
.footerblok2 .footernavcol ul { list-style: none; padding: 0px; margin: 0px; columns: 2; }
.footerblok2 ul li { color: rgb(255, 255, 255); font-family: Lato, sans-serif; font-weight: 300; padding: 0px 0px 10px; }
.socialfooterblok { background-color: rgba(187, 220, 247, 0.79); color: rgb(34, 100, 65); font-weight: 300; font-size: 25px; line-height: 50px; margin: 30px 0px !important; padding: 0px 50px !important; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; }
.onze-partners-alias .socialfooterblok { display: none; }
.socialfooterblok img { float: right; margin: 0px 30px 0px 0px; display: block; border-radius: 10px; height: 50px; width: 50px; }
.copyrow { background-color: rgb(255, 255, 255); padding: 10px !important; }
.copyrow a { color: rgba(90, 172, 239, 0.79) !important; }
.copyrow p { margin: 0px !important; color: rgba(90, 172, 239, 0.79) !important; }
.copyrow .sppb-container-inner { max-width: 1440px; margin: 0px auto !important; }
.mobile { display: none; }
.ba-modal-body::before { width: 36px; height: 36px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAABGdBTUEAALGPC/xhBQAAANVQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////jF9lcQAAAEZ0Uk5TCjk7xdCKoIju7ezPxiPv9ms2WJiZ6ckW+AYbnvAl9RetqzLoCZ8nKJybt7YMDZoV6wfE0fTyOonqbFf5OMj6JBnzCPEdALak5UoAAAGASURBVDjLpZTndoJAEIVNL/ausRdU7ALSiyLc93+kIEUWhJPkZH7tmfPt7rQ7GfsXlvkztJarWr3VqmtVeZ0CGTSHm3G0kQCZbwqwlNSBaQ5UaQkoghmH8lmAmoeX5xSQNaLQeILcYzRaPofJmIQMEcNpPCdzCNEIoekzRkmpj8BOb5CAJzMJMhkIAZTXwSdXkYdu+BCN17RaU1h40IaDn3ux8OUdrO7ZO8zAbVxIxsq/18XFpawzPn3XCrILbSH5HuvoUg5zGfguCVsX0qDaBHW6MqfAo0JzoT12NkmRjL3D3oUUHGySIhn7ACUBOidDke+cv45J35GBX+OxjgmBEyXwYibTC0oQKebJhz9ixXTaMvM8/Xf/Aatwa0vfa4u9AJXW4E7QYNtIHZUH6L1w6Ji0oXsJx5dNHd9MVAjmD0JwJcXE4uKZmKSct1igQ4hz1gFY407mgu7IvFRuttvNcsmRuX4vc8d6dD9cGMVFL231VGoNUdfFRq2y/t8SS7NvNfRFXoyOLJ8AAAAASUVORK5CYII=") center center no-repeat; position: absolute; top: 20px; right: 20px; cursor: pointer; content: ""; }
.zmdi-chevron-left,
.modal-nav .zmdi-chevron-left:hover { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAALGPC/xhBQAAAFdQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUFBQsLCwICAgwMDAQEBAoKCg8PDwMDAwYGBg0NDQEBAQ////AAAAlQqbogAAABB0Uk5TkFBAsMAgMODQcKBggPAQADA5dHAAAAGjSURBVEjHpdfbYoMgDAbgWBUFJa6n2Srv/5xz1npYEwgsl5Wv0oPkD3RkKW0K6+ayhdGKXgXEa5lZ3FbWZBKM7YdcfIsBzFKSH3HjoTNvWIy5C1aONFaVE1SlKBzaMrH1FTdOXM1fHGE3veCTi6rTHqONwxZ3uHaRVW+4ddHVvnFp47EtF2xcQpkXLl1SlTP23/h2vg/craFDr32M4/ikNU5Yh+ykyWt6wnXQjuON/q0BBfab2TdkAvtFX88AwrZnFgAUydYVUCVbV0G6nfb9D8tgmaXxILM07hd8dgnYPRd9T8GDTDN/EpEugGluEp0D9zhveuCwBuVC+slpBZ1N1XY6Sfjzb9VX5gQEX49bdU93u+norcL6Qj2Q87nta80v/WCa9G+78WWR4crYaulV/lTQX9h0MLfYIr5TFWt/VvFYbcmgibXNPtBEtmhzSEMYlUpqPOawGP22WwKU69XusicKP7dBMjJridVcWA+H5kp5xoTWG8ls6x9QPEPG54TyORqhJr/3WqNorupKnR/ub3NdSoey1xucdDuXPpXcGhZL6gc2d1Xj827eZAAAAABJRU5ErkJggg==") center center no-repeat transparent !important; }
.zmdi-chevron-right,
.modal-nav .zmdi-chevron-right:hover { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAALGPC/xhBQAAAFdQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUFBQsLCwICAgwMDAQEBAoKCg8PDwMDAwYGBg0NDQEBAQ////AAAAlQqbogAAABB0Uk5TkFBAsMAgMODQcKBggPAQADA5dHAAAAGhSURBVEjHndfbloMgDAXQqIiCEqe3sVX+/ztHrfUyDQTIY3FXtKvkBDqypNLC2KWM0ErSVwHxWaZXt5fRWQjG9kuuvkUGOynJz7jx0IU3ToyFZatAGsvKBlQlKcxtmdj6hhsbXM1/HGF3veLcRlV+xGjisMEDrm1k1TtubXS1H1yaeGzKFWubUPqNS5tU5YLpGw+Py527NXRI29c4jk+vxgkrcmW2jFYTJn/j+ziyuu7AsevfAI2Q0Qs/AToDcKz0vAYQNlkLcJ89rK7A80JY7cOs9mJO+/GuhwRsLyvuE/Bjta+EbW92oLFItwKKZGsLUC46cNYqkC774qyV0JlUa6aThD7/bqydTkCge1zP26nbTUcv9ae88rZazm2yNT85Ozfpud1UDn3z2WrtVXQquPZsOlharIjvVGLrzzIeyz0ZNLG2OQaayBatT2kIo1JJjeccFqM/dk+A4Xqzh+yJgc+tkYzMKsQqV1jnQ3MlPWNC641kpvUPKJ4h43tC+R6NUJHvvVYYNFd1pSpO9zeFKkOHsvcX5KpdSuWl6xonDqk/MvBV4/BFKYgAAAAASUVORK5CYII=") center center no-repeat transparent !important; }
.zmdi-chevron-left::before,
.zmdi-chevron-right::before { display: none; }
.modal-nav i { height: 40px; border-radius: 0px !important; background-color: transparent !important; }
.lang-inline a { padding: 0px 10px 0px 0px !important; }
.sppb-btn-default:focus { border: 0px; box-shadow: none !important; }
.item-title :is(h1, h2) { color: rgb(35, 47, 61); max-width: fit-content; padding: 20px 0px 70px; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; font-weight: 300 !important; letter-spacing: 10px !important; font-size: 30px !important; }
.article-info { font-family: Lato, sans-serif; color: rgb(34, 99, 65); font-weight: 300; font-size: 16px; text-transform: none; position: relative; top: -65px; width: 340px; font-style: italic; letter-spacing: 2px; }
.article-info span,
.article-info i { padding: 0px 10px 0px 0px; }
.article-info > dd:not(:last-child) { padding-right: 10px; float: right; }
.article-info i { display: none; }
.article-info ::before { color: rgb(34, 99, 65); }
.img-fluid { max-width: 100%; height: auto; min-width: 100%; }
.com-content-article p { font-family: Lato, sans-serif; color: rgb(35, 47, 61); font-weight: 300; font-size: 18px; }
.view-article .astroid-component-section .container { max-width: 980px; padding: 30px 0px; }
.item-title :is(h1, h2)::after { content: ""; display: block; position: relative; bottom: -50px; left: 0px; right: 0px; background: rgb(60, 150, 85); height: 4px; border-radius: 10px; }
.faq .sppb-panel-heading { padding-bottom: 0px !important; }
.faq p { max-width: 80ch; }
.sppb-addon-text-block .sppb-addon-content h2 { font-weight: 300; letter-spacing: 12px; font-size: 25px; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; padding: 0px 0px 20px !important; margin: 0px !important; text-align: left !important; }
.wiezijnwijblok .sppb-addon-text-block .sppb-addon-content h2 { color: rgb(255, 255, 255) !important; }
.wiezijnwijblok.wit { background: transparent !important; padding: 30px 0px !important; }
.wiezijnwijblok.wit h2,
.wiezijnwijblok.wit .sppb-addon-text-block .sppb-addon-content h2 { font-weight: 300; letter-spacing: 12px; font-size: 25px; color: rgb(60, 170, 0) !important; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; padding: 20px 0px !important; margin: 0px !important; text-align: left !important; }
.wiezijnwijblok.wit p { color: rgb(49, 59, 65); }
.nieuws .nieuwscol { box-shadow: rgba(0, 0, 0, 0.3) 0px -5px 17px 0px; }
.wiezijnwijblok.madeinholland { background: rgb(237, 125, 49) !important; padding: 30px 0px !important; }
.bootrij2 { min-height: 600px; margin-top: -50px; margin-bottom: -50px; }
.bluerow { min-height: 600px; }
.bluerow .sppb-addon-text-block h2 { color: rgb(255, 255, 255); font-weight: 300; letter-spacing: 12px; font-size: 25px; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; padding: 0px 0px 20px !important; margin: 0px !important; text-align: left !important; }
.wiezijnwijblok h1,
.introblok.detail h1 { color: rgb(255, 255, 255); text-transform: uppercase; font-weight: 300; letter-spacing: 10px; text-align: left; font-size: 30px; padding: 20px 0px; font-family: montserrat, sans-serif !important; }
.wiezijnwijblok h1::after,
.introblok.detail h1::after { content: ""; display: block; position: relative; bottom: -20px; left: 0px; right: 0px; background: rgb(60, 150, 85); height: 4px; border-radius: 10px; }
.wiezijnwijblok.detail { padding: 30px 0px !important; }
.wiezijnwijblok.detail.holland { clip-path: polygon(100% 10%, 100% 100%, 0px 90%, 0px 0px); border-top: 130px solid rgb(237, 125, 49); background: rgb(27, 33, 63) !important; padding: 50px 0px 100px !important; margin-bottom: -50px !important; }
.imagerow img { min-width: 100% !important; width: 100% !important; }
.sppb-addon-text-block .sppb-addon-content ul li,
.sppb-addon-text-block .sppb-addon-content ul li a { color: rgb(60, 170, 0); font-weight: 300; letter-spacing: 2px; padding: 0px 0px 0px 20px; text-transform: uppercase; font-family: montserrat, sans-serif !important; }
.sppb-addon-text-block .sppb-addon-content ul { padding: 15px 0px 20px 20px; margin: 0px; }
.wiezijnwijblok.groen { background: rgb(34, 99, 65) !important; padding: 30px 0px !important; }
.wiezijnwijblok.groen h2 { font-weight: 300; letter-spacing: 12px; font-size: 25px; color: rgb(255, 255, 255) !important; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; padding: 20px 0px !important; margin: 0px !important; text-align: left !important; }
.wiezijnwijblok.groen .sppb-addon-text-block .sppb-addon-content ul li,
.wiezijnwijblok.groen .sppb-addon-text-block .sppb-addon-content ul li a { color: rgb(255, 255, 255); }
.sppb-panel-body .sppb-addon-text-block .sppb-addon-content ul { padding-top: 0px; padding-bottom: 0px; padding-left: 30px; }
.sppb-panel-body .sppb-addon-text-block .sppb-addon-content ul li,
.specsrow table { padding: 0px 0px 10px; text-transform: none; color: rgb(49, 59, 65); letter-spacing: normal; font-weight: 400; font-size: 17px; line-height: 25px; font-family: Lato, sans-serif !important; }
.specsrow ul ul li:last-child { padding-bottom: 0px !important; }
.specsrow ul ul { padding-top: 10px !important; }
.specsrow table { margin: 20px 0px 0px 20px; max-width: 95%; }
.specsrow table td { padding-left: 20px; vertical-align: top; text-align: left !important; }
.sppb-panel-body .sppb-addon-text-block .sppb-addon-content h4 { margin-bottom: 15px; margin-top: 15px; display: block; font-size: 17px; font-weight: bold; }
.specsrow li ul { padding-bottom: 0px !important; }
.sppb-panel-body .sppb-addon-text-block .sppb-addon-content p { text-transform: none; color: rgb(49, 59, 65); font-family: Lato, sans-serif; font-weight: 200; font-size: 17px; line-height: 25px; margin-bottom: 0px; }
.sppb-panel-body .sppb-addon-text-block .sppb-addon-content ul li::marker { display: none; content: ""; }
.sppb-panel-body .sppb-addon-text-block .sppb-addon-content ul li::before { content: "•"; position: relative; top: -4px; left: -35px; font-size: 40px; margin-right: -21px; color: rgb(60, 170, 0); height: 0px; display: block; }
table tr::before { content: "•"; position: relative; top: 0px; left: -25px; font-size: 40px; margin-right: -21px; color: rgb(60, 170, 0); height: 0px; }
.sppb-panel-heading.active .sppb-toggle-direction { display: block; height: 30px; width: 30px; background-image: url("../images/site/list-active.png?v=1793888273"); background-size: cover; background-repeat: no-repeat; }
.sppb-panel-heading .sppb-toggle-direction { display: block; height: 30px; width: 30px; background-image: url("../images/site/list-closed.png?v=1793888273"); background-size: cover; background-repeat: no-repeat; }
.sppb-panel-heading .sppb-toggle-direction i,
.sppb-panel-heading.active .sppb-toggle-direction i { display: none; }
.sppb-panel-heading.active .sppb-toggle-direction { transform: translateY(-50%) rotate(90deg); }
.wiezijnwijblok.afwerking { border-top: 150px solid rgb(255, 255, 255); padding: 170px 0px 50px !important; }
.wiezijnwijblok.afwerking .sppb-addon-single-image-container img { border: 0px; box-shadow: none; margin-top: -350px; }
.wiezijnwijblok.afwerking h2 { font-weight: 300; letter-spacing: 12px; font-size: 25px; color: rgb(255, 255, 255) !important; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; padding: 20px 0px !important; margin: 0px !important; text-align: left !important; }
.wiezijnwijblok.afwerking .sppb-addon-text-block .sppb-addon-content ul li a { color: rgb(255, 255, 255); }
.wiezijnwijblok.afwerking .sppb-addon-text-block .sppb-addon-content ul li { color: rgb(255, 255, 255); }
.albumafwerking .ba-gallery-row-wrapper { margin-top: -90px; }
.specsrow .sppb-addon-accordion { max-width: 1100px; margin: 0px auto !important; font-weight: 900 !important; }
.specsrow .sppb-addon-accordion p { font-weight: 900 !important; }
.specsrow h2 { font-weight: 300; letter-spacing: 12px; font-size: 25px; max-width: 1100px; color: rgb(34, 99, 65) !important; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; padding: 10px 0px !important; text-align: left !important; margin: 0px auto !important; }
.specsrow .sppb-addon-header { background-color: rgb(223, 229, 243); margin-bottom: 30px; margin-top: 30px; }
.specsrow .sppb-panel-modern > .sppb-panel-heading { padding: 0px 30px 30px 15px; background: transparent; color: rgb(60, 170, 0); }
.specsrow .sppb-panel-modern { border: 1px solid transparent; border-radius: 0px; }
.specsrow .sppb-panel-title { font-weight: 300; letter-spacing: 8px; font-size: 25px; color: rgb(60, 170, 0) !important; font-family: montserrat, sans-serif !important; padding: 20px 0px !important; margin: 0px !important; text-align: left !important; }
.specsrow .sppb-panel-title span { font-style: italic; font-weight: 100 !important; letter-spacing: normal !important; }
.specsrow .sppb-panel-title::after { content: ""; display: block; position: relative; bottom: -10px; left: 0px; right: 0px; background: rgb(60, 170, 0); height: 4px; border-radius: 10px; max-width: 50%; }
.specsrow .sppb-panel-body { border-top: 0px !important; }
.specsrow h3.sppb-addon-title { padding: 30px 0px 0px; text-transform: none; color: rgb(49, 59, 65); letter-spacing: normal; font-weight: 500; font-size: 20px; line-height: 25px; font-family: Lato, sans-serif !important; }
.specsrow .sppb-addon-text-block .sppb-addon-content a { color: rgb(60, 170, 0); font-weight: 300; letter-spacing: 2px; padding: 0px 0px 0px 20px; margin: 30px 0px 0px; display: block; text-transform: uppercase; font-family: montserrat, sans-serif !important; }
.meerwetenrow { background-color: rgb(27, 33, 63); clip-path: polygon(0px 55%, 100% 0px, 100% 100%, 0px 100%); min-height: 200px; }
.meerwetenrow .sppb-addon-text-block .sppb-addon-content h2 { font-weight: 400; letter-spacing: 5px; font-size: 25px; color: rgb(255, 255, 255) !important; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; padding: 80px 0px 0px !important; text-align: right !important; }
.meerwetenrow .sppb-addon-text-block .sppb-addon-content h2 a { text-decoration: underline; color: rgb(255, 255, 255); }
.anderepartnersblok h3,
.contact h2 { color: rgb(56, 35, 61); font-weight: 300; letter-spacing: 12px; font-size: 25px; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; padding: 0px 0px 20px !important; margin: 0px !important; text-align: left !important; }
.anderepartnersblok p { color: rgb(56, 35, 61); font-weight: 300; font-size: 20px; font-family: montserrat, sans-serif !important; padding: 0px 0px 20px !important; margin: 0px !important; text-align: left !important; }
.headingblok { clip-path: polygon(0px 0px, 100% 0px, 100% 85%, 0px 50%); min-height: 300px; }
.onzepartners img { margin-top: 50px !important; }
.introtekstblok.onzepartners { padding-top: 50px !important; }
.introtekstblok .sppb-addon-text-block a { color: rgb(34, 99, 65); text-decoration: underline; }
.introtekstblok { margin-top: -290px !important; }
.introtekstblok .col1 { padding-top: 200px !important; }
.introtekstblok p { font-family: Lato, sans-serif; color: rgb(49, 59, 65); font-weight: 400; font-size: 17px; line-height: 30px; padding: 0px !important; }
.specsrow.faq .sppb-panel-title { padding: 30px 0px 0px; font-weight: 500; font-size: 20px; line-height: 25px; text-transform: none !important; color: rgb(49, 59, 65) !important; font-family: Lato, sans-serif !important; letter-spacing: normal !important; }
.specsrow.faq .sppb-panel-title::after { display: none; }
.specsrow.faq .sppb-panel-title::before { content: "•"; position: relative; top: -4px; left: -35px; font-size: 40px; margin-right: -21px; color: rgb(60, 170, 0); height: 0px; display: block; }
.specsrow.faq .sppb-panel-heading { padding-left: 40px !important; }
.specsrow.faq .sppb-panel-body { padding: 15px 15px 15px 40px; }
.loginrow { background-color: rgb(223, 236, 247); padding: 30px 0px !important; }
.loginrow h1 { color: rgb(0, 0, 0); text-transform: uppercase; font-weight: 300; letter-spacing: 10px; text-align: left; font-size: 30px; padding: 20px 0px; font-family: montserrat, sans-serif !important; }
.loginrow img { margin: 30px 0px 0px; }
.loginrow .btn-primary { background-image: url("../images/site/btn-groen.svg?v=1793888273") !important; color: rgb(255, 255, 255) !important; }
.loginrow .btn-primary:hover { background-image: url("../images/site/btn-beige.svg?v=1793889993") !important; color: rgb(0, 0, 0) !important; }
.loginrow h1::after { content: ""; display: block; position: relative; bottom: -10px; left: 0px; right: 0px; background: rgb(60, 150, 85); height: 4px; border-radius: 10px; }
.loginrow .btn-primary { float: right; max-width: 250px; min-width: 0px; }
.loginrow img { margin-bottom: 30px !important; }
.overfoto,
.natuurlijkfoto,
.onderhoudsarmfoto,
.qafoto img { margin-top: 23px; }
.contactfoto img { margin-top: -85px; }
.partnersheader { background: rgb(34, 99, 65) !important; }
.accuheader { background: rgb(179, 178, 177) !important; }
.accufoto img { margin-top: 95px !important; }
.introtekstaccu { padding-top: 70px !important; }
.introblokboten { padding: 50px 0px; margin: 0px; background-image: url("../images/site/home-bg-wit.jpg?v=1793888273"); background-repeat: no-repeat; background-size: cover; background-attachment: inherit; box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px; background-position: 50% 120% !important; min-height: 710px !important; }
.groeneknop img { margin-top: 0px !important; max-width: 250px !important; }
.linkerkolom { margin-top: -45px !important; }
.homeoverfoto img { margin-bottom: -30px !important; }
.footernegatiefcol p { margin-bottom: 0px !important; }
.footernegatiefcol .sppb-addon-text-block .sppb-addon-content ul { padding: 0px 0px 0px 20px; margin: 0px; }
.wiezijnwijblok.detail.contact,
.headingblok.faq { background: linear-gradient(174deg, rgb(35, 59, 83) 0%, rgb(36, 49, 64) 100%) !important; }
.bluerow.natuurlijk { min-height: 680px; padding: 0px !important; margin-top: -60px !important; margin-bottom: -60px !important; background-size: cover !important; }
.wiezijnwijblok.wit.elektrisch { background-color: transparent !important; }
.partnerrow { padding: 30px 0px !important; }
.nieuwsberichten h1 { color: rgb(255, 255, 255) !important; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; font-weight: 300 !important; letter-spacing: 10px !important; text-align: left !important; font-size: 30px !important; padding: 20px 0px !important; }
.nieuwsberichten h1::after { content: ""; display: block; position: relative; bottom: -20px; left: 0px; right: 0px; background: rgb(60, 150, 85); height: 4px; border-radius: 10px; max-width: 70%; }
h3.module-title { padding-top: 0px; color: rgb(35, 47, 61); text-transform: uppercase !important; font-family: montserrat, sans-serif !important; font-weight: 300 !important; letter-spacing: 3px !important; font-size: 20px !important; }
.terugblok .sppb-btn { float: none; font-size: 12px; margin: 0px; }
.socialshare ul { list-style: none; width: 100%; display: block; height: 70px; padding: 0px; }
.socialshare img { max-height: 42px; max-width: 42px; }
.socialshare ul li { float: left; padding: 0px 10px 0px 0px; }
.lang { display: none; }
.lang img { height: 30px; }
.nieuwsberichten .mwall-desc,
.nieuwsberichten .mwall-item-info,
.nieuwsberichten .mwall-title,
.nieuwsberichten .mwall-date,
.nieuwsberichten .mwall-item-category,
.nieuwsberichten .mwall-title a { color: rgb(49, 59, 65) !important; }
@media (min-width: 1200px) {
.container { max-width: 1100px; }
.sppb-row-container { max-width: 1100px; }
}
@media (max-width: 1230px) {
.astroid-nav a { font-size: 13px !important; }
.toprechts ul li a,
.header-right-section a { font-size: 13px !important; }
}
.modal-scrollable:has(.gallery-modal) :focus-visible,
.ba-gallery :focus-visible { outline-offset: 2px; outline: rgb(29, 166, 244) solid 2px; }
.ba-gallery-grid { width: 100%; }
.ba-image img { backface-visibility: hidden; border: 0px; display: block; height: auto; margin: 0px; vertical-align: middle; width: 100%; }
.ba-gallery-items { cursor: zoom-in; }
.ba-gallery-items { border-radius: var(--image-border-radius); }
.ba-image .ba-caption { background: var(--background-color); }
.ba-gallery-content { width: 100%; }
.modal-nav .zmdi-chevron-right:hover,
.modal-nav .zmdi-chevron-left:hover { background: var(--background-color); cursor: default; opacity: 0.6; }
.ba-gallery .row-fluid::after { clear: both; content: ""; display: table; line-height: 0; }
.ba-gallery:not(.album-in-lightbox) { background-color: inherit !important; }
.gallery-modal { margin: 0px auto; box-sizing: content-box; }
.ba-gallery-substrate { display: none; }
.modal-nav { left: 0px; position: fixed; right: 0px; top: calc(50% - 1.4375rem); z-index: 1; }
.modal-nav i { border-radius: 50%; box-sizing: content-box; font-size: 2.25rem; line-height: 2.25rem; padding: 0.625rem; position: absolute; text-align: center; transition: opacity 0.2s ease-in-out; width: 2.25rem; z-index: 10; }
.modal-nav .zmdi-chevron-left { left: 1.5625rem; }
.modal-nav .zmdi-chevron-right { right: 1.5625rem; }
.modal-scrollable:not(.ba-scrollable) .description-wrapper { display: none; }
.modal-nav i.zmdi:hover,
.zmdi { cursor: pointer !important; }
.categories-description { width: 100%; }
.modal-nav .zmdi-chevron-left,
.modal-nav .zmdi-chevron-right { font-size: 1.25rem; transition: right 0.5s, left 0.5s, width 0.5s, opacity 0.3s; }
.gallery-modal { transition: padding-right 0.5s, padding-left 0.5s; }
.ba-gallery-fade-animation .ba-modal-body { inset: 0px; position: absolute; will-change: transform, opacity; }
.ba-gallery-fade-animation .ba-modal-body:not(.ba-resize) { padding-top: var(--modal-body-padding-top); }
.ba-gallery-fade-animation .ba-modal-body:not(.ba-description-left):not(.ba-description-right) { opacity: 0; transition: opacity 0.3s; }
.ba-gallery-fade-animation .ba-modal-body:not(.ba-description-left):not(.ba-description-right).active { opacity: 1; transition: opacity 0.3s; z-index: 1; }
.ba-modal-body:not(.ba-filled-description):not(.ba-resize) { padding-top: 0px; }
.ba-modal-body:not(.ba-resize) { padding-top: 3.75rem; }
.ba-modal-body { backface-visibility: hidden; background: transparent; margin-left: auto; margin-right: auto; min-width: calc(100vw + var(--gallery-scroll-width)); overflow: hidden scroll; transition: 0.5s; }
.ba-modal-body > div { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: transparent; margin: 0px auto; max-height: 100vh; overflow-y: auto; position: relative; z-index: 1; }
.ba-modal-body > div.modal-image:not(.embed) { justify-content: center; max-height: 100vh; overflow-y: auto; padding: 0 calc((100vw - var(--modal-body-width) - 25rem)/2); }
.ba-modal-body:not(.ba-resize) > div.modal-image { padding-top: 3.75rem !important; }
.ba-modal-body:not(.ba-filled-description) > div.modal-image { max-height: none; overflow: hidden; }
.ba-gallery input:focus,
.ba-gallery textarea:focus { outline: none; }
.ba-gallery input:focus { border-color: transparent !important; }
.ba-gallery { background-color: var(--modal-background-color); position: relative; display: inline-block; width: 100%; }
@media (max-width: 1200px) {
.ba-gallery-row-wrapper .row-fluid { margin-bottom: 0.9375rem; }
.ba-gallery-row-wrapper > .ba-gallery-content-wrapper { display: block; }
}
@media (max-width: 1024px) {
.ba-modal-body > div.modal-image { overflow: hidden; max-height: initial; }
.description-wrapper { width: var(--modal-body-width); background: var(--modal-body-color) !important; }
.description-wrapper { margin: 0px auto; }
}
@media (max-width: 767px) {
.ba-gallery { box-sizing: border-box; padding: 0px 1.25rem; }
.modal-nav .zmdi-chevron-right:hover,
.modal-nav .zmdi-chevron-left:hover { opacity: 1; }
}
.ba-caption .ba-caption-content { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.ba-caption { align-items: center; display: flex; overflow: hidden; }
.ba-gallery-items { animation: 0.8s linear 0s 1 normal both running ba-image-fade; overflow: hidden; }
.disable-caption .ba-caption { display: none; }
.mwall-container-loader { display: none; line-height: 20px; height: 20px; min-width: 16px; margin: 20px 0px 0px; }
.mwall-container { display: none; opacity: 0; transition: opacity 0.4s; padding: 0px; }
.clearfix::after { content: ""; display: table; line-height: 0; }
.clearfix::after { content: ""; display: table; line-height: 0; }
.mwall-items { margin-top: 0px; margin-bottom: 0px; overflow: hidden; transition: height 0.3s; }
.mwall-item-outer-cont { box-sizing: border-box; height: 100%; position: relative; overflow: hidden; }
.mwall-item-inner { max-height: 100%; }
.mwall-no-items { display: none; padding: 40px 20px; text-align: center; }
.mwall-pagination-wrapper { margin: 25px 0px 30px; }
.mwall-append { padding: 0px; text-align: center; font-weight: 400; line-height: 30px; vertical-align: baseline; }
.mwall-append a { vertical-align: top; box-shadow: rgba(0, 0, 0, 0.08) 0px -1px 0px inset; border: 1px solid rgb(215, 215, 215); display: inline-block; padding: 8px 14px; text-decoration: none; line-height: 26px; font-size: 14px; min-width: 100px; }
a.mwall-button { margin: 0px 5px; }
.mwall-append a.mwall-button:hover { text-decoration: none; outline: none; background: rgba(247, 247, 247, 0.75) !important; border: 1px solid rgb(215, 215, 215) !important; color: rgb(119, 119, 119) !important; }
.mwall-append a:hover,
.mwall-append a:focus { text-decoration: none; outline: none; }
.mwall-append-loader { display: none; line-height: 26px; height: 26px; }
.mwall-loader { position: relative; }
.mwall-filters-loader { display: none; line-height: 33px; height: 33px; width: 33px; position: relative; vertical-align: top; }
.mwall-filters-group .mwall-filters-loader { position: absolute; right: 0px; top: 0px; }
.mwall-filters-sortings { margin: 5px 0px 15px; }
.mwall-filters-container { padding: 0px; position: relative; display: inline-block; margin: 10px 0px 0px; text-align: left; }
.mwall-filters { position: relative; display: inline-block; vertical-align: top; }
.mwall-buttons { margin-bottom: 8px; margin-right: 20px; position: relative; }
.mwall-buttons ul { padding: 0px; list-style: none; display: inline-block; margin: 0px !important; }
.mwall-buttons ul li { display: inline-block; vertical-align: top; }
.mwall-buttons a { padding: 0px 12px; display: inline-block; line-height: 31px; height: 33px; border: 1px solid rgb(221, 221, 221); margin: 0px 2px 5px; text-decoration: none; outline: none; color: rgb(119, 119, 119); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px -1px 0px inset; }
.mwall-buttons a:hover,
.mwall-buttons a:focus { outline: none; text-decoration: none; color: rgb(68, 68, 68); }
.mwall-buttons > span { padding: 0px 7px; color: rgb(119, 119, 119); display: inline-block; vertical-align: top; line-height: 33px; }
.mwall-filters .button-group { display: inline-block; }
.mwall-buttons a.mwall-filter-active { color: rgb(255, 255, 255); }
.mwall-filters-group { position: relative; min-width: 180px; max-width: 100%; display: inline-block; vertical-align: top; margin: 0px 15px 10px 0px; text-align: left; }
.mwall-filters-group.mwall-static-filters { padding-right: 33px; margin-right: 5px; }
.mwall-item { overflow: hidden; box-sizing: border-box; width: 100%; cursor: default; }
.mwall-item-inner-cont { height: 100%; position: relative; overflow: hidden; }
.mwall-item-inner { box-sizing: border-box; overflow: hidden; position: absolute; }
.mwall-cover { position: relative; overflow: hidden; }
h3.mwall-title { line-height: 24px; margin: 0px; padding: 10px 15px; }
h3.mwall-title a { font-size: 18px; line-height: 24px; transition: 0.3s; overflow-wrap: break-word; text-decoration: none; }
h3.mwall-title a:hover,
h3.mwall-title a:focus { text-decoration: none; outline: none; }
.mwall-desc { font-size: 13px; line-height: 18px; font-weight: 400; padding: 8px 15px 15px; }
.mwall-date { text-transform: uppercase; padding: 10px 15px 0px; font-size: 12px; }
.mwall-item-info { padding: 0px; font-size: 12px; }
.mwall-item-info p:first-child { padding-top: 8px; }
.mwall-item-category { margin: 0px 0px 2px; padding: 0px 15px; }
.mwall-readmore { font-size: 12px; padding: 0px 15px 15px; margin: 10px 0px 0px; }
.mwall-readmore a { padding: 8px 15px; border-radius: 0px; background: none; display: inline-block; }
.mwall-readmore a:hover,
.mwall-readmore a:focus { outline: none; text-decoration: none; }
.mwall-columns .mwall-item-inner-cont { padding: 0px; height: 100%; }
.mwall-columns .mwall-cover { height: 100%; }
.mwall-columns .mwall-img-div { position: relative; overflow: hidden; height: 100%; }
.mwall-columns .mwall-item-img { height: 100%; transform: scale(1); }
.mwall-columns .mwall-photo-link { z-index: 1; width: 100%; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; height: 100%; }
.mwall-columns .mwall-photo-link img { object-fit: cover; min-width: 100%; min-height: 100%; max-width: 100%; }
.mwall-columns .mwall-item-inner { padding: 10px 0px; position: relative; z-index: 2; }
#mwall_container_1 a.mwall-button { background-color: rgb(34, 99, 63); border-color: rgb(34, 99, 63); border-radius: 0px; color: rgb(255, 255, 255); }
#mwall_items_2 .mwall-item-inner-cont,
#mwall_items_1 .mwall-item-inner-cont { background-color: rgb(255, 255, 255); }
@media only screen and (min-width: 1139px) {
.mwall-columns #mwall_items_2 .mwall-photo-link,
.mwall-columns #mwall_items_1 .mwall-photo-link { height: 240px !important; }
}
@media only screen and (min-width: 939px) and (max-width: 1138px) {
.mwall-columns #mwall_items_2 .mwall-photo-link,
.mwall-columns #mwall_items_1 .mwall-photo-link { height: 240px !important; }
}
@media only screen and (min-width: 719px) and (max-width: 938px) {
#mwall_items_2 .mwall-item-inner,
#mwall_items_1 .mwall-item-inner { background-color: rgb(255, 255, 255) !important; }
#mwall_items_2 .mwall-item-inner-cont,
#mwall_items_1 .mwall-item-inner-cont { background-color: rgb(255, 255, 255) !important; }
#mwall_items_2 .mwall-item,
#mwall_items_1 .mwall-item { height: auto !important; }
#mwall_items_2 .mwall-item-inner,
#mwall_items_1 .mwall-item-inner { position: static; width: 100% !important; }
.mwall-columns #mwall_items_2 .mwall-photo-link,
.mwall-columns #mwall_items_1 .mwall-photo-link { height: 240px !important; }
#mwall_items_2 .mwall-item,
#mwall_items_1 .mwall-item { width: 50% !important; }
#mwall_items_2 .mwall-item-inner .mwall-title a,
#mwall_items_1 .mwall-item-inner .mwall-title a { font-size: 18px !important; line-height: 24px; }
#mwall_items_2 .mwall-detail-box h3.mwall-title a,
#mwall_items_1 .mwall-detail-box h3.mwall-title a { color: rgba(255, 255, 255, 0.9) !important; }
#mwall_items_2 .mwall-detail-box h3.mwall-title a:hover,
#mwall_items_2 .mwall-detail-box h3.mwall-title a:focus,
#mwall_items_1 .mwall-detail-box h3.mwall-title a:hover,
#mwall_items_1 .mwall-detail-box h3.mwall-title a:focus { color: rgb(255, 255, 255) !important; }
#mwall_items_2 .mwall-detail-box .mwall-item-info,
#mwall_items_1 .mwall-detail-box .mwall-item-info { color: rgba(255, 255, 255, 0.7) !important; }
#mwall_items_2 .mwall-detail-box .mwall-desc,
#mwall_items_1 .mwall-detail-box .mwall-desc { color: rgba(255, 255, 255, 0.8) !important; }
#mwall_items_2 .mwall-detail-box .mwall-date,
#mwall_items_1 .mwall-detail-box .mwall-date { color: rgba(255, 255, 255, 0.7) !important; }
#mwall_items_2 .mwall-detail-box .mwall-readmore a,
#mwall_items_1 .mwall-detail-box .mwall-readmore a { color: rgba(255, 255, 255, 0.7) !important; border: 1px solid rgba(255, 255, 255, 0.7) !important; }
#mwall_items_2 .mwall-detail-box .mwall-readmore a:hover,
#mwall_items_2 .mwall-detail-box .mwall-readmore a:focus,
#mwall_items_1 .mwall-detail-box .mwall-readmore a:hover,
#mwall_items_1 .mwall-detail-box .mwall-readmore a:focus { color: rgb(255, 255, 255) !important; border: 1px solid rgb(255, 255, 255) !important; }
#mwall_items_2 .mwall-detail-box,
#mwall_items_1 .mwall-detail-box { display: block !important; }
#mwall_items_2 .mwall-detail-box .mwall-title,
#mwall_items_1 .mwall-detail-box .mwall-title { display: block !important; }
#mwall_items_2 .mwall-detail-box .mwall-desc,
#mwall_items_1 .mwall-detail-box .mwall-desc { display: block !important; }
#mwall_items_2 .mwall-detail-box .mwall-date,
#mwall_items_1 .mwall-detail-box .mwall-date { display: block !important; }
#mwall_items_2 .mwall-detail-box .mwall-item-category,
#mwall_items_1 .mwall-detail-box .mwall-item-category { display: block !important; }
#mwall_items_2 .mwall-detail-box .mwall-readmore,
#mwall_items_1 .mwall-detail-box .mwall-readmore { display: block !important; }
}
@media only screen and (min-width: 479px) and (max-width: 718px) {
#mwall_items_2 .mwall-item-inner,
#mwall_items_1 .mwall-item-inner { background-color: rgb(255, 255, 255) !important; }
#mwall_items_2 .mwall-item-inner-cont,
#mwall_items_1 .mwall-item-inner-cont { background-color: rgb(255, 255, 255) !important; }
#mwall_items_2 .mwall-item,
#mwall_items_1 .mwall-item { height: auto !important; }
#mwall_items_2 .mwall-item-inner,
#mwall_items_1 .mwall-item-inner { position: static; width: 100% !important; }
.mwall-columns #mwall_items_2 .mwall-photo-link,
.mwall-columns #mwall_items_1 .mwall-photo-link { height: 240px !important; }
#mwall_items_2 .mwall-item,
#mwall_items_1 .mwall-item { width: 50% !important; }
#mwall_items_2 .mwall-item-inner .mwall-title a,
#mwall_items_1 .mwall-item-inner .mwall-title a { font-size: 18px; line-height: 24px; }
#mwall_items_2 .mwall-detail-box h3.mwall-title a,
#mwall_items_1 .mwall-detail-box h3.mwall-title a { color: rgba(255, 255, 255, 0.9) !important; }
#mwall_items_2 .mwall-detail-box h3.mwall-title a:hover,
#mwall_items_2 .mwall-detail-box h3.mwall-title a:focus,
#mwall_items_1 .mwall-detail-box h3.mwall-title a:hover,
#mwall_items_1 .mwall-detail-box h3.mwall-title a:focus { color: rgb(255, 255, 255) !important; }
#mwall_items_2 .mwall-detail-box .mwall-item-info,
#mwall_items_1 .mwall-detail-box .mwall-item-info { color: rgba(255, 255, 255, 0.7) !important; }
#mwall_items_2 .mwall-detail-box .mwall-desc,
#mwall_items_1 .mwall-detail-box .mwall-desc { color: rgba(255, 255, 255, 0.8) !important; }
#mwall_items_2 .mwall-detail-box .mwall-date,
#mwall_items_1 .mwall-detail-box .mwall-date { color: rgba(255, 255, 255, 0.7) !important; }
#mwall_items_2 .mwall-detail-box .mwall-readmore a,
#mwall_items_1 .mwall-detail-box .mwall-readmore a { color: rgba(255, 255, 255, 0.7) !important; border: 1px solid rgba(255, 255, 255, 0.7) !important; }
#mwall_items_2 .mwall-detail-box .mwall-readmore a:hover,
#mwall_items_2 .mwall-detail-box .mwall-readmore a:focus,
#mwall_items_1 .mwall-detail-box .mwall-readmore a:hover,
#mwall_items_1 .mwall-detail-box .mwall-readmore a:focus { color: rgb(255, 255, 255) !important; border: 1px solid rgb(255, 255, 255) !important; }
#mwall_items_2 .mwall-detail-box,
#mwall_items_1 .mwall-detail-box { display: block !important; }
#mwall_items_2 .mwall-detail-box .mwall-title,
#mwall_items_1 .mwall-detail-box .mwall-title { display: block !important; }
#mwall_items_2 .mwall-detail-box .mwall-desc,
#mwall_items_1 .mwall-detail-box .mwall-desc { display: block !important; }
#mwall_items_2 .mwall-detail-box .mwall-date,
#mwall_items_1 .mwall-detail-box .mwall-date { display: block !important; }
#mwall_items_2 .mwall-detail-box .mwall-item-category,
#mwall_items_1 .mwall-detail-box .mwall-item-category { display: block !important; }
#mwall_items_2 .mwall-detail-box .mwall-readmore,
#mwall_items_1 .mwall-detail-box .mwall-readmore { display: block !important; }
}
@media only screen and (max-width: 478px) {
#mwall_items_2 .mwall-item-inner,
#mwall_items_1 .mwall-item-inner { background-color: rgb(255, 255, 255) !important; }
#mwall_items_2 .mwall-item-inner-cont,
#mwall_items_1 .mwall-item-inner-cont { background-color: rgb(255, 255, 255) !important; }
#mwall_items_2 .mwall-item,
#mwall_items_1 .mwall-item { height: auto !important; }
#mwall_items_2 .mwall-item-inner,
#mwall_items_1 .mwall-item-inner { position: static; width: 100% !important; }
.mwall-columns #mwall_items_2 .mwall-photo-link,
.mwall-columns #mwall_items_1 .mwall-photo-link { height: 240px !important; }
#mwall_items_2 .mwall-item,
#mwall_items_1 .mwall-item { width: 100% !important; }
#mwall_items_2 .mwall-item-inner .mwall-title a,
#mwall_items_1 .mwall-item-inner .mwall-title a { font-size: 18px; line-height: 24px; }
#mwall_items_2 .mwall-detail-box h3.mwall-title a,
#mwall_items_1 .mwall-detail-box h3.mwall-title a { color: rgba(255, 255, 255, 0.9) !important; }
#mwall_items_2 .mwall-detail-box h3.mwall-title a:hover,
#mwall_items_2 .mwall-detail-box h3.mwall-title a:focus,
#mwall_items_1 .mwall-detail-box h3.mwall-title a:hover,
#mwall_items_1 .mwall-detail-box h3.mwall-title a:focus { color: rgb(255, 255, 255) !important; }
#mwall_items_2 .mwall-detail-box .mwall-item-info,
#mwall_items_1 .mwall-detail-box .mwall-item-info { color: rgba(255, 255, 255, 0.7) !important; }
#mwall_items_2 .mwall-detail-box .mwall-desc,
#mwall_items_1 .mwall-detail-box .mwall-desc { color: rgba(255, 255, 255, 0.8) !important; }
#mwall_items_2 .mwall-detail-box .mwall-date,
#mwall_items_1 .mwall-detail-box .mwall-date { color: rgba(255, 255, 255, 0.7) !important; }
#mwall_items_2 .mwall-detail-box .mwall-readmore a,
#mwall_items_1 .mwall-detail-box .mwall-readmore a { color: rgba(255, 255, 255, 0.7) !important; border: 1px solid rgba(255, 255, 255, 0.7) !important; }
#mwall_items_2 .mwall-detail-box .mwall-readmore a:hover,
#mwall_items_2 .mwall-detail-box .mwall-readmore a:focus,
#mwall_items_1 .mwall-detail-box .mwall-readmore a:hover,
#mwall_items_1 .mwall-detail-box .mwall-readmore a:focus { color: rgb(255, 255, 255) !important; border: 1px solid rgb(255, 255, 255) !important; }
#mwall_items_2 .mwall-detail-box,
#mwall_items_1 .mwall-detail-box { display: block !important; }
#mwall_items_2 .mwall-detail-box .mwall-title,
#mwall_items_1 .mwall-detail-box .mwall-title { display: block !important; }
#mwall_items_2 .mwall-detail-box .mwall-desc,
#mwall_items_1 .mwall-detail-box .mwall-desc { display: block !important; }
#mwall_items_2 .mwall-detail-box .mwall-date,
#mwall_items_1 .mwall-detail-box .mwall-date { display: block !important; }
#mwall_items_2 .mwall-detail-box .mwall-item-category,
#mwall_items_1 .mwall-detail-box .mwall-item-category { display: block !important; }
#mwall_items_2 .mwall-detail-box .mwall-readmore,
#mwall_items_1 .mwall-detail-box .mwall-readmore { display: block !important; }
}
#mwall_container_1 .mwall-buttons a { border-radius: 0px; }
#mwall_container_1 .mwall-buttons a.mwall-filter-active { background-color: rgb(34, 99, 63); border-color: rgb(34, 99, 63); }
#mwall_items_1 .mwall-detail-box h3.mwall-title a { color: rgba(255, 255, 255, 0.9); }
#mwall_items_1 .mwall-detail-box h3.mwall-title a:hover,
#mwall_items_1 .mwall-detail-box h3.mwall-title a:focus { color: rgb(255, 255, 255); }
#mwall_items_1 .mwall-detail-box .mwall-item-info { color: rgba(255, 255, 255, 0.7); }
#mwall_items_1 .mwall-detail-box .mwall-desc { color: rgba(255, 255, 255, 0.8); }
#mwall_items_1 .mwall-detail-box .mwall-date { color: rgba(255, 255, 255, 0.7); }
#mwall_items_1 .mwall-detail-box .mwall-readmore a { color: rgba(255, 255, 255, 0.7); border: 1px solid rgba(255, 255, 255, 0.7); }
#mwall_items_1 .mwall-detail-box .mwall-readmore a:hover,
#mwall_items_1 .mwall-detail-box .mwall-readmore a:focus { color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); }
#mwall_items_1 .mwall-item-outer-cont .mwall-photo-link { transition: 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
#mwall_items_1 .mwall-item-outer-cont .mwall-photo-link { opacity: 1; }
#mwall_items_1 .mwall-item-outer-cont:hover .mwall-photo-link { transform: scale(1, 1); opacity: 1; }
#mwall_items_2 .mwall-detail-box h3.mwall-title a { color: rgba(255, 255, 255, 0.9); }
#mwall_items_2 .mwall-detail-box h3.mwall-title a:hover,
#mwall_items_2 .mwall-detail-box h3.mwall-title a:focus { color: rgb(255, 255, 255); }
#mwall_items_2 .mwall-detail-box .mwall-item-info { color: rgba(255, 255, 255, 0.7); }
#mwall_items_2 .mwall-detail-box .mwall-desc { color: rgba(255, 255, 255, 0.8); }
#mwall_items_2 .mwall-detail-box .mwall-date { color: rgba(255, 255, 255, 0.7); }
#mwall_items_2 .mwall-detail-box .mwall-readmore a { color: rgba(255, 255, 255, 0.7); border: 1px solid rgba(255, 255, 255, 0.7); }
#mwall_items_2 .mwall-detail-box .mwall-readmore a:hover,
#mwall_items_2 .mwall-detail-box .mwall-readmore a:focus { color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); }
#mwall_items_2 .mwall-item-outer-cont .mwall-photo-link { transition: 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
#mwall_items_2 .mwall-item-outer-cont .mwall-photo-link { opacity: 1; }
#mwall_items_2 .mwall-item-outer-cont:hover .mwall-photo-link { transform: scale(1, 1); opacity: 1; }
body.astroid-device-xs { padding: 5px; }
.home-alias.astroid-device-xs .inwordingblok.afwerking { padding: 50px 20px !important; }
.home-alias.astroid-device-xs .inwordingblok { padding: 50px 20px !important; }
@media (min-width: 1200px) {
h1,
.h1 { font-size: 2.5rem; }
h2,
.h2 { font-size: 2rem; }
h3,
.h3 { font-size: 1.75rem; }
h4,
.h4 { font-size: 1.5rem; }
}
@media (min-width: 576px) {
.container-sm,
.container { max-width: 540px; }
}
@media (min-width: 768px) {
.container-md,
.container-sm,
.container { max-width: 720px; }
}
@media (min-width: 992px) {
.container-lg,
.container-md,
.container-sm,
.container { max-width: 960px; }
}
@media (min-width: 1200px) {
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container { max-width: 1140px; }
}
@media (min-width: 1400px) {
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container { max-width: 1320px; }
}
@media (min-width: 992px) {
.col-lg-5 { flex: 0 0 auto; width: 41.6667%; }
.col-lg-6 { flex: 0 0 auto; width: 50%; }
.col-lg-7 { flex: 0 0 auto; width: 58.3333%; }
.col-lg-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 576px) {
.d-sm-block { display: block !important; }
.d-sm-none { display: none !important; }
}
@media (min-width: 768px) {
.d-md-block { display: block !important; }
.d-md-none { display: none !important; }
}
@media (min-width: 992px) {
.d-lg-block { display: block !important; }
.d-lg-flex { display: flex !important; }
.d-lg-none { display: none !important; }
.flex-lg-grow-1 { flex-grow: 1 !important; }
}
@media (min-width: 1200px) {
.d-xl-block { display: block !important; }
.d-xl-none { display: none !important; }
}
@media (min-width: 1400px) {
.d-xxl-block { display: block !important; }
.d-xxl-none { display: none !important; }
}
@media (min-width: 640px) {
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl { --bs-gutter-x: 2rem; }
}
@media (min-width: 960px) {
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl { --bs-gutter-x: 3rem; }
}
@media (min-width: 768px) {
.astroid-header-section .astroid-header-sticky .astroid-logo .astroid-logo-sticky:not([hidden]) { display: block !important; }
}
@media (max-width: 767.98px) {
.astroid-logo .astroid-logo-default { display: none !important; }
.astroid-logo .astroid-logo-mobile { display: block; }
}
@media (min-width: 992px) {
.as-gutter-x-xl\@lg { margin-left: -1.5rem; }
.as-gutter-x-xl\@lg > * { margin-left: 1.5rem; }
}
@media (orientation: portrait) {
.astroid-device-xs .astroid-wrapper { overflow-x: hidden; }
.astroid-device-xs .astroid-logo .astroid-logo-mobile { display: block; max-width: 70%; margin: 0px auto; }
.astroid-device-xs .header-mobilemenu-trigger.burger-menu-button .inner,
.astroid-device-xs .header-mobilemenu-trigger.burger-menu-button .inner::before,
.astroid-device-xs .header-mobilemenu-trigger.burger-menu-button .inner::after { background-color: rgb(144, 205, 54); }
.astroid-device-xs .burger-menu-button .inner,
.astroid-device-xs .burger-menu-button .inner::before,
.astroid-device-xs .burger-menu-button .inner::after { width: 45px; height: 4px; border-radius: 99px; }
.astroid-device-xs .astroid-mobilemenu { width: 90%; }
.astroid-device-xs .astroid-mobilemenu-container .astroid-mobilemenu-inner ul > li.menu-item:first-child { border-top: 0px solid rgb(221, 221, 221); }
.astroid-device-xs .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item { border-bottom: 0px solid rgb(221, 221, 221); display: table; width: 100%; }
.astroid-device-xs .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a,
.astroid-device-xs .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a { color: rgb(0, 0, 0); text-transform: uppercase; font-weight: 300; letter-spacing: 10px; font-size: 20px; line-height: 23px; padding: 0px 10px 20px 30px; font-family: montserrat, sans-serif !important; }
.astroid-device-xs .toprechts { display: none; }
.astroid-device-xs #ac-7iip5434o { display: none; }
.astroid-device-xs .astroid-header-section .astroid-header-sticky .astroid-logo .astroid-logo-sticky { display: none !important; max-height: 30px; }
.astroid-device-xs h1.sliderh1,
.astroid-device-xs .sliderh1.h1 { font-size: 30px !important; line-height: 30px !important; padding-top: 200px !important; }
.astroid-device-xs .introblok { padding: 50px 0px !important; }
.astroid-device-xs .introblok h2,
.astroid-device-xs .introblok .h2 { font-size: 60px; }
.astroid-device-xs .sppb-btn { padding: 25px 10px 25px 50px; min-width: 230px; font-size: 17px; float: none; }
.astroid-device-xs .bootrij { padding: 50px 0px 100px !important; }
.astroid-device-xs .galleryblok h2,
.astroid-device-xs .galleryblok .h2 { font-size: 22px; color: rgb(255, 255, 255); float: none; max-width: none; width: 100%; text-align: center; display: block; letter-spacing: 7px; margin-top: 0px !important; }
.astroid-device-xs .ba-gallery { box-sizing: border-box; padding: 0px; }
.astroid-device-xs .galleryblok { background-color: rgb(56, 35, 61); padding: 50px 10px 0px !important; }
.astroid-device-xs .daaromblok .sppb-col-md-7 { margin-left: 0px; }
.astroid-device-xs .nextend-arrow-previous,
.astroid-device-xs .nextend-arrow-next { --widget-offset: -35px !important; }
.astroid-device-xs .wiezijnwijblok { padding: 50px 20px !important; }
.astroid-device-xs .wiezijnwijblok h3,
.astroid-device-xs .wiezijnwijblok .h3,
.astroid-device-xs .inwordingblok h3,
.astroid-device-xs .inwordingblok .h3,
.astroid-device-xs .maakkennisblok h2,
.astroid-device-xs .maakkennisblok .h2 { font-size: 22px; letter-spacing: 7px; }
.astroid-device-xs .inwordingblok .sppb-addon-single-image-container img { margin-top: 40px; }
.astroid-device-xs .inwordingblok { padding: 50px 20px !important; }
.astroid-device-xs .maakkennisblok { padding: 50px 0px !important; }
.astroid-device-xs .footerbootcol img { max-width: 340px; margin-bottom: -30px; min-width: 100px; }
.astroid-device-xs .nieuwsbriefcol .btn-primary,
.astroid-device-xs .nieuwsbriefcol .btn-backtohome,
.astroid-device-xs .nieuwsbriefcol .btn-prosandcons,
.astroid-device-xs .nieuwsbriefcol div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button,
div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .astroid-device-xs .nieuwsbriefcol .jd-form-button { min-width: 240px; }
.astroid-device-xs .footerblok2 { text-align: center; padding: 50px 20px !important; }
.astroid-device-xs .footerblok2 .sppb-text-left { text-align: center !important; }
.astroid-device-xs .footerblok2 h2,
.astroid-device-xs .footerblok2 .h2 { padding: 30px 0px 20px !important; margin: 0px !important; text-align: center !important; }
.astroid-device-xs .footerblok2 p { margin-bottom: 0px; }
.astroid-device-xs .footernegatiefcol { z-index: 0 !important; }
.astroid-device-xs .copyrow .sppb-text-left,
.astroid-device-xs .copyrow .sppb-text-right { text-align: center; }
.astroid-device-xs .nieuwsbriefcol { max-height: none; margin: 0px !important; padding: 20px !important; }
.astroid-device-xs .socialscol .sppb-icons-group-list { display: inline-table; }
.astroid-device-xs .socialscol ul li { float: left; }
.astroid-device-xs .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a.mobile { display: block !important; color: rgb(37, 109, 123) !important; }
.astroid-device-xs .linkerkolom { margin-top: 0px !important; }
.astroid-device-xs .sppb-row-container > .sppb-row > div { padding-left: 0px !important; padding-right: 0px !important; }
.astroid-device-xs .tekening img { margin-bottom: 0px !important; }
.astroid-device-xs .ba-gallery-row-wrapper { max-width: 900px; margin: 0px auto; }
.astroid-device-xs .bootrij2 { min-height: 450px; background-position: center top !important; }
.astroid-device-xs .bootrij2 .boatvaren img { margin-top: 0px; }
.astroid-device-xs .boatvaren { margin-top: -50px; }
.astroid-device-xs .boatvaren .sppb-addon-single-image-container { padding-top: 30px !important; }
.astroid-device-xs .wiezijnwijblok.madeinholland { padding: 50px 20px !important; }
.astroid-device-xs .nieuws h2.sppb-addon-title,
.astroid-device-xs .nieuws .sppb-addon-title.h2 { font-size: 22px; letter-spacing: 7px; padding: 0px 20px !important; }
.astroid-device-xs .nieuwscol { min-height: 450px !important; }
.astroid-device-xs .socialfooterblok { background-color: rgba(187, 220, 247, 0.79); color: rgb(34, 100, 65); font-weight: 300; font-size: 20px; line-height: 50px; text-align: center; margin: 20px 0px 0px !important; padding: 0px 20px !important; text-transform: uppercase !important; font-family: montserrat, sans-serif !important; }
.astroid-device-xs .socialfooterblok img { float: none; margin: 0px 10px; border-radius: 10px; height: 50px; width: 50px; display: inline-flex; }
.astroid-device-xs .sppb-addon-text-block .sppb-addon-content ul li,
.astroid-device-xs .sppb-addon-text-block .sppb-addon-content ul li a { text-align: left; }
.astroid-device-xs .introblok.detail { min-height: 640px; padding: 50px 20px !important; }
.astroid-device-xs .wiezijnwijblok.wit { padding: 50px 20px !important; }
.astroid-device-xs .dividerblue { background-color: rgb(27, 33, 63); clip-path: polygon(0px 25%, 100% 0px, 100% 40%, 0px 65%); min-height: 260px; }
.astroid-device-xs .bovenstefoto img { margin-top: 0px; margin-bottom: 30px; }
.astroid-device-xs .sppb-addon-text-block .sppb-addon-content ul li { padding-left: 20px; }
.astroid-device-xs .sppb-addon-text-block .sppb-addon-content ul li a { padding-left: 0px; }
.astroid-device-xs .wiezijnwijblok.groen { padding: 50px 20px !important; }
.astroid-device-xs .wiezijnwijblok.afwerking .sppb-addon-single-image-container img { border: 0px; box-shadow: none; margin-top: -150px; }
.astroid-device-xs .wiezijnwijblok.afwerking { border-top: 50px solid rgb(255, 255, 255); padding: 50px 20px !important; }
.astroid-device-xs .wiezijnwijblok.afwerking h2,
.astroid-device-xs .wiezijnwijblok.afwerking .h2 { letter-spacing: 5px; }
.astroid-device-xs .albumafwerking { padding: 50px 20px 0px !important; }
.astroid-device-xs .specsrow .sppb-panel-title::after { max-width: 90%; }
.astroid-device-xs .sppb-panel-body .sppb-addon-text-block .sppb-addon-content ul li::before { content: "•"; position: relative; top: -3px; left: -35px; font-size: 30px; margin-right: -21px; color: rgb(60, 170, 0); height: 0px; display: block; }
.astroid-device-xs .specsrow h2,
.astroid-device-xs .specsrow .h2 { letter-spacing: 5px; padding: 20px 10px !important; }
.astroid-device-xs a.active,
.astroid-device-xs .astroid-nav a:hover { border-bottom: 0px; }
.astroid-device-xs .wiezijnwijblok.detail { padding: 50px 20px !important; }
.astroid-device-xs .wiezijnwijblok.detail.holland { clip-path: polygon(100% 3%, 100% 100%, 0px 100%, 0px 0px); border-top: 90px solid rgb(237, 125, 49); background: rgb(27, 33, 63) !important; padding: 50px 20px !important; margin-bottom: 0px !important; }
.astroid-device-xs .imagerow { padding: 0px !important; }
.astroid-device-xs .specsrow table { font-size: 15px; line-height: 22px; }
.astroid-device-xs table tr::before { content: "•"; position: relative; top: 1px; left: -25px; font-size: 30px; margin-right: -21px; color: rgb(60, 170, 0); height: 0px; }
.astroid-device-xs .groeneknop img { margin-top: -30px !important; max-width: 130px !important; }
.astroid-device-xs .bluerow { min-height: 0px; padding: 150px 20px 10px !important; }
.astroid-device-xs .wiezijnwijblok.wit h2,
.astroid-device-xs .wiezijnwijblok.wit .h2,
.astroid-device-xs .wiezijnwijblok.wit .sppb-addon-text-block .sppb-addon-content h2 { letter-spacing: 5px; }
.astroid-device-xs .headingblok { clip-path: polygon(0px 0px, 100% 0px, 100% 65%, 0px 50%); min-height: 370px; }
.astroid-device-xs .introtekstblok .col1 { padding: 150px 20px 0px !important; }
.astroid-device-xs .specsrow.faq .sppb-panel-title { font-size: 16px; line-height: 20px; }
.astroid-device-xs .specsrow.faq .sppb-panel-title::before { top: 0px; font-size: 35px; }
.astroid-device-xs .form-signin .forget-password-link,
.astroid-device-xs .form-signin .login-help-link { line-height: 90px; }
.astroid-device-xs .bluerow.natuurlijk { min-height: 890px; padding: 20px !important; margin-top: -60px !important; margin-bottom: -60px !important; background-size: cover !important; }
}
@media (orientation: landscape) {
.astroid-device-md .astroid-wrapper { overflow-x: hidden; }
.astroid-device-md .toprechts,
.astroid-device-md #ac-7iip5434o { display: none; }
.astroid-device-md .sppb-btn { text-align: center; margin: 30px auto; width: 100%; }
.astroid-device-md .maakkennisblok { padding: 50px 0px !important; }
.astroid-device-md .footerbootcol img { min-width: calc(100% + 0px); }
.astroid-device-md .nieuwsbriefcol { max-height: none; margin: 0px !important; padding: 30px !important; }
.astroid-device-md .footerblok2 .sppb-addon-single-image.sppb-text-left { text-align: center; padding: 0px 0px 50px; }
.astroid-device-md .copyrow .sppb-text-left,
.astroid-device-md .copyrow .sppb-text-right { text-align: center; }
.astroid-device-md .wiezijnwijblok h3,
.astroid-device-md .wiezijnwijblok .h3,
.astroid-device-md .inwordingblok h3,
.astroid-device-md .inwordingblok .h3,
.astroid-device-md .maakkennisblok h2,
.astroid-device-md .maakkennisblok .h2 { text-align: center !important; }
.astroid-device-md h1.sliderh1,
.astroid-device-md .sliderh1.h1 { padding-top: 200px; font-size: 31px !important; line-height: 35px !important; text-align: center !important; }
.astroid-device-md .introblok h2,
.astroid-device-md .introblok .h2 { font-size: 60px; }
.astroid-device-md .header-mobilemenu-trigger.burger-menu-button .inner,
.astroid-device-md .header-mobilemenu-trigger.burger-menu-button .inner::before,
.astroid-device-md .header-mobilemenu-trigger.burger-menu-button .inner::after { background-color: rgb(144, 205, 54); }
.astroid-device-md .burger-menu-button .inner,
.astroid-device-md .burger-menu-button .inner::before,
.astroid-device-md .burger-menu-button .inner::after { width: 45px; height: 4px; border-radius: 99px; }
.astroid-device-md .astroid-mobilemenu { width: 50%; }
.astroid-device-md .astroid-mobilemenu-container .astroid-mobilemenu-inner ul > li.menu-item:first-child { border-top: 0px solid rgb(221, 221, 221); }
.astroid-device-md .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item { border-bottom: 0px solid rgb(221, 221, 221); display: table; width: 100%; }
.astroid-device-md .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a,
.astroid-device-md .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a { color: rgb(0, 0, 0); text-transform: uppercase; font-weight: 300; letter-spacing: 10px; font-size: 20px; line-height: 23px; padding: 0px 10px 20px 30px; font-family: montserrat, sans-serif !important; }
.astroid-device-md .astroid-logo .astroid-logo-mobile { display: block; max-width: 70%; margin: 0px auto; }
.astroid-device-md .astroid-header-section .col-md-10 { flex: 0 0 100% !important; max-width: 100% !important; }
.astroid-device-md .com-content-article { padding: 0px 50px; }
.astroid-device-md .socialshare ul { list-style: none; width: 100%; display: block; height: auto; padding: 0px 50px; }
.astroid-device-md #mnwall_iso_container_2 .mnwall-item { width: 33.3333% !important; }
.astroid-device-md .nieuwsenpersonder { padding: 30px !important; }
.astroid-device-md .burger-menu-button { text-align: right; line-height: 0; margin: 0px 0px 0px 50px; }
.astroid-device-md .specsrow h2,
.astroid-device-md .specsrow .h2 { padding: 10px !important; }
.astroid-device-md .specsrow .sppb-addon-accordion { padding: 0px 30px; }
.astroid-device-md .introtekstblok .col1 { padding-top: 250px !important; }
.astroid-device-md .bluerow.natuurlijk { min-height: 1010px; }
.astroid-device-md .wiezijnwijblok.detail.holland { padding: 50px 0px 200px !important; }
.astroid-device-md .onzebotenextrafoto img { max-width: none; }
.astroid-device-md .wiezijnwijblok.wit { padding: 100px 0px !important; }
.astroid-device-md .sppb-addon-text-block .sppb-addon-content ul li,
.astroid-device-md .sppb-addon-text-block .sppb-addon-content ul li a { letter-spacing: 0px; padding: 0px 0px 0px 5px; }
.astroid-device-md .wiezijnwijblok.over { padding: 100px 30px 0px !important; }
.astroid-device-md .nieuws h2.sppb-addon-title,
.astroid-device-md .nieuws .sppb-addon-title.h2 { padding: 30px !important; }
.astroid-device-md .bootrij2 .boatvaren img { margin-top: 0px; }
.astroid-device-md .sppb-row-container > .sppb-row > div { padding-left: 0px !important; padding-right: 0px !important; }
.astroid-device-md .nieuwscol { max-width: 100% !important; min-height: 500px !important; }
}
@media (orientation: portrait) {
.astroid-device-md .astroid-wrapper { overflow-x: hidden; }
.astroid-device-md .toprechts,
.astroid-device-md #ac-7iip5434o { display: none; }
.astroid-device-md .sppb-btn { text-align: center; margin: 30px auto; width: 100%; }
.astroid-device-md .maakkennisblok { padding: 50px 0px !important; }
.astroid-device-md .footerbootcol img { min-width: calc(100% + 0px); }
.astroid-device-md .nieuwsbriefcol { max-height: none; margin: 0px !important; padding: 30px !important; }
.astroid-device-md .footerblok2 .sppb-addon-single-image.sppb-text-left { text-align: center; padding: 0px 0px 50px; }
.astroid-device-md .copyrow .sppb-text-left,
.astroid-device-md .copyrow .sppb-text-right { text-align: center; }
.astroid-device-md .wiezijnwijblok h3,
.astroid-device-md .wiezijnwijblok .h3,
.astroid-device-md .inwordingblok h3,
.astroid-device-md .inwordingblok .h3,
.astroid-device-md .maakkennisblok h2,
.astroid-device-md .maakkennisblok .h2 { text-align: center !important; }
.astroid-device-md h1.sliderh1,
.astroid-device-md .sliderh1.h1 { padding-top: 200px; font-size: 31px !important; line-height: 35px !important; text-align: center !important; }
.astroid-device-md .introblok h2,
.astroid-device-md .introblok .h2 { font-size: 60px; }
.astroid-device-md .header-mobilemenu-trigger.burger-menu-button .inner,
.astroid-device-md .header-mobilemenu-trigger.burger-menu-button .inner::before,
.astroid-device-md .header-mobilemenu-trigger.burger-menu-button .inner::after { background-color: rgb(144, 205, 54); }
.astroid-device-md .burger-menu-button .inner,
.astroid-device-md .burger-menu-button .inner::before,
.astroid-device-md .burger-menu-button .inner::after { width: 45px; height: 4px; border-radius: 99px; }
.astroid-device-md .astroid-mobilemenu { width: 50%; }
.astroid-device-md .astroid-mobilemenu-container .astroid-mobilemenu-inner ul > li.menu-item:first-child { border-top: 0px solid rgb(221, 221, 221); }
.astroid-device-md .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item { border-bottom: 0px solid rgb(221, 221, 221); display: table; width: 100%; }
.astroid-device-md .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a,
.astroid-device-md .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a { color: rgb(0, 0, 0); text-transform: uppercase; font-weight: 300; letter-spacing: 10px; font-size: 20px; line-height: 23px; padding: 0px 10px 20px 30px; font-family: montserrat, sans-serif !important; }
.astroid-device-md .astroid-logo .astroid-logo-mobile { display: block; max-width: 70%; margin: 0px auto; }
.astroid-device-md .astroid-header-section .col-md-10 { flex: 0 0 100% !important; max-width: 100% !important; }
.astroid-device-md .com-content-article { padding: 0px 50px; }
.astroid-device-md .socialshare ul { list-style: none; width: 100%; display: block; height: auto; padding: 0px 50px; }
.astroid-device-md #mnwall_iso_container_2 .mnwall-item { width: 33.3333% !important; }
.astroid-device-md .nieuwsenpersonder { padding: 30px !important; }
.astroid-device-md .burger-menu-button { text-align: right; line-height: 0; margin: 0px 0px 0px 50px; }
.astroid-device-md .specsrow h2,
.astroid-device-md .specsrow .h2 { padding: 10px !important; }
.astroid-device-md .specsrow .sppb-addon-accordion { padding: 0px 30px; }
.astroid-device-md .introtekstblok .col1 { padding-top: 250px !important; }
.astroid-device-md .bluerow.natuurlijk { min-height: 1010px; }
.astroid-device-md .wiezijnwijblok.detail.holland { padding: 50px 0px 200px !important; }
.astroid-device-md .onzebotenextrafoto img { max-width: none; }
.astroid-device-md .wiezijnwijblok.wit { padding: 100px 0px !important; }
.astroid-device-md .sppb-addon-text-block .sppb-addon-content ul li,
.astroid-device-md .sppb-addon-text-block .sppb-addon-content ul li a { letter-spacing: 0px; padding: 0px 0px 0px 5px; }
.astroid-device-md .wiezijnwijblok.over { padding: 100px 30px 0px !important; }
.astroid-device-md .nieuws h2.sppb-addon-title,
.astroid-device-md .nieuws .sppb-addon-title.h2 { padding: 30px !important; }
.astroid-device-md .bootrij2 .boatvaren img { margin-top: 0px; }
.astroid-device-md .sppb-row-container > .sppb-row > div { padding-left: 0px !important; padding-right: 0px !important; }
.astroid-device-md .form-signin .forget-password-link,
.astroid-device-md .form-signin .login-help-link { line-height: 90px; }
}
@media (orientation: landscape) {
.astroid-device-lg .astroid-wrapper { overflow-x: hidden; }
.astroid-device-lg .astroid-header-section .container { padding-left: 10px !important; }
.astroid-device-lg .astroid-logo img { max-width: 120px; max-height: none; padding-top: 5px; }
.astroid-device-lg .toprechts ul li { display: block; flex: 0 0 auto; list-style-type: none; line-height: 15px; }
.astroid-device-lg .toprechts ul { justify-content: space-between; width: 100%; margin: 0px; padding: 2px 0px 0px; display: block !important; }
.astroid-device-lg .header-left-section { margin-top: -14px; padding-bottom: 15px; }
.astroid-device-lg .mod-languages img { display: inline-block; max-width: 22px; }
.astroid-device-lg .nav-link { display: block; padding: 0px 10px; }
.astroid-device-lg .mobile { display: none; }
.astroid-device-lg #astroid-sticky-header .header-right-section { display: none !important; }
.astroid-device-lg .footerbootcol img { min-width: calc(100% + 50px); }
.astroid-device-lg .footerblok2 { padding: 50px 30px !important; }
.astroid-device-lg .footerblok1 .sppb-col-md-10 { flex: 0 0 100%; max-width: 100%; }
.astroid-device-lg .footerblok1 .sppb-col-md-2 { display: none !important; }
.astroid-device-lg .nieuwsbriefcol { max-height: none; margin: 0px !important; padding: 30px !important; }
.astroid-device-lg .astroid-header-section .col-lg-2 { flex: 0 0 10% !important; max-width: 10% !important; }
.astroid-device-lg .astroid-header-section .col-lg-9 { flex: 0 0 80% !important; max-width: 80% !important; }
.astroid-device-lg .container,
.astroid-device-lg .container-sm,
.astroid-device-lg .container-md,
.astroid-device-lg .container-lg { max-width: 1010px; }
.astroid-device-lg .astroid-header-section header.astroid-header:not(.astroid-header-sticky) { padding: 22px 0px 0px; }
.astroid-device-lg .toprechts ul li a { font-size: 12px; }
.astroid-device-lg .maakkennisblok { padding: 100px 0px !important; }
.astroid-device-lg .footerblok2 img { max-width: 250px; }
.astroid-device-lg .copyrow { padding: 10px 30px !important; }
.astroid-device-lg .maakkennisblok .sppb-row-container { max-width: 720px; }
.astroid-device-lg body div.mod-languages { display: none; }
.astroid-device-lg h1.sliderh1,
.astroid-device-lg .sliderh1.h1 { font-size: 30px !important; line-height: 35px !important; }
.astroid-device-lg .wiezijnwijblok.over { padding: 80px 20px !important; }
.astroid-device-lg .inwordingblok .ba-gallery-row-wrapper { max-width: 900px; margin: -290px auto 0px; }
.astroid-device-lg .bootrij2 { min-height: 420px; }
.astroid-device-lg .bootrij2 .boatvaren img { margin-top: -150px; }
.astroid-device-lg .wiezijnwijblok.wit { background: rgba(0, 0, 0, 0) !important; padding: 50px 0px !important; }
}
@media (min-width: 1400px) and (max-width: 1440px) {
.astroid-device-xl .maakkennisblok .sppb-row-container { max-width: 1100px; }
}
@media (max-width: 1199.98px) {
body.astroid-framework,
.body.astroid-framework { font-size: 1em; line-height: 1.7em; }
.astroid-framework h1,
.astroid-framework .h1 { font-size: 3.5em; line-height: 1.2em; }
.astroid-framework h2,
.astroid-framework .h2 { font-size: 2em; line-height: 1.2em; }
.astroid-framework h3,
.astroid-framework .h3 { font-size: 1.8em; line-height: 1.2em; }
.astroid-framework h4,
.astroid-framework .h4 { font-size: 1.6em; line-height: 1.2em; }
.astroid-framework h5,
.astroid-framework .h5 { font-size: 1.4em; line-height: 1.2em; }
.astroid-framework h6,
.astroid-framework .h6 { font-size: 1.2em; line-height: 1.2em; }
.astroid-framework .astroid-nav > li > .as-menu-item,
.astroid-framework .astroid-sidebar-menu > li > .nav-item-inner > .as-menu-item,
.astroid-framework .astroid-mobile-menu > .nav-item > .as-menu-item { font-size: 1em; line-height: 1.7em; }
}
@media (max-width: 991.98px) {
body.astroid-framework,
.body.astroid-framework { font-size: 1em; line-height: 1.7em; }
.astroid-framework h1,
.astroid-framework .h1 { font-size: 3.2em; line-height: 1.2em; }
.astroid-framework h2,
.astroid-framework .h2 { font-size: 2em; line-height: 1.2em; }
.astroid-framework h3,
.astroid-framework .h3 { font-size: 1.8em; line-height: 1.2em; }
.astroid-framework h4,
.astroid-framework .h4 { font-size: 1.6em; line-height: 1.2em; }
.astroid-framework h5,
.astroid-framework .h5 { font-size: 1.4em; line-height: 1.2em; }
.astroid-framework h6,
.astroid-framework .h6 { font-size: 1.2em; line-height: 1.2em; }
.astroid-framework .astroid-nav > li > .as-menu-item,
.astroid-framework .astroid-sidebar-menu > li > .nav-item-inner > .as-menu-item,
.astroid-framework .astroid-mobile-menu > .nav-item > .as-menu-item { font-size: 1em; line-height: 1.7em; }
}
@media (max-width: 575.98px) {
body.astroid-framework,
.body.astroid-framework { font-size: 1em; line-height: 1.7em; }
.astroid-framework h1,
.astroid-framework .h1 { font-size: 3em; line-height: 1.2em; }
.astroid-framework h2,
.astroid-framework .h2 { font-size: 1.8em; line-height: 1.2em; }
.astroid-framework h3,
.astroid-framework .h3 { font-size: 1.7em; line-height: 1.2em; }
.astroid-framework h4,
.astroid-framework .h4 { font-size: 1.5em; line-height: 1.2em; }
.astroid-framework h5,
.astroid-framework .h5 { font-size: 1.4em; line-height: 1.2em; }
.astroid-framework h6,
.astroid-framework .h6 { font-size: 1.2em; line-height: 1.2em; }
.astroid-framework .astroid-nav > li > .as-menu-item,
.astroid-framework .astroid-sidebar-menu > li > .nav-item-inner > .as-menu-item,
.astroid-framework .astroid-mobile-menu > .nav-item > .as-menu-item { font-size: 1em; line-height: 1.7em; }
}
@media (min-width: 640px) {
.convertforms .cf-one-third,
.convertforms .cf-two-sixths { width: 33.3333%; }
}
body.astroid-device-xl { padding: 20px; }
@media (min-width: 1200px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl { max-width: 1100px; }
.sppb-row-container { max-width: 1100px; }
}
@media (max-width: 1230px) {
.astroid-nav a { font-size: 13px !important; }
.toprechts ul li a,
.header-right-section a { font-size: 13px !important; }
}
@media (max-width: 1200px) {
.ba-gallery-row-wrapper .row-fluid { margin-bottom: 0.9375rem; }
.ba-gallery-row-wrapper > .ba-gallery-content-wrapper { display: block; }
}
@media (max-width: 1024px) {
.ba-modal-body > div.modal-image { overflow: hidden; max-height: initial; }
.description-wrapper { width: var(--modal-body-width); background: var(--modal-body-color) !important; }
.description-wrapper,
.ba-modal .modal-image img { margin: 0px auto; }
}
@media (max-width: 767px) {
.ba-gallery { box-sizing: border-box; padding: 0px 1.25rem; }
.ba-modal-header .zmdi:hover,
.modal-nav .zmdi-chevron-right:hover,
.modal-nav .zmdi-chevron-left:hover,
.ba-gallery .ba-pagination .ba-btn.ba-dissabled { opacity: 1; }
}

@keyframes fadeInLeft { 
  0% { opacity: 0; transform: translateX(-20px); }
  100% { opacity: 1; transform: translateX(0px); }
}
@keyframes fadeInRight { 
  0% { opacity: 0; transform: translateX(20px); }
  100% { opacity: 1; transform: translateX(0px); }
}

/* ==========================================================================
   Kirby-specifiek: toestanden en componenten die op de oude site via
   Bootstrap/Smart Slider/BA Gallery/SP-scripts liepen.
   ========================================================================== */

/* Basis */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; } }
img { max-width: 100%; height: auto; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.en-GB .nl { display: none !important; }
:focus-visible { outline: 2px solid var(--gv-green-mid); outline-offset: 2px; }
.icon { display: inline-block; vertical-align: -0.125em; }

/* Bootstrap offcanvas-toestanden (mobiel menu) */
.offcanvas.show { transform: none; visibility: visible; }
.offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; }
.offcanvas-backdrop.fade { opacity: 0; }
.offcanvas-backdrop.show { opacity: .5; }
.burger-menu-button button { background: none; border: 0; cursor: pointer; }

/* Sticky header (Astroid) */
@keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } }
.astroid-header-section .astroid-header-sticky.sticky-loaded { display: flex; animation-name: slideInDown; }
#astroid-backtotop { border: 0; cursor: pointer; color: #fff; }

/* SP Page Builder: zichtbaarheid per apparaat + inschuif-animaties */
@media (max-width: 767px) { .sppb-hidden-xs { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) { .sppb-hidden-sm { display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .sppb-hidden-md { display: none !important; } }
.sppb-wow { visibility: hidden; }
.sppb-wow.animated { visibility: visible; animation-fill-mode: both; }
.sppb-wow.no-anim, html.no-js .sppb-wow { visibility: visible; animation: none; }
@media (max-width: 767px) { .sppb-order-xs-1 { order: 1; } .sppb-order-xs-2 { order: 2; } .sppb-order-xs-3 { order: 3; } }
@media (min-width: 768px) and (max-width: 991px) { .sppb-order-sm-1 { order: 1; } .sppb-order-sm-2 { order: 2; } .sppb-order-sm-3 { order: 3; } }

/* Uitklapbare items: <button> i.p.v. <div> (toetsenbord) */
button.sppb-panel-heading { appearance: none; -webkit-appearance: none; display: block; position: relative; width: 100%; border: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.sppb-panel-collapse[hidden] { display: none; }
.sppb-toggle-direction .icon { display: none; }

/* Homepage-hero (was Smart Slider, 1980×600, fade) */
.gv-hero { position: relative; overflow: hidden; aspect-ratio: 1980 / 600; background: #0b1a2b; }
.gv-hero__track, .gv-hero__slide { position: absolute; inset: 0; }
.gv-hero__slide { opacity: 0; transition: opacity .8s ease; }
.gv-hero__slide.is-active { opacity: 1; }
.gv-hero__slide img { width: 100%; height: 100%; object-fit: cover; }
.gv-hero__overlay { position: absolute; left: 0; right: 0; bottom: 0; max-width: 1100px; margin: 0 auto; padding: 10px 10px 50px; z-index: 2; color: #fff; }
.gv-hero__overlay h1 { color: #fff; margin: 0; }
@media (max-width: 767px) { .gv-hero { aspect-ratio: auto; min-height: 420px; } .gv-hero__overlay h1.sliderh1 { padding-top: 0 !important; } }

/* Fotoslider (was Smart Slider "Invest") */
.gv-slider { position: relative; overflow: hidden; }
.gv-slider__track { display: grid; }
.gv-slide { grid-area: 1 / 1; opacity: 0; transition: opacity .8s ease; }
.gv-slide.is-active { opacity: 1; position: relative; z-index: 1; }
.gv-slide img { width: 100%; height: auto; display: block; }
.gv-slider__arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 48px; height: 48px; border: 0; padding: 0; background: none; cursor: pointer; transition: transform .2s ease; }
.gv-slider__arrow:hover { transform: translateY(-50%) scale(1.08); }
.gv-slider__arrow--prev { left: 20px; }
.gv-slider__arrow--next { right: 20px; }

/* Nieuwsslider (was Smart Slider "Nieuws & Updates": volle breedte, 500px, navy verloop, schuine witte onderrand) */
.gv-newsslider { position: relative; width: 100vw; margin-left: calc(50% - 50vw); height: 500px; background: linear-gradient(to bottom, rgb(35,66,94) 0%, rgb(34,55,79) 100%); overflow: hidden; }
/* Witte schuine onderkant = Smart Slider "shape divider" (250px hoog, driehoek over 180% breedte, gecentreerd) */
.gv-newsslider::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 252px; background: #fff; clip-path: polygon(0 65.8%, 100% 18.8%, 100% 100%, 0 100%); z-index: 0; pointer-events: none; }
.gv-newsslider__track { position: relative; z-index: 1; display: grid; max-width: 1100px; margin: 0 auto; padding-top: 35px; }
.gv-newsslide { grid-area: 1 / 1; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; height: 401px; opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility .6s; }
.gv-newsslide.is-active { opacity: 1; visibility: visible; z-index: 1; }
.gv-newsslide__card { background: #fff; border-left: 4px solid var(--gv-green-mid); padding: 25px 31px 20px; display: flex; flex-direction: column; box-shadow: 0 4px 18px rgba(0,0,0,.15); overflow: hidden; }
.gv-newsslide__card .nieuwscat { font: 300 10px/20px montserrat, sans-serif; letter-spacing: 4px; text-transform: uppercase; color: rgb(56,35,61); margin: 0 0 10px; }
.gv-newsslide__card .nieuwsh2 { font: 300 20px/20px montserrat, sans-serif !important; letter-spacing: 4px !important; text-transform: uppercase; color: rgb(56,35,61) !important; margin: 0 0 10px !important; padding: 0 !important; }
.gv-newsslide__card .nieuwsh2::after { display: none !important; }
.gv-newsslide__card .nieuwsh2 a { color: inherit; text-decoration: none; }
.gv-newsslide__card .nieuwstekst { font: 300 18px/27px Lato, sans-serif; color: rgb(56,35,61); }
.gv-newsslide__card .nieuwsbutton { margin: 20px 0 0; }
.gv-newsslide__card .nieuwsbutton a { display: inline-block; width: 190px; padding: 25px 10px 25px 50px !important; font: 300 15px/22.5px montserrat, sans-serif; text-transform: uppercase; text-decoration: none; transition: transform .2s ease; }
.gv-newsslide__card .nieuwsbutton a:hover { transform: translateX(4px); }
.gv-newsslide__meta { margin-top: auto; display: flex; justify-content: space-between; align-items: flex-end; }

.gv-newsslider__nav { display: flex; }
.gv-newsslider__nav button { width: 30px; height: 30px; border: 0; background: #b9c7d9; color: #fff; cursor: pointer; transition: background .2s ease; font-size: 14px; }
.gv-newsslider__nav button:hover { background: var(--gv-green-mid); }
.gv-newsslide__image { box-shadow: 0 4px 18px rgba(0,0,0,.15); border: 10px solid #fff; overflow: hidden; }
.gv-newsslide__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
#nieuws .sppb-addon-header { text-align: left; }
@media (max-width: 767px) { .gv-newsslider { height: auto; padding-bottom: 60px; } .gv-newsslide { grid-template-columns: 1fr; height: auto; } .gv-newsslide__image { height: 220px; } }

/* Fotogalerij (was BA Gallery, "metro": 3 kolommen, 8px tussenruimte, vierkante tegels, vast patroon).
   Rijhoogte = tegelbreedte via container-eenheden, zodat hoge/brede tegels exact 2 tegels + tussenruimte zijn. */
.gv-gallery-wrap--metro { container-type: inline-size; max-width: 900px; margin: -170px auto 0; position: relative; z-index: 1; }
.albumafwerking .gv-gallery-wrap--metro { margin-top: -90px; }
.gv-gallery--metro { column-count: auto; display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: calc((100cqw - 16px) / 3); grid-auto-flow: dense; gap: 8px; }
.gv-gallery--metro .gv-gallery__item { margin: 0; border: 8px solid #fff; box-shadow: rgba(0,0,0,.3) 0 -5px 17px 0; }
.gv-gallery--metro .gv-gallery__item.height2 { grid-row: span 2; }
.gv-gallery--metro .gv-gallery__item.width2 { grid-column: span 2; }
.gv-gallery--metro .gv-gallery__item img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 480px) { .gv-gallery--metro { grid-template-columns: repeat(2, 1fr); grid-auto-rows: calc((100cqw - 8px) / 2); } }
.gv-gallery { column-count: 3; column-gap: 6px; }
.gv-gallery__item { display: block; break-inside: avoid; margin-bottom: 6px; border: 4px solid #fff; box-shadow: 0 2px 10px rgba(0,0,0,.2); overflow: hidden; }
.gv-gallery__item img { display: block; width: 100%; height: auto; transition: transform .4s ease; }
.gv-gallery__item:hover img { transform: scale(1.05); }
.gv-gallery--raster { column-count: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.gv-gallery--raster .gv-gallery__item { margin: 0; aspect-ratio: 1; }
.gv-gallery--raster .gv-gallery__item img { height: 100%; object-fit: cover; }
@media (max-width: 767px) { .gv-gallery { column-count: 2; } .gv-gallery--raster { grid-template-columns: repeat(2, 1fr); } }
.gv-lightbox { position: fixed; inset: 0; z-index: 2000; background: rgba(0,0,0,.9); display: flex; align-items: center; justify-content: center; }
.gv-lightbox img { max-width: 90vw; max-height: 88vh; object-fit: contain; }
.gv-lightbox button { position: absolute; background: none; border: 0; color: #fff; font-size: 48px; line-height: 1; cursor: pointer; padding: 10px 18px; transition: transform .2s ease; }
.gv-lightbox button:hover { transform: scale(1.15); }
.gv-lightbox__close { top: 10px; right: 10px; }
.gv-lightbox__prev { left: 10px; top: 50%; margin-top: -34px; }
.gv-lightbox__next { right: 10px; top: 50%; margin-top: -34px; }

/* Afbeeldingen naast elkaar (was binnenrij in SP) */
.gv-image-row { margin-top: 20px; }

/* Berichtenwand (was Minitek Wall) */
.mwall-items { display: flex; flex-wrap: wrap; }
.mwall-item[hidden] { display: none !important; }
.mwall-item-img img { width: 100%; height: auto; display: block; }
.mwall-item-outer-cont { transition: transform .25s ease, box-shadow .25s ease; }
.mwall-item-outer-cont:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(0,0,0,.18); }
@media (max-width: 991px) { .mwall-item { width: 50% !important; } }
@media (max-width: 575px) { .mwall-item { width: 100% !important; } }

/* Berichtenoverzicht (blog) */
.gv-blog { padding: 150px 15px 50px; }
.gv-blog__title { font-family: montserrat, sans-serif; letter-spacing: 6px; text-transform: uppercase; font-weight: 400; color: var(--gv-navy); font-size: 28px; margin-bottom: 40px; }
.share-buttons { list-style: none; display: flex; gap: 6px; padding: 0; }
.share-buttons img { width: 32px; height: 32px; transition: transform .2s ease; }
.share-buttons a:hover img { transform: scale(1.1); }

/* Nieuwsbrief (Convert Forms-opmaak) */
.convertforms .cf-response .cf-alert { padding: 12px 16px; background: rgba(255,255,255,.85); color: var(--gv-navy); font-family: montserrat, sans-serif; }
.convertforms .cf-field-hp { display: none; position: absolute; left: -9000px; }

/* Klant-login */
.gv-login .form-group { margin-bottom: 14px; }
.gv-login label { display: block; font-family: montserrat, sans-serif; font-size: 13px; margin-bottom: 4px; }
.gv-login .form-control { width: 100%; max-width: 380px; padding: 10px 12px; border: 1px solid #c9d1db; font: inherit; }
.gv-login .btn { padding: 10px 28px; background: var(--gv-navy); color: #fff; border: 0; cursor: pointer; font-family: montserrat, sans-serif; text-transform: uppercase; letter-spacing: 1px; transition: background .2s ease, transform .2s ease; }
.gv-login .btn:hover { background: var(--gv-green); transform: translateY(-1px); }
.gv-login .alert { padding: 10px 14px; background: #fff3cd; color: #664d03; margin-bottom: 14px; }
.gv-login__help { font-size: 13px; color: #666; }

/* Knoppen: micro-animatie */
.sppb-btn { transition: background-image .2s ease, transform .2s ease, color .2s ease; }
.sppb-btn:hover { transform: translateX(3px); }

/* Lijstjes in tekstblokken: het oude Font Awesome-teken toonde als klein groen vierkantje */
/* Lijstjes in tekstblokken: was het Font Awesome-teken "long-arrow-right" (light) in de lijstkleur — nu een SVG-pijl */
.sppb-addon-text-block .sppb-addon-content ul li::marker { content: ""; }
.sppb-addon-text-block .sppb-addon-content ul li { position: relative; }
.sppb-addon-text-block .sppb-addon-content ul li::before { content: ""; position: absolute; left: -1.15em; top: 0; width: 1em; height: 1.7em; height: 1lh; background-color: currentColor; pointer-events: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M0 6h22.5M17.5 1l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M0 6h22.5M17.5 1l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3C/svg%3E") center / contain no-repeat; }
/* In uitklapblokken (specificaties/FAQ) blijft het groene "•" uit de oude stylesheet: pijl-masker daar uitzetten */
.sppb-panel-body .sppb-addon-text-block .sppb-addon-content ul li::before { -webkit-mask: none; mask: none; background: none; width: auto; height: 0; }
/* Tussenkopjes in uitklapblokken waren losse tekstblok-titels (h3.sppb-addon-title) */
.sppb-panel-body .sppb-addon-text-block .sppb-addon-content h4 { font: 500 20px/25px Lato, sans-serif; letter-spacing: normal; text-transform: none; color: rgb(49, 59, 65); margin: 10px 0 8px; padding: 30px 0 0; }
/* Social-iconen footer (waren Font Awesome, nu inline SVG) */
.socialcol .sppb-icon-inner { display: inline-block; width: 30px; height: 30px; line-height: 30px; }
.socialcol .sppb-icon-inner .icon { width: 30px; height: 30px; vertical-align: top; }
.sppb-icon-hover-effect-zoom-in .sppb-icon-inner { transition: transform .3s ease; }
.sppb-icon-hover-effect-zoom-in:hover .sppb-icon-inner { transform: scale(1.15); }
.mwall-container { display: block !important; opacity: 1 !important; }
.mwall-filters ul { display: inline-flex; flex-wrap: wrap; gap: 4px; list-style: none; margin: 0; padding: 0; }
/* Berichtpagina: de oude site had hier geen iconen zichtbaar */
.article-info .icon { display: none; }
/* Minitek-kaarten zonder isotope-JS: vaste hoogtes zoals op de oude site (cover 240px, kaart 600px) */
.mwall-item { position: relative !important; }
.mwall-cover, .mwall-img-div, .mwall-item-img { position: relative !important; height: 240px !important; overflow: hidden; }
.mwall-item-img img { position: static !important; width: 100%; height: 100%; object-fit: cover; }
.mwall-detail-box { min-height: 350px; }
/* Logo: de oude inline-SVG had een vaste box (max 250×65) met het beeld gecentreerd */
.astroid-logo img { object-fit: contain; }
/* Menubalk-logo: alleen het G-beeldmerk */
.astroid-header .astroid-logo .astroid-logo-default { width: 64px; height: 65px; }
.astroid-header .astroid-logo .astroid-logo-mobile { width: 58px; height: 65px; }
.astroid-device-xs .astroid-header .astroid-logo .astroid-logo-mobile { width: 58px; }
.astroid-header-sticky .astroid-logo .astroid-logo-sticky { width: 51px; height: 32px; }
#astroid-sticky-header .astroid-logo .astroid-logo-mobile { display: none !important; }
#astroid-sticky-header .astroid-logo .astroid-logo-sticky { display: block !important; }
/* SP Page Builder gaf elke kop-addon deze standaardstijl mee (per addon-id); hier generiek */
#sp-page-builder .sppb-addon-header :is(h1, h2, h3, h4).sppb-addon-title,
#f-ukbjd3sll .sppb-addon-header :is(h1, h2, h3, h4).sppb-addon-title { margin: 0 0 30px; text-transform: none; padding: 0; }

/* Sectie-achtergronden: standaard "cover"; klasse-CSS en legacy.css (oude SP-instellingen) gaan voor */
:where(.sp-page-builder .sppb-section[style*="background-image"]) { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }

/* Footer: sectie-padding uit de oude SP-module */
.footerblok .footerblok1 { padding: 50px 0; }

/* Sticky menubalk: glaseffect */
#astroid-sticky-header.astroid-header-sticky { background-color: rgba(255, 255, 255, .72); -webkit-backdrop-filter: blur(14px) saturate(170%); backdrop-filter: blur(14px) saturate(170%); box-shadow: 0 1px 0 rgba(255,255,255,.5) inset, 0 6px 24px rgba(16, 36, 58, .12); border-bottom: 1px solid rgba(255,255,255,.45); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { #astroid-sticky-header.astroid-header-sticky { background-color: rgba(255, 255, 255, .96); } }

/* Afbeeldingen met witte rand: in SP had de <img> geen width/height-attributen, dus de rand kwam bovenop de natuurlijke maat */
#sp-page-builder .sppb-addon-single-image-container img:not([style*="width"]) { box-sizing: content-box; max-width: calc(100% - 20px); height: auto; }
/* Met vaste breedte (SP "image width") telt de rand mee, zoals in SP */
#sp-page-builder .sppb-addon-single-image-container img[style*="width"] { box-sizing: border-box; height: auto; }

/* Webjongens-credit met typewriter (lichte footerbalk) */
.credit { --credit-heart: #226441; display: inline-flex; align-items: center; gap: .4rem; margin: 0 !important; white-space: nowrap; }
.copyrow .credit__link { display: inline-flex; align-items: center; gap: .35rem; text-decoration: none; letter-spacing: .02em; }
.credit__link strong { font-weight: 700; }
.credit__link:hover span { text-decoration: underline; text-underline-offset: .2em; }
.credit__link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 4px; }
.credit__heart { width: 1.1rem; height: 1.1rem; fill: var(--credit-heart); transition: transform 200ms cubic-bezier(.16, 1, .3, 1); }
.credit__link:hover .credit__heart { transform: scale(1.2); }
.credit__typed { display: inline-flex; align-items: center; gap: .4rem; min-width: 5.5em; color: rgba(90, 172, 239, .6); }
.credit__cursor { display: inline-block; width: 2px; height: 1.1em; margin-left: 1px; background: currentColor; animation: credit-blink 1s step-end infinite; }
@keyframes credit-blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .credit__cursor { animation: none; } .credit__heart { transition: none; } }

/* Nieuwsslider: maten van de oude Smart Slider-kaart */
.gv-newsslide__card { border-left-width: 5px; padding: 20px 20px 10px 30px; }
.gv-newsslide__card .nieuwsbutton { margin: 20px 0 0; }
.gv-newsslide__card .nieuwstekst + .nieuwsbutton { margin-top: 0; }
.gv-newsslide__card .nieuwsbutton a { width: 250px; }
.gv-newsslide__meta { align-items: center; }
.gv-newsslide__meta .nieuwsdatum { font-family: "Nunito Sans", sans-serif !important; font-weight: 700 !important; font-size: 8.125px !important; letter-spacing: 1px !important; line-height: 12.1875px !important; color: rgb(151, 151, 151) !important; }
.gv-newsslider__nav button { width: 60px; height: 60px; padding: 0; background: rgb(184, 202, 213); display: inline-flex; align-items: center; justify-content: center; }
.gv-newsslider__nav svg { width: 20px; height: 20px; fill: #fff; }

/* Galerij-offset per apparaat (zoals de oude Astroid/BA-instellingen) */
@media (orientation: landscape) { .astroid-device-lg .inwordingblok .gv-gallery-wrap--metro { margin-top: -290px; } }
@media (orientation: portrait) { .astroid-device-xs .gv-gallery-wrap--metro { margin: 0 auto; } }

/* G-logo niet tegen de schermrand */
@media (min-width: 992px) {
  /* Gelijke rand links en rechts: 56px tot logo resp. laatste vlag */
  .astroid-header .logo-wrapper { padding-left: 56px; padding-right: 0; }
  .astroid-header-section .toprechts { padding-right: 22px; }
  .astroid-header .logo-wrapper a.astroid-logo { margin-right: 40px !important; }
  #astroid-header .header-left-section > nav { margin-left: 0; }
  #astroid-sticky-header .astroid-nav-wraper { padding-left: 0 !important; }
  #astroid-sticky-header .logo-wrapper { padding-left: 41px; padding-right: 0; }
}

/* ── Menubalk: groter G-logo en subtiel gemoderniseerd ─────────────────────── */
.astroid-header-section { border-bottom: 0 !important; box-shadow: 0 1px 0 rgba(35, 47, 61, .05), 0 10px 28px -16px rgba(35, 47, 61, .28) !important; }
.astroid-logo .astroid-logo-default, .astroid-logo .astroid-logo-mobile { max-width: none; }
/* Logo = G met "GALVANI" eronder, verhoudingen als het logo in de video (logo-stacked.svg, 2.53 : 1); sticky balk alleen de G */
.astroid-header .astroid-logo .astroid-logo-default { width: 182px; height: 72px; max-width: none; max-height: none; }
.astroid-header .astroid-logo .astroid-logo-mobile { width: 136px; height: 54px; max-width: 100%; max-height: none; }
.astroid-device-xs .astroid-header .astroid-logo .astroid-logo-mobile { width: 136px; }
@media (min-width: 992px) and (max-width: 1199.98px) { .astroid-header .astroid-logo .astroid-logo-default { width: 162px; height: 64px; } }
#astroid-sticky-header .astroid-logo .astroid-logo-sticky { width: 58px; height: 36px; max-height: 36px; max-width: none; }
@media (min-width: 992px) {
  /* Kolommen naar inhoud i.p.v. vaste 7/5-verdeling, menu altijd op één regel */
  .astroid-header-section > .container > .astroid-row { flex-wrap: nowrap; }
  .astroid-header-section > .container > .astroid-row > .col-lg-7 { flex: 1 1 auto; width: auto; max-width: none; min-width: 0; }
  .astroid-header-section > .container > .astroid-row > .col-lg-5 { flex: 0 0 auto; width: auto; max-width: none; }
  .astroid-header-section .astroid-nav, .astroid-header-section .toprechts ul.menu { flex-wrap: nowrap; white-space: nowrap; }
  .astroid-header-section .toprechts ul.menu li { float: none; display: inline-block; }
}

.astroid-logo a { transition: filter .25s ease; }
.astroid-logo a:hover { filter: brightness(1.12) saturate(1.1); }

/* Menulinks: geen harde onderstreping meer, maar een groene lijn die vanaf links inschuift */
.astroid-header-section .astroid-nav a.nav-link,
.astroid-header-section .toprechts ul.menu li a { border-bottom: 0 !important; text-decoration: none; letter-spacing: .06em; transition: color .2s ease; }
.astroid-header-section .astroid-nav a.nav-link { padding: 10px 14px 0; }
.astroid-header-section .astroid-nav .nav-title-text,
.astroid-header-section .toprechts ul.menu .nav-title { position: relative; display: inline-block; padding-bottom: 4px; }
.astroid-header-section .astroid-nav .nav-title-text::after,
.astroid-header-section .toprechts ul.menu .nav-title::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; border-radius: 2px; background: rgb(60, 150, 85); transform: scaleX(0); transform-origin: left center; transition: transform .28s cubic-bezier(.16, 1, .3, 1); }
.astroid-header-section .astroid-nav a.nav-link:hover .nav-title-text::after,
.astroid-header-section .astroid-nav a.nav-link:focus-visible .nav-title-text::after,
.astroid-header-section .astroid-nav a.nav-link.active .nav-title-text::after,
.astroid-header-section .toprechts ul.menu li a:hover .nav-title::after,
.astroid-header-section .toprechts ul.menu li a:focus-visible .nav-title::after,
.astroid-header-section .toprechts ul.menu li.active a .nav-title::after { transform: scaleX(1); }
/* Topmenu rechts: zelfde letter als het hoofdmenu (grootte, kleur, spatiëring) */
.astroid-header-section .toprechts ul.menu li a { font-size: 15px !important; letter-spacing: .06em; color: rgb(35, 47, 61) !important; }
@media (max-width: 1230px) { .astroid-header-section .toprechts ul.menu li a { font-size: 13px !important; } }
.astroid-header-section .toprechts ul.menu li a:hover,
.astroid-header-section .toprechts ul.menu li.active a { color: rgb(34, 100, 65) !important; }
.astroid-header-section .mod-languages img { border-radius: 3px; box-shadow: 0 0 0 1px rgba(35, 47, 61, .12); transition: transform .2s ease; }
.astroid-header-section .mod-languages a:hover img { transform: translateY(-1px); }
@media (prefers-reduced-motion: reduce) {
  .astroid-logo a, .astroid-header-section .astroid-nav .nav-title-text::after, .astroid-header-section .toprechts ul.menu .nav-title::after, .astroid-header-section .mod-languages img { transition: none; }
}

/* Topmenu rechts: zelfde regelhoogte voor de onderstreping als links */
.astroid-header-section .astroid-nav .nav-title-text,
.astroid-header-section .toprechts ul.menu .nav-title { line-height: 20px; padding-bottom: 5px; }
.astroid-header-section .toprechts ul.menu { bottom: -16px; }
/* Taalkeuze: geen onderstreping (oude .toprechts a:hover-regel), alleen het vlaggetje beweegt */
.astroid-header-section .mod-languages a, .astroid-header-section .mod-languages a:hover, .astroid-header-section .mod-languages a:focus { border-bottom: 0 !important; text-decoration: none !important; }

/* Hero: groene voortgangsbalk onderaan (Smart Slider-indicator, 7px) */
.gv-hero__progress { position: absolute; left: 0; right: 0; bottom: 0; height: 7px; overflow: hidden; z-index: 3; pointer-events: none; }
.gv-hero__progress span { display: block; height: 100%; background: rgb(46, 129, 70); transform: translateX(-100%); will-change: transform; }
@keyframes gv-progress { from { transform: translateX(-100%); } to { transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) { .gv-hero__progress { display: none; } }

/* Knoppen: geen onderstreping */
a.sppb-btn, a.btn-primary, .btn-primary, .nieuwsbutton a, .convertforms .cf-btn, a.sppb-btn:hover, a.btn-primary:hover, .nieuwsbutton a:hover { text-decoration: none !important; }

/* Smalle desktop (992–1199px): compacter, zodat beide menu's op één regel passen (logo blijft even hoog) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .astroid-header .logo-wrapper { padding-left: 20px; }
  .astroid-header-section .toprechts { padding-right: 0; margin-right: -14px; }
  #astroid-sticky-header .logo-wrapper { padding-left: 5px; }
  .astroid-header .logo-wrapper a.astroid-logo { margin-right: 20px !important; }
  .astroid-header-section .astroid-nav a.nav-link { padding: 10px 7px 0; letter-spacing: .02em; font-size: 12.5px !important; }
  .astroid-header-section .toprechts ul.menu li a { padding-left: 7px; padding-right: 7px; letter-spacing: .02em; font-size: 12.5px !important; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .astroid-header-section > .container > .astroid-row > .col-lg-5 { padding-left: 16px; }
}
@media (min-width: 992px) and (max-width: 1099.98px) {
  .astroid-header-section .astroid-nav a.nav-link { padding-left: 6px; padding-right: 6px; font-size: 12px !important; }
  .astroid-header-section .toprechts ul.menu li a { padding-left: 6px; padding-right: 6px; font-size: 12px !important; }
  .astroid-header .logo-wrapper a.astroid-logo { margin-right: 14px !important; }
}

/* Sticky balk: iets hoger en ook het topmenu + vlaggen rechts */
.astroid-header-section .astroid-header-sticky .astroid-header { padding-top: 16px; padding-bottom: 16px; align-items: center; }
#astroid-sticky-header .sticky-right { gap: 14px; }
#astroid-sticky-header .sticky-right .moduletable { float: none; }
#astroid-sticky-header .sticky-right ul.menu { bottom: 0; width: auto; display: flex; align-items: center; margin: 0; }
#astroid-sticky-header .sticky-right ul.menu li { line-height: normal; float: none; }
#astroid-sticky-header .sticky-right ul.menu li a { padding-top: 0; display: inline-block; }
#astroid-sticky-header .sticky-right .mod-languages { margin: 0; }
#astroid-sticky-header .sticky-right .mod-languages ul { display: flex; align-items: center; gap: 10px; margin: 0; padding: 0; }
#astroid-sticky-header .sticky-right .mod-languages li { line-height: normal; display: block; }
#astroid-sticky-header .sticky-right ul { bottom: 0; position: static; }
#astroid-sticky-header .sticky-right ul.menu li a { padding-top: 6px; }
#astroid-sticky-header .sticky-right ul.menu { position: relative; top: 2px; }

/* Donkerblauwe footerbalk: meer ruimte boven/onder, logo verticaal gecentreerd */
@media (min-width: 768px) {
  .footerblok .footerblok2 { padding-top: 45px !important; padding-bottom: 45px !important; }
  .footerblok2 .sppb-row > div:first-child { align-self: center; }
  .footerblok2 .sppb-row > div:first-child .sppb-addon-wrapper, .footerblok2 .sppb-row > div:first-child img { margin-bottom: 0 !important; }
}

/* Footer "Snel naar": geen onderstreping; bij hover licht groen */
.footerblok2 .footernavcol ul li a { text-decoration: none !important; transition: color .2s ease; }
.footerblok2 .footernavcol ul li a:hover, .footerblok2 .footernavcol ul li a:focus-visible { color: rgb(120, 200, 140) !important; }
/* Copyrightbalk (Disclaimer, Privacy Verklaring): geen onderstreping; bij hover donkerder blauw */
.copyrow a { text-decoration: none !important; transition: color .2s ease; }
.copyrow a:not(.credit__link):hover, .copyrow a:not(.credit__link):focus-visible { color: rgb(35, 110, 180) !important; }
/* Footer "Snel naar": pijltje schuift iets op en kleurt mee bij hover */
.footerblok2 .footernavcol ul li::before { transition: transform .25s cubic-bezier(.16, 1, .3, 1), background-color .2s ease; }
.footerblok2 .footernavcol ul li:hover::before, .footerblok2 .footernavcol ul li:focus-within::before { transform: translateX(5px); background-color: rgb(120, 200, 140); }
@media (prefers-reduced-motion: reduce) { .footerblok2 .footernavcol ul li::before { transition: none; } .footerblok2 .footernavcol ul li:hover::before { transform: none; } }

/* Footer contact: telefoon- en mailicoon i.p.v. "T." / "M." */
.footerblok2 .gv-contact-line { display: flex; align-items: center; gap: 10px; }
.footerblok2 .gv-contact-icon { flex: none; width: 18px; height: 18px; fill: rgb(60, 170, 0); }
.footerblok2 .gv-contact-line a { color: inherit; }

/* Kopbalk "Specificaties en vaartijden" / FAQ-rubrieken: subtiel gemoderniseerd */
.specsrow .sppb-addon-header { background: linear-gradient(90deg, rgb(219, 226, 242) 0%, rgb(232, 237, 247) 55%, rgb(243, 246, 251) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 -1px 0 rgba(34, 99, 65, .08); }
.specsrow .sppb-addon-header h2 { padding: 22px 0 20px !important; letter-spacing: 10px; }
.specsrow .sppb-addon-header h2::after { content: ""; display: block; width: 56px; height: 3px; margin-top: 12px; border-radius: 3px; background: rgb(60, 150, 85); }
@media (max-width: 575.98px) { .specsrow .sppb-addon-header h2 { padding: 18px 10px 16px !important; letter-spacing: 5px; } }

/* Berichtenwand: knop "Meer laden" (Minitek-stijl) */
.mwall-load-more { text-align: center; margin-top: 20px; }
.mwall-load-more[hidden] { display: none; }
.mwall-load-more .mwall-button { display: inline-block; padding: 8px 14px; background: rgb(34, 99, 63); color: #fff !important; font: 400 14px/28px "Source Sans Pro", Arial, sans-serif; text-decoration: none !important; border-radius: 0; transition: background-color .2s ease; }
.mwall-load-more .mwall-button:hover, .mwall-load-more .mwall-button:focus-visible { background: rgb(60, 150, 85); }

/* Ingelogd: beide knoppen in de hoekige huisstijl naast elkaar (persoonlijke pagina = beige, uitloggen = groen) */
.gv-login__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-top: 10px; }
.gv-login__actions form { margin: 0; }
.gv-login__actions .sppb-btn { float: none; margin: 0; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; width: 240px; height: 49px; min-width: 0; padding: 0 16px 0 66px !important; background-size: 100% 100% !important; white-space: nowrap; }
.gv-login .gv-btn-groen { background-image: url("../images/site/btn-groen.svg"); color: #fff !important; }
.gv-login .gv-btn-groen:hover { background-image: url("../images/site/btn-beige.svg"); color: rgb(35, 47, 61) !important; }

/* Desktop 1200–1399px: iets compacter zodat hoofdmenu en topmenu niet tegen elkaar komen */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .astroid-header .logo-wrapper { padding-left: 40px; }
  #astroid-sticky-header .logo-wrapper { padding-left: 25px; }
  .astroid-header-section .toprechts { padding-right: 6px; }
  .astroid-header .logo-wrapper a.astroid-logo { margin-right: 28px !important; }
  .astroid-header-section .astroid-nav a.nav-link { padding-left: 11px; padding-right: 11px; font-size: 14px !important; letter-spacing: .04em; }
  .astroid-header-section .toprechts ul.menu li a { padding-left: 9px; padding-right: 9px; font-size: 14px !important; letter-spacing: .04em; }
}
@media (max-width: 400px) { .gv-login__actions .sppb-btn { width: 100%; } }

/* Alle pijltjes in lijsten (tekstblokken, footer): schuiven iets op en lichten op bij hover/focus */
.sppb-addon-text-block .sppb-addon-content ul li::before { transition: transform .25s cubic-bezier(.16, 1, .3, 1), filter .2s ease, background-color .2s ease; }
.sppb-addon-text-block .sppb-addon-content ul li:hover::before,
.sppb-addon-text-block .sppb-addon-content ul li:focus-within::before { transform: translateX(5px); filter: brightness(1.3); }
.sppb-panel-body .sppb-addon-text-block .sppb-addon-content ul li:hover::before { transform: none; filter: none; }
@media (prefers-reduced-motion: reduce) { .sppb-addon-text-block .sppb-addon-content ul li:hover::before, .sppb-addon-text-block .sppb-addon-content ul li:focus-within::before { transform: none; } }

/* Berichtenwand-filters: label licht doorzichtig wit, knoppen met hover */
.mwall-static-filters > span { color: rgba(255, 255, 255, .72); }
#mwall_container_1 .mwall-buttons a.mwall-filter { transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease; }
#mwall_container_1 .mwall-buttons a.mwall-filter:not(.mwall-filter-active):hover,
#mwall_container_1 .mwall-buttons a.mwall-filter:not(.mwall-filter-active):focus-visible { background-color: rgb(60, 150, 85); border-color: rgb(60, 150, 85); color: #fff; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(0, 0, 0, .25); }
#mwall_container_1 .mwall-buttons a.mwall-filter-active:hover { background-color: rgb(45, 120, 75); border-color: rgb(45, 120, 75); }
@media (prefers-reduced-motion: reduce) { #mwall_container_1 .mwall-buttons a.mwall-filter:hover { transform: none; } }
/* Footerlogo linkt naar de homepage */
.gv-footer-logo { display: inline-block; transition: opacity .2s ease; }
.gv-footer-logo:hover, .gv-footer-logo:focus-visible { opacity: .8; }
/* "Meer laden": hover zoals de filterknoppen (id-selector nodig i.v.m. oude Minitek-regel) */
#mwall_container_1 .mwall-load-more a.mwall-button { transition: background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
#mwall_container_1 .mwall-load-more a.mwall-button:hover,
#mwall_container_1 .mwall-load-more a.mwall-button:focus-visible { background-color: rgb(60, 150, 85); border-color: rgb(60, 150, 85); transform: translateY(-2px); box-shadow: 0 6px 14px rgba(0, 0, 0, .25); }
@media (prefers-reduced-motion: reduce) { #mwall_container_1 .mwall-load-more a.mwall-button:hover { transform: none; } }

/* "Volg ons op social media": licht gemoderniseerd (glas-effect, zachte schaduw, hover op iconen) */
.footerblok1 .socialfooterblok { background-color: rgba(205, 228, 249, .72); -webkit-backdrop-filter: blur(8px) saturate(140%); backdrop-filter: blur(8px) saturate(140%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55), 0 10px 30px -14px rgba(16, 36, 58, .35); letter-spacing: .04em; }
.footerblok1 .socialfooterblok img { transition: transform .25s cubic-bezier(.16, 1, .3, 1), box-shadow .25s ease; box-shadow: 0 2px 6px rgba(16, 36, 58, .15); }
.footerblok1 .socialfooterblok a:hover img, .footerblok1 .socialfooterblok a:focus-visible img { transform: translateY(-3px) scale(1.06); box-shadow: 0 8px 16px rgba(16, 36, 58, .25); }
@media (prefers-reduced-motion: reduce) { .footerblok1 .socialfooterblok a:hover img { transform: none; } }

/* Nieuwsbriefblok: zelfde lichte modernisering als de social-balk */
.footerblok1 .nieuwsbriefcol { background-color: rgba(205, 228, 249, .72); -webkit-backdrop-filter: blur(8px) saturate(140%); backdrop-filter: blur(8px) saturate(140%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55), 0 10px 30px -14px rgba(16, 36, 58, .35); }
.footerblok1 .nieuwsbriefcol h2 { letter-spacing: .04em; }
#cf_1 .cf-input { border: 1px solid rgba(255, 255, 255, .9); border-radius: 4px; box-shadow: 0 1px 2px rgba(16, 36, 58, .08); transition: border-color .2s ease, box-shadow .2s ease; }
#cf_1 .cf-input:hover { border-color: rgba(60, 150, 85, .45); }
#cf_1 .cf-input:focus, #cf_1 .cf-input:invalid:focus { border-color: rgb(60, 150, 85); box-shadow: 0 0 0 3px rgba(60, 150, 85, .22); }

/* ── 1. Foto's in witte lijst: zoomen binnen de lijst bij hover ─────────────────────────
   De lijst zit op de <img> zelf; een vaste lijst (::after) erboven houdt de rand stil terwijl de foto zoomt.
   Niet in .afwerking (daar overlapt de foto bewust zonder lijst). */
#sp-page-builder .sppb-section:not(.afwerking) .sppb-addon-single-image-container.gv-framed { position: relative; display: block; width: fit-content; max-width: 100%; overflow: clip; }
#sp-page-builder .sppb-section:not(.afwerking) .sppb-addon-single-image-container.gv-framed { box-shadow: rgba(0, 0, 0, .3) 3px 4px 17px 0; }
#sp-page-builder .sppb-section:not(.afwerking) .sppb-addon-single-image-container.gv-framed img { display: block; transition: transform .8s cubic-bezier(.16, 1, .3, 1); }
#sp-page-builder .sppb-section:not(.afwerking) .sppb-addon-single-image-container.gv-framed img { box-shadow: none; }
#sp-page-builder .sppb-section:not(.afwerking) .sppb-addon-single-image-container.gv-framed::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 0 10px #fff; pointer-events: none; }
#sp-page-builder .sppb-section:not(.afwerking) .sppb-addon-single-image-container.gv-framed:hover img { transform: scale(1.05); }
.gv-newsslide__image img { transition: transform .8s cubic-bezier(.16, 1, .3, 1); }
.gv-newsslide__image:hover img { transform: scale(1.05); }
@media (prefers-reduced-motion: reduce) { #sp-page-builder .sppb-addon-single-image-container:hover img, .gv-newsslide__image:hover img { transform: none; } }

/* ── 2. Groene kopstreep tekent zich in bij in beeld komen (klassen via app.js) ── */
.gv-draw::after { transform-origin: var(--gv-draw-origin, left) center; }
.gv-draw.is-drawn::after { transition: transform 1.1s cubic-bezier(.16, 1, .3, 1) .15s; }
.gv-draw:not(.is-drawn)::after { transform: scaleX(0); }

/* ── 5. Foto's faden in zodra ze geladen zijn (klassen via app.js) ── */
img.gv-fade { opacity: 0; }
img.gv-fade-in { transition: opacity .7s ease, transform .8s cubic-bezier(.16, 1, .3, 1); }

/* Nieuwsslider: datum direct onder de tekst, "Lees verder" op één lijn met de pijlen */
.gv-newsslide__card > .nieuwsdatum { margin-top: 14px; font-family: "Nunito Sans", sans-serif !important; font-weight: 700 !important; font-size: 8.125px !important; letter-spacing: 1px !important; line-height: 12.1875px !important; color: rgb(151, 151, 151) !important; }
.gv-newsslide__meta { align-items: center; }
.gv-newsslide__meta .nieuwsbutton, .gv-newsslide__card .gv-newsslide__meta .nieuwsbutton { margin: 0 !important; }
.gv-newsslide__meta .nieuwsbutton { display: flex; align-items: center; line-height: 0; }
.gv-newsslide__meta .nieuwsbutton a { margin: 0 !important; }

/* Galerijtegels: zelfde zachte zoom als de foto's in een lijst */
.gv-gallery__item img { transition: transform .8s cubic-bezier(.16, 1, .3, 1); will-change: transform; backface-visibility: hidden; }
.gv-gallery__item:hover img, .gv-gallery__item:focus-visible img { transform: scale(1.05); }
@media (prefers-reduced-motion: reduce) { .gv-gallery__item:hover img { transform: none; } }

/* Grote homepagevideo (bootrij2): glanzende, half-doorzichtige witte lijst — buiten de video, dus geen verschuiving */
.bootrij2 .sppb-addon-video { position: relative; margin: -14px; padding: 14px; border-radius: 8px; background: linear-gradient(135deg, rgba(255, 255, 255, .62) 0%, rgba(255, 255, 255, .30) 45%, rgba(255, 255, 255, .48) 100%); -webkit-backdrop-filter: blur(10px) saturate(150%); backdrop-filter: blur(10px) saturate(150%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 0 0 1px rgba(255, 255, 255, .45), 0 24px 60px -24px rgba(8, 20, 34, .55); }
.bootrij2 .sppb-addon-video-local-video-wrap { border-radius: 3px; overflow: hidden; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .bootrij2 .sppb-addon-video { background: rgba(255, 255, 255, .7); } }

/* Nieuwsbrief- en social-blok gecentreerd op de pagina (lege 2/12-kolommen ervoor verbergen) */
@media (min-width: 768px) {
  .footerblok1 > .sppb-container-inner > .sppb-row { justify-content: center; }
  .footerblok1 > .sppb-container-inner > .sppb-row > .sppb-col-md-2 { display: none; }
}


/* Mobiel menu-icoon (hamburger) smaller: 22px i.p.v. 30px breed; klikvlak blijft 44px */
.burger-menu-button .box { width: 22px; }
.burger-menu-button .inner, .burger-menu-button .inner::before, .burger-menu-button .inner::after { width: 22px !important; }
.header-mobilemenu-trigger .button { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }

/* Herotekst kleiner op mobiel (desktop ongewijzigd) */
@media (max-width: 767.98px) { .gv-hero__overlay h1.sliderh1 { font-size: 26px !important; line-height: 32px !important; } }
@media (max-width: 575.98px) { .gv-hero__overlay h1.sliderh1, .astroid-device-xs .gv-hero__overlay h1.sliderh1 { font-size: 22px !important; line-height: 28px !important; } }

/* Mobiel-alleen menu-items (topmenu-kopieën + taalvlaggen) nooit in de desktop-menubalk */
@media (min-width: 992px) {
  .astroid-header-section .astroid-nav > li.mobile,
  .astroid-header-section .astroid-nav > li:has(> a.lang) { display: none !important; }
}

/* ── Mobiel menu ─────────────────────────────────────────────────────────── */
/* Achtergrond achter het menu wazig */
.offcanvas-backdrop { background-color: rgba(14, 28, 44, .35) !important; opacity: 1 !important; -webkit-backdrop-filter: blur(8px) saturate(120%); backdrop-filter: blur(8px) saturate(120%); }
/* Sluitkruis in hetzelfde groen als de hamburger */
.astroid-mobilemenu .offcanvas-close-btn .inner,
.astroid-mobilemenu .offcanvas-close-btn .inner::before,
.astroid-mobilemenu .offcanvas-close-btn .inner::after,
.astroid-mobilemenu.show .burger-menu-button .inner::after { background-color: rgb(60, 150, 85) !important; }
/* Meer ruimte tussen de items */
#astroid-mobilemenu .astroid-mobile-menu { display: flex !important; flex-wrap: wrap; justify-content: center; padding-top: 10px; }
#astroid-mobilemenu .astroid-mobile-menu > li { display: block !important; width: 100% !important; }
.astroid-mobilemenu .astroid-mobile-menu > li > a.nav-link:not(.lang) { padding-top: 8px !important; padding-bottom: 22px !important; }
/* Taalvlaggen groter, naast elkaar en gecentreerd */
#astroid-mobilemenu .astroid-mobile-menu > li:has(> a.lang) { width: auto !important; margin-top: 18px; }
.astroid-mobilemenu .astroid-mobile-menu > li > a.lang { display: block !important; padding: 0 12px !important; }
#astroid-mobilemenu .astroid-mobile-menu a.lang img { height: 30px !important; width: 45px !important; max-width: none !important; object-fit: cover; border-radius: 4px; box-shadow: 0 0 0 1px rgba(35, 47, 61, .12); }

/* Nieuwsslider op mobiel: geen pijlknoppen, maar stippen eronder (actief = lichtblauw) */
.gv-newsslider__dots { display: none; }
@media (max-width: 767.98px) {
  .gv-newsslider__nav { display: none !important; }
  .gv-newsslider__dots { display: flex; justify-content: center; gap: 10px; padding: 18px 0 4px; position: relative; z-index: 2; }
  .gv-dot { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .45); cursor: pointer; transition: background-color .2s ease, transform .2s ease; }
  .gv-dot.is-active { background: rgb(184, 202, 213); transform: scale(1.25); }
  .gv-dot:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
}
@media (max-width: 767.98px) {
  .gv-newsslider { padding-bottom: 64px; }
  .gv-newsslider::after { height: 44px; bottom: -2px; clip-path: polygon(0 100%, 100% 10%, 100% 100%); }
  .footerblok .footerblok1 { padding-top: 10px; }
}

/* ── Mobiel (< 768px): ritme en ruimte ───────────────────────────────────── */
@media (max-width: 767.98px) {
  /* "Lees verder": evenveel ruimte onder als boven de knop (tot de foto/video eronder) */
  #sp-page-builder .sppb-addon-wrapper:has(> .clearfix > .sppb-text-left > a.sppb-btn, > .clearfix > .sppb-text-right > a.sppb-btn, > .clearfix > .sppb-text-center > a.sppb-btn) { margin-bottom: 40px !important; }
  /* Sectie "Hoog afwerkingsniveau": minder lege ruimte boven en onder (de overlappende galerij is op mobiel uit) */
  #sp-page-builder .sppb-section.inwordingblok.afwerking { padding-top: 40px !important; padding-bottom: 40px !important; }
  /* Videoblok: hele achtergrond donkerblauw */
  #sp-page-builder .sppb-section.bootrij2 { background-image: none !important; background-color: rgb(36, 65, 94) !important; }
  /* Footer: telefoon/mail gecentreerd, social-iconen op één rij */
  .footerblok2 .gv-contact-line { justify-content: center; }
  .footerblok2 .socialcol .sppb-column-addons { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 22px; }
  .footerblok2 .socialcol .sppb-column-addons > .sppb-addon-wrapper:first-child { flex: 0 0 100%; }
}
@media (max-width: 767.98px) {
  /* Lege secties (alleen witruimte op desktop) op mobiel weglaten */
  #sp-page-builder > .page-content > section.sppb-section:not(:has(.sppb-addon-wrapper)) { display: none; }
}
@media (max-width: 767.98px) {
  /* Foto na tekst + knop: de knop geeft al 40px ruimte, dus de oude extra 40px boven de foto vervalt */
  .astroid-device-xs #sp-page-builder .inwordingblok .sppb-addon-single-image-container img { margin-top: 0 !important; }
}
/* Hamburger in de sticky balk ook groen (was het roze standaardaccent van het template) */
#astroid-sticky-header .burger-menu-button .inner,
#astroid-sticky-header .burger-menu-button .inner::before,
#astroid-sticky-header .burger-menu-button .inner::after { background-color: rgb(60, 150, 85) !important; }
@media (max-width: 767.98px) {
  /* Foto's in een lijst op mobiel gecentreerd (de lijst is een blok sinds het zoom-effect) */
  #sp-page-builder .sppb-section:not(.afwerking) .sppb-addon-single-image-container { margin-left: auto; margin-right: auto; }
}
/* Stippen staan nu in de kaart onder de knop (wit vlak) */
@media (max-width: 767.98px) {
  .gv-newsslider__dots { padding: 16px 0 0; }
  .gv-dot { background: rgba(35, 66, 94, .28); }
  .gv-dot.is-active { background: rgb(184, 202, 213); width: 24px; border-radius: 5px; transform: none; }
  .gv-dot:focus-visible { outline-color: rgb(35, 66, 94); }
  .gv-newsslider { padding-bottom: 40px; }
}
/* Nieuwsslider op mobiel: zonder rubriek ("Nieuws") en datum */
@media (max-width: 767.98px) {
  .gv-newsslide__card .nieuwscat, .gv-newsslide__card > .nieuwsdatum { display: none !important; }
}
/* Mobiel menu: alle items dezelfde kleur, minder letterspatiëring; vlaggen zonder interne opvulling */
#astroid-mobilemenu .astroid-mobile-menu > li > a.nav-link:not(.lang),
#astroid-mobilemenu .astroid-mobile-menu > li > a.nav-link.mobile { color: rgb(35, 47, 61) !important; letter-spacing: .12em !important; }
#astroid-mobilemenu .astroid-mobile-menu > li > a.nav-link:not(.lang) * { letter-spacing: inherit !important; }
#astroid-mobilemenu .astroid-mobile-menu > li > a.nav-link.active { color: rgb(34, 100, 65) !important; }
#astroid-mobilemenu .astroid-mobile-menu a.lang .nav-title > img, #astroid-mobilemenu .astroid-mobile-menu a.lang img { padding: 0 !important; margin: 0 !important; display: block; }
#astroid-mobilemenu .astroid-mobile-menu a.lang .nav-title { padding: 0 !important; margin: 0 !important; }
/* Hamburger (ook bovenaan de pagina) in het donkerdere logogroen */
#astroid-header .burger-menu-button .inner,
#astroid-header .burger-menu-button .inner::before,
#astroid-header .burger-menu-button .inner::after { background-color: rgb(60, 150, 85) !important; }
@media (max-width: 767.98px) {
  /* Videolijst op mobiel binnen de schermbreedte (zijkanten zichtbaar) */
  .bootrij2 .sppb-addon-video { margin: -10px 0; padding: 10px; }
}
@media (max-width: 767.98px) {
  /* Nieuwsslider: hoogte volgt het zichtbare bericht, knop direct onder de tekst */
  .gv-newsslider__track { position: relative; }
  .gv-newsslide:not(.is-active) { position: absolute; top: 0; left: 0; right: 0; }
  .gv-newsslide__card .gv-newsslide__meta { margin-top: 24px; }
}
@media (max-width: 767.98px) {
  .gv-newsslide .nieuwscol { min-height: 0 !important; }
  .gv-newsslide__card { height: auto !important; }
  .gv-newsslide__image { height: 240px !important; }
}

/* Verborgen blokken (SP "verberg op …") laten ook hun marge niet achter */
@media (max-width: 767px) { #sp-page-builder .sppb-addon-wrapper:has(> .clearfix.sppb-hidden-xs) { display: none; } }
@media (min-width: 768px) and (max-width: 991px) { #sp-page-builder .sppb-addon-wrapper:has(> .clearfix.sppb-hidden-sm) { display: none; } }
@media (min-width: 992px) and (max-width: 1199px) { #sp-page-builder .sppb-addon-wrapper:has(> .clearfix.sppb-hidden-md) { display: none; } }

@media (max-width: 767.98px) {
  /* Footer-waterblok zonder vaste desktophoogte (scheelt witruimte waar alleen de social-balk staat) */
  .footerblok .footerblok1 { min-height: 0 !important; padding-bottom: 110px !important; background-position: 50% 100% !important; }
  /* Kopsecties met vaste desktophoogte (bv. Galvani Ventisei): op mobiel meegroeien met de tekst */
  #sp-page-builder > .page-content > section.introblok { height: auto !important; max-height: none !important; padding-bottom: 120px !important; }
  #sp-page-builder > .page-content > section.introblok.introblokboten { padding-bottom: 230px !important; }
  /* Twee foto's naast elkaar (rij met alleen afbeeldingen) blijven op mobiel naast elkaar */
  #sp-page-builder .sppb-row:has(> [class*="sppb-col-"]:nth-child(2):last-child):not(:has(.sppb-addon-text-block, .sppb-addon-header, .sppb-btn, video, .sppb-addon-wrapper + .sppb-addon-wrapper)):has(.sppb-addon-single-image) > [class*="sppb-col-"] { flex: 0 0 50%; max-width: 50%; width: 50%; padding-left: 6px !important; padding-right: 6px !important; }
  /* Blauwe schuine sectie (Comfortabel): ruimte voor de schuine randen */
  #sp-page-builder .sppb-section.bluerow { padding: 90px 20px 100px !important; }
}
@media (max-width: 767.98px) {
  /* Witruimte-blokken (alleen lege alinea's) op mobiel weg */
  #sp-page-builder .sppb-addon-wrapper:has(.gv-spacer) { display: none; }
  /* Nieuwsoverzicht: zijmarge op mobiel */
  #sp-page-builder .sppb-section.nieuwsberichten { padding-left: 20px !important; padding-right: 20px !important; }
  /* Blauwe schuine sectie: meer ruimte boven zodat de kop niet onder de schuine rand valt */
  #sp-page-builder .sppb-section.bluerow { padding-top: 130px !important; }
}

/* Nieuwsoverzicht op mobiel: tekst in de kaart weer donker (oude mobiele regel maakte hem wit op wit) */
@media (max-width: 767.98px) {
  #sp-page-builder .mwall-items .mwall-item .mwall-date, #sp-page-builder .mwall-items .mwall-item .mwall-item-info, #sp-page-builder .mwall-items .mwall-item .mwall-item-info *, #sp-page-builder .mwall-items .mwall-item .mwall-desc, #sp-page-builder .mwall-items .mwall-item .mwall-desc * { color: rgb(49, 59, 65) !important; }
  #sp-page-builder .mwall-items .mwall-item .mwall-detail-box .mwall-title, #sp-page-builder .mwall-items .mwall-item .mwall-detail-box .mwall-title a { color: rgb(49, 59, 65) !important; font-size: 20px !important; line-height: 1.3 !important; }
}

/* Paginakop met overlappend tekstblok (bv. "Vaak gestelde vragen"): op tablet/mobiel kleinere kop en minder overlap */
@media (max-width: 1199.98px) {
  #sp-page-builder .headingblok h1 { font-size: 40px !important; line-height: 1.15 !important; letter-spacing: 8px !important; }
  #sp-page-builder > .page-content > section.headingblok + section { margin-top: -120px !important; }
}
@media (max-width: 767.98px) {
  #sp-page-builder .headingblok h1 { font-size: 28px !important; letter-spacing: 5px !important; }
  #sp-page-builder > .page-content > section.headingblok + section { margin-top: -150px !important; }
  /* FAQ/specs-uitklapblokken: ruimte rechts voor het icoon */
  #sp-page-builder .sppb-panel-heading .sppb-panel-title { padding-right: 44px !important; display: block; }
}
@media (max-width: 767.98px) {
  /* Kolommen die op mobiel van volgorde wisselen (bv. foto boven tekst): ruimte ertussen */
  #sp-page-builder .sppb-row:has(> .sppb-order-xs-1) { row-gap: 30px; }
  /* Inlogpagina: kop gecentreerd */
  #sp-page-builder .sppb-section.login h1.sppb-addon-title, #sp-page-builder .sppb-section.loginrow h1.sppb-addon-title { text-align: center !important; }
}
@media (max-width: 767.98px) {
  /* Kopbalken (Specificaties en vaartijden, FAQ-rubrieken) iets kleiner op mobiel */
  #sp-page-builder .specsrow .sppb-addon-header h2 { font-size: 19px !important; letter-spacing: 5px !important; line-height: 1.35 !important; }
}
@media (max-width: 767.98px) {
  #sp-page-builder .sppb-section.bluerow { padding-bottom: 170px !important; }
  /* Footer "Snel naar": geen pijltjes op mobiel */
  .footerblok2 .footernavcol ul li::before { display: none !important; }
  .footerblok2 .footernavcol ul li { padding-left: 0 !important; }
}
@media (max-width: 767.98px) {
  /* Copyrightbalk: Disclaimer | Privacy Verklaring op één regel */
  .copyrow .sppb-row { display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; }
  .copyrow .sppb-row > div:first-child, .copyrow .sppb-row > div:last-child { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
  .copyrow .sppb-row > div:not(:first-child):not(:last-child) { flex: 0 0 auto !important; width: auto !important; max-width: none !important; padding-left: 8px !important; padding-right: 8px !important; }
  .copyrow .sppb-row > div:not(:first-child):not(:last-child) + div:not(:last-child) { position: relative; }
  .copyrow .sppb-row > div:not(:first-child):not(:last-child) + div:not(:last-child)::before { content: "|"; position: absolute; left: -3px; top: 50%; transform: translateY(-50%); color: rgba(90, 172, 239, .6); }
}
@media (max-width: 767.98px) {
  /* In rijen met kolom-tussenruimte (30px) telt de knopmarge daar bovenop: samen weer 40px */
  #sp-page-builder .sppb-row:has(> .sppb-order-xs-1) .sppb-addon-wrapper:has(> .clearfix > .sppb-text-left > a.sppb-btn, > .clearfix > .sppb-text-right > a.sppb-btn, > .clearfix > .sppb-text-center > a.sppb-btn) { margin-bottom: 10px !important; }
}

/* Copyrightbalk: donkerblauwe footerverloop loopt door, met een glazige half-doorzichtige witte laag erover */
.copyrow { background: linear-gradient(180deg, rgba(255, 255, 255, .80) 0%, rgba(255, 255, 255, .70) 100%), linear-gradient(180deg, rgb(36, 65, 94) 0%, rgb(40, 74, 106) 100%) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), inset 0 -1px 0 rgba(255, 255, 255, .25); }

/* Footerkoppen (Contact, Snel naar, Socials) kleiner op tablet en mobiel, met ruimte rechts */
@media (max-width: 1199.98px) {
  .footerblok2 h2.sppb-addon-title { font-size: 14px !important; letter-spacing: 6px !important; }
  .footerblok2 .socialcol { padding-right: 15px; }
}
@media (max-width: 767.98px) {
  .footerblok2 h2.sppb-addon-title { font-size: 15px !important; letter-spacing: 6px !important; }
}

/* Copyrightbalk: donkerblauwe tekst voor beter contrast op het glazige vlak */
.copyrow.sppb-section p, .copyrow.sppb-section a, .copyrow.sppb-section .credit__link { color: rgb(35, 66, 94) !important; }
.copyrow.sppb-section a:not(.credit__link):hover, .copyrow.sppb-section a:not(.credit__link):focus-visible { color: rgb(34, 100, 65) !important; }
.copyrow.sppb-section .credit__typed { color: rgba(35, 66, 94, .65) !important; }
.copyrow .sppb-row > div:not(:first-child):not(:last-child) + div:not(:last-child)::before { color: rgba(35, 66, 94, .45) !important; }
/* Galerij op telefoon (2 kolommen): 2e hoge tegel per groep van 6 wordt normaal → 6 foto's vullen precies 4 rijen */
@media (max-width: 480px) {
  .gv-gallery--metro .gv-gallery__item.height2:nth-child(6n+5) { grid-row: span 1; }
}
@media (max-width: 767.98px) {
  /* Footer "Snel naar": twee kolommen dichter bij elkaar, gecentreerd */
  .footerblok2 .footernavcol ul { max-width: 320px; margin-left: auto !important; margin-right: auto !important; column-gap: 20px; }
  .footerblok2 .footernavcol ul li { white-space: nowrap; }
}
/* Footerlogo op tablet iets kleiner (meer ruimte tot de contactkolom) */
@media (min-width: 768px) and (max-width: 1199.98px) {
  .footerblok2 .sppb-addon-single-image-container img { max-width: 150px !important; }
}
@media (max-width: 1199.98px) { .footerblok2 .footernavcol ul li { white-space: nowrap; } }
/* Tablet staand (768–991px) gebruikt de mobiele kop: alleen het mobiele logo, niet beide */
@media (max-width: 991.98px) {
  #astroid-header .astroid-logo .astroid-logo-default { display: none !important; }
  #astroid-header .astroid-logo .astroid-logo-mobile { display: block !important; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Tablet staand: meer ruimte boven de kop na een overlappende foto */
  #sp-page-builder > .page-content > section.inwordingblok:not(.afwerking) { padding-top: 90px !important; }
}
@media (max-width: 991.98px) {
  /* Foto's in een lijst ook op tablet gecentreerd */
  #sp-page-builder .sppb-section:not(.afwerking) .sppb-addon-single-image-container.gv-framed { margin-left: auto; margin-right: auto; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  /* "Hoog afwerkingsniveau": ruimte tussen galerij en kop op tablet staand */
  #sp-page-builder .afwerking .gv-gallery-wrap--metro { margin-bottom: 40px; }
}

/* Nieuwsslider op tablet staand (768–991px): stippen onder de knop i.p.v. pijlen, kleinere kop, hoogte meegroeiend */
@media (min-width: 768px) and (max-width: 991.98px) {
  #nieuws h2.sppb-addon-title { font-size: 32px !important; letter-spacing: 10px !important; line-height: 1.25 !important; }
  .gv-newsslider { height: auto; padding-bottom: 70px; }
  .gv-newsslide { height: auto; }
  .gv-newsslider__nav { display: none !important; }
  .gv-newsslider__dots { display: flex; justify-content: center; gap: 10px; padding: 16px 0 0; }
  .gv-dot { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: rgba(35, 66, 94, .28); cursor: pointer; transition: background-color .2s ease, width .2s ease; }
  .gv-dot.is-active { background: rgb(184, 202, 213); width: 24px; border-radius: 5px; }
  .gv-dot:focus-visible { outline: 2px solid rgb(35, 66, 94); outline-offset: 2px; }
}
/* Footer "Snel naar": ook op tablet geen pijltjes (ze botsten met de tekst) */
@media (max-width: 1199.98px) {
  .footerblok2 .footernavcol ul li::before { display: none !important; }
  .footerblok2 .footernavcol ul li { padding-left: 0 !important; }
  .footerblok2 .footernavcol ul { column-gap: 24px; }
}


/* Mobiel + iPad mini: blauwe schuine band (Comfortabel) als eigen schuine vorm i.p.v. de SVG (die werd te kort of afgesneden) */
@media (max-width: 767.98px) {
  #sp-page-builder .sppb-section.bluerow { background: rgb(26, 33, 62) !important; clip-path: polygon(0 8.5vw, 100% 0, 100% calc(100% - 8.5vw), 0 100%); }
  /* Nieuwskaarten: categorie "(Nieuws)" weg op mobiel */
  #sp-page-builder .mwall-items .mwall-item .mwall-item-category { display: none !important; }
}

/* FAQ e.d. (kop met schuine blauwe rand): minder witruimte onder de kop op tablet en mobiel */
@media (max-width: 1199.98px) {
  #sp-page-builder section.headingblok + section.introtekstblok .col1 { padding-top: 105px !important; }
}
@media (max-width: 767.98px) {
  #sp-page-builder section.headingblok + section.introtekstblok .col1 { padding-top: 55px !important; }
}

/* Nieuwsslider: titel in de kaart kleiner op tablet en mobiel */
@media (max-width: 991.98px) {
  body .gv-newsslider h2.nieuwsh2, body .gv-newsslider h2.nieuwsh2 a { font-size: 17px !important; letter-spacing: 3px !important; line-height: 1.35 !important; }
}
@media (max-width: 767.98px) {
  body .gv-newsslider h2.nieuwsh2, body .gv-newsslider h2.nieuwsh2 a { font-size: 15px !important; letter-spacing: 2px !important; }
}

/* Kopbalken (Specificaties en vaartijden e.d.): ruimte links/rechts op tablet */
@media (min-width: 576px) and (max-width: 1199.98px) {
  #sp-page-builder .specsrow .sppb-addon-header h2 { padding-left: 20px !important; padding-right: 20px !important; }
}

/* Onze partners: tekstblok overlapte op mobiel de groene kop */
@media (max-width: 767.98px) {
  #sp-page-builder .sppb-section.introtekstblok.onzepartners { margin-top: -210px !important; }
}

/* Nieuwsoverzicht op mobiel: compacte kaart met alleen foto, datum en titel */
@media (max-width: 767.98px) {
  #sp-page-builder .mwall-items .mwall-item, #sp-page-builder .mwall-items .mwall-item .mwall-item-outer-cont, #sp-page-builder .mwall-items .mwall-item .mwall-item-inner-cont { height: auto !important; min-height: 0 !important; }
  #sp-page-builder .mwall-items .mwall-item .mwall-detail-box { height: auto !important; min-height: 0 !important; padding-bottom: 14px !important; }
  #sp-page-builder .mwall-items .mwall-item .mwall-desc, #sp-page-builder .mwall-items .mwall-item .mwall-readmore { display: none !important; }
}

/* Nieuwsoverzicht op tablet: tekst in de kaart donker (tabletregel van het origineel maakte hem wit op wit) */
@media (min-width: 768px) and (max-width: 1199.98px) {
  #sp-page-builder .mwall-items .mwall-item .mwall-date, #sp-page-builder .mwall-items .mwall-item .mwall-item-info, #sp-page-builder .mwall-items .mwall-item .mwall-item-info *, #sp-page-builder .mwall-items .mwall-item .mwall-desc, #sp-page-builder .mwall-items .mwall-item .mwall-desc *, #sp-page-builder .mwall-items .mwall-item .mwall-readmore a { color: rgb(49, 59, 65) !important; }
  #sp-page-builder .mwall-items .mwall-item .mwall-detail-box .mwall-title, #sp-page-builder .mwall-items .mwall-item .mwall-detail-box .mwall-title a { color: rgb(49, 59, 65) !important; }
}

/* Nieuwsoverzicht mobiel/iPad mini (2 kolommen): witte kaart vult de rijhoogte zodat kaarten naast elkaar gelijk eindigen */
@media (max-width: 767.98px) {
  #sp-page-builder .mwall-items .mwall-item, #sp-page-builder .mwall-items .mwall-item .mwall-item-outer-cont, #sp-page-builder .mwall-items .mwall-item .mwall-item-inner-cont { display: flex; flex-direction: column; }
  #sp-page-builder .mwall-items .mwall-item .mwall-item-outer-cont, #sp-page-builder .mwall-items .mwall-item .mwall-item-inner-cont, #sp-page-builder .mwall-items .mwall-item .mwall-detail-box { flex: 1 1 auto; }
}

/* Nieuwsoverzicht: paginakop paste niet op mobiel ("PERSBERICHTEN" werd afgesneden) */
@media (max-width: 767.98px) {
  #sp-page-builder .sppb-section.nieuwsberichten h1.sppb-addon-title { font-size: min(30px, 6.4vw) !important; letter-spacing: min(10px, 1.6vw) !important; line-height: 1.3 !important; overflow-wrap: anywhere; }
}

/* Natuurlijk elektrisch, mobiel + tablet: ijsvogel-foto onder kop en tekst */
@media (max-width: 991.98px) {
  #sp-page-builder .sppb-row:has(img[src*="natuurlijk-elektrisch-vogel"]) > [class*="sppb-col-"]:has(img[src*="natuurlijk-elektrisch-vogel"]) { order: 2; margin-top: 10px; }
}

/* Natuurlijk elektrisch, mobiel + tablet: minder wit boven en onder de laadpaal-foto */
@media (max-width: 991.98px) {
  #sp-page-builder .sppb-section.wiezijnwijblok.wit.elektrisch .sppb-addon-content > p.gv-leeg:last-child { display: none; }
  #sp-page-builder .sppb-section.wiezijnwijblok.wit.elektrisch { padding-bottom: 20px !important; }
  #sp-page-builder .sppb-section.wiezijnwijblok.wit.elektrisch .sppb-addon-single-image { margin-top: 0 !important; }
}

/* Nieuwsoverzicht, tablet + mobiel: donkerblauw loopt door tot onder "Meer laden" (witte schuine rand alleen helemaal onderaan) */
@media (max-width: 991.98px) {
  #sp-page-builder .sppb-section.nieuwsberichten { background-size: 100% auto !important; background-position: 50% 100% !important; background-color: rgb(36, 66, 94) !important; }
}

/* Smalle telefoons: lange koppen met brede letterafstand pasten niet (afgesneden). Vloeiend kleiner, alleen ≤575px */
@media (max-width: 575.98px) {
  #sp-page-builder .afwerking h2.sppb-addon-title, #sp-page-builder .afwerking h3.sppb-addon-title { font-size: min(22px, 5.4vw) !important; letter-spacing: min(5px, 0.7vw) !important; }
  #sp-page-builder .sppb-section.bluerow h2.sppb-addon-title { font-size: min(25px, 7vw) !important; letter-spacing: min(12px, 2vw) !important; }
  #sp-page-builder .sppb-section.wiezijnwijblok.wit h2.sppb-addon-title { font-size: min(25px, 5.9vw) !important; letter-spacing: min(5px, 1.2vw) !important; }
  #sp-page-builder .introblok.detail h1.sppb-addon-title { font-size: min(30px, 8.6vw) !important; letter-spacing: min(10px, 2vw) !important; }
  body #nieuws h2.sppb-addon-title { letter-spacing: min(7px, 1.5vw) !important; }
  #sp-page-builder .wiezijnwijblok.detail:not(.headingblok) h1.sppb-addon-title, #sp-page-builder .inwordingblok.contact h1.sppb-addon-title { font-size: min(48px, 11.6vw) !important; letter-spacing: min(10px, 2vw) !important; }
}

/* Natuurlijk elektrisch, mobiel + tablet: minder wit tussen boot-foto en "Fluisterstil" */
@media (max-width: 991.98px) {
  #sp-page-builder .sppb-section:has(img[src*="natuurlijk-elektrisch-vogel"]) { padding-top: 0 !important; }
  #sp-page-builder .sppb-section:has(+ .sppb-section img[src*="natuurlijk-elektrisch-vogel"]) { padding-bottom: 25px !important; }
}

/* Natuurlijk elektrisch, mobiel + iPad mini: wit onder de ijsvogel-foto vóór de schuine blauwe rand */
@media (max-width: 767.98px) {
  #sp-page-builder .sppb-row:has(img[src*="natuurlijk-elektrisch-vogel"]) > [class*="sppb-col-"]:has(img[src*="natuurlijk-elektrisch-vogel"]) { margin-bottom: 50px; }
}

/* Nieuwsoverzicht op telefoons: de schuine witte rand van de achtergrondfoto werd te dun en viel onder het
   nieuwsbriefblok (dat 20px overlapt). Daarom hier een eigen schuine rand met dezelfde blauwe verloopkleur. */
@media (max-width: 575.98px) {
  #sp-page-builder .sppb-section.nieuwsberichten { background-image: linear-gradient(180deg, rgb(36, 66, 94) 0%, rgb(36, 49, 65) 100%) !important; background-size: auto !important; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 95px), 0 calc(100% - 45px)); padding-bottom: 150px !important; }
}

/* Klant-login: "onthoud mij", meldingen en de pagina "wachtwoord vergeten" (zelfde opmaak als /inloggen) */
.gv-login__remember { display: flex !important; align-items: center; gap: 8px; margin: 2px 0 14px; font-family: montserrat, sans-serif; font-size: 13px; cursor: pointer; }
.gv-login__remember input { width: 16px; height: 16px; margin: 0; accent-color: rgb(60, 150, 85); }
.gv-login .alert-success { background: #e3f3e8; color: #1f5631; }
.gv-login__help a { color: rgb(35, 66, 94); text-decoration: underline; text-underline-offset: 2px; }
.gv-login__help a:hover { color: rgb(60, 150, 85); }
.gv-login__back { clear: both; padding-top: 12px; }
#sp-page-builder .sppb-section.gv-resetrow { padding: 60px 20px 70px !important; }
#sp-page-builder .sppb-section.gv-resetrow .sppb-row-container { max-width: 1140px; margin: 0 auto; }
#sp-page-builder .sppb-section.gv-resetrow .form-inline::after { content: ""; display: table; clear: both; }
@media (max-width: 767.98px) {
  #sp-page-builder .sppb-section.gv-resetrow { padding: 40px 20px 50px !important; }
  #sp-page-builder .sppb-section.gv-resetrow h1.sppb-addon-title { font-size: min(30px, 7vw); letter-spacing: min(10px, 1.6vw); }
}

/* Klant-login: knop exact als op de originele site (G-knop 250×72, afbeelding 'contain', geen kader/achtergrondkleur) */
.loginrow .gv-login .btn-primary { float: right; width: 250px; max-width: 250px; min-width: 0; height: auto; padding: 25px 10px 25px 50px; border: 0; border-radius: 0; background-color: transparent !important; background-size: contain !important; background-position: 50% 50% !important; background-repeat: no-repeat !important; font-family: montserrat, sans-serif; font-size: 15px; font-weight: 300; line-height: 22.5px; letter-spacing: normal; text-transform: uppercase; text-align: center; color: #fff !important; transform: none !important; transition: color .15s ease-in-out, background-image .15s ease-in-out; }
.loginrow .gv-login .btn-primary:hover, .loginrow .gv-login .btn-primary:focus-visible { background-color: transparent !important; color: rgb(0, 0, 0) !important; transform: none !important; }
.loginrow .gv-login .mod-login__submit { margin-bottom: 0; }
/* Mobiel: "Wachtwoord vergeten?" direct onder "Onthoud mij", knop daaronder */
@media (max-width: 575.98px) {
  .loginrow .gv-login form:has(.gv-login__remember) { display: flex; flex-direction: column; }
  .loginrow .gv-login form:has(.gv-login__remember) .gv-login__help { order: 1; margin: 0 0 6px; }
  .loginrow .gv-login form:has(.gv-login__remember) .mod-login__submit { order: 2; }
}