/*
 * Alleen voor de artikelen in de kennisbank (18 okt 2026).
 */

/* De hero en de tekst eronder zijn allebei creme. Hun paddings samen (108 + 104 px)
   lazen als een leeg gat tussen het eerste kader en de eerste alinea.
   Alleen als de sectie eronder ook creme is (class precies "section"). */
.hero:has(+ section[class="section"]) { padding-bottom: 48px; }
.hero + section[class="section"] { padding-top: 0; }

/* Meeadem-cirkel, werkt samen met assets/pacer.js */
.zucht-pacer{margin:36px 0 44px;padding:36px 28px 32px;background:#1a2e4a;border-radius:6px;text-align:center;color:#f7f4f0}
.zucht-pacer .eyebrow{display:block;margin-bottom:10px;color:#b5a898}
.zucht-pacer h3{margin:0 0 26px;font-size:1.35rem;color:#f7f4f0}
.zp-wrap{position:relative;width:190px;height:190px;margin:0 auto 22px;display:flex;align-items:center;justify-content:center}
.zp-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(181,168,152,.32)}
.zp-cirkel{width:118px;height:118px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(181,168,152,.13);border:1px solid rgba(181,168,152,.55);
  transform:scale(1);transition:transform .6s ease-in-out,background .8s ease,border-color .8s ease}
.zp-cirkel.in{background:rgba(181,168,152,.22);border-color:rgba(181,168,152,.9)}
.zp-cirkel.vast{background:rgba(181,168,152,.16);border-color:rgba(181,168,152,.7)}
.zp-cirkel.uit{background:rgba(181,168,152,.07);border-color:rgba(181,168,152,.4)}
.zp-getal{font-family:"Playfair Display",Georgia,serif;font-size:2.1rem;line-height:1;color:#f7f4f0;font-variant-numeric:tabular-nums}
.zp-fase{font-family:"Playfair Display",Georgia,serif;font-size:1.3rem;min-height:1.5em;color:#f7f4f0}
.zp-sub{font-size:.95rem;color:#a9b7c6;margin:6px 0 22px;min-height:1.4em}
.zp-knop{font-family:"Josefin Sans",sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  background:#b5a898;color:#1a2e4a;border:0;border-radius:999px;padding:14px 30px;cursor:pointer;font-weight:600}
.zp-knop:hover{background:#c6bbad}
.zp-knop:focus-visible{outline:2px solid #f7f4f0;outline-offset:3px}
.zp-tel{font-family:"Josefin Sans",sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:#8496a8;margin:16px 0 0;min-height:1.3em}
.zucht-pacer .zp-meer{font-size:.92rem;color:#a9b7c6;margin:22px auto 0;max-width:420px}
.section .container-narrow .zucht-pacer .zp-meer a{color:#f7f4f0;text-decoration-color:#b5a898}
@media (prefers-reduced-motion: reduce){ .zp-cirkel{transition:background .8s ease,border-color .8s ease} }