/* =========================================================================
   ttwwoo.css — feedback ttwwoo V1 (4 nov 2026), laatste stylesheet. Na akkoord samenvoegen met style.css.
   HUISREGELS
   Kleur   geel = aandacht en interactie (hover, actief, markering); inkt = hoofdknop en voet;
           steen (--beige) = rustig sectievlak; wit = basis. Geen tussentinten.
   Hoek    beeld en grote kaart --hoek; knop, label, veld en invoer recht (2px). Rond alleen voor icoonknoppen.
   Schaduw geen op pagina-elementen; alleen de vlek onder koppen en het pand (uit de huisstijl) en zwevende lagen.
   Hover   wordt geel, nooit een schaduw of opkomen.
   ========================================================================= */

/* ---------- menu: de andere websites ---------- */
:where(html:not([data-k-menu="100"])) .pijl-uit{ width: 13px; height: 13px; flex: none; }
:where(html:not([data-k-menu="100"])) .hoofdmenu .menu-extern a{ display: inline-flex; align-items: center; gap: 5px; }
:where(html:not([data-k-menu="100"])) .kop-extern{ display: none; position: relative; }
:where(html:not([data-k-menu="100"])) .ke-open{ display: none; align-items: center; gap: 6px; padding: 8px 0; border: 0; background: none; font: inherit; color: var(--inkt); cursor: pointer; }
:where(html:not([data-k-menu="100"])) .ke-open svg{ width: 15px; height: 15px; transition: transform .25s var(--ease); }
:where(html:not([data-k-menu="100"])) .ke-open[aria-expanded="true"] svg{ transform: rotate(180deg); }
:where(html:not([data-k-menu="100"])) .ke-paneel{ display: contents; }
:where(html:not([data-k-menu="100"])) .ke-link{ display: inline-flex; align-items: center; color: var(--inkt); text-decoration: none; font-size: 15px; white-space: nowrap; }
:where(html:not([data-k-menu="100"])) .ke-link small{ display: none; }
:where(html:not([data-k-menu="100"])) .ke-naam{ display: inline-flex; align-items: center; gap: 5px; position: relative; }
:where(html:not([data-k-menu="100"])) .voet-extern{ display: none; }

@media (min-width: 861px) {
  [data-k-menu="1"] .menu-extern, [data-k-menu="2"] .menu-extern, [data-k-menu="3"] .menu-extern, [data-k-menu="5"] .menu-extern { display: none; }
  [data-k-menu="1"] .kop-extern, [data-k-menu="2"] .kop-extern { display: flex; gap: 20px; align-items: center; margin-left: auto; margin-right: 22px; }
  [data-k-menu="1"] .kop-extern { padding-right: 22px; border-right: 1px solid var(--lijn); }
  [data-k-menu="1"] .taal, [data-k-menu="2"] .taal, [data-k-menu="3"] .taal { margin-left: 0; }
  [data-k-menu="1"] .ke-link:hover .ke-naam > span:first-child { background: var(--geel); }
  [data-k-menu="2"] .ke-link { padding: 8px 12px 7px; border: 1px solid var(--inkt); border-radius: 2px; }
  [data-k-menu="2"] .ke-link:hover { background: var(--geel); }
  [data-k-menu="3"] .kop-extern { display: block; margin-left: auto; margin-right: 22px; }
  [data-k-menu="3"] .ke-open { display: inline-flex; font-size: 15px; }
  [data-k-menu="3"] .ke-paneel { display: none; position: absolute; top: 100%; right: 0; width: 330px; padding: 6px 0; background: var(--wit); border: 1px solid var(--inkt); border-radius: 2px; z-index: 5; }
  [data-k-menu="3"] .kop-extern.open .ke-paneel { display: block; }
  [data-k-menu="3"] .ke-link { display: block; padding: 12px 16px; white-space: normal; }
  [data-k-menu="3"] .ke-link:hover { background: var(--geel); }
  [data-k-menu="3"] .ke-link small { display: block; margin-top: 2px; font-size: 14px; color: var(--grijs); }
  [data-k-menu="4"] .hoofdmenu .menu-extern:first-of-type { margin-left: 0; }
  [data-k-menu="4"] .menu-extern a[href$="werken-bij.html"] { position: relative; }
  [data-k-menu="4"] .hoofdmenu li:has(+ .menu-extern):not(.menu-extern) { padding-right: 0; }
  [data-k-menu="5"] .voet-extern { display: block; }
}
@media (max-width: 860px) {
  :where(html:not([data-k-menu="100"])) .hoofdmenu li.menu-extern a{ font-size: inherit; }
  [data-k-menu="5"] .menu-extern { display: none; }
}

