.elementor-kit-7{--e-global-color-primary:#FFA62D;--e-global-color-secondary:#2D86FF;--e-global-color-text:#24221E;--e-global-color-accent:#966726;--e-global-color-a528826:#F98F00;--e-global-color-add1b00:#003A21;--e-global-color-adec468:#9D7A52;--e-global-color-04e54ef:#F5F1E8;--e-global-color-2dc97dc:#E4C9A8;--e-global-color-7744165:#6A8D73;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-a528826 );}.elementor-kit-7 h2{color:var( --e-global-color-text );font-family:"Recoleta", Sans-serif;font-size:25px;font-weight:900;}.elementor-kit-7 h3{color:var( --e-global-color-text );font-family:"Recoleta", Sans-serif;font-size:18px;font-weight:900;}.elementor-kit-7 h4{color:var( --e-global-color-text );font-family:"Recoleta", Sans-serif;font-size:15px;font-weight:900;}.elementor-kit-7 h5{color:var( --e-global-color-text );font-family:"Recoleta", Sans-serif;}.elementor-kit-7 h6{color:var( --e-global-color-text );font-family:"Recoleta", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.hover-block {
  position: relative;
  overflow: hidden;
}

.iconlist-knop {
  transform: translateY(20px);
  opacity: 0;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.hover-block:hover .iconlist-knop {
  transform: translateY(0);
  opacity: 1;
}


/* Stijlen voor het eerste blok */
.tab-sectie-1 {
    display: none;
}
#sectie-1 {
    display: block; /* Toont sectie-1 standaard */
}

/* Stijlen voor het tweede blok */
.tab-sectie-2 {
    display: none;
}
#sectie-6 {
    display: block; /* Toont sectie-6 standaard */
}

/* Stijlen voor het derde blok */
.tab-sectie-3 {
    display: none;
}
#sectie-9 {
    display: block; /* Toont sectie-9 standaard */
}

#offerte-knop {
  padding-right: 0; /* Geen padding aan de rechterkant bij de standaardstaat */
  transition: padding-right 0.5s ease; /* Vertraging voor de padding bij hover */
}

#offerte-knop .elementor-button-icon {
  opacity: 0; /* Begin als onzichtbaar */
  transform: translateY(20px); /* Beginpositie voor de slide-up animatie */
  transition: opacity 0.5s ease, transform 0.5s ease; /* Vertraging voor animaties */
}

#offerte-knop:hover {
  padding-right: 20px; /* Padding aan de rechterkant bij hover (pas deze waarde aan naar wens) */
}

#offerte-knop:hover .elementor-button-icon {
  opacity: 1; /* Maak het icoon zichtbaar */
  transform: translateY(0); /* Beweeg het icoon naar de uiteindelijke positie */
}

#achtergrond-loop {
  position: relative;
  overflow: hidden; /* houdt zoom binnen de container */
}

#achtergrond-loop::before {
  content: "";
  position: absolute;
  inset: 0; /* vult de container */
  background-image: inherit; /* neemt de achtergrond over */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.4s ease-in-out;
  transform: scale(1);
  z-index: 0;
}

/* Hover effect */
#achtergrond-loop:hover::before {
  transform: scale(1.1);
}

#stickyheader {
  position: sticky; /* of fixed, afhankelijk van je setup */
  top: 0;
  background: white;
  transition: box-shadow 0.3s ease-in-out; /* zorgt voor smooth fade */
  z-index: 1000;
}

/* Schaduwklasse die we via JS toevoegen/verwijderen */
#stickyheader.shadow {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.grecaptcha-badge { 
    visibility: hidden;
}


.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show {
    font-size: 0; /* tekst verbergen */
    width: 40px;
    height: 40px;
    padding: 0;
}

.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'><path d='M7 14l5-5 5 5z'/></svg>") no-repeat center;
    background-size: contain;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Recoleta';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://lijbers-ogs.nl/wp-content/uploads/2025/08/Recoleta-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Recoleta';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://lijbers-ogs.nl/wp-content/uploads/2025/08/Recoleta-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Recoleta';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://lijbers-ogs.nl/wp-content/uploads/2025/08/Recoleta-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */