@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gnD_vx3rCs.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gnD_vx3rCs.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
@font-face {
font-family: "Amiri";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/amiri/v16/J7acnpd8CGxBHp2VkaY_zp5gGDAb.woff2)
format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
} html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0px;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
.hidden,
[hidden] {
display: none !important;
}
.pure-img {
max-width: 100%;
height: auto;
display: block;
}
:focus {
outline: 0px;
}  .hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger.is-active:hover {
opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: var(--green);
}
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 40px;
height: 4px;
background-color: var(--green);
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -10px;
}
.hamburger--spring .hamburger-inner {
top: 2px;
transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
top: 10px;
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
top: 20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
transition-delay: 0.22s;
background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(-45deg);
} .whiteArrow {
fill: #fff;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: 0;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:after,
.slick-track:before {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
button.slick-next.slick-arrow {
position: absolute;
right: 0px;
top: calc(50% - 20px);
z-index: 2;
font-size: 0px;
background: var(--green);
border: none;
height: 40px;
width: 40px;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='arrow-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-arrow-right fa-w-14 fa-7x'%3E%3Cpath fill='%23fff' d='M218.101 38.101L198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z' class=''%3E%3C/path%3E%3C/svg%3E");
background-size: 20px;
background-repeat: no-repeat;
background-position: center;
}
button.slick-prev.slick-arrow {
position: absolute;
left: 0px;
top: calc(50% - 20px);
z-index: 2;
font-size: 0px;
background: var(--green);
border: none;
height: 40px;
width: 40px;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='arrow-left' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-arrow-left fa-w-14 fa-7x'%3E%3Cpath fill='%23fff' d='M229.9 473.899l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L94.569 282H436c6.627 0 12-5.373 12-12v-28c0-6.627-5.373-12-12-12H94.569l155.13-155.13c4.686-4.686 4.686-12.284 0-16.971L229.9 38.101c-4.686-4.686-12.284-4.686-16.971 0L3.515 247.515c-4.686 4.686-4.686 12.284 0 16.971L212.929 473.9c4.686 4.686 12.284 4.686 16.971-.001z' class=''%3E%3C/path%3E%3C/svg%3E");
background-size: 20px;
background-repeat: no-repeat;
background-position: center;
}
.slick-track {
display: flex;
align-items: center;
max-height: 700px;
}  :root {
font-size: 16px;
--green: #6da81c;
--bluegrey: #374952;
--main-grey: #6c6c6c;
--bg-grey: #f2f2f2;
--semi-transp-white: rgba(255, 255, 255, 0.61);
--footergreen: #225847;
}   div#searchBox {
position: fixed;
height: 100vh;
width: 100vw;
top: 0px;
left: 0px;
z-index: 99;
display: none;
background: #485b64f0;
}
div#searchBox .container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
div#searchBox .container label {
display: flex;
flex-direction: column;
align-items: center;
}
div#searchBox .container input.search-submit {
margin: 0 auto;
text-transform: uppercase;
color: #fff;
position: relative;
display: table;
height: fit-content;
text-decoration: none;
width: fit-content;
padding: 10px 15px;
font-size: 15px;
font-weight: bold;
background: var(--green);
border: none;
transition: ease all 0.3s;
}
div#searchBox .container input.search-submit:hover {
background: var(--bluegrey);
}
div#closeShow{
width: 40px;
height: 40px;
background-image: url(//profikozijnen.nl/wp-content/uploads/2021/02/closeImg.svg);
position: fixed;
top:20px;
right:20px;
cursor:pointer;
}
span.screen-reader-text {
font-size: 28px;
margin-bottom: 20px;
color: #fff;
}
form.search-form {
width: 100%;
}
input.search-field {
width: 80%;
max-width: 450px;
padding: 10px;
margin-bottom: 10px;
}
div#showSearch {
display: inline-block;
cursor: pointer;
height: 40px;
width: 40px;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='search' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-search fa-w-16 fa-7x'%3E%3Cpath fill='%236da81c' d='M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z' class=''%3E%3C/path%3E%3C/svg%3E");
background-size: 25px;
background-color:#fff;
background-position: center;
background-repeat: no-repeat;
ma
}
#main-header-menu {
display: flex;
align-items:center; 
}
*,
:before,
:after {
box-sizing: border-box;
}
body {
font-family: "Montserrat", sans-serif;
font-size: 1rem;
}
.container,
#content,
.header-wrapper,
.footer-container,
.footer-bottom,
.bannerContainer,
.customContainer,
#droomBerekenen,
#inspiratieGrid {
max-width: 1240px;
width: 100%;
margin: 0 auto;
padding: 0px 20px;
}
#breadcrumbs-wrapper {
padding-left: 0px;
}
html {
overflow-x: hidden;
}
#breadcrumbs {
margin-top: 3em;
font-size: 0.8rem;
margin-bottom: 3em;
}
#breadcrumbs span,
#breadcrumbs a {
color: var(--footergreen);
text-decoration: none;
font-weight: 400;
}
#header {
border-bottom: solid 1px var(--bluegrey);
position: fixed;
top: 0px;
width: 100%;
background: #fff;
z-index: 99;
}
#container {
padding-top: 124px;
}
.topHeader {
background: #fff;
color: var(--bluegrey);
font-weight: bold;
text-align: right;
height: 47px;
display: flex;
align-items: center;
}
.topHeader p {
margin: 0px;
}
.topHeader a {
color: var(--green);
position: relative;
text-decoration: none;
padding-left: 20px;
margin-left: 10px;
}
.topHeader a:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='phone' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='gold svg-inline--fa fa-phone fa-w-16 fa-7x'%3E%3Cpath fill='%236DA81C' d='M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z' class=''%3E%3C/path%3E%3C/svg%3E");
position: absolute;
top: 0px;
left: 0px;
height: 15px;
width: 15px;
}
.header-wrapper {
height: 75px;
display: grid;
grid-template-columns: 220px calc(100% - 220px);
position: relative;
}
.logoContainer {
display: grid;
max-width: 200px;
}
.logoContainer svg {
align-self: center;
margin-top: -35px;
}
.header-column.column-2 {
align-self: self-end;
}
ul#menu-main-menu li {
display: inline-block;
margin-right: 10px;
position: relative;
}
ul#menu-main-menu li a {
color: var(--bluegrey);
text-decoration: none;
text-transform: uppercase;
transition: ease all 0.3s;
}
ul#menu-main-menu li a:hover {
color: var(--green);
}
ul#menu-main-menu .current-menu-item a {
color: var(--green);
font-weight: bold;
}
.header-wrapper .main-header-menu .current-menu-item:after {
content: "";
height: 3px;
background: var(--green);
position: absolute;
bottom: -18px;
left: 0;
right: 0;
} .standaardButton {
text-transform: uppercase;
color: #fff!important;
position: relative;
display: table;
height: fit-content;
text-decoration: none;
width: fit-content;
padding: 10px 15px;
font-size: 15px;
font-weight: bold;
}
.GreenButton {
padding-right: 40px;
background: var(--green);
}
.blueGreyButton {
padding-right: 40px;
background: var(--bluegrey);
}
#vermooizaamQuote {
position: relative;
color: var(--green);
max-width: 370px;
text-align: center;
font-size: 13px;
font-family: "Amiri", sans-serif;
line-height: 15px;
padding: 5px 12px;
display: table;
height: fit-content;
}
#vermooizaamQuote:before {
content: "";
height: 100%;
width: 50px;
position: absolute;
left: 0px;
top: 0px;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8.3 68' style='enable-background:new 0 0 8.3 68;' xml:space='preserve'%3E%3Cpath id='Path_10' class='st0' fill='%23AC9E69' d='M4.1,41.5c-0.5,2-1.2,4-2,6c-1,2.6-1.5,5.4-1.4,8.2c0.1,5.3,1.8,9.2,5,11.7 c0.9,0.7,1.6,0.8,2.1,0.2c0.5-0.6,0.5-1.5-0.1-2c0,0-0.1-0.1-0.1-0.1c-2.5-2.6-3.7-5.4-3.6-8.3c0.3-1.7,1-3.3,2-4.8 c2-3.2,2.7-7.1,2-10.8c-0.4-3.2-2.2-5.9-4.9-7.6c2.7-1.6,4.6-4.4,4.9-7.6c0.7-3.7,0-7.6-2-10.8c-1-1.4-1.7-3.1-2-4.8 C3.9,7.9,5.1,5.2,7.6,2.5c0.6-0.5,0.8-1.4,0.3-2c0,0-0.1-0.1-0.1-0.1C7.3-0.2,6.6-0.1,5.7,0.6c-3.2,2.6-4.9,6.5-5,11.7 c-0.1,2.8,0.4,5.6,1.4,8.2c0.8,1.9,1.4,3.9,2,6c0.5,2.6-0.9,4.9-4.1,6.8v1.5C3.3,36.6,4.6,38.9,4.1,41.5'/%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat;
}
#vermooizaamQuote:after {
content: "";
height: 100%;
width: 10px;
position: absolute;
right: 0px;
top: 0px;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8.3 68' style='enable-background:new 0 0 8.3 68;' xml:space='preserve'%3E%3Cpath id='Path_11' fill='%23AC9E69' d='M4.2,41.5c0.5,2,1.2,4,2,6c1,2.6,1.5,5.4,1.4,8.2c-0.1,5.3-1.8,9.2-5,11.7 c-0.9,0.7-1.6,0.8-2.1,0.2C0,67,0,66.1,0.6,65.6c0,0,0.1-0.1,0.1-0.1c2.5-2.6,3.7-5.4,3.6-8.3c-0.3-1.7-1-3.3-2-4.8 c-2-3.2-2.7-7.1-2-10.8c0.4-3.2,2.2-5.9,4.9-7.6c-2.7-1.6-4.6-4.4-4.9-7.6c-0.7-3.7,0-7.6,2-10.8c1-1.4,1.7-3.1,2-4.8 c0.1-2.9-1.1-5.7-3.6-8.3C0.1,2.1,0,1.2,0.4,0.5c0,0,0.1-0.1,0.1-0.1C1-0.2,1.7-0.1,2.6,0.6c3.2,2.6,4.9,6.5,5,11.7 c0.1,2.8-0.4,5.6-1.4,8.2c-0.8,2-1.4,4-2,6c-0.5,2.6,0.9,4.9,4.1,6.8v1.5C5.1,36.6,3.7,38.9,4.2,41.5'/%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat;
}
div#floating {
position: fixed;
right: 0px;
top: 350px;
z-index: 99;
}  #floating a{
position: relative;
transition: ease all 0.3s;
right: -151px;
}
#floating p {
background: var(--green);
margin: 0px 0px 2px;
padding: 18px 10px 18px 50px;
text-transform: uppercase;
font-size: 12px;
position: relative;
}
#floating a:hover{
right: 0px;
}
#floating a {
color: #fff;
text-decoration: none;
}
#floating p:after {
content: "";
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 12px;
top: 15px;
}
#floatContact:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='phone' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-phone fa-w-16 fa-5x'%3E%3Cpath fill='%23fff' d='M476.5 22.9L382.3 1.2c-21.6-5-43.6 6.2-52.3 26.6l-43.5 101.5c-8 18.6-2.6 40.6 13.1 53.4l40 32.7C311 267.8 267.8 311 215.4 339.5l-32.7-40c-12.8-15.7-34.8-21.1-53.4-13.1L27.7 329.9c-20.4 8.7-31.5 30.7-26.6 52.3l21.7 94.2c4.8 20.9 23.2 35.5 44.6 35.5C312.3 512 512 313.7 512 67.5c0-21.4-14.6-39.8-35.5-44.6zM69.3 464l-20.9-90.7 98.2-42.1 55.7 68.1c98.8-46.4 150.6-98 197-197l-68.1-55.7 42.1-98.2L464 69.3C463 286.9 286.9 463 69.3 464z' class=''%3E%3C/path%3E%3C/svg%3E");
}
#floatReviews:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='star' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' class='svg-inline--fa fa-star fa-w-18 fa-7x'%3E%3Cpath fill='%23fff' d='M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z' class=''%3E%3C/path%3E%3C/svg%3E");
}
#floatBerekenen:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='envelope' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-envelope fa-w-16 fa-9x'%3E%3Cpath fill='%23FFF' d='M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z' class=''%3E%3C/path%3E%3C/svg%3E");
}  .error404 h1.entry-title {
color: var(--green);
text-align: center;
}
.error404 main#content {
min-height: 60vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.error404 form {
display: flex; justify-content: center;
align-items: center;
}
.error404 main#content a {
color: var(--darkgreen);
text-decoration: none;
}
.error404 main#content a:hover {
color: var(--green);
}  .search-results #footer{
margin-top:50px;
}
.search-results h1{
color: var(--bluegrey);
}  #droomBerekenen {
max-width: 1150px;
display: grid;
grid-template-columns: 50% 50%;
margin-top: 50px;
margin-bottom: 50px;
}
#droomBerekenen h2 {
color: var(--bluegrey);
font-size: 55px;
text-transform: uppercase;
font-weight: bold;
max-width: 320px;
margin-top: 0px;
}
#droomBerekenen p {
color: var(--green);
line-height: 22px;
font-size: 14px;
max-width: 85%;
}
.tempCalc {
display: grid;
grid-row-gap: 20px;
}
.tempCalc input {
border-radius: 0px;
border: solid 1px var(--bluegrey);
max-width: 350px;
padding: 15px;
}
.tempCalc input::placeholder {
color: var(--bluegrey);
}
.tempCalc input[type="submit"] {
background: var(--green);
color: #fff;
text-transform: uppercase;
}
span.wpcf7-not-valid-tip {
color: red;
}  #HeroBanner {
height: 440px;
background-size: cover !important;
}
#HeroBanner h1 {
color: #fff;
text-transform: uppercase;
width: fit-content;
position: relative;
z-index: 1;
max-width: 410px;
margin: 0px;
margin-bottom: 25px;
} .greenBlok {
background: var(--green);
display: block;
padding: 25px;
max-width: fit-content;
}
.greenBlok a {
text-transform: uppercase;
color: #fff;
position: relative;
display: table;
height: fit-content;
text-decoration: none;
width: fit-content;
padding-right: 25px;
font-size: 15px;
font-weight: bold;
transition: ease all 0.3s;
}
.greenBlok a:hover {
padding-right: 35px;
}
.bannerContainer {
display: grid;
grid-template-columns: 50% 50%;
height: 100%;
}
#HeroBanner .standaardButton {
margin-top: 25px;
margin-left: 25px;
transition: ease 0.3s;
padding-right: 30px;
}
.standaardButton {
transition: ease 0.3s;
}
a.standaardButton.GreenButton:before,
a.standaardButton.goldenButton:before,
a.standaardButton.blueGreyButton:before {
content: "";
height: 15px;
width: 15px;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='arrow-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-arrow-right fa-w-14 fa-7x'%3E%3Cpath fill='%23fff' d='M218.101 38.101L198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z' class=''%3E%3C/path%3E%3C/svg%3E");
position: absolute;
right: 5px;
top: 13px;
background-size: contain;
background-repeat: no-repeat;
}
.greenBlok a:before {
content: "";
height: 15px;
width: 15px;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='arrow-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-arrow-right fa-w-14 fa-7x'%3E%3Cpath fill='%23fff' d='M218.101 38.101L198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z' class=''%3E%3C/path%3E%3C/svg%3E");
position: absolute;
right: 0px;
top: 2px;
background-size: contain;
background-repeat: no-repeat;
}
a.standaardButton.ghostButton:before {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='arrow-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-arrow-right fa-w-14 fa-7x'%3E%3Cpath fill='%236DA81C' d='M218.101 38.101L198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z' class=''%3E%3C/path%3E%3C/svg%3E");
}
#HeroBanner .standaardButton:hover,
.standaardButton.GreenButton:hover {
background: var(--bluegrey);
padding-right: 50px;
}
#dubbelImgText .standaardButton.GreenButton:hover {
color: #fff;
}
.bannerContainer .col-left {
height: fit-content;
align-self: center;
display: table;
}
a.standaardButton.goldenButton:hover {
background: var(--green);
}  div#reviewSlider {
max-width: 800px;
margin: 0 auto;
margin-top: 50px;
}
div#reviewSlider div {
text-align: center;
width: 100%;
margin: 0 auto;
line-height: 24px;
}
div#reviewSlider div h4 {
margin-bottom: 0px;
color: var(--bluegrey);
font-size: 18px;
}
div#reviewSlider div p {
margin-top: 10px;
font-size: 14px;
}
div#reviewSlider div p.reviewNaam {
color: var(--green);
}
.StarContainer {
display: flex;
max-width: 100px;
position: relative;
}
.StarContainerOverlay {
width: 100%;
max-width: 100px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='star' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' class='svg-inline--fa fa-star fa-w-18 fa-7x'%3E%3Cpath fill='%236DA81C' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z' class=''%3E%3C/path%3E%3C/svg%3E");
background-size: 20px 20px;
position: absolute;
top: 0px;
left: 0px;
}
.fullStar {
height: 20px;
width: 20px;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='star' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' class='svg-inline--fa fa-star fa-w-18 fa-7x'%3E%3Cpath fill='%236DA81C' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z' class=''%3E%3C/path%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}
.emptyStar {
height: 20px;
width: 20px;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='star' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' class='svg-inline--fa fa-star fa-w-18 fa-7x'%3E%3Cpath fill='%236DA81C' d='M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z' class=''%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
}  #catGrid {
display: grid;
grid-template-columns: repeat(3, calc(33% - 1em));
grid-column-gap: 2em;
margin-top: 50px;
grid-row-gap: 4em;
}
@media screen and (max-width: 1025px) {
#catGrid {
grid-template-columns: repeat(2, calc(50% - 1em));
}
#catGrid .catOverview p {
min-height: 100px;
}
}
#catGrid a {
justify-self: center;
color: var(--green);
text-decoration: none;
width: 100%;
}
.catView {
position: relative;
height: 203px;
width: 100%;
}
.catView img {
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
}
.goldenBox {
background: var(--green);
padding: 13px 15px;
position: absolute;
bottom: 0px;
right: 0px;
transition: ease all 0.3s;
}
.catView:hover .goldenBox {
padding-right: 25px;
}
.goldenBox svg {
width: 15px;
}
a.goldenButton {
background: var(--bluegrey);
text-transform: uppercase;
}
a.goldenButton span {
color: #fff;
}
a.goldenButton svg {
height: 25px;
}  #footer {
padding-top: 20px;
padding-bottom: 20px;
background: var(--bg-grey);
color: var(--footergreen);
font-size: 12px;
text-transform: uppercase;
margin-top: 50px;
}
#footer a {
color: var(--footergreen);
transition: ease all 0.3s;
text-decoration: none;
}
#footer a:hover {
color: var(--green);
}
.footer-container {
display: grid;
grid-template-columns: 2fr 1fr 1fr 2fr;
}
#footer .textwidget ul {
padding-left: 0px;
list-style-type: none;
line-height: 2.2em;
}
#footer-block-text-2 .textwidget ul {
padding-left: 0px;
list-style-type: none;
column-count: 2;
}
#footer-block-text-5 {
padding-left: 150px;
}
#footer-block-text-5 a {
font-size: 0px;
}
#footer-block-text-5 a#footer-icon-fb:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='facebook-square' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-facebook-square fa-w-14 fa-9x'%3E%3Cpath fill='%23225847' d='M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z' class=''%3E%3C/path%3E%3C/svg%3E");
}
#footer-block-text-5 a#footer-icon-li:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='linkedin' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-linkedin fa-w-14 fa-9x'%3E%3Cpath fill='%23225847' d='M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z' class=''%3E%3C/path%3E%3C/svg%3E");
}
#footer-block-text-5 a#footer-icon-tw:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='twitter-square' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-twitter-square fa-w-14 fa-9x'%3E%3Cpath fill='%23225847' d='M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z' class=''%3E%3C/path%3E%3C/svg%3E");
}
#footer-block-text-5 a#footer-icon-in:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='instagram' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-instagram fa-w-14 fa-9x'%3E%3Cpath fill='%23225847' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z' class=''%3E%3C/path%3E%3C/svg%3E");
}
#footer-block-text-5 .footer-icon:after {
content: "";
display: inline-block;
height: 1.7rem;
width: 1.7rem;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin-right: 10px;
transition: ease all.3s;
}
#footer-block-text-5 a#footer-icon-fb:hover:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='facebook-square' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-facebook-square fa-w-14 fa-9x'%3E%3Cpath fill='%23AC9E69' d='M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z' class=''%3E%3C/path%3E%3C/svg%3E");
}
#footer-block-text-5 a#footer-icon-li:hover:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='linkedin' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-linkedin fa-w-14 fa-9x'%3E%3Cpath fill='%23AC9E69' d='M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z' class=''%3E%3C/path%3E%3C/svg%3E");
}
#footer-block-text-5 a#footer-icon-tw:hover:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='twitter-square' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-twitter-square fa-w-14 fa-9x'%3E%3Cpath fill='%23AC9E69' d='M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z' class=''%3E%3C/path%3E%3C/svg%3E");
}
#footer-block-text-5 a#footer-icon-in:hover:after {
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='instagram' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-instagram fa-w-14 fa-9x'%3E%3Cpath fill='%23AC9E69' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z' class=''%3E%3C/path%3E%3C/svg%3E");
}
.footerLogo {
width: 160px;
justify-self: end;
}
.footer-bottom {
display: grid;
grid-template-columns: 100%;
}
.footer-bottom p {
align-self: end;
justify-self: end;
margin-bottom: 0px;
color: var(--main-grey);
font-size: 14px;
} #greenSection {
background: var(--bluegrey);
margin: 150px 0px;
}
#greenSection h3 {
color: #fff;
font-size: 55px;
display: block;
max-width: 280px;
text-transform: uppercase;
line-height: 55px;
margin-bottom: 25px;
}
#greenSection p {
color: #fff;
font-size: 14px;
line-height: 25px;
}
#greenSection .col-left {
position: relative;
}
#greenSection .col-right {
padding-bottom: 50px;
}
#greenSection .customContainer {
display: grid;
grid-template-columns: 50% 50%;
}
#greenSection .backImg {
margin-top: -70px;
width: 100%;
max-width: 500px;
}
#greenSection .frontImg {
max-width: 420px;
position: absolute;
bottom: -70px;
left: -200px;
}
.goldenArrow img {
max-width: 30px;
transition: ease all 0.3s;
}
.goldenArrow:hover img {
margin-left: 10px;
}  #homeDroom {
max-width: 1240px;
width: 100%;
margin: 0 auto;
padding: 0px 20px;
background: var(--green);
display: grid;
grid-template-columns: 1fr 1fr;
color: #fff;
margin-bottom: 50px;
padding: 30px 50px 50px;
grid-column-gap: 1em;
}
#homeDroom h2 {
font-size: 55px;
text-transform: uppercase;
align-self: center;
margin: 0px;
line-height: 55px;
}
#homeDroom .col-left,
#homeDroom .col-right {
display: grid;
}
#homeDroom p {
color: #fff;
font-size: 14px;
line-height: 25px;
max-width: 85%;
}
#homeDroom .standaardButton.GreenButton {
background: #fff;
color: var(--green)!important;
padding-right: 60px;
}
#homeDroom .standaardButton.GreenButton:before {
background: var(--bluegrey);
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='arrow-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-arrow-right fa-w-14 fa-7x'%3E%3Cpath fill='%23fff' d='M218.101 38.101L198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z' class=''%3E%3C/path%3E%3C/svg%3E");
height: 100%;
top: 0px;
background-repeat: no-repeat;
right: 0px;
width: 40px;
background-size: 15px;
background-position: center;
}
#homeDroom .standaardButton.GreenButton:hover {
background: var(--bluegrey);
padding-right: 80px;
color: #fff!important;
} .topGrid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 2em;
border-bottom: solid 1px var(--bluegrey);
padding-bottom: 50px;
}
.topGrid .topRow {
grid-column-end: 4;
grid-column-start: 1;
}
.topGrid .block h2 {
color: var(--green);
text-transform: uppercase;
font-size: 16px;
}
.topGrid .block p,
.topGrid .block li {
color: var(--bluegrey);
line-height: 22px;
font-size: 14px;
width: 85%;
}
.topRow,
#overOnsContent {
display: grid;
grid-template-columns: 32% calc(68% - 1em);
grid-column-gap: 2em;
border-bottom: solid 1px var(--bluegrey);
padding: 0px 0px;
padding-bottom: 50px;
margin-bottom: 20px;
}
.topRow.reverse {
grid-template-columns: 60% 40%;
}
.topRow h1 {
font-size: 42px;
color: var(--bluegrey);
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0px;
margin-top: 0px;
line-height: 42px;
}
.topRow h2 {
color: var(--bluegrey);
font-size: 48px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0px;
}
.topRow p,
.imgText p,
#overOnsContent p {
color: var(--bluegrey);
line-height: 22px;
font-size: 14px;
max-width: 85%;
}
.imgText h3 {
color: var(--green);
font-size: 28px;
margin-top: 0px;
}
.imgText a {
text-decoration: none;
color: var(--green);
}
.topRow .col-right {
display: grid;
}
.topRow .col-right p {
margin-top: 0px;
}
.afbeeldingRij {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 3em;
max-width: 100%;
margin-bottom: 50px;
margin-top: 50px;
}
.afbeeldingRij div {
max-height: 370px;
overflow: hidden;
position: relative;
overflow: hidden;
}
.afbeeldingRij h3 {
color: var(--green);
text-transform: uppercase;
font-size: 20px;
display: block;
min-height: 40px;
}
.afbeeldingRij p {
margin-top: 40px;
}
.afbeeldingRij img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
} .postid-246 .afbeeldingRij,
.postid-486 .afbeeldingRij,
.postid-265 .afbeeldingRij,
.postid-226 .afbeeldingRij {
grid-template-columns: repeat(2, 1fr);
}
.postid-246 .afbeeldingRij > div,
.postid-265 .afbeeldingRij > div,
.postid-226 .afbeeldingRij > div {
height: 280px;
grid-template-columns: 1fr 1fr;
grid-column-gap: 2em;
display: grid;
}
.postid-226 .afbeeldingRij > div {
height: 100%;
}
.postid-237 .afbeeldingRij div {
display: flex;
flex-direction: column;
}
.postid-237 .afbeeldingRij > div {
order: 1;
}
.postid-237 .afbeeldingRij img {
order: 2;
}
.afbeeldingRij p,
div#dubbelImgText p,
div#gevel3Col p,
div#gevelMerken p,
.dubbelgrid p,
#raamDeco p {
color: var(--bluegrey);
line-height: 22px;
font-size: 14px;
}
.afbeeldingRij h3,
div#dubbelImgText h3,
.dubbelgrid h3,
#raamDeco h2 {
min-height: unset;
margin-top: 0px;
color: var(--green);
text-transform: uppercase;
}
div#dubbelImgText,
div#gevel3Col {
display: grid;
grid-template-columns: repeat(3, calc(33% - 1.1em));
grid-column-gap: 2em;
margin-bottom: 2em;
margin-top: 50px;
}
div#dubbelImgText img {
height: 100%;
width: 100%;
object-fit: cover;
max-height: 300px;
}
div#gevel3Col img {
width: 100%;
height: auto;
}
div#gevel3Col h3 {
color: var(--green);
font-size: 21px;
text-transform: uppercase;
}
div#gevelMerken {
display: grid;
grid-template-columns: repeat(2, calc(50% - 1em));
grid-column-gap: 1em;
}
div#gevelMerken h2 {
color: var(--green);
}
.block {
max-width: 100%;
overflow: hidden;
}
.block img {
width: 100%;
height: auto;
}
.topGrid .block p {
width: 100%;
} .topRow.second h2 {
margin-top: 0px;
margin-bottom: 25px;
}
.topRow.second .col-right {
display: block;
}
.topRow.second #slickMe {
max-height: 400px;
max-width: 400px;
}
.topRow.second {
margin-top: 50px;
border-bottom: 0px;
padding-bottom: 0px;
} #raamDeco div {
overflow: hidden;
}
#raamDeco div img {
object-fit: cover;
width: 100%;
height: 100%;
}
#raamDeco {
display: grid;
grid-template-columns: repeat(3, calc(33% - 1.1em));
grid-column-gap: 2em;
margin-top: 30px;
padding-bottom: 50px;
border-bottom: solid 1px var(--bluegrey);
margin-bottom: 50px;
}
.imgContainer {
height: 240px;
}
.page-template-contact-page .topRow .col-right.fullWidth p {
max-width: 100%;
}
p a:hover {
color: var(--bluegrey);
}
#overOnsContent {
margin-top: 50px;
border-bottom: 0px;
}
#overOnsContent h2,
#overOnsContent h3 {
margin-top: 0px;
color: var(--green);
text-transform: uppercase;
}
#overOnsContent a {
color: var(--green);
text-decoration: none;
}
#overOnsContent .col-left {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 2em;
}
#overOnsContent .col-left img {
width: 100%;
}
.goldenBackground {
background: #ac9e69;
color: #fff;
padding: 20px;
}
.txtVlak .goldenBackground h3 {
color: #fff;
} .imgText {
display: grid;
grid-template-columns: 40% calc(60% - 2em);
margin-bottom: 100px;
margin-top: 50px;
grid-column-gap: 1em;
grid-column-gap: 2em;
}
.imgText.reverse {
grid-template-columns: calc(60% - 2em) 40%;
}
.imgText h2 {
color: var(--green);
text-transform: uppercase;
font-size: 24px;
}
.imgText img {
max-width: 100%;
}
div#prodOverview {
display: grid;
grid-template-columns: calc(68% - 2em) 33%;
grid-column-gap: 2em; margin-top: 50px;
}
div#prodOverview.fullWidthGrid {
grid-template-columns: 1fr;
}
div#prodOverview.fullWidthGrid .dubbelgrid {
grid-template-columns: repeat(3, 1fr);
}
.dubbelgrid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 2em;
grid-row-gap: 2em; margin-top: 50px;
}
.col-left.dubbelgrid {
margin-top: 0px;
}
.dubbelgrid img {
width: auto;
max-height: 260px;
height: 100%;
}
.prodBlok {
display: grid;
grid-template-rows: 1fr 6fr 1fr;
grid-row-gap: 10px;
height: 350px;
}
.prodBlok h3 {
font-size: 16px;
color: var(--green);
text-transform: uppercase;
}
.prodBlok img {
width: 100%;
margin-bottom: 10px;
height: 100%;
object-fit: cover;
}
.prodBlok .standaardButton {
width: 100%;
}
.prodBlok .standaardButton.GreenButton:before {
background: black;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='arrow-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-arrow-right fa-w-14 fa-7x'%3E%3Cpath fill='%23fff' d='M218.101 38.101L198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z' class=''%3E%3C/path%3E%3C/svg%3E");
height: 100%;
top: 0px;
background-repeat: no-repeat;
right: 0px;
width: 40px;
background-size: 15px;
background-position: center;
}
.prodBlok div {
max-height: 250px;
overflow: hidden;
}
.vinkjes {
margin-top: 60px;
list-style-type: none;
padding-left: 0px;
color: var(--bluegrey);
}
.vinkjes li {
position: relative;
font-weight: bold;
margin-bottom: 25px;
text-transform: capitalize;
padding-left: 35px;
}
.vinkjes li p {
font-size: 14px;
font-weight: normal;
text-transform: none;
}
.vinkjes li:before {
content: "";
height: 20px;
width: 20px;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-check fa-w-16 fa-7x'%3E%3Cpath fill='%236DA81C' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' class=''%3E%3C/path%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
} .topRow h2 {
color: var(--green);
}
.kozijnGrid {
display: grid;
grid-template-columns: 1fr 1fr;
text-align: center;
padding-bottom: 50px;
border-bottom: solid 1px var(--bluegrey);
}
.kozijnGrid h3 {
color: var(--green);
text-transform: uppercase;
font-size: 16px;
display: block;
min-height: 40px;
}
.kozijnGrid div {
justify-self: center;
}  .grid3col {
display: grid;
grid-template-columns: repeat(3, calc(33% - 1.1em));
grid-column-gap: 2em;
padding-top: 100px;
border-top: solid 1px var(--bluegrey); margin-bottom: 50px;
position: relative;
}
.grid3col h2 {
position: absolute;
top: 0px;
color: var(--bluegrey);
font-size: 30px;
text-transform: uppercase;
}
.grid3col div {
overflow: hidden;
max-height: 300px;
}
.grid3col img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.grid3col h4 {
color: var(--green);
text-transform: uppercase;
font-size: 16px;
display: block;
margin-top: 0px;
} .maxHeight {
height: auto;
}
.postid-237 .afbeeldingRij img {
object-fit: contain;
} section#UspSection {
display: grid;
grid-template-columns: 50% 50%;
max-width: 100%;
margin-bottom: 50px;
}
section#UspSection p {
color: var(--green);
line-height: 22px;
font-size: 14px;
max-width: 85%;
}
section#UspSection .usp {
max-width: 550px;
padding-left: 65px;
position: relative;
}
section#UspSection .usp:before {
content: "";
height: 40px;
width: 40px;
background: var(--bluegrey);
position: absolute;
left: 0px;
top: 0px;
}
section#UspSection .usp h5 {
color: var(--green);
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
}
div#relatedGrid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
img.fullWidth {
width: 100%;
margin-bottom: 20px;
}
.fiddy {
max-width: calc(50% - 10px);
} #catGrid h3 {
color: var(--green);
text-transform: uppercase;
}
.catOverview img {
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
}
.catOverview p {
color: var(--bluegrey);
line-height: 22px;
font-size: 14px;
min-height: 160px;
}
.catOverview .imgContainer {
height: 100%;
max-height: 250px;
overflow: hidden;
}
#catGrid .catOverview a {
max-width: 100%;
color: #fff;
}
#catGrid .catOverview .standaardButton.GreenButton:before {
background: black;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='arrow-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-arrow-right fa-w-14 fa-7x'%3E%3Cpath fill='%23fff' d='M218.101 38.101L198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z' class=''%3E%3C/path%3E%3C/svg%3E");
height: 100%;
top: 0px;
background-repeat: no-repeat;
right: 0px;
width: 40px;
background-size: 15px;
background-position: center;
}
div#inspiratieGrid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 187px 187px 187px;
grid-column-gap: 2em;
grid-row-gap: 2em;
margin-bottom: 50px;
}
a.inspiratie-0 {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 3;
}
a.inspiratie-1 {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
}
a.inspiratie-2 {
grid-row-start: 1;
grid-row-end: 3;
}
a.inspiratie-4 {
grid-row-start: 2;
grid-row-end: 4;
}
#inspiratieGrid > a {
position: relative;
}
#inspiratieGrid img {
object-fit: cover;
height: 100%;
width: 100%;
}
h3.inspiratieTitle {
text-align: center;
margin-top: 100px;
display: block;
margin-bottom: 50px;
text-transform: uppercase;
color: var(--green);
} div#vacInfo {
display: grid;
grid-template-columns: repeat(4, 25%);
width: 100%;
grid-column-start: 1;
grid-column-end: 3;
height: 50px;
}
div#vacInfo > div {
align-self: end;
}
.vacLocatie,
.vacUren,
.vacOpleiding,
.vacVergoeding {
position: relative;
padding-left: 35px;
color: var(--gold);
}
.vacLocatie:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='map-marker-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' class='svg-inline--fa fa-map-marker-alt fa-w-12 fa-7x'%3E%3Cpath fill='%236DA81C' d='M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z' class=''%3E%3C/path%3E%3C/svg%3E");
height: 15px;
width: 15px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
}
.vacUren:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='clock' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-clock fa-w-16 fa-7x'%3E%3Cpath fill='%236DA81C' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z' class=''%3E%3C/path%3E%3C/svg%3E");
height: 15px;
width: 15px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
}
.vacOpleiding:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='graduation-cap' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' class='svg-inline--fa fa-graduation-cap fa-w-20 fa-7x'%3E%3Cpath fill='%236DA81C' d='M622.34 153.2L343.4 67.5c-15.2-4.67-31.6-4.67-46.79 0L17.66 153.2c-23.54 7.23-23.54 38.36 0 45.59l48.63 14.94c-10.67 13.19-17.23 29.28-17.88 46.9C38.78 266.15 32 276.11 32 288c0 10.78 5.68 19.85 13.86 25.65L20.33 428.53C18.11 438.52 25.71 448 35.94 448h56.11c10.24 0 17.84-9.48 15.62-19.47L82.14 313.65C90.32 307.85 96 298.78 96 288c0-11.57-6.47-21.25-15.66-26.87.76-15.02 8.44-28.3 20.69-36.72L296.6 284.5c9.06 2.78 26.44 6.25 46.79 0l278.95-85.7c23.55-7.24 23.55-38.36 0-45.6zM352.79 315.09c-28.53 8.76-52.84 3.92-65.59 0l-145.02-44.55L128 384c0 35.35 85.96 64 192 64s192-28.65 192-64l-14.18-113.47-145.03 44.56z' class=''%3E%3C/path%3E%3C/svg%3E");
height: 15px;
width: 20px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
}
.vacVergoeding:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='coins' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-coins fa-w-16 fa-7x'%3E%3Cpath fill='%236DA81C' d='M0 405.3V448c0 35.3 86 64 192 64s192-28.7 192-64v-42.7C342.7 434.4 267.2 448 192 448S41.3 434.4 0 405.3zM320 128c106 0 192-28.7 192-64S426 0 320 0 128 28.7 128 64s86 64 192 64zM0 300.4V352c0 35.3 86 64 192 64s192-28.7 192-64v-51.6c-41.3 34-116.9 51.6-192 51.6S41.3 334.4 0 300.4zm416 11c57.3-11.1 96-31.7 96-55.4v-42.7c-23.2 16.4-57.3 27.6-96 34.5v63.6zM192 160C86 160 0 195.8 0 240s86 80 192 80 192-35.8 192-80-86-80-192-80zm219.3 56.3c60-10.8 100.7-32 100.7-56.3v-42.7c-35.5 25.1-96.5 38.6-160.7 41.8 29.5 14.3 51.2 33.5 60 57.2z' class=''%3E%3C/path%3E%3C/svg%3E");
height: 15px;
width: 15px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
}
.single-vacatures .topRow {
padding-bottom: 20px;
}
.vacOmschrijving strong {
color: var(--darkgreen);
margin-bottom: 10px;
display: block;
font-size: 18px;
}
.vacOmschrijving p,
.vacOmschrijving li,
.vacature p, .txtVlak p, .txtVlak ul li {
color: var(--bluegrey);
line-height: 22px;
font-size: 14px;
max-width: 85%;
}
.vacOmschrijving h2,
.vacOmschrijving h3 {
color: var(--bluegrey);
}
.solliciteerSection {
background: var(--bluegrey);
padding: 25px 0px;
position: relative;
margin-top: 50px;
}
.solliciteerSection h3 {
color: #fff;
font-size: 55px;
display: block;
max-width: 280px;
}
.solliciteerSection p {
color: #fff;
line-height: 22px;
font-size: 14px;
}
.vacGrid {
display: grid;
grid-template-columns: repeat(3, calc(33% - 1em));
grid-column-gap: 2em;
margin-bottom: 50px;
grid-row-gap: 2em;
}
.vacature h2 {
color: var(--bluegrey);
}
.vacature {
padding: 20px;
border: solid 1px var(--green);
}
.vacature .vacLocatie,
.vacature .vacUren {
margin-bottom: 15px;
}
.vacature a {
display: block;
width: 100%;
background: var(--green);
color: #fff!important;
text-decoration: none;
padding: 10px;
text-transform: uppercase;
text-align: center;
transition: ease all 0.3s;
}
.vacature a:hover {
background: var(--bluegrey);
}  .wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
padding: 15px;
border: solid 1px var(--green);
width: 100%;
max-width: 450px;
color: var(--green);
}
.wpcf7 label {
color: #fff;
}
.wpcf7 .wpcf7-submit {
background: var(--green);
color: #fff;
text-transform: uppercase;
color: #fff;
transition: ease all 0.3s;
border: solid 1px var(--green);
}
.wpcf7 .wpcf7-submit:hover {
background: transparent;
}
.solliciteerSection .container {
display: grid;
grid-template-columns: repeat(2, calc(50% - 1em));
grid-column-gap: 2em;
}
.row .wpcf7 label {
color: var(--bluegrey);
}
.row .wpcf7 .wpcf7-submit:hover {
color: var(--green);
}
.row .imgText p,
.row form p,
.row .wpcf7 input,
.row .wpcf7 textarea,
.row .wpcf7 select {
max-width: 100%;
}  .contactGegevens h3 {
color: var(--green);
}
.contactGegevens a , .row a{
color: var(--green);
text-decoration: none;
}
.contactGegevens a:hover, .row a:hover {
color: var(--bleugrey);
}
.contactGegevens p {
max-width: 100%;
}  #onsVerhaalContainerMobile {
display: none;
}
div#onsVerhaalContainer {
display: grid;
grid-template-columns: calc(40% - 1em) calc(20% - 1em) calc(40% - 1em);
grid-column-gap: 2em;
margin-bottom: 150px;
}
div#onsVerhaalContainer strong,
#onsVerhaalContainerMobile strong {
color: var(--bluegrey);
font-size: 60px;
line-height: 50px;
}
#onsVerhaalContainer h3,
#onsVerhaalContainerMobile h3 {
background: var(--green);
color: #fff;
padding: 5px 10px;
border-radius: 20px;
text-align: center;
position: relative;
text-transform: uppercase;
margin-top: 5px;
}
div#verhaalCol1 h3:before {
content: "";
width: 75px;
height: 2px;
background: var(--green);
position: absolute;
left: 100%;
top: 50%;
z-index: -1;
}
div#verhaalCol3 h3:before {
content: "";
width: 75px;
height: 2px;
background: var(--green);
position: absolute;
right: 100%;
top: 50%;
z-index: -1;
}
.iconContainer.left:before {
content: "";
width: 66px;
height: 2px;
position: absolute;
bottom: -17px;
transform: rotate(60deg);
left: 70px;
z-index: -1;
background: url(//profikozijnen.nl/wp-content/uploads/2020/12/dashed-line.svg);
}
.iconContainer.right:before {
content: "";
width: 66px;
height: 2px;
position: absolute;
bottom: -17px;
transform: rotate(-60deg);
right: 70px;
z-index: -1;
background: url(//profikozijnen.nl/wp-content/uploads/2020/12/dashed-line.svg);
}
#verhaalCol2 > div:nth-child(5):before {
display: none;
}
#onsVerhaalContainer p,
#onsVerhaalContainerMobile p {
color: var(--bluegrey);
line-height: 22px;
font-size: 14px;
}
div#verhaalCol1,
div#verhaalCol2,
div#verhaalCol3 {
display: grid;
grid-template-rows: repeat(5, 170px);
}
.stap1,
.stap2,
.stap3,
.stap4,
.stap5 {
justify-self: center;
max-width: 100%;
}
.stap2 {
grid-row-start: 2;
grid-row-end: 3;
}
.stap3 {
grid-row-start: 3;
grid-row-end: 4;
}
.stap4 {
grid-row-start: 4;
}
.stap5 {
grid-row-start: 5;
grid-row-end: 6;
}
.goldBackground {
height: 100px;
width: 100px;
background: var(--green);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.goldBackground img {
max-width: 60px;
max-height: 60px;
}
.iconContainer {
border: solid 2px var(--bluegrey);
position: relative;
border-radius: 50%;
height: 140px;
width: 140px;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
}
p.iconNumber {
position: absolute;
top: 0px;
left: -6px;
border: solid 2px var(--green);
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: var(--bluegrey);
background: #fff;
font-weight: bold;
}
.iconContainer.right {
justify-self: end;
}
.iconContainer.right p.iconNumber {
right: -6px;
left: unset;
}
h3.stappenPlan {
color: var(--green);
font-size: 32px;
padding-left: 40px;
}  div#starContainer {
display: grid;
grid-template-columns: repeat(5, 1fr);
position: absolute;
bottom: 35px;
left: 0;
right: 0;
margin: 0 auto;
max-width: 55px;
}
.icon-star,
.icon-half-star {
position: relative;
height: 10px;
width: 10px;
}
.icon-star:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='star' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' class='svg-inline--fa fa-star fa-w-18 fa-7x'%3E%3Cpath fill='%23ffb915' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z' class=''%3E%3C/path%3E%3C/svg%3E");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
height: 10px;
width: 10px;
}
.icon-half-star:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='star-half-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 536 512' class='svg-inline--fa fa-star-half-alt fa-w-17 fa-7x'%3E%3Cpath fill='%23ffb915' d='M508.55 171.51L362.18 150.2 296.77 17.81C290.89 5.98 279.42 0 267.95 0c-11.4 0-22.79 5.9-28.69 17.81l-65.43 132.38-146.38 21.29c-26.25 3.8-36.77 36.09-17.74 54.59l105.89 103-25.06 145.48C86.98 495.33 103.57 512 122.15 512c4.93 0 10-1.17 14.87-3.75l130.95-68.68 130.94 68.7c4.86 2.55 9.92 3.71 14.83 3.71 18.6 0 35.22-16.61 31.66-37.4l-25.03-145.49 105.91-102.98c19.04-18.5 8.52-50.8-17.73-54.6zm-121.74 123.2l-18.12 17.62 4.28 24.88 19.52 113.45-102.13-53.59-22.38-11.74.03-317.19 51.03 103.29 11.18 22.63 25.01 3.64 114.23 16.63-82.65 80.38z' class=''%3E%3C/path%3E%3C/svg%3E");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
height: 10px;
width: 10px;
}
a#klantVertellen {
width: 100px;
position: absolute;
top: 0px;
right: 0px;
background: #fff;
padding: 20px;
text-decoration: none;
color: #000;
border-radius: 10px;
height: 140px;
-webkit-box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.36); 
box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.36);
}
#klantVertellen img {
position: absolute;
top: 15px;
left: 15px;
width: 70px;
max-width: 70px;
}
a#klantVertellen > strong {
font-size: 24px;
font-weight: bold;
position: absolute;
top: 35px;
left: 0px;
right: 0px;
margin: 0 auto;
text-align: center;
}
p.klantvertellenText {
font-size: 12px;
position: absolute;
bottom: 10px;
line-height: 11px;
text-align: center;
left: 0px;
right: 0px;
margin: 0 auto;
font-family: "Fonecta Bold", Gotham, Arial;
}
p.klantvertellenText span {
font-weight: bold;
}  .row {
margin-top: 50px;
margin-bottom: 50px;
padding-bottom: 50px;
border-bottom: solid 1px var(--bluegrey);
}
.row p {
color: var(--bluegrey);
line-height: 22px;
font-size: 14px;
max-width: 85%;
}
.row h2 ,.row h3 {
margin-top: 0px;
color: var(--green);
text-transform: uppercase;
}
.row.thirty-seventy {
display: grid;
grid-template-columns: 32% calc(68% - 2em);
grid-column-gap: 2em;
border-bottom: solid 1px var(--bluegrey);
}
.row.thirty-seventy a{
color:var(--green);
text-decoration: none;
}
.row.thirty-seventy a:hover{
color:var(--bluegrey);
}
.row.thirty-seventy h2, .txtVlak h2, .txtVlak h3 {
margin-top: 0px;
text-transform: uppercase;
color: var(--green);
font-size: 32px;
}
.row.twoXtwo {
grid-template-columns: 1fr 1fr;
grid-column-gap: 2em;
display: grid;
}
.row.twoXtwo p {
margin-top: 40px;
max-width: 100%;
}
.row.twoXtwo > div {
height: 300px;
grid-template-columns: repeat(2, calc(50% - 1em));
grid-column-gap: 2em;
display: grid;
}
.row.twoXtwo .colImgContainer {
overflow: hidden;
max-height: 260px;
height: 100%;
}
.row.twoXtwo .colImgContainer img {
height: 100%;
width: 100%;
object-fit: cover;
}
.row.tripleCol .grid {
display: grid;
grid-template-columns: repeat(3, calc(33% - 1.1em));
grid-column-gap: 2em;
position: relative;
}
.row.tripleCol h2 {
color: var(--bluegrey);
font-size: 30px;
}
.row.tripleCol .grid p {
max-width: 100%;
}
.row.tripleCol .grid .colImgContainer {
height: 0;
max-height: 260px;
padding-bottom: 75%;
position: relative;
}
.row.tripleCol .grid img {
height: 100%;
width: 100%;
object-fit: cover;
position: absolute;
top: 0px;
left: 0px;
}
.row.tripleCol.tl-2img .grid img {
position: relative;
}
.row.tripleCol li{
color: var(--bluegrey);
line-height: 22px;
font-size: 14px;
}
.row.dubbelImglayout .grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 2em;
}
.colImgContainer img {
width: 100%;
height: 100%;
object-fit: cover;
}
.row.img4 .grid {
display: grid;
grid-template-columns: repeat(4, calc(25% - 1.5em));
grid-column-gap: 2em;
}
.twoTxtCol {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 2em;
}  @media screen and (min-width: 1101px) {
.hamburger {
display: none;
}
}
@media screen and (min-width:1261px){
#showSearch p {
display:none;
}
}
@media screen and (max-width: 1260px) { a#klantVertellen {
width: 135px;
position: fixed;
top: 297px;
right: -92px;
background: #fff;
text-decoration: none;
color: #000;
height: 51px;
padding: 0px;
transition: ease all 0.3s;
border: solid 1px var(--green);
z-index:999;
}
a#klantVertellen:hover {
right: -1px;
}
#klantVertellen img {
position: absolute;
top: 6px;
left: 5px;
max-width: 34px;
}
a#klantVertellen > strong {
font-size: 11px;
font-weight: bold;
position: absolute;
top: 16px;
left: 12px;
right: unset;
margin: unset;
text-align: center;
width: fit-content;
display: table;
}
div#starContainer {
display: grid;
grid-template-columns: repeat(5, 1fr);
position: absolute;
bottom: 35px;
top: 16px;
left: 50px;
right: 0;
margin: unset;
max-width: 75px;
}
p.klantvertellenText {
display: none;
}
.icon-star,
.icon-half-star,
.icon-star:before,
.icon-half-star:before {
height: 15px;
width: 15px;
} div#showSearch{
width: 135px;
position: fixed;
top: 244px;
right: -92px;
height:51px;
transition: ease all 0.3s;
border: solid 1px var(--green);
background-position: 10px;
transition: ease all 0.3s;
}
#showSearch p {
margin-left: 44px;
}
div#showSearch:hover{
right:-1px;
cursor:pointer;
}
}
@media screen and (max-width: 1260px) and (min-width: 980px) { }
@media screen and (max-width: 1200px) and (min-width: 980px) {
.imgContainer {
max-height: 180px;
}
}
@media screen and (max-width: 1100px) { .header-wrapper {
height: 60px;
grid-template-columns: 1fr;
position: relative;
}
.hamburger {
position: absolute;
right: 0px;
top: 5px;
}
.header-column.column-2 {
background: #fff;
height: 100vh;
z-index: 999;
position: fixed;
padding: 0px 0px;
left: -225px;
top: 108px;
transition: ease-out 0.3s all;
}
.header-column.column-2.open {
left: 0px;
border-right: solid 1px var(--green);
width: 100%;
max-width: 450px;
}
ul#menu-main-menu {
padding-left: 0px;
}
ul#menu-main-menu li {
display: block;
padding: 10px 20px;
margin-right: 0px;
border-bottom: solid 1px var(--bluegrey);
} section#catGrid {
grid-column-gap: 10px;
}
#container {
padding-top: 108px;
}
.catView {
height: 175px;
}
#catGrid h3 {
min-height: 46px;
}
#greenSection .customContainer {
grid-column-gap: 1em;
}
#footer-block-text-5 {
padding-left: 0px;
}
.topRow {
grid-column-gap: 1em;
padding: 20px 0px;
}
.header-wrapper .main-header-menu .current-menu-item:after {
bottom: -2px;
}
.main-header-menu{
width:100%;
}
}
@media screen and (max-width: 1024px) {
div#dubbelImgText {
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.txt {
grid-row-start: 1;
grid-row-end: 3;
}
.row.tripleCol.tl-2img .grid {
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-row-gap: 2em;
}
.row.tripleCol.tl-2img .grid .imgContainer {
height: 100%;
max-height: unset;
}
.row.img4 .grid {
grid-template-columns: repeat(2, calc(50% - 1.5em));
}
}
@media screen and (min-width: 768px) and (max-width: 980px) {
#greenSection h1 {
font-size: 32px;
}
#greenSection p {
padding-right: 35px;
}
.footer-container {
grid-template-columns: 1fr 1fr 1fr;
}
.topRow {
padding: 30px 0px;
}
.afbeeldingRij {
grid-template-columns: 1fr 1fr;
grid-row-gap: 2em;
}
section#UspSection .col-left > div {
display: grid;
grid-template-columns: 50% 50%;
}
section#UspSection .usp h5 {
margin-top: 0px;
}
div#relatedGrid {
justify-content: flex-start;
}
#relatedGrid > img:nth-child(2) {
margin-right: 25px;
}
.topRow {
grid-template-columns: 50% 50%;
}
.postid-226 .afbeeldingRij div {
max-height: 230px;
}
.imgContainer {
max-height: 140px;
}
.prodBlok h3 {
min-height: 40px;
}
.vacGrid{
grid-template-columns: repeat(2, calc(50% - 1em));
}
#greenSection h3{
font-size:42px;
}
}
@media screen and (max-width: 980px) {
section#UspSection {
grid-template-columns: 100%;
}
section#UspSection .col-left {
margin-bottom: 50px;
}
.postid-246 .afbeeldingRij {
grid-template-columns: 1fr;
}
.afbeeldingRij h3 {
font-size: 16px;
}
.dubbelgrid {
grid-template-columns: repeat(2, calc(50% - 1em));
}
.dubbelgrid img {
width: 100%;
max-height: 260px;
height: 100%;
object-fit: cover;
}
.row.thirty-seventy {
grid-template-columns: repeat(2, calc(50% - 0.5em));
grid-column-gap: 1em;
}
.row.twoXtwo {
grid-template-columns: 100%;
grid-column-gap: 1em;
grid-row-gap: 1em;
}
.row.tripleCol.tl-2img .grid {
grid-row-gap: 1em;
}
}
@media screen and (max-width: 767px) {
.header-wrapper {
height: 80px;
}
.logoContainer {
max-width: 130px;
}
.logoContainer svg {
margin-top: 10px;
}
.header-column.column-2 {
top: 81px;
}
#container {
padding-top: 61px;
}
.topHeader {
display: none;
}
.bannerContainer {
grid-template-columns: 100%;
}
#HeroBanner {
height: 100%;
}
#HeroBanner #vermooizaamQuote {
margin-top: 0px;
margin-bottom: 50px;
}
.greenBlok{
margin:30px 0px;
background: #6da81cbd;
}
section#catGrid {
grid-template-columns: 1fr 1fr;
}
.catView {
height: 205px;
}
#greenSection {
margin-bottom: 50px;
margin-top: 50px;
}
#greenSection .customContainer {
grid-template-columns: 100%;
}
#greenSection .customContainer .col-left {
display: none;
}
#greenSection h1 {
max-width: 100%;
}
div#droomBerekenen {
grid-template-columns: 100%;
}
#droomBerekenen h2 {
max-width: 100%;
font-size: 48px;
}
.tempCalc input {
max-width: 100%;
}
.footer-container {
grid-template-columns: 1fr 1fr;
}
.topRow {
grid-template-columns: 100%;
padding: 20px 0px;
}
.afbeeldingRij {
grid-template-columns: 100%;
grid-row-gap: 2em;
}
.afbeeldingRij div {
justify-self: center;
width: 100%;
}
.afbeeldingRij h3 {
text-align: center;
}
.afbeeldingRij img {
left: 0px;
top: 70px;
right: 0px;
margin: 0 auto;
}
.imgText,
.imgText.reverse {
grid-template-columns: 100%;
margin-bottom: 25px;
}
.imgText.reverse .col-left {
order: 2;
}
.imgText img {
width: 100%;
}
div#inspiratieGrid {
display: block;
}
#inspiratieGrid {
padding: 0;
}
div#inspiratieGrid a { position: relative;
}
.slick-track {
display: flex;
align-items: center;
}
div#prodOverview {
grid-template-columns: 100%;
}
div#inspiratieGrid {
grid-template-columns: 100%;
} .vacGrid {
grid-template-columns: 100%;
}
div#vacInfo {
grid-template-columns: repeat(2, 50%);
grid-column-gap: 1em;
}
div#vacInfo {
grid-column-end: unset;
}
.solliciteerSection .container {
grid-template-columns: 100%;
}
.solliciteerSection .container form p {
max-width: 100%;
}  #homeDroom {
grid-template-columns: 1fr;
padding-left: 20px;
padding-right: 20px;
} #raamDeco {
grid-template-columns: 1fr;
}
#overOnsContent .col-left {
display: none;
}
#overOnsContent {
grid-template-columns: 1fr;
} div#onsVerhaalContainer {
display: none;
}
div#onsVerhaalContainerMobile div {
grid-column-start: unset;
grid-column-end: unset;
grid-row-start: unset;
grid-row-end: unset;
} #onsVerhaalContainerMobile {
display: grid;
margin-bottom: 50px;
}
.iconContainer.left:before,
.iconContainer.right:before {
display: none;
}
.iconContainer.right,
.iconContainer.left {
justify-self: center;
margin-top: 25px;
}
h3.stappenPlan {
padding-left: 0px;
text-align: center;
}
.stap1,
.stap2,
.stap3,
.stap4,
.stap5 {
max-width: 100%;
}
.postid-226 .afbeeldingRij > div,
.postid-226 #content .afbeeldingRij,
.postid-265 .afbeeldingRij > div,
.postid-265 #content .afbeeldingRij {
grid-template-columns: 100%;
}
.postid-226 #content .afbeeldingRij,
.postid-265 #content .afbeeldingRij {
grid-row-gap: 1em;
}
.afbeeldingRij p {
margin-top: 25px;
}
.postid-265 .afbeeldingRij > div {
height: 100%;
grid-template-rows: 250px 1fr;
}
.postid-265 .afbeeldingRij div {
max-height: unset;
}
.row.thirty-seventy {
grid-template-columns: 100%;
grid-row-gap: 1em;
}
.twoTxtCol{
grid-template-columns: 100%;
grid-row-gap: 1em;
}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
div#dubbelImgText .img1 {
margin-bottom: 1em;
}
}
@media screen and (max-width: 600px) {
.hamburger {
top: 15px;
}
.footer-container {
grid-template-columns: 1fr;
}
section#catGrid {
grid-template-columns: 1fr;
grid-row-gap: 2em;
}
#greenSection h1 {
font-size: 48px;
}
#droomBerekenen h2 {
font-size: 42px;
}
.topRow h1 {
font-size: 36px;
margin-bottom: 25px;
}
.topRow p {
max-width: 100%;
}
.topGrid {
grid-template-columns: 100%;
}
.topGrid .topRow {
grid-column-end: unset;
grid-column-start: unset;
}
.dubbelgrid {
grid-template-columns: 100%;
}
div#dubbelImgText {
grid-template-columns: 1fr;
grid-row-gap: 1em;
}
div#prodOverview.fullWidthGrid .dubbelgrid {
grid-template-columns: 1fr;
}
#greenSection h3 {
font-size: 42px;
line-height: 42px;
}
#breadcrumbs {
margin-bottom: 0px;
}
.topRow.second {
margin-top: 0px;
grid-row-gap: 2em;
}
div#prodOverview {
padding-top: 30px;
margin-top: 20px;
} .postid-246 .afbeeldingRij > div {
grid-template-columns: 1fr;
height: auto;
}
.postid-246 .afbeeldingRij div {
max-height: unset;
}
.postid-246 .afbeeldingRij > div h3 {
text-align: left;
}
.grid3col {
grid-template-columns: 1fr;
grid-row-gap: 2em;
}
.afbeeldingRij {
margin-bottom: 20px;
margin-top: 20px;
}
.topRow.second #slickMe {
max-width: unset;
max-height: unset;
}
.vinkjes {
margin-top: 30px;
}
.postid-226 .afbeeldingRij {
grid-template-columns: 1fr 1fr;
}
.afbeeldingRij div h3 {
text-align: left !important;
}
.prodBlok {
grid-template-rows: 20px 6fr 1fr;
height: 335px;
}
div#dubbelImgText {
margin-top: 20px;
margin-bottom: 20px;
}
.dubbelgrid,
section#catGrid {
grid-row-gap: 2em;
}
div#prodOverview {
padding-top: 20px;
}
div#reviewSlider,
#catGrid,
#greenSection,
.solliciteerSection,
.dubbelgrid {
margin-top: 20px;
}
#catGrid h3 {
min-height: unset;
}
#homeDroom h2 {
font-size: 42px;
line-height: 42px;
}
#HeroBanner h1 {
line-height: 1em;
}
#HeroBanner .standaardButton {
margin-bottom: 20px;
}
.dubbelgrid img {
width: 100%;
height: auto;
}
div#prodOverview .dubbelgrid img {
height: 100%;
}
#raamDeco {
margin-bottom: 20px;
padding-bottom: 20px;
grid-row-gap: 2em;
}
.contactGegevens h3 {
margin-top: 0px;
}
#post-667 > div:nth-child(2),
#post-382 > div:nth-child(2) {
padding-top: 0px;
}
.solliciteerSection h3 {
font-size: 36px;
line-height: 36px;
margin-top: 0px;
}
.row {
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 20px;
}
.row.twoXtwo > div {
grid-template-columns: 100%;
grid-row-gap: 1em;
height: unset;
}
.row.twoXtwo p {
margin-top: 0px;
}
.row.tripleCol.tl-2img .grid {
grid-template-columns: 100%;
grid-template-rows: 1fr;
}
.txt {
grid-row-start: unset;
grid-row-end: unset;
}
.row.dubbelImglayout .grid {
grid-template-columns: 100%;
}
.row.tripleCol .grid {
grid-template-columns: 100%;
grid-row-gap: 1em;
}
.row.img4 .grid {
grid-template-columns: 100%;
grid-row-gap: 1em;
}
.row.img4 .grid .colImgContainer img {
object-fit: contain;
max-height: 250px;
}  .goldenBackground ul, .vacOmschrijving ul{
padding-left:20px;
}
} .page-id-490 .sliderContainer {
overflow: hidden;
}
.page-id-490 .sliderContainer img {
width: auto;
height: auto;
}
.post-img-wrapper img {
width: 100%;
height: auto;
}
.post-img-wrapper {
overflow: hidden;
height: 200px;
}
.blogoverzicht {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.logo-slider .slide img {
max-width: 100%;
height: auto;
padding: 10px 20px;
}
.slide-arrow {
width: 15px;
height: 25px;
border: none;
top: 45%;
position: absolute;
background-repeat: no-repeat;
background-size: cover;
background-color: transparent;
z-index: 999;
}
.next-arrow {
right: -20px;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-chevron-right fa-w-10 fa-9x'%3E%3Cpath fill='%236da81c' d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z' class=''%3E%3C/path%3E%3C/svg%3E");
}
.prev-arrow {
left: -20px;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-left' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-chevron-left fa-w-10 fa-9x'%3E%3Cpath fill='%236da81c' d='M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z' class=''%3E%3C/path%3E%3C/svg%3E");
}
.partner-logos .row {
border: none;
}
.download-button .row {
display: grid;
grid-template-columns: calc(68% - 2em) 33%;
grid-column-gap: 2em;
margin-top: 50px;
}
.download-button a.download-btn {
background-color: var(--green);
color: #fff;
display: inline-block;
padding: 15px 20px;
width: 100%;
text-align: center;
text-transform: uppercase;
font-weight: bold;
transition: 0.3s;
font-size: 1.2rem;
}
.download-button a.download-btn:hover {
background-color: var(--bluegrey);
}
.download-button .button-wrapper {
height: 100%;
display: flex;
align-items: center;
}
@media screen and (max-width: 768px) {
.download-button .row {
display: flex;
flex-direction: column;
}
.download-button .button-wrapper {
margin-top: 20px;
}
}
.grecaptcha-badge{
visibility:hidden;
}[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
}