/* ---------- home: Waarom Workx ---------- */
.verhaal-fotos { display: none; }
:where(html:not([data-k-waarom="100"])) .verhaal-meter{ display: none; }
:where(html:not([data-k-waarom="100"])) .stap-nr{ display: none; }
[data-k-waarom="1"] .verhaal-pand, [data-k-waarom="2"] .verhaal-pand, [data-k-waarom="4"] .verhaal-pand { display: none; }
[data-k-waarom="1"] .verhaal-raster, [data-k-waarom="2"] .verhaal-raster, [data-k-waarom="4"] .verhaal-raster { display: block; }
[data-k-waarom="1"] .stap, [data-k-waarom="2"] .stap, [data-k-waarom="4"] .stap, [data-k-waarom="3"] .stap, [data-k-waarom="5"] .stap { opacity: 1 !important; transform: none !important; }
:where(html:not([data-k-waarom="100"])) .verhaal .sectiekop.verhaal-kop{ margin-bottom: clamp(36px, 4vw, 56px); }
:where(html:not([data-k-waarom="100"])) .verhaal{ padding-block: clamp(70px, 9vw, 130px); }
/* optie 1: drie naast elkaar */
[data-k-waarom="1"] .verhaal-tekst { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 clamp(28px, 4vw, 64px); }
[data-k-waarom="1"] .verhaal-kop { grid-column: 1 / -1; }
[data-k-waarom="1"] .stap { min-height: 0; padding: 0; justify-content: flex-start; }
[data-k-waarom="1"] .stap h3 { font-size: clamp(26px, 2.5vw, 36px); max-width: none; line-height: 1.1; }
[data-k-waarom="1"] .stap p { margin-top: 16px; }
[data-k-waarom="1"] .stap-icoon { display: block; width: 56px; height: 56px; margin-bottom: 20px; }
/* optie 2: rijen, gelijk aan "is er voor" */
[data-k-waarom="2"] .verhaal-tekst { display: grid; grid-template-columns: 1fr 2fr; column-gap: clamp(32px, 6vw, 96px); align-items: start; }
[data-k-waarom="2"] .verhaal-kop { grid-row: 1 / span 3; }
[data-k-waarom="2"] .stap { grid-column: 2; min-height: 0; display: grid; grid-template-columns: 64px minmax(0, 1fr); column-gap: 20px; padding-block: 26px; border-top: 1px solid var(--inkt); }
[data-k-waarom="2"] .stap:last-child { border-bottom: 1px solid var(--inkt); min-height: 0; }
[data-k-waarom="2"] .stap-icoon { display: block; grid-row: 1 / span 2; width: 56px; height: 56px; margin: 0; }
[data-k-waarom="2"] .stap h3 { font-size: clamp(22px, 1.9vw, 26px); max-width: none; line-height: 1.2; }
[data-k-waarom="2"] .stap h3 mark, [data-k-waarom="2"] .stap h3 span { font-size: inherit; }
[data-k-waarom="2"] .stap p { max-width: none; margin-top: 6px; }
/* optie 3: per belofte een foto */
[data-k-waarom="3"] .verhaal-grond { display: none; }
[data-k-waarom="3"] .verhaal-svg { display: none; }
[data-k-waarom="3"] .verhaal-fotos { display: block; position: relative; width: 100%; aspect-ratio: 4 / 3; }
[data-k-waarom="3"] .verhaal-fotos img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: var(--hoek); opacity: 0; transition: opacity .6s var(--ease); }
.verhaal[data-foto="0"] .verhaal-fotos img:nth-child(1), .verhaal[data-foto="1"] .verhaal-fotos img:nth-child(2), .verhaal[data-foto="2"] .verhaal-fotos img:nth-child(3) { opacity: 1; }
[data-k-waarom="3"] .verhaal-raster { grid-template-columns: 6fr 6fr; }
[data-k-waarom="3"] .stap, [data-k-waarom="3"] .stap:last-child { min-height: 56vh; }
/* optie 4: grote zinnen */
[data-k-waarom="4"] .stap { min-height: 0; padding-block: clamp(28px, 3.4vw, 48px); border-top: 1px solid var(--inkt); display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: clamp(32px, 5vw, 80px); align-items: end; }
[data-k-waarom="4"] .stap:last-child { min-height: 0; border-bottom: 1px solid var(--inkt); }
[data-k-waarom="4"] .stap-icoon { display: none; }
[data-k-waarom="4"] .stap h3 { max-width: none; font-size: clamp(32px, 3.9vw, 58px); }
[data-k-waarom="4"] .stap p { margin: 0; }
/* optie 5: gebouw blijft, zonder streepjes */
[data-k-waarom="5"] .stap, [data-k-waarom="5"] .stap:last-child { min-height: 56vh; }
@media (max-width: 860px) {
  [data-k-waarom]:where(:not([data-k-waarom="100"])) .verhaal-tekst{ display: block !important; }
  [data-k-waarom]:where(:not([data-k-waarom="100"])) .stap, [data-k-waarom]:where(:not([data-k-waarom="100"])) .stap:last-child{ min-height: 0 !important; }
  [data-k-waarom="1"] .stap { padding-block: 22px; }
  [data-k-waarom="1"] .stap-icoon { display: block; }
  [data-k-waarom="3"] .verhaal-pand { display: block; position: static; height: auto; margin-bottom: 24px; }
  [data-k-waarom="3"] .verhaal-raster { display: block; }
  [data-k-waarom="3"] .verhaal-fotos img:first-child { opacity: 1 !important; }
  [data-k-waarom="3"] .verhaal-fotos img:not(:first-child) { display: none; }
  [data-k-waarom="4"] .stap { display: block; }
  [data-k-waarom="4"] .stap p { margin-top: 12px; }
}

/* ---------- home: logobalk ---------- */
.pagina-home .banier-smal .logoband-item { position: relative; }
.pagina-home .banier-smal .wc-label { position: absolute; left: 50%; top: calc(50% + 22px); transform: translateX(-50%); margin: 0; white-space: nowrap; }
.pagina-home .logoband .logoband-item { height: 92px; }
:where(html:not([data-k-logo="100"])) .pagina-home .banier-smal.banier{ padding: 0; background: none; display: block; }
:where(html:not([data-k-logo="100"])) .pagina-home .banier-smal > .wrap{ display: flex; align-items: end; justify-content: space-between; gap: 16px 40px; flex-wrap: wrap; padding-block: clamp(48px, 6vw, 80px) clamp(24px, 3vw, 36px); }
:where(html:not([data-k-logo="100"])) .pagina-home .banier-smal > .wrap > div{ display: contents; }
:where(html:not([data-k-logo="100"])) .pagina-home .banier-smal h2{ margin: 0; max-width: 24ch; font-size: clamp(26px, 2.6vw, 38px); font-weight: 400; line-height: 1.12; letter-spacing: -.01em; text-transform: none; }
:where(html:not([data-k-logo="100"])) .pagina-home .banier-smal .pijllink{ margin: 0; font-size: 16px; white-space: nowrap; }
:where(html:not([data-k-logo="100"])) .pagina-home .banier-smal .logoband{ position: static; width: 100%; padding-block: 10px; background: var(--geel); -webkit-mask-image: none; mask-image: none; }
[data-k-logo="2"] .pagina-home .banier-smal.banier { background: var(--geel); padding-bottom: 16px; }
[data-k-logo="2"] .pagina-home .banier-smal > .wrap { padding-bottom: 8px; }
[data-k-logo="3"] .pagina-home .banier-smal .logoband { background: none; border-block: 1px solid var(--lijn); }
[data-k-logo="4"] .pagina-home .banier-smal.banier { background: var(--beige); }
[data-k-logo="5"] .pagina-home .banier-smal > .wrap { flex-direction: column; align-items: center; text-align: center; }
[data-k-logo="5"] .pagina-home .banier-smal h2 { max-width: none; }
@media (max-width: 860px) { :where(html:not([data-k-logo="100"])) .pagina-home .banier-smal > .wrap{ padding-inline: var(--rand); } .pagina-home .logoband .logoband-item { height: 74px; } .pagina-home .banier-smal .wc-label { top: calc(50% + 18px); } }
@media (prefers-reduced-motion: reduce) { :where(html:not([data-k-logo="100"])) .pagina-home .logoband .logoband-item { height: 84px; } }

/* ---------- home: rijen "is er voor" — hover vlak geel, grotere pijlen ---------- */
.doellijst a { padding-inline: 16px; }
.doellijst a::before, .beige .doellijst a::before { inset: 0; background: var(--geel); transform: none; opacity: 0; transition: opacity .2s ease; }
.doellijst a:hover::before, .doellijst a:focus-visible::before { opacity: 1; transform: none; }
.doellijst a:hover .tekst { transform: none; }
.doellijst a .plus { width: 30px; height: 30px; background: currentColor; -webkit-mask: var(--pijl-icoon) center / 30px no-repeat; mask: var(--pijl-icoon) center / 30px no-repeat; transition: transform .3s var(--ease); }
.doellijst a .plus::before, .doellijst a .plus::after { display: none; }
.doellijst a:hover .plus { transform: translateX(4px); }

