.floating-appointment{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:100;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 22px;
  border-radius:999px;
  background:#B5633A;
  color:#fff;
  font-family:"DM Sans",sans-serif;
  font-size:.95rem;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 8px 28px rgba(44,31,20,.24);
  transition:transform .2s ease,background .2s ease;
}
.floating-appointment:hover{background:#9c5330;transform:translateY(-2px);color:#fff}
.floating-appointment:focus-visible{outline:3px solid #E8A87C;outline-offset:3px}

.site-footer{background:#2C1F14;color:#FAF6F0;padding:2.3rem 5vw;font-size:.88rem}
.site-footer .container.inner.site-footer-inner{
  width:100%;
  max-width:1080px;
  margin:0 auto;
  padding:0;
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(280px,1.7fr) auto;
  gap:1.4rem;
  align-items:center;
}
.site-footer p{margin:0 0 .35rem}
.site-footer a{color:#E8A87C;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.site-footer-details{color:rgba(250,246,240,.7);font-size:.82rem;margin-top:.35rem}
.site-footer-links{line-height:1.9}
.recruitercode-footer{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start;max-width:150px}
.recruitercode-footer img{width:130px;height:auto;background:#fff;border-radius:4px;padding:5px}
.recruitercode-footer span{font-size:.74rem;color:rgba(250,246,240,.72)}

.recruitercode-feature{align-items:center}
.recruitercode-logo-card{display:block;background:#fff;border:1px solid #E3D8C9;padding:1.4rem;max-width:360px}
.recruitercode-logo-card img{width:100%;height:auto}

.legal-page{max-width:900px;margin:0 auto}
.legal-page .legal-intro{font-size:1.08rem;color:#7A5C44;margin-bottom:2.4rem}
.legal-page .legal-article{padding-top:2rem;margin-top:2rem;border-top:1px solid #E3D8C9}
.legal-page .legal-article:first-of-type{margin-top:0}
.legal-page .legal-clause{display:grid;grid-template-columns:3.8rem 1fr;gap:.8rem;margin-bottom:.85rem}
.legal-page .legal-number{font-weight:700;color:#B5633A}

@media(max-width:820px){
  .site-footer .container.inner.site-footer-inner{grid-template-columns:1fr 1fr}
  .recruitercode-footer{grid-column:1/-1}
}
@media(max-width:640px){
  body{padding-bottom:68px}
  .floating-appointment{left:12px;right:12px;bottom:10px;min-height:50px}
  .site-footer .container.inner.site-footer-inner{grid-template-columns:1fr;padding:0}
  .recruitercode-footer{grid-column:auto}
  .legal-page .legal-clause{grid-template-columns:3rem 1fr;gap:.55rem}
}
@media(prefers-reduced-motion:reduce){.floating-appointment{transition:none}}


/* MOBILE NAV V15 2026-09-19 */
.nav .nav-toggle{display:none!important;border:0;background:transparent;color:#2C1F14;width:46px;height:46px;padding:8px;cursor:pointer;flex:0 0 46px;align-items:center;justify-content:center}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{display:block;width:29px;height:3px;background:currentColor;border-radius:2px}
.nav-toggle span{position:relative}
.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0}
.nav-toggle span::before{top:-9px}.nav-toggle span::after{top:9px}
.nav-toggle[aria-expanded="true"] span{background:transparent}
.nav-toggle[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}
@media (max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:0!important}
  .nav{position:sticky!important;top:0!important;z-index:999!important;display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;align-items:center!important;padding:10px 16px!important;gap:8px!important;background:#FAF6F0!important;flex-wrap:nowrap!important}
  .nav .logo{min-width:0!important;max-width:100%!important;gap:8px!important;overflow:hidden!important}
  .nav .logo-img{width:44px!important;height:44px!important;flex:0 0 44px!important}
  .nav .logo-text{min-width:0!important;font-size:1rem!important;line-height:1.02!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important}
  .nav .logo .sub{font-size:.46rem!important;letter-spacing:.10em!important;margin-top:3px!important;line-height:1.22!important;white-space:normal!important}
  .nav .sector-focus{font-size:.9em!important;letter-spacing:.06em!important}
  .nav .nav-toggle{display:flex!important}
  .nav-links{display:none!important;grid-column:1/-1!important;width:100%!important;min-width:0!important;padding:4px 0 8px!important;margin:0!important;gap:0!important;flex-direction:column!important}
  .nav-links.is-open{display:grid!important;grid-template-columns:1fr!important}
  .nav-links a{display:block!important;width:100%!important;min-width:0!important;padding:11px 2px!important;margin:0!important;border-bottom:1px solid #E3D8C9!important;font-size:1rem!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .nav-links a:last-child{border-bottom:0!important}
  header.section.dark{padding-top:2.4rem!important;padding-bottom:3rem!important}
  header.section.dark h1{font-size:clamp(2.25rem,11vw,3rem)!important;line-height:1.05!important}
  .floating-appointment{position:static!important;display:flex!important;margin:1rem 6vw 1.5rem!important;width:auto!important;min-height:50px!important}
}


/* MIJN AANPAK V16 2026-09-22 */
.approach-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
.approach-grid .card{padding:1.35rem 1rem}
.approach-grid h3{font-size:1.02rem;line-height:1.18}
.approach-steps{display:grid;gap:0}
.approach-step{display:grid;grid-template-columns:70px minmax(0,1fr);gap:1.4rem;padding:2rem 0;border-top:1px solid #E3D8C9}
.approach-step:first-child{border-top:0}
.approach-step .num{font-size:1.65rem}
.approach-step h3{margin-top:0}
@media(max-width:1100px){.approach-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.approach-grid{grid-template-columns:1fr}.approach-step{grid-template-columns:48px minmax(0,1fr);gap:1rem;padding:1.5rem 0}}

/* Laat de navigatie eerder omschakelen zodat de extra knop nooit een tweede regel veroorzaakt. */
@media (min-width:761px) and (max-width:1050px){
  .nav{display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;align-items:center!important;padding:10px 4vw!important;gap:8px!important;flex-wrap:nowrap!important}
  .nav .logo{min-width:0!important;max-width:100%!important;overflow:hidden!important}
  .nav .nav-toggle{display:flex!important}
  .nav-links{display:none!important;grid-column:1/-1!important;width:100%!important;padding:4px 0 8px!important;margin:0!important;gap:0!important;flex-direction:column!important}
  .nav-links.is-open{display:grid!important;grid-template-columns:1fr!important}
  .nav-links a{display:block!important;width:100%!important;padding:11px 2px!important;margin:0!important;border-bottom:1px solid #E3D8C9!important;font-size:1rem!important;line-height:1.25!important;white-space:normal!important}
  .nav-links a:last-child{border-bottom:0!important}
}

/* v20 KISS homepage en kandidaatervaring */
.home-services-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.2rem}
.home-services-grid a.card{text-decoration:none;color:inherit}
.services-intro{max-width:70ch}
.service-actions{margin-top:1.8rem;display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
.text-link{color:var(--terracotta);font-weight:700;text-decoration:none}
.compact-proof{background:#fff;padding:1.5rem;border-top:3px solid var(--terracotta);color:var(--brown)}
.compact-proof blockquote{font-family:"Playfair Display",serif;font-size:1.18rem;line-height:1.45;margin:.5rem 0 1rem}
.compact-proof cite{font-style:normal;font-weight:700;color:var(--terracotta)}
@media(max-width:760px){
 .home-services-grid-4{grid-template-columns:1fr!important}
 .services-early{padding-top:2.6rem!important;padding-bottom:2.6rem!important}
 .service-actions{align-items:stretch;gap:.8rem}
 .service-actions .btn,.service-actions .text-link{width:100%;text-align:center;box-sizing:border-box}
 .compact-proof{width:100%;box-sizing:border-box;padding:1.25rem}
 .compact-proof blockquote{font-size:1.08rem}
 header.section.dark{padding-top:3.2rem!important;padding-bottom:3.2rem!important}
 header.section.dark .photo{max-height:390px!important}
 .section{overflow-x:hidden}
}
@media(max-width:430px){
 .section{padding-left:5vw!important;padding-right:5vw!important}
 h1{font-size:clamp(2.15rem,11vw,3rem)!important}
 h2{font-size:clamp(1.7rem,8vw,2.2rem)!important}
 .card{padding:1.3rem 1.1rem}
}

/* Over mij: impactsessie foto, brede uitsnede desktop en mobiel */
.over-mij-hero-photo{aspect-ratio:4/3!important;min-height:320px}
.over-mij-hero-photo img{object-fit:cover;object-position:46% 50%}
@media(max-width:760px){
 header.section.dark .over-mij-hero-photo{width:100%;max-height:none!important;min-height:0;aspect-ratio:16/10!important}
 header.section.dark .over-mij-hero-photo img{object-position:44% 50%}
}
@media(max-width:430px){
 header.section.dark .over-mij-hero-photo{aspect-ratio:4/3!important}
 header.section.dark .over-mij-hero-photo img{object-position:41% 50%}
}
/* v26 navigation consistency: hamburger only on mobile */
.nav-toggle{display:none!important;border:0;background:transparent;color:#2C1F14;width:46px;height:46px;padding:8px;cursor:pointer;flex:0 0 46px;align-items:center;justify-content:center}
@media(max-width:860px){.nav-toggle{display:flex!important}}


/* v27 final consistency pass */
.nav-toggle{display:none!important}
@media(min-width:861px){.nav-toggle{display:none!important}.nav-links{display:flex!important}}
@media(max-width:860px){
 .nav-toggle{display:flex!important}
 .nav-links{display:none!important}
 .nav-links.is-open{display:grid!important;grid-template-columns:1fr!important}
 .nav-links a{min-height:44px;display:flex!important;align-items:center}
 h1{overflow-wrap:normal;word-break:normal}
 img{max-width:100%;height:auto}
}

/* v31 integral polish: consistent header/footer, readable spacing and mobile */
nav .nav-inner{max-width:1180px!important;margin:0 auto!important;padding-left:24px!important;padding-right:24px!important}
nav .nav-logo-text>strong,nav .logo-text{white-space:nowrap}
.section{padding-top:4.25rem;padding-bottom:4.25rem}
@media(max-width:760px){
  .section{padding-top:3rem;padding-bottom:3rem}
  nav .nav-inner{padding-left:18px!important;padding-right:18px!important}
  .floating-appointment{font-size:.86rem;padding:.75rem 1rem}
}
/* One calm testimonial language site-wide */
.client-proof{background:#F4ECE3!important;color:#2C1F14!important;padding:3rem 0!important;border-top:1px solid #E3D8C9!important;border-bottom:1px solid #E3D8C9!important}
.client-proof .proof-inner{max-width:900px!important;margin:0 auto!important;padding:0 24px!important}
.client-proof blockquote{color:#2C1F14!important;margin:0 0 1rem!important}
.client-proof cite{color:#6E513C!important}

/* v39 mobile navigation fix: same behaviour on every page */
@media(max-width:860px){
  nav:not(.nav) .nav-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 46px!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:1180px!important;
    padding:10px 18px!important;
  }
  nav:not(.nav) .nav-logo{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  nav:not(.nav) .nav-toggle{
    display:flex!important;
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
  }
  nav:not(.nav) .nav-links{
    display:none!important;
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    margin:0!important;
    padding:4px 0 8px!important;
    gap:0!important;
    flex-direction:column!important;
  }
  nav:not(.nav) .nav-links.is-open{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  nav:not(.nav) .nav-links a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:44px!important;
    padding:11px 2px!important;
    margin:0!important;
    border-bottom:1px solid #E3D8C9!important;
    font-size:1rem!important;
    line-height:1.25!important;
    white-space:normal!important;
  }
  nav:not(.nav) .nav-links a:last-child{border-bottom:0!important}
}


/* v5 2026-10-05 — nieuwe KISS homepage */
.home-hero .lead{max-width:55ch}.home-hero-row{align-items:center}.home-hero-photo{aspect-ratio:4/5;max-height:500px;width:100%}.home-hero-photo img{object-position:50% 42%}.hero-actions{margin-top:2rem}.home-narrow{max-width:900px}.home-pullquote{margin-top:2rem;margin-bottom:1.4rem}.home-process-intro{max-width:68ch}.home-steps{margin-top:2.2rem;border-top:1px solid #E3D8C9}.home-step{display:grid;grid-template-columns:72px minmax(0,1fr);gap:1.4rem;padding:1.8rem 0;border-bottom:1px solid #E3D8C9}.home-step .num{font-size:1.35rem;color:var(--terracotta);font-weight:700}.home-step h3{margin:0 0 .25rem;font-size:1.45rem}.home-step p{margin:.45rem 0 0;max-width:70ch}.home-section-action{margin-top:2rem}.home-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:2rem}.home-result{border-top:3px solid var(--terracotta);padding:1.5rem;background:rgba(255,255,255,.06)}.home-result .result-kicker{display:block;color:var(--accent);font-weight:700;margin-bottom:.65rem}.home-result h3{margin:.2rem 0 .55rem}.home-result p{margin:0}.home-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}.home-media-item{display:flex;flex-direction:column;gap:.55rem;padding:1.4rem;border-top:3px solid var(--terracotta);background:#fff;color:var(--brown);text-decoration:none;min-height:180px}.home-media-item strong{font-family:"Playfair Display",serif;font-size:1.35rem}.home-media-item span{line-height:1.5}.home-media-item b{margin-top:auto;color:var(--terracotta)}.home-recognition{margin-top:1.2rem;padding:1rem 1.25rem;background:#F4ECE3;display:flex;gap:.7rem;align-items:baseline;flex-wrap:wrap}.home-recognition span{color:var(--midbrown)}.home-about{align-items:center}.home-about-photo{aspect-ratio:4/5}.home-final .lead{max-width:60ch}
@media(max-width:760px){
 .home-hero{padding-top:2.7rem!important;padding-bottom:3rem!important}.home-hero-row{gap:2rem}.home-hero h1{font-size:clamp(2.25rem,11vw,3rem)!important;line-height:1.04!important}.home-hero .lead{font-size:1.05rem}.home-hero-photo{aspect-ratio:16/10!important;max-height:none!important}.home-hero-photo img{object-position:50% 38%}.hero-actions .btn{width:100%;text-align:center}.home-step{grid-template-columns:44px minmax(0,1fr);gap:.8rem;padding:1.35rem 0}.home-step .num{font-size:1rem}.home-step h3{font-size:1.3rem}.home-results,.home-media-grid{grid-template-columns:1fr}.home-result,.home-media-item{min-height:0;padding:1.2rem}.home-recognition{align-items:flex-start;flex-direction:column;gap:.15rem}.home-about-photo{aspect-ratio:4/3!important;max-height:360px}.home-section-action .btn{width:100%;text-align:center}.home-pullquote{font-size:1.2rem}
}
@media(max-width:430px){.home-hero h1{font-size:2.35rem!important}.home-media-item strong{font-size:1.22rem}}

/* V5.1: compactere desktopnavigatie voor Scans & downloads */
@media (min-width: 901px){
  .nav-links{gap:1.05rem;}
  .nav-links a{font-size:.9rem;}
}

/* v5.3 homepage recommendations */
.home-recommendations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;margin-top:2rem}
.home-recommendations-grid blockquote{margin:0;padding:1.6rem;border:1px solid rgba(44,31,20,.12);border-radius:18px;background:#fff}
.home-recommendations-grid blockquote p{font-size:1.08rem;line-height:1.65;margin:0 0 1rem}
.home-recommendations-grid cite{font-style:normal;font-weight:700;font-size:.94rem}
@media(max-width:760px){.home-recommendations-grid{grid-template-columns:1fr;gap:1rem}.home-recommendations-grid blockquote{padding:1.25rem}}