/* =========================================================
   Hello Interior — site.css
   1. Basis (lettertype, reset, hulpklassen)   ← met de hand onderhouden
   2. Componentklassen (hd-, ft-, fd-, calc-, home-, ...)
      hd = header, ft = footer, fd = functie-details, calc = prijscalculator,
      flow = werkstroom, fx = functiepagina's, overige = per pagina.
   Pas een klasse aan en de wijziging geldt overal waar die klasse staat.
   ========================================================= */

@font-face{font-family:"Sofia Pro";src:url("/assets/fonts/SofiaPro-Light.ttf") format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:"Sofia Pro";src:url("/assets/fonts/SofiaPro-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Sofia Pro";src:url("/assets/fonts/SofiaPro-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Sofia Pro";src:url("/assets/fonts/SofiaPro-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Sofia Pro";src:url("/assets/fonts/SofiaPro-Bold.ttf") format("truetype");font-weight:700;font-display:swap}

:where(html,body){margin:0;background:#FAF7F3;color:#3B060A;font-family:"Sofia Pro",ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
:where(a){color:#D96F32;text-decoration:none;cursor:pointer}
:where(a:hover){color:#B95A24}
button{font-family:inherit}
[hidden]{display:none!important}
[data-tab-panel],[data-acc-panel],[data-calc-show],[data-modal-clip],[data-modal-noclip]{display:contents}
[role="button"]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #D96F32;outline-offset:2px}

/* Animaties (home) */
@keyframes hi-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes hi-zoom{0%,14%{transform:scale(1)}42%,82%{transform:scale(var(--s))}100%{transform:scale(1)}}
@keyframes hi-cursor{0%,18%{transform:translate(var(--dx),var(--dy));opacity:0}24%{opacity:1}44%{transform:translate(0,0)}47%{transform:translate(0,0) scale(.85)}50%,84%{transform:translate(0,0) scale(1);opacity:1}92%,100%{transform:translate(0,0);opacity:0}}
@keyframes hi-ripple{0%,46%{transform:translate(-50%,-50%) scale(0);opacity:0}48%{opacity:.7}62%,100%{transform:translate(-50%,-50%) scale(1);opacity:0}}
@keyframes hi-toast{0%,52%{transform:translateY(16px);opacity:0}58%,86%{transform:translateY(0);opacity:1}94%,100%{transform:translateY(8px);opacity:0}}
@media (prefers-reduced-motion:reduce){[data-hi-anim] *,[style*="hi-marquee"]{animation:none!important}}

/* Header: uitklapmenu's (hover + toetsenbord) */
.dd-panel{display:none}
[data-dd]:hover>.dd-panel,[data-dd]:focus-within>.dd-panel{display:block}
.nav-toggle{display:none;width:44px;height:44px;border:0;border-radius:12px;background:#FFF1E6;color:#3B060A;font-size:18px;cursor:pointer;align-items:center;justify-content:center}
.nav-mobile-only{display:none}
@media (max-width:960px){
  .nav-toggle{display:inline-flex}
  #site-nav{display:none!important;order:10;flex-basis:100%;flex-direction:column;align-items:stretch;padding:8px 0 4px}
  .nav-open #site-nav{display:flex!important}
  #site-nav .dd-panel,#site-nav .fa-chevron-down{display:none!important}
  #site-nav a{font-size:17px!important;padding:12px!important}
  .nav-mobile-only{display:block}
  .nav-login{display:none!important}
  .nav-actions{margin-left:auto}
}
@media (max-width:420px){.nav-demo{padding:10px 12px!important;font-size:14px!important}}

/* Blog */
.toc{position:static}
@media (min-width:900px){.toc{position:sticky;top:100px}}
.post h2{scroll-margin-top:100px;font-size:clamp(24px,2.6vw,32px);line-height:1.15;letter-spacing:-0.02em;margin:44px 0 12px}
.post p{margin:0 0 16px}
.post ul,.post ol{margin:0 0 18px;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.post a{text-decoration:underline}

/* Modal functie-details */
body.modal-open{overflow:hidden}

/* Demo-pagina: Calendly-agenda in de pagina; de laadmelding staat achter de agenda */
.demo-1{position:relative;margin-top:40px;background:#FFFFFF;border:1px solid #EADCCD;border-radius:28px;box-shadow:0 1px 2px rgba(59,6,10,.04),0 24px 60px rgba(59,6,10,.08);overflow:hidden}
.demo-2{position:absolute;top:0;left:0;right:0;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:16px;font-weight:500;color:#6E4E48}
.demo-3{width:36px;height:36px;border-radius:50%;border:3px solid #FFF1E6;border-top-color:#D96F32;animation:demo-spin .8s linear infinite}
@keyframes demo-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.demo-3{animation-duration:2.4s}}
.demo-4{position:relative;display:block;width:100%;height:720px;border:0}
@media (max-width:700px){.demo-4{height:1050px}}

/* Contactformulier */
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-error{font-size:13px;font-weight:500;color:#B42318}
[aria-invalid="true"]{border-color:#B42318!important}
.form-status{padding:12px 14px;border-radius:12px;background:#FDECEA;color:#B42318;font-size:15px;font-weight:500}
button[type="submit"][disabled]{opacity:.6;cursor:wait}

/* Klantlogo dat niet laadt → naam als tekst */
.logo-fallback{flex:none;font-size:17px;font-weight:700;letter-spacing:-0.01em;color:#3B060A;opacity:.55;white-space:nowrap}

/* ---------- Componentklassen (gegenereerd uit het ontwerp) ---------- */

/* --- Gedeeld (meerdere pagina's/onderdelen) --- */
.g-1{font-family:'Sofia Pro',ui-sans-serif,system-ui,sans-serif;color:#3B060A;background-color:#FAF7F3;background-image:radial-gradient(900px 620px at 0% 0%,#FCE6DB 0%,rgba(252,230,219,0) 70%),radial-gradient(520px 520px at 38% 34%,#FACDBC 0%,rgba(250,205,188,0) 70%),radial-gradient(460px 460px at 52% 50%,#E0D5E4 0%,rgba(224,213,228,0) 70%),radial-gradient(700px 500px at 100% 8%,#FCE6DB 0%,rgba(252,230,219,0) 70%);background-repeat:no-repeat;min-height:100vh}
.g-2{position:sticky;top:0;z-index:50;display:block}
.g-3{color:#D96F32}
.g-4{font-size:13px;color:#957770}
.g-5{font-size:15px;font-weight:600}
.g-6{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.g-7{display:flex;align-items:center;gap:56px;width:max-content;padding-right:56px;animation:hi-marquee 40s linear infinite}
.g-8{flex:none;height:34px;max-width:150px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;opacity:0.7}
.g-9{flex:none;height:34px;max-width:150px;object-fit:contain;filter:grayscale(1) invert(1) contrast(1.5) brightness(1.15);mix-blend-mode:multiply;opacity:0.7}
.g-10{flex:none;height:54.400000000000006px;max-width:240px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;opacity:0.7}
.g-11{flex:none;height:51px;max-width:225px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;opacity:0.7}
.g-12{flex:none;height:30.6px;max-width:135px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;opacity:0.7}
.g-13{display:flex;flex-direction:column;gap:18px;font-size:18px;line-height:1.7;color:#6E4E48;text-wrap:pretty}
.g-14{margin:0}
.g-15{max-width:1280px;margin:0 auto;padding:0 20px 96px}
.g-16{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.g-17{position:relative;aspect-ratio:1.792166266986411;width:auto;height:100%;max-width:100%;max-height:100%;transform-origin:80% 40%;animation:hi-zoom 7s ease-in-out infinite;--s:1.55}
.g-18{display:block;width:100%;height:100%;object-fit:contain}
.g-19{position:absolute;left:74%;top:36%;width:44px;height:44px;border-radius:999px;background:rgba(217,111,50,.45);animation:hi-ripple 7s ease-in-out infinite}
.g-20{position:absolute;left:74%;top:36%;margin-left:-3px;margin-top:-2px;filter:drop-shadow(0 2px 4px rgba(59,6,10,.35));animation:hi-cursor 7s ease-in-out infinite;--dx:-140px;--dy:90px}
.g-21{position:absolute;left:16px;bottom:16px;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 14px 36px rgba(59,6,10,.16);display:flex;gap:12px;align-items:center;animation:hi-toast 7s ease-in-out infinite;font-size:15px;font-weight:600;color:#3B060A}
.g-22{width:30px;height:30px;border-radius:9px;background:#FFF1E6;color:#D96F32;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.g-23{font-weight:700;color:#3B060A}
.g-24{position:relative;aspect-ratio:1.6089965397923875;width:auto;height:100%;max-width:100%;max-height:100%;transform-origin:78% 18%;animation:hi-zoom 7s ease-in-out infinite;--s:1.6}
.g-25{position:absolute;left:90%;top:9%;width:44px;height:44px;border-radius:999px;background:rgba(217,111,50,.45);animation:hi-ripple 7s ease-in-out infinite}
.g-26{position:absolute;left:90%;top:9%;margin-left:-3px;margin-top:-2px;filter:drop-shadow(0 2px 4px rgba(59,6,10,.35));animation:hi-cursor 7s ease-in-out infinite;--dx:-140px;--dy:90px}
.g-27{position:relative;aspect-ratio:2.179863147605083;width:100%;height:auto;max-width:100%;max-height:100%;transform-origin:82% 70%;animation:hi-zoom 7s ease-in-out infinite;--s:1.6}
.g-28{position:absolute;left:87%;top:75%;width:44px;height:44px;border-radius:999px;background:rgba(217,111,50,.45);animation:hi-ripple 7s ease-in-out infinite}
.g-29{position:absolute;left:87%;top:75%;margin-left:-3px;margin-top:-2px;filter:drop-shadow(0 2px 4px rgba(59,6,10,.35));animation:hi-cursor 7s ease-in-out infinite;--dx:-140px;--dy:90px}
.g-30{position:relative;aspect-ratio:1.6786034019695613;width:auto;height:100%;max-width:100%;max-height:100%;transform-origin:66% 82%;animation:hi-zoom 7s ease-in-out infinite;--s:1.6}
.g-31{position:absolute;left:70%;top:82%;width:44px;height:44px;border-radius:999px;background:rgba(217,111,50,.45);animation:hi-ripple 7s ease-in-out infinite}
.g-32{position:absolute;left:70%;top:82%;margin-left:-3px;margin-top:-2px;filter:drop-shadow(0 2px 4px rgba(59,6,10,.35));animation:hi-cursor 7s ease-in-out infinite;--dx:-140px;--dy:90px}
.g-33{position:relative;aspect-ratio:auto;width:100%;height:auto;max-width:100%;max-height:100%;transform-origin:60% 25%;animation:hi-zoom 7s ease-in-out infinite;--s:1.35}
.g-34{position:absolute;left:78%;top:22%;width:44px;height:44px;border-radius:999px;background:rgba(217,111,50,.45);animation:hi-ripple 7s ease-in-out infinite}
.g-35{position:absolute;left:78%;top:22%;margin-left:-3px;margin-top:-2px;filter:drop-shadow(0 2px 4px rgba(59,6,10,.35));animation:hi-cursor 7s ease-in-out infinite;--dx:-140px;--dy:90px}
.g-36{font-size:14px;font-weight:600;color:#D96F32}
.g-37{font-size:20px;font-weight:700}
.g-38{flex:none;width:26px;height:26px;border-radius:8px;background:#FFF1E6;color:#D96F32;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.g-39{font-weight:600}
.g-40{padding:16px 26px;border-radius:16px;background:#fff;color:#3B060A;font-weight:600;font-size:17px}
.g-41{max-width:1280px;margin:0 auto;padding:72px 20px 48px}
.g-42{font-size:clamp(42px,5.6vw,72px);line-height:1.02;letter-spacing:-0.035em;font-weight:700;margin:12px 0 0;text-wrap:balance}
.g-43{font-size:36px;letter-spacing:-0.025em;font-weight:700;margin:0}
.g-44{font-size:18px;line-height:1.55;color:#6E4E48;margin:12px 0 0}
.g-45{display:flex;flex-direction:column;gap:14px;margin-top:28px}
.g-46{display:flex;gap:14px;align-items:flex-start}
.g-47{font-weight:600;font-size:17px}
.g-48{color:#6E4E48;font-size:16px;line-height:1.5;margin-top:2px}
.g-49{font-size:15px;line-height:1.5;color:#6E4E48}
.g-50{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:40px}
.g-51{font-size:clamp(30px,3.4vw,44px);line-height:1.05;letter-spacing:-0.03em;font-weight:700;margin:10px 0 0}
.g-52{font-size:17px;color:#6E4E48;margin:14px 0 0}
.g-53{display:flex;flex-direction:column;gap:8px}
.g-54{border-radius:18px;background:#F3E9DC}
.g-55{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;cursor:pointer;text-align:left;font-family:inherit;font-size:17px;font-weight:600;color:#3B060A;box-sizing:border-box}
.g-56{flex:none;width:30px;height:30px;border-radius:9px;background:#FFF1E6;color:#D96F32;display:flex;align-items:center;justify-content:center;font-size:17px}
.g-57{margin:0;padding:0 22px 22px;font-size:16px;line-height:1.6;color:#6E4E48;text-wrap:pretty}
.g-58{border-radius:32px;background:linear-gradient(120deg,#F8B259 0%,#D96F32 100%);color:#fff;padding:clamp(32px,5vw,56px);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.g-59{font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-0.035em;font-weight:700;margin:0;max-width:640px}
.g-60{font-size:clamp(40px,5vw,64px);line-height:1.04;letter-spacing:-0.035em;font-weight:700;margin:12px 0 0;text-wrap:balance}
.g-61{background:#fff;border-radius:28px;padding:12px;box-shadow:0 1px 2px rgba(59,6,10,.04),0 24px 60px rgba(59,6,10,.08)}
.g-62{max-width:1280px;margin:0 auto;padding:64px 20px 96px}
.g-63{color:#6E4E48;margin-top:6px}
.g-64{max-width:1280px;margin:0 auto;padding:72px 20px 96px}
.g-65{font-size:16px;line-height:1.55;color:#6E4E48}
.g-66{font-size:15px;line-height:1.55;color:#6E4E48}
.g-67{margin:28px 0;padding:24px 26px;border-radius:20px;background:linear-gradient(120deg,#F8B259 0%,#D96F32 100%);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.g-68{font-size:20px}
.g-69{padding:12px 20px;border-radius:12px;background:#fff;color:#3B060A;font-weight:600;text-decoration:none}
.g-70{font-size:21px;margin:28px 0 10px}
.g-71{overflow-x:auto;margin:0 0 24px}
.g-72{width:100%;border-collapse:collapse;font-size:15px;line-height:1.4;background:#fff;border-radius:16px;overflow:hidden}
.g-73{text-align:left;padding:12px 14px;background:#F3E9DC}
.g-74{padding:10px 14px;border-top:1px solid #EADCCD}
.g-75{padding:10px 14px;border-top:1px solid #EADCCD;white-space:nowrap}

/* --- Header --- */
.hd-1{padding:14px 20px 0;position:relative}
.hd-2{max-width:1280px;margin:0 auto;background:rgba(250,247,243,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:20px;box-shadow:0 1px 2px rgba(59,6,10,.04),0 8px 24px rgba(59,6,10,.06);padding:10px 12px 10px 20px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hd-3{display:flex;align-items:center}
.hd-4{height:36px;display:block}
.hd-5{display:flex;gap:2px;flex-wrap:wrap;flex:1;justify-content:center}
.hd-6{padding:9px 11px;border-radius:12px;font-size:15px;font-weight:500;white-space:nowrap;color:#3B060A;background:transparent}
.hd-7{position:static}
.hd-8{display:flex;align-items:center;gap:6px;padding:9px 11px;border-radius:12px;font-size:15px;font-weight:500;white-space:nowrap;color:#3B060A;background:transparent}
.hd-9{font-size:10px;opacity:.7}
.hd-10{position:absolute;left:20px;right:20px;top:100%;padding-top:10px;z-index:60}
.hd-11{max-width:1240px;margin:0 auto;background:#FAF7F3;border-radius:20px;box-shadow:0 24px 60px rgba(59,6,10,.16);padding:28px clamp(20px,3vw,48px);display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:24px 40px}
.hd-12{display:flex;flex-direction:column;gap:4px;color:#3B060A}
.hd-13{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:500}
.hd-14{width:20px;flex:none;text-align:center;color:#3B060A}
.hd-15{font-size:14px;line-height:1.5;color:#6E4E48;min-height:3em;max-width:300px}
.hd-16{position:relative}
.hd-17{position:absolute;left:0;top:100%;padding-top:10px;z-index:60;min-width:220px}
.hd-18{background:#FAF7F3;border-radius:16px;box-shadow:0 24px 60px rgba(59,6,10,.16);padding:8px;display:flex;flex-direction:column;gap:2px}
.hd-19{padding:10px 14px;border-radius:10px;font-size:15px;font-weight:500;color:#3B060A}
.hd-20{display:flex;gap:8px;align-items:center}
.hd-21{padding:10px 10px;font-size:15px;font-weight:500;white-space:nowrap;color:#3B060A}
.hd-22{white-space:nowrap;padding:11px 18px;border-radius:14px;background:linear-gradient(120deg,#F8B259 0%,#D96F32 100%);color:#fff;font-weight:600;font-size:15px}
.hd-23{padding:9px 11px;border-radius:12px;font-size:15px;font-weight:500;white-space:nowrap;color:#D96F32;background:#FFF1E6}
.hd-24{display:flex;align-items:center;gap:6px;padding:9px 11px;border-radius:12px;font-size:15px;font-weight:500;white-space:nowrap;color:#D96F32;background:#FFF1E6}

/* --- Footer --- */
.ft-1{max-width:1280px;margin:0 auto;padding:0 20px 28px}
.ft-2{border-radius:24px;background:#F3E9DC;padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:28px}
.ft-3{display:flex;flex-direction:column;gap:12px}
.ft-4{height:38px;width:auto;align-self:flex-start}
.ft-5{font-size:14px;line-height:1.55;color:#6E4E48}
.ft-6{display:flex;flex-direction:column;gap:8px;font-size:15px}
.ft-7{font-weight:700}
.ft-8{color:#6E4E48}
.ft-9{display:flex;flex-direction:column;gap:8px;font-size:15px;color:#6E4E48}
.ft-10{font-size:13px;color:#957770;padding:16px 8px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}
.ft-11{display:flex;flex-wrap:wrap;gap:6px 20px}

/* --- Functie-details (alle functiepagina's) --- */
.fd-1{font-size:clamp(30px,3.6vw,46px);line-height:1.08;letter-spacing:-0.03em;font-weight:700;margin:0 0 28px;max-width:820px;text-wrap:balance}
.fd-2{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.fd-3{flex:1 1 220px;max-width:280px;display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:22px;background:#F3E9DC}
.fd-4{cursor:pointer;padding:11px 14px;border-radius:12px;font-size:15px;font-weight:600;background:transparent;color:#3B060A}
.fd-5{flex:999 1 480px;min-width:0}
.fd-6{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.fd-7{background:#fff;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:box-shadow .2s,transform .2s}
.fd-8{font-size:17px;font-weight:700}
.fd-9{margin-top:auto;padding-top:6px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#D96F32}
.fd-10{position:fixed;inset:0;z-index:200;background:rgba(59,6,10,.55);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}
.fd-11{position:relative;width:min(1100px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#FAF7F3;border-radius:28px;padding:clamp(16px,2.4vw,28px);box-shadow:0 40px 100px rgba(59,6,10,.35);display:flex;flex-direction:column;gap:18px}
.fd-12{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.fd-13{display:flex;flex-direction:column;gap:6px;max-width:720px}
.fd-14{font-size:clamp(22px,2.4vw,30px);font-weight:700;letter-spacing:-0.02em;color:#3B060A}
.fd-15{flex:none;width:44px;height:44px;border-radius:50%;background:#fff;color:#3B060A;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px}
.fd-16{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:center;background:#F3E9DC;border-radius:20px;padding:clamp(16px,3vw,32px)}
.fd-17{width:min(280px,70vw);aspect-ratio:220/480;border-radius:36px;background:#1E1412;padding:8px;box-shadow:0 24px 60px rgba(59,6,10,.25)}
.fd-18{display:block;width:100%;height:100%;object-fit:cover;border-radius:28px;background:#fff}
.fd-19{display:flex;flex-direction:column;gap:8px;min-width:200px;max-width:280px}
.fd-20{font-size:13px;font-weight:600;color:#957770}
.fd-21{cursor:pointer;padding:12px 14px;border-radius:12px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:10px;background:#fff;color:#3B060A}
.fd-22{font-size:11px}
.fd-23{background:#fff;border-radius:20px;padding:10px}
.fd-24{border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#F3E9DC}

/* --- Prijscalculator --- */
.calc-1{background:#fff;border-radius:28px;box-shadow:0 24px 60px rgba(59,6,10,.08);overflow:hidden;color:#3B060A}
.calc-2{padding:24px 28px;border-bottom:1px solid #EADCCD;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.calc-3{display:flex;padding:4px;border-radius:12px;background:#FAF7F3}
.calc-4{cursor:pointer;padding:8px 14px;border-radius:9px;font-family:inherit;font-size:14px;font-weight:600;background:transparent;color:#957770;box-shadow:none;display:inline-block;text-align:center}
.calc-5{padding:8px 28px}
.calc-6{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #EFE3D6}
.calc-7{display:flex;align-items:center;gap:8px}
.calc-8{width:34px;height:34px;border-radius:10px;border:1px solid #EADCCD;background:#fff;color:#3B060A;cursor:pointer;font-size:17px;display:inline-block;text-align:center}
.calc-9{min-width:24px;text-align:center;font-weight:700}
.calc-10{width:34px;height:34px;border-radius:10px;border:1px solid #DA702D;background:#fff;color:#D96F32;cursor:pointer;font-size:17px;display:inline-block;text-align:center}
.calc-11{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0}
.calc-12{margin:0 12px 12px;padding:24px;border-radius:20px;background:linear-gradient(150deg,#FFF1E6 0%,#FBE3D3 100%)}
.calc-13{display:flex;justify-content:space-between;gap:12px;font-size:15px;color:#6E4E48}
.calc-14{display:flex;justify-content:space-between;gap:12px;font-size:15px;color:#B95A24;margin-top:6px}
.calc-15{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px;flex-wrap:wrap}
.calc-16{font-size:clamp(44px,5vw,60px);font-weight:700;letter-spacing:-0.04em;line-height:1}
.calc-17{font-size:13px;color:#957770;text-align:right;margin-top:4px}
.calc-18{display:block;margin-top:18px;text-align:center;padding:16px;border-radius:14px;background:linear-gradient(120deg,#F8B259 0%,#D96F32 100%);color:#fff;font-weight:600;font-size:17px}

/* --- Werkstroom (hoe het werkt) --- */
.flow-1{background:#fff;border-radius:28px;padding:12px;box-shadow:0 1px 2px rgba(59,6,10,.04),0 20px 50px rgba(59,6,10,.06)}
.flow-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;padding:6px;background:#FAF7F3;border-radius:20px}
.flow-3{cursor:pointer;padding:14px 12px;border-radius:14px;background:transparent;color:#6E4E48;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:none}
.flow-4{font-size: 13px;opacity: 0.75}
.flow-5{font-size:13px;opacity:.75}
.flow-6{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:40px;align-items:center;padding:clamp(20px,4vw,44px)}
.flow-7{margin-top:32px;padding:13px 20px;border-radius:14px;background:#fff;color:#3B060A;border:1px solid #DA702D;cursor:pointer;font-size:15px;font-weight:600;display:inline-block;text-align:center}
.flow-8{border-radius:20px;overflow:hidden;background:#FAF7F3;border:1px solid #EADCCD}
.flow-9{display:block;width:100%;height:auto}
.flow-10{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;object-position:center}
.flow-11{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center center}


/* --- Home --- */
.home-1{max-width:1280px;margin:0 auto;padding:72px 20px 40px}
.home-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:48px;align-items:center}
.home-3{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:#fff;border:1px solid #EADCCD;font-size:14px;color:#3B060A;white-space:nowrap;max-width:100%}
.home-4{padding:4px 10px;border-radius:999px;background:linear-gradient(120deg,#DF8B5B 0%,#EAAF90 100%);color:#fff;font-weight:600}
@media (max-width:560px){.home-3{white-space:normal;border-radius:20px;line-height:1.35}.home-4{white-space:nowrap;flex:none}} /* label in de hero mag op mobiel afbreken */
.home-5{font-size:clamp(46px,6.4vw,84px);line-height:1;letter-spacing:-0.035em;font-weight:700;margin:24px 0 0;text-wrap:balance}
.home-6{font-size:19px;line-height:1.6;color:#6E4E48;margin:24px 0 0;max-width:540px;text-wrap:pretty}
.home-7{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}
.home-8{display:inline-flex;white-space:nowrap;padding:16px 26px;border-radius:16px;background:linear-gradient(120deg,#F8B259 0%,#D96F32 100%);color:#fff;font-weight:600;font-size:17px;box-shadow:0 10px 30px rgba(217,111,50,.25)}
.home-9{display:inline-flex;white-space:nowrap;padding:16px 24px;border-radius:16px;background:#fff;color:#3B060A;font-weight:600;font-size:17px;border:1px solid #DA702D}
.home-10{position:relative;padding:0 0 64px 0;min-height:360px}
.home-11{position:absolute;inset:24px 0 24px 60px;border-radius:32px;background:linear-gradient(150deg,#FBE3D3 0%,#FAF7F3 70%)}
.home-12{position:relative;margin-left:22%;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 18px 44px rgba(59,6,10,.10)}
.home-13{display:block;width:100%}
.home-14{position:absolute;left:0;right:16%;bottom:0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 28px 64px rgba(59,6,10,.18)}
.home-15{position:absolute;right:0;bottom:22px;background:#fff;border-radius:18px;padding:12px 16px;box-shadow:0 14px 36px rgba(59,6,10,.14);display:flex;gap:12px;align-items:center}
.home-16{width:38px;height:38px;border-radius:12px;background:#FFF1E6;color:#D96F32;display:flex;align-items:center;justify-content:center;font-weight:700}
.home-17{max-width:1280px;margin:0 auto;padding:16px 20px 96px}
.home-18{background:#fff;border-radius:24px;padding:24px 28px;display:flex;gap:24px 40px;align-items:center;flex-wrap:wrap;box-shadow:0 1px 2px rgba(59,6,10,.04)}
.home-19{font-size:14px;color:#957770;flex:none;max-width:160px;line-height:1.4}
.home-20{flex:1 1 400px;min-width:0}
.home-21{max-width:1280px;margin:0 auto;padding:0 20px 56px}
.home-22{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:32px 64px;align-items:start}
.home-23{font-size:clamp(32px,3.8vw,50px);line-height:1.08;letter-spacing:-0.03em;font-weight:700;margin:0;text-wrap:balance}
.home-24{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px 24px;align-items:center;margin-bottom:20px}
.home-25{font-size:clamp(24px,2.4vw,30px);line-height:1.2;letter-spacing:-0.02em;font-weight:700;margin:0}
.home-26{display:flex;padding:5px;border-radius:16px;background:#F3E9DC;justify-self:end;flex-wrap:wrap;gap:2px}
.home-27{cursor:pointer;padding:11px 18px;border-radius:12px;font-size:15px;font-weight:600;background:transparent;color:#6E4E48;box-shadow:none;display:inline-block;text-align:center}
.home-28{border-radius:28px;background:#fff;padding:clamp(10px,1.4vw,16px);box-shadow:0 1px 2px rgba(59,6,10,.04),0 24px 60px rgba(59,6,10,.08)}
.home-29{border-radius:18px;overflow:hidden;background:#EEF3F8;border:1px solid #EFE3D6;aspect-ratio:2/1;display:flex;align-items:center;justify-content:center}
.home-30{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;padding:18px 10px 6px}
.home-31{font-size:17px;color:#6E4E48;max-width:720px;text-wrap:pretty;display:flex;flex-direction:column;gap:2px}
.home-32{font-weight:600;white-space:nowrap}
.home-33{font-size:clamp(30px,3.6vw,50px);line-height:1.05;letter-spacing:-0.03em;font-weight:700;margin:10px 0 32px}
.home-34{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:14px}
.home-35{border-radius:28px;background:#F3E9DC;padding:clamp(24px,3.6vw,44px)}
.home-36{display:flex;flex-direction:column;gap:16px;margin-top:22px}
.home-37{display:flex;gap:14px;align-items:flex-start;font-size:17px;line-height:1.5;color:#6E4E48}
.home-38{flex:none;width:26px;height:26px;border-radius:8px;background:#FAF7F3;color:#957770;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}
.home-39{border-radius:28px;background:#fff;padding:clamp(24px,3.6vw,44px);box-shadow:0 1px 2px rgba(59,6,10,.04),0 20px 50px rgba(59,6,10,.06)}
.home-40{font-size:20px;font-weight:700;color:#D96F32}
.home-41{display:flex;gap:14px;align-items:flex-start;font-size:17px;line-height:1.5;color:#3B060A}
.home-42{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:40px;align-items:center}
.home-43{font-size:clamp(34px,4.2vw,54px);line-height:1.05;letter-spacing:-0.03em;font-weight:700;margin:10px 0 0}
.home-44{font-size:18px;line-height:1.6;color:#6E4E48;margin:16px 0 0;max-width:460px}
.home-45{display:inline-block;margin-top:24px;font-weight:600;font-size:17px}
.home-46{border-radius:32px;background:linear-gradient(120deg,#F8B259 0%,#D96F32 100%);color:#fff;padding:clamp(32px,5vw,64px);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.home-47{font-size:clamp(40px,5vw,68px);line-height:.98;letter-spacing:-0.04em;font-weight:700;margin:0}
.home-48{display:flex;gap:10px;flex-wrap:wrap}
.home-49{padding:16px 22px;border-radius:16px;border:1px solid rgba(255,255,255,.7);color:#fff;font-weight:600;font-size:17px}

/* --- Hoe het werkt --- */
.how-1{max-width:860px}
.how-2{font-size:19px;line-height:1.6;color:#6E4E48;margin:20px 0 0;max-width:640px;text-wrap:pretty}
.how-3{font-size:clamp(32px,3.8vw,48px);line-height:1.05;letter-spacing:-0.03em;font-weight:700;margin:10px 0 32px}
.how-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.how-5{padding:26px;border-radius:24px;background:#F3E9DC;display:flex;flex-direction:column;gap:10px}
.how-6{font-size:40px;font-weight:700;letter-spacing:-0.04em;line-height:1;color:#D96F32}

/* --- Functies --- */
.fn-1{max-width:1280px;margin:0 auto;padding:64px 20px 72px}
.fn-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:48px;align-items:center}
.fn-3{font-size:19px;line-height:1.6;color:#6E4E48;margin:20px 0 0;max-width:560px;text-wrap:pretty}
.fn-4{margin-top:28px;padding:24px 26px;border-radius:22px;background:#fff;display:flex;flex-direction:column;gap:8px;max-width:560px}
.fn-5{font-size:19px;font-weight:700}
.fn-6{font-size:16px;line-height:1.6;color:#6E4E48}
.fn-7{display:block;width:100%;height:clamp(320px,40vw,540px);object-fit:cover;border-radius:32px}
.fn-8{max-width:760px;margin-bottom:32px}
.fn-9{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-0.03em;font-weight:700;margin:0;text-wrap:balance}
.fn-10{font-size:18px;line-height:1.6;color:#6E4E48;margin:14px 0 0}
.fn-11{display:flex;gap:2px;flex-wrap:wrap;padding:6px;border-radius:18px;background:#FAF7F3}
.fn-12{cursor:pointer;padding:10px 16px;border-radius:12px;font-size:15px;font-weight:600;white-space:nowrap;background:transparent;color:#6E4E48;box-shadow:none}
.fn-13{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:40px;align-items:center;padding:clamp(20px,4vw,44px)}
.fn-14{border-radius:20px;overflow:hidden;background:#FAF7F3;border:1px solid #EADCCD;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center}

/* --- Voor wie --- */
.who-1{max-width:1160px}
.who-2{font-size:clamp(40px,5.4vw,68px);line-height:1.05;letter-spacing:-0.035em;font-weight:700;margin:12px 0 0;display:flex;flex-direction:column}
.who-3{font-size:19px;line-height:1.6;color:#6E4E48;margin:24px 0 0;max-width:760px;text-wrap:pretty;display:flex;flex-direction:column}
.who-4{display:flex;flex-wrap:wrap;gap:20px;margin-top:48px;align-items:flex-start}
.who-5{flex:1 1 260px;max-width:320px;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:22px;background:#F3E9DC;position:sticky;top:100px}
@media (max-width:820px){.who-5{position:static;max-width:none}} /* branchemenu schuift alleen mee als het naast de inhoud staat */
.who-6{cursor:pointer;text-align:left;padding:13px 16px;border-radius:14px;background:transparent;color:#3B060A;font-size:16px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:10px}
.who-7{font-size:13px;font-weight:600;color:#957770;padding:16px 16px 6px;border-top:1px solid #EADCCD;margin-top:6px}
.who-8{flex:999 1 480px;min-width:0;display:flex;flex-direction:column;gap:14px}
.who-9{border-radius:28px;background:#F3E9DC;padding:clamp(24px,4vw,48px)}
.who-10{font-size:clamp(32px,3.8vw,48px);line-height:1.05;letter-spacing:-0.03em;font-weight:700;margin:0}
.who-11{font-size:19px;line-height:1.55;color:#6E4E48;margin:14px 0 0;max-width:640px}
.who-12{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin-top:32px}
.who-13{padding:22px;border-radius:18px;background:#FAF7F3;display:flex;flex-direction:column;gap:8px}
.who-14{width:28px;height:28px;border-radius:8px;background:#fff;color:#D96F32;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}
.who-15{font-weight:700;font-size:17px}
.who-16{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.who-17{font-size:14px;color:#957770;margin-right:4px}
.who-18{padding:7px 12px;border-radius:10px;border:1px solid #EAAF90;color:#B95A24;font-size:14px;font-weight:600}
.who-19{border-radius:28px;background:linear-gradient(120deg,#F8B259 0%,#D96F32 100%);color:#fff;padding:clamp(24px,4vw,40px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.who-20{font-size:24px;font-weight:700;letter-spacing:-0.02em;max-width:460px}
.who-21{padding:15px 24px;border-radius:14px;background:#fff;color:#3B060A;font-weight:600}

/* --- Klanten --- */
.kl-1{max-width:820px}
.kl-2{font-size:19px;line-height:1.6;color:#6E4E48;margin:20px 0 0;max-width:620px}
.kl-3{max-width:1280px;margin:0 auto;padding:0 20px 24px}
.kl-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:14px}
.kl-5{width:100%;height:100%;min-height:340px;object-fit:cover;border-radius:28px}
.kl-6{border-radius:28px;background:#F3E9DC;padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.kl-7{font-size:clamp(22px,2.4vw,30px);line-height:1.35;letter-spacing:-0.015em;font-weight:500;margin:14px 0 0;text-wrap:pretty}
.kl-8{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.kl-9{font-size:clamp(56px,6vw,80px);font-weight:700;letter-spacing:-0.04em;line-height:1;background:linear-gradient(120deg,#F8B259 0%,#D96F32 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.kl-10{height:44px;filter:grayscale(1);mix-blend-mode:multiply;opacity:.7}
.kl-11{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px}
.kl-12{aspect-ratio:16/9;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:24px;border:1px solid #EADCCD}
.kl-13{max-width:80%;max-height:52px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;opacity:.75}
.kl-14{max-width:80%;max-height:52px;object-fit:contain;filter:grayscale(1) invert(1) contrast(1.5) brightness(1.15);mix-blend-mode:multiply;opacity:.75}
.kl-15{max-width:80%;max-height:83px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;opacity:.75}
.kl-16{max-width:80%;max-height:78px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;opacity:.75}
.kl-17{max-width:80%;max-height:47px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;opacity:.75}

/* --- Tarieven --- */
.tar-1{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:40px;align-items:start}
.tar-2{font-size:clamp(42px,5.4vw,68px);line-height:1.02;letter-spacing:-0.035em;font-weight:700;margin:12px 0 0;text-wrap:balance}
.tar-3{font-size:19px;line-height:1.6;color:#6E4E48;margin:20px 0 0;max-width:480px}
.tar-4{font-size:16px;font-weight:700;margin-top:36px}
.tar-5{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px 20px;margin-top:14px}
.tar-6{display:flex;gap:10px;font-size:16px;color:#3B060A}
.tar-7{color:#D96F32;font-weight:700}

/* --- Over ons --- */
.about-1{max-width:1280px;margin:0 auto;padding:72px 20px 56px}
.about-2{max-width:900px}
.about-3{font-size:clamp(42px,5.6vw,76px);line-height:1.02;letter-spacing:-0.035em;font-weight:700;margin:12px 0 0;text-wrap:balance}
.about-4{max-width:1280px;margin:0 auto;padding:0 20px 88px}
.about-5{display:block;width:100%;height:clamp(280px,40vw,520px);object-fit:cover;border-radius:32px}
.about-6{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px 64px;align-items:start}
.about-7{font-size:14px;font-weight:600;color:#D96F32;position:sticky;top:110px}
.about-8{grid-column:span 2;max-width:720px;display:flex;flex-direction:column;gap:22px;font-size:19px;line-height:1.7;color:#6E4E48;text-wrap:pretty}
@media (max-width:760px){.about-8{grid-column:auto}} /* verhaal niet breder dan het scherm op mobiel */
.about-9{margin:0;font-size:clamp(22px,2.4vw,28px);line-height:1.45;color:#3B060A;font-weight:500}
.about-10{border-radius:32px;background:linear-gradient(150deg,#FFF1E6 0%,#FBE3D3 45%,#FAF7F3 100%);padding:clamp(28px,5vw,64px)}
.about-11{font-size:clamp(32px,3.8vw,48px);line-height:1.05;letter-spacing:-0.03em;font-weight:700;margin:0 0 32px}
.about-12{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.about-13{background:#fff;border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:10px}
.about-14{font-size:21px;font-weight:700}

/* --- Contact --- */
.ct-1{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:48px;align-items:start}
.ct-2{font-size:clamp(48px,6vw,84px);line-height:.95;letter-spacing:-0.04em;font-weight:700;margin:12px 0 0}
.ct-3{font-size:19px;line-height:1.6;color:#6E4E48;margin:20px 0 0;max-width:440px}
.ct-4{display:flex;flex-direction:column;gap:10px;margin-top:32px;font-size:18px}
.ct-5{font-weight:600;color:#3B060A}
.ct-6{color:#6E4E48}
.ct-7{background:#fff;border-radius:24px;padding:clamp(20px,3vw,32px);box-shadow:0 20px 50px rgba(59,6,10,.08)}
.ct-8{display:flex;flex-direction:column;gap:14px}
.ct-9{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:#3B060A}
.ct-10{font-family:inherit;font-size:16px;padding:13px 15px;border-radius:12px;border:1px solid #EADCCD;background:#fff;outline:none}
.ct-11{font-family:inherit;font-size:16px;line-height:1.5;padding:13px 15px;border-radius:12px;border:1px solid #EADCCD;background:#fff;outline:none;resize:vertical}
.ct-12{margin-top:6px;cursor:pointer;padding:16px;border-radius:14px;background:linear-gradient(120deg,#F8B259 0%,#D96F32 100%);color:#fff;font-weight:600;font-size:17px;text-align:center;border:0;width:100%}
.ct-13{text-align:center;padding:32px 8px}
.ct-14{width:56px;height:56px;margin:0 auto;border-radius:16px;background:#FFF1E6;color:#D96F32;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center}
.ct-15{font-size:22px;font-weight:700;margin-top:16px}

/* --- Blog --- */
.blog-1{font-family:'Sofia Pro',ui-sans-serif,system-ui,sans-serif;color:#3B060A;background-color:#FAF7F3;background-image:radial-gradient(900px 620px at 0% 0%,#FCE6DB 0%,rgba(252,230,219,0) 70%),radial-gradient(700px 500px at 100% 8%,#FCE6DB 0%,rgba(252,230,219,0) 70%);background-repeat:no-repeat;min-height:100vh}
.blog-2{font-size:clamp(40px,5.4vw,68px);line-height:1.05;letter-spacing:-0.035em;font-weight:700;margin:12px 0 40px}
.blog-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px}
.blog-4{background:#fff;border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:10px;color:#3B060A;transition:transform .2s,box-shadow .2s}
.blog-5{font-size:13px;font-weight:600;color:#D96F32}
.blog-6{font-size:21px;line-height:1.25;font-weight:700;letter-spacing:-0.01em;text-wrap:balance}
.blog-7{margin-top:auto;padding-top:8px;font-size:15px;font-weight:600;color:#D96F32}
.blog-8{max-width:1180px;margin:0 auto;padding:56px 20px 96px;display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.blog-9{flex:1 1 240px;max-width:300px;padding:22px;border-radius:20px;background:#F3E9DC;display:flex;flex-direction:column;gap:10px}
.blog-10{font-size:15px;font-weight:700}
.blog-11{font-size:15px;line-height:1.4;color:#6E4E48}
.blog-12{flex:999 1 560px;min-width:0;max-width:780px}
.blog-13{font-size:14px;font-weight:600;color:#D96F32;margin-top:28px}
.blog-14{font-size:clamp(34px,4.4vw,52px);line-height:1.08;letter-spacing:-0.03em;font-weight:700;margin:10px 0 14px;text-wrap:balance}
.blog-15{font-size:15px;color:#957770}
.blog-16{margin-top:32px;font-size:18px;line-height:1.7;color:#4A2A26}
.blog-17{font-size:clamp(24px,2.6vw,32px);letter-spacing:-0.02em;margin:48px 0 16px}
.blog-18{display:flex;flex-direction:column;gap:10px}
.blog-19{cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:18px 22px;font-size:17px;font-weight:600}
.blog-20{margin:0;padding:0 22px 20px;font-size:16px;line-height:1.6;color:#6E4E48}

/* --- Functiepagina's --- */
.fx-1{max-width:1280px;margin:0 auto;padding:56px 20px 96px}
.fx-2{font-size:14px;font-weight:600}
.fx-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:48px;align-items:center;margin-top:20px}
.fx-4{font-size:20px;line-height:1.5;color:#3B060A;font-weight:500;margin:18px 0 0}
.fx-5{display:flex;flex-direction:column;gap:14px;font-size:18px;line-height:1.65;color:#6E4E48;margin-top:16px;max-width:580px;text-wrap:pretty}
.fx-6{border-radius:18px;overflow:hidden;background:#FAF7F3;border:1px solid #EADCCD;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}
.fx-7{border-radius:32px;background:linear-gradient(150deg,#FFF1E6 0%,#FBE3D3 45%,#FAF7F3 100%);padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:24px 64px;align-items:start}
.fx-8{font-size:clamp(30px,3.6vw,46px);line-height:1.08;letter-spacing:-0.03em;font-weight:700;margin:0;text-wrap:balance}
.fx-9{border-radius:18px;overflow:hidden;background:#FAF7F3;border:1px solid #EADCCD;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center}

/* --- 404 --- */
.nf-1{font-family:'Sofia Pro',ui-sans-serif,system-ui,sans-serif;color:#3B060A;background-color:#FAF7F3;min-height:100vh}
.nf-2{max-width:1280px;margin:0 auto;padding:96px 20px 120px}
.nf-3{font-size:clamp(40px,5vw,64px);line-height:1.04;letter-spacing:-0.035em;font-weight:700;margin:12px 0 0}
.nf-4{font-size:19px;line-height:1.6;color:#6E4E48;margin:20px 0 0;max-width:560px}


/* --- Hover / focus --- */
.hd-6:hover{background:#FAF7F3;color:#3B060A}
.hd-8:hover{background:#FAF7F3;color:#3B060A}
.hd-12:hover{color:#D96F32}
.hd-19:hover{background:#FFF1E6;color:#D96F32}
.hd-21:hover{color:#D96F32}
.hd-22:hover{color:#fff;filter:brightness(1.05)}
.home-8:hover{color:#fff}
.home-9:hover{color:#3B060A;background:#FFF7F0}
.home-19:hover{color:#D96F32}
.calc-18:hover{color:#fff}
.g-40:hover{color:#D96F32}
.home-49:hover{color:#fff;background:rgba(255,255,255,.12)}
.ft-8:hover{color:#D96F32}
.hd-23:hover,.hd-24:hover{background:#FFF1E6;color:#D96F32}
.who-21:hover{color:#D96F32}
.ct-5:hover{color:#D96F32}
.ct-10:focus{border-color:#DA702D}
.ct-11:focus{border-color:#DA702D}
.blog-4:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(59,6,10,.10);color:#3B060A}
.fd-7:hover{box-shadow:0 14px 34px rgba(59,6,10,.10);transform:translateY(-2px)}
.fd-15:hover{background:#F3E9DC}
.blog-11:hover{color:#D96F32}

/* --- Actieve tabs en schakelaars --- */
.home-27.is-active{background:#fff;color:#3B060A;box-shadow:0 1px 3px rgba(59,6,10,.12)}
.calc-4.is-active{background:#FFFFFF;color:#3B060A;box-shadow:0 1px 3px rgba(59,6,10,.12)}
.flow-3.is-active{background:linear-gradient(120deg,#DF8B5B 0%,#EAAF90 100%);color:#FFFFFF;box-shadow:0 4px 14px rgba(223,139,91,.35)}
.fn-12.is-active{background:linear-gradient(120deg,#DF8B5B 0%,#EAAF90 100%);color:#FFFFFF;box-shadow:0 4px 14px rgba(223,139,91,.35)}
.who-6.is-active{background:linear-gradient(120deg,#DF8B5B 0%,#EAAF90 100%);color:#FFFFFF}
.fd-4.is-active{background:linear-gradient(120deg,#DF8B5B 0%,#EAAF90 100%);color:#FFFFFF}
.fd-21.is-active{background:linear-gradient(120deg,#DF8B5B 0%,#EAAF90 100%);color:#fff}