/* ---------- home: wat klanten zeggen — geen stapel meer ---------- */
:where(html:not([data-k-stemmen="100"])) .stapel-kaart{ transform: none !important; box-shadow: none; opacity: 0; visibility: hidden; transition: opacity .5s var(--ease); max-width: none; min-height: 0; }
:where(html:not([data-k-stemmen="100"])) .stapel-kaart.aan{ opacity: 1; visibility: visible; }
:where(html:not([data-k-stemmen="100"])) .stapel-kaart.weg{ opacity: 0; transform: none !important; }
:where(html:not([data-k-stemmen="100"])) .stapel-kaarten{ padding: 0; }
:where(html:not([data-k-stemmen="100"])) .stapel-kaart figcaption{ border-top: 0; padding-top: 0; min-height: 0; }
:where(html:not([data-k-stemmen="100"])) .stapel-nr{ display: none; }
:where(html:not([data-k-stemmen="100"])) .stapel-pijl{ flex: none; }
/* optie 1: groot citaat over de hele breedte */
[data-k-stemmen="1"] .stapel { display: block; }
[data-k-stemmen="1"] .stapel-links { display: contents; }
[data-k-stemmen="1"] .stapel .sectiekop { margin-bottom: clamp(32px, 4vw, 56px); }
[data-k-stemmen="1"] .stapel-kaart { background: none; padding: 0; border-radius: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: clamp(32px, 5vw, 80px); align-items: start; }
[data-k-stemmen="1"] .stapel-kaart blockquote { grid-column: 1; grid-row: 1; font-size: clamp(26px, 3.1vw, 44px); line-height: 1.18; letter-spacing: -.012em; }
[data-k-stemmen="1"] .stapel-kop { grid-column: 2; grid-row: 1; }
[data-k-stemmen="1"] .stapel-logo { width: 120px; margin: 0; }
[data-k-stemmen="1"] .stapel-logo.stapel-logo-legal { width: 94px; }
[data-k-stemmen="1"] .stapel-kaart figcaption { grid-column: 1; grid-row: 2; margin-top: 22px; }
[data-k-stemmen="1"] .stapel-besturing { margin-top: clamp(28px, 3vw, 40px); }
/* optie 2: alles zichtbaar, drie kolommen */
[data-k-stemmen="2"] .stapel { display: block; }
[data-k-stemmen="2"] .stapel-besturing { display: none; }
[data-k-stemmen="2"] .stapel .sectiekop { margin-bottom: clamp(32px, 4vw, 56px); }
[data-k-stemmen="2"] .stapel-kaarten { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: none; gap: 40px clamp(24px, 3vw, 48px); }
[data-k-stemmen="2"] .stapel-kaart, [data-k-stemmen="2"] .stapel-kaart > * { grid-area: auto; opacity: 1 !important; visibility: visible; z-index: auto !important; }
[data-k-stemmen="2"] .stapel-kaart { background: none; padding: 20px 0 0; border-radius: 0; border-top: 1px solid var(--inkt); }
[data-k-stemmen="2"] .stapel-logo { width: 72px; margin: 0; }
[data-k-stemmen="2"] .stapel-logo.stapel-logo-legal { width: 56px; }
/* optie 3: geel vlak */
[data-k-stemmen="3"] .stemmen { background: var(--geel); }
[data-k-stemmen="3"] .stapel { display: block; text-align: center; }
[data-k-stemmen="3"] .stapel-links { display: contents; }
[data-k-stemmen="3"] .stapel .sectiekop { margin-bottom: 32px; }
[data-k-stemmen="3"] .stapel .sectiekop h2::after { left: 50%; transform: translateX(-50%); }
[data-k-stemmen="3"] .stapel-kaart { background: none; padding: 0; align-items: center; max-width: 980px; justify-self: center; width: 100%; }
[data-k-stemmen="3"] .stapel-kop { justify-content: center; }
[data-k-stemmen="3"] .stapel-logo { mix-blend-mode: multiply; margin: 0; }
[data-k-stemmen="3"] .stapel-kaart blockquote { font-size: clamp(26px, 3.1vw, 44px); line-height: 1.18; letter-spacing: -.012em; }
[data-k-stemmen="3"] .stapel-besturing { justify-content: center; margin-top: 32px; }
[data-k-stemmen="3"] .stapel-balk { flex: 0 1 240px; background: rgba(30,30,30,.2); }
[data-k-stemmen="3"] .stapel-kaarten { justify-items: center; }
/* optie 4: keurmerk links, citaat rechts */
[data-k-stemmen="4"] .stapel { display: block; }
[data-k-stemmen="4"] .stapel-links { display: contents; }
[data-k-stemmen="4"] .stapel .sectiekop { margin-bottom: clamp(32px, 4vw, 56px); }
[data-k-stemmen="4"] .stapel-kaart { background: none; padding: 0; border-radius: 0; display: grid; grid-template-columns: 1fr 2fr; column-gap: clamp(32px, 6vw, 96px); }
[data-k-stemmen="4"] .stapel-kop { grid-column: 1; grid-row: 1 / span 2; }
[data-k-stemmen="4"] .stapel-logo { width: 190px; margin: 0; }
[data-k-stemmen="4"] .stapel-logo.stapel-logo-legal { width: 150px; }
[data-k-stemmen="4"] .stapel-kaart blockquote { grid-column: 2; font-size: clamp(24px, 2.5vw, 36px); line-height: 1.22; }
[data-k-stemmen="4"] .stapel-kaart figcaption { grid-column: 2; margin-top: 20px; }
[data-k-stemmen="4"] .stapel-besturing { margin-top: 32px; margin-left: calc(33.33% + 12px); }
/* optie 5: één witte kaart */
[data-k-stemmen="5"] .stapel-kaart blockquote { font-size: clamp(21px, 1.9vw, 28px); line-height: 1.3; }
@media (max-width: 860px) {
  [data-k-stemmen]:where(:not([data-k-stemmen="100"])) .stapel{ display: block; }
  [data-k-stemmen]:where(:not([data-k-stemmen="100"])) .stapel-links{ display: contents; }
  [data-k-stemmen]:where(:not([data-k-stemmen="100"])) .stapel .sectiekop{ margin-bottom: 28px; }
  [data-k-stemmen="1"] .stapel-kaart, [data-k-stemmen="4"] .stapel-kaart { display: flex; flex-direction: column-reverse; gap: 18px; align-items: flex-start; }
  [data-k-stemmen="1"] .stapel-kaart figcaption, [data-k-stemmen="4"] .stapel-kaart figcaption { order: -1; margin: 0; }
  [data-k-stemmen="2"] .stapel-kaarten { grid-template-columns: minmax(0, 1fr); }
  [data-k-stemmen="4"] .stapel-besturing { margin-left: 0; }
  :where(html:not([data-k-stemmen="100"])) .stapel-kaart.aan{ opacity: 1; }
  :where(html:not([data-k-stemmen="100"])) .stapel-besturing{ margin-top: 24px; }
}

/* ---------- home: team — vier naast elkaar, groter, geen schaduw ---------- */
.team-sectie .team-raster { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(20px, 2.6vw, 36px) clamp(16px, 2vw, 28px); }
.team-sectie .lid { box-shadow: none; background: none; padding: 0; }
.team-sectie .lid::after { display: none; }
.team-sectie .lid:hover { transform: none; }
.team-sectie .lid .foto { border-radius: var(--hoek) var(--hoek) 0 0; background: var(--tegel); }
.team-sectie .lid .naam { margin: 0; padding: 10px 14px 9px; font-size: 18px; }
@media (max-width: 860px) { .team-sectie .team-raster { grid-template-columns: repeat(2, minmax(0, 1fr)); } .team-sectie .lid .naam { font-size: 15.5px; padding: 8px 10px 7px; } }

