@charset "UTF-8";
.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}
   :root { 
--grid-size-xl: ;
--grid-size-lg: 142rem;
--grid-size-md: 122rem;
--grid-size-smd: 100rem;
--grid-size-sm: 82rem;
--grid-size-xs: 62rem;
--grid-padding: 1.2rem;
--grid-padding-inner: 3rem;
--box-padding: 3rem;
--border-radius: 1.2rem;
--color-lightblue: #F2FCFF;
--color-blue: #06AEE0;
--color-darkblue: #001116;
--color-lightgrey: #F7F5EF;
--color-grey: #888;
--color-darkgrey: #464A4B;
--color-yellow: #FFD800;    
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
*:focus {
outline: none !important;
}
html {
font-size: 62.5%;
}
body {
font-family: "Inter", sans-serif;
font-size: 1.7rem;
font-weight: 400;
line-height: 1.6;
font-optical-sizing: auto;
-webkit-font-smoothing: antialiased;    
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
color: var(--color-darkgrey);
} h1,
.faux-h1,
h2,
.faux-h2,
h3,
.faux-h3,
h4,
.faux-h4 {
margin: 0;
font-family: "Manrope", sans-serif;
line-height: 1.3;
color: var(--color-darkgrey);
}
h1,
.faux-h1 {
margin-bottom: 2rem;
font-size: 5.2rem;
font-weight: 600;
line-height: 1.2;
}
h2,
.faux-h2 {
margin-bottom: 1.5rem;
font-size: 2.8rem;
font-weight: 700;
}
h3,
.faux-h3 {
margin-bottom: 1rem;
font-size: 2.2rem;
font-weight: 700;
}
h4,
.faux-h4 {
margin-bottom: 1rem;
font-size: 2rem;
font-weight: 600;
} p {
margin: 0 0 2rem;
}
p:empty {
display: none;
}
p:last-child {
margin: 0;
}
a {
color: var(--color-blue);
text-decoration: none;
transition: .3s;
}
a:hover {
text-decoration: underline;
}
strong {
color: var(--color-darkgrey);
} ol {
margin: 0 0 2rem;
padding-left: 2rem;
}
main ul {
list-style-type: none;
margin: 0 0 2rem;
padding: 0;
}
main ul li {
position: relative;
padding-left: 1.5rem;
}
main ul li::before {
content: '\2022';
position: absolute;
top: -.1rem;
left: 0rem;
color: var(--color-blue);
}
p + ul:not(.checklist),
p + ol {
margin-top: -2rem;
} ul.checklist li {
padding-left: 3.5rem;
}
ul.checklist li:not(:first-child) {
margin-top: 1rem;
}
ul.checklist li::before {
content: '\f00c';
position: absolute;
top: -.5rem;
left: 0rem;
font-family: "Font Awesome 6 Pro";
font-size: 2.4rem;
color: var(--color-blue);
} section {
padding: 0 var(--grid-padding);
}
.row-fw,
.row-xl,
.row-lg,
.row-md,
.row-smd,
.row-sm,
.row-xs {
width: 100%;
margin: 0 auto;
}
.row-xl {
max-width: var(--grid-size-xl);
}
.row-lg {
max-width: var(--grid-size-lg);
}
.row-md {
max-width: var(--grid-size-md);
}
.row-smd {
max-width: var(--grid-size-smd);
}
.row-sm {
max-width: var(--grid-size-sm);
}
.row-xs {
max-width: var(--grid-size-xs);
}
.pt-lg {
padding-top: 8rem;
}
.pt-md {
padding-top: 4rem;
}
.pt-sm {
padding-top: 1.2rem;
}
.pt-none {
padding-top: 0;
}
.pb-lg {
padding-bottom: 8rem;
}
.pb-md {
padding-bottom: 4rem;
}
.pb-sm {
padding-bottom: 1.2rem;
}
.pb-none {
padding-bottom: 0;
}
.video {
position: relative;
width: 100%;
height: 0;
margin-bottom: 2rem;
padding-top: 56.25%;
border-radius: var(--border-radius);
overflow: hidden;
}
.video iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .btn {
position: relative;
display: inline-flex;
height: 4.8rem;
padding: 1rem 5.6rem 1rem 2.5rem;
border: 0;
border-radius: 5rem;
background-color: var(--color-blue);    
align-items: center;
font-size: 1.4rem;
font-weight: 700;
color: white;
white-space: nowrap;
text-decoration: none;
cursor: pointer;
}
.btn.greyed-out {
background-color: #ccc;
pointer-events: none;
}
.btn::before {
content: '\f061';
position: absolute;
right: .4rem;
width: 4rem;
height: 4rem;
border-radius: 50%;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
font-family: "Font Awesome 6 Pro";
font-size: 1.8rem;
line-height: 1;
color: var(--color-darkblue);
transform: rotate(-45deg);
transition: .3s;
}
.btn:hover {
text-decoration: none;
}
.btn:not(.greyed-out):hover::before {
transform: rotate(0);
}
.link {
padding-bottom: .2rem;
border-bottom: .1rem solid var(--color-blue);
font-size: 1.8rem;
font-weight: 500;
text-decoration: none;
}
.link:hover {
border-color: var(--color-darkblue);
color: var(--color-darkblue);
text-decoration: none;
} .color {
color: var(--color-blue);
} .bgcolor-darkblue {
background-color: var(--color-darkblue);
color: white;
}
.bgcolor-darkblue h1,
.bgcolor-darkblue h2,
.bgcolor-darkblue .faux-h2,
.bgcolor-darkblue h3,
.bgcolor-darkblue .faux-h3,
.bgcolor-darkblue strong,
.bgcolor-darkblue a {
color: white;
}
.bgcolor-darkblue .link {
border-color: white;
font-size: 1.4rem;
font-weight: 700;
color: white;
}
.bgcolor-darkblue .link:hover {
border-color: var(--color-blue);
color: var(--color-blue);
} .bgcolor-blue {
background-color: var(--color-blue);
color: white;
}
.bgcolor-blue h2,
.bgcolor-blue .faux-h2,
.bgcolor-blue h3,
.bgcolor-blue .faux-h3,
.bgcolor-blue strong,
.bgcolor-blue a {
color: white;
}
.bgcolor-blue ul.checklist li::before {
color: white;
}
.bgcolor-blue .btn {
background-color: white;
color: var(--color-darkblue);
}
.bgcolor-blue .btn::before {
background-color: var(--color-blue);
}
.bgcolor-blue .link {
border-color: white;
font-size: 1.4rem;
font-weight: 700;
color: white;
}
.bgcolor-blue .link:hover {
border-color: var(--color-darkblue);
color: var(--color-darkblue);
} .bgcolor-lightgrey {
background-color: var(--color-lightgrey);
}
.bgcolor-lightgrey .link {
border-color: var(--color-darkblue);
font-size: 1.4rem;
font-weight: 700;
color: var(--color-darkblue);
}
.bgcolor-lightgrey .link:hover {
border-color: var(--color-blue);
color: var(--color-blue);
} .bgcolor-yellow {
background-color: var(--color-yellow);
color: var(--color-darkgrey);
}
.bgcolor-yellow strong,
.bgcolor-yellow a {
color: var(--color-darkgrey);
}  .label {
padding: .75rem 1rem;
border-radius: 5rem;
background-color: white;
font-size: 1.2rem;
font-weight: 700;
line-height: 1;
color: var(--color-darkblue);
} table {
width: 100%;
font-family: "Manrope", sans-serif;
border-collapse: collapse;
break-inside: avoid;
page-break-inside: avoid;
column-break-inside: avoid;
}
section:not(.dashboard) table th,
section:not(.dashboard) table td {
border: .1rem solid #E6E6E6;
}
table th {
padding: 1rem 2rem;
background-color: var(--color-lightgrey);
text-align: left;
vertical-align: top;
}
table td {
padding: 1rem 2rem;  
} header {
padding: 0 var(--grid-padding);
}
header.scrolled {
position: sticky;
z-index: 20;
top: 0;
width: 100%;
border-bottom: .1rem solid #E6E6E6;
background-color: white;
transform: translateY(-100%);
transition: transform .3s ease;
}
header.scrolled.scroll-animation {
transform: translateY(0%);
}
header.scrolled.no-animation {
transition: none;
}
header ul.menu {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
}
header ul.menu a {
text-decoration: none;
} header .top {
padding: var(--grid-padding) var(--grid-padding-inner);
display: flex;
justify-content: space-between;
align-items: center;
gap: 3rem;
} header .top .logo-wrapper {
display: flex;
height: 7.2rem;
width: auto;
}
header.scrolled .top .logo-wrapper {
height: 6rem;
}
header .top .logo-wrapper img {
width: auto;
height: 100%;
} header .nav-wrapper {
display: flex;
align-items: center;
gap: var(--grid-padding);
}
header .top .menu-header-menu-boven-container {
margin-right: 1.8rem;
}
header.scrolled .top .menu-header-menu-boven-container {
display: none;
}
header .top ul.menu {
gap: 3rem;
}
header .top ul.menu a {
font-size: 1.5rem;
line-height: 1.3;
color: var(--color-grey);
}
header .top ul.menu a:hover,
header .top ul.menu > li.current-menu-item > a,
.single-kennisbank header .top ul.menu > li.kennisbank > a,
.single-post header .top ul.menu > li.nieuws > a {
color: var(--color-blue);
}
header .top ul.sub-menu {
display: none;
}
header .search-btn,
header .login-out-btn {
width: 4.8rem;
height: 4.8rem;
border-radius: 5rem;
background-color: var(--color-lightblue);
display: flex;
justify-content: center;
align-items: center;
color: var(--color-blue);
cursor: pointer;
transition: .3s;
}
header .search-btn:hover,
header .login-out-btn:hover {
background-color: var(--color-blue);
color: white;
text-decoration: none;
}
header.scrolled .btn {
display: none;
}
header .hamburger {
margin-left: var(--grid-padding);
display: none;
cursor: pointer;
}
header.scrolled .hamburger {    
display: flex;
} header .bottom {
position: relative; 
padding: 0 var(--grid-padding-inner);  
border-radius: 0 0 var(--border-radius) var(--border-radius);
background-color: var(--color-blue);
display: flex;
justify-content: flex-end;
align-items: center;
font-size: 1.4rem;
line-height: 1.3;
}
header.scrolled .bottom {
display: none;
}
header .bottom ul.menu > li {
height: 4.8rem;
display: flex;
align-items: center;
}
header .bottom ul.menu > li > a {
height: 100%;
padding: 0 1.5rem;
display: flex;
align-items: center;
color: white;
white-space: nowrap;
}
header .bottom ul.menu > li.menu-item-has-children:hover > a,
header .bottom ul.menu > li > a:hover {
color: var(--color-darkgrey);
}
header .bottom ul.menu > li.menu-item-has-children > a::after {
content: '\f107';
margin-left: .5rem;
font-family: "Font Awesome 6 Pro";
} header .mega-menu-wrapper {
position: absolute;
z-index: 1;
top: 4.8rem;
left: 0;
width: 100%;
padding: var(--box-padding) var(--box-padding) calc(var(--box-padding) * 1.5);
border-radius: var(--border-radius);
background-color: rgba(255,255,255,.98);
display: none;
}
header .mega-menu-wrapper .faux-h3 {
position: relative;
margin: 0;
padding: 0 0 1rem 1.5rem;
border-bottom: .1rem solid #E6E6E6;
}
header .mega-menu-wrapper .inner-container {
position: relative;
top: 1rem;
}
header .bottom ul.sub-menu {
list-style-type: none;
width: 25rem;
margin: 0;
padding: 0;
transition: .3s;
}
header .bottom ul.sub-menu a {
display: inline-block;
position: relative;
width: calc(100% - 1.5rem);
padding: .75rem 3rem .75rem 1.5rem;
border-radius: 5rem;
color: var(--color-grey);
}
header .bottom ul.sub-menu a:hover {
background-color: var(--color-lightblue);
color: var(--color-blue);
}
header .bottom ul.sub-menu > li.menu-item-has-children > a::before {
content: '\f105';
position: absolute;
right: 1.5rem;
font-family: "Font Awesome 6 Pro";
color: var(--color-blue);
}
header .bottom ul.sub-menu > li > ul.sub-menu {
position: absolute;
top: 0;
left: 25rem;
height: 100%;
display: none;
}
header .bottom ul.sub-menu li.menu-item-has-children > ul.sub-menu {
display: none;
}
header .bottom ul.sub-menu li.menu-item-has-children.is-open > ul.sub-menu {
display: block;
}
header .bottom ul.sub-menu li.menu-item-has-children:focus-within > ul.sub-menu {
display: block;
}
header .bottom ul.sub-menu li.menu-item-has-children.is-open > a { background-color: var(--color-blue);
color: white;
}
header .bottom ul.sub-menu li.menu-item-has-children.is-open > a::before { color: white;
} main {
padding-top: var(--grid-padding);
} footer {
padding: var(--grid-padding);
font-size: 1.5rem;
line-height: 2.2;
}
footer h2,
footer h3,
footer h4 {
color: white;
}
footer a {
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
footer ul.menu {
list-style-type: none;
margin: 0;
padding: 0;
}
footer .container {
padding: var(--box-padding) var(--box-padding) 2rem;
border-radius: var(--border-radius);
} footer .top {
padding-bottom: 4.5rem;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 3rem;
font-weight: 500;
}
footer .top .col:not(:first-child) a {
color: var(--color-blue);
} footer .bottom {
position: relative;
padding-top: 2rem;
border-top: .1rem solid #464A4B;
color: var(--color-grey);
}
footer .bottom a {
color: var(--color-grey);
}
footer .bottom p {
display: flex;
flex-wrap: wrap;
gap: 0 1rem;
} @media (max-width: 1444px) {
}
@media (max-width: 1240px) {   header .top .menu-header-menu-boven-container {
display: none;
}
header .hamburger {
margin-left: var(--grid-padding);
display: flex;
}  footer .top {
grid-template-columns: repeat(2, 1fr);
grid-gap: var(--box-padding) calc(var(--grid-padding) + calc(var(--box-padding) * 2));
}
}
@media (max-width: 1024px) { :root {
--grid-padding-inner: 1.5rem;
--box-padding: 2.5rem;
} table th {
padding: 1rem;
}
table td {
padding: 1rem;  
} header {
border-bottom: .1rem solid #E6E6E6;
}  header .top .logo-wrapper {
height: 6rem;
} header form,
header .btn {
display: none;
} header .bottom {
display: none;
}
}
@media (max-width: 899px) { body {
font-size: 1.6rem;
} h1,
.faux-h1 {
font-size: 4rem;
}
h2,
.faux-h2 {
font-size: 2.3rem;
}
h3,
.faux-h3 {
font-size: 2.3rem;
}
h4,
.faux-h4 {
font-size: 1.8rem;
} .link {
font-size: 1.6rem;
}
}
@media (max-width: 767px) { :root {
--grid-padding: .9rem;
--grid-padding-inner: 1.3rem;
} h1,
.faux-h1 {
margin-bottom: 1.5rem;
font-size: 3rem;
font-weight: 700;
} .pt-lg {
padding-top: 6rem;
}
.pt-md {
padding-top: 3rem;
}
.pt-sm {
padding-top: .9rem;
}
.pb-lg {
padding-bottom: 6rem;
}
.pb-md {
padding-bottom: 3rem;
}
.pb-sm {
padding-bottom: .9rem;
}
}
@media (max-width: 599px) { footer {
line-height: 2;
} footer .top {
padding: 0;
grid-template-columns: 1fr;
grid-gap: 0;
font-weight: 500;
}
footer .top .col {
padding: 1.2rem 0;
}
footer .top .col:not(:first-child) {
border-top: .1rem solid #464A4B;
}
footer .top h4 {
position: relative;
margin: 0;
transition: .3s;
}
footer .top .col.active h4 {
margin-bottom: 1rem;
color: var(--color-blue);
}
footer .top h4::before {
content: '\2b';
position: absolute;
top: .3rem;
right: 0;
font-family: "Font Awesome 6 Pro";
font-size: 1.6rem;
color: white;
}
footer .top .col.active h4::before {
content: '\f068';
color: var(--color-blue);
}
footer .top .text {
padding-bottom: 1rem;
display: none;
} footer .bottom {
padding-top: 3rem;
}
footer .bottom p {
display: block;
}
}
@media (max-width: 499px) {   header .search-btn,
header .login-out-btn {
display: none;
}
} @font-face {
font-family: 'Kenteken';
src: url(//vzr.nl/wp-content/themes/vzr-theme/assets/fonts/Kenteken/Kenteken.eot);
src: url(//vzr.nl/wp-content/themes/vzr-theme/assets/fonts/Kenteken/Kenteken.eot?#iefix) format('embedded-opentype'),
url(//vzr.nl/wp-content/themes/vzr-theme/assets/fonts/Kenteken/Kenteken.woff2) format('woff2'),
url(//vzr.nl/wp-content/themes/vzr-theme/assets/fonts/Kenteken/Kenteken.woff) format('woff'),
url(//vzr.nl/wp-content/themes/vzr-theme/assets/fonts/Kenteken/Kenteken.ttf) format('truetype'),
url(//vzr.nl/wp-content/themes/vzr-theme/assets/fonts/Kenteken/Kenteken.svg#Kenteken) format('svg');
font-weight: 400;
font-style: normal;
font-display: swap;
}.hero-calculator {
font-size: 2rem;
line-height: 1.6;
}
.hero-calculator .content-wrapper.mobile {
padding: 4rem var(--grid-padding-inner) 3rem;
font-size: 1.6rem;
line-height: 1.6;
display: none;
}
.hero-calculator .hero-wrapper {
position: relative;
min-height: 59rem;
padding: var(--grid-padding-inner) var(--box-padding);
border-radius: var(--border-radius);
background-size: cover;
background-position: center;
display: flex;
align-items: center;
}
.hero-calculator .inner-container {
max-width: 52rem;
}
.hero-calculator .calculator-wrapper {
width: 100%;
margin-top: 3rem;
} .hero .hero-wrapper {
min-height: 29.5rem;
padding: var(--grid-padding-inner) var(--box-padding);
border-radius: var(--border-radius);
background-size: cover;
background-position: center;
display: flex;
align-items: center;
}
.hero .inner-container {
max-width: 52rem;
}
.single-post .hero .inner-container,
.single-kennisbank .hero .inner-container {
max-width: 72rem;
}
.hero h1 {
margin: 0;
} .hero .breadcrumbs {
margin-top: 2rem;
padding: 0 var(--grid-padding-inner);
font-size: 1.4rem;
line-height: 1.4;
font-weight: 600;
color: var(--color-grey);
}
.hero .breadcrumbs a {
color: var(--color-grey);
} @media (max-width: 899px) { .hero-calculator .hero-wrapper {
min-height: 50rem;
} .hero .hero-wrapper {
min-height: 26rem;
}
.hero h1 {
font-size: 4rem;
}
}
@media (max-width: 767px) { .hero-calculator .hero-wrapper {
min-height: inherit;
padding-top: 58%;
}
.hero-calculator .content-wrapper.mobile {
display: block;
}
.hero-calculator .hero-wrapper .content-wrapper {
display: none;
}
.hero-calculator .calculator-wrapper {
position: absolute;
bottom: 0;
left: 0;
margin-top: 0;
padding: var(--box-padding);
} .hero .hero-wrapper {
min-height: 24rem;
}
}
@media (max-width: 599px) { .hero .hero-wrapper {
min-height: 22rem;
}
}.content-text .container:not(.centered) {
padding: 0 calc(var(--grid-padding-inner) + 5rem) 0 var(--grid-padding-inner);
}
.content-text .container.centered {
padding: 0 var(--grid-padding-inner);
text-align: center;
} .content-title-text .container {
padding: 0 calc(var(--grid-padding-inner) + 5rem) 0 var(--grid-padding-inner);
}
.content-title-text .content-wrapper {
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 7rem;
} .content-cta .container {
border-radius: var(--border-radius);
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--grid-padding);
}
.content-cta .content-wrapper {
min-height: 50rem;
padding: var(--box-padding);
border-radius: var(--border-radius);
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 3rem;
}
.content-cta .container.has-bgcolor .content-wrapper {
min-height: 35.6rem;
}
.content-cta .links-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--grid-padding) 3rem;
}
.content-cta .container.flip .content-wrapper {
order: 2;
}
.content-cta .image-wrapper {
position: relative;
border-radius: var(--border-radius);
background-color: var(--color-lightgrey);
overflow: hidden;
}
.content-cta .image-wrapper img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.content-cta .container.flip .image-wrapper {
order: 1;
} .content-text-faqs .container {
padding: 0 var(--grid-padding-inner);
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10rem;
}
.content-text-faqs .content-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 2rem;
} .content-text-highlights .container {
padding: 0 var(--grid-padding-inner);
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10rem;
}
.content-text-highlights .highlights {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 5rem;
}
.content-text-highlights .item {
text-align: center;
}
.content-text-highlights .counter {
font-size: 7.4rem;
line-height: 1;
font-weight: 500;
color: var(--color-darkblue);
}
.content-text-highlights .text {
margin-top: .5rem;
line-height: 1.4;
} .content-joboffers .container {
padding: 0 var(--grid-padding-inner);
} .content-text-form .container {
padding: 0 var(--grid-padding-inner);
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10rem;
}
.content-text-form .contact-wrapper {
max-width: 50rem;
margin-top: 5rem;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2rem;
}
.content-text-form .contact-wrapper a {
color: var(--color-darkgrey);
}
.content-text-form .title {
font-size: 1.5rem;
}
.content-text-form .text {
font-weight: 700;
color: var(--color-darkgrey);
}
.content-text-form .form-wrapper .inner.has-bg {
padding: var(--box-padding);
border-radius: var(--border-radius);
background-color: var(--color-lightgrey);
}
.content-text-form .form-wrapper .content-wrapper {
margin-bottom: 2rem;
}
.content-text-form .form-wrapper > p {
margin-bottom: var(--grid-padding);
padding: var(--box-padding);
border-radius: var(--border-radius);
background-color: var(--color-lightgrey);
} .content-article .container {
padding: 0 var(--grid-padding-inner);
}
.content-article .content-wrapper { 
position: relative;
}
.content-article .content-wrapper.elem--locked::before {
content: '';
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background: white;
background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.content-article .content-wrapper img {
margin-top: 2rem;
max-width: 100%;
height: auto;
border-radius: var(--border-radius);
} .content-tabs .container {
padding: 0 var(--grid-padding-inner);
}
.content-tabs .tabs-header {
margin-top: 3rem;
border-bottom: .1rem solid #464A4B;
display: flex;
flex-wrap: wrap;
gap: 1rem 3rem;
}
.content-tabs .tabs-header .item {
margin-bottom: -.1rem;
padding: 1rem 0;
border: 0;
border-bottom: .1rem solid #464A4B;
background: none;
font-family: "Manrope", sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.3;
color: white;
transition: .3s;
cursor: pointer;
}
.content-tabs .tabs-header .item:hover,
.content-tabs .tabs-header .item.active {
border-color: var(--color-blue);
color: var(--color-blue);
}
.content-tabs .tabs-body {
margin-top: 3rem;
}
.content-tabs .tabs-body .item { 
display: none;
grid-template-columns: 1fr 1fr;
grid-gap: 10rem;
}
.content-tabs .tabs-body .item.active {
display: grid;
}
.content-tabs .image {
position: relative;
width: 100%;
height: 0;
padding-top: 38%;
border-radius: var(--border-radius);
overflow: hidden;
}
.content-tabs .image img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .content-post .container {
padding: 0 var(--grid-padding-inner);
}
.content-post .content-wrapper { 
position: relative;
}
.content-post .content-wrapper.elem--locked::before {
content: '';
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background: white;
background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.content-post .date-wrapper {
margin-bottom: .3rem;
font-size: 1.5rem;
color: var(--color-grey);
}
.content-post .date-wrapper i {
margin-right: .5rem;
}
.content-post .content-wrapper img {
margin-top: 2rem;
max-width: 100%;
height: auto;
border-radius: var(--border-radius);
}
.content-post-back .container {
width: calc(100% - calc(var(--grid-padding-inner) * 2));
margin: 0 auto;
border-top: .1rem solid #E6E6E6;
border-bottom: .1rem solid #E6E6E6;
font-size: 1.6rem;
}
.content-post-back .inner-container {
padding: 1rem var(--grid-padding-inner);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 0 2rem;
}
.content-post-back .inner-container > a {    
color: var(--color-darkgrey);
}
.content-post-back .inner-container > a:hover {
text-decoration: underline;
}
.content-post-back .share-wrapper {
display: flex;
align-items: center;
gap: 2rem;
}
.content-post-back .socials {
display: flex;
align-items: center;
gap: 1rem;
}
.content-post-back .socials a {
font-size: 2.4rem;
} .content-text-2-columns .container {
padding: 0 calc(var(--grid-padding-inner) + 5rem) 0 var(--grid-padding-inner);
}
.content-text-2-columns .content-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 7rem;
} .content-shortcode > .row-lg > .container {
padding: 0 var(--grid-padding-inner);
} .content-text-image .container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--grid-padding);
}
.content-text-image .content-wrapper {
padding: var(--box-padding) var(--grid-padding-inner) 0;
}
.content-text-image .container.flip .content-wrapper {
order: 2;
}
.content-text-image .image-wrapper img {
width: 100%;
height: auto;
border-radius: var(--border-radius);
}
.content-text-image .container.flip .image-wrapper {
order: 1;
} @media (max-width: 1024px) { .content-title-text .container {
padding: 0 var(--grid-padding-inner);
}
.content-title-text .content-wrapper {
grid-gap: calc(var(--grid-padding) + calc(var(--box-padding) * 2));
} .content-text-faqs .container {
grid-gap: calc(var(--grid-padding) + calc(var(--box-padding) * 2));
} .content-text-highlights .container {
grid-gap: calc(var(--grid-padding) + calc(var(--box-padding) * 2));
}
.content-text-highlights .counter {
font-size: 6rem;
} .content-text-form .container {
grid-gap: calc(var(--grid-padding) + calc(var(--box-padding) * 2));
} .content-tabs .tabs-body .item {
grid-gap: calc(var(--grid-padding) + calc(var(--box-padding) * 2));
} .content-post-back .inner-container {
padding: 1rem 0;
} .content-text-2-columns .content-wrapper {
grid-gap: calc(var(--grid-padding) + calc(var(--box-padding) * 2));
}
}
@media (max-width: 899px) { .content-title-text .content-wrapper {
grid-template-columns: 1fr;
grid-gap: 0;
} .content-cta .content-wrapper {
min-height: inherit;
} .content-text-faqs .container {
grid-template-columns: 1fr;
grid-gap: 5rem;
} .content-text-highlights .container {
grid-template-columns: 1fr;
grid-gap: 5rem;
}
.content-text-highlights .highlights {
grid-template-columns: repeat(4, 1fr);
grid-gap: 2.5rem;
}
.content-text-highlights .counter {
font-size: 5rem;
}
.content-text-highlights .text {
line-height: 1.5;
} .content-text-form .container {
grid-template-columns: 1fr;
grid-gap: 5rem;
}
.content-text-form .contact-wrapper {
margin-top: 3rem;
} .content-tabs .tabs-header {
flex-direction: column;
}
.content-tabs .tabs-header .item {
text-align: left;
}
.content-tabs .tabs-body {
margin-top: 4rem;
}
.content-tabs .tabs-body .item {
grid-template-columns: 1fr;
grid-gap: 3rem;
} .content-text-2-columns .content-wrapper {
grid-template-columns: 1fr;
grid-gap: 3rem;
}
}
@media (max-width: 767px) { .content-text-highlights .container {
grid-gap: 4rem;
}
.content-text-highlights .highlights {
grid-template-columns: 1fr 1fr;
}
.content-text-highlights .item {
text-align: left;
} .content-post-back .text {
display: none;
} .content-text-image .container {
grid-template-columns: 1fr;
}
.content-text-image .container.flip .content-wrapper {
order: 1;
}
.content-text-image .container.flip .image-wrapper {
order: 2;
}
}
@media (max-width: 599px) { .content-cta .container {
grid-template-columns: 1fr;
}
.content-cta .container.has-bgcolor .content-wrapper {
min-height: inherit;
}
.content-cta .container.flip .content-wrapper {
order: 1;
}
.content-cta .image-wrapper {
padding-top: 67%;
}
.content-cta .container.flip .image-wrapper {
order: 2;
}
}
@media (max-width: 499px) { .content-text-highlights .counter {
font-size: 4.4rem;
} .content-text-form .contact-wrapper {
grid-template-columns: 1fr;
}
}.slider-tiles .nav-wrapper,
.slider-news .nav-wrapper {    
display: flex;
justify-content: center;
gap: var(--grid-padding);  
}
.slider-tiles .nav-wrapper div,
.slider-news .nav-wrapper div {
margin: 3rem 0 2rem;
cursor: pointer;
} .slider-tiles .item {
display: block;
position: relative;
border-radius: var(--border-radius);
background-color: var(--color-lightgrey);
color: inherit;
text-decoration: none;
}
.slider-tiles .item::before {
content: '\f061';
position: absolute;
top: .7rem;
right: .7rem;
width: 4rem;
height: 4rem;
border-radius: 50%;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
font-family: "Font Awesome 6 Pro";
font-size: 1.8rem;
line-height: 1;
color: var(--color-darkblue);
transform: rotate(-45deg);
transition: .3s;
}
.slider-tiles .item:hover::before {
transform: rotate(0)
}
.slider-tiles .content-wrapper {
padding: var(--box-padding);
}
.slider-tiles .faux-h3 {
padding-right: 4rem;
font-size: 2.2rem;
hyphens: auto;
}
.slider-tiles .text {
font-size: 1.5rem;
color: var(--color-grey);
}
.slider-tiles .image-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 70%;
border-radius: var(--border-radius);
overflow: hidden;
}
.slider-tiles .image-wrapper img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: .3s;
}
.slider-tiles .item:hover .image-wrapper img {
transform: scale(1.03);
}  .slider-testimonials .container {
position: relative;
}
.slider-testimonials .item {
display: flex;
gap: var(--grid-padding);
}
.slider-testimonials .image-wrapper {
flex: 0 0 22.6rem;
position: relative;
border-radius: var(--border-radius);
background-color: var(--color-lightgrey);
overflow: hidden;
}
.slider-testimonials .image-wrapper img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.slider-testimonials .content-wrapper {
flex: 1 1 auto;
min-height: 25rem;
padding: var(--box-padding) calc(var(--box-padding) * 2);
border-radius: var(--border-radius);
background-color: var(--color-lightblue);
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 2rem;
font-size: 2.1rem;
font-weight: 500;
line-height: 1.5;
color: var(--color-grey);
}
.slider-testimonials .info-wrapper {
font-size: 1.5rem;
font-weight: 500;
color: var(--color-blue);
}
.slider-testimonials .swiper-custom-button-prev,
.slider-testimonials .swiper-custom-button-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: var(--color-blue);
font-size: 2.2rem;
line-height: 1;
cursor: pointer;
}
.slider-testimonials .swiper-custom-button-prev {
left: var(--grid-padding-inner);
}
.slider-testimonials .swiper-custom-button-next {
right: var(--grid-padding-inner);
} .slider-logos .image-wrapper {    
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
.slider-logos .image-wrapper img {
width: 14rem;
height: 14rem;
object-fit: contain;
object-position: center;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: .3s;  
}
.slider-logos .image-wrapper img:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);    
} @media (max-width: 1444px) { .slider-testimonials .nav-wrapper {
display: flex;
justify-content: center;
gap: var(--grid-padding);
}
.slider-testimonials .swiper-custom-button-prev,
.slider-testimonials .swiper-custom-button-next {
position: relative;
top: inherit;
transform: inherit;
right: inherit;
left: inherit;        
margin: 3rem 0 2rem;
}
}
@media (max-width: 1244px) { .slider-logos {
overflow: hidden;
}
.slider-logos .swiper {
overflow: visible;
}
}
@media (max-width: 1024px) { .slider-tiles .nav-wrapper,
.slider-news .nav-wrapper {    
display: none;  
} .slider-tiles {
overflow: hidden;
}
.slider-tiles .swiper {
overflow: visible;
} .slider-news {
overflow: hidden;
}
.slider-news .swiper {
overflow: visible;
}
}
@media (max-width: 899px) { .slider-testimonials .content-wrapper {
min-height: 22rem;
padding: var(--box-padding);
font-size: 1.8rem;
}
}
@media (max-width: 767px) { .slider-testimonials .image-wrapper {
display: none;
}
.slider-testimonials .content-wrapper {
min-height: inherit;
}
}
@media (max-width: 599px) { .slider-tiles .nav-wrapper div,
.slider-news .nav-wrapper div {    
margin: 2rem 0 1rem;    
} .slider-testimonials .swiper-custom-button-prev,
.slider-testimonials .swiper-custom-button-next {     
margin: 2rem 0 1rem;
}
}.grid-highlights .highlights-wrapper {
padding: var(--box-padding);
border-radius: var(--border-radius);
background-color: var(--color-darkblue);
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 3rem;
color: white;
}
.grid-highlights .faux-h3 {
margin-bottom: 0;
font-size: 2.6rem;
font-weight: 500;
color: var(--color-blue);
} .grid-teammembers .teammember-wrapper {
padding-bottom: 5rem;
border-bottom: .1rem solid #E6E6E6;
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: var(--grid-padding);
}
.grid-teammembers .image-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 87%;
border-radius: var(--border-radius);
background-color: var(--color-lightgrey);
overflow: hidden;
}
.grid-teammembers .image-wrapper img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.grid-teammembers .title-wrapper {
margin-top: 1.5rem;
}
.grid-teammembers .faux-h4 {
margin-bottom: 0;
color: var(--color-darkblue);
}
.grid-teammembers .position {
font-size: 1.5rem;
font-weight: 700;
color: var(--color-grey);
}
.grid-teammembers .contact-wrapper {
margin-top: 1.5rem;
display: flex;
gap: 1rem var(--grid-padding);
}
.grid-teammembers .link {
font-size: 1.5rem;
} .grid-gallery .gallery-wrapper {
display: grid;
grid-gap: var(--grid-padding);
}
.grid-gallery .gallery-wrapper.index-1 {
grid-template-columns: 1fr;
}
.grid-gallery .gallery-wrapper.index-2 {
grid-template-columns: 1fr 1fr;
}
.grid-gallery .gallery-wrapper.index-3 {
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.grid-gallery .gallery-wrapper.index-3 .image-wrapper:first-child {
grid-row: span 2;
}
.grid-gallery .image-wrapper {
position: relative;    
border-radius: var(--border-radius);
overflow: hidden;
}
.grid-gallery .gallery-wrapper.index-1 .image-wrapper:first-child {
padding-top: 40%;
}
.grid-gallery .gallery-wrapper:not(.index-1) .image-wrapper:first-child {
padding-top: 71%;
}
.grid-gallery .image-wrapper img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .grid-articles .container {
padding: 0 var(--grid-padding-inner);
}
.grid-articles .articles-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 8rem 10rem;
}
.grid-articles .cats-wrapper {
margin-top: 3rem;
}
.grid-articles ul {
list-style-type: none;
margin: 0;
padding: 0 0 0 1rem;
}
.grid-articles li:not(:first-child) {
margin-top: 1rem;
}
.grid-articles a {
color: var(--color-grey);
} .grid-ads .ads-wrapper {
display: grid;
grid-template-columns: 1fr;
}
.grid-ads:not(:has(.ads-wrapper > *)) {
padding-top: 0;
}
.grid-ads .ads-wrapper.ad-grid-3 {
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-gap: var(--grid-padding);
}
.grid-ads .media-wrapper {
display: block;
position: relative;
border-radius: var(--border-radius);
background-color: var(--color-lightgrey);
color: var(--color-darkblue);
text-decoration: none;
overflow: hidden;
}
.grid-ads .ads-wrapper.ad-landscape-high .media-wrapper {
padding-top: 40%;
}
.grid-ads .ads-wrapper.ad-grid-3 .media-wrapper:first-child {
grid-row: span 2;
padding-top: 71%;
}
.grid-ads .ads-wrapper.ad-landscape-low .media-wrapper {
padding-top: 17%;
}
.grid-ads .media-wrapper.text-color-light {
color: white;
}
.grid-ads .content-wrapper {
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
width: 100%;
padding: var(--box-padding);
}
.grid-ads .title {
margin-bottom: .3rem;
font-size: 2.8rem;
font-weight: 700;
line-height: 1.3; 
}
.grid-ads .ads-wrapper.ad-landscape-high .title,
.grid-ads .ads-wrapper.ad-grid-3 .media-wrapper:first-child .title {
font-size: 4rem;
}
.grid-ads .text {
font-size: 1.8rem;
line-height: 1.4;
}
.grid-ads .bgvideo {
position: absolute;
z-index: 1;
inset: 0;
overflow: hidden;
}
.grid-ads .bgvideo iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 0;
pointer-events: none;
}
.grid-ads .media-wrapper img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .grid-prices .container {
padding: 0 var(--grid-padding-inner);
display: grid;
grid-template-columns: repeat(auto-fit, minmax(33rem, 1fr));
grid-gap: var(--grid-padding);
}
.grid-prices .item {
padding: var(--grid-padding-inner);
border-radius: var(--border-radius);
background-color: var(--color-lightblue);
}
.grid-prices h4 {
margin: 0;
}
.grid-prices .price-wrapper {
font-family: "Manrope", sans-serif;
font-size: 4.4rem;
font-weight: 600;
line-height: 1.3;
color: var(--color-blue);
}
.grid-prices sup {
font-size: 1.8rem;
}
.grid-prices .text {
margin-top: 1rem;
}
.grid-prices .btn {
margin-top: 2rem;
}
.grid-prices .features-wrapper {
margin-top: 3rem;
display: flex;
flex-direction: column;
gap: 1rem;
color: var(--color-grey);
}
.grid-prices .feature {
display: flex;
gap: 1rem;
}
.grid-prices .icon {
flex: 0 0 2.2rem;
}
.grid-prices .icon .fa-check {
color: var(--color-blue);
}
.grid-prices .icon .fa-xmark {
color: #E6E6E6;
}
.grid-prices .title {
flex: 1 1 auto;
} .grid-news .posts-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: var(--grid-padding);
}
.grid-news .hidden {
display: none;
}
.grid-news .show-more {
padding-top: 4rem;
grid-column: 1/-1;
font-family: "Manrope", sans-serif;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.3;
color: var(--color-blue);
text-align: center;
cursor: pointer;
} @media (max-width: 1024px) { .grid-highlights .highlights-wrapper {
grid-template-columns: repeat(2, 1fr);
grid-gap: 2.5rem;
} .grid-teammembers .teammember-wrapper {
grid-template-columns: repeat(3, 1fr);
grid-gap: var(--box-padding) var(--grid-padding);
} .grid-articles .articles-wrapper {
grid-gap: calc(var(--grid-padding) + calc(var(--box-padding) * 2));
} .grid-news .container {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 899px) { .grid-highlights .faux-h3 {
font-size: 2.4rem;
} .grid-articles .articles-wrapper {
grid-template-columns: repeat(2, 1fr);
}
.grid-articles li:not(:first-child) {
margin-top: .5rem;
} .grid-ads .ads-wrapper.ad-grid-3 .content-wrapper {
display: none;
}
.grid-ads .ads-wrapper.ad-landscape-low .content-wrapper {
display: none;
}
.grid-ads .ads-wrapper.ad-landscape-high .title,
.grid-ads .ads-wrapper.ad-grid-3 .media-wrapper:first-child .title {
font-size: 2.8rem;
}
.grid-ads .text {
font-size: 1.6rem;
line-height: 1.5;
} .grid-news .container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) { .grid-teammembers .teammember-wrapper {
grid-template-columns: repeat(2, 1fr);
grid-gap: 3rem var(--grid-padding);
}
}
@media (max-width: 599px) { .grid-highlights .highlights-wrapper {
grid-template-columns: 1fr;
grid-gap: 2rem;
text-align: center;
} .grid-gallery .gallery-wrapper.index-3 {
grid-template-columns: 1fr;
grid-template-rows: inherit;
}
.grid-gallery .gallery-wrapper.index-2 .image-wrapper:last-child {
padding-top: 71%;
}
.grid-gallery .image-wrapper {
padding-top: 40%;
} .grid-articles .articles-wrapper {
grid-template-columns: 1fr;
grid-gap: 4rem;
}
.grid-articles .cats-wrapper {
margin-top: 2.5rem;
} .grid-ads .ads-wrapper.ad-grid-3 {
grid-template-columns: 1fr;
grid-template-rows: inherit;
}
.grid-ads .ads-wrapper.ad-grid-3 .media-wrapper:first-child {
grid-row: inherit;
}
.grid-ads .ads-wrapper.ad-grid-3 .media-wrapper:not(:first-child) {
padding-top: 34.66%;
}
.grid-ads .ads-wrapper.ad-grid-3 .content-wrapper {
display: block;
} .grid-news .container {
grid-template-columns: 1fr;
}
}
@media (max-width: 499px) { .grid-teammembers .teammember-wrapper {
padding-bottom: 4rem;
grid-template-columns: 1fr;
} .grid-ads .ads-wrapper.ad-landscape-high .content-wrapper,
.grid-ads .ads-wrapper.ad-grid-3 .content-wrapper {
display: none;
}
.grid-ads .ads-wrapper.ad-landscape-low .media-wrapper {
padding-top: 40%;
}
}.gform_wrapper,
.gform_wrapper ::placeholder,
.gform_wrapper ::-webkit-input-placeholder,
.gform_wrapper input[placeholder],
.vzr-form,
.vzr-form ::placeholder,
.vzr-form ::-webkit-input-placeholder,
.vzr-form input[placeholder] {
font-family: "Inter", sans-serif;
font-size: 1.4rem !important;
font-weight: 700 !important;
color: var(--color-grey) !important;
} .gform_wrapper #gform_0 .gform_heading { padding-bottom: var(--grid-padding);
} .gform_wrapper .gform_fields {
grid-gap: var(--grid-padding) !important;
}
.gform_wrapper #gform_0 #gform_fields_login, .vzr-form .vzr-bijtelling-form {
display: grid;
grid-template-columns: 1fr;
grid-gap: var(--grid-padding);
}
.vzr-form .vzr-field-group {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--grid-padding);
} .gform-theme--framework .gfield--type-email .gform-field-label--type-sub,
.gform-theme--framework .gfield--type-password .gform-field-label--type-sub { 
display: none;
}
.gform_wrapper #gform_0 .gfield_label { display: none;
} .gform_wrapper .gfield_description {
padding: 0 2rem !important;
color: var(--color-grey) !important;
}
.gform_wrapper .gsection_description {
font-size: 1.3rem !important;
}
.vzr-form .vzr-bijtelling-vehicle {
padding: 0 2rem;
} .gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select,
.vzr-form input,
.vzr-form select {
width: 100%;
padding: 1.3rem 2rem !important;
border: .1rem solid var(--color-lightgrey) !important;
border-radius: var(--border-radius) !important;
background-color: var(--color-lightgrey) !important;
font-size: 1.4rem !important;
font-weight: 700 !important;
line-height: 2rem !important;
color: var(--color-grey) !important;
box-shadow: none !important;
}
.gform_wrapper input,
.gform_wrapper select,
.vzr-form input,
.vzr-form select {
height: auto !important;
}
.vzr-form select {
appearance: none;
background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTAnIGhlaWdodD0nNicgdmlld0JveD0nMCAwIDEwIDYnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J00wLjI5Mjg5MyAwLjI5Mjg5M0MwLjY4MzQxNyAtMC4wOTc2MzEgMS4zMTY1OCAtMC4wOTc2MzEgMS43MDcxMSAwLjI5Mjg5M0w1IDMuNTg1NzlMOC4yOTI4OSAwLjI5Mjg5M0M4LjY4MzQyIC0wLjA5NzYzMTEgOS4zMTY1OCAtMC4wOTc2MzExIDkuNzA3MTEgMC4yOTI4OTNDMTAuMDk3NiAwLjY4MzQxNyAxMC4wOTc2IDEuMzE2NTggOS43MDcxMSAxLjcwNzExTDUuNzA3MTEgNS43MDcxMUM1LjMxNjU4IDYuMDk3NjMgNC42ODM0MiA2LjA5NzYzIDQuMjkyODkgNS43MDcxMUwwLjI5Mjg5MyAxLjcwNzExQy0wLjA5NzYzMTEgMS4zMTY1OCAtMC4wOTc2MzExIDAuNjgzNDE4IDAuMjkyODkzIDAuMjkyODkzWicgZmlsbD0ncmdiYSgxNywgMzUsIDU1LCAwLjY1KScvPjwvc3ZnPg==");
background-repeat: no-repeat;
background-position: calc(100% - 2rem) center;
}
.gform_wrapper textarea {
padding-top: 1.2rem !important;
padding-bottom: 1.2rem !important;
}
.gform_wrapper input.datepicker {
width: 100% !important;
}
footer .gform_wrapper input {
padding: .8rem 2rem !important;
}
.has-bg .gform_wrapper input,
.has-bg .gform_wrapper textarea,
.has-bg .gform_wrapper select,
.has-bg .vzr-form input,
.has-bg .vzr-form select,
.vzr-normlease-tool input,
.vzr-normlease-tool select {
background-color: white !important;
}
footer .gform_wrapper input {
background-color: var(--color-lightblue) !important;
}
.gform-theme--foundation .gfield select.medium {
inline-size: 100% !important;
} .vzr-unlock-form .consent-container {
margin-top: var(--grid-padding);
display: flex;
}
.gform_wrapper .gfield--type-checkbox input,
.gform_wrapper .gfield--type-consent input,
.vzr-unlock-form .consent-container input {
position: absolute;
width: 0;
height: 0;
opacity: 0;
visibility: hidden;
}
.gform_wrapper .gfield--type-checkbox label,
.gform_wrapper .gfield--type-consent label,
.vzr-unlock-form .consent-container label {
position: relative;
margin-left: 3rem !important;
font-size: 1.3rem !important;
font-weight: 700 !important;
color: var(--color-grey) !important;
cursor: pointer;
}
.gform_wrapper .gfield--type-checkbox label::before,
.gform_wrapper .gfield--type-consent label::before,
.vzr-unlock-form .consent-container label::before {
content: '';
position: absolute;
top: 0;
left: -3rem;
width: 2rem;
height: 2rem;
border-radius: 50%;
background-color: var(--color-lightgrey);
}
.has-bg .gform_wrapper .gfield--type-checkbox label::before,
.has-bg .gform_wrapper .gfield--type-consent label::before {
background-color: white;
}
footer .gform_wrapper .gfield--type-consent label::before {
background-color: var(--color-lightblue);
}
.gform_wrapper .gfield--type-checkbox label::after,
.gform_wrapper .gfield--type-consent label::after,
.vzr-unlock-form .consent-container label::after {
content: '';
position: absolute;
top: .4rem;
left: -2.6rem;
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
background-color: var(--color-blue);
display: none;
}
.gform_wrapper .gfield--type-checkbox input:checked + label::after,
.gform_wrapper .gfield--type-consent input:checked + label::after,
.vzr-unlock-form .consent-container input:checked + label::after {
display: block;
}
.gform_wrapper #gform_0 .gfield--type-remember_me {
display: none;
} .gform-theme--framework .gfield--type-section {
margin-top: 2rem;
padding: 2rem 0 0 0 !important;
border-top: .1rem solid #E6E6E6;
border-bottom: 0 !important;
}
.gform-theme--framework .gfield--type-section:not(.gfield--type-section ~ .gfield--type-section) {
margin: 0;
padding: 0 !important;
border: 0 !important;
} .gform-theme--foundation .gform_footer, 
.gform-theme--foundation .gform_page_footer {
margin-top: 2rem !important;
}
.gform_wrapper input[type="submit"],
.vzr-form button {
height: 4.8rem !important;
padding: 1rem 2.5rem !important;
background-color: var(--color-blue) !important;
border: 0 !important;
border-radius: 5rem !important;
align-items: center !important;
font-size: 1.4rem !important;
font-weight: 700 !important;
color: white !important;
white-space: nowrap !important;
text-decoration: none !important;
cursor: pointer;
}
footer .gform_wrapper input[type="submit"] {
height: inherit !important;
padding: .8rem 2.5rem !important;
}
.vzr-form button {
padding: 1rem 5.6rem 1rem 2.5rem !important;
}
.gform_wrapper #gform_0 .gform_footer { padding-top: var(--grid-padding);
}
.gf_login_links { padding-top: var(--grid-padding);
display: flex;
gap: .5rem;
font-size: 1.3rem !important;
}
.vzr-normlease-tool button {
margin-top: var(--grid-padding);
} .gform_wrapper .gfield_required {
display: none !important; } .gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error textarea,
.gform_wrapper .gfield_error select,
.vzr-field-error input,
.vzr-field-error select {
border-color: red !important;
}
.gform_wrapper .gfield_error label,
.vzr-unlock-form .vzr-field-error .consent-container label {
color: red !important;
}
.gform_wrapper .gform_validation_errors,
.gform_wrapper .gfield_validation_message {
display: none !important;
} @media (max-width: 639px) {  .gform_wrapper #gform_0 #gform_fields_login { grid-template-columns: 1fr;
}
.vzr-form .vzr-field-group {
grid-template-columns: 1fr;
}
}.mobile-menu {
position: fixed;
z-index: 99;
inset: 0;
width: 100%;
height: 100%;
padding: 0;
background-color: white;
overflow-y: auto;
display: none;
} .mobile-menu .header {
padding: 0 var(--grid-padding);
border-bottom: .1rem solid #E6E6E6;
}
.mobile-menu .header .container {
padding: var(--grid-padding) var(--grid-padding-inner);
display: flex;
justify-content: space-between;
align-items: center;
gap: 3rem;
}
.mobile-menu .logo-wrapper {
display: flex;
height: 6rem;
width: auto;
}
.mobile-menu .logo-wrapper img {
width: auto;
height: 100%;
}
.mobile-menu .close {    
display: flex;
cursor: pointer;
} .mobile-menu ul {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 1.8rem;
line-height: 1.3;
}
.mobile-menu li {
position: relative;
}
.mobile-menu ul.menu > li:not(:first-child) {
margin-top: 1rem;
} .mobile-menu .body .top {
padding: 0 var(--grid-padding);
}
.mobile-menu .body .top .container {
padding: var(--box-padding) var(--grid-padding-inner);
}
.mobile-menu .body .top ul a {
color: var(--color-grey);
} .mobile-menu .body .bottom {
padding: 0 var(--grid-padding);
border-top: .1rem solid #E6E6E6;
}
.mobile-menu .body .bottom .container {
padding: var(--box-padding) var(--grid-padding-inner);
}
.mobile-menu .body .bottom li.menu-item-has-children::before {
content: '\f107';
position: absolute;
right: .4rem;
font-family: "Font Awesome 6 Pro";
color: var(--color-grey);
transition: .3s;
}
.mobile-menu .body .bottom li li.menu-item-has-children::before {
right: .6rem;
}
.mobile-menu .body .bottom ul.menu > li.menu-item-has-children::before {
color: var(--color-blue);
}
.mobile-menu .body .bottom li.menu-item-has-children.active::before {
color: var(--color-blue);
transform: rotate(180deg);
}
.mobile-menu .body .bottom ul a {
color: var(--color-grey)
}
.mobile-menu .body .bottom ul.menu > li > a,
.mobile-menu .body .bottom li.menu-item-has-children.active > a {
color: var(--color-blue);
}
.mobile-menu .body .bottom ul.sub-menu {
padding: var(--grid-padding) 0 var(--grid-padding) var(--grid-padding-inner);
font-size: 1.6rem;
display: none;
}
.mobile-menu .body .bottom ul.sub-menu li:not(:first-child) {
margin-top: .5rem;
}
.mobile-menu .body .bottom ul.sub-menu li.menu-item-has-children > a::before {
right: .5rem;
} .mobile-menu .btn {
margin-top: var(--grid-padding);
display: flex;
}
.mobile-menu .btn.login {
display: none;
} .search-modal {
position: fixed;
z-index: 100;
inset: 0;    
background-color: white;
display: flex;
justify-content: center;
align-items: center;
display: none;
}
.search-modal::before {
content: '';
position: absolute;
inset: var(--grid-padding);
border-radius: var(--border-radius);
background-color: var(--color-lightblue);
}
.search-modal .close {
position: absolute;
top: var(--box-padding);
right: var(--box-padding);
width: 4.8rem;
height: 4.8rem;
display: flex;
justify-content: center;
align-items: center;
font-size: 2.4rem;
line-height: 1;
color: var(--color-blue);
cursor: pointer;
}
.search-modal .row-sm {
max-width: calc(var(--grid-size-sm) - 8rem);
}
.search-modal .container {
position: relative;
z-index: 1;
padding: 0 var(--grid-padding-inner);
}
.search-modal h2 {
margin-bottom: 3rem;
text-align: center;
}
@media (max-width: 767px) { .search-modal .close {
top: var(--grid-padding-inner);
right: var(--grid-padding-inner);
}
}
@media (max-width: 499px) { .mobile-menu .btn.login {
display: flex;
}
}.dashboard .content-wrapper {
padding: 0 var(--grid-padding-inner);
border-bottom: .1rem solid #E6E6E6;
} .dashboard .notification {
margin-bottom: var(--grid-padding);
padding: var(--box-padding);
border-radius: var(--border-radius);
background-color: var(--color-lightgrey);
font-size: 1.6rem;
} .dashboard .progress-wrapper {
margin-top: 4rem;
display: flex;
align-items: center;
gap: 2rem;
}
.dashboard .progress-wrapper .text {
font-size: 1.6rem;
white-space: nowrap;
}
.dashboard .progress-bar {
width: 100%;
height: 3rem;
padding: .5rem;
border: .1rem solid rgba(6, 174, 224, .3);
border-radius: 5rem;
}
.dashboard .progress {
position: relative;
height: 2rem;
background-color: var(--color-blue);
border-radius: 5rem;
}
.dashboard .percentage {
position: absolute;
top: 0;
right: 1rem;
height: 2rem;
display: flex;
align-items: center;
font-family: "Manrope", sans-serif;
font-size: 1.4rem;
font-weight: 700;
line-height: 1;
color: white;
} .dashboard h2 {
margin-top: 3rem;
} .dashboard .member-wrapper {
margin-top: 1rem;
padding-bottom: 1rem;
display: flex;
flex-wrap: wrap;
gap: .5rem 0;
font-size: 1.6rem;
}
.dashboard .member-wrapper > div {
margin-right: 2rem;
padding-right: 2rem;
border-right: .1rem solid #E6E6E6;
}
.dashboard .member-wrapper .type {
color: var(--color-blue);
} .dashboard .tabs-wrapper {
padding: 3rem var(--grid-padding-inner) 0;
} .dashboard .tabs-header {
background-color: var(--color-lightgrey);
border-radius: var(--border-radius);
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.dashboard .tabs-header button {    
padding: 1.8rem 3rem;
border: 0;
background: none;
font-family: "Manrope", sans-serif;
font-size: 1.7rem;
font-weight: 700;
line-height: 1.3;
color: var(--color-darkgrey);
cursor: pointer;
transition: .3s;
}
.dashboard .tabs-header button.active {
color: var(--color-blue);
} .dashboard .tabs-body {
padding-top: var(--box-padding);
font-size: 1.6rem;
}
.dashboard .tabs-body .item.info {
column-count: 2;
column-gap: 2rem;
}
.dashboard table {
margin-bottom: 4.7rem;    
}
.dashboard th {
background-color: inherit;
font-weight: 400;
}
.dashboard th.faux-h4 {
margin: 0;
font-weight: 700;
}
.dashboard td {
border-bottom: .1rem solid #E6E6E6;    
}
.dashboard tr > th:last-child,
.dashboard tr > td:last-child {
text-align: right;
} .dashboard .newsletters-wrapper .item,
.dashboard .documents-wrapper .item {
padding: 2rem;
border-bottom: .1rem solid #E6E6E6;
}
.dashboard .newsletters-wrapper .item:first-child,
.dashboard .documents-wrapper .item:first-child {
padding-top: 1.3rem;
}
.dashboard .newsletters-wrapper .item .inner,
.dashboard .documents-wrapper .item .inner {
display: flex;
gap: 3rem;
}
.dashboard .newsletters-wrapper .item.is-locked .icon,
.dashboard .documents-wrapper .item.is-locked .icon,
.dashboard .newsletters-wrapper .item.is-locked .title,
.dashboard .documents-wrapper .item.is-locked .title, 
.dashboard .newsletters-wrapper .item.is-locked .date,
.dashboard .documents-wrapper .item.is-locked .download-disabled,
.dashboard .newsletters-wrapper .item.is-locked .download-disabled { 
opacity: .4; 
pointer-events: none; 
}
.dashboard .newsletters-wrapper .item.is-locked .download-disabled,
.dashboard .documents-wrapper .item.is-locked .download-disabled { 
pointer-events: auto;
}
.dashboard .newsletters-wrapper .icon,
.dashboard .documents-wrapper .icon {
flex: 0 0 3.2rem;
font-size: 3.2rem;
line-height: 1;
color: var(--color-lightgrey);
}
.dashboard .newsletters-wrapper .title,
.dashboard .documents-wrapper .title {
font-size: 2rem;
font-weight: 500;
line-height: 1.3;
}
.dashboard .newsletters-wrapper .label,
.dashboard .documents-wrapper .label {
position: relative;
top: -.3rem;
background-color: var(--color-lightblue);
color: var(--color-blue);
}
.dashboard .newsletters-wrapper .date {
font-size: 1.4rem;
font-weight: 400;
font-style: italic;
color: var(--color-grey);
} .vzr-form {
display: grid;
grid-template-columns: 1fr;
gap: var(--grid-padding);
}
.vzr-form .btn {
justify-self: flex-start;
}
.content-text-form .form-wrapper .vzr-message {
margin-bottom: var(--grid-padding);
padding: var(--box-padding);
border-radius: var(--border-radius);
}
.content-text-form .form-wrapper .inner.has-bg .vzr-message {
padding: 1rem 1.5rem;
}  .search-results-header .container {
padding: var(--box-padding) var(--grid-padding-inner);
border-radius: var(--border-radius);
background-color: var(--color-lightblue);
}
.search-results-header .text {
flex: 0 0 6rem;
font-size: 1.6rem;
}
.search-results-header .filter-wrapper {
display: flex;
align-items: center;
gap: 2rem;
}
.search-results-header .search-wrapper {
margin-top: var(--grid-padding);
display: flex;
align-items: center;
gap: 2rem;
}
.search-results-header .filters {
display: flex;
flex-wrap: wrap;
gap: var(--grid-padding);
}
.search-results-header .btn {
padding: 1rem 2.5rem;
border: 0;
background: white;
color: var(--color-blue);
transition: .3s;
}
.search-results-header .btn.active {
background-color: var(--color-blue);
color: white;
}
.search-results-header .btn::before {
display: none;
} .search-results-body .item {
position: relative;
padding: var(--box-padding) var(--grid-padding-inner);
border-top: .1rem solid #E6E6E6;
}
.search-results-body .item:first-child {
border: 0;
}
.search-results-body .date-wrapper {
position: absolute;
top: var(--box-padding);
right: var(--grid-padding-inner);
font-size: 1.5rem;
color: var(--color-grey);
}
.search-results-body .date-wrapper i {
margin-right: .5rem;
}
.search-results-body .item a {
display: inline-block;
text-decoration: none;
}
.search-results-body .item a:hover h3 {
color: var(--color-blue);
}
.search-results-body h3 {
margin: 0;
}
.search-results-body .permalink-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .3rem 1rem; 
}
.search-results-body .permalink {
font-size: 1.6rem;
color: var(--color-grey);
}
.search-results-body .label {
background-color: var(--color-lightblue);
color: var(--color-blue);
}
.search-results-body .text {
margin-top: 1.5rem;
}
.search-results-body .no-results {
padding: 0 var(--grid-padding-inner);
} .vzr-form .vzr-money{
position: relative;
}
.vzr-form .vzr-money input:not(:placeholder-shown){
padding-left: 3rem !important;
}
.vzr-form .vzr-money input:not(:placeholder-shown) + .vzr-money-prefix{
opacity: 1;
}
.vzr-form .vzr-money-prefix{
position: absolute;
left: 2rem;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
opacity: 0;
} .vzr-bijtelling-output {
margin-top: 2rem;
}
.vzr-bijtelling-output .tips {
padding: 2rem 2rem 0;
font-style: italic;
}
.vzr-bijtelling-form .polite span {
display: block;
font-style: italic;
} .vzr-plate-form .vzr-plate-wrapper {
height: 4.8rem;
padding: 1rem .4rem 1rem 2.5rem;
border: 0;
border-radius: 5rem;
background-color: var(--color-blue);   
display: inline-flex; 
justify-content: space-between;
align-items: center;
gap: 1rem;
font-size: 1.4rem;
line-height: 1.3;
font-weight: 700;
color: white;
}
.vzr-plate-form .vzr-plate-submit-wrapper {
display: flex;
align-items: center;
gap: 1rem;
}
.vzr-plate-form .vzr-plate-input-wrapper {
display: flex;
border-radius: .4rem;    
overflow: hidden;
}
.vzr-plate-form .vzr-plate-country {
position: relative;
width: 2rem;
padding: .4rem 0;
background-color: #003CAA;
display: flex;
justify-content: center;
align-items: flex-end;
font-family: 'Kenteken';
font-size: .8rem;
font-weight: 400;
line-height: 1;
color: white;
}
.vzr-plate-form .vzr-plate-country::before {
content: '';
position: absolute;
top: .35rem;
left: .25rem;
width: 1.5rem;
height: 1.5rem;
background-image: url(//vzr.nl/wp-content/themes/vzr-theme/assets/images/icon-euro-stars-yellow.svg);
background-repeat: no-repeat;
background-size: contain;
}
.vzr-plate-form .vzr-plate-input {
width: 12rem;
padding: .8rem 1rem .7rem;
border: 0;
background-color: #F3B601;
font-family: 'Kenteken';
font-size: 1.7rem;
line-height: 1;
color: var(--color-darkblue);
}
.vzr-plate-form .vzr-plate-input::placeholder {
color: var(--color-darkblue);
}
.vzr-plate-form .vzr-plate-submit {
width: 4rem;
height: 4rem;
border: 0;
border-radius: 50%;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.8rem;
line-height: 1;
color: var(--color-darkblue);
transform: rotate(-45deg);
cursor: pointer;
transition: .3s;
}
.vzr-plate-form .vzr-plate-submit:hover {
transform: rotate(0);
}  .vzr-normlease-tool > form {
padding: var(--box-padding);
border-radius: var(--border-radius);
background-color: var(--color-lightgrey);
}
.vzr-normlease-tool > form h3:last-of-type {
margin-top: 2rem;
}
.vzr-normlease-tool .polite span {
display: block;
padding-top: 2rem;
font-style: italic;
} .vzr-normlease-output {
max-width: 94rem;
margin: 0 auto;
padding-top: 4rem;
font-size: 1.7rem;
font-weight: 500;
}
.vzr-normlease-output .header {
text-align: center;
}
.vzr-normlease-output > div {
padding: var(--grid-padding-inner);
border-bottom: .1rem solid #E6E6E6;
}
.vzr-normlease-output .info {
display: flex;
justify-content: space-between;
gap: 2rem
}
.vzr-normlease-output .position {
font-size: 1.6rem;
font-weight: 600;
}
.vzr-normlease-output .position .inner {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10rem;   
text-align: center; 
}
.vzr-normlease-output .position .inner > div {
position: relative;
}
.vzr-normlease-output .position .inner > div::before {
content: '';
position: absolute;
top: 0;
right: -4.95rem;
width: .1rem;
height: 100%;
background-color: #E6E6E6;
}
.vzr-normlease-output .position .inner > div:nth-child(3)::before {
display: none;
}
.vzr-normlease-output .position .inner > div > div:first-child {
margin-bottom: 1rem;
font-size: 7rem;
font-weight: 500;
line-height: 1;
color: var(--color-darkgrey);
}
.vzr-normlease-output .cars > div {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 2rem;
font-size: 1.6rem;
font-weight: 600;
text-align: center;
}
.vzr-normlease-output .cars img {
width: 100%;
height: 100%;
max-height: 18rem;
object-fit: contain;
}
.vzr-normlease-output .normlease {
color: var(--color-blue);
}
.vzr-normlease-output .difference div:last-child {
color: red;
}
.vzr-normlease-output--locked {
position: relative;
}
.vzr-normlease-output--locked::before {
content: '';
position: absolute;
z-index: 1;
inset: 0;
width: 100%;
height: 100%;
background: white;
background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.content-shortcode:has(.vzr-normlease-output--locked) {
padding-bottom: 0 !important;
}
.vzr-normlease-tool .actions {
max-width: 94rem;
margin: 2rem auto 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--grid-padding) 3rem;
}
.vzr-normlease-tool .actions button {
margin: 0;
}
.vzr-normlease-tool .actions .link {
border-color: var(--color-darkgrey);
font-size: 1.4rem;
font-weight: 700;
color: var(--color-darkgrey);
}
.vzr-normlease-tool .actions .link:hover {
border-color: var(--color-blue);
color: var(--color-blue);
} .vzr-normlease-cta {
width: calc(100% + calc(2 * var(--grid-padding-inner)));
margin: 0 calc(-1 * var(--grid-padding-inner));
}
.vzr-normlease-cta .container {
border-radius: var(--border-radius);
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--grid-padding);
}
.vzr-normlease-cta .content-wrapper {
min-height: 35.6rem;
padding: var(--box-padding);
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 3rem;
}
.vzr-normlease-cta .image-wrapper {
position: relative;
border-radius: var(--border-radius);
background-color: var(--color-lightgrey);
overflow: hidden;
}
.vzr-normlease-cta .image-wrapper img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} @media (max-width: 1099px) {   .dashboard .tabs-body .item.info {
column-count: 1;
column-gap: inherit;
}
}
@media (max-width: 1024px) {   .dashboard .tabs-header {
padding: var(--box-padding);
flex-direction: column;
}
.dashboard .tabs-header button {
width: 100%;
padding: 0;
text-align: left;
}
.dashboard .tabs-header button:not(:first-child) {
margin-top: 1rem;
} .dashboard table {
margin-bottom: var(--box-padding);
}
.dashboard th {
padding: 1rem 0;
}
.dashboard td {
padding: 1rem 0;  
} .dashboard .newsletters-wrapper .item,
.dashboard .documents-wrapper .item {
padding: 2rem 0;
gap: 1rem;
}
.dashboard .newsletters-wrapper .title,
.dashboard .documents-wrapper .title {
font-size: 1.7rem;
line-height: 1.5;
}
.dashboard .newsletters-wrapper .label,
.dashboard .documents-wrapper .label {
top: -.2rem;
}   .vzr-normlease-output {
font-size: 1.6rem;
}
.vzr-normlease-output > div {
padding: var(--grid-padding-inner) 0;
}
.vzr-normlease-output .position {
padding: 3rem 0;
font-weight: 500;
}
.vzr-normlease-output .cars {
padding: 3rem 0;
}
.vzr-normlease-output .cars > div {
font-weight: 500;
}
}
@media (max-width: 899px) { .dashboard .items-wrapper {
grid-template-columns: 1fr;
}
.dashboard .item.alert,
.dashboard .item:nth-child(6) {
grid-column: inherit;
}   .vzr-normlease-output .position .inner > div > div:first-child {
font-size: 5.4rem;
}
.vzr-normlease-output .cars img {
max-height: 12rem;
}
}
@media (max-width: 767px) {  .search-results-body .date-wrapper {
position: relative;
top: inherit;
right: inherit;
margin-bottom: .3rem;
}
.search-results-body .permalink-wrapper {
display: none;
}  .search-results-header .btn {
height: inherit;
}   .vzr-normlease-output .position .inner {
grid-template-columns: 1fr;
grid-gap: 3rem;
}
.vzr-normlease-output .cars > div {
grid-template-columns: 1fr;
grid-gap: 2rem;
}
}
@media (max-width: 599px) {   .dashboard th,
.dashboard td {
display: block;
width: 100%;
}
.dashboard tr > th:first-child,
.dashboard tr > td:first-child {
padding-bottom: 0;
border: 0;
}
.dashboard tr > th:last-child,
.dashboard tr > td:last-child {
padding-top: 0;
}
.dashboard tr > th:last-child,
.dashboard tr > td:last-child {
text-align: left;
}   .vzr-normlease-cta .container {
grid-template-columns: 1fr;
}
.vzr-normlease-cta .content-wrapper {
min-height: inherit;
}
.vzr-normlease-cta .image-wrapper {
padding-top: 67%;
}
}
@media (max-width: 499px) {   .vzr-plate-form .vzr-plate-wrapper {
width: 100%;
}
}.accordion-item {
position: relative;
padding: 2rem 0;
border-top: .1rem solid #E6E6E6;
font-size: 1.5rem;
cursor: pointer;
}
.accordion-item:last-child {
border-bottom: .1rem solid #E6E6E6;
}
.accordion-item::before {
content: '\2b';
position: absolute;
z-index: -1;
top: 1.7rem;
right: 0;
font-family: "Font Awesome 6 Pro";
font-size: 1.8rem;
color: var(--color-blue);
}
.accordion-item.active::before {
content: '\f068';
}
.accordion-item .title {
padding-right: 4rem;
font-weight: 600;
transition: .3s;
}
.accordion-item.active .title {
font-weight: 700;
}
.accordion-item .text {
padding: 1rem 4rem 2rem 0;
color: var(--color-grey);
cursor: default;
display: none;
} .post-item {
display: block;
position: relative;
border-radius: var(--border-radius);
background-color: var(--color-lightgrey);
color: inherit;
text-decoration: none;
}
.post-item:hover {
text-decoration: inherit;
}
.post-item::before {
content: '\f061';
position: absolute;
z-index: 1;
top: .7rem;
right: .7rem;
width: 4rem;
height: 4rem;
border-radius: 50%;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
font-family: "Font Awesome 6 Pro";
font-size: 1.8rem;
line-height: 1;
color: var(--color-darkblue);
transform: rotate(-45deg);
transition: .3s;
}
.post-item:hover::before {
transform: rotate(0)
}
.post-item .image-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 70%;
border-radius: var(--border-radius);
overflow: hidden;
}
.post-item .image-wrapper img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: .3s;
}
.post-item:hover .image-wrapper img {
transform: scale(1.03);
}
.post-item .label {
position: absolute;
z-index: 2;
top: 1.4rem;    
right: 5.7rem;
}
.post-item .content-wrapper {
padding: var(--box-padding);
}
.post-item .faux-h3 {
font-size: 2rem;
}
.post-item .text {
font-size: 1.5rem;
color: var(--color-grey);
} .mobile-menu form,
.search-modal form,
.search-results-header form {
position: relative;
width: 100%;
height: 4.8rem;
padding: 1rem 5.6rem 1rem 2.5rem;
border-radius: 5rem;
background-color: white;    
display: flex;
align-items: center;
}
.mobile-menu form {
margin-top: var(--box-padding);
background-color: var(--color-lightblue);
}
.mobile-menu input,
.search-modal input,
.search-results-header form input {
width: 100%;
border: 0;
background: none;
font-size: 1.4rem;
white-space: nowrap;
color: var(--color-darkgrey);
}
.mobile-menu input {
color: var(--color-blue);
}
.mobile-menu input::placeholder {
color: var(--color-blue);
}
.mobile-menu button,
.search-modal button,
.search-results-header form button {
position: absolute;
right: .4rem;
width: 4rem;
height: 4rem;
border: 0;
border-radius: 50%;
background-color: var(--color-blue);
display: flex;
justify-content: center;
align-items: center;
font-family: "Font Awesome 6 Pro";
font-size: 1.6rem;
line-height: 1;
color: white;
cursor: pointer;
transition: .3s;
}
.mobile-menu button {
background-color: white;
color: var(--color-darkblue);
}
.mobile-menu button:hover {
background-color: var(--color-blue);
color: white;
} @media (max-width: 899px) { .accordion-item {
padding: 1.2rem 0;
}
.accordion-item::before {
top: 1rem;
}
.accordion-item .text {
padding: .5rem 3rem 1rem 0;
}
}