:root { --primary-color: #fff;
--secondary-color: ;
--light-grey:  ;
--black: ;
--white: ; --heading-size-1: ;
--heading-size-2: ;
--heading-size-3: ;
--heading-size-4: ;
--heading-size-5: ;
--heading-size-6: ; --main-font-family: 'Roboto', sans-serif;;
--secondary-font-family: 'Roboto', sans-serif;; --shadow-circle: 0px 28px 69px -18px rgba(0,0,0,0.75);
--shadow-box: 0px 0px 42px -12px rgba(35,35,41,0.42);
} .button-holder{
position: relative;
}
.button-span-right span {
margin-left: 10px;
}
.button-span-left span {
margin-right: 10px;
}
.section-divider{
margin-top: 4vw;
padding-bottom: 3vw;
}
img{
max-width: 100%;
object-fit: cover;
}
a{
text-decoration: none;
color: var(--secondary-color);
}
a:hover{
text-decoration: none;
color: var(--secondary-color);
}
.text-color_light-grey{
color: var(--light-grey);
}
.text-color_white{
color: var(--white);
}
.button{
padding: 10px 30px;
border-radius: 5px;
transition: all .2s ease-in-out,color .2s ease-in-out;
}
.button_transparent-dark{
background: transparent;
color: var(--white);
border: 1px solid;
}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; } html,
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
left: 0;
top: 0;
font-size: 100%;
scroll-behavior: smooth;
} .container {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.row {
position: relative;
width: 100%;
}
.row [class^="col"] {
float: left;
margin: 0.5rem 2%;
min-height: 0.125rem;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
width: 96%;
}
.col-1-sm {
width: 4.33%;
}
.col-2-sm {
width: 12.66%;
}
.col-3-sm {
width: 21%;
}
.col-4-sm {
width: 29.33%;
}
.col-5-sm {
width: 37.66%;
}
.col-6-sm {
width: 46%;
}
.col-7-sm {
width: 54.33%;
}
.col-8-sm {
width: 62.66%;
}
.col-9-sm {
width: 71%;
}
.col-10-sm {
width: 79.33%;
}
.col-11-sm {
width: 87.66%;
}
.col-12-sm {
width: 96%;
}
.row::after {
content: "";
display: table;
clear: both;
}
.hidden-sm {
display: none;
}
@media only screen and (min-width: 33.75em) { .container {
width: 80%;
}
.container-small{
width: 80%;
}
}
@media only screen and (min-width: 45em) { .col-1 {
width: 4.33%;
}
.col-2 {
width: 12.66%;
}
.col-3 {
width: 21%;
}
.col-4 {
width: 29.33%;
}
.col-5 {
width: 37.66%;
}
.col-6 {
width: 46%;
}
.col-7 {
width: 54.33%;
}
.col-8 {
width: 62.66%;
}
.col-9 {
width: 71%;
}
.col-10 {
width: 79.33%;
}
.col-11 {
width: 87.66%;
}
.col-12 {
width: 96%;
}
.hidden-sm {
display: block;
}
}
@media only screen and (min-width: 60em) { .container {
width: 75%;
max-width: 75rem;
}
.container-small {
width: 75%;
max-width: 65rem;
}
}  body{
font-family: var(--main-font-family);
font-weight: regular;
}
html{
font-family: 'Roboto' !important;
} h1, h2, h3, h4, h5, h6{
font-family: var(--main-font-family);
font-weight: bold;
color: #6A6F6B;
}
p {
font-size: 15px;
line-height: 1.8;
color: #6A6F6B;
}
li{
color: #6A6F6B;
}
.font-light {
font-weight: 300;
}
.font-regular {
font-weight: 400;
}
.font-heavy {
font-weight: 700;
} .left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.justify {
text-align: justify;
}  html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html{
font-size: calc( 1em + (1.25 - 1) * (100vw - 20em) / (90 - 20) );
}
.circle-hero {
padding: 90px 30px;
background: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
border: 3px solid #6A6F6B;
font-size: 1.7em;
margin: auto;
margin-top: 160px;
}
section.footer-section {
background: #6A6F6B;
padding: 20px;
text-align: center;
color: #fff;
margin-top: 70px;
}
section.footer-section p {
color: #fff;
font-family: 'Ubuntu';
}
.day{
width: 130px !important;
display: inline-block !important;
}
.circle-hero-nieuw {
width: 250px;
height: 250px;
display: flex;
align-items: center;
justify-content: center;
background: #CF3333;
border-radius: 50%;
margin-top: 80px;
color: #fff;
margin: auto;
margin-top: 170px;
}
.circle-hero-nieuw p {
color: #FFDC01;
transform: rotate(
-15deg
);
font-size: 1.5em;
text-align: center;
font-weight: 600;
line-height: 1.3em;
}
.clip-path-hero {
width: 1500px;
position: absolute;
right: -1080px;
background: #FFDC01;
height: 1500px;
z-index: 1;
border-radius: 50%;
top: -500px;
}
.hero-main {
overflow: hidden;
}
.zindexten{
z-index: 10;
}
@media screen and (min-width:1920px){
.clip-path-hero {
width: 1500px;
position: absolute;
right: -900px;
background: #FFDC01;
height: 1500px;
z-index: 1;
border-radius: 50%;
top: -500px;
}
}
@media screen and (max-width:767px){
.circle-hero-nieuw {
width: 180px;
height: 180px;
display: flex;
align-items: center;
justify-content: center;
background: #CF3333;
border-radius: 50%;
margin-top: 30px;
color: #fff;
}
.cta-holder {
text-align: left !important;
}
.clip-path-hero {
width: 140%;
position: absolute;
right: -20%;
background: #FFDC01;
height: 1000px;
z-index: 1;
border-radius: 0;
top: -140px;
opacity: .7;
}
}
.logo:before {
content: '';
position: absolute;
width: 100%;
top: 0;
bottom: 0;
left: -50%;
background: #7C7B77;
z-index: -1;
}
.logo:after {
content: '';
position: absolute;
width: 100%;
top: 0;
bottom: 0;
right: -50%;
background: #7C7B77;
z-index: -1;
}
bold, strong{
font-weight: bold !important;
}    @media screen and (min-width:1921px){
}
@media screen and (max-width:1920px){
h1.elementor-heading-title.elementor-size-xl {
font-size: 2.5em !important;
}
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1380px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:767px){
.circle-hero {
padding: 80px 30px;
background: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
border: 3px solid #6A6F6B;
font-size: 1.7em;
}
}@media screen and (min-width:1921px){
}
@media screen and (max-width:1920px){
h1.elementor-heading-title.elementor-size-xl {
font-size: 2.5em !important;
}
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1380px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:767px){
.circle-hero {
padding: 80px 30px;
background: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
border: 3px solid #6A6F6B;
font-size: 1.7em;
}
}