/* ---------- home: werken bij ---------- */
.wb-band-sticker { box-shadow: none !important; }
:where(html:not([data-k-wb="100"],[data-k-wb="11"],[data-k-wb="12"],[data-k-wb="13"],[data-k-wb="14"],[data-k-wb="15"])) .wb-band-sticker { background: var(--wit); border-radius: 0; }
.wb-band-sticker::before, .wb-band-sticker::after { display: none !important; }
.wb-band-sticker i, .wb-band-sticker i::after { background: var(--inkt); }
.wb-band-knop::before { border-radius: 2px; background: var(--wit); }
.wb-band-knop { border-radius: 2px; }
:where(html:not([data-k-wb="100"],[data-k-wb="11"],[data-k-wb="12"],[data-k-wb="13"],[data-k-wb="14"],[data-k-wb="15"])) .wb-band-vac i, :where(html:not([data-k-wb="100"],[data-k-wb="11"],[data-k-wb="12"],[data-k-wb="13"],[data-k-wb="14"],[data-k-wb="15"])) .wb-band-vac > span:first-child{ display: none; }
:where(html:not([data-k-wb="100"],[data-k-wb="11"],[data-k-wb="12"],[data-k-wb="13"],[data-k-wb="14"],[data-k-wb="15"])) .wb-band-vac{ max-width: none; margin: 0; justify-content: flex-start; }
:where(html:not([data-k-wb="100"],[data-k-wb="11"],[data-k-wb="12"],[data-k-wb="13"],[data-k-wb="14"],[data-k-wb="15"])) .wb-band-i{ display: contents; }
:where(html:not([data-k-wb="100"],[data-k-wb="11"],[data-k-wb="12"],[data-k-wb="13"],[data-k-wb="14"],[data-k-wb="15"])) .wb-band-vac a{ margin: 0; text-decoration: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; white-space: normal; }
:where(html:not([data-k-wb="100"],[data-k-wb="11"],[data-k-wb="12"],[data-k-wb="13"],[data-k-wb="14"],[data-k-wb="15"])) .wb-band-vac a::before{ display: none; }
:where(html:not([data-k-wb="100"],[data-k-wb="11"],[data-k-wb="12"],[data-k-wb="13"],[data-k-wb="14"],[data-k-wb="15"])) .wb-band-vac a::after{ content: ""; flex: none; width: 24px; height: 24px; background: currentColor; -webkit-mask: var(--pijl-icoon) center / 24px no-repeat; mask: var(--pijl-icoon) center / 24px no-repeat; transition: transform .3s var(--ease); }
:where(html:not([data-k-wb="100"],[data-k-wb="11"],[data-k-wb="12"],[data-k-wb="13"],[data-k-wb="14"],[data-k-wb="15"])) .wb-band-vac a:hover::after{ transform: translateX(4px); }
:where(html:not([data-k-wb="100"],[data-k-wb="11"],[data-k-wb="12"],[data-k-wb="13"],[data-k-wb="14"],[data-k-wb="15"])) .wb-band .wrap{ align-items: start; }
:where(html:not([data-k-wb="100"],[data-k-wb="11"],[data-k-wb="12"],[data-k-wb="13"],[data-k-wb="14"],[data-k-wb="15"])) .wb-band-rechts{ text-align: left; }
:where(html:not([data-k-wb="100"],[data-k-wb="11"],[data-k-wb="12"],[data-k-wb="13"],[data-k-wb="14"],[data-k-wb="15"])) .wb-band-kop .wb-band-knop{ margin-top: 28px; }
/* optie 1: grote knoppen onder elkaar */
[data-k-wb="1"] .wb-band .wrap { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); }
[data-k-wb="1"] .wb-band-vac { flex-direction: column; gap: 8px; margin-top: 0; }
[data-k-wb="1"] .wb-band-vac a { width: 100%; padding: 19px 22px 18px; background: var(--wit); border-radius: 2px; font-size: 20px; }
[data-k-wb="1"] .wb-band-vac a:hover { background: var(--inkt); color: var(--wit); }
/* optie 2: zwarte knoppen op een rij */
[data-k-wb="2"] .wb-band .wrap { grid-template-columns: minmax(0, 1fr) auto; }
[data-k-wb="2"] .wb-band-rechts { display: contents; }
[data-k-wb="2"] .wb-band-vac { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
[data-k-wb="2"] .wb-band-vac a { padding: 22px 18px 20px; background: var(--inkt); color: var(--wit); border-radius: 2px; font-size: 17px; min-height: 100px; align-items: flex-end; }
[data-k-wb="2"] .wb-band-vac a:hover { background: var(--wit); color: var(--inkt); }
/* optie 3: rijen met lijnen */
[data-k-wb="3"] .wb-band .wrap { grid-template-columns: 1fr 2fr; column-gap: clamp(32px, 6vw, 96px); }
[data-k-wb="3"] .wb-band-vac { flex-direction: column; gap: 0; border-top: 1px solid var(--inkt); }
[data-k-wb="3"] .wb-band-vac a { width: 100%; padding: 19px 16px 18px; font-size: 20px; border-bottom: 1px solid var(--inkt); }
[data-k-wb="3"] .wb-band-vac a:hover { background: var(--wit); }
/* optie 4: grote letters */
[data-k-wb="4"] .wb-band .wrap { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); }
[data-k-wb="4"] .wb-band-vac { flex-direction: column; gap: 2px; }
[data-k-wb="4"] .wb-band-vac a { font-size: clamp(30px, 3.5vw, 50px); line-height: 1.16; letter-spacing: -.012em; justify-content: flex-start; }
[data-k-wb="4"] .wb-band-vac a::after { width: 34px; height: 34px; -webkit-mask-size: 34px; mask-size: 34px; }
[data-k-wb="4"] .wb-band-vac a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
/* optie 5: met foto */
:where(html:not([data-k-wb="100"],[data-k-wb="11"],[data-k-wb="12"],[data-k-wb="13"],[data-k-wb="14"],[data-k-wb="15"])) .wb-band-foto{ display: none; }
[data-k-wb="5"] .wb-band { padding-bottom: 0; }
[data-k-wb="5"] .wb-band .wrap { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); }
[data-k-wb="5"] .wb-band-vac { flex-direction: column; gap: 6px; margin-top: 18px; max-width: 320px; }
[data-k-wb="5"] .wb-band-vac a { font-size: 17px; padding: 8px 0; border-bottom: 1px solid var(--inkt); }
[data-k-wb="5"] .wb-band-rechts { min-height: 340px; background: url(img/foto/workx-in-tuin-1-800.webp) center / cover no-repeat; border-radius: var(--hoek) var(--hoek) 0 0; position: relative; }
[data-k-wb="5"] .wb-band-vac { position: absolute; }
@media (max-width: 860px) {
  [data-k-wb]:where(:not([data-k-wb="100"])) .wb-band .wrap{ display: block; }
  [data-k-wb]:where(:not([data-k-wb="100"])) .wb-band-rechts{ display: block; margin-top: 24px; min-height: 0; background: none; }
  [data-k-wb]:where(:not([data-k-wb="100"])) .wb-band-vac{ display: flex; flex-direction: column; position: static; max-width: none; gap: 8px; }
  [data-k-wb="3"] .wb-band-vac, [data-k-wb="5"] .wb-band-vac { gap: 0; }
  [data-k-wb="2"] .wb-band-vac a { min-height: 0; width: 100%; }
  [data-k-wb]:where(:not([data-k-wb="100"])) .wb-band-vac a{ font-size: 18px; width: 100%; }
  [data-k-wb="4"] .wb-band-vac a { font-size: 28px; }
  [data-k-wb="5"] .wb-band { padding-bottom: clamp(48px, 5.5vw, 80px); }
}

/* ---------- home: fotobaan — meer afstand, geen pijlen, één onderwerp in beeld ---------- */
.wb-band + .fotobaan { padding-top: clamp(100px, 11vw, 170px); }
.baan-nav .pijl { display: none; }
.baan figure { background: none; border-radius: var(--hoek); }

