[class*=elementor-kit] {
--color-primary: var(--e-global-color-primary);
--color-primary-hover: var(--e-global-color-primary);
--color-secondary: var(--e-global-color-primary);
--color-secondary-hover: var(--e-global-color-primary);
--color-text: var(--e-global-color-primary);
--color-accent: var(--e-global-color-primary);
--color-error: var(--e-global-color, #BF1820);
--color-error-muted: var(--e-global-color, #F8E7E8);
--color-valid: var(--e-global-color, #133A1E);
--404-page-bg: var(--e-global-color-accent);
--404-page-text: var(--e-global-color-primary);
}          *,
*::before,
*::after {
outline: unset;
box-sizing: border-box;
}
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
scroll-behavior: smooth;
}
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
body {
font-family: var(--e-global-typography-primary-font-family), sans-serif;
font-size: clamp(14px, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 14px), 16px);
}
::-moz-selection {
color: var(--e-global-color-accent);
background-color: var(--e-global-color-primary);
}
::selection {
color: var(--e-global-color-accent);
background-color: var(--e-global-color-primary);
}
::moz-selection {
color: var(--e-global-color-accent);
background-color: var(--e-global-color-primary);
} input,
button,
textarea,
select {
font: inherit;
}
p {
color: var(--e-global-color-primary);
margin-top: 0;
margin-bottom: 20px;
overflow-wrap: break-word;
letter-spacing: .5px;
line-height: 1.75;
}
p:last-of-type {
margin-bottom: 0;
} .e-con-full,
.e-con > .e-con-inner,
.elementor-column-gap-default > .elementor-column > .elementor-element-populated,
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
padding: 0;
}  a {
color: var(--e-global-color-primary);
cursor: pointer;
transition: color 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
a:hover, a:focus, a:active {
transition: color .2s cubic-bezier(0.19, 1, 0.22, 1);
} h1,
h2,
h3,
h4,
h1.elementor-heading-title,
h2.elementor-heading-title,
h3.elementor-heading-title,
h4.elementor-heading-title {
color: var(--e-global-color-primary);
margin: 0;
font-family: var(--e-global-typography-primary-font-family), sans-serif;
line-height: 1.5;
}
h1 {
font-weight: 700;
font-size: clamp(32px, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 32px), 60px);
letter-spacing: .5px;
}
h2 {
font-weight: 700;
font-size: clamp(30px, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 30px), 40px);
letter-spacing: .5px;
}
h3 {
font-weight: 700;
font-size: clamp(24px, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 24px), 30px);
letter-spacing: .5px;
}
h4 {
font-weight: 500;
font-size: clamp(16px, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 16px), 20px);
letter-spacing: 1px;
text-transform: uppercase;
}   section.elementor-section-boxed,
section.elementor-section-full_width {
position: relative;
margin-bottom: clamp(6rem, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 6rem), 16rem) !important;
scroll-margin-top: clamp(6rem, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 6rem), 16rem);
}
section.elementor-section-boxed,
.e-con {
padding-left: clamp(2rem, calc(calc(60 / 1152) * calc(100vw - 76.8rem) + 2rem), 8rem);
padding-right: clamp(2rem, calc(calc(60 / 1152) * calc(100vw - 76.8rem) + 2rem), 8rem);
}
section.elementor-section-boxed section.elementor-section-boxed,
section.elementor-section-full_width section.elementor-section-full_width {
margin-bottom: 0 !important;
padding-left: 0;
padding-right: 0;
} .dialog-close-button {
text-decoration: none;
} #opgemerkt .gform_footer {
margin: calc(clamp(2rem, calc(calc(0 / 1152) * calc(100vw - 76.8rem) + 2rem), 2rem) * 2) 0 0 0;
padding: 0;
}
#opgemerkt .gform_wrapper .gfield_required,
#gform_wrapper_5 .gfield_required {
display: none;
}
#opgemerkt .gform_wrapper .gfield_validation_message,
#opgemerkt .gform_wrapper .validation_message,
#gform_wrapper_5 .gfield_validation_message,
#gform_wrapper_5 .validation_message {
background: transparent;
margin: 0;
padding: 0;
border: 0;
}
#opgemerkt .gform_wrapper .gform_validation_errors,
#gform_wrapper_5 .gform_validation_errors {
background-color: transparent;
margin: 0;
padding: 0;
font-weight: normal;
font-size: clamp(1.4rem, calc(calc(2 / 1152) * calc(100vw - 76.8rem) + 1.4rem), 1.6rem);
border: 0;
box-shadow: unset;
}
#opgemerkt .gform_wrapper .validation_error,
#gform_wrapper_5 .validation_error {
padding: 0;
text-align: left;
border: 0;
}
#opgemerkt .gform_wrapper.gravity-theme .gform_fields,
#gform_wrapper_5.gravity-theme .gform_fields {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
#opgemerkt .gform_fileupload_rules,
#gform_wrapper_5 .gform_fileupload_rules {
display: none;
}  header#header {
z-index: 997;
position: absolute;
display: block;
width: 100%;
padding: 0 clamp(2rem, calc(calc(60 / 1152) * calc(100vw - 76.8rem) + 2rem), 8rem);
}
header#header ul li a ~ ul.sub-menu {
display: none !important;
}
header#header ul li a > .sub-arrow {
display: none !important;
}   .burger {
--burger-bar-color: var(--e-global-color-primary);
z-index: 999;
cursor: pointer;
background-color: transparent;
position: relative;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
align-self: center;
width: 30px;
height: calc(30px - calc(1.5px * 4));
padding: 0;
border: 0;
border-radius: unset;
box-shadow: unset;
}
.burger-wrapper {
background: var(--e-global-color-primary);
pointer-events: none;
position: absolute;
width: 30px;
height: 2px;
margin: 0;
padding: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all .2s cubic-bezier(0.19, 1, 0.22, 1);
}
.burger-wrapper::after,
.burger-wrapper::before {
content: '';
background-color: var(--burger-bar-color);
position: absolute;
width: 30px;
height: 2px;
left: 0;
}
.burger-wrapper::after {
top: calc(30px / 4);
transition: top .2s .2s cubic-bezier(0.19, 1, 0.22, 1), transform .2s cubic-bezier(0.19, 1, 0.22, 1);
}
.burger-wrapper::before {
bottom: calc(30px / 4);
transition: bottom .2s .2s cubic-bezier(0.19, 1, 0.22, 1), transform .2s cubic-bezier(0.19, 1, 0.22, 1);
}
.responsive-menu-open .burger-wrapper {
background-color: transparent;
transition: background-color .2s cubic-bezier(0.19, 1, 0.22, 1) calc(.2s / 1.5);
}
.responsive-menu-open .burger-wrapper::before {
bottom: 0;
transform: rotate(45deg) scaleX(0.8);
transition: bottom .2s cubic-bezier(0.19, 1, 0.22, 1), transform .2s cubic-bezier(0.19, 1, 0.22, 1) .2s;
}
.responsive-menu-open .burger-wrapper::after {
top: 0;
transform: rotate(-45deg) scaleX(0.8);
transition: top .2s cubic-bezier(0.19, 1, 0.22, 1), transform .2s cubic-bezier(0.19, 1, 0.22, 1) .2s;
}
.elementor-widget-opgemerkt-burger .burger.burger-text .burger-wrapper,
.elementor-widget-opgemerkt-burger .burger.burger-bar-2 .burger-text-wrapper,
.elementor-widget-opgemerkt-burger .burger.burger-bar-3 .burger-text-wrapper {
display: none;
} footer {
padding-left: clamp(2rem, calc(calc(60 / 1152) * calc(100vw - 76.8rem) + 2rem), 8rem);
padding-right: clamp(2rem, calc(calc(60 / 1152) * calc(100vw - 76.8rem) + 2rem), 8rem);
padding-bottom: calc(clamp(6rem, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 6rem), 16rem) / 2);
}
footer section.elementor-section-boxed {
margin-bottom: clamp(2rem, calc(calc(60 / 1152) * calc(100vw - 76.8rem) + 2rem), 8rem) !important;
padding-left: 0 !important;
padding-right: 0 !important;
}   #opgemerkt select,
#opgemerkt textarea,
#opgemerkt input[type=tel],
#opgemerkt input[type=date],
#opgemerkt input[type=text],
#opgemerkt input[type=email],
#opgemerkt input[type=number],
#opgemerkt input[type=password],
#opgemerkt input[type=url],
#gform_wrapper_5 .gform_fields .gfield select,
#gform_wrapper_5 .gform_fields .gfield textarea,
#gform_wrapper_5 .gform_fields .gfield input[type=tel],
#gform_wrapper_5 .gform_fields .gfield input[type=date],
#gform_wrapper_5 .gform_fields .gfield input[type=text],
#gform_wrapper_5 .gform_fields .gfield input[type=email],
#gform_wrapper_5 .gform_fields .gfield input[type=number],
#gform_wrapper_5 .gform_fields .gfield input[type=password],
#gform_wrapper_5 .gform_fields .gfield input[type=url] {
color: var(--e-global-color-primary);
background-color: transparent;
position: relative;
font: inherit;
font-weight: 400;
letter-spacing: .5px;
line-height: 1.5;
text-align: left !important;
width: 100%;
height: 60px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
border: unset;
border-bottom: 1.5px solid var(--e-global-color-primary);
border-radius: 0;
box-shadow: unset;
transition: color 0.4s cubic-bezier(0.19, 1, 0.22, 1), border-color 0.4s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.4s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
#opgemerkt select:hover,
#opgemerkt select:focus,
#opgemerkt textarea:hover,
#opgemerkt textarea:focus,
#opgemerkt input[type=tel]:hover,
#opgemerkt input[type=tel]:focus,
#opgemerkt input[type=date]:hover,
#opgemerkt input[type=date]:focus,
#opgemerkt input[type=text]:hover,
#opgemerkt input[type=text]:focus,
#opgemerkt input[type=email]:hover,
#opgemerkt input[type=email]:focus,
#opgemerkt input[type=number]:hover,
#opgemerkt input[type=number]:focus,
#opgemerkt input[type=password]:hover,
#opgemerkt input[type=password]:focus,
#opgemerkt input[type=url]:hover,
#opgemerkt input[type=url]:focus,
#gform_wrapper_5 .gform_fields .gfield select:hover,
#gform_wrapper_5 .gform_fields .gfield select:focus,
#gform_wrapper_5 .gform_fields .gfield textarea:hover,
#gform_wrapper_5 .gform_fields .gfield textarea:focus,
#gform_wrapper_5 .gform_fields .gfield input[type=tel]:hover,
#gform_wrapper_5 .gform_fields .gfield input[type=tel]:focus,
#gform_wrapper_5 .gform_fields .gfield input[type=date]:hover,
#gform_wrapper_5 .gform_fields .gfield input[type=date]:focus,
#gform_wrapper_5 .gform_fields .gfield input[type=text]:hover,
#gform_wrapper_5 .gform_fields .gfield input[type=text]:focus,
#gform_wrapper_5 .gform_fields .gfield input[type=email]:hover,
#gform_wrapper_5 .gform_fields .gfield input[type=email]:focus,
#gform_wrapper_5 .gform_fields .gfield input[type=number]:hover,
#gform_wrapper_5 .gform_fields .gfield input[type=number]:focus,
#gform_wrapper_5 .gform_fields .gfield input[type=password]:hover,
#gform_wrapper_5 .gform_fields .gfield input[type=password]:focus,
#gform_wrapper_5 .gform_fields .gfield input[type=url]:hover,
#gform_wrapper_5 .gform_fields .gfield input[type=url]:focus {
outline: unset;
transition: color 0.2s cubic-bezier(0.19, 1, 0.22, 1), border-color .2s cubic-bezier(0.19, 1, 0.22, 1), background-color .2s cubic-bezier(0.19, 1, 0.22, 1), box-shadow .2s cubic-bezier(0.19, 1, 0.22, 1);
}
#opgemerkt select:focus-visible,
#opgemerkt textarea:focus-visible,
#opgemerkt input[type=tel]:focus-visible,
#opgemerkt input[type=date]:focus-visible,
#opgemerkt input[type=text]:focus-visible,
#opgemerkt input[type=email]:focus-visible,
#opgemerkt input[type=number]:focus-visible,
#opgemerkt input[type=password]:focus-visible,
#opgemerkt input[type=url]:focus-visible,
#gform_wrapper_5 .gform_fields .gfield select:focus-visible,
#gform_wrapper_5 .gform_fields .gfield textarea:focus-visible,
#gform_wrapper_5 .gform_fields .gfield input[type=tel]:focus-visible,
#gform_wrapper_5 .gform_fields .gfield input[type=date]:focus-visible,
#gform_wrapper_5 .gform_fields .gfield input[type=text]:focus-visible,
#gform_wrapper_5 .gform_fields .gfield input[type=email]:focus-visible,
#gform_wrapper_5 .gform_fields .gfield input[type=number]:focus-visible,
#gform_wrapper_5 .gform_fields .gfield input[type=password]:focus-visible,
#gform_wrapper_5 .gform_fields .gfield input[type=url]:focus-visible {
transition: color .2s cubic-bezier(0.19, 1, 0.22, 1), border-color .2s cubic-bezier(0.19, 1, 0.22, 1), background-color .2s cubic-bezier(0.19, 1, 0.22, 1), box-shadow .2s cubic-bezier(0.19, 1, 0.22, 1);
}
#opgemerkt select::-webkit-input-placeholder,
#opgemerkt select::placeholder,
#opgemerkt textarea::-webkit-input-placeholder,
#opgemerkt textarea::placeholder,
#opgemerkt input[type=tel]::-webkit-input-placeholder,
#opgemerkt input[type=tel]::placeholder,
#opgemerkt input[type=date]::-webkit-input-placeholder,
#opgemerkt input[type=date]::placeholder,
#opgemerkt input[type=text]::-webkit-input-placeholder,
#opgemerkt input[type=text]::placeholder,
#opgemerkt input[type=email]::-webkit-input-placeholder,
#opgemerkt input[type=email]::placeholder,
#opgemerkt input[type=number]::-webkit-input-placeholder,
#opgemerkt input[type=number]::placeholder,
#opgemerkt input[type=password]::-webkit-input-placeholder,
#opgemerkt input[type=password]::placeholder,
#opgemerkt input[type=url]::-webkit-input-placeholder,
#opgemerkt input[type=url]::placeholder,
#gform_wrapper_5 .gform_fields .gfield select::-webkit-input-placeholder,
#opgemerkt select::placeholder,
#gform_wrapper_5 .gform_fields .gfield textarea::-webkit-input-placeholder,
#gform_wrapper_5 .gform_fields .gfield textarea::placeholder,
#gform_wrapper_5 .gform_fields .gfield input[type=tel]::-webkit-input-placeholder,
#gform_wrapper_5 .gform_fields .gfield input[type=tel]::placeholder,
#gform_wrapper_5 .gform_fields .gfield input[type=date]::-webkit-input-placeholder,
#gform_wrapper_5 .gform_fields .gfield input[type=date]::placeholder,
#gform_wrapper_5 .gform_fields .gfield input[type=text]::-webkit-input-placeholder,
#gform_wrapper_5 .gform_fields .gfield input[type=text]::placeholder,
#gform_wrapper_5 .gform_fields .gfield input[type=email]::-webkit-input-placeholder,
#gform_wrapper_5 .gform_fields .gfield input[type=email]::placeholder,
#gform_wrapper_5 .gform_fields .gfield input[type=number]::-webkit-input-placeholder,
#gform_wrapper_5 .gform_fields .gfield input[type=number]::placeholder,
#gform_wrapper_5 .gform_fields .gfield input[type=password]::-webkit-input-placeholder,
#gform_wrapper_5 .gform_fields .gfield input[type=password]::placeholder,
#gform_wrapper_5 .gform_fields .gfield input[type=url]::-webkit-input-placeholder,
#gform_wrapper_5 .gform_fields .gfield input[type=url]::placeholder {
color: rgba(23, 27, 52, .5);
}
#opgemerkt select,
#gform_wrapper_5 .gform_fields .gfield select {
background-image: url(//www.autoclassics.be/wp-content/uploads/2024/09/AutoClassics-Website-Icons-Arrow-Down-Darkblue.svg);
background-repeat: no-repeat;
background-size: 40px;
background-position: right 10px center;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
padding-right: 60px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#opgemerkt textarea,
#gform_wrapper_5 .gform_fields .gfield textarea {
min-width: 100%;
max-width: 100%;
height: calc(clamp(6rem, calc(calc(20 / 1152) * calc(100vw - 76.8rem) + 6rem), 8rem) * 2);
padding-top: clamp(16px, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 16px), 14px);
padding-bottom: clamp(16px, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 16px), 14px);
padding-left: 0;
padding-right: 0;
line-height: 1.75;
}
@media only screen and (max-width: calc(768 * 1px)) {
#opgemerkt textarea,
#gform_wrapper_5 .gform_fields .gfield textarea {
height: calc((clamp(6rem, calc(calc(20 / 1152) * calc(100vw - 76.8rem) + 6rem), 8rem) * 4) / 1.2);
}
}
#opgemerkt input[type=checkbox],
#gform_wrapper_5 .gform_fields .gfield input[type=checkbox] {
z-index: 1;
cursor: pointer;
-webkit-appearance: initial;
-moz-appearance: initial;
appearance: initial;
position: relative;
display: inline-block;
min-width: clamp(20px, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 20px), 24px);
width: clamp(20px, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 20px), 24px);
min-height: clamp(20px, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 20px), 24px);
height: clamp(20px, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 20px), 24px);
margin: 0;
padding: 0;
border: 0;
vertical-align: middle;
box-shadow: none;
isolation: isolate;
}
#opgemerkt input[type=checkbox]::before,
#opgemerkt input[type=checkbox]::after,
#gform_wrapper_5 .gform_fields .gfield input[type=checkbox]::before,
#gform_wrapper_5 .gform_fields .gfield input[type=checkbox]::after {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), border-color .2s cubic-bezier(0.19, 1, 0.22, 1), background-color .2s cubic-bezier(0.19, 1, 0.22, 1), box-shadow .2s cubic-bezier(0.19, 1, 0.22, 1);
visibility: visible;
}
#opgemerkt input[type=checkbox]::before,
#gform_wrapper_5 .gform_fields .gfield input[type=checkbox]::before {
z-index: 2;
background-color: transparent;
border: 1.5px solid var(--e-global-color-primary);
border-radius: 0;
opacity: 1;
}
#opgemerkt input[type=checkbox]::after,
#gform_wrapper_5 .gform_fields .gfield input[type=checkbox]::after {
z-index: 3;
background-color: transparent;
background-image: url(//www.autoclassics.be/wp-content/uploads/2023/11/AutoClassics-Website-Icons-Check-Darkgreen.svg);
background-repeat: no-repeat;
background-size: 20px;
background-position: center;
transform-origin: center center;
border-radius: 0;
transform: translate(-50%, -50%) scale(0);
}
#opgemerkt input[type=checkbox]:hover::before,
#opgemerkt input[type=checkbox]:focus-visible::before,
#gform_wrapper_5 .gform_fields .gfield input[type=checkbox]:hover::before,
#gform_wrapper_5 .gform_fields .gfield input[type=checkbox]:focus-visible::before {
border-color: var(--e-global-color-primary);
}
#opgemerkt input[type=checkbox]:hover,
#opgemerkt input[type=checkbox]:focus,
#gform_wrapper_5 .gform_fields .gfield input[type=checkbox]:hover,
#gform_wrapper_5 .gform_fields .gfield input[type=checkbox]:focus {
outline: unset;
}
#opgemerkt input[type=checkbox]:active::before,
#gform_wrapper_5 .gform_fields .gfield input[type=checkbox]:active::before {
border-color: var(--e-global-color-primary);
}
#opgemerkt input[type=checkbox]:active::after,
#gform_wrapper_5 .gform_fields .gfield input[type=checkbox]:active::after {
transform: translate(-50%, -50%) scale(1);
}
#opgemerkt input[type=checkbox]:checked:active::before,
#gform_wrapper_5 .gform_fields .gfield input[type=checkbox]:checked:active::before {
border-color: var(--e-global-color-primary);
}
#opgemerkt input[type=checkbox]:checked:active::after,
#gform_wrapper_5 .gform_fields .gfield input[type=checkbox]:checked:active::after {
transform: translate(-50%, -50%) scale(1);
}
#opgemerkt input[type=checkbox]:checked::before,
#gform_wrapper_5 .gform_fields .gfield input[type=checkbox]:checked::before {
background-color: transparent;
border-color: var(--e-global-color-primary);
}
#opgemerkt input[type=checkbox]:checked::after,
#gform_wrapper_5 .gform_fields .gfield input[type=checkbox]:checked::after {
transform: translate(-50%, -50%) scale(1);
transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
#opgemerkt input[type=checkbox] ~ label,
#gform_wrapper_5 .gform_fields .gfield input[type=checkbox] ~ label {
margin: 0;
}
#opgemerkt input[type=radio],
#gform_wrapper_5 .gform_fields .gfield input[type=radio] {
z-index: 1;
cursor: pointer;
-webkit-appearance: initial;
-moz-appearance: initial;
appearance: initial;
position: relative;
display: inline-block;
min-width: clamp(20px, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 20px), 24px);
width: clamp(20px, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 20px), 24px);
min-height: clamp(20px, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 20px), 24px);
height: clamp(20px, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 20px), 24px);
margin: 0;
padding: 0;
border: 0;
vertical-align: middle;
box-shadow: none;
isolation: isolate;
}
#opgemerkt input[type=radio]::before,
#opgemerkt input[type=radio]::after,
#gform_wrapper_5 .gform_fields .gfield input[type=radio]::before,
#gform_wrapper_5 .gform_fields .gfield input[type=radio]::after {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
border-radius: 50%;
transform: translate(-50%, -50%);
transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), border-color .2s cubic-bezier(0.19, 1, 0.22, 1), background-color .2s cubic-bezier(0.19, 1, 0.22, 1), box-shadow .2s cubic-bezier(0.19, 1, 0.22, 1);
visibility: visible;
}
#opgemerkt input[type=radio]::before,
#gform_wrapper_5 .gform_fields .gfield input[type=radio]::before {
z-index: 2;
background-color: transparent;
border: 1.5px solid var(--e-global-color-primary);
border-radius: 50px;
opacity: 1;
}
#opgemerkt input[type=radio]::after,
#gform_wrapper_5 .gform_fields .gfield input[type=radio]::after {
z-index: 3;
background-color: var(--e-global-color-primary);
width: clamp(12px, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 12px), 14px);
height: clamp(12px, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 12px), 14px);
border-radius: clamp(6px, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 6px), 7px);
transform: translate(-50%, -50%) scale(0);
transform-origin: center center;
}
#opgemerkt input[type=radio]:hover::before,
#opgemerkt input[type=radio]:focus-visible::before,
#gform_wrapper_5 .gform_fields .gfield input[type=radio]:hover::before,
#gform_wrapper_5 .gform_fields .gfield input[type=radio]:focus-visible::before {
border-color: var(--e-global-color-primary);
}
#opgemerkt input[type=radio]:hover,
#opgemerkt input[type=radio]:focus,
#gform_wrapper_5 .gform_fields .gfield input[type=radio]:hover,
#gform_wrapper_5 .gform_fields .gfield input[type=radio]:focus {
outline: unset;
}
#opgemerkt input[type=radio]:active::after,
#gform_wrapper_5 .gform_fields .gfield input[type=radio]:active::after {
transform: translate(-50%, -50%) scale(1);
}
#opgemerkt input[type=radio]:checked::after,
#gform_wrapper_5 .gform_fields .gfield input[type=radio]:checked::after {
transform: translate(-50%, -50%) scale(1);
transition: transform .2s cubic-bezier(0.19, 1, 0.22, 1);
}
#opgemerkt input[type=radio] ~ label,
#gform_wrapper_5 .gform_fields .gfield input[type=radio] ~ label {
margin: 0;
}
#opgemerkt input[type=file] {
font-size: 1.4rem;
text-transform: uppercase;
}
#opgemerkt input[type=file]::-webkit-file-upload-button {
color: var(--color-secondary);
background-color: var(--color-text);
margin-right: 36px;
padding: 1.2rem 2.4rem;
font-size: 1.6rem;
font-weight: 700;
text-transform: uppercase;
border: unset;
border-radius: unset;
box-shadow: unset;
-webkit-transition: background-color 0.4s cubic-bezier(0.19, 1, 0.22, 1);
transition: background-color 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
#opgemerkt input[type=file]::-webkit-file-upload-button:hover, #opgemerkt input[type=file]::-webkit-file-upload-button:focus-visible {
background-color: var(--color-primary);
-webkit-transition: background-color .2s cubic-bezier(0.19, 1, 0.22, 1);
transition: background-color .2s cubic-bezier(0.19, 1, 0.22, 1);
}
#opgemerkt .opgemerkt-select {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
#opgemerkt .opgemerkt-select label {
width: 50%;
}
#opgemerkt .opgemerkt-select div {
width: calc(50% - 12px);
}
#opgemerkt .opgemerkt-file-input {
padding: 24px 0;
}
@media only screen and (max-width: 640px) {
#opgemerkt .opgemerkt-select label {
width: 100%;
}
#opgemerkt .opgemerkt-select div {
width: 100%;
}
} #opgemerkt .gfield_error textarea,
#opgemerkt .gfield_error input[type=tel],
#opgemerkt .gfield_error input[type=date],
#opgemerkt .gfield_error input[type=text],
#opgemerkt .gfield_error input[type=email],
#opgemerkt .gfield_error input[type=number] {
border-color: var(--color-error);
}
#opgemerkt .gfield_error textarea::-webkit-input-placeholder, #opgemerkt .gfield_error textarea::placeholder,
#opgemerkt .gfield_error input[type=tel]::-webkit-input-placeholder,
#opgemerkt .gfield_error input[type=tel]::placeholder,
#opgemerkt .gfield_error input[type=date]::-webkit-input-placeholder,
#opgemerkt .gfield_error input[type=date]::placeholder,
#opgemerkt .gfield_error input[type=text]::-webkit-input-placeholder,
#opgemerkt .gfield_error input[type=text]::placeholder,
#opgemerkt .gfield_error input[type=email]::-webkit-input-placeholder,
#opgemerkt .gfield_error input[type=email]::placeholder,
#opgemerkt .gfield_error input[type=number]::-webkit-input-placeholder,
#opgemerkt .gfield_error input[type=number]::placeholder {
color: var(--color-error);
}   .u-gutter-top-0 {
margin-top: 0 !important;
}
.u-gutter-top-1 {
margin-top: clamp(6rem, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 6rem), 16rem) !important;
}
.u-gutter-top-1-5 {
margin-top: calc(clamp(6rem, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 6rem), 16rem) / 1.5) !important;
}
.u-gutter-top-2 {
margin-top: calc(clamp(6rem, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 6rem), 16rem) / 2) !important;
}
.u-gutter-top-3 {
margin-top: calc(clamp(6rem, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 6rem), 16rem) / 3) !important;
} .u-gutter-bottom-0 {
margin-bottom: 0 !important;
}
.u-gutter-bottom-1 {
margin-bottom: clamp(6rem, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 6rem), 16rem) !important;
}
.u-gutter-bottom-1-5 {
margin-bottom: calc(clamp(6rem, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 6rem), 16rem) / 1.5) !important;
}
.u-gutter-bottom-2 {
margin-bottom: calc(clamp(6rem, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 6rem), 16rem) / 2) !important;
}
.u-gutter-bottom-3 {
margin-bottom: calc(clamp(6rem, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 6rem), 16rem) / 3) !important;
}  .u-baseline-top-12 {
margin-top: calc(clamp(2rem, calc(calc(0 / 1152) * calc(100vw - 76.8rem) + 2rem), 2rem) * 0.75) !important;
}
.u-baseline-top-16 {
margin-top: clamp(2rem, calc(calc(0 / 1152) * calc(100vw - 76.8rem) + 2rem), 2rem) !important;
}
.u-baseline-top-24 {
margin-top: calc(clamp(2rem, calc(calc(0 / 1152) * calc(100vw - 76.8rem) + 2rem), 2rem) * 1.5) !important;
}
.u-baseline-top-30 {
margin-top: calc(clamp(2rem, calc(calc(0 / 1152) * calc(100vw - 76.8rem) + 2rem), 2rem) * 1.875) !important;
}
.u-baseline-top-36 {
margin-top: calc(clamp(2rem, calc(calc(0 / 1152) * calc(100vw - 76.8rem) + 2rem), 2rem) * 2.25) !important;
}
.u-baseline-top-42 {
margin-top: calc(clamp(2rem, calc(calc(0 / 1152) * calc(100vw - 76.8rem) + 2rem), 2rem) * 2.625) !important;
}
.u-baseline-top-54 {
margin-top: calc(clamp(2rem, calc(calc(0 / 1152) * calc(100vw - 76.8rem) + 2rem), 2rem) * 3.375) !important;
}
.u-baseline-top-60 {
margin-top: calc(clamp(2rem, calc(calc(0 / 1152) * calc(100vw - 76.8rem) + 2rem), 2rem) * 3.75) !important;
}
.u-baseline-top-72 {
margin-top: calc(clamp(2rem, calc(calc(0 / 1152) * calc(100vw - 76.8rem) + 2rem), 2rem) * 4.5);
} .u-baseline-bottom-12 {
margin-bottom: calc(clamp(2rem, calc(calc(0 / 1152) * calc(100vw - 76.8rem) + 2rem), 2rem) * 0.75) !important;
}
.u-baseline-bottom-16 {
margin-bottom: clamp(2rem, calc(calc(0 / 1152) * calc(100vw - 76.8rem) + 2rem), 2rem) !important;
}
.u-baseline-bottom-24 {
margin-bottom: calc(clamp(2rem, calc(calc(0 / 1152) * calc(100vw - 76.8rem) + 2rem), 2rem) * 1.5) !important;
}
.u-baseline-bottom-30 {
margin-bottom: calc(clamp(2rem, calc(calc(0 / 1152) * calc(100vw - 76.8rem) + 2rem), 2rem) * 1.875) !important;
}
.u-baseline-bottom-36 {
margin-bottom: calc(clamp(2rem, calc(calc(0 / 1152) * calc(100vw - 76.8rem) + 2rem), 2rem) * 2.25) !important;
}
.u-baseline-bottom-42 {
margin-bottom: calc(clamp(2rem, calc(calc(0 / 1152) * calc(100vw - 76.8rem) + 2rem), 2rem) * 2.625) !important;
}
.u-baseline-bottom-54 {
margin-bottom: calc(clamp(2rem, calc(calc(0 / 1152) * calc(100vw - 76.8rem) + 2rem), 2rem) * 3.375) !important;
}
.u-baseline-bottom-60 {
margin-bottom: calc(clamp(2rem, calc(calc(0 / 1152) * calc(100vw - 76.8rem) + 2rem), 2rem) * 3.75) !important;
}
.u-baseline-bottom-72 {
margin-bottom: calc(clamp(2rem, calc(calc(0 / 1152) * calc(100vw - 76.8rem) + 2rem), 2rem) * 4.5) !important;
}  section.error-404 {
color: var(--404-page-text);
background-color: var(--404-page-bg);
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
width: 100%;
min-height: calc(100vh - var(--header-height, 0) - var(--footer-height, 0));
padding: clamp(6rem, calc(calc(100 / 1152) * calc(100vw - 76.8rem) + 6rem), 16rem) 0;
}
section.error-404 .container {
position: relative;
display: block;
width: 100%;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
padding: 0 clamp(2rem, calc(calc(60 / 1152) * calc(100vw - 76.8rem) + 2rem), 8rem);
}
section.error-404 * {
text-align: center;
}
section.error-404 p {
max-width: 60ch;
margin-left: auto;
margin-right: auto;
margin-top: calc(clamp(2rem, calc(calc(0 / 1152) * calc(100vw - 76.8rem) + 2rem), 2rem) * 1.5);
margin-bottom: 0;
}