/* Gemaakt door bron/blokken.py (via assemble.py). Niet met de hand aanpassen.
   1. kleuren en volgnummers van omgebouwde bouwstenen (was style="--k:..")
   2. de regels voor ul/ol/li, ook voor lijsten die groepjes zijn geworden (.d-ul/.d-ol/.d-li) */
.d-v-beleg-5a2e1a { --beleg: #5A2E1A; }
.d-v-beleg-b9783a { --beleg: #B9783A; }
.d-v-beleg-c8344b { --beleg: #C8344B; }
.d-v-beleg-f2d27a { --beleg: #F2D27A; }
.d-v-k-496390 { --k: #496390; }
.d-v-k-5e8a3a { --k: #5E8A3A; }
.d-v-k-6ba6dd { --k: #6BA6DD; }
.d-v-k-8db173 { --k: #8DB173; }
.d-v-k-b8860b { --k: #B8860B; }
.d-v-k-c8566f { --k: #C8566F; }
.d-v-k-d9667a { --k: #D9667A; }
.d-v-k-e0a82e { --k: #E0A82E; }
.d-v-k-ec8b48 { --k: #EC8B48; }
.d-v-k-ffc94d { --k: #FFC94D; }
.d-v-n-0 { --n: 0; }
.d-v-n-1 { --n: 1; }
.d-v-n-2 { --n: 2; }
.d-v-n-3 { --n: 3; }
.d-v-n-4 { --n: 4; }
.d-v-n-5 { --n: 5; }
.d-v-n-6 { --n: 6; }
.d-v-v-0 { --v: 0; }
.d-v-v-1 { --v: 1; }
.d-v-v-2 { --v: 2; }
.d-v-v-3 { --v: 3; }
.d-v-v-4 { --v: 4; }
.d-v-v-5 { --v: 5; }
.d-v-v-6 { --v: 6; }
.d-v-v-7 { --v: 7; }
.d-v-v-8 { --v: 8; }
.d-v-v-9 { --v: 9; }
.d-stappenlijn :where(.d-li) > .wp-block-html > .block-editor-inner-content > div, .d-stappenlijn :where(.d-li) > p.d-ink > div { flex: 1; padding: .9rem 1.2rem; background: #fff; border-radius: 16px; box-shadow: 0 6px 14px rgba(30,43,69,.07); }
.d-themalijst :where(.d-li) { display: flex; gap: .9rem; align-items: flex-start; padding: .9rem 1.1rem; background: #fff; border-radius: 14px; box-shadow: 0 6px 14px rgba(30,43,69,.06); }
.d-themalijst-section:not(.d-band) .d-themalijst :where(.d-li) { border: 1px solid #ECEFF3; box-shadow: none; }
.d-themalijst :where(.d-li) span:not(.d-icon):not(.d-tl-icoon) { display: block; font-size: .94rem; color: #3E4C68; }
.d-tl-hygiene .d-themalijst :where(.d-li):nth-child(4n+1) .d-tl-icoon { background: #DFE8F6; }
.d-tl-hygiene .d-themalijst :where(.d-li):nth-child(4n+2) .d-tl-icoon { background: #E0EBCF; }
.d-tl-hygiene .d-themalijst :where(.d-li):nth-child(4n+3) .d-tl-icoon { background: #FDE3CF; }
.d-tl-hygiene .d-themalijst :where(.d-li):nth-child(4n) .d-tl-icoon { background: #FFF0C2; }
.d-tl-hygiene .d-themalijst :where(.d-li):nth-child(4n+2) .d-icon { --ink: #496B3D; }
.d-tl-hygiene .d-themalijst :where(.d-li):nth-child(4n+3) .d-icon { --ink: #C8661F; }
.d-tl-hygiene .d-themalijst :where(.d-li):nth-child(4n) .d-icon { --ink: #9A6A00; }
.d-tl-schild .d-themalijst :where(.d-li):nth-child(5n+2) .d-tl-icoon { background: #C8382E; }
.d-tl-schild .d-themalijst :where(.d-li):nth-child(5n+3) .d-tl-icoon { background: #5E8A3A; }
.d-tl-schild .d-themalijst :where(.d-li):nth-child(5n+4) .d-tl-icoon { background: #EC8B48; }
.d-tl-schild .d-themalijst :where(.d-li):nth-child(5n) .d-tl-icoon { background: #B8860B; }
.d-themalijst :where(.d-li) { transition: transform .25s; }
.d-themalijst :where(.d-li):hover { transform: translateX(4px); }
.d-themalijst :where(.d-li):hover .d-tl-icoon { animation: d-schild-wip .5s ease-in-out; }
.d-tl-check.is-js .d-themalijst :where(.d-li) .d-tl-icoon { transform: scale(0); }
.d-tl-check.is-js.is-op .d-themalijst :where(.d-li) .d-tl-icoon { transform: scale(1); transition: transform .45s cubic-bezier(.34,1.56,.64,1); }
.d-tl-check.is-js.is-op .d-themalijst :where(.d-li):nth-child(2) .d-tl-icoon { transition-delay: .3s; }
.d-tl-check.is-js.is-op .d-themalijst :where(.d-li):nth-child(3) .d-tl-icoon { transition-delay: .6s; }
.d-tl-check.is-js.is-op .d-themalijst :where(.d-li):nth-child(4) .d-tl-icoon { transition-delay: .9s; }
.d-stappenlijn :where(.d-li) { position: relative; display: flex; gap: 1.1rem; padding: 0 0 1.1rem; }
.d-stappenlijn :where(.d-li) > div { flex: 1; padding: .9rem 1.2rem; background: #fff; border-radius: 16px; box-shadow: 0 6px 14px rgba(30,43,69,.07); }
.d-deurpad :where(.d-ol) { flex: 1; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; position: relative; }
.d-deurpad :where(.d-ol)::before { content: ""; position: absolute; left: 24px; right: 24px; top: 23px; height: 4px; background: repeating-linear-gradient(90deg, #B8D39A 0 10px, transparent 10px 18px); }
.d-deurpad :where(.d-li) { position: relative; }
.d-deurpad :where(.d-li) strong { display: block; color: var(--d-navy); font-size: 1.02rem; margin-bottom: .25rem; }
.d-deurpad :where(.d-li) p { margin: 0 !important; font-size: .92rem !important; color: #3E4C68; }
.d-deurpad :where(.d-li) p a { font-weight: 700; color: #C8661F; }
@media (max-width: 900px) { .d-deurpad :where(.d-ol) { grid-template-columns: 1fr; gap: .9rem; } }
@media (max-width: 900px) { .d-deurpad :where(.d-ol)::before { left: 23px; right: auto; top: 20px; bottom: 20px; width: 4px; height: auto; background: repeating-linear-gradient(#B8D39A 0 10px, transparent 10px 18px); } }
@media (max-width: 900px) { .d-deurpad :where(.d-li) { display: grid; grid-template-columns: 50px 1fr; column-gap: 1rem; } }
.d-deurpad :where(.d-ol)::before { z-index: 0; }
.d-kapstok :where(.d-ol) { list-style: none; margin: 0; padding: 0 2%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.2rem; }
@media (max-width: 781px) { .d-kapstok :where(.d-ol) { grid-template-columns: 1fr; row-gap: 1rem; padding: 0 0 0 30px; } }