/* ---------- home: kennis & actueel ---------- */
:where(html:not([data-kn100])) .kn-kopregel{ margin-bottom: clamp(32px, 4vw, 48px); }
:where(html:not([data-kn100])) .kn-kolommen{ grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 0; gap: clamp(28px, 3.4vw, 56px); }
:where(html:not([data-kn100])) .kn-kol, :where(html:not([data-kn100])) .kn-kol + .kn-kol{ padding: 0; border-left: 0; }
:where(html:not([data-kn100])) .kn-kol .kn-meta{ order: -1; margin: 0 0 12px; padding: 0; }
:where(html:not([data-kn100])) .kn-kol .kn-lbl{ order: -1; margin-bottom: 0; }
:where(html:not([data-kn100])) .kn-kol .kn-titel{ margin: 12px 0 10px; font-size: clamp(20px, 1.8vw, 24px); line-height: 1.22; }
:where(html:not([data-kn100])) .kn-kol .kn-meta{ order: -2; }
:where(html:not([data-kn100])) .kn-blok .kn-meer{ display: flex; align-items: center; gap: 20px 28px; flex-wrap: wrap; margin-top: clamp(36px, 4vw, 56px); }
:where(html:not([data-kn100])) .kn-meer-tekst{ margin: 0; order: 2; max-width: 56ch; text-align: left; }
/* optie 1: alleen tekst */
[data-k-kennis="1"] .kn-sem-thuis-beeld { display: none; }
/* optie 2: drie blokjes, onderkant gelijk */
[data-k-kennis="2"] .kn-kol { background: var(--wit); padding: 26px; border-radius: var(--hoek); }
[data-k-kennis="2"] .kn-sem-thuis-beeld { margin-top: auto; padding-top: 18px; }
[data-k-kennis="2"] .kn-luister { margin-top: auto; padding-top: 18px; }
/* optie 3: artikel groot, twee klein */
[data-k-kennis="3"] .kn-kolommen { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); grid-template-rows: auto auto; }
[data-k-kennis="3"] .kn-kol[data-kn-home="artikel"] { grid-row: 1 / span 2; }
[data-k-kennis="3"] .kn-kol[data-kn-home="artikel"] .kn-titel { font-size: clamp(30px, 3.4vw, 48px); line-height: 1.08; letter-spacing: -.012em; }
[data-k-kennis="3"] .kn-kol[data-kn-home="artikel"] p { font-size: 18px; max-width: 46ch; }
[data-k-kennis="3"] .kn-sem-thuis-beeld { display: none; }
[data-k-kennis="3"] .kn-kol[data-kn-home="seminar"] { border-top: 1px solid var(--inkt); padding-top: clamp(20px, 2vw, 28px); }
/* optie 4: rijen */
[data-k-kennis="4"] .kn-kolommen { grid-template-columns: minmax(0, 1fr); gap: 0; border-top: 1px solid var(--inkt); }
[data-k-kennis="4"] .kn-kol { display: grid; grid-template-columns: 170px 170px minmax(0, 1fr); column-gap: 24px; align-items: baseline; padding: 22px 16px 20px; border-bottom: 1px solid var(--inkt); position: relative; }
[data-k-kennis="4"] .kn-kol .kn-meta { grid-column: 1; grid-row: 1; margin: 0; }
[data-k-kennis="4"] .kn-kol .kn-lbl { grid-column: 2; grid-row: 1; }
[data-k-kennis="4"] .kn-kol .kn-titel { grid-column: 3; grid-row: 1; margin: 0; }
[data-k-kennis="4"] .kn-kol .kn-titel::after { content: ""; position: absolute; inset: 0; }
[data-k-kennis="4"] .kn-kol p, [data-k-kennis="4"] .kn-kol .kn-luister, [data-k-kennis="4"] .kn-sem-thuis-beeld { display: none; }
[data-k-kennis="4"] .kn-kol:hover { background: var(--geel); }
/* optie 5: seminarplaatje blijft, podcast en artikel in een blokje op gelijke hoogte */
[data-k-kennis="5"] .kn-sem-thuis-beeld { margin-top: auto; max-width: none; border-radius: var(--hoek); }
[data-k-kennis="5"] .kn-luister { margin-top: auto; padding: 18px 20px; background: var(--wit); border-radius: var(--hoek); min-height: 148px; }
[data-k-kennis="5"] .kn-kol[data-kn-home="artikel"] .kn-titel { margin-bottom: 10px; }
[data-k-kennis="5"] .kn-kol[data-kn-home="artikel"]::after { content: ""; margin-top: auto; min-height: 148px; background: url(img/pand-neutraal.svg) center / auto 84% no-repeat var(--wit); border-radius: var(--hoek); }
[data-k-kennis="5"] .kn-kol p { margin-bottom: 18px; }
@media (max-width: 860px) {
  [data-k-kennis]:where(:not([data-kn100])) .kn-kolommen{ display: block; }
  [data-k-kennis]:where(:not([data-kn100])) .kn-kol{ margin-bottom: 32px; }
  [data-k-kennis="4"] .kn-kol { display: block; margin: 0; }
  [data-k-kennis="4"] .kn-kol .kn-titel { margin-top: 8px; }
  [data-k-kennis="3"] .kn-kol[data-kn-home="artikel"] .kn-titel { font-size: 28px; }
  [data-k-kennis="5"] .kn-kol[data-kn-home="artikel"]::after { display: none; }
}

/* ---------- home: nieuwsbrief, eigen plek ---------- */
.nb-balk { background: var(--beige); }
.nb-balk .wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px clamp(32px, 6vw, 96px); align-items: center; padding-block: clamp(28px, 3vw, 40px); border-top: 1px solid var(--inkt); border-bottom: 1px solid var(--inkt); }
.nb-balk h2 { margin: 0; font-size: clamp(22px, 1.9vw, 26px); font-weight: 500; line-height: 1.2; text-transform: none; }
.nb-balk p { margin: 6px 0 0; font-size: 15px; }
.nb-balk .kn-inschrijf { flex-direction: row; margin: 0; }
.nb-balk .kn-inschrijf input { flex: 1; background: var(--wit); }
.nb-balk .kn-inschrijf button { flex: none; white-space: nowrap; display: inline-flex; align-items: center; gap: 10px; }
.nb-balk .kn-inschrijf button svg { width: 18px; height: 18px; }
.nb-balk .kn-inschrijf-melding { min-height: 0; }
[data-k-nb="1"] .kn-blok { padding-bottom: clamp(36px, 4vw, 56px); }
[data-k-nb="1"] .nb-balk { padding-bottom: clamp(48px, 6vw, 88px); }
[data-k-nb="2"] .nb-balk { background: var(--inkt); color: var(--wit); }
[data-k-nb="2"] .nb-balk .wrap { border: 0; padding-block: clamp(36px, 4vw, 56px); }
[data-k-nb="2"] .nb-balk .kn-inschrijf input { border-color: var(--wit); }
[data-k-nb="2"] .nb-balk .kn-inschrijf button { background: var(--geel); border-color: var(--geel); color: var(--inkt); }
[data-k-nb="3"] .nb-balk { background: var(--wit); }
[data-k-nb="3"] .nb-balk .wrap { border: 0; padding-block: clamp(44px, 5vw, 72px); }
[data-k-nb="4"] .nb-balk { background: var(--geel); }
[data-k-nb="4"] .nb-balk .wrap { border: 0; padding-block: clamp(48px, 5.5vw, 80px); }
[data-k-nb="4"] .nb-balk h2 { font-size: clamp(30px, 3.4vw, 48px); font-weight: 400; line-height: 1.06; letter-spacing: -.012em; }
[data-k-nb="4"] .tv-blok { background: var(--wit); }
[data-k-nb="5"] .nb-balk { background: none; color: var(--op-inkt); }
[data-k-nb="5"] .nb-balk .wrap { border-top: 0; border-bottom: 1px solid rgba(255,255,255,.14); padding-block: 40px; }
[data-k-nb="5"] .nb-balk .kn-inschrijf input { border-color: var(--wit); }
[data-k-nb="5"] .nb-balk .kn-inschrijf button { background: var(--geel); border-color: var(--geel); color: var(--inkt); }
@media (max-width: 860px) {
  .nb-balk .wrap { grid-template-columns: minmax(0, 1fr); }
  .nb-balk .kn-inschrijf { flex-direction: column; }
}

