.elementor-kit-27{--e-global-color-primary:#141414;--e-global-color-secondary:#002C75;--e-global-color-text:#434343;--e-global-color-accent:#002C75;--e-global-color-groen:#5E981F;--e-global-color-groenhover:#4C7C19;--e-global-color-oranje:#EA5A0D;--e-global-color-grijs50:#F7F7F7;--e-global-color-grijs100:#EFEFEF;--e-global-color-blauwdiep:#001E52;--e-global-color-blauwlicht:#0D64AB;--e-global-typography-primary-font-family:"Clash Grotesk";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.12em;--e-global-typography-primary-letter-spacing:0em;--e-global-typography-secondary-font-family:"Clash Grotesk";--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.25em;--e-global-typography-text-font-family:"Geist";--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Clash Grotesk";--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.4em;--e-global-typography-03823d9-font-family:"Futura";--e-global-typography-03823d9-font-size:clamp(1.5rem, 0.4615rem + 4.6154vw, 3.75rem);--e-global-typography-03823d9-font-weight:700;--e-global-typography-9acd1f9-font-family:"Futura";--e-global-typography-9acd1f9-font-size:clamp(1.25rem, 0.6731rem + 2.5641vw, 2.5rem);--e-global-typography-9acd1f9-font-weight:700;--e-global-typography-5402d94-font-family:"Futura";--e-global-typography-5402d94-font-size:clamp(1.125rem, 1.0673rem + 0.2564vw, 1.25rem);--e-global-typography-5402d94-font-weight:700;--e-global-typography-2170821-font-family:"Poppins";--e-global-typography-2170821-font-size:18px;--e-global-typography-2170821-font-weight:400;--e-global-typography-fd410d0-font-family:"Futura";--e-global-typography-fd410d0-font-size:16px;--e-global-typography-fd410d0-font-weight:500;--e-global-typography-ebea515-font-family:"Geist";--e-global-typography-ebea515-font-size:14px;--e-global-typography-ebea515-line-height:1.25em;color:#434343;font-family:"Geist", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;}.elementor-kit-27 button,.elementor-kit-27 input[type="button"],.elementor-kit-27 input[type="submit"],.elementor-kit-27 .elementor-button{background-color:#002C75;font-family:"Clash Grotesk", Sans-serif;font-size:16px;font-weight:600;color:#FFFFFF;border-radius:999px 999px 999px 999px;padding:14px 22px 14px 22px;}.elementor-kit-27 button:hover,.elementor-kit-27 button:focus,.elementor-kit-27 input[type="button"]:hover,.elementor-kit-27 input[type="button"]:focus,.elementor-kit-27 input[type="submit"]:hover,.elementor-kit-27 input[type="submit"]:focus,.elementor-kit-27 .elementor-button:hover,.elementor-kit-27 .elementor-button:focus{background-color:#001E52;color:#FFFFFF;}.elementor-kit-27 e-page-transition{background-color:#FFBC7D;}.elementor-kit-27 a{color:var( --e-global-color-secondary );}.elementor-kit-27 h1{color:#141414;font-family:"Clash Grotesk", Sans-serif;font-size:56px;font-weight:600;line-height:1.2em;letter-spacing:0em;}.elementor-kit-27 h2{color:#141414;font-family:"Clash Grotesk", Sans-serif;font-size:44px;font-weight:600;line-height:1.2em;letter-spacing:0em;}.elementor-kit-27 h3{color:#141414;font-family:"Clash Grotesk", Sans-serif;font-size:32px;font-weight:600;line-height:1.2em;letter-spacing:0em;}.elementor-kit-27 h4{color:#141414;font-family:"Clash Grotesk", Sans-serif;font-size:24px;font-weight:600;line-height:1.3em;letter-spacing:0em;}.elementor-kit-27 h5{color:#141414;font-family:"Clash Grotesk", Sans-serif;font-size:20px;font-weight:600;line-height:1.25em;letter-spacing:0em;}.elementor-kit-27 h6{color:#141414;font-family:"Clash Grotesk", Sans-serif;font-size:16px;font-weight:600;line-height:1.4em;letter-spacing:0em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1296px;}.e-con{--container-max-width:1296px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:1200px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:1080px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:80%;}.e-con{--container-max-width:80%;}}@media(max-width:880px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:80%;}.e-con{--container-max-width:80%;}}@media(max-width:720px){.elementor-kit-27 h1{font-size:34px;}.elementor-kit-27 h2{font-size:30px;}.elementor-kit-27 h3{font-size:24px;}.elementor-kit-27 h4{font-size:20px;}.elementor-kit-27 h5{font-size:18px;}.elementor-kit-27 h6{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;}}/* Start custom CSS *//* =============================================================================
   Maatwerk-CSS voor een DYsign-klantsite in Elementor.
   Hoort in Site Settings → Custom CSS (de global kit), niet in een plugin of child theme,
   zodat het team het op één plek vindt.

   Dit bestand doet twee dingen:
   1. Het repareert vier eigenaardigheden van Elementor die je anders sectie per sectie tegenkomt.
   2. Het levert de handvol dingen die Elementor niet kan uitdrukken: beeldverhoudingen,
      bijschriften over beeld, een vaste header en een mobiele actiebalk.

   Vervang de kleurwaarden onderaan door die van de klant.
   ============================================================================= */

/* --- 1. reparaties ---------------------------------------------------------- */

/* Elke <p> in een tekstwidget houdt zijn ondermarge van 14px. Dat duwt tekst in tags
   en balken naar boven en zet overal losse gaten waar je ze niet vraagt. */
.elementor-widget-text-editor p:last-of-type{margin-bottom:0}

/* De veilige zone blijft op elk scherm gelijk; de buitenpadding van de sectie regelt de marge.
   Zonder dit versmalt Elementor de container naar 90% en 80% op tussenmaten. */
.e-con{--container-max-width:1296px}

/* De header vastzetten hoort op de theme-wrapper. Op de container erin is sticky begrensd
   door zijn eigen hoogte, en Elementor Pro's sticky-functie kloont de container in de DOM. */
header.elementor-location-header{position:sticky;top:0;z-index:100}

/* Een container die als los element in een rij staat mag niet uitrekken. */
.gv-auto{width:auto!important;flex:0 0 auto}

/* --- 2. beeldverhoudingen --------------------------------------------------- */
/* Zet de klasse op de container róndom het beeld, niet op het image-widget:
   Elementor bewaart maar één klasse per container en widget-klassen sneuvelen.
   !important is nodig omdat de widget-CSS van Elementor ná de kit-CSS laadt. */
.gv-imgwrap img{width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;display:block}
.gv-caseimg img{width:100%!important;aspect-ratio:4/3!important;object-fit:cover!important;display:block}
.gv-portret img{width:100%!important;aspect-ratio:4/5!important;object-fit:cover!important;display:block}
/* Grafieken, rapporten en tomogrammen nooit bijsnijden. */
.gv-contain img{width:100%!important;aspect-ratio:4/3!important;object-fit:contain!important;padding:12px;display:block}

/* --- 3. overlays op beeld --------------------------------------------------- */
.gv-imgwrap,.gv-caseimg,.gv-figure{position:relative}
.gv-figcap{position:absolute;left:12px;right:12px;bottom:12px;width:auto!important}
.gv-tag{position:absolute;top:16px;left:16px;width:auto!important;z-index:2}

/* --- 4. kaarten ------------------------------------------------------------- */
.gv-card{transition:transform .18s ease,box-shadow .18s ease}
.gv-card:hover{transform:translateY(-2px)}
.gv-card img{transition:transform .4s ease}
.gv-card:hover .gv-imgwrap img{transform:scale(1.03)}

/* --- 5. accordeon ----------------------------------------------------------- */
/* Zet géén border-instelling op het accordeon-widget zelf: die komt rondom te staan. */
.elementor-accordion .elementor-accordion-item{border:0!important;border-bottom:1px solid var(--gv-lijn)!important}
.elementor-accordion .elementor-accordion-item:last-child{border-bottom:0!important}
.elementor-accordion .elementor-tab-content{border-top:0!important}
.elementor-accordion .elementor-tab-content a{color:var(--gv-accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* --- 6. formulieren --------------------------------------------------------- */
/* Minimaal 48px hoog, met een zichtbare focusring in plaats van alleen een kleurtje. */
.elementor-field-textual{min-height:48px!important;padding-top:12px!important;padding-bottom:12px!important}
textarea.elementor-field-textual{min-height:96px!important}
.elementor-field-textual:focus{outline:none;box-shadow:0 0 0 3px var(--gv-focus)}

/* --- 7. ankers onder de vaste header --------------------------------------- */
[id]{scroll-margin-top:130px}

/* --- 8. lopende band (certificaten, USP's) ---------------------------------- */
/* Elementor heeft geen marquee-widget. Zet twee identieke lijsten naast elkaar in een
   container met deze klasse; de band schuift de helft op en herhaalt naadloos. */
.gv-strip{width:max-content!important;flex-wrap:nowrap!important;animation:gv-schuif 42s linear infinite}
.gv-strip .elementor-widget{width:auto!important;--container-widget-width:auto}
.gv-strip .elementor-icon-list-items{display:flex;flex-wrap:nowrap;gap:0}
.gv-strip .elementor-icon-list-item{margin:0!important;padding:0 28px!important;white-space:nowrap}
@keyframes gv-schuif{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.gv-strip{animation:none}}

/* --- 9. mobiel -------------------------------------------------------------- */
@media(max-width:767px){
  /* tikdoelen minstens 44px, ook tekstlinks in lijsten */
  .gv-flist a{display:inline-flex;align-items:center;min-height:44px}
  .gv-flist{gap:0}

  /* een pilvormige tag met tekst over twee regels wordt een stadion; maak er een label van */
  .gv-badge{border-radius:16px!important;padding:10px 14px!important;gap:10px!important;flex-wrap:nowrap!important}
  .gv-badge img{width:24px!important;height:24px!important}
  .gv-badge p{font-size:13px!important;line-height:1.35!important}
  .gv-badge .elementor-widget{width:auto!important;--container-widget-width:auto}
  .gv-badge .elementor-widget-text-editor{flex:1 1 auto!important;min-width:0}

  /* een schuine verloop-overlay werkt niet op een smal scherm */
  .gv-hero-overlay::before{background-image:none!important;background-color:var(--gv-overlay)!important;opacity:1!important}

  body{padding-bottom:76px}
  [id]{scroll-margin-top:90px}
}

/* --- 10. mobiele actiebalk -------------------------------------------------- */
.gv-sticky{display:none}
@media(max-width:767px){
  .gv-sticky{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:99;background:rgba(255,255,255,.97);border-top:1px solid var(--gv-lijn);padding:12px 16px}
  .gv-sticky .elementor-widget-button,.gv-sticky .elementor-button{width:100%}
}

/* --- klantkleuren ----------------------------------------------------------- */
:root{
  --gv-lijn:#E6E6E6;
  --gv-accent:#002C75;
  --gv-groen:#5E981F;
  --gv-oranje:#EA5A0D;
  --gv-focus:rgba(0,44,117,.18);
  --gv-overlay:rgba(0,44,117,.88);
}

/* --- 11. Klimaprof: eigen vormen uit het Figma-ontwerp ---------------------- */

/* Beeldverhoudingen uit het ontwerp. */
.kp-hero-img img{width:100%!important;aspect-ratio:1424/538!important;object-fit:cover!important;border-radius:24px;display:block}
.kp-vierkant img{width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;display:block}
.kp-staand img{width:100%!important;aspect-ratio:3/4!important;object-fit:cover!important;display:block}
.kp-breed img{width:100%!important;aspect-ratio:3/2!important;object-fit:cover!important;display:block}

/* De pil boven de titel: één regel, nooit een stadion op mobiel. */
.kp-pil{width:auto!important;flex:0 0 auto}
@media(max-width:767px){.kp-pil p{font-size:13px!important;line-height:1.35!important}}

/* Genummerde processtappen: het cijfer in een cirkel, uitgelijnd met de eerste tekstregel. */
.kp-stap-nr{width:40px!important;height:40px;flex:0 0 40px;border-radius:100px;display:flex;align-items:center;justify-content:center}

/* De oranje topbalk verdwijnt op mobiel: te veel informatie voor de ruimte. */
@media(max-width:767px){.kp-topbar{display:none!important}}

/* Kaarten in het ontwerp hebben geen schaduw maar een lichte rand. */
.kp-vlak{box-shadow:none!important}

/* Sterren in de reviews staan strak naast elkaar. */
.kp-sterren .elementor-star-rating{letter-spacing:2px}

/* Het accordeon in het ontwerp is een reeks losse witte kaarten, geen lijst met lijnen. */
.kp-faq .elementor-accordion .elementor-accordion-item{border:1px solid var(--gv-lijn)!important;border-radius:16px!important;margin-bottom:12px;background:#fff;overflow:hidden}
.kp-faq .elementor-accordion .elementor-accordion-item:last-child{border-bottom:1px solid var(--gv-lijn)!important}
.kp-faq .elementor-accordion .elementor-tab-title{padding-left:24px!important}
.kp-faq .elementor-accordion .elementor-tab-content{padding-left:24px!important}

/* --- 12. Klimaprof: header, banden en kaarten ------------------------------ */

/* De oranje topbalk en de navigatie. */
.kp-topbar .elementor-widget-text-editor a{color:#fff;text-decoration:none}
.kp-topbar .elementor-widget-text-editor a:hover{text-decoration:underline}
.kp-avatars .elementor-widget:not(:first-child){margin-left:-10px}
.kp-avatar img{border-radius:100px;border:2px solid #fff;width:28px!important;height:28px!important;object-fit:cover}
.kp-nav{box-shadow:0 1px 0 rgba(20,20,20,.06)}
.kp-menu .elementor-nav-menu--main .elementor-item{font-weight:500}

/* De schuine lopende band tussen de secties. */
.kp-band{transform:rotate(-2deg) scale(1.04);margin:56px 0}
.kp-band .elementor-icon-list-item{padding:0 22px!important}
.kp-band .elementor-icon-list-text{color:#fff;font-family:'Clash Grotesk',sans-serif;font-weight:500;font-size:24px;white-space:nowrap}
.kp-band .elementor-icon-list-icon svg{width:26px;height:26px}
@media(max-width:767px){.kp-band .elementor-icon-list-text{font-size:18px}.kp-band{margin:40px 0}}

/* Het verticale tabje naast een processtap. */
.kp-stap{align-items:stretch}
.kp-staptab{width:34px!important;flex:0 0 34px;align-self:flex-start;margin-top:24px;
  border-radius:16px 0 0 16px!important}
.kp-staptab .elementor-widget-text-editor{writing-mode:vertical-rl;transform:rotate(180deg)}
.kp-staptab p{white-space:nowrap;font-size:14px!important;letter-spacing:.02em}
.kp-stapkaart{flex:1 1 auto;border-radius:0 24px 24px 24px!important}
@media(max-width:767px){
  .kp-staptab{width:auto!important;flex:0 0 auto;writing-mode:horizontal-tb;margin-top:0;
    border-radius:16px 16px 0 0!important;padding:8px 16px!important}
  .kp-staptab .elementor-widget-text-editor{writing-mode:horizontal-tb;transform:none}
  .kp-stap{flex-direction:column!important}
  .kp-stapkaart{border-radius:0 24px 24px 24px!important}
}

/* Het beeld in een dienstkaart zit in een gekleurd kader. */
.kp-dienstbeeld img{width:100%!important;aspect-ratio:4/3!important;object-fit:cover!important;
  border-radius:20px;display:block}

/* Het pil-label: nooit uitrekken, icoon op ware grootte. */
.kp-pil{width:auto!important;flex:0 0 auto;align-self:flex-start}
.kp-pil .elementor-widget{width:auto!important;--container-widget-width:auto}
.kp-pil-icoon img{width:20px!important;height:20px!important}
.kp-icoonvak img{width:24px!important;height:24px!important;filter:brightness(0) invert(1)}

/* De cta-kaart met foto en donkere waas. */
@media(max-width:900px){
  .kp-ctakaart{flex-direction:column!important;align-items:flex-start!important;padding:40px 24px!important}
  .kp-ctakaart .kp-knoprij{width:100%!important;justify-content:flex-start!important}
}
.kp-knoprij{flex-wrap:wrap}
@media(max-width:600px){
  .kp-knoprij .elementor-widget-button{width:100%}
  .kp-knoprij .elementor-button{width:100%;justify-content:center}
}

/* Het logo in de blauwe footer wordt wit. */
.kp-logo-wit img{filter:brightness(0) invert(1)}
.kp-sociaal img{width:24px!important;height:24px!important}
.kp-footer .elementor-icon-list-item a:hover{opacity:.75}
.kp-onderbalk a{color:rgba(255,255,255,.8);text-decoration:none}
.kp-onderbalk a:hover{text-decoration:underline}
@media(max-width:767px){
  .kp-onderbalk{flex-direction:column!important;align-items:flex-start!important;gap:12px}
  .kp-voetlinks{flex-direction:column!important;gap:8px!important}
}

/* De hero-foto onder de tekst. */
.kp-hero-img img{border-radius:24px}

/* De donkerblauwe sectie: kaarten blijven wit, tekst erin donker. */
.kp-donker .kp-vlak h3{color:#141414}

/* --- 13. Klimaprof: reparaties na de eerste meting ------------------------- */

/* Een flex-kind krimpt: zonder flex:0 0 auto schrompelt de lopende band tot
   schermbreedte en lopen de twee lijsten over elkaar. */
.gv-strip{flex:0 0 auto!important;max-width:none!important}

/* Zelfde oorzaak bij de gekleurde icoonvakjes: --width stond goed, maar het vakje
   kromp mee met de rij. */
.kp-icoonvak48,.kp-icoonvak56{flex:0 0 auto!important;align-self:flex-start}
.kp-icoonvak48{width:48px!important;height:48px!important;min-height:48px}
.kp-icoonvak56{width:56px!important;height:56px!important;min-height:56px}
.kp-icoonvak48 img,.kp-icoonvak56 img{width:22px!important;height:22px!important;filter:brightness(0) invert(1)}

/* De schuine band mag over de schermrand lopen zonder horizontale schuifbalk. */
html,body{overflow-x:clip}

/* De topbalk blijft op één regel. */
.kp-topbar p{white-space:nowrap}
@media(max-width:1100px){.kp-topbar p{white-space:normal}}

/* De items in de topbalk mogen niet uitrekken: anders krijgt de tekst breedte 0
   en schuiven de blokjes over elkaar heen. */
.kp-topbar .elementor-widget,.kp-nav .gv-auto .elementor-widget{width:auto!important;--container-widget-width:auto}
.kp-topbar > .e-con{flex-wrap:wrap;row-gap:6px}
.kp-topbar .gv-auto{flex-wrap:nowrap!important}

/* --- 14. Klimaprof: mobiel ------------------------------------------------- */
@media(max-width:767px){
  /* Kop op één regel: logo links, knop en hamburger rechts. */
  .kp-nav > .e-con > .e-con-inner,.kp-nav > .e-con{flex-wrap:nowrap!important;gap:12px!important}
  .kp-nav .kp-menuwrap{order:3;flex:0 0 auto!important;width:auto!important}
  .kp-nav .gv-auto:last-child{order:2}
  /* Elementor laat een flex-kind krimpen tot onder zijn inhoud; dan schuift het
     logo onder de knop. min-width houdt elk blok op zijn eigen breedte. */
  .kp-nav .gv-auto{flex:0 0 auto!important;min-width:max-content!important}
  .kp-nav{padding-left:16px!important;padding-right:16px!important}
  /* tikdoel blijft 44px, ook als de knop smaller moet op een kleine telefoon */
  .kp-nav .elementor-button{padding:0 14px!important;font-size:12px!important;white-space:nowrap;
    min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .kp-nav img{max-width:104px!important}
  .kp-nav .kp-menuwrap{min-width:0!important}
  .kp-nav .elementor-nav-menu-toggle{margin-left:0}

  /* Het pil-label blijft één blok: icoon links, tekst ernaast. */
  .kp-pil{flex-wrap:nowrap!important;align-items:flex-start!important}
  .kp-pil .elementor-widget-image{flex:0 0 auto;margin-top:2px}

  /* Icoon en tekst van een probleemregel naast elkaar houden. */
  .kp-probleemregel{flex-wrap:nowrap!important;gap:16px!important;padding:20px!important}
}

/* --- 15. Klimaprof: dienstpagina ------------------------------------------ */

/* Twee overlappende beelden naast de uitleg over airco. */
.kp-beeldduo{position:relative}
.kp-beeldduo .kp-overlap{margin-top:-64px;margin-left:auto;position:relative;z-index:2;
  border:8px solid var(--gv-grijs,#F7F7F7);border-radius:28px}
@media(max-width:767px){.kp-beeldduo .kp-overlap{margin-top:-32px;border-width:6px}}

/* De investeringskaart ligt over twee kruisende banden. */
.kp-investeringsectie{position:relative;overflow:hidden}
.kp-kruisbanden{position:absolute!important;left:0;right:0;top:50%;transform:translateY(-50%);
  z-index:0;pointer-events:none;gap:0!important}
.kp-kruisbanden .kp-band{margin:0!important}
.kp-kruisbanden .kp-band:first-child{transform:rotate(2deg) scale(1.06)}
.kp-kruisbanden .kp-band:last-child{transform:rotate(-3deg) scale(1.06);margin-top:-24px!important}
.kp-investering{position:relative;z-index:2}
.kp-investeringkaart{box-shadow:0 24px 60px rgba(0,44,117,.14)}
@media(max-width:767px){
  .kp-investeringkaart{width:100%!important;padding:32px 20px!important}
  .kp-kruisbanden{display:none!important}
  .kp-investeringsectie{background:#F7F7F7}
}

/* De tekst in de topbalk staat op nowrap; zonder max-content krijgt het widget een
   te smalle doos en loopt de tekst over het volgende blokje heen. */
.kp-topbar .elementor-widget-text-editor{flex:0 0 auto!important;width:max-content!important;max-width:none!important}
.kp-topbar .gv-auto{min-width:max-content!important}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-display:swap;
	font-family: 'Clash Grotesk';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://klimaprof.be/wp-content/uploads/dysign-fonts/ClashGrotesk-500.woff2') format('woff2');
}
@font-face {
font-display:swap;
	font-family: 'Clash Grotesk';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://klimaprof.be/wp-content/uploads/dysign-fonts/ClashGrotesk-600.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
font-display:swap;
	font-family: 'Geist';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://klimaprof.be/wp-content/uploads/dysign-fonts/Geist-400.woff2') format('woff2');
}
@font-face {
font-display:swap;
	font-family: 'Geist';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://klimaprof.be/wp-content/uploads/dysign-fonts/Geist-400.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
font-display:swap;
	font-family: 'Futura';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://klimaprof.be/wp-content/uploads/2024/02/Future-Bold.ttf') format('truetype');
}
@font-face {
font-display:swap;
	font-family: 'Futura';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://klimaprof.be/wp-content/uploads/2024/02/Futura-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */