.elementor-kit-27{--e-global-color-primary:#181D27;--e-global-color-secondary:#EAAA08;--e-global-color-text:#535862;--e-global-color-accent:#FAC515;--e-global-color-geel400:#FAC515;--e-global-color-geel500:#EAAA08;--e-global-color-geel100:#FEF7C3;--e-global-color-geel50:#FEFBE8;--e-global-color-creme:#FEFDF0;--e-global-color-zwart:#0A0D12;--e-global-color-inkt:#20231F;--e-global-color-grijs500:#717680;--e-global-color-grijs700:#414651;--e-global-color-grijs800:#252B37;--e-global-typography-primary-font-family:"Bricolage Grotesque";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.12em;--e-global-typography-primary-letter-spacing:-0.03em;--e-global-typography-secondary-font-family:"Bricolage Grotesque";--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.25em;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Bricolage Grotesque";--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;color:#535862;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;line-height:1.7em;}.elementor-kit-27 button,.elementor-kit-27 input[type="button"],.elementor-kit-27 input[type="submit"],.elementor-kit-27 .elementor-button{background-color:#FAC515;font-family:"Bricolage Grotesque", 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:#EAB308;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:#181D27;font-family:"Bricolage Grotesque", Sans-serif;font-size:46px;font-weight:700;line-height:1.174em;letter-spacing:-0.02em;}.elementor-kit-27 h2{color:#181D27;font-family:"Bricolage Grotesque", Sans-serif;font-size:52px;font-weight:700;line-height:1.154em;letter-spacing:-0.02em;}.elementor-kit-27 h3{color:#181D27;font-family:"Bricolage Grotesque", Sans-serif;font-size:24px;font-weight:700;line-height:1.333em;letter-spacing:0em;}.elementor-kit-27 h4{color:#181D27;font-family:"Bricolage Grotesque", Sans-serif;font-size:18px;font-weight:700;line-height:1.5em;letter-spacing:0em;}.elementor-kit-27 h5{color:#181D27;font-family:"Bricolage Grotesque", Sans-serif;font-size:17px;font-weight:700;line-height:1.5em;letter-spacing:0em;}.elementor-kit-27 h6{color:#181D27;font-family:"Bricolage Grotesque", Sans-serif;font-size:16px;font-weight:700;line-height:1.5em;letter-spacing:0em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--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:36px;}.elementor-kit-27 h3{font-size:20px;}.elementor-kit-27 h4{font-size:17px;}.elementor-kit-27 h5{font-size:16px;}.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:1240px}

/* 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:#E4DED1;
  --gv-accent:#5F7209;
  --gv-focus:rgba(95,114,9,.18);
  --gv-overlay:rgba(27,43,36,.88);
}

/* =============================================================================
   Huurjefrituur: maatwerk-CSS bovenop kit/basis.css (Site Settings → Custom CSS).
   Maten = Figma "Homepage V2" (node 22146:1332) op 1440 breed. Alles wat Elementor niet kan
   uitdrukken: gedraaide foto's, de bogen achter "Wij bakken", de krullen achter het formulier,
   beeldkaarten met een schuine rand, de galerij als raster, de accordeon met gele bolletjes.
   ============================================================================= */

/* --- fonts en typografie ------------------------------------------------------ */
/* Bricolage Grotesque met automatische optische maat (= lettergrootte). De Figma-export noemt
   "opsz 14", maar Figma rendert de koppen op optische maat auto: gemeten 13 koppen, 0 tot 1 px verschil. */
.hjf-bri .elementor-heading-title{font-optical-sizing:auto;font-variation-settings:normal}
.hjf-geel{color:#FAC414}
.hjf-goud{color:#A15C07}
.hjf-nowrap .elementor-heading-title{white-space:nowrap}
.hjf-mx{margin-left:auto!important;margin-right:auto!important}
.hjf-mx .elementor-heading-title{margin-left:auto;margin-right:auto}
.hjf-trim .elementor-heading-title{text-box:trim-both cap alphabetic}
.hjf-flex1{flex:1 1 0!important;min-width:0}
.hjf-auto{width:auto!important;flex:0 0 auto!important}
.hjf-f-link a,.hjf-f-link .elementor-heading-title a{color:inherit}
.hjf-f-link a:hover{color:#EAAA08}
.elementor-heading-title a{color:inherit}
body{background:#FEFDF0}

/* --- knoppen (Figma Buttons/Button) ------------------------------------------- */
.hjf-knop .elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:0;line-height:24px}
.hjf-knop .elementor-button-content-wrapper{align-items:center;gap:6px}
.hjf-knop .elementor-button-icon{display:inline-flex;width:20px;height:20px;margin:0!important}
.hjf-knop .elementor-button-icon svg{width:20px;height:20px}
.hjf-knop .elementor-button:hover{transform:translateY(-1px)}
.hjf-knop .elementor-button{transition:background-color .15s ease,transform .15s ease,color .15s ease}

/* --- header -------------------------------------------------------------------- */
header.elementor-location-header{position:relative;z-index:100;background:#0A0D12}
body.home header.elementor-location-header{position:absolute;left:0;right:0;top:0;background:transparent}
.hjf-header{--padding-top:0px;--padding-bottom:0px}
.hjf-h-in{--content-width:min(100%,1236px)}
.hjf-logo img{width:236px!important;height:47.2px;display:block}
.hjf-nav .elementor-nav-menu--main .elementor-item{line-height:24px}
.hjf-h-rechts{width:auto!important;flex:0 0 auto!important}
.hjf-fb{width:46px!important;height:46px;flex:0 0 46px!important}
.hjf-fb img{width:24px!important;height:24px;display:block}
.hjf-navcta .elementor-button{padding:12px 18px!important}

/* --- 1. hero ------------------------------------------------------------------- */
.e-con.hjf-hero{position:relative;overflow:hidden;
  background-size:67.72% auto!important;background-position:152.48% -229px!important}
.e-con.hjf-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(507.5px 1249.54px at 82.4% 412px,rgba(0,0,0,0) 0%,#000 100%)}
.hjf-hero>.e-con-inner,.hjf-hero-in{position:relative;z-index:1}
.hjf-hero-inhoud{width:717px!important;max-width:100%}
.hjf-hero-tekst{--gap:19px}
.hjf-h1 .elementor-heading-title{width:720px}
.hjf-pil{width:260.952px!important;flex:0 0 auto!important;text-decoration:none}
.hjf-pil img{display:block}
.hjf-pil-g img{width:20px!important;height:20px}
.hjf-pil-s{margin-left:4px!important}
.hjf-pil-s img{width:106px!important;height:30px}
.hjf-pil-lijn{width:1px!important;height:18px;flex:0 0 1px!important;background:#fff;margin-left:3px!important}
.hjf-pil-t{width:auto!important;flex:0 0 auto!important;padding-left:8px!important;margin-left:3px!important}
.hjf-pil-t .elementor-heading-title{line-height:normal!important}
.hjf-pil-c{margin-left:auto!important}
.hjf-pil-c img{width:16px!important;height:16px}
.hjf-hero-feats .e-con{width:auto!important;flex:0 0 auto!important}
.hjf-hero-feats img{width:32px!important;height:32px;display:block}

/* --- polaroids (gedraaide foto's met witte rand) ------------------------------- */
.hjf-w-foto,.hjf-p-foto1,.hjf-p-foto2{position:absolute!important;border:8px solid #fff;border-radius:8px;
  box-sizing:border-box;overflow:hidden;background:#fff}
.hjf-w-foto .elementor-widget,.hjf-p-foto1 .elementor-widget,.hjf-p-foto2 .elementor-widget,
.hjf-w-foto .elementor-widget-container,.hjf-p-foto1 .elementor-widget-container,.hjf-p-foto2 .elementor-widget-container{width:100%!important;height:100%}
.hjf-polaroid-img img{width:100%!important;height:100%!important;object-fit:cover;display:block;border-radius:8px}

/* --- 2. waarom ------------------------------------------------------------------ */
.hjf-w-rij{flex-wrap:nowrap!important}
.hjf-w-links{flex:1 1 0!important;min-width:0;width:auto!important}
.hjf-w-beeld{position:relative;width:100%!important;aspect-ratio:656/752}
.hjf-w-vlak{position:absolute!important;left:4.256%;top:13.767%;width:83.08%!important}
.hjf-w-vlak img{width:100%!important;height:auto;display:block}
.hjf-w-foto{left:3.524%;top:14.528%;width:75.84%!important;aspect-ratio:497.515/383.568;transform:rotate(-6.43deg)}
.hjf-w-rechts{width:584px!important;flex:0 0 584px!important}
.hjf-w-grid{align-items:start}
.hjf-w-f img{width:24px!important;height:24px;display:block}

/* --- 3. principe: twee bogen in de achtergrond ---------------------------------- */
.e-con.hjf-principe{position:relative;overflow:hidden}
.e-con.hjf-principe::before{content:""!important;position:absolute!important;z-index:0;border-radius:50%;
  width:8372px!important;height:8372px!important;left:calc(50% - 3388px)!important;top:-7320px!important;
  background:#FEF7C3!important;opacity:1!important;mix-blend-mode:normal!important;display:block!important}
.e-con.hjf-principe::after{content:"";position:absolute;z-index:0;border-radius:50%;
  width:5198px!important;height:5198px!important;left:calc(50% - 2298px)!important;top:-4511px;background:#FEFDF0}
.hjf-principe>.e-con-inner,.hjf-principe-in{position:relative;z-index:1}
.hjf-p-rij{margin-top:87.79px!important;flex-wrap:nowrap!important;justify-content:flex-start!important}
.hjf-p-links,.hjf-p-rechts{width:22.5%!important;flex:0 0 22.5%!important}
.hjf-p-links{margin-left:6.532%!important;margin-top:108.21px!important}
.hjf-p-rechts{margin-left:6.887%!important;margin-top:134.21px!important}
.hjf-p-fotos{position:relative;width:31.18%!important;flex:0 0 31.18%!important;margin-left:5.323%!important;aspect-ratio:386.635/485.1}
.hjf-p-foto1{left:5.23%;top:3.878%;width:89.54%!important;aspect-ratio:346.19/407.67;transform:rotate(-6.61deg)}
.hjf-p-foto2{left:4.456%;top:51.594%;width:52.18%!important;aspect-ratio:201.756/228.22;transform:rotate(3.96deg)}
.hjf-p-slot{margin-top:41px!important}

/* --- 4. formules: drie beeldkaarten --------------------------------------------- */
.hjf-kop{width:100%}
.hjf-kaarten{width:1238px!important;max-width:100%;margin:120px 0 0!important;flex-wrap:nowrap!important}
.hjf-kaart1,.hjf-kaart2,.hjf-kaart3{position:relative;width:401.456px!important;height:395.833px;flex:0 0 401.456px!important}
.hjf-k-bg{position:absolute!important;inset:0;width:100%!important;height:100%}
.hjf-k-bg .elementor-widget-container,.hjf-k-bg img{width:100%!important;height:100%!important;display:block}
.hjf-k-foto1,.hjf-k-foto2,.hjf-k-foto3{position:absolute!important;top:36.9px}
.hjf-k-foto1{left:202.01px;width:184.37px!important;height:334.52px}
.hjf-k-foto2{left:187.23px;width:199.15px!important;height:333.6px}
.hjf-k-foto3{left:190.36px;width:196.02px!important;height:334.52px}
.hjf-k-foto1 img,.hjf-k-foto2 img,.hjf-k-foto3 img{width:100%!important;height:100%!important;object-fit:fill;display:block}
.hjf-k-tekst{position:relative;z-index:1;width:184.5px!important;height:395.833px;box-sizing:border-box}
.hjf-k-tekst>.e-con{width:159.247px!important}
.hjf-kaart3 .hjf-k-tekst{padding-bottom:24.41px!important}
.hjf-k-cirkel{width:48.551px!important;height:48.551px;border-radius:50%;flex:0 0 auto!important}
.hjf-k-cirkel img{width:31.073px!important;height:31.073px;display:block}
.hjf-k-details{margin-top:auto!important}
.hjf-k-lijn{height:0;border-top:.971px solid #E9EAEB}
.hjf-k-detail{flex-wrap:nowrap!important}
.hjf-k-detail img{width:16px!important;height:16px;display:block}
.hjf-opstart{margin-top:52.17px!important}
.hjf-anders{margin-top:24px!important;flex-wrap:nowrap!important}
.hjf-anders-t{width:681px!important;flex:0 1 681px!important}
.hjf-k-voet{margin-top:56px!important}

/* --- 5. stappen --------------------------------------------------------------- */
.hjf-stappen{margin-top:125px!important;flex-wrap:nowrap!important}
.hjf-stap{position:relative;flex:1 1 0!important;width:auto!important;min-width:0}
.hjf-s-nr{width:54px!important;height:54px;border-radius:27px;flex:0 0 auto!important}
.hjf-s-titel{height:74.4px;padding-top:24px;box-sizing:border-box}
.hjf-s-tekst{padding-top:14px}
.hjf-s-lijn{position:absolute!important;left:72px;top:26px;width:223.5px!important;max-width:calc(100% - 72px);height:0;border-top:1px dashed #B9B8A8}
.hjf-s-knop{margin-top:99.6px!important}

/* --- 6. galerij ------------------------------------------------------------- */
.hjf-g-intro{margin-top:36px!important}
.e-con.hjf-galerij{display:grid!important;grid-template-columns:464.59fr 343.41fr 404fr;grid-template-rows:265px 265px 265px;gap:14px;margin-top:80px!important}
.hjf-galerij>.elementor-widget{width:100%!important;height:100%;margin:0!important}
.hjf-galerij .elementor-widget-container,.hjf-galerij a{display:block;width:100%;height:100%}
.hjf-galerij img{width:100%!important;height:100%!important;object-fit:cover;border-radius:12px;display:block}
.hjf-g1{grid-column:1;grid-row:1/span 2;background:#E6E4D7;border-radius:12px}
.hjf-g2{grid-column:2;grid-row:1}
.hjf-g3{grid-column:3;grid-row:1/span 2}
.hjf-g4{grid-column:2;grid-row:2}
.hjf-g5{grid-column:1/span 2;grid-row:3}
.hjf-g6{grid-column:3;grid-row:3}
.hjf-galerij img{transition:transform .4s ease}
.hjf-galerij a{overflow:hidden;border-radius:12px}
.hjf-galerij a:hover img{transform:scale(1.03)}
.hjf-g-knop{margin-top:80px!important}

/* --- 7. faq --------------------------------------------------------------- */
.hjf-faq-rij{flex-wrap:nowrap!important;justify-content:flex-start!important}
.hjf-faq-links{width:533px!important;flex:0 1 533px!important}
.hjf-faq-links .hjf-knop{margin-top:0}
.hjf-faq-rechts{width:612px!important;flex:0 1 612px!important;margin-left:7.016%!important;padding-bottom:12px!important}
.hjf-acc .elementor-accordion-item{border:0!important;border-bottom:2px solid rgba(32,78,74,.11)!important;padding:20px 0 32px}
.hjf-acc .elementor-accordion-item+.elementor-accordion-item{margin-top:12px}
.hjf-acc .elementor-tab-title{padding:0!important;display:flex!important;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:16px;min-height:32px;border:0!important;cursor:pointer}
.hjf-acc .elementor-accordion-icon{float:none!important;width:32px!important;height:32px;flex:0 0 32px;border-radius:38px;background:#FAC515;display:flex!important;align-items:center;justify-content:center;text-align:center}
.hjf-acc .elementor-accordion-icon span{display:flex!important;align-items:center;justify-content:center}
.hjf-acc .elementor-accordion-icon svg{width:16px;height:16px}
.hjf-acc .elementor-accordion-title{color:#000!important}
.hjf-acc .elementor-tab-content{padding:30px 0 0!important;border:0!important;max-width:600px}
.hjf-acc .elementor-tab-content p{margin:0}

/* --- 8. datum: formulier op geel ------------------------------------------------ */
.e-con.hjf-datum{position:relative;overflow:hidden}
.hjf-datum>.e-con-inner,.e-con.hjf-datum-in{position:static!important}
.hjf-datum .hjf-kop,.hjf-f-kaart,.hjf-f-contact{position:relative;z-index:1}
[class*="hjf-cta-v"]{position:absolute!important;z-index:0;pointer-events:none;margin:0!important}
[class*="hjf-cta-v"] img{width:100%!important;height:auto;display:block}
.hjf-cta-v1{left:11.64%;top:64.96%;width:.711%!important}
.hjf-cta-v2{left:68.31%;top:10.24%;width:34.05%!important}
.hjf-cta-v3{left:-1.81%;top:9.2%;width:30.12%!important}
.hjf-cta-v4{left:-1.81%;top:43.87%;width:40.57%!important}
.hjf-cta-v5{left:33.54%;top:79.3%;width:.715%!important}
.hjf-cta-v6{left:29.92%;top:17.56%;width:.13%!important}
.hjf-f-kaart{width:1011px!important;max-width:100%;margin:80px auto 0!important;padding-bottom:30.81px!important}
.hjf-f-contact{margin-top:48px!important}
.hjf-f-contact .e-con{width:auto!important;flex:0 0 auto!important}
.hjf-f-contact img{width:24px!important;height:24px;display:block}
.hjf-f-stappen{flex-wrap:nowrap!important;height:34px}
.hjf-f-stap{width:auto!important;flex:0 0 auto!important}
.hjf-f-nr{width:24px!important;height:24px;border-radius:12px;border:1px solid #D8D8CD;box-sizing:border-box;flex:0 0 auto!important}
.hjf-f-stap .elementor-heading-title{color:#535862!important;font-weight:400!important}
.hjf-f-stap.is-actief .hjf-f-nr{background:#FFCA08;border-color:#FFCA08}
.hjf-f-stap.is-actief .elementor-heading-title{color:#20231F!important;font-weight:700!important}
.hjf-f-stap.is-actief .hjf-f-nr .elementor-heading-title{font-weight:800!important}
.hjf-f-stap.is-klaar .hjf-f-nr{background:#20231F;border-color:#20231F}
.hjf-f-stap.is-klaar .hjf-f-nr .elementor-heading-title{color:#fff!important}
.hjf-f-lijn{width:212px!important;flex:0 1 212px!important;height:1px;background:repeating-linear-gradient(90deg,#E9EAEB 0 4px,transparent 4px 8px)}
.hjf-f-noot{margin-top:-2px!important;border-top:1px solid #E6E4D7;padding-top:16px}
/* het formulier zelf */
.hjf-form .elementor-field-group{margin-bottom:16px}
.hjf-form .elementor-field-label{padding-bottom:0!important;margin-bottom:8px;line-height:20px}
.hjf-form .elementor-field-textual{min-height:49.09px!important;height:49.09px;padding:12px 13px!important;line-height:20px!important}
.hjf-form input[type=date].elementor-field-textual{min-height:51.09px!important;height:51.09px}
.hjf-form textarea.elementor-field-textual{height:auto;min-height:96px!important}
.hjf-form .elementor-field-textual::placeholder{color:#717680;opacity:1}
.hjf-form .elementor-field-textual:focus{border-color:#EAAA08!important;box-shadow:0 0 0 3px rgba(250,197,21,.25);outline:none}
.hjf-form .elementor-field-type-html{margin-bottom:0}
.hjf-f-hint{margin:0;font:400 14px/20px Manrope,sans-serif;color:#535862}
.hjf-form .e-form__buttons{justify-content:flex-end;margin-top:8px;gap:12px}
.hjf-form .e-form__buttons__wrapper{flex:0 0 auto!important;width:auto!important;padding:0!important}
.hjf-form .elementor-button{min-height:44px;border-radius:12px}
.hjf-form .e-form__buttons__wrapper__button-next .elementor-button-text::after,
.hjf-form .elementor-button[type=submit] .elementor-button-text::after{content:"";display:inline-block;width:20px;height:20px;margin-left:4px;vertical-align:-5px;
  background:no-repeat center/20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23252B37' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.67' d='M4.17 10h11.66m0 0L10 4.17M15.83 10 10 15.83'/%3E%3C/svg%3E")}
.hjf-form .e-form__buttons__wrapper__button-previous .elementor-button{background:#fff!important;color:#252B37!important;border:1px solid #D7D7C8}
.hjf-form .elementor-field-subgroup .elementor-field-option{margin-bottom:8px}
.hjf-form .elementor-field-subgroup label{font:500 15px/22px Manrope,sans-serif;color:#20231F}
.hjf-form .elementor-message{font:500 15px/22px Manrope,sans-serif}

/* --- footer ------------------------------------------------------------------- */
.e-con.hjf-ft-foto{position:relative}
.e-con.hjf-ft-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(254,253,240,0) 34.146%,#FEFDF0 100%)}
.e-con.hjf-ft-grid{grid-template-columns:356.36fr 254.55fr 254.55fr 254.55fr!important}
.hjf-ft-logo img{width:175px!important;height:35px;display:block;margin:5px 0}
.hjf-ft-adres .elementor-heading-title{line-height:20px}
.hjf-ft-onder{margin-top:48px!important;border-top:1px solid rgba(32,35,31,.08);padding-top:22px!important;min-height:42.8px}
.hjf-ft{--padding-top:64px}

/* --- tussenmaten: alles van 1081 tot 1300 iets compacter ----------------------- */
@media (min-width:1081px) and (max-width:1299px){
  .hjf-kaarten,.hjf-f-kaart{zoom:.86}
  .hjf-nav .elementor-item{padding-left:8px!important;padding-right:8px!important}
  .hjf-logo img{width:200px!important;height:40px}
}

/* --- tablet (tot 1080) ------------------------------------------------------- */
@media (max-width:1080px){
  .hjf-fb{display:none!important}
  .hjf-h-in{flex-wrap:nowrap!important}
  .hjf-nav{order:3}
  .hjf-h-rechts{order:2;margin-left:auto!important}
  .hjf-logo img{width:190px!important;height:38px}
  .e-con.hjf-hero{background-size:cover!important;background-position:70% center!important;min-height:0}
  .e-con.hjf-hero::after{background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.75) 60%,rgba(0,0,0,.45) 100%)}
  .e-con.hjf-hero{padding-top:160px!important;padding-bottom:80px!important}
  .hjf-h1 .elementor-heading-title{width:auto}
  .hjf-w-rij,.hjf-p-rij,.hjf-faq-rij,.hjf-anders,.hjf-stappen{flex-wrap:wrap!important}
  .hjf-w-links,.hjf-w-rechts{width:100%!important;flex:0 0 100%!important}
  .hjf-w-links{max-width:640px;margin:0 auto 32px!important}
  .hjf-p-rij{justify-content:center!important;gap:32px}
  .hjf-p-links,.hjf-p-rechts{width:calc(50% - 16px)!important;flex:0 0 calc(50% - 16px)!important;margin:0!important;order:2}
  .hjf-p-fotos{width:100%!important;flex:0 0 100%!important;max-width:420px;margin:0 auto!important;order:1}
  .hjf-kaarten{flex-wrap:wrap!important;justify-content:center!important;gap:24px;margin-top:64px!important}
  .hjf-stap{flex:0 0 calc(50% - 16px)!important}
  .hjf-s-lijn{display:none}
  .hjf-anders{gap:16px}
  .hjf-faq-links,.hjf-faq-rechts{width:100%!important;flex:0 0 100%!important;margin:0!important}
  .hjf-faq-links{margin-bottom:32px!important}
  .e-con.hjf-galerij{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:240px}
  .hjf-g1,.hjf-g2,.hjf-g3,.hjf-g4,.hjf-g5,.hjf-g6{grid-column:auto;grid-row:auto}
  .hjf-g5{grid-column:1/span 2}
  .hjf-f-lijn{flex:1 1 40px!important}
  .e-con.hjf-ft-grid{grid-template-columns:1fr 1fr!important}
  .hjf-principe,.hjf-waarom,.hjf-formules,.hjf-stappen-sec,.hjf-galerij-sec,.hjf-faq,.hjf-datum{min-height:0!important}
  .e-con.hjf-principe::before,.e-con.hjf-principe::after{display:none!important}
}

/* --- gsm (tot 720) ------------------------------------------------------------ */
@media (max-width:720px){
  .hjf-navcta .elementor-button-text{display:none}
  .hjf-navcta .elementor-button{padding:12px!important}
  .hjf-logo img{width:160px!important;height:32px}
  .hjf-h1 .elementor-heading-title{font-size:34px!important;line-height:40px!important}
  .hjf-bri .elementor-heading-title{font-size:34px;line-height:40px}
  .hjf-hero-inhoud{width:100%!important}
  .hjf-hero-feats{gap:12px!important;flex-direction:column;align-items:flex-start!important}
  .hjf-hero-knoppen .hjf-knop,.hjf-hero-knoppen .elementor-button{width:100%}
  .hjf-w-grid{grid-template-columns:1fr!important}
  .hjf-w-rechts .elementor-heading-title{max-width:100%}
  .hjf-p-links,.hjf-p-rechts{width:100%!important;flex:0 0 100%!important}
  .hjf-p-links,.hjf-p-rechts{gap:24px!important}
  .hjf-kaarten{zoom:.88}
  .hjf-stap{flex:0 0 100%!important}
  .hjf-s-titel{height:auto;padding-top:16px}
  .hjf-anders .hjf-knop{width:100%}
  .e-con.hjf-galerij{grid-template-columns:1fr;grid-auto-rows:220px}
  .hjf-g5{grid-column:auto}
  .hjf-f-kaart{padding:28px 20px!important}
  .hjf-f-lijn{display:none}
  .hjf-f-stappen{gap:12px!important}
  .hjf-f-contact{flex-direction:column;align-items:center;gap:16px!important}
  .e-con.hjf-ft-grid{grid-template-columns:1fr!important}
  .hjf-ft-onder{flex-direction:column;gap:8px}
}

/* --- ronde 2 ---------------------------------------------------------------- */
.hjf-hero-feats{flex-wrap:nowrap!important;width:max-content!important;max-width:none}
.hjf-logo .elementor-widget-container,.hjf-logo a{display:block;line-height:0}
.hjf-ft-logo .elementor-widget-container,.hjf-ft-logo a{display:block;line-height:0}
@media (max-width:1080px){.hjf-hero-feats{flex-wrap:wrap!important;width:auto!important}}

/* --- ronde 3 ---------------------------------------------------------------- */
.hjf-s-lijn{max-width:none}
.hjf-f-noot{margin-top:22px!important}
.e-con.hjf-ft-grid{min-height:170.33px}
.hjf-form .e-form__buttons{width:100%!important;flex:0 0 100%!important;max-width:100%}
.hjf-form .e-form__buttons__wrapper__button,.hjf-form button[type=submit]{display:inline-flex!important;align-items:center;gap:4px;
  padding:12px 16px!important;min-height:44px;border-radius:12px!important;border:0;font:600 14px/20px Manrope,sans-serif!important;
  background:#FAC515!important;color:#252B37!important;cursor:pointer;transition:background-color .15s ease}
.hjf-form .e-form__buttons__wrapper__button:hover,.hjf-form button[type=submit]:hover{background:#EAB308!important}
.hjf-form .e-form__buttons__wrapper__button-next::after,.hjf-form button[type=submit]::after{content:"";display:inline-block;width:20px;height:20px;flex:0 0 20px;
  background:no-repeat center/20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23252B37' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.67' d='M4.17 10h11.66m0 0L10 4.17M15.83 10 10 15.83'/%3E%3C/svg%3E")}
.hjf-form .e-form__buttons__wrapper__button-previous{background:#fff!important;border:1px solid #D7D7C8!important;padding:11px 15px!important}
.hjf-form .elementor-button[type=submit] .elementor-button-text::after{content:none}
.hjf-form .e-form__buttons{padding-left:7.5px!important;padding-right:7.5px!important}

/* --- ronde 5: polaroids. Figma tekent de witte rand BUITEN de foto (stroke outside):
       foto = maat uit Figma, rand 8 erbuiten, buitenhoek 16, binnenhoek 8. --------- */
.hjf-w-foto,.hjf-p-foto1,.hjf-p-foto2{box-sizing:content-box!important;border-radius:16px}
.hjf-w-foto{left:2.305%;top:13.464%}
.hjf-p-foto1{left:3.161%;top:2.228%}
.hjf-p-foto2{left:2.387%;top:49.944%}
.hjf-ws .elementor-heading-title{word-spacing:.035em}
.hjf-form .elementor-field-type-date .elementor-field-textual{min-height:51.09px!important;height:51.09px}

/* --- ronde 6: tablet en gsm ------------------------------------------------------ */
@media (max-width:1080px){
  .hjf-nowrap.hjf-ws .elementor-heading-title{white-space:normal}
  .hjf-bri .elementor-heading-title{font-size:44px!important;line-height:52px!important}
  .hjf-h1 .elementor-heading-title{font-size:42px!important;line-height:50px!important}
  .hjf-w-beeld{aspect-ratio:656/620}
  .hjf-w-vlak{top:6%}.hjf-w-foto{top:7%}
  .e-con.hjf-galerij{grid-auto-rows:240px}
  .hjf-galerij>.elementor-widget{height:240px}
}
@media (max-width:720px){
  .hjf-bri .elementor-heading-title,.hjf-h1 .elementor-heading-title{font-size:32px!important;line-height:38px!important;letter-spacing:-.64px!important}
  .hjf-anders-t{flex:0 0 100%!important;width:100%!important}
  .hjf-k-voet .elementor-heading-title{max-width:100%}
  .e-con.hjf-galerij{grid-auto-rows:220px}
  .hjf-galerij>.elementor-widget{height:220px}
  .hjf-pil{max-width:100%}
}
.hjf-acc .elementor-tab-title.elementor-active .elementor-accordion-icon-closed{display:none!important}
.hjf-acc .elementor-tab-title:not(.elementor-active) .elementor-accordion-icon-opened{display:none!important}
@media (max-width:720px){.e-con.hjf-ft{padding-bottom:24px!important}}

/* =============================================================================
   Ronde 7 (16/10 middag): nieuwe copy Jan-Lowie (pdf "Homepage Huurjefrituur v2 (nieuwe copy)")
   ============================================================================= */
/* waarom: rijen van de Figma-frames (256 hoog), sectie blijft 880 zoals in het ontwerp */
/* (16/10 middag) geen vaste rijhoogtes meer: met de nieuwe teksten liep de tekst over het volgende icoon */
.e-con.hjf-w-grid{grid-template-rows:auto;row-gap:48px!important;align-items:start}
/* een feest geven */
.e-con.hjf-fe-grid{margin-top:80px!important}
.hjf-fe-cirkel{width:50px!important;height:50px;border-radius:50%;flex:0 0 auto!important}
.hjf-fe-cirkel img{width:32px!important;height:32px;display:block}
.hjf-fe-noot{margin-top:40px!important}
/* stappen: drie kolommen, doorlopende lijn */
.hjf-s-titel{height:auto;padding-top:24px}
.hjf-s-tekst{padding-top:16px}
.hjf-s-lijn{left:67px;top:26.5px;width:340px!important;border-top:1px solid #D9D4BF}

/* =============================================================================
   BEWEGING (zoals Burgers & Co). Klassen zet het script in de mu-plugin; ?static of
   prefers-reduced-motion = alles meteen in eindstand.
   ============================================================================= */
:root{--hjf-ease:cubic-bezier(.16,1,.3,1);--hjf-ease-io:cubic-bezier(.76,0,.24,1);--hjf-dur:.9s}
/* header: vast, transparant boven, donker bij scrollen, weg bij omlaag, terug bij omhoog */
body.home header.elementor-location-header{position:fixed;transition:transform .45s var(--hjf-ease-io),background-color .35s ease,box-shadow .35s ease}
body.home header.elementor-location-header.solid{background:rgba(10,13,18,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px -18px rgba(0,0,0,.6)}
header.elementor-location-header.hide{transform:translateY(-100%)}
.hjf-nav .elementor-nav-menu--main .elementor-item{position:relative}
.hjf-nav .elementor-nav-menu--main .elementor-item::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:#FAC515;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--hjf-ease);opacity:1!important}
.hjf-nav .elementor-nav-menu--main .elementor-item:hover::after{transform:scaleX(1)}
/* hero: foto zoomt langzaam uit, inhoud komt gestaffeld binnen */
.e-con.hjf-hero{animation:hjf-kenburns 2.6s var(--hjf-ease) both}
@keyframes hjf-kenburns{from{background-size:73.5% auto}to{background-size:67.72% auto}}
.hjf-in-load{opacity:0;translate:0 24px;animation:hjf-op .9s var(--hjf-ease) forwards}
@keyframes hjf-op{to{opacity:1;translate:0 0}}
/* koppen: elk woord rolt omhoog uit een masker */
.hjf-words .elementor-heading-title .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.1em;margin-bottom:-.1em}
.hjf-words .elementor-heading-title .w>span{display:inline-block;transform:translateY(112%);transition:transform 1s var(--hjf-ease)}
.hjf-words.in .elementor-heading-title .w>span{transform:none}
/* blokken: zachtjes omhoog */
.hjf-rev{opacity:0;translate:0 28px;transition:opacity var(--hjf-dur) var(--hjf-ease),translate var(--hjf-dur) var(--hjf-ease)}
.hjf-rev.in{opacity:1;translate:0 0}
/* polaroids en beeldkaarten: draaien in naar hun eindstand */
.hjf-tilt{opacity:0;translate:0 48px;scale:.94;transition:opacity 1s var(--hjf-ease),translate 1.2s var(--hjf-ease),scale 1.2s var(--hjf-ease)}
.hjf-tilt.in{opacity:1;translate:0 0;scale:1}
.hjf-w-vlak.hjf-tilt{translate:-40px 30px}
.hjf-w-vlak.hjf-tilt.in{translate:0 0}
/* galerij: gordijn in crème schuift weg, beeld zoomt van 1.12 naar 1 */
.hjf-galerij a,.hjf-galerij .elementor-widget-container{position:relative}
.hjf-curtain .elementor-widget-container::after{content:"";position:absolute;inset:0;z-index:2;background:#FEFDF0;transform-origin:top;transform:scaleY(1);transition:transform 1.1s var(--hjf-ease-io);pointer-events:none;border-radius:12px}
.hjf-curtain img{transform:scale(1.12);transition:transform 1.6s var(--hjf-ease)!important}
.hjf-curtain.in .elementor-widget-container::after{transform:scaleY(0)}
.hjf-curtain.in img{transform:scale(1)}
.hjf-curtain.in a:hover img{transform:scale(1.04)}
/* stappen: de lijn tekent zich */
.hjf-s-lijn{transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--hjf-ease-io) .35s}
.hjf-stappen.in .hjf-s-lijn{transform:scaleX(1)}
/* kaarten: lichte lift bij hover */
.hjf-kaart1,.hjf-kaart2,.hjf-kaart3,.e-con.hjf-fe-kaart{transition:transform .5s var(--hjf-ease),opacity var(--hjf-dur) var(--hjf-ease),translate var(--hjf-dur) var(--hjf-ease)}
.hjf-kaart1:hover,.hjf-kaart2:hover,.hjf-kaart3:hover,.e-con.hjf-fe-kaart:hover{transform:translateY(-6px)}
.hjf-k-foto1 img,.hjf-k-foto2 img,.hjf-k-foto3 img{transition:transform .9s var(--hjf-ease)}
.hjf-kaart1:hover .hjf-k-foto1 img,.hjf-kaart2:hover .hjf-k-foto2 img,.hjf-kaart3:hover .hjf-k-foto3 img{transform:scale(1.03)}
/* frieten-krullen achter het formulier drijven traag */
.hjf-cta-v2,.hjf-cta-v3,.hjf-cta-v4{animation:hjf-drijf 14s ease-in-out infinite alternate}
.hjf-cta-v3{animation-duration:17s}.hjf-cta-v4{animation-duration:19s;animation-direction:alternate-reverse}
@keyframes hjf-drijf{from{translate:0 0;rotate:0deg}to{translate:0 -18px;rotate:2deg}}
/* stilstand: ?static of reduced motion */
html.hjf-nomotion .hjf-rev,html.hjf-nomotion .hjf-tilt,html.hjf-nomotion .hjf-in-load{opacity:1!important;translate:none!important;scale:none!important;animation:none!important;transition:none!important}
html.hjf-nomotion .hjf-words .elementor-heading-title .w>span,html.hjf-nomotion .hjf-curtain img{transform:none!important;transition:none!important}
html.hjf-nomotion .hjf-curtain .elementor-widget-container::after{display:none}
html.hjf-nomotion .hjf-s-lijn{transform:none;transition:none}
html.hjf-nomotion .e-con.hjf-hero,html.hjf-nomotion [class*="hjf-cta-v"]{animation:none!important}
@media (prefers-reduced-motion:reduce){
  .hjf-rev,.hjf-tilt,.hjf-in-load{opacity:1!important;translate:none!important;scale:none!important;animation:none!important;transition:none!important}
  .hjf-words .elementor-heading-title .w>span,.hjf-curtain img{transform:none!important;transition:none!important}
  .hjf-curtain .elementor-widget-container::after{display:none}
  .hjf-s-lijn{transform:none}
  .e-con.hjf-hero,[class*="hjf-cta-v"]{animation:none!important}
}
/* ronde 7b: maten uit de pdf (tekstposities) */
.hjf-navcta .elementor-button{min-width:264.7px}
@media (max-width:1080px){.hjf-navcta .elementor-button{min-width:0}}
@media (min-width:1081px){.hjf-stappen{margin-top:147px!important}.hjf-s-knop{margin-top:167.6px!important}}
@media (max-width:1080px){.hjf-stappen{margin-top:48px!important}.hjf-s-knop{margin-top:48px!important}}
@media (min-width:1081px){.hjf-stap{flex:0 1 388px!important}}   /* 0 1: tussen 1081 en 1300 krimpen i.p.v. overlopen (V2) */
.hjf-kaart1 .hjf-k-details,.hjf-kaart2 .hjf-k-details,.hjf-kaart3 .hjf-k-details{position:absolute!important;left:25.25px;width:159.247px!important;margin:0!important}
.hjf-kaart1 .hjf-k-details{top:237px}.hjf-kaart2 .hjf-k-details{top:297.71px}.hjf-kaart3 .hjf-k-details{top:298.71px}
@media (min-width:1081px){
  .hjf-p-rechts .hjf-p-punt:first-child{min-height:103px}
}
@media (min-width:1081px){.e-con.hjf-ft-grid{height:170.33px;overflow:visible}}
@media (min-width:1081px){
  .hjf-navcta .elementor-button-content-wrapper{width:100%;justify-content:flex-start}
  .hjf-navcta .elementor-button-text{flex:1 1 auto;text-align:center}
}
@media (max-width:720px){.hjf-h1 br{display:none}.hjf-h1 .hjf-geel{display:inline}}
/* stap 2: formules als tegels */
.hjf-form .elementor-field-type-radio .elementor-field-subgroup,.hjf-form .elementor-field-type-checkbox .elementor-field-subgroup{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hjf-form .elementor-field-subgroup .elementor-field-option{margin:0!important;position:relative}
.hjf-form .elementor-field-subgroup .elementor-field-option input{position:absolute;left:14px;top:50%;transform:translateY(-50%);accent-color:#EAAA08;width:16px;height:16px;margin:0}
.hjf-form .elementor-field-subgroup .elementor-field-option label{display:flex;align-items:center;min-height:48px;padding:10px 14px 10px 40px;border:1px solid #D7D7C8;border-radius:6px;background:#fff;cursor:pointer;transition:border-color .15s,background-color .15s}
.hjf-form .elementor-field-subgroup .elementor-field-option input:checked+label{border-color:#EAAA08;background:#FEFBE8}
@media (max-width:720px){.hjf-form .elementor-field-type-radio .elementor-field-subgroup,.hjf-form .elementor-field-type-checkbox .elementor-field-subgroup{grid-template-columns:1fr}}
/* footer: Facebook-icoon onder logo en tekst */
.e-con.hjf-ft-fb{width:40px!important;height:40px;flex:0 0 auto!important;margin-top:-6px;transition:border-color .2s,background-color .2s}
.e-con.hjf-ft-fb:hover{border-color:#EAAA08!important;background:#FEFBE8}
.hjf-ft-fb img{width:20px!important;height:20px;display:block}

/* --- bedankpagina ------------------------------------------------------------ */
.e-con.hjf-bedankt{min-height:calc(100vh - 88px)}
.hjf-bd-vink{width:64px!important;height:64px;border-radius:50%;flex:0 0 auto!important}
.hjf-bd-vink img{width:28px!important;height:28px;display:block}
.hjf-wa .elementor-button-icon svg,.hjf-wa .elementor-button-icon i{width:22px;height:22px;font-size:22px;fill:#fff;color:#fff}
.hjf-wa .elementor-button{box-shadow:0 12px 28px -14px rgba(37,211,102,.7)}
.hjf-bd-terug a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:720px){.hjf-bd-h1 .elementor-heading-title{font-size:30px!important;line-height:36px!important}.hjf-wa,.hjf-wa .elementor-button{width:100%}}

/* --- zwevende WhatsApp-knop rechtsonder (alle pagina's, staat in de footer-template) --- */
.e-con.hjf-fab{position:fixed!important;right:24px;bottom:24px;z-index:95;width:auto!important;padding:0!important}
.hjf-fabbtn .elementor-button{display:inline-flex;align-items:center;min-height:56px;box-shadow:0 16px 36px -14px rgba(10,13,18,.55);animation:hjf-wa-pulse 2.4s ease-out 3s infinite}
.hjf-fabbtn .elementor-button-icon svg,.hjf-fabbtn .elementor-button-icon i{width:24px;height:24px;font-size:24px;fill:#0A0D12;color:#0A0D12}
.hjf-fabbtn .elementor-button:hover{transform:translateY(-2px)}
@keyframes hjf-wa-pulse{0%{box-shadow:0 16px 36px -14px rgba(10,13,18,.55),0 0 0 0 rgba(37,211,102,.55)}70%,100%{box-shadow:0 16px 36px -14px rgba(10,13,18,.55),0 0 0 16px rgba(37,211,102,0)}}
@media (max-width:720px){
  .e-con.hjf-fab{right:16px;bottom:16px}
  .hjf-fabbtn .elementor-button-text{display:none}
  .hjf-fabbtn .elementor-button{width:56px;height:56px;padding:0!important;justify-content:center;border-radius:50%!important}
  .hjf-fabbtn .elementor-button-icon{margin:0!important}
  .hjf-fabbtn .elementor-button-content-wrapper{gap:0}
}
html.hjf-nomotion .hjf-fabbtn .elementor-button{animation:none}
@media (prefers-reduced-motion:reduce){.hjf-fabbtn .elementor-button{animation:none}}

/* =============================================================================
   V2 (17/10): de 16 pagina's naast de homepage (paginas.py). Stijl = Figma-dienstpagina
   "Frituur aan huis" (node 22146:1874): volle foto met verloop links, kaarten op crème,
   gele vlakken (#FEF7C3) voor beeld+tekst, troeven en regio, foto-banner als slot.
   ============================================================================= */
.hjf-verborgen{display:none!important}   /* klaar, maar verborgen tot Kurt prijs en foto stuurt (Smashburger) */
.hjf-invullen{background:#FEF7C3;outline:1px dashed #EAAA08;padding:0 3px;border-radius:3px;color:#7A5A00}
/* header: donker op pagina's zonder grote foto, transparant boven een foto-hero */
body:has(.hjf-dhero:not(.hjf-dhero-vlak)) header.elementor-location-header{position:fixed;left:0;right:0;top:0;background:transparent;
  transition:transform .45s var(--hjf-ease-io),background-color .35s ease,box-shadow .35s ease}
body:has(.hjf-dhero:not(.hjf-dhero-vlak)) header.elementor-location-header.solid{background:rgba(10,13,18,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body:not(.home):not(:has(.hjf-dhero:not(.hjf-dhero-vlak))) header.elementor-location-header{position:sticky;top:0}
.hjf-nav .elementor-nav-menu--dropdown,.hjf-nav .sub-menu{border-radius:12px;overflow:hidden;box-shadow:0 18px 40px -18px rgba(10,13,18,.45)}
.hjf-nav .sub-menu .elementor-sub-item{white-space:nowrap}
.hjf-nav .elementor-nav-menu--main .sub-menu .elementor-sub-item::after{display:none}

/* hero (Figma 22146:1875) */
.e-con.hjf-dhero{position:relative;overflow:hidden;min-height:820px;justify-content:center}
.e-con.hjf-dhero.hjf-dhero-c{min-height:560px}
.e-con.hjf-dhero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(10,13,18,.92) 0%,rgba(10,13,18,.78) 32%,rgba(10,13,18,.35) 58%,rgba(10,13,18,.05) 100%),
             linear-gradient(180deg,rgba(10,13,18,.55) 0%,rgba(10,13,18,0) 22%)}
.hjf-dhero>.e-con-inner,.hjf-dhero-in{position:relative;z-index:1}
.hjf-d-hero-inhoud{max-width:640px}
.hjf-d-kruimel{width:auto!important;margin-bottom:28px!important}
.hjf-d-kruimel>.elementor-widget{width:auto!important}
.hjf-d-kr-a a{text-decoration:underline;text-underline-offset:3px;color:#fff}
.hjf-d-kr-a a:hover{color:#FAC515}
.hjf-d-h1 .elementor-heading-title{max-width:640px}
.hjf-d-hero-onder{border-top:1px solid rgba(255,255,255,.22);padding-top:20px!important;margin-top:12px!important;max-width:620px}
.hjf-d-punten img{width:18px!important;height:18px;display:block;filter:brightness(0) saturate(100%) invert(80%) sepia(60%) saturate(800%) hue-rotate(358deg)}
.hjf-d-knoppen{width:auto!important}
.hjf-d-knoppen>.elementor-widget{width:auto!important}
.hjf-dhero-vlak{background:#0A0D12}
.hjf-dhero-vlak::after{display:none}

/* koppen */
.hjf-d-kop{width:100%;max-width:820px;margin-bottom:56px!important}
.hjf-d-kop-c{margin-left:auto!important;margin-right:auto!important;text-align:center}
.hjf-d-tag .elementor-heading-title{letter-spacing:.04em}
.hjf-d-voetregel{margin-top:32px!important}
.hjf-d-voetregel a,.hjf-d-sec p a,.hjf-d-sec .elementor-heading-title a{color:#B07F00;text-decoration:underline;text-underline-offset:3px}
.hjf-d-voetregel a:hover,.hjf-d-sec p a:hover{color:#20231F}
.hjf-d-sec .hjf-d-knoppen{margin-top:32px!important}
.hjf-d-sec .hjf-d-kop .hjf-d-knoppen{margin-top:8px!important}

/* kaarten met icoon (intro, tegels) */
.e-con.hjf-d-kaart{background:#fff;border:1px solid #E9EAEB;border-radius:16px;padding:28px!important;
  transition:transform .4s var(--hjf-ease),box-shadow .4s var(--hjf-ease)}
.e-con.hjf-d-kaart:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(10,13,18,.28)}
.hjf-d-icoon{width:44px!important;height:44px;border-radius:10px;background:#FEF7C3;flex:0 0 auto!important;
  display:flex!important;align-items:center;justify-content:center;margin-bottom:8px!important}
.hjf-d-icoon img{width:24px!important;height:24px;display:block}
.e-con.hjf-d-grid{align-items:stretch}
.e-con.hjf-d-grid2{margin-top:24px!important}
.hjf-d-tl{margin-top:auto!important}

/* beeld + tekst (Figma 22146:1980) en troeven (22146:2037) */
.hjf-d-bt-rij{flex-wrap:nowrap!important;gap:7%!important}
.hjf-d-pola{position:relative;width:46%!important;flex:0 0 46%!important;aspect-ratio:560/470}
.hjf-d-vlak{position:absolute!important;left:6%;top:8%;width:86%!important;opacity:.9}
.hjf-d-vlak img{width:100%!important;height:auto;display:block}
.hjf-d-pola-foto{position:absolute!important;left:2%;top:4%;width:84%!important;aspect-ratio:4/3;border:8px solid #fff;border-radius:16px;
  box-sizing:content-box!important;overflow:hidden;background:#fff;transform:rotate(-6deg);box-shadow:0 24px 50px -30px rgba(10,13,18,.5)}
.hjf-d-pola-foto .elementor-widget,.hjf-d-pola-foto .elementor-widget-container{width:100%!important;height:100%}
.hjf-d-bt-tekst{flex:1 1 0!important;min-width:0;width:auto!important}
.hjf-d-bt-tekst .hjf-d-kop{margin-bottom:8px!important}
.hjf-d-tr .hjf-d-bt-tekst .hjf-d-kop{margin-bottom:0!important}
.hjf-d-troef img{width:24px!important;height:24px;display:block}
.e-con.hjf-d-tgrid{row-gap:36px!important}
.hjf-d-smal{max-width:760px;margin:0 auto!important}
.hjf-d-smal-c{text-align:center}
.hjf-d-smal .hjf-d-kop{margin-bottom:8px!important}
.hjf-d-li img{width:20px!important;height:20px;display:block;margin-top:2px}

/* kaarten met beeld (Figma 22146:1992) */
.e-con.hjf-d-bkaart{background:#fff;border:1px solid #E9EAEB;border-radius:16px;overflow:hidden;padding:0!important;
  transition:transform .4s var(--hjf-ease),box-shadow .4s var(--hjf-ease);text-decoration:none}
.e-con.hjf-d-bkaart:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(10,13,18,.28)}
.hjf-d-kbeeld{width:100%!important;aspect-ratio:16/10;overflow:hidden}
.hjf-d-kbeeld .elementor-widget,.hjf-d-kbeeld .elementor-widget-container{width:100%!important;height:100%}
.hjf-d-kaartfoto img{width:100%!important;height:100%!important;object-fit:cover;display:block;transition:transform .9s var(--hjf-ease)}
.e-con.hjf-d-bkaart:hover .hjf-d-kaartfoto img{transform:scale(1.04)}
.hjf-d-kbody{padding:24px 24px 26px!important;flex:1 1 auto!important}
.hjf-d-bkaart-breed{flex-direction:row!important}
.hjf-d-bkaart-breed .hjf-d-kbeeld{width:42%!important;flex:0 0 42%!important;aspect-ratio:auto;min-height:220px}
.hjf-d-tekstlink{margin-top:auto!important;padding-top:6px}
.hjf-d-tekstlink a{color:#181D27;text-decoration:none;border-bottom:2px solid #FAC515;padding-bottom:2px}
.hjf-d-tekstlink a:hover{color:#B07F00}
.hjf-d-pijl{display:inline-block;transition:transform .3s var(--hjf-ease)}
.hjf-d-tekstlink a:hover .hjf-d-pijl{transform:translateX(4px)}

/* formules (Figma 22146:2064) */
.hjf-d-frij{flex-wrap:nowrap!important}
.e-con.hjf-d-fkaart{position:relative;width:auto!important;flex:1 1 0!important;max-width:390px;min-width:0;background:#fff;
  border:1px solid #E9EAEB;border-radius:20px;padding:28px 26px!important;box-shadow:0 10px 30px -24px rgba(10,13,18,.35);
  transition:transform .4s var(--hjf-ease)}
.e-con.hjf-d-fkaart:hover{transform:translateY(-4px) rotate(0)}
.e-con.hjf-d-fkaart-top{background:#FEF7C3;border-color:#F6DE73}
.hjf-d-fcirkel{width:52px!important;height:52px;border-radius:50%;background:#FEFBE8;flex:0 0 auto!important;
  display:flex!important;align-items:center;justify-content:center}
.hjf-d-fkaart-top .hjf-d-fcirkel{background:#fff}
.hjf-d-fcirkel img{width:28px!important;height:28px;display:block}
.hjf-d-fprijs{margin-top:6px!important}
.hjf-d-fkaart .hjf-k-lijn{margin:8px 0 4px!important;width:100%}
.hjf-d-fpunt img{width:16px!important;height:16px;display:block;margin-top:2px}
.hjf-d-badge{position:absolute!important;top:-13px;right:22px;width:auto!important;background:#FAC515;border-radius:999px;padding:6px 12px!important}
.hjf-d-extras{margin-top:40px!important;width:100%;max-width:1000px;align-self:center}
.e-con.hjf-d-extra{background:#fff;border:1px dashed #E2D9A8;border-radius:14px;padding:18px 20px!important}
.hjf-d-form .hjf-d-knoppen{margin-top:40px!important}
.hjf-d-prijsnoot{margin-top:20px!important}
.hjf-d-alle .hjf-d-fgroep{margin-top:48px!important}
.hjf-d-alle .hjf-d-fgroep:first-of-type{margin-top:0!important}
.hjf-d-groep{border-bottom:1px solid #E6E4D7;padding-bottom:12px}
.e-con.hjf-d-fgrid .hjf-d-fkaart{max-width:none}
.hjf-d-kies{margin-top:auto!important;padding-top:10px}
.hjf-d-maat{margin-top:48px!important}
.hjf-k-badge{position:absolute!important;z-index:2;top:-12px;left:24px;width:auto!important;background:#FAC515;border-radius:999px;padding:5px 12px!important}

/* stappen (Figma 22146:2187) */
.hjf-d-stappen{flex-wrap:nowrap!important}
.hjf-d-stap{position:relative;flex:1 1 0!important;width:auto!important;min-width:0}
.hjf-d-snr{width:48px!important;height:48px;border-radius:50%;background:#FAC515;flex:0 0 auto!important}
.hjf-d-slijn{position:absolute!important;left:64px;right:-16px;top:24px;height:0;border-top:1px dashed #C9C7B5;width:auto!important}
.hjf-d-stap:last-child .hjf-d-slijn{display:none}
.hjf-d-stitel{margin-top:8px!important}
.e-con.hjf-d-kader{margin-top:48px!important;background:#F3F2EA;border-radius:16px;padding:28px 32px!important}

/* regio (Figma 22146:2229) */
.hjf-d-rg{flex-wrap:nowrap!important}
.hjf-d-rg-links{width:44%!important;flex:0 0 44%!important}
.hjf-d-rg-links .hjf-d-kop{margin-bottom:0!important}
.hjf-d-rg-lijst{flex:1 1 0!important;width:auto!important;min-width:0}
.e-con.hjf-d-rg-rij{border-bottom:1px solid rgba(32,35,31,.12);padding:22px 4px!important;text-decoration:none;color:inherit;transition:padding .3s var(--hjf-ease)}
.e-con.hjf-d-rg-rij:hover{padding-left:12px!important}
.hjf-d-rg-pijl img{width:20px!important;height:20px;display:block;opacity:.6}
.e-con.hjf-d-rg-rij:hover .hjf-d-rg-pijl img{opacity:1}

/* faq op subpagina's: zelfde accordeon als de homepage */
.hjf-d-faq .hjf-faq-links .hjf-d-kop{margin-bottom:0!important}
.hjf-acc-dicht .elementor-tab-content{display:none}

/* slot-CTA */
.e-con.hjf-d-slot{position:relative;overflow:hidden;min-height:520px;justify-content:center}
.e-con.hjf-d-slot::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(10,13,18,.62),rgba(10,13,18,.78))}
.hjf-d-slot>.e-con-inner,.hjf-d-slot-in,.hjf-d-slot .e-con{position:relative;z-index:1}
.hjf-d-slotregel a{color:#FAC515!important}
.hjf-d-slot .hjf-d-knoppen{margin-top:12px!important}

/* vergelijkingstabel (12) */
.hjf-tabel-wrap{overflow-x:auto;border-radius:16px;border:1px solid #E9EAEB;background:#fff;-webkit-overflow-scrolling:touch}
.hjf-tabel{width:100%;border-collapse:collapse;font:400 15px/22px Manrope,sans-serif;color:#414651;min-width:720px}
.hjf-tabel th,.hjf-tabel td{padding:16px 20px;text-align:left;vertical-align:top;border-bottom:1px solid #EFEDE2}
.hjf-tabel thead th{position:sticky;top:0;background:#FAC515;color:#181D27;font-weight:700}
.hjf-tabel tbody th{font-weight:700;color:#181D27;background:#FEFDF0;position:sticky;left:0}
.hjf-tabel tbody tr:nth-child(even) td{background:#FEFBE8}
.hjf-tabel tbody tr:last-child th,.hjf-tabel tbody tr:last-child td{border-bottom:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hjf-d-vgl .hjf-d-tabel{margin-bottom:16px!important}

/* over ons */
.hjf-d-vh{flex-wrap:nowrap!important}
.hjf-d-vh-fotos{position:relative;width:44%!important;flex:0 0 44%!important;aspect-ratio:1/1}
.hjf-d-vh1,.hjf-d-vh2{position:absolute!important;border:8px solid #fff;border-radius:16px;overflow:hidden;box-sizing:content-box!important;
  box-shadow:0 24px 50px -30px rgba(10,13,18,.5);background:#fff}
.hjf-d-vh1{left:0;top:0;width:72%!important;aspect-ratio:4/3;transform:rotate(-4deg)}
.hjf-d-vh2{right:2%;bottom:2%;width:52%!important;aspect-ratio:4/3;transform:rotate(5deg)}
.hjf-d-vh1 .elementor-widget,.hjf-d-vh1 .elementor-widget-container,.hjf-d-vh2 .elementor-widget,.hjf-d-vh2 .elementor-widget-container{width:100%!important;height:100%}
.e-con.hjf-d-band{position:relative;overflow:hidden;min-height:560px;justify-content:center}
.e-con.hjf-d-band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,13,18,.88) 0%,rgba(10,13,18,.6) 55%,rgba(10,13,18,.2) 100%)}
.hjf-d-band>.e-con-inner,.hjf-d-band-in{position:relative;z-index:1}
.hjf-d-band .hjf-d-kop{margin-bottom:0!important}
.e-con.hjf-d-stat{background:#fff;border-radius:16px;padding:28px 20px!important;text-decoration:none;color:inherit}

/* realisaties: alle echte foto's */
.e-con.hjf-d-gal{display:grid!important;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:14px}
.hjf-d-gal>.elementor-widget{width:100%!important;height:100%;margin:0!important}
.hjf-d-gal .elementor-widget-container,.hjf-d-gal a{display:block;width:100%;height:100%;overflow:hidden;border-radius:12px}
.hjf-d-gal img{width:100%!important;height:100%!important;object-fit:cover;display:block;transition:transform .6s var(--hjf-ease)}
.hjf-d-gal a:hover img{transform:scale(1.04)}
.hjf-d-gal>.elementor-widget:nth-child(1),.hjf-d-gal>.elementor-widget:nth-child(8){grid-column:span 2;grid-row:span 2}

/* veelgestelde vragen: categorieknoppen */
.hjf-d-chips{width:100%}
.hjf-d-chips>.elementor-widget{width:auto!important}

/* contact (17) */
.hjf-d-c-rij{flex-wrap:nowrap!important}
.hjf-d-c-links{width:40%!important;flex:0 0 40%!important}
.hjf-d-c-rechts{flex:1 1 0!important;min-width:0;width:auto!important}
.hjf-d-c-rechts .hjf-f-kaart{margin:0!important;width:100%!important;border:1px solid #E9EAEB}
.hjf-d-c-rechts .hjf-f-titel .elementor-heading-title{white-space:normal;font-size:40px!important;line-height:48px!important}
.hjf-d-cpunten img{width:18px!important;height:18px;display:block}
.e-con.hjf-d-ckaart{margin-top:12px!important;background:#fff;border:1px solid #E9EAEB;border-radius:16px;padding:24px!important}
.hjf-d-crow img{width:20px!important;height:20px;display:block}
.hjf-d-crow a{color:#181D27;text-decoration:none}
.hjf-d-crow a:hover{color:#B07F00}
.hjf-d-cic{width:20px!important;flex:0 0 20px!important}
.hjf-d-contact .hjf-d-h1c .elementor-heading-title{font-size:48px;line-height:56px}

/* bedankt */
.hjf-bd-knoppen>.elementor-widget{width:auto!important}
.hjf-bd-terug a{color:#181D27}

/* homepage V2: hero met volle foto + verloop links, tweede polaroid, smashburgerkaart */
.e-con.hjf-hero{background-size:cover!important;background-position:center!important;animation:none!important}
.e-con.hjf-hero::after{background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.78) 30%,rgba(0,0,0,.35) 58%,rgba(0,0,0,.08) 100%),
  linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 24%)!important}
.e-con.hjf-hero .elementor-background-slideshow{z-index:0}
.hjf-w-foto2{position:absolute!important;right:2%;bottom:6%;width:34%!important;aspect-ratio:3/4;border:8px solid #fff;border-radius:16px;
  box-sizing:content-box!important;overflow:hidden;background:#fff;transform:rotate(5deg);box-shadow:0 24px 50px -30px rgba(10,13,18,.5);z-index:2}
.hjf-w-foto2 .elementor-widget,.hjf-w-foto2 .elementor-widget-container{width:100%!important;height:100%}
.hjf-kaart1,.hjf-kaart2{height:440px!important}
.hjf-k-tekst{height:440px!important}
.hjf-k-foto1,.hjf-k-foto2{height:378px!important}
.hjf-kaarten{gap:24px!important}
.hjf-anders{margin-top:40px!important}
.hjf-opstart{margin-top:28px!important}
.hjf-k-voet{margin-top:40px!important}
@media (min-width:1081px){.hjf-kaart1 .hjf-k-details{top:200px}.hjf-kaart2 .hjf-k-details{top:255px}}
.e-con.hjf-ft-onder{padding-right:200px!important}

/* tablet */
@media (max-width:1080px){
  .e-con.hjf-dhero{min-height:640px}
  .e-con.hjf-dhero.hjf-dhero-c{min-height:480px}
  .e-con.hjf-dhero::after{background:linear-gradient(90deg,rgba(10,13,18,.9) 0%,rgba(10,13,18,.7) 60%,rgba(10,13,18,.45) 100%)}
  .hjf-d-bt-rij,.hjf-d-rg,.hjf-d-vh,.hjf-d-c-rij{flex-wrap:wrap!important;gap:40px!important}
  .hjf-d-pola,.hjf-d-vh-fotos{width:100%!important;flex:0 0 100%!important;max-width:560px;margin:0 auto!important}
  .hjf-d-bt-tekst,.hjf-d-rg-links,.hjf-d-rg-lijst,.hjf-d-c-links,.hjf-d-c-rechts{width:100%!important;flex:0 0 100%!important}
  .hjf-d-frij{flex-wrap:wrap!important}
  .e-con.hjf-d-fkaart{flex:0 0 calc(50% - 12px)!important;max-width:none}
  .hjf-d-stappen{flex-wrap:wrap!important;row-gap:32px!important}
  .hjf-d-stap{flex:0 0 calc(50% - 16px)!important}
  .hjf-d-slijn{display:none}
  .hjf-d-bkaart-breed{flex-direction:column!important}
  .hjf-d-bkaart-breed .hjf-d-kbeeld{width:100%!important;flex:0 0 auto!important;aspect-ratio:16/10;min-height:0}
  .e-con.hjf-d-gal{grid-template-columns:repeat(2,1fr)}
  .hjf-d-kop{margin-bottom:40px!important}
  .hjf-d-h2 .elementor-heading-title{font-size:38px!important;line-height:46px!important}
  .hjf-d-h1 .elementor-heading-title{font-size:42px!important;line-height:50px!important}
  .hjf-w-foto2{width:30%!important}
  .hjf-kaart1,.hjf-kaart2,.hjf-k-tekst{height:440px!important}
  .e-con.hjf-ft-onder{padding-right:0!important;padding-bottom:72px!important}
}
/* gsm */
@media (max-width:720px){
  .e-con.hjf-dhero{min-height:0;padding-top:140px!important;padding-bottom:56px!important}
  .hjf-d-h1 .elementor-heading-title,.hjf-d-h1c .elementor-heading-title,.hjf-d-contact .hjf-d-h1c .elementor-heading-title{font-size:34px!important;line-height:40px!important}
  .hjf-d-h2 .elementor-heading-title{font-size:30px!important;line-height:37px!important;letter-spacing:-.6px!important}
  .hjf-d-knoppen{width:100%!important}
  .hjf-d-knoppen>.elementor-widget,.hjf-d-knoppen .elementor-button{width:100%!important}
  .e-con.hjf-d-fkaart,.hjf-d-stap{flex:0 0 100%!important}
  .e-con.hjf-d-kaart{padding:22px!important}
  .e-con.hjf-d-gal{grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:8px}
  .hjf-d-gal>.elementor-widget:nth-child(1),.hjf-d-gal>.elementor-widget:nth-child(8){grid-column:span 2;grid-row:span 1}
  .hjf-d-rg-naam .elementor-heading-title{font-size:19px!important}
  .e-con.hjf-d-slot{min-height:0;padding-top:96px!important;padding-bottom:96px!important}
  .hjf-d-slot .hjf-d-h2 .elementor-heading-title{font-size:32px!important;line-height:38px!important}
  .hjf-d-c-rechts .hjf-f-titel .elementor-heading-title{font-size:30px!important;line-height:36px!important}
  .hjf-d-kop{margin-bottom:32px!important}
  .hjf-w-foto2{display:none}
  .hjf-d-ckop .elementor-heading-title{font-size:22px!important;line-height:30px!important}
}
/* contact op gsm en tablet: formulier meteen na de intro, contactkaart eronder (17-contact.md) */
@media (max-width:1080px){
  .hjf-d-c-rij{flex-direction:column!important}
  .e-con.hjf-d-c-links{display:contents!important}
  .hjf-d-c-links>*{order:1}
  .hjf-d-c-rechts{order:2}
  .hjf-d-c-links>.hjf-d-ckaart{order:3}
}
/* V2: de tablet/gsm-regel voor alle Bricolage-koppen (.hjf-bri) niet op de kleine koppen van de nieuwe pagina's */
@media (max-width:1080px){
  .hjf-d-rg-naam .elementor-heading-title{font-size:22px!important;line-height:30px!important;letter-spacing:0!important}
  .hjf-d-groep .elementor-heading-title,.hjf-d-ckop .elementor-heading-title{font-size:22px!important;line-height:30px!important;letter-spacing:0!important}
  .hjf-anders-t .hjf-bri .elementor-heading-title{font-size:24px!important;line-height:32px!important;letter-spacing:0!important}
  .hjf-d-stat .hjf-bri .elementor-heading-title{font-size:40px!important;line-height:48px!important}
}
@media (max-width:720px){
  .hjf-d-rg-naam .elementor-heading-title{font-size:19px!important;line-height:26px!important}
  .hjf-anders-t .hjf-bri .elementor-heading-title{font-size:22px!important;line-height:30px!important}
}
/* V2: menu met 5 items + submenu-pijl past tussen 1081 en 1299 enkel compacter (anders 2 regels) */
@media (min-width:1081px) and (max-width:1299px){
  .hjf-logo img{width:170px!important;height:34px}
  .hjf-nav .elementor-item{padding-left:7px!important;padding-right:7px!important;font-size:15px!important}
  .hjf-navcta .elementor-button{min-width:0!important;padding:10px 14px!important}
  .hjf-h-in{--gap:8px}
}
@media (min-width:1081px) and (max-width:1199px){
  .hjf-navcta .elementor-button-icon{display:none!important}
  .hjf-nav .elementor-item{padding-left:6px!important;padding-right:6px!important}
}
/* V2: formuletegels even hoog per rij, bolletje mee gecentreerd (langere teksten in stap 2) */
.hjf-form .elementor-field-subgroup .elementor-field-option{display:flex}
.hjf-form .elementor-field-subgroup .elementor-field-option label{flex:1 1 auto;box-sizing:border-box;line-height:20px}

/* mager 26/10: brede kaarten met liggend beeld dat de hoogte vult */
.hjf-d-bkaart-breed .hjf-d-kbeeld{overflow:hidden}
.hjf-d-bkaart-breed .hjf-d-kbeeld .elementor-widget-image,.hjf-d-bkaart-breed .hjf-d-kbeeld .elementor-widget-image .elementor-widget-container{height:100%}
.hjf-d-bkaart-breed .hjf-d-kbeeld img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}

/* locatiemodule 26/10: gemeenten als knoppen */
.hjf-d-steden{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hjf-d-steden li{margin:0}
.hjf-d-steden a{display:inline-block;padding:8px 14px;border:1px solid #E9EAEB;border-radius:999px;background:#fff;color:#181D27!important;font-family:Manrope,sans-serif;font-size:15px;line-height:20px;font-weight:500;text-decoration:none;transition:border-color .2s,background-color .2s}
.hjf-d-steden a:hover{border-color:#FAC515;background:#FEF7C3}

/* hero-uitsnede 26/10: per foto en per orientatie */
.hjf-hero .elementor-background-slideshow__slide__image[style*="hjf-hero-kurt-breed"]{background-position:right center!important}
.hjf-hero .elementor-background-slideshow__slide__image[style*="hjf-galerij-tuinfeest"]{background-position:center 35%!important}
.hjf-hero .elementor-background-slideshow__slide__image[style*="hjf-galerij-avondlicht"]{background-position:center 65%!important}
@media (orientation:portrait){
.hjf-hero .elementor-background-slideshow__slide__image[style*="hjf-hero-kurt-breed"]{background-image:url(https://frituur.dysign.be/wp-content/uploads/2026/10/hjf-hero-kurt.webp)!important;background-position:20% 60%!important}
.hjf-hero .elementor-background-slideshow__slide__image[style*="hjf-galerij-tuinfeest"]{background-position:38% center!important}
.hjf-hero .elementor-background-slideshow__slide__image[style*="hjf-galerij-avondlicht"]{background-position:36% center!important}
}
/* smashburgerkaart 26/10: zelfde hoogte als de andere twee */
.hjf-kaart3{height:440px!important}
@media (min-width:1081px){.hjf-kaart3 .hjf-k-details{top:230px}}

/* formulefoto's in de Figma-vorm, alle drie even hoog (28/10) */
.hjf-k-foto1,.hjf-k-foto2,.hjf-k-foto3{height:378px!important}
.hjf-k-foto1 img,.hjf-k-foto2 img,.hjf-k-foto3 img{object-fit:cover!important;object-position:center}

/* hero-dia bostuin (foto 1 van Kurt, 28/10) */
.hjf-hero .elementor-background-slideshow__slide__image[style*="hjf-hero-foodtruck-bostuin"]{background-position:70% 55%!important}
@media (orientation:portrait){.hjf-hero .elementor-background-slideshow__slide__image[style*="hjf-hero-foodtruck-bostuin"]{background-position:40% center!important}}

/* over-ons-hero-gsm 28/10: Ann en Kurt in beeld op staande schermen */
@media (orientation:portrait){.elementor-element-0a10c9f{background-position:73% center!important}}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Futura';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://frituur.dysign.be/wp-content/uploads/2024/02/Future-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Futura';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://frituur.dysign.be/wp-content/uploads/2024/02/Futura-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */