/* Homepage sectie 2: dienstenkaarten */
.et_pb_section.f22-help.f22-dk-old{display:none!important}
.f22-dk{position:relative;z-index:2;padding:110px 24px 120px;color:#ECE4D2;font-family:var(--f22-sans)}
.f22-dk .in{max-width:1220px;margin:0 auto;text-align:center}
.f22-dk .k{margin:0;font:500 11px var(--f22-mono);letter-spacing:.2em;text-transform:uppercase;color:#B9C48F}
.f22-dk h2{margin:12px 0 10px!important;padding:0!important;font:600 clamp(36px,4.6vw,62px)/1 var(--f22-sans)!important;letter-spacing:-.05em!important;color:#ECE4D2!important}
.f22-dk h2 em{font-family:'Instrument Serif',serif;font-weight:400;color:#B9C48F}
.f22-dk .p{margin:0 auto 38px;max-width:560px;color:#C9BFAE;font-size:17px;line-height:1.5;padding:0}
.f22-dk .cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;text-align:left}
.f22-dk .card{position:relative;display:flex;flex-direction:column;border-radius:22px;background:rgba(27,21,16,.6);box-shadow:inset 0 0 0 1px rgba(236,228,210,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 14px 16px;color:#ECE4D2!important;text-decoration:none!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.f22-dk .card.top{box-shadow:inset 0 0 0 1.5px rgba(185,196,143,.6)}
.f22-dk .card:hover,.f22-dk .card:focus-visible{transform:translateY(-6px);box-shadow:inset 0 0 0 1.5px #B9C48F,0 30px 50px -25px rgba(0,0,0,.7)}
.f22-dk .ill{height:150px;border-radius:14px;background:#2a221a;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.f22-dk .ill>*{transition:filter .5s ease,transform .6s cubic-bezier(.2,.9,.3,1.2),opacity .5s}
.f22-dk .card:hover .ill>*{animation:dkForm .8s cubic-bezier(.2,.8,.2,1)}
@keyframes dkForm{0%{filter:blur(0);transform:none}30%{filter:blur(8px);transform:scale(.9);opacity:.5}100%{filter:blur(0);transform:none;opacity:1}}
.f22-dk .t{margin:14px 2px 2px;font:600 19px var(--f22-sans);letter-spacing:-.03em}
.f22-dk .pr{margin:0 2px;color:#C9BFAE;font-size:13px}.f22-dk .pr b{color:#ECE4D2;font-weight:600}
.f22-dk .go{position:absolute;right:14px;bottom:16px;width:30px;height:30px;border-radius:50%;background:#ECE4D2;color:#221B15;display:grid;place-items:center;font-size:14px;transition:transform .3s}
.f22-dk .card:hover .go{transform:translateX(3px)}
.f22-dk .bt{display:flex;justify-content:center;gap:10px;margin-top:30px;flex-wrap:wrap}
.f22-dk .bt a{padding:12px 20px;border-radius:99px;font:500 14.5px var(--f22-sans);text-decoration:none!important}
.f22-dk .a1{background:#ECE4D2;color:#221B15!important}.f22-dk .a2{color:#ECE4D2!important;box-shadow:inset 0 0 0 1px rgba(236,228,210,.25)}
/* binnenkomen uit de rook */
.f22-dk .k,.f22-dk h2,.f22-dk .p,.f22-dk .card,.f22-dk .bt{opacity:0;filter:blur(14px);transform:translateY(26px)}
.f22-dk.is-in .k,.f22-dk.is-in h2,.f22-dk.is-in .p,.f22-dk.is-in .bt{animation:dkIn 1s cubic-bezier(.2,.7,.2,1) forwards}
.f22-dk.is-in h2{animation-delay:.08s}.f22-dk.is-in .p{animation-delay:.16s}.f22-dk.is-in .bt{animation-delay:.9s}
.f22-dk.is-in .card{animation:dkIn 1.05s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(.25s + var(--i)*.09s)}
@keyframes dkIn{0%{opacity:0;filter:blur(14px);transform:translateY(26px)}60%{opacity:1;filter:blur(2px)}100%{opacity:1;filter:none;transform:none}}
/* mini-illustraties */
.f22-dk .kw{width:78%;background:#F5F1EA;border-radius:8px;overflow:hidden}.f22-dk .kw i{display:block}.f22-dk .kw .b{height:12px;background:#E3DBCB}.f22-dk .kw .h{height:44px;margin:8px;border-radius:5px;background:linear-gradient(135deg,#B9C48F,#8e9b6b)}.f22-dk .kw .l{height:6px;margin:6px 8px;border-radius:3px;background:#d9d0bf;width:60%}.f22-dk .kw .l.s{width:40%}
.f22-dk .ka{width:62px;height:118px;border-radius:14px;background:#111;padding:5px;animation:dkFloat 4s ease-in-out infinite}.f22-dk .ka i{display:block;height:100%;border-radius:10px;background:#F5F1EA;position:relative}.f22-dk .ka i:before{content:"";position:absolute;left:6px;right:6px;top:10px;height:34px;border-radius:6px;background:#B9C48F}.f22-dk .ka i:after{content:"";position:absolute;left:8px;right:8px;bottom:10px;height:12px;border-radius:6px;background:#221B15}
.f22-dk .kg{display:grid;grid-template-columns:repeat(3,26px);gap:3px}.f22-dk .kg i{height:26px;border-radius:3px;background:#5a4a3a}.f22-dk .kg i:nth-child(2n){background:#B9C48F}.f22-dk .kg i:nth-child(5){background:#ECE4D2}
.f22-dk .kn{width:66px;height:66px}.f22-dk .kn svg{width:100%;height:100%}.f22-dk .kn circle{transform-origin:33px 33px;animation:dkSpin 6s linear infinite}
.f22-dk .kc{width:84px;height:56px;border-radius:10px;background:#ECE4D2;position:relative}.f22-dk .kc:before{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px;border-radius:50%;background:#221B15;box-shadow:0 0 0 4px #B9C48F}.f22-dk .kc:after{content:"";position:absolute;left:10px;top:-7px;width:22px;height:9px;border-radius:3px 3px 0 0;background:#ECE4D2}
.f22-dk .kd{position:absolute;right:12px;top:12px;font:500 10px var(--f22-mono);color:#C9BFAE}
@keyframes dkFloat{50%{transform:translateY(-5px) rotate(-2deg)}}@keyframes dkSpin{to{transform:rotate(360deg)}}
@media (max-width:860px){.f22-dk{padding:72px 16px 80px}.f22-dk .p{font-size:15px;margin-bottom:22px}
 .f22-dk .cards{grid-template-columns:1fr 1fr;gap:10px}.f22-dk .card{padding:10px 10px 12px;border-radius:18px}.f22-dk .ill{height:92px}.f22-dk .t{font-size:16px;margin-top:10px}.f22-dk .pr{font-size:11.5px}.f22-dk .go{width:24px;height:24px;font-size:11px;right:10px;bottom:12px}
 .f22-dk .card.top{grid-column:1/3}.f22-dk .card.top .ill{height:110px}}
@media (prefers-reduced-motion:reduce){.f22-dk *{animation:none!important}.f22-dk .k,.f22-dk h2,.f22-dk .p,.f22-dk .card,.f22-dk .bt{opacity:1;filter:none;transform:none}}

.f22-dk .done{animation:none!important;opacity:1!important;filter:none!important;transform:none}
.f22-dk .card.done:hover,.f22-dk .card.done:focus-visible{transform:translateY(-6px)}
/* v4.69: zes kaarten (Logo & huisstijl erbij) */
.f22-dk .cards{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1180px) and (min-width:861px){.f22-dk .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.f22-dk .cards{grid-template-columns:1fr 1fr}.f22-dk .card.top{grid-column:auto}.f22-dk .card.top .ill{height:92px}}
.f22-dk .kl{position:relative;width:62px;height:62px;border-radius:50%;background:#ECE4D2;display:grid;place-items:center;box-shadow:0 0 0 8px rgba(185,196,143,.18)}
.f22-dk .kl i{width:34px;height:34px;border-radius:50%;background:#5F6B44;box-shadow:inset -10px -4px 0 0 #ECE4D2}
.f22-dk .kl span{position:absolute;right:-30px;bottom:-6px;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#B9C48F 0 50%,#C98B6B 50%)}