/* ---------- home en elke pagina: contact en voet — minder lang, geen dubbele gegevens ---------- */
.contact.avond { padding-top: clamp(56px, 6vw, 84px); }
.contact.avond::before { display: none; }
.contact.avond .sectiekop { min-height: 0; margin-bottom: clamp(28px, 3vw, 40px); padding-right: 0; }
.contact.avond .formulier { margin-top: 0; }
.pagina-home .voet-merk .pand { display: block; }
.pagina-home .voet-merk .pand { margin-top: -170px; }
@media (max-width: 1100px) { .pagina-home .voet-merk .pand { margin-top: 0; } }

/* ---------- correcties na eerste blik ---------- */
:where(html:not([data-k-logo="100"])) .pagina-home .banier-smal > .wrap{ width: auto; max-width: calc(var(--breed) + 2 * var(--rand)); margin-inline: auto; padding-inline: var(--rand); }
:where(html:not([data-kn100])) .kn-kolommen .kn-kol{ border-left: 0; }
:where(html:not([data-kn100])) .kn-blok .kn-meer{ justify-content: flex-start; }
.nb-balk .wrap { display: block; border: 0; padding-block: 0; }
.nb-rij { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px clamp(32px, 6vw, 96px); align-items: center; padding-block: clamp(28px, 3vw, 40px); border-block: 1px solid var(--inkt); }
[data-k-nb="2"] .nb-rij, [data-k-nb="3"] .nb-rij, [data-k-nb="4"] .nb-rij { border: 0; padding-block: clamp(40px, 5vw, 72px); }
[data-k-nb="5"] .nb-rij { border-top: 0; border-bottom-color: rgba(255,255,255,.14); padding-block: 40px; }
@media (max-width: 860px) { .nb-rij { grid-template-columns: minmax(0, 1fr); } }
:where(html:not([data-k-wb="100"],[data-k-wb="11"],[data-k-wb="12"],[data-k-wb="13"],[data-k-wb="14"],[data-k-wb="15"])) .wb-band-kop .wb-band-knop{ display: flex; width: fit-content; margin-top: 26px; }
.tv-kaart { box-shadow: none; }

/* citaten: besturing onder het citaat; kop bij optie 3 op het midden */
[data-k-stemmen="1"] .stapel, [data-k-stemmen="3"] .stapel, [data-k-stemmen="4"] .stapel { display: flex; flex-direction: column; }
[data-k-stemmen]:where(:not([data-k-stemmen="100"])) .stapel .sectiekop{ order: 0; }
[data-k-stemmen]:where(:not([data-k-stemmen="100"])) .stapel-kaarten{ order: 1; }
[data-k-stemmen]:where(:not([data-k-stemmen="100"])) .stapel-besturing{ order: 2; }
[data-k-stemmen="1"] .stapel-balk, [data-k-stemmen="4"] .stapel-balk { flex: 0 1 240px; }
[data-k-stemmen="3"] .stapel .sectiekop { display: flex; flex-direction: column; align-items: center; }
[data-k-stemmen="3"] .stapel .sectiekop h2 { display: inline-block; }
[data-k-stemmen="3"] .stapel-kaart figcaption { justify-content: center; }
[data-k-stemmen="3"] .stapel-besturing { align-self: center; width: min(420px, 100%); }
[data-k-stemmen="4"] .stapel-besturing { margin-left: calc(33.33% + 8px); width: 420px; max-width: 100%; }
@media (max-width: 860px) { [data-k-stemmen]:where(:not([data-k-stemmen="100"])) .stapel{ display: flex; flex-direction: column; } [data-k-stemmen="4"] .stapel-besturing { margin-left: 0; } }

/* werken bij optie 5: vacatures links onder de kop, foto rechts */
[data-k-wb="5"] .wb-band-rechts { display: contents; }
[data-k-wb="5"] .wb-band-kop { grid-column: 1; }
[data-k-wb="5"] .wb-band-vac { position: static; grid-column: 1; margin: 0 0 clamp(36px, 4vw, 56px); max-width: none; gap: 0; border-top: 1px solid var(--inkt); }
[data-k-wb="5"] .wb-band .wrap { row-gap: 26px; }
[data-k-wb="5"] .wb-band .wrap::after { content: ""; grid-column: 2; grid-row: 1 / span 2; min-height: 420px; background: url(img/foto/workx-in-tuin-1-800.webp) center / cover no-repeat; border-radius: var(--hoek) var(--hoek) 0 0; }
@media (max-width: 860px) { [data-k-wb="5"] .wb-band .wrap::after { display: none; } [data-k-wb="5"] .wb-band-rechts { display: block; } [data-k-wb="5"] .wb-band-vac { margin: 0; } }

/* kennis home */
:where(html:not([data-kn100])) .kn-kolommen .kn-kol{ border-left: 0 !important; }
[data-k-kennis="4"] .kn-kol { grid-template-columns: 170px 170px minmax(0, 1fr) 30px; }
[data-k-kennis="4"] .kn-kol::after { content: ""; grid-column: 4; grid-row: 1; width: 30px; height: 30px; align-self: center; background: currentColor; -webkit-mask: var(--pijl-icoon) center / 30px no-repeat; mask: var(--pijl-icoon) center / 30px no-repeat; }
[data-k-kennis="5"] .kn-sem-thuis-beeld { height: 148px; background: var(--wit); }
[data-k-kennis="5"] .kn-sem-thuis-beeld img { width: 100%; height: 100%; object-fit: contain; aspect-ratio: auto; }
@media (max-width: 860px) { [data-k-kennis="4"] .kn-kol::after { display: none; } }

/* ---------- klanten: hover wordt geel, geen schaduw; uitklap geel ---------- */
.relatie-tegel::after { display: none; }
@media (hover: hover) {
  .relatie:hover > .relatie-tegel { transform: none; }
  .relatie-tegel:hover { background: var(--geel); box-shadow: none; }
  .relatie-tegel:hover img { filter: grayscale(1) var(--toon,) contrast(1.1); opacity: 1; }
}
.relatie-detail .binnen { background: var(--geel); box-shadow: none; }
.relatie-detail p { color: var(--inkt); }
.relatie-detail .sectorlabels span { background: var(--wit); color: var(--inkt); border-radius: 2px; }
.relatie-detail .pijllink { color: var(--inkt); }

