/* FVWL – B2B zichtbaarder (fvwl-b2b-promo.php, 15 nov 2026). Variabelen uit fvwl-design.css.
   Goud als tekst op licht: de donkere goudtint (leesbaar, contrast ≥ 4,5:1); het heldere goud alleen als lijn of op donker. */
:root{ --fvwl-gold-text:#8C6A2E; }

/* ---------- 1. bovenbalk en uitklapmenu ---------- */
.fvwl-top__links a.fvwl-b2bp-top{ opacity:1; color:var(--fvwl-gold-text); font-weight:400; padding:3px 10px 2px; margin:-4px 0; border:1px solid var(--fvwl-gold,#CCA569); transition:background-color .2s,color .2s; }
.fvwl-top__links a.fvwl-b2bp-top:hover,.fvwl-top__links a.fvwl-b2bp-top:focus-visible{ background:var(--fvwl-gold,#CCA569); color:var(--fvwl-ink,#1F1F1F); }
body.fvwl-hero-home .fvwl-hdr:not(.is-solid) .fvwl-top__links a.fvwl-b2bp-top{ color:var(--fvwl-gold,#CCA569); }
body.fvwl-hero-home .fvwl-hdr:not(.is-solid) .fvwl-top__links a.fvwl-b2bp-top:hover{ color:var(--fvwl-ink,#1F1F1F); }
.fvwl-drawer__pro{ padding:14px 20px 4px; }
.fvwl-drawer__pro a.fvwl-b2bp-top--m{ display:flex; align-items:center; justify-content:space-between; min-height:44px; padding:0 14px; border:1px solid var(--fvwl-gold,#CCA569); color:var(--fvwl-gold-text); font-family:var(--fvwl-sans,"Josefin Sans",sans-serif); font-size:12px; letter-spacing:.2em; text-transform:uppercase; text-decoration:none; }
.fvwl-drawer__pro a.fvwl-b2bp-top--m::after{ content:"→"; letter-spacing:0; color:var(--fvwl-gold,#CCA569); }

/* ---------- gedeelde onderdelen ---------- */
.fvwl-b2bp-eye{ margin:0 0 14px !important; padding:0 !important; font-family:var(--fvwl-sans,"Josefin Sans",sans-serif); font-size:11px; font-weight:400; letter-spacing:.3em; text-transform:uppercase; color:var(--fvwl-gold-text); line-height:1.4; }
.fvwl-b2bp-title{ margin:0 !important; padding:0 !important; font-family:var(--fvwl-serif,"Cormorant Garamond",Georgia,serif) !important; font-weight:400 !important; font-size:clamp(32px,3.3vw,48px) !important; line-height:1.08 !important; letter-spacing:.005em; color:var(--fvwl-ink,#1F1F1F); text-transform:none !important; }
.fvwl-b2bp-lead{ margin:18px 0 0 !important; font-family:var(--fvwl-serif,"Cormorant Garamond",Georgia,serif); font-style:italic; font-size:clamp(20px,1.6vw,24px); line-height:1.45; color:var(--fvwl-anthracite,#3A3A3A); }
.fvwl-b2bp-ctas{ display:flex; flex-wrap:wrap; gap:12px 14px; margin-top:32px; }
a.fvwl-b2bp-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 28px; font-family:var(--fvwl-sans,"Josefin Sans",sans-serif); font-size:12px; font-weight:400; letter-spacing:.2em; text-transform:uppercase; text-decoration:none !important; border:1px solid transparent; transition:background-color .2s,color .2s,border-color .2s; }
a.fvwl-b2bp-btn--gold{ background:var(--fvwl-gold,#CCA569); color:var(--fvwl-ink,#1F1F1F) !important; border-color:var(--fvwl-gold,#CCA569); }
a.fvwl-b2bp-btn--gold:hover,a.fvwl-b2bp-btn--gold:focus-visible{ background:#fff; border-color:#fff; }
a.fvwl-b2bp-btn--line-light{ color:#fff !important; border-color:rgba(255,255,255,.7); }
a.fvwl-b2bp-btn--line-light:hover,a.fvwl-b2bp-btn--line-light:focus-visible{ background:#fff; color:var(--fvwl-ink,#1F1F1F) !important; }
a.fvwl-b2bp-btn--dark{ background:var(--fvwl-anthracite,#3A3A3A); color:#fff !important; }
a.fvwl-b2bp-btn--dark:hover,a.fvwl-b2bp-btn--dark:focus-visible{ background:var(--fvwl-ink,#1F1F1F); }
a.fvwl-b2bp-btn--line{ color:var(--fvwl-anthracite,#3A3A3A) !important; border-color:var(--fvwl-anthracite,#3A3A3A); }
a.fvwl-b2bp-btn--line:hover,a.fvwl-b2bp-btn--line:focus-visible{ background:var(--fvwl-anthracite,#3A3A3A); color:#fff !important; }

/* ---------- 2. homepageblok over de volle breedte: foto als achtergrond, tekst rechts erover (Lucas, 15 nov 2026) ---------- */
.fvwl-b2bp-full{ position:relative; height:clamp(520px,44vw,760px); overflow:hidden; background:#0C0907; font-family:var(--fvwl-sans,"Josefin Sans",sans-serif); }
.fvwl-b2bp-full__media{ position:absolute; inset:0; }
.fvwl-b2bp-full__media picture{ display:block; width:100%; height:100%; }
/* de kaarsen staan links in het beeld: bij bijsnijden blijft de linkerkant staan */
.fvwl-b2bp-full__media img{ width:100%; height:100%; object-fit:cover; object-position:left center; display:block; }
.fvwl-b2bp-full__media::after{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(12,9,7,0) 45%,rgba(12,9,7,.6) 75%,rgba(12,9,7,.75) 100%); }
.fvwl-b2bp-full__txt{ position:relative; z-index:1; height:100%; display:flex; flex-direction:column; justify-content:center; margin-left:60%; padding:48px var(--fvwl-gutter,32px) 48px 0; max-width:520px; box-sizing:content-box; }
.fvwl-b2bp-full .fvwl-b2bp-eye{ color:var(--fvwl-gold,#CCA569); }
.fvwl-b2bp-full .fvwl-b2bp-title{ color:#fff; }
.fvwl-b2bp-full .fvwl-b2bp-lead{ color:#E5E2DC; }
.fvwl-b2bp-full .fvwl-b2bp-ctas{ margin-top:28px; }
.fvwl-b2bp-home__more{ margin:24px 0 0 !important; font-size:11.5px; letter-spacing:.2em; text-transform:uppercase; }
.fvwl-b2bp-home__more a{ color:#E5E2DC !important; text-decoration:none; border-bottom:1px solid var(--fvwl-gold,#CCA569); padding-bottom:5px; }
.fvwl-b2bp-home__more a:hover{ color:#fff !important; }
@media (min-width:768px) and (max-width:1100px){
  .fvwl-b2bp-full__txt{ margin-left:52%; }
  .fvwl-b2bp-full__media::after{ background:linear-gradient(90deg,rgba(12,9,7,0) 35%,rgba(12,9,7,.65) 65%,rgba(12,9,7,.8) 100%); }
}
@media (max-width:767px){
  /* mobiel: label en titel over de bovenkant van de foto (4:5), lead, knoppen en link eronder op donker */
  .fvwl-b2bp-full{ height:auto; }
  .fvwl-b2bp-full__media{ position:relative; aspect-ratio:4/5; }
  .fvwl-b2bp-full__media img{ object-position:center; }
  .fvwl-b2bp-full__media::after{ background:linear-gradient(180deg,rgba(12,9,7,.7) 0%,rgba(12,9,7,0) 45%); }
  .fvwl-b2bp-full__txt{ position:static; height:auto; margin:0; padding:0; max-width:none; display:block; }
  .fvwl-b2bp-full__head{ position:absolute; top:0; left:0; right:0; z-index:1; padding:36px 20px 0; }
  .fvwl-b2bp-full__body{ padding:28px 20px 52px; }
  .fvwl-b2bp-full .fvwl-b2bp-lead{ margin-top:0 !important; }
  .fvwl-b2bp-full .fvwl-b2bp-ctas a.fvwl-b2bp-btn{ flex:1 1 100%; }
}

/* ---------- 3. footer: vijf kolommen ---------- */
@media (min-width:1025px){
  .fvwl-ft__main.fvwl-ft__main--pro{ grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr) minmax(0,.8fr) minmax(0,.9fr) minmax(0,1.35fr); gap:40px; }
}
.fvwl-ft__col--pro h2{ color:var(--fvwl-gold-text) !important; }

/* ---------- 4. pagina /b2b/ ---------- */
body.fvwl-b2bp-page #main-content .container, body.fvwl-b2bp-page #main-content .container:before{ width:100% !important; max-width:none !important; padding:0 !important; background:none !important; }
body.fvwl-b2bp-page #left-area{ width:100% !important; padding:0 !important; float:none !important; }
body.fvwl-b2bp-page #sidebar, body.fvwl-b2bp-page .et_post_meta_wrapper, body.fvwl-b2bp-page h1.entry-title, body.fvwl-b2bp-page .main_title{ display:none !important; }
body.fvwl-b2bp-page article.page{ margin:0 !important; padding:0 !important; }
.fvwl-b2bp{ font-family:var(--fvwl-sans,"Josefin Sans",sans-serif); color:var(--fvwl-anthracite,#3A3A3A); background:#fff; }
.fvwl-b2bp p{ padding:0; }
.fvwl-b2bp-in{ max-width:var(--fvwl-container,1320px); margin:0 auto; padding:0 var(--fvwl-gutter,32px); }
.fvwl-b2bp-narrow{ max-width:860px; }
.fvwl-b2bp-sec{ padding:96px 0; }
.fvwl-b2bp-head{ margin:0 0 48px; }
/* hero */
.fvwl-b2bp-hero{ position:relative; min-height:min(78vh,760px); display:flex; align-items:flex-end; background:var(--fvwl-ink,#1F1F1F); overflow:hidden; }
.fvwl-b2bp-hero__img{ position:absolute; inset:0; }
.fvwl-b2bp-hero__img picture{ display:block; width:100%; height:100%; }
/* de kaarsen staan rechts in het beeld: rechts blijft altijd staan; links rustige muur voor de tekst */
.fvwl-b2bp-hero__img img{ width:100%; height:100%; object-fit:cover; object-position:right center; display:block; }
.fvwl-b2bp-hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(20,14,8,.65) 0%,rgba(20,14,8,.35) 40%,rgba(20,14,8,0) 65%); }
.fvwl-b2bp-hero__in{ position:relative; z-index:1; width:100%; max-width:var(--fvwl-container,1320px); margin:0 auto; padding:120px var(--fvwl-gutter,32px) 88px; }
.fvwl-b2bp-hero .fvwl-b2bp-eye{ color:var(--fvwl-gold,#CCA569); }
.fvwl-b2bp-hero h1.fvwl-b2bp-hero__h1{ font-family:var(--fvwl-sans,"Josefin Sans",sans-serif) !important; font-size:12px !important; font-weight:400 !important; letter-spacing:.3em !important; text-transform:uppercase !important; line-height:1.4 !important; color:var(--fvwl-gold,#CCA569) !important; margin:0 0 16px !important; padding:0 !important; }
.fvwl-b2bp-hero__title{ max-width:720px; margin:0 !important; padding:0 !important; font-family:var(--fvwl-serif,"Cormorant Garamond",Georgia,serif) !important; font-weight:400 !important; font-size:clamp(38px,4.6vw,66px) !important; line-height:1.04 !important; color:#fff !important; text-transform:none !important; }
.fvwl-b2bp-hero__lead{ max-width:560px; margin-top:22px; }
.fvwl-b2bp-hero__lead p{ margin:0 !important; font-size:17px !important; line-height:1.7 !important; color:#EDEAE4 !important; font-weight:300; }
/* waarom */
.fvwl-b2bp-why__list{ list-style:none !important; margin:0 !important; padding:0 !important; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:36px; }
.fvwl-b2bp-why__list li{ padding:28px 0 0 !important; border-top:1px solid var(--fvwl-line,#E5E2DC); }
.fvwl-b2bp-ico{ color:var(--fvwl-gold,#CCA569); margin-bottom:18px; }
.fvwl-b2bp-why h3, .fvwl-b2bp-how h3{ margin:0 0 10px !important; padding:0 !important; font-family:var(--fvwl-serif,"Cormorant Garamond",Georgia,serif) !important; font-weight:400 !important; font-size:24px !important; line-height:1.2 !important; color:var(--fvwl-ink,#1F1F1F) !important; }
.fvwl-b2bp-why p, .fvwl-b2bp-how p{ margin:0 !important; font-size:15px; line-height:1.7; font-weight:300; }
@media (max-width:1100px){ .fvwl-b2bp-why__list{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px){ .fvwl-b2bp-why__list{ grid-template-columns:1fr; gap:8px; } }
/* zo werkt het */
.fvwl-b2bp-how{ background:var(--fvwl-paper,#FAF8F4); }
.fvwl-b2bp-split{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(40px,6vw,96px); align-items:center; }
.fvwl-b2bp-split__img{ aspect-ratio:4/5; overflow:hidden; background:var(--fvwl-stone,#F2F0EC); }
.fvwl-b2bp-split__img picture{ display:block; width:100%; height:100%; }
.fvwl-b2bp-split__img img{ width:100%; height:100%; object-fit:cover; display:block; }
.fvwl-b2bp-steps{ list-style:none !important; margin:0 !important; padding:0 !important; counter-reset:none; }
.fvwl-b2bp-steps li{ display:grid; grid-template-columns:56px 1fr; gap:18px; padding:22px 0 !important; border-top:1px solid var(--fvwl-line,#E5E2DC); }
.fvwl-b2bp-steps li:last-child{ border-bottom:1px solid var(--fvwl-line,#E5E2DC); }
.fvwl-b2bp-step__n{ font-family:var(--fvwl-serif,"Cormorant Garamond",Georgia,serif); font-size:44px; line-height:1; color:var(--fvwl-gold,#CCA569); }
@media (max-width:900px){ .fvwl-b2bp-split{ grid-template-columns:1fr; } .fvwl-b2bp-split__img{ aspect-ratio:4/5; } }
/* praktisch */
.fvwl-b2bp-facts{ margin:0 !important; }
.fvwl-b2bp-facts__row{ display:grid; grid-template-columns:200px 1fr; gap:24px; padding:20px 0; border-top:1px solid var(--fvwl-line,#E5E2DC); }
.fvwl-b2bp-facts__row:last-child{ border-bottom:1px solid var(--fvwl-line,#E5E2DC); }
.fvwl-b2bp-facts dt{ font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--fvwl-ink,#1F1F1F); padding-top:3px; }
.fvwl-b2bp-facts dd{ margin:0; font-size:16px; line-height:1.6; font-weight:300; }
.fvwl-b2bp-info{ display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; margin-top:16px; }
.fvwl-b2bp-info a.fvwl-b2bp-btn{ min-height:46px; padding:0 22px; }
a.fvwl-b2bp-mail{ color:var(--fvwl-anthracite,#3A3A3A) !important; text-decoration:none; border-bottom:1px solid var(--fvwl-gold,#CCA569); padding-bottom:2px; }
a.fvwl-b2bp-mail:hover{ color:var(--fvwl-ink,#1F1F1F) !important; }
@media (max-width:600px){ .fvwl-b2bp-facts__row{ grid-template-columns:1fr; gap:6px; } }
/* collecties: de tegels van de homepage */
.fvwl-b2bp-cols .fvwl-hs{ padding:96px 0 !important; background:var(--fvwl-paper,#FAF8F4); }
.fvwl-b2bp-cols .fvwl-b2bp-head{ text-align:left; }
/* vragen */
.fvwl-b2bp-faq__item{ border-top:1px solid var(--fvwl-line,#E5E2DC); }
.fvwl-b2bp-faq__item:last-child{ border-bottom:1px solid var(--fvwl-line,#E5E2DC); }
.fvwl-b2bp-faq__item summary{ list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:22px 0; font-family:var(--fvwl-serif,"Cormorant Garamond",Georgia,serif); font-size:23px; line-height:1.25; color:var(--fvwl-ink,#1F1F1F); }
.fvwl-b2bp-faq__item summary::-webkit-details-marker{ display:none; }
.fvwl-b2bp-faq__item summary::after{ content:"+"; font-family:var(--fvwl-sans,"Josefin Sans",sans-serif); font-weight:300; font-size:24px; color:var(--fvwl-gold-text); transition:transform .2s; }
.fvwl-b2bp-faq__item[open] summary::after{ transform:rotate(45deg); }
.fvwl-b2bp-faq__item p{ margin:0 0 24px !important; max-width:680px; font-size:16px; line-height:1.7; font-weight:300; }
/* SEO-tekst van de bestaande pagina */
.fvwl-b2bp-seo{ background:var(--fvwl-paper,#FAF8F4); border-top:1px solid var(--fvwl-line,#E5E2DC); }
.fvwl-b2bp-seo__grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px 72px; }
.fvwl-b2bp-seo h2{ margin:0 0 14px !important; padding:0 !important; font-family:var(--fvwl-serif,"Cormorant Garamond",Georgia,serif) !important; font-weight:400 !important; font-size:28px !important; line-height:1.2 !important; color:var(--fvwl-ink,#1F1F1F) !important; text-transform:none !important; }
.fvwl-b2bp-seo p{ margin:0 0 12px !important; font-size:15.5px !important; line-height:1.75 !important; font-weight:300; color:var(--fvwl-anthracite,#3A3A3A) !important; }
@media (max-width:800px){ .fvwl-b2bp-seo__grid{ grid-template-columns:1fr; gap:36px; } }
/* slot */
.fvwl-b2bp-end{ background:var(--fvwl-ink,#1F1F1F); padding:96px 0; text-align:center; }
.fvwl-b2bp-end .fvwl-b2bp-title{ color:#fff; }
.fvwl-b2bp-end .fvwl-b2bp-ctas{ justify-content:center; }
.fvwl-b2bp-end__have{ margin:22px 0 0 !important; color:#C9C4BA; font-size:14px; letter-spacing:.04em; }
.fvwl-b2bp-end__have a{ color:#fff !important; border-bottom:1px solid var(--fvwl-gold,#CCA569); text-decoration:none; padding-bottom:2px; }
@media (max-width:767px){
  .fvwl-b2bp-sec, .fvwl-b2bp-end, .fvwl-b2bp-cols .fvwl-hs{ padding:64px 0 !important; }
  .fvwl-b2bp-in{ padding:0 20px; }
  .fvwl-b2bp-head{ margin-bottom:32px; }
  /* mobiel: de foto (4:5) volledig bovenaan, de tekst eronder op donker — zo valt de tekst nooit over de kaarsen */
  .fvwl-b2bp-hero{ min-height:0; display:block; }
  .fvwl-b2bp-hero__img{ position:relative; inset:auto; aspect-ratio:4/5; }
  .fvwl-b2bp-hero__img img{ object-position:center; }
  .fvwl-b2bp-hero::after{ display:none; }
  .fvwl-b2bp-hero__in{ padding:32px 20px 48px; }
  .fvwl-b2bp-ctas a.fvwl-b2bp-btn{ flex:1 1 100%; }
}

/* ---------- 5. registratie en bevestiging ---------- */
.fvwl-b2bp-reg__intro{ max-width:620px; margin:14px auto 0 !important; text-align:center; font-family:var(--fvwl-serif,"Cormorant Garamond",Georgia,serif); font-style:italic; font-size:20px; line-height:1.5; color:var(--fvwl-anthracite,#3A3A3A); }
.fvwl-b2bp-ty{ max-width:640px; margin:72px auto 96px; padding:0 20px; text-align:center; font-family:var(--fvwl-sans,"Josefin Sans",sans-serif); }
.fvwl-b2bp-ty__ico{ color:var(--fvwl-gold,#CCA569); margin-bottom:22px; }
.fvwl-b2bp-ty p{ margin:16px 0 0 !important; font-size:16px; line-height:1.7; font-weight:300; }
.fvwl-b2bp-ty .fvwl-b2bp-ctas{ justify-content:center; }