/* Unify: oudere pagina's (dz/sw-stijl) gelijktrekken met de rustige kd-stijl van de rest van de site */
main.u{--u-ink:#1f2b57;--u-berry:#b5386d;--u-peach:#e8c9a7;--u-sage-l:#dce6dc;--u-sage:#8fae90;--u-sage-d:#6e8c7a;--u-paper:#faf7f1;--u-pink:#f5e4eb;--u-txt:#4a5270;--u-soft:#6b7189;--u-line:#e7e0d4;
  --u-serif:Georgia,'Times New Roman',serif;--u-sans:'Trebuchet MS','Segoe UI',system-ui,sans-serif;
  background:var(--u-paper);color:var(--u-txt);font-family:var(--u-sans)}
main.u .wrap{width:min(1200px,100% - 32px);max-width:none;margin-inline:auto;padding-inline:0}

/* typografie */
main.u h1,main.u h2,main.u h3,main.u .h2,main.u .h2-sm,main.u .h1-sub{font-family:var(--u-serif);font-weight:400;color:var(--u-ink);letter-spacing:-.01em}
main.u h1 em,main.u h2 em,main.u h3 em,main.u .h2 em,main.u blockquote em{font-style:normal;color:inherit}
main.u h1,main.u .h1-sub{font-size:clamp(36px,4.8vw,60px);line-height:1.06}
main.u h2,main.u .h2,main.u .h2-sm,main.u .sw-sec h2,main.u .sw-cta h2{font-size:clamp(28px,3.4vw,42px);line-height:1.12}
main.u .lead,main.u .sw-lede{font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--u-txt);max-width:34em}
main.u p{line-height:1.65}

/* eyebrow / pill -> kd-eyebrow */
main.u .eyebrow,main.u .pill{display:inline-flex;align-items:center;gap:10px;background:none;padding:0;border-radius:0;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--u-ink);margin-bottom:14px}
main.u .eyebrow::before,main.u .pill::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--u-berry);flex:none}
main.u .pill .pulse,main.u .pill>span:first-child:empty{display:none}
main.u .eyebrow.on-blue{color:var(--u-peach)}

/* hero's zonder decoratie */
main.u .hero,main.u .sw-hero{background:transparent;border:0}
main.u .hero::before,main.u .hero::after{display:none}
main.u .hero .wrap,main.u .page-hero .wrap{padding-block:clamp(28px,4vw,56px) clamp(32px,4vw,56px)}
main.u .sw-hero-in{padding-block:clamp(28px,4vw,56px)}
main.u .u-vis{border-radius:28px;overflow:hidden}
main.u .u-vis svg{display:block;width:100%;height:auto;aspect-ratio:5/3.6}
main.u .photo .frame{border-radius:28px;box-shadow:none}

/* secties */
main.u .bg-cream,main.u .sw-soft{background:transparent}
main.u .sec,main.u .sw-sec{padding-block:clamp(40px,6vw,80px)}

/* donkere banden -> afgeronde inzetkaart, zoals de kd-cta */
main.u section.dark,main.u .band,main.u .sw-band{width:min(1200px,100% - 32px);margin:clamp(24px,4vw,48px) auto;border-radius:28px;overflow:hidden;background:var(--u-ink)}
main.u .band::before,main.u .band::after,main.u .cta::before,main.u .cta::after,main.u .sw-band::before,main.u .sw-band::after{display:none}
main.u .band blockquote{font-family:var(--u-serif);font-weight:400;font-size:clamp(24px,3vw,36px);line-height:1.35}
main.u .band .q,main.u .band .hl{color:var(--u-peach)}
main.u section.dark .wrap,main.u .sw-band .wrap{width:auto;padding-inline:clamp(22px,4vw,48px)}
main.u .cta{background:var(--u-ink);border-radius:28px}
main.u .cta h2,main.u .dark h2,main.u .sw-band h2{color:#fff}
main.u .sw-cta{background:transparent;padding-block:clamp(24px,4vw,48px)}
main.u .sw-cta-in{background:var(--u-pink);border-radius:28px;padding:clamp(26px,4vw,52px)}
main.u .sw-ways a{background:#fff;border:0}

/* kaarten */
main.u .card,main.u .mini,main.u .panel,main.u .sw-card,main.u .ct-card:not(.ct-dark),main.u .km-card,main.u .form-card{background:#fff;border:0;box-shadow:none;border-radius:22px}
main.u .card-cream{background:var(--u-sage-l)}
main.u .grid>.card-cream:nth-child(4n+2){background:#f3e1cf}
main.u .grid>.card-cream:nth-child(4n+3){background:var(--u-pink)}
main.u .grid>.card-cream:nth-child(4n+4){background:#ece7dd}
main.u .card .t,main.u .mini .t{font-family:var(--u-serif);font-weight:400;font-size:20px;color:var(--u-ink)}
main.u .mini .t{font-size:17.5px}
main.u .card p,main.u .mini p{color:var(--u-txt)}
main.u .card .ico{border-radius:50%}
main.u .notice{background:var(--u-pink);border-radius:20px}
main.u .dark .card-d{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
main.u .dark .card-d b{font-family:var(--u-serif);font-weight:400;font-size:19px}

/* knoppen: primair = bes pil, lijn = tekstlink */
main.u .btn{font:700 15px/1.2 var(--u-sans);min-height:46px;padding:13px 22px;box-shadow:none}
main.u .btn-primary{background:var(--u-berry);color:#fff}
main.u .btn-primary:hover{background:#9c2f5d}
main.u .btn-line{background:transparent;border:0;color:var(--u-ink);padding:13px 4px;min-height:0;border-radius:0;box-shadow:inset 0 -1.5px 0 currentColor}
main.u .btn-line:hover{color:var(--u-berry)}
main.u .btn-line .dot{display:none}
main.u .btn-white{background:var(--u-berry);color:#fff}
main.u .btn-ghost-w{background:transparent;border:0;color:#fff;box-shadow:inset 0 -1.5px 0 currentColor;border-radius:0;padding-inline:4px}
main.u .text-link,main.u .more{color:var(--u-ink);text-decoration:underline;text-decoration-color:var(--u-peach);text-decoration-thickness:2px;text-underline-offset:3px}

/* formulieren */
main.u input,main.u select,main.u textarea{border-radius:14px;border-color:var(--u-line);background:var(--u-paper)}
main.u input:focus,main.u select:focus,main.u textarea:focus{outline:3px solid var(--u-peach);border-color:var(--u-peach)}

/* nieuws */
main.u .nw-card{border-radius:22px;border:0}
main.u .nw-hero{background:transparent}
main.u .ct-dark{background:var(--u-ink);border:0;border-radius:22px}
main.u .sw-hero+.sw-sec,main.u .sw-hero+section{padding-top:clamp(12px,2vw,28px)}