/* ---------- contactpagina: formulier meteen, info ernaast ---------- */
.dk-contact.dk-donker { padding-top: clamp(56px, 6vw, 84px); padding-bottom: clamp(64px, 7vw, 100px); }
.dk-contact .dk-direct address { font-style: normal; line-height: 1.5; }
.dk-contact .dk-direct p { margin: 0; line-height: 1.5; }
.dk-contact .dk-direct li + li { margin-top: 22px; }
.dk-contact .dk-direct a:not(.dk-knop) { display: inline-block; }
.dk-contact .dk-direct .dk-knop { display: inline-flex; width: fit-content; margin-top: 14px; }
.dk-contact h1 { margin: 0; color: var(--wit); }
:where(html:not([data-kn100])) .kn-kol + .kn-kol::before{ display: none; }
:where(html:not([data-kn100])) .kn-kolommen .kn-kol:nth-child(n){ border-top: 0; }
[data-k-kennis="3"] .kn-kolommen .kn-kol[data-kn-home="seminar"] { border-top: 1px solid var(--inkt); }
[data-k-kennis="4"] .kn-kolommen .kn-kol { border-bottom: 1px solid var(--inkt); }
:where(html:not([data-kn100])) .kn-kol:nth-child(3)::after{ border-top: 0; }
.dk-contact .dk-direct .dk-knop { padding: 0; background: none; border: 0; color: var(--geel); font-size: 17px; }
.dk-contact .dk-direct .dk-knop:hover { text-decoration: underline; text-underline-offset: 5px; }

/* menu: past ook op kleinere schermen; optie 4 netjes op één lijn, Contact eerst */
:where(html:not([data-k-menu="100"])) .kop-balk nav{ min-width: 0; }
@media (min-width: 861px) {
  :where(html:not([data-k-menu="100"])) .hoofdmenu > li{ order: 1; }
  :where(html:not([data-k-menu="100"])) .hoofdmenu > li.menu-extern{ order: 2; }
  :where(html:not([data-k-menu="100"])) .hoofdmenu .menu-extern a{ font: inherit; }
  [data-k-menu="4"] .hoofdmenu { align-items: center; }
  [data-k-menu="4"] .hoofdmenu > li.menu-extern:has(a[href$="werken-bij.html"]) { padding-left: 24px; border-left: 1px solid var(--lijn); }
}
@media (min-width: 861px) and (max-width: 1240px) {
  :where(html:not([data-k-menu="100"])) .kop-balk .wrap{ gap: 18px; }
  :where(html:not([data-k-menu="100"])) .hoofdmenu{ gap: 14px !important; font-size: 15px; }
  :where(html:not([data-k-menu="100"])) .hoofdmenu a{ font-size: 15px; white-space: nowrap; }
  [data-k-menu="1"] .kop-extern, [data-k-menu="2"] .kop-extern, [data-k-menu="3"] .kop-extern { margin-right: 10px; gap: 12px; }
  [data-k-menu="1"] .kop-extern { padding-right: 12px; }
  :where(html:not([data-k-menu="100"])) .ke-link{ font-size: 14px; }
  [data-k-menu="2"] .ke-link { padding: 7px 9px 6px; }
  [data-k-menu="4"] .hoofdmenu > li.menu-extern:has(a[href$="werken-bij.html"]) { padding-left: 14px; }
}

/* schaduwen die de scan nog vond */
.kn-play, .tv-mini, .formulier, .kz-veld, .dk-op-papier { box-shadow: none; }
.kz-paneel { box-shadow: none; border: 1px solid var(--inkt); border-radius: 2px; }
.kn-sem-thuis-beeld{ border-radius: var(--hoek); }

/* rijen: oude hoverregels (lijn en verschuiven) echt vervangen door een geel vlak, zoals op de huidige site */
html .doellijst a, html .doellijst a:hover, html .doellijst a:focus-visible { position: relative; isolation: isolate; padding-inline: 16px; }
html .doellijst a::after { display: none; }
html .doellijst a::before, html .beige .doellijst a::before { display: block; content: ""; position: absolute; inset: 0; z-index: -1; background: var(--geel); transform: none; opacity: 0; transition: opacity .2s ease; }
html .doellijst a:hover::before, html .doellijst a:focus-visible::before { opacity: 1; transform: none; }
html .doellijst a:hover .tekst, html .doellijst a:focus-visible .tekst { transform: none; }
html .doellijst a .plus { background: none; -webkit-mask: none; mask: none; width: 30px; height: 30px; transform: none; }
html .doellijst a .plus::before { display: block; width: 30px; height: 30px; left: 0; top: 0; transform: none; -webkit-mask-size: 30px 30px; mask-size: 30px 30px; }
html .doellijst a .plus::after { display: none; }
html .doellijst a:hover .plus, html .doellijst a:focus-visible .plus { transform: translateX(4px); }

/* uitschuifkaart team: blijft (nuttig volgens ttwwoo), maar binnen de huisregels */
.tk-strook-kaart { background: var(--beige); box-shadow: none; }
.tk-pijl { background: var(--beige); box-shadow: none; }
.tk-punten li { padding-left: 0; }
.tk-punten li::before { display: none; }

/* ===== herstelronde na onafhankelijke controle ===== */
:root { --geel-diep: var(--geel); --tegel: var(--beige); }
.team-sectie .lid .foto { background: var(--wit); }
.kz-veld:hover { background: var(--geel); }
/* nieuwsbrief: leesbare kop op donker; optie 1 is nu een eigen witte balk zonder lijnen, optie 3 steen met lijnen */
[data-k-nb="2"] .nb-balk h2, [data-k-nb="5"] .nb-balk h2, [data-k-nb="2"] .nb-balk p, [data-k-nb="5"] .nb-balk p { color: var(--wit); }
[data-k-nb="1"] .nb-balk { background: var(--wit); padding-bottom: 0; }
[data-k-nb="1"] .kn-blok { padding-bottom: clamp(64px, 7vw, 100px); }
[data-k-nb="1"] .nb-rij { border: 0; padding-block: clamp(44px, 5vw, 72px); }
[data-k-nb="3"] .nb-balk { background: var(--beige); padding-bottom: clamp(48px, 6vw, 88px); }
[data-k-nb="3"] .nb-rij { border: solid var(--inkt); border-width: 1px 0; padding-block: clamp(28px, 3vw, 40px); }
[data-k-nb="4"] .tv-blok.geel, [data-k-nb="4"] .tv-blok { background: var(--wit); }
[data-k-nb="5"] .voet .nb-balk .wrap { padding-inline: var(--rand); }
/* dubbele gegevens: contactblok elders toont geen telefoon en mail, die staan in de voet */
body:not(.ep-contact) .dk-contact .dk-direct { display: none; }
.ep-contact .voet-boven > div:first-child { display: none; }
.ep-contact .voet-boven > div:nth-child(2) a[href^="tel"], .ep-contact .voet-boven > div:nth-child(2) a[href^="mailto"], .ep-contact .voet-boven > div:nth-child(2) br { display: none; }
/* menu: scheiding tussen hoofdmenu en andere websites; op telefoon apart onderaan */
:where(html:not([data-k-menu="100"])) .kop-extern, [data-k-menu]:where(:not([data-k-menu="100"])) .kop-extern{ align-self: center; }
@media (min-width: 861px) {
  [data-k-menu="1"] .kop-extern { padding-right: 0; border-right: 0; padding-left: 22px; border-left: 1px solid var(--lijn); margin-right: 40px; }
  [data-k-menu="2"] .ke-naam .menu-tel { position: static; margin-left: 2px; }
}
@media (max-width: 860px) {
  :where(html:not([data-k-menu="100"])) .hoofdmenu > li{ order: 1; }
  :where(html:not([data-k-menu="100"])) .hoofdmenu > li.menu-extern{ order: 2; }
  :where(html:not([data-k-menu="100"])) .hoofdmenu > li.menu-contact{ order: 3; }
  :where(html:not([data-k-menu="100"])) .hoofdmenu > li.menu-extern:has(a[href$="werken-bij.html"]){ margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--lijn); }
}
/* citaten: geen zwevende bron; besturing rechts naast de kop */
:where(html:not([data-k-stemmen="100"])) .stapel-teller{ white-space: nowrap; }
:where(html:not([data-k-stemmen="100"])) .stapel-kaart figcaption{ margin-top: 18px; }
[data-k-stemmen="1"] .stapel, [data-k-stemmen="4"] .stapel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 420px); align-items: end; column-gap: 40px; }
[data-k-stemmen="1"] .stapel .sectiekop, [data-k-stemmen="4"] .stapel .sectiekop { grid-column: 1; grid-row: 1; }
[data-k-stemmen="1"] .stapel-besturing, [data-k-stemmen="4"] .stapel-besturing { grid-column: 2; grid-row: 1; margin: 0 0 clamp(32px, 4vw, 56px); width: auto; }
[data-k-stemmen="1"] .stapel-kaarten, [data-k-stemmen="4"] .stapel-kaarten { grid-column: 1 / -1; grid-row: 2; }
[data-k-stemmen="1"] .stapel-kaart blockquote { font-size: clamp(24px, 2.6vw, 38px); }
@media (max-width: 860px) {
  [data-k-stemmen="1"] .stapel, [data-k-stemmen="4"] .stapel { display: flex; }
  [data-k-stemmen="1"] .stapel-besturing, [data-k-stemmen="4"] .stapel-besturing { margin: 24px 0 0; }
}
/* uitschuifkaart: één sluitknop, naam niet dubbel, geen gele streep */
.tk-badge { box-shadow: none; }
.tk-lid.tk-open .tk-badge { display: none; }
.tk-strook .tk-naam { display: none; }
.tk-zin { padding-left: 0; border-left: 0; }
/* sticker werken bij: zelfde label als op de held, zonder rand, op de lijn van kop en knop */
:where(html:not([data-k-wb="100"],[data-k-wb="11"],[data-k-wb="12"],[data-k-wb="13"],[data-k-wb="14"],[data-k-wb="15"])) .wb-band-sticker { margin-left: 0; border: 0; outline: 0; box-shadow: none; }
[data-k-wb="5"] .wb-band-vac a { padding: 12px 0; border-bottom: 1px solid var(--inkt); text-decoration: none; }
/* fotobaan: op telefoon dezelfde blokjes als op computer */
@media (max-width: 860px) { .stippen button::before { width: 24px; height: 10px; border-radius: 6px; } .stippen button[aria-current="true"]::before { width: 30px; } }
/* kennis home */
[data-k-kennis="4"] .kn-kol { grid-template-columns: 200px 220px minmax(0, 1fr) 30px; }
[data-k-kennis="4"] .kn-kol .kn-meta, [data-k-kennis="4"] .kn-kol .kn-lbl { white-space: nowrap; }
[data-k-kennis="2"] .kn-kol[data-kn-home="artikel"]::after { content: ""; margin-top: auto; min-height: 150px; background: url(img/pand-neutraal.svg) center / auto 100% no-repeat; }
/* kopbalk: bij kleiner worden schuift het rechterdeel mee met menu en taalkeuze */
:where(html:not([data-k-menu="100"])) body:not(.wi) .kop-balk .kop-extern{ transition: transform .35s var(--ease); }
:where(html:not([data-k-menu="100"])) body:not(.wi) .kop-balk.compact .kop-extern{ transform: translateY(-10px); }
@media (max-width: 860px) { :where(html:not([data-k-menu="100"])) body:not(.wi) .kop-balk.compact .kop-extern{ transform: none; } }
/* klantenpagina: de zin loopt over de breedte, niet in vijf regels */
:where(html:not([data-k-logo="100"])) .banier .wrap:not(:has(> img)) h2{ max-width: 36ch; }

/* labels recht, beeld één vaste hoek */
.to-functie, .tk-functie { border-radius: 2px; }
.kn-beeld, .ls-beeld, .ls-film { border-radius: var(--hoek); }

/* Kennis & actueel op home (Jochem en ttwwoo, 9 nov): vijf kolommen in één opmaak, de strook eronder is weg.
   Rustig en gelijkwaardig: titel en tekst elk hooguit drie regels; de gele knoppen (onepager, film, podcast) even groot
   en onderaan op één lijn. */
.kn-kolommen.kn-vijf { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; column-gap: clamp(22px, 2.2vw, 36px) !important; row-gap: 40px; }
.kn-vijf .kn-kol .kn-titel, .kn-vijf .kn-kol > p { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.kn-vijf .kn-kol .kn-titel { -webkit-line-clamp: 3; line-clamp: 3; }
.kn-vijf .kn-kol > p { -webkit-line-clamp: 3; line-clamp: 3; margin-bottom: 0; }
.kn-vijf .kn-kol .kn-luister { margin-top: auto; padding-top: 20px; }
.kn-vijf .kn-kol .kn-golf { display: none; }
.kn-vijf .kn-sem-thuis-beeld { display: none; }
.kn-vijf .kn-play svg[stroke] { width: 19px; height: 19px; margin-left: 0; }
@media (max-width: 1180px) { .kn-kolommen.kn-vijf { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
/* in vijf smalle kolommen alleen het soort (Artikel, Onepager, Legal Short, Podcast, Seminar): één regel, rustig */
@media (min-width: 1181px) { .kn-vijf .kn-lbl-sub { display: none; } }
/* strak (Jochem 9 nov): één raster voor de vijf kolommen; datum, label, titel, tekst en knop beginnen overal op dezelfde
   lijn. Titels heel, evenwichtig afgebroken; de tekst hooguit vier regels, netjes afgebroken. */
.kn-kolommen.kn-vijf { grid-template-rows: repeat(5, auto); }
.kn-vijf .kn-kol { display: grid; grid-row: span 5; grid-template-rows: subgrid; row-gap: 0; align-content: start; }
.kn-vijf .kn-kol > .kn-meta { grid-row: 1; margin: 0 0 12px; }
.kn-vijf .kn-kol > .kn-lbl { grid-row: 2; }
.kn-vijf .kn-kol > .kn-titel { grid-row: 3; display: block; overflow: visible; -webkit-line-clamp: none; line-clamp: none; text-wrap: pretty; hyphens: manual; align-self: start; }
.kn-vijf .kn-kol > p { grid-row: 4; -webkit-line-clamp: 5; line-clamp: 5; text-wrap: pretty; align-self: start; }
.kn-vijf .kn-kol > .kn-luister { grid-row: 5; align-self: end; margin-top: 0; }
@media (min-width: 1181px) { .kn-vijf .kn-meta-plek { display: none; } }
@media (max-width: 860px) { .kn-vijf .kn-kol { display: flex; } }
.kn-vijf .kn-kol > .kn-titel { margin: 14px 0 16px; }