
main.cb{
  --cb-nacht:#0b1a12;
  --cb-bos:#12301f;
  --cb-papier:#f3eee4;
  --cb-papier-2:#f8f3ea;
  --cb-groen:#4f9f2a;
  --cb-groen-zacht:#cfe3c1;
  --cb-inkt:#10271a;
  --cb-inkt-2:#3d5145;
  --cb-inkt-uit:#5a6a5f;
  --cb-lijn:rgba(16,39,26,.16);
  --cb-oranje:#f4801f;
  --cb-oranje-d:#a44e17;
  --cb-oranje-label:#8c4110;
  --cb-sans:var(--glw-f-tekst);
  --cb-serif:var(--glw-f-kop);
  --cb-label:var(--glw-f-tekst);
  --cb-mono:var(--cb-sans);
  --cb-h2:var(--glw-h2);
  --cb-h2-ls:var(--glw-kop-ls);
  --cb-h3:600 clamp(20px,1.7vw,24px)/1.22 var(--cb-sans);
  --cb-tekst:400 clamp(16.5px,1.25vw,18px)/1.6 var(--cb-sans);
  --cb-maat:58ch;
  --cb-knop:600 16.5px/1 var(--cb-sans);
  --cb-lbl:var(--glw-label);
  --cb-lbl-ls:0;
  --cb-r:clamp(18px,1.6vw,24px);
  --cb-rand:clamp(24px,5vw,48px);
  --cb-max:1200px;
  --cb-sec:clamp(72px,8vw,112px);
  --cb-kop-mb:clamp(28px,3.4vw,48px);
  position:relative; display:block; background:transparent; color:var(--cb-inkt);
  font-family:var(--cb-sans);
}
body:has(> main.cb){ background:#0b1a12; }
main.cb ~ .footer{ position:relative; z-index:1; }
html:has(> body > main.cb){ scroll-behavior:auto; }
body:has(> main.cb) .glw-fvid.cb-fvid-wacht{ opacity:0; visibility:hidden; pointer-events:none; transition:opacity .3s ease, visibility 0s linear .3s; }

main.cb > section.cb-hero{ background:transparent; padding:0; position:relative; z-index:1; }
main.cb > section{ border-bottom:0; }
main.cb [id]{ scroll-margin-top:96px; }
main.cb .cb-paneel + .cb-donker, main.cb .cb-donker + .cb-paneel{ margin-top:calc(-1 * var(--cb-r)); }
main.cb .cb-paneel:has(+ .cb-paneel){ border-bottom-left-radius:0; border-bottom-right-radius:0; }
main.cb .cb-paneel + .cb-paneel{ margin-top:0; border-top-left-radius:0; border-top-right-radius:0; padding-top:0; }
main.cb .cb-paneel + .cb-paneel > .cb-wrap{ position:relative; padding-top:var(--cb-sec); }
main.cb .cb-paneel + .cb-paneel > .cb-wrap::before{ content:""; position:absolute; top:0; left:var(--cb-rand); right:var(--cb-rand); height:1px; background:var(--cb-lijn); }
main.cb > section.cb-over{ background:transparent; }

main.cb .cb-wrap{ width:100%; max-width:var(--cb-max); margin:0 auto; padding:0 var(--cb-rand); box-sizing:border-box; }
main.cb .cb-accent{ color:var(--cb-oranje); }
main.cb .cb-paneel .cb-accent{ color:var(--cb-oranje-d); }
main.cb .cb-sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

main.cb .cb-label{ margin:0 0 20px; font:var(--cb-lbl); text-transform:none; letter-spacing:0; color:var(--cb-inkt-2); display:flex; align-items:center; gap:12px; }
main.cb .cb-label::before{ content:""; width:28px; height:2px; flex:none; background:linear-gradient(90deg, var(--cb-oranje-d) 0 50%, var(--cb-groen) 50% 100%); }
main.cb .cb-label--licht{ color:var(--cb-groen-zacht); }
main.cb .cb-label--licht::before{ background:linear-gradient(90deg, var(--cb-oranje) 0 50%, #7cc153 50% 100%); }

main.cb .cb-backdrop{ position:fixed; inset:0; z-index:0; overflow:hidden; background:var(--cb-nacht); pointer-events:none; }
main.cb .cb-backdrop__laag{ position:absolute; inset:0; opacity:0; transition:opacity .9s ease; }
main.cb .cb-backdrop__laag--hero{ background:var(--cb-nacht) url("images/hero-a28-v2-poster.jpg") center/cover no-repeat; }
main.cb .cb-backdrop[data-laag="hero"] .cb-backdrop__laag--hero,
main.cb .cb-backdrop[data-laag="weg"] .cb-backdrop__laag--weg,
main.cb .cb-backdrop[data-laag="zon"] .cb-backdrop__laag--zon{ opacity:1; }
main.cb .cb-backdrop__video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .8s ease; }
main.cb .cb-backdrop__video.is-in{ opacity:1; }
main.cb .cb-backdrop__laag img{ width:100%; height:100%; object-fit:cover; display:block; }
main.cb .cb-backdrop__scrim{ position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(8,20,8,.28) 0%,rgba(8,20,8,0) 26%,rgba(8,20,8,.30) 60%,rgba(8,20,8,.78) 100%),
             linear-gradient(90deg,rgba(8,20,8,.55) 0%,rgba(8,20,8,.12) 55%,rgba(8,20,8,0) 100%); }
main.cb .cb-backdrop[data-laag="weg"] .cb-backdrop__scrim{ opacity:.7; }
main.cb .cb-backdrop__scrim{ transition:opacity .9s ease; }
main.cb .cb-backdrop__raster{ position:absolute; inset:0;
  background-image:radial-gradient(circle, rgba(255,255,255,.34) 1px, transparent 1.5px);
  background-size:32px 32px; background-position:16px 16px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.65) 55%,transparent 88%);
          mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.65) 55%,transparent 88%);
  opacity:0; transition:opacity .6s ease; }
main.cb .cb-backdrop:not([data-laag="hero"]) .cb-backdrop__raster{ opacity:1; }

main.cb .cb-hero.hp-hero{ background:none; }

main.cb .cb-bandstrook{ position:relative; z-index:1; }
main.cb .cb-band{ position:relative; display:flex; overflow:hidden; padding:24px 0 30px;
  border-top:1px solid rgba(255,255,255,.22);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
main.cb .cb-band__rij{ display:flex; flex:none; margin:0; padding:0; list-style:none; animation:cb-band 46s linear infinite; }
main.cb .cb-band:hover .cb-band__rij{ animation-play-state:paused; }
main.cb .cb-band__rij li{ display:flex; align-items:center; white-space:nowrap; font:500 15px/1 var(--cb-sans); text-transform:none; letter-spacing:0; color:#fff; text-shadow:0 1px 10px rgba(11,26,18,.7), 0 0 2px rgba(11,26,18,.5); }
main.cb .cb-band__rij li::after{ content:""; width:7px; height:7px; margin:0 34px; border-radius:1.5px; background:var(--cb-oranje); }
@keyframes cb-band{ to{ transform:translateX(-100%); } }

main.cb .cb-paneel{ position:relative; z-index:1; background:var(--cb-papier); border-radius:var(--cb-r); padding:var(--cb-sec) 0; }
main.cb > section.cb-paneel, main.cb > section.cb-donker{ margin:0; }
main.cb .cb-kop{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; align-items:end; margin-bottom:clamp(36px,4.5vw,64px); }
main.cb .cb-kop .cb-label{ align-self:start; margin-top:12px; }
main.cb .cb-h2{ margin:0; font:var(--cb-h2); letter-spacing:var(--cb-h2-ls); color:var(--cb-inkt); text-wrap:balance; }
main.cb .cb-h2--licht{ color:#f6f2ea; }
main.cb .cb-knop-link{ display:inline-flex; align-items:center; gap:12px; padding:14px 0 6px; border-top:1px solid currentColor;
  font:600 16.5px/1.2 var(--cb-sans); letter-spacing:-.005em; color:var(--cb-inkt); text-decoration:none; transition:gap .25s ease; }
main.cb .cb-knop-link:hover{ gap:18px; }
main.cb .cb-knop-link .cb-pijl{ color:var(--cb-oranje-d); }
main.cb .cb-knop-link--licht{ color:#f6f2ea; }
main.cb .cb-knop-link--licht .cb-pijl{ color:var(--cb-oranje); }
main.cb .cb-stil-link{ color:inherit; font-size:15.5px; text-decoration:underline; text-decoration-color:rgba(16,39,26,.35); text-underline-offset:3px; transition:text-decoration-color .2s ease; }
main.cb .cb-stil-link:hover{ text-decoration-color:currentColor; }
main.cb :is(a,button,[tabindex="0"]):focus-visible{ outline:2px solid var(--cb-oranje-d); outline-offset:3px; border-radius:4px; }
main.cb :is(.cb-donker,.cb-over) :is(a,button,[tabindex="0"]):focus-visible{ outline-color:var(--cb-oranje); }
main.cb.is-js [data-cb-in].cb-wacht{ opacity:0; transform:translateY(18px); }
main.cb.is-js [data-cb-in]{ transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }

main.cb .cb-donker.cb-insp{ padding:var(--cb-sec) 0 calc(var(--cb-sec) + var(--cb-r)); }
main.cb .cb-insp__kop{ display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr); gap:24px clamp(32px,5vw,96px); align-items:end; margin-bottom:clamp(44px,5.4vw,80px); }
main.cb .cb-insp__kop .cb-label{ grid-column:1 / -1; margin-bottom:0; }
main.cb .cb-insp__noot{ margin:0; font:var(--cb-tekst); color:#d5ddd3; max-width:40ch; }

main.cb .cb-flips{ --flip-r:18px; --flip-pad:clamp(22px,2.3vw,32px); list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(22px,2.4vw,36px); align-items:stretch; }
main.cb .cb-flip{ margin:0; position:relative; min-width:0; }
main.cb .cb-flip__kaart{ position:relative; height:100%; }
main.cb .cb-flip__voor{ position:relative; aspect-ratio:16 / 10; border-radius:var(--flip-r); overflow:hidden; background:#163322; isolation:isolate; }
main.cb .cb-flip__beeld{ position:absolute; inset:0; margin:0; }
main.cb .cb-flip__beeld picture{ display:contents; }
main.cb .cb-flip__beeld img{ display:block; width:100%; height:100%; object-fit:cover; }
main.cb .cb-flip--opening img{ object-position:54% 40%; }
main.cb .cb-flip--actie img{ object-position:56% 40%; }
main.cb .cb-flip--evenement img{ object-position:47% 45%; }
main.cb .cb-flip--merk img{ object-position:40% 55%; }
main.cb .cb-flip__voor::after{ content:""; position:absolute; inset:45% 0 0; z-index:1; pointer-events:none; background:linear-gradient(180deg, rgba(11,26,18,0) 0%, rgba(11,26,18,.55) 55%, rgba(11,26,18,.82) 100%); }
main.cb .cb-flip__titel{ position:absolute; z-index:2; left:var(--flip-pad); bottom:var(--flip-pad); right:190px; margin:0;
  font:500 clamp(28px,2.6vw,40px)/1.02 var(--cb-sans); letter-spacing:-.035em; color:#f8f4ec; text-wrap:balance; }
main.cb .cb-flip__open{ display:none; }

main.cb .cb-flip__achter{ position:relative; display:flex; flex-direction:column; margin-top:12px; padding:var(--flip-pad); border-radius:var(--flip-r);
  background:var(--cb-papier-2); color:var(--cb-inkt); box-sizing:border-box; isolation:isolate; clip-path:inset(0 round var(--flip-r)); box-shadow:inset 0 0 0 1px rgba(16,39,26,.07); }
main.cb .cb-flip__label{ display:flex; align-items:center; gap:12px; margin:0 0 clamp(12px,1.2vw,16px); font:400 17px/1 var(--cb-label); text-transform:none; letter-spacing:0; color:var(--cb-oranje-label); }
main.cb .cb-flip__label::after{ content:""; width:36px; height:2px; background:linear-gradient(90deg, var(--cb-oranje-d) 0 50%, var(--cb-groen) 50% 100%); }
main.cb .cb-flip__kop{ margin:0 0 10px; font:500 clamp(26px,2.3vw,33px)/1.08 var(--cb-sans); letter-spacing:-.03em; color:var(--cb-inkt); text-wrap:balance; }
main.cb .cb-flip__tekst{ margin:0 0 clamp(14px,1.4vw,18px); font:400 16.5px/1.6 var(--cb-sans); color:var(--cb-inkt-2); max-width:52ch; }
main.cb .cb-flip__advies{ margin:0 0 clamp(18px,1.8vw,24px); padding-left:14px; border-left:2px solid var(--cb-oranje-d); max-width:52ch;
  font:500 16.5px/1.45 var(--cb-sans); letter-spacing:-.01em; color:var(--cb-inkt); }
main.cb .cb-flip__voet{ display:flex; align-items:center; justify-content:space-between; gap:16px 20px; flex-wrap:wrap; margin-top:auto; }
main.cb .cb-flip__cta{ display:inline-flex; align-items:center; gap:10px; min-height:48px; padding:0 22px; border-radius:9px; background:var(--cb-bos); color:#f6f2ea;
  font:var(--cb-knop); text-decoration:none; transition:background-color .25s ease, gap .25s ease; }
main.cb .cb-flip__cta span{ color:var(--cb-oranje); }
main.cb .cb-flip__cta:hover{ gap:14px; }
main.cb .cb-flip__cta:hover{ background:#1b4a30; }
main.cb .cb-flip__logo{ display:inline-flex; align-items:center; gap:9px; margin-left:auto; }
main.cb .cb-flip__logo-icoon{ display:block; width:auto; height:32px; }
main.cb .cb-flip__logo-wm{ position:relative; display:block; width:148px; aspect-ratio:1247 / 169; }
main.cb .cb-flip__logo-wm img{ display:block; width:100%; height:auto; }
main.cb .cb-flip__logo-letters{ position:absolute; inset:0; background:var(--cb-inkt);
  -webkit-mask:url("images/logo/v4/glw-woordmerk-v4-masker-640.png") 0 0 / 100% 100% no-repeat; mask:url("images/logo/v4/glw-woordmerk-v4-masker-640.png") 0 0 / 100% 100% no-repeat; }
main.cb .cb-flip__sluit{ display:none; }
main.cb .cb-flip :is(a,button):focus-visible{ outline:2px solid var(--cb-oranje); outline-offset:3px; }
main.cb .cb-flip__achter :is(a,button):focus-visible{ outline-color:var(--cb-oranje-d); }
main.cb .cb-flip__achter:focus{ outline:none; }

main.cb .cb-insp.is-flipklaar .cb-flip{ perspective:2000px; }
main.cb .cb-insp.is-flipklaar .cb-flip__kaart{ display:grid; grid-template-columns:minmax(0,1fr); transform-style:preserve-3d; transition:transform .46s cubic-bezier(.45,.05,.25,1); }
main.cb .cb-insp.is-flipklaar .cb-flip__kaart::before{ content:""; grid-area:1 / 1; aspect-ratio:16 / 10; }
main.cb .cb-insp.is-flipklaar :is(.cb-flip__voor,.cb-flip__achter){ grid-area:1 / 1; min-width:0; margin:0; aspect-ratio:auto; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
main.cb .cb-insp.is-flipklaar .cb-flip__achter{ transform:rotateY(180deg); }
main.cb .cb-insp.is-flipklaar .cb-flip__voor{ aspect-ratio:16 / 10; align-self:start; }
main.cb .cb-insp.is-flipklaar .cb-flip.is-om .cb-flip__kaart{ transform:rotateY(180deg); }
main.cb .cb-insp.is-flipklaar .cb-flip__open{ position:absolute; z-index:2; right:var(--flip-pad); bottom:var(--flip-pad); display:inline-flex; align-items:center; gap:8px;
  min-height:40px; padding:0 14px; border:1px solid rgba(246,242,234,.5); border-radius:999px; background:rgba(11,26,18,.5); color:#f6f2ea;
  font:500 15px/1 var(--cb-sans); cursor:pointer; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); transition:background-color .25s ease, border-color .25s ease; }
main.cb .cb-insp.is-flipklaar .cb-flip__open span{ font:500 18px/1 var(--cb-sans); color:var(--cb-oranje); }
main.cb .cb-insp.is-flipklaar .cb-flip__open:hover{ background:rgba(11,26,18,.72); border-color:#f6f2ea; }
main.cb .cb-insp.is-flipklaar .cb-flip__sluit{ position:absolute; top:calc(var(--flip-pad) - 10px); right:calc(var(--flip-pad) - 10px); display:grid; place-items:center; width:40px; height:40px; padding:0; border:1px solid var(--cb-lijn);
  border-radius:50%; background:transparent; color:var(--cb-inkt); font:400 22px/1 var(--cb-sans); cursor:pointer; transition:background-color .2s ease; }
main.cb .cb-insp.is-flipklaar .cb-flip__sluit:hover{ background:rgba(16,39,26,.06); }
main.cb .cb-insp.is-flipklaar .cb-flip__label{ padding-right:44px; }
main.cb .cb-stap p a{ color:inherit; text-decoration:underline; text-underline-offset:3px; text-decoration-color:currentColor; }

main.cb .cb-keuze{ --cb-zand:#e8e0d0; overflow:clip; padding:var(--cb-sec) 0 calc(var(--cb-sec) * .6 + var(--cb-r)); }
main.cb .cb-keuze__grid{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(32px,5vw,96px); }
main.cb .cb-keuze__zij{ position:sticky; top:clamp(104px,16vh,150px); align-self:start; z-index:1; }
main.cb .cb-keuze__h{ margin:0 0 20px; font:var(--cb-h2); letter-spacing:var(--cb-h2-ls); color:var(--cb-inkt); text-wrap:balance; max-width:11ch; }
main.cb .cb-keuze__lead{ margin:0 0 clamp(28px,3vw,40px); font:var(--cb-tekst); color:var(--cb-inkt-2); max-width:34ch; }
main.cb .cb-keuze__nav ol{ list-style:none; margin:0; padding:0; border-left:1px solid var(--cb-lijn); }
main.cb .cb-keuze__nav li{ margin:0; }
main.cb .cb-keuze__nav a{ position:relative; display:grid; gap:3px; padding:11px 0 11px 20px; text-decoration:none; color:var(--cb-inkt-uit); transition:color .25s ease; }
main.cb .cb-keuze__navnaam{ font:500 clamp(19px,1.6vw,23px)/1.2 var(--cb-sans); letter-spacing:-.02em; }
main.cb .cb-keuze__navsub{ font:400 15px/1.4 var(--cb-sans); color:var(--cb-inkt-uit); }
main.cb .cb-keuze__nav a::before{ content:""; position:absolute; left:-1px; top:10px; bottom:10px; width:2px; background:var(--cb-oranje-d); transform:scaleY(0); transform-origin:50% 0; transition:transform .35s cubic-bezier(.2,.7,.2,1); }
main.cb .cb-keuze__nav a:hover, main.cb .cb-keuze__nav a.is-actief{ color:var(--cb-inkt); }
main.cb .cb-keuze__nav a.is-actief .cb-keuze__navsub{ color:var(--cb-inkt-2); }
main.cb .cb-keuze__nav a.is-actief::before{ transform:scaleY(1); }

main.cb .cb-ks{ position:relative; display:flex; flex-direction:column; justify-content:center; min-height:min(76vh,700px); margin:0;
  padding:clamp(56px,7vw,104px) 0; box-sizing:border-box; scroll-margin-top:12vh; }
main.cb .cb-ks:first-child{ padding-top:0; justify-content:flex-start; min-height:min(64vh,600px); }
main.cb .cb-ks + .cb-ks:not(.cb-ks--zand):not(.cb-ks--zand + .cb-ks){ border-top:1px solid var(--cb-lijn); }
main.cb .cb-ks--zand::before{ content:""; position:absolute; z-index:-1; top:0; bottom:0; left:-100vw; right:-100vw;
  background:linear-gradient(180deg, rgba(232,224,208,0) 0, var(--cb-zand) clamp(72px,10vh,120px), var(--cb-zand) calc(100% - clamp(72px,10vh,120px)), rgba(232,224,208,0) 100%); }
main.cb .cb-ks__soort{ margin:0 0 16px; font:var(--cb-lbl); text-transform:none; letter-spacing:0; color:var(--cb-oranje-label); }
main.cb .cb-ks__naam{ margin:0 0 16px; font:500 clamp(52px,6vw,90px)/.95 var(--cb-sans); letter-spacing:-.05em; color:var(--cb-inkt); transition:color .6s ease; }
main.cb .cb-ks__soort::before{ content:""; display:inline-block; vertical-align:middle; width:28px; height:2px; margin:-2px 12px 0 0; background:currentColor;
  transform:scaleX(.35); transform-origin:0 50%; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
main.cb .cb-ks.is-actief .cb-ks__soort::before{ transform:scaleX(1); }
main.cb .cb-ks__kop{ margin:0 0 10px; font:var(--cb-h3); letter-spacing:-.025em; color:var(--cb-inkt); }
main.cb .cb-ks__zin{ margin:0; font:var(--cb-tekst); color:var(--cb-inkt-2); max-width:40ch; }
main.cb .cb-ks__feiten{ display:grid; margin:clamp(24px,2.6vw,34px) 0 0; max-width:580px; border-top:1px solid var(--cb-lijn); }
main.cb .cb-ks__feiten > div{ display:grid; grid-template-columns:minmax(120px,.36fr) minmax(0,1fr); gap:6px 20px; padding:14px 0; border-bottom:1px solid var(--cb-lijn); }
main.cb .cb-ks__feiten dt{ font:400 15px/1.55 var(--cb-label); text-transform:none; letter-spacing:0; color:var(--cb-inkt-2); padding-top:1px; }
main.cb .cb-ks__feiten dd{ margin:0; font:400 16.5px/1.55 var(--cb-sans); color:var(--cb-inkt); }
main.cb .cb-ks__knop{ align-self:flex-start; display:inline-flex; align-items:center; gap:10px; min-height:52px; margin-top:clamp(26px,2.6vw,34px); padding:0 26px; border-radius:9px;
  background:var(--cb-bos); color:#f6f2ea; font:var(--cb-knop); text-decoration:none; transition:background-color .25s ease, gap .25s ease; }
main.cb .cb-ks__knop span{ color:var(--cb-oranje); }
main.cb .cb-ks__knop:hover{ background:#1b4a30; gap:16px; }
main.cb .cb-ks:focus{ outline:none; }
main.cb .cb-ks:focus-visible{ outline:2px solid var(--cb-oranje-d); outline-offset:8px; border-radius:4px; }
main.cb .cb-keuze__noot{ margin:8px 0 0; padding-top:16px; border-top:1px solid var(--cb-lijn); font:400 15.5px/1.5 var(--cb-sans); color:var(--cb-inkt-2); max-width:60ch; }
main.cb .cb-keuze__noot a{ color:var(--cb-inkt); text-decoration:underline; text-underline-offset:3px; }

main.cb .cb-donker{ position:relative; z-index:1; overflow:clip;    background:#0f2418; color:#e9e4d8; border-radius:var(--cb-r); margin-top:-1px;
  padding:calc(var(--cb-sec) + var(--cb-r)) 0 var(--cb-sec); }
main.cb .cb-donker__achtergrond{ position:absolute; inset:0; pointer-events:none;
  background-image:radial-gradient(circle, rgba(255,255,255,.12) 1px, transparent 1.5px); background-size:32px 32px; }
main.cb .cb-gloed{ position:absolute; width:62vw; height:62vw; left:48%; top:-18%; border-radius:50%;
  background:radial-gradient(closest-side, rgba(58,140,74,.30), rgba(58,140,74,0)); animation:cb-drift 26s ease-in-out infinite alternate; }
main.cb .cb-gloed--2{ width:48vw; height:48vw; left:-12%; top:52%; background:radial-gradient(closest-side, rgba(240,137,46,.13), rgba(240,137,46,0)); animation-duration:34s; animation-direction:alternate-reverse; }
@keyframes cb-drift{ from{ transform:translate3d(0,0,0) scale(1); } to{ transform:translate3d(-9vw,7vw,0) scale(1.12); } }
main.cb .cb-zw{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:clamp(32px,5vw,96px); }
main.cb .cb-zw__kop{ position:sticky; top:clamp(96px,14vh,132px); align-self:start; }
main.cb .cb-zw__lead{ margin:22px 0 28px; font:var(--cb-tekst); color:#d5ddd3; max-width:40ch; }
main.cb .cb-stappen{ list-style:none; margin:0; padding:0; counter-reset:none; }
main.cb .cb-stap{ position:relative; display:grid; grid-template-columns:clamp(84px,9vw,128px) minmax(0,1fr); gap:clamp(12px,2vw,28px);
  margin:0; padding:clamp(28px,3.4vw,44px) 0; border-top:1px solid rgba(233,228,216,.16); }
main.cb .cb-stap:last-child{ border-bottom:1px solid rgba(233,228,216,.16); }
main.cb .cb-stap::before{ content:""; position:absolute; left:0; top:-1px; height:2px; width:100%; background:var(--cb-oranje);
  transform:scaleX(0); transform-origin:0 50%; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
main.cb .cb-stap__nr{ font:400 clamp(56px,6.4vw,96px)/.9 var(--cb-sans); letter-spacing:-.05em; color:transparent; -webkit-text-stroke:1px rgba(233,228,216,.55);
  transition:color .35s ease, -webkit-text-stroke-color .35s ease; font-variant-numeric:tabular-nums; }
main.cb .cb-stap__h{ margin:6px 0 10px; font:500 clamp(21px,1.9vw,27px)/1.2 var(--cb-sans); letter-spacing:-.025em; color:#f6f2ea; transition:color .35s ease; }
main.cb .cb-stap p{ margin:0; font:400 16.5px/1.6 var(--cb-sans); color:#c9d3c9; max-width:50ch; transition:color .35s ease; }
main.cb .cb-stap p a{ color:#f6f2ea; }
main.cb .cb-stap__verschil{ list-style:none; margin:0 0 12px; padding:0; display:grid; gap:6px; }
main.cb .cb-stap__verschil li{ display:flex; gap:12px; align-items:baseline; margin:0; font:400 16px/1.45 var(--cb-sans); color:#dfe5dc; }
main.cb .cb-stap__verschil b{ min-width:7.5em; font:400 16px/1.2 var(--cb-label); text-transform:none; letter-spacing:0; color:var(--cb-oranje); }
main.cb.is-js .cb-stap:not(.is-actief) .cb-stap__h{ color:#d9dfd5; }
main.cb.is-js .cb-stap:not(.is-actief) p{ color:#aebcaf; }
main.cb .cb-stap.is-actief::before{ transform:scaleX(1); }
main.cb .cb-stap.is-actief .cb-stap__nr{ color:var(--cb-oranje); -webkit-text-stroke-color:var(--cb-oranje); }
main.cb .cb-stap__body{ transition:transform .5s cubic-bezier(.2,.7,.2,1); }
main.cb.is-js .cb-stap.is-actief .cb-stap__body{ transform:translateX(6px); }

main.cb .cb-doorkijk{ position:relative; z-index:1; }
main.cb .cb-doorkijk--kort{ height:clamp(220px,38vh,420px); }

main.cb section.cb-galerij{ position:relative; z-index:1; margin:0; padding:clamp(64px,7vw,104px) 0; background:#0f2418; border-radius:var(--cb-r); color:#e9e4d8; overflow:clip; }
main.cb .cb-galerij__binnen{ --gal-gap:clamp(20px,2vw,28px); --gal-r:18px; position:relative; z-index:1; width:100%; max-width:var(--cb-max); margin:0 auto; padding:0 var(--cb-rand); box-sizing:border-box; }
main.cb .cb-galerij__h{ margin:0 0 clamp(22px,2.4vw,32px); font:var(--cb-h2); letter-spacing:var(--cb-h2-ls); color:#f6f2ea; }
main.cb .cb-galerij .cb-label{ margin-bottom:12px; }
main.cb .cb-galerij__noot{ margin:-12px 0 clamp(22px,2.4vw,32px); font:var(--cb-tekst); color:#d5ddd3; max-width:52ch; }
main.cb .cb-galerij__rail{ overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none; }
main.cb .cb-galerij__rail::-webkit-scrollbar{ display:none; }
main.cb.is-js .cb-galerij__rail.is-loop{ overflow:hidden; scroll-snap-type:none; touch-action:pan-y; cursor:grab; }
main.cb.is-js .cb-galerij__rail.is-loop.is-slepen{ cursor:grabbing; }
main.cb .cb-galerij__lijst{ display:flex; gap:var(--gal-gap); margin:0; padding:0; list-style:none; width:max-content; will-change:transform; }
main.cb .cb-foto{ flex:0 0 auto; display:flex; flex-direction:column; margin:0; scroll-snap-align:start; border-radius:var(--gal-r); overflow:hidden; clip-path:inset(0 round var(--gal-r));
  background:#163322; box-shadow:inset 0 0 0 1px rgba(233,228,216,.08); user-select:none; -webkit-user-select:none;
  width:calc((min(var(--cb-max), 100vw) - 2 * var(--cb-rand) - var(--gal-gap)) / 2); }
main.cb .cb-foto__beeld{ position:relative; aspect-ratio:3 / 2; background:#1a3324; overflow:hidden; }
main.cb .cb-foto__beeld::after{ content:""; position:absolute; inset:auto 0 0; height:22%; pointer-events:none; background:linear-gradient(180deg, rgba(22,51,34,0), rgba(22,51,34,.55)); }
main.cb .cb-foto__tekst{ flex:1; padding:16px 20px 20px; }
main.cb .cb-foto__naam{ margin:0 0 4px; font:500 clamp(18px,1.5vw,21px)/1.25 var(--cb-sans); letter-spacing:-.02em; color:#f6f2ea; }
main.cb .cb-foto__toe{ margin:0; font:400 15.5px/1.5 var(--cb-sans); color:#cfd8cf; max-width:46ch; }
main.cb .cb-foto__naam + .cb-foto__toe{ color:#c3cdc4; }
main.cb .cb-foto__tekst > .cb-foto__toe:first-child{ font:500 17px/1.4 var(--cb-sans); letter-spacing:-.015em; color:#ece8de; }
main.cb .cb-foto img{ display:block; width:100%; height:100%; object-fit:cover; -webkit-user-drag:none; pointer-events:none; }
main.cb .cb-galerij__bediening[hidden]{ display:none; }
main.cb .cb-galerij__bediening{ display:flex; align-items:center; gap:8px; margin-top:22px; }
main.cb .cb-pijlknop{ display:inline-grid; place-items:center; width:40px; height:40px; padding:0; border-radius:9px; border:1px solid rgba(233,228,216,.28); background:transparent; color:#f6f2ea; cursor:pointer;
  font:500 16px/1 var(--cb-sans); transition:background-color .2s ease, opacity .2s ease; }
main.cb .cb-pijlknop:hover:not(:disabled){ background:rgba(233,228,216,.1); }
main.cb .cb-pijlknop:disabled{ opacity:.4; cursor:default; }
main.cb .cb-pijlknop--pauze{ margin-left:6px; }
main.cb .cb-pijlknop svg{ width:14px; height:14px; fill:currentColor; }
main.cb .cb-pijlknop .cb-icoon-speel{ display:none; }
main.cb .cb-pijlknop.is-gepauzeerd .cb-icoon-pauze{ display:none; }
main.cb .cb-pijlknop.is-gepauzeerd .cb-icoon-speel{ display:block; }

main.cb .cb-over{ position:relative; z-index:1; padding:clamp(96px,12vw,168px) 0; }
main.cb .cb-over__vlak{ max-width:640px; padding:clamp(28px,3.6vw,52px); border-radius:16px; background:rgba(11,26,18,.86); color:#e9e4d8; }
main.cb .cb-over__persoon{ display:flex; gap:18px; align-items:center; margin:26px 0 22px; }
main.cb .cb-over__persoon img{ width:76px; height:76px; flex:none; border-radius:50%; object-fit:cover; object-position:50% 22%; }
main.cb .cb-over__persoon p{ margin:0; font:400 16.5px/1.55 var(--cb-sans); color:#e9e4d8; }
main.cb .cb-over__persoon p span{ display:block; margin-top:8px; font:400 15px/1 var(--cb-label); text-transform:none; letter-spacing:0; color:var(--cb-groen-zacht); }
main.cb .cb-over__feiten{ list-style:none; margin:0 0 24px; padding:0; border-top:1px solid rgba(233,228,216,.18); }
main.cb .cb-over__feiten li{ display:flex; gap:14px; align-items:baseline; margin:0; padding:11px 0; border-bottom:1px solid rgba(233,228,216,.18); font:400 15.5px/1.45 var(--cb-sans); color:#dfe5dc; }
main.cb .cb-over__feiten b{ min-width:6.2em; font:600 15.5px/1.2 var(--cb-sans); letter-spacing:-.01em; color:var(--cb-oranje); }

main.cb .cb-faq{ padding:var(--cb-sec) 0; }
main.cb .cb-faq__grid{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(32px,5vw,96px); align-items:start; }
main.cb .cb-faq__h{ margin:0; font:var(--cb-h2); letter-spacing:var(--cb-h2-ls); color:var(--cb-inkt); }
main.cb .cb-faq__lijst{ border-top:1px solid var(--cb-lijn); }
main.cb .cb-vraag{ border-bottom:1px solid var(--cb-lijn); }
main.cb .cb-vraag summary{ position:relative; display:block; padding:20px 44px 20px 0; cursor:pointer; list-style:none;
  font:500 clamp(18px,1.5vw,21px)/1.35 var(--cb-sans); letter-spacing:-.02em; color:var(--cb-inkt); border-radius:4px; }
main.cb .cb-vraag summary::-webkit-details-marker{ display:none; }
main.cb .cb-vraag summary::after{ content:"+"; position:absolute; right:6px; top:50%; transform:translateY(-50%); font:400 26px/1 var(--cb-sans); color:var(--cb-oranje-d); transition:transform .25s ease; }
main.cb .cb-vraag[open] summary::after{ transform:translateY(-50%) rotate(45deg); }
main.cb .cb-vraag summary:hover{ color:#000; }
main.cb .cb-vraag summary:focus-visible{ outline:2px solid var(--cb-oranje-d); outline-offset:4px; }
main.cb .cb-vraag__antwoord{ padding:0 44px 22px 0; }
main.cb .cb-vraag__antwoord p + p{ margin-top:10px; }
main.cb .cb-vraag__antwoord strong{ font-weight:600; color:var(--cb-inkt); }
main.cb .cb-vraag__antwoord p{ margin:0; font:400 16.5px/1.6 var(--cb-sans); color:var(--cb-inkt-2); max-width:58ch; }
main.cb .cb-vraag__antwoord a{ color:var(--cb-inkt); text-decoration:underline; text-underline-offset:3px; }
main.cb.is-js .cb-vraag[open] .cb-vraag__antwoord{ animation:cb-uitklap .3s ease; }
@keyframes cb-uitklap{ from{ opacity:0; transform:translateY(-4px); } to{ opacity:1; transform:none; } }

main.cb .cb-slot{ padding:var(--cb-sec) 0 calc(var(--cb-sec) + var(--cb-r)); }
main.cb .cb-slot__grid{ display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:32px; align-items:end; }
main.cb .cb-slot__acties{ display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
main.cb .cb-slot__acties p{ margin:0; font:400 16px/1.5 var(--cb-sans); color:var(--cb-inkt-2); }
main.cb .cb-slot--beeld{ overflow:clip; background:#0f2418; color:#e9e4d8; padding:clamp(104px,11vw,168px) 0 calc(clamp(96px,10vw,152px) + var(--cb-r)); }
main.cb .cb-slot__beeld{ position:absolute; inset:0; z-index:0; }
main.cb .cb-slot__beeld img{ display:block; width:100%; height:100%; object-fit:cover; object-position:50% 60%; }
main.cb .cb-slot--beeld::before{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(90deg, rgba(11,26,18,.92) 0%, rgba(11,26,18,.78) 38%, rgba(11,26,18,.2) 72%, rgba(11,26,18,.1) 100%); }
main.cb .cb-slot--beeld .cb-slot__grid{ position:relative; z-index:2; grid-template-columns:minmax(0,640px); gap:clamp(24px,2.6vw,36px); align-items:start; }
main.cb .cb-slot--beeld .cb-accent{ color:var(--cb-oranje); }
main.cb .cb-slot--beeld .cb-slot__acties p{ color:#dfe5dc; }
main.cb .cb-slot--beeld .cb-stil-link{ text-decoration-color:rgba(233,228,216,.5); }
main.cb .cb-slot--beeld :is(a,button):focus-visible{ outline-color:var(--cb-oranje); }

main.cb ~ .footer{ border-radius:clamp(18px,1.6vw,24px) clamp(18px,1.6vw,24px) 0 0;
  margin-top:calc(-1 * clamp(18px,1.6vw,24px)); padding-top:calc(3rem + clamp(18px,1.6vw,24px)); }

@media (max-width:900px){
  main.cb .cb-band{ padding:20px 0 26px; }
  main.cb .cb-band__rij li{ font-size:13.5px; }
  main.cb .cb-band__rij li::after{ margin:0 22px; }
  main.cb .cb-kop, main.cb .cb-zw, main.cb .cb-slot__grid{ grid-template-columns:1fr; }
  main.cb .cb-insp__kop, main.cb .cb-faq__grid{ grid-template-columns:1fr; gap:14px; }
  main.cb .cb-galerij__noot{ margin-top:-14px; }
  main.cb .cb-flips{ grid-template-columns:minmax(0,1fr); gap:24px; }
  main.cb .cb-flip__voor, main.cb .cb-insp.is-flipklaar .cb-flip__voor{ display:flex; flex-direction:column; aspect-ratio:auto; }
  main.cb .cb-insp.is-flipklaar .cb-flip__kaart{ display:block; height:auto; transform:none !important; transition:none; }
  main.cb .cb-insp.is-flipklaar .cb-flip__kaart::before{ display:none; }
  main.cb .cb-insp.is-flipklaar .cb-flip__achter{ transform:none; }
  main.cb .cb-insp.is-flipklaar .cb-flip.is-om .cb-flip__voor, main.cb .cb-insp.is-flipklaar .cb-flip:not(.is-om) .cb-flip__achter{ display:none; }
  main.cb .cb-flip__beeld{ position:relative; inset:auto; flex:none; aspect-ratio:16 / 10; }
  main.cb .cb-flip__beeld img{ position:absolute; inset:0; }
  main.cb .cb-flip__voor::after{ display:none; }
  main.cb .cb-flip__titel{ position:relative; inset:auto; margin:16px 20px 14px; font-size:clamp(27px,7.4vw,34px); }
  main.cb .cb-insp.is-flipklaar .cb-flip__open{ position:relative; inset:auto; align-self:flex-start; margin:0 20px 20px; }
  main.cb .cb-flip--opening img{ object-position:54% 40%; }
  main.cb .cb-flip--actie img{ object-position:56% 40%; }
  main.cb .cb-flip--evenement img{ object-position:47% 45%; }
  main.cb .cb-flip--merk img{ object-position:40% 55%; }
  main.cb .cb-ks__feiten > div{ grid-template-columns:minmax(0,1fr); gap:4px; padding:12px 0; }
  main.cb .cb-slot--beeld::before{ background:linear-gradient(0deg, rgba(11,26,18,.94) 0%, rgba(11,26,18,.82) 60%, rgba(11,26,18,.66) 100%); }
  main.cb .cb-slot__beeld img{ object-position:64% 60%; }
  main.cb .cb-keuze__grid{ grid-template-columns:1fr; gap:8px; }
  main.cb .cb-keuze__zij{ position:static; }
  main.cb .cb-keuze__h{ margin-bottom:14px; }
  main.cb .cb-keuze__nav a::before{ display:none; }
  main.cb .cb-keuze__nav a{ color:var(--cb-inkt); }
  main.cb .cb-keuze__nav a .cb-keuze__navsub{ color:var(--cb-inkt-2); }
  main.cb .cb-keuze__nav li + li{ border-top:1px solid var(--cb-lijn); }
  main.cb .cb-keuze__nav ol{ border-left:0; border-top:1px solid var(--cb-lijn); border-bottom:1px solid var(--cb-lijn); }
  main.cb .cb-keuze__nav a{ padding:12px 28px 12px 0; }
  main.cb .cb-keuze__nav a::after{ content:"→"; position:absolute; right:2px; top:50%; translate:0 -50%; color:var(--cb-oranje-d); }
  main.cb .cb-ks, main.cb .cb-ks:first-child{ min-height:0; padding:52px 0; }
  main.cb .cb-ks:first-child{ padding-top:44px; }
  main.cb .cb-ks__naam{ font-size:clamp(42px,11.5vw,54px); }
  main.cb .cb-kop{ gap:6px; }
  main.cb .cb-kop .cb-label{ margin-top:0; }
  main.cb .cb-zw__kop{ position:static; }
  main.cb .cb-stap{ grid-template-columns:64px minmax(0,1fr); padding:24px 0; }
  main.cb .cb-stap__nr{ font-size:52px; }
  main.cb .cb-stap__verschil b{ min-width:6.6em; }
  main.cb .cb-galerij__rail{ margin-right:calc(-1 * var(--cb-rand)); border-radius:8px 0 0 8px; }
  main.cb .cb-foto{ width:calc(100vw - 2 * var(--cb-rand) - 36px); }
  main.cb .cb-foto__tekst{ padding:14px 16px 16px; }
  main.cb .cb-over{ padding:clamp(72px,22vw,140px) 0; }
  main.cb .cb-over__vlak{ padding:24px 20px; }
}


@media (prefers-reduced-motion:reduce){
  main.cb .cb-band__rij{ animation:none; flex-wrap:wrap; row-gap:14px; }
  main.cb .cb-band__rij--kopie{ display:none; }
  main.cb .cb-band{ -webkit-mask-image:none; mask-image:none; }
  main.cb .cb-gloed{ animation:none; }
  main.cb.is-js [data-cb-in].cb-wacht{ opacity:1; transform:none; }
  main.cb.is-js .cb-vraag[open] .cb-vraag__antwoord{ animation:none; }
  main.cb.is-js .cb-stap.is-actief .cb-stap__body{ transform:none; }
  main.cb .cb-galerij__rail{ scroll-behavior:auto; }
  main.cb .cb-pijlknop{ transition:none; }
  main.cb .cb-insp.is-flipklaar .cb-flip__kaart, main.cb .cb-insp.is-flipklaar .cb-flip.is-om .cb-flip__kaart,
  main.cb .cb-insp.is-flipklaar .cb-flip__achter{ transform:none; }
  main.cb .cb-insp.is-flipklaar .cb-flip:not(.is-om) .cb-flip__achter, main.cb .cb-insp.is-flipklaar .cb-flip.is-om .cb-flip__voor{ visibility:hidden; }
  main.cb :is(.cb-backdrop__laag,.cb-backdrop__video,.cb-backdrop__scrim,.cb-backdrop__raster,[data-cb-in],.cb-stap::before,.cb-stap__nr,.cb-stap__h,.cb-stap p,.cb-knop-link,.cb-keuze__nav a,.cb-keuze__nav a::before,.cb-flip__kaart,.cb-flip__cta,.cb-flip__open,.cb-ks__soort::before,.cb-ks__knop,.cb-stap__body){ transition:none !important; }
}

body:has(> main.cb){ font-family:var(--glw-f-tekst); }
body:has(> main.cb) :is(.glwh, .footer) :is(a, button, strong, span, p, h4, li, input){ font-family:var(--glw-f-tekst); }
body:has(> main.cb) .footer h4{ font-weight:600; letter-spacing:-.01em; }

main.cb .hp{ --hp-sans:var(--glw-f-tekst); --hp-mono:var(--glw-f-tekst); --hp-serif:var(--glw-f-kop); }
main.cb .hp-hero__title{ font-family:var(--glw-f-tekst); font-weight:700; letter-spacing:-.025em; line-height:1.04; }
main.cb .hp-btn{ font-weight:600; font-size:16.5px; letter-spacing:-.005em; }
main.cb .hp-scroll__label{ font-size:14px; font-weight:400; letter-spacing:.02em; }

main.cb .cb-licht{ position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
main.cb .cb-licht__vlak{ position:absolute; left:var(--x,50%); top:var(--y,50%); width:var(--w,60vw); aspect-ratio:1; translate:-50% -50%; border-radius:50%;
  opacity:var(--o,1); will-change:transform;
  animation:cb-licht var(--duur,26s) ease-in-out var(--na,0s) infinite alternate both; animation-play-state:paused; }
main.cb .cb-licht__vlak--groen{ background:radial-gradient(closest-side, rgba(96,176,58,.18) 0%, rgba(96,176,58,.07) 48%, rgba(96,176,58,0) 100%); }
main.cb .cb-licht__vlak--oranje{ background:radial-gradient(closest-side, rgba(255,128,36,.12) 0%, rgba(255,128,36,.04) 50%, rgba(255,128,36,0) 100%); }
main.cb .cb-licht__vlak--zacht{ background:radial-gradient(closest-side, rgba(124,186,86,.14) 0%, rgba(124,186,86,.05) 50%, rgba(124,186,86,0) 100%); }
main.cb .cb-licht__vlak--warm{ background:radial-gradient(closest-side, rgba(246,146,62,.12) 0%, rgba(246,146,62,.045) 50%, rgba(246,146,62,0) 100%); }
@keyframes cb-licht{ from{ transform:translate3d(0,0,0) scale(1); } to{ transform:translate3d(var(--dx,6vw),var(--dy,-4vw),0) scale(var(--s,1.14)); } }
main.cb .is-licht-aan > .cb-licht .cb-licht__vlak{ animation-play-state:running; }
html.glw-beweging-uit main.cb .cb-licht__vlak, html.glw-tab-weg main.cb .cb-licht__vlak{ animation-play-state:paused !important; }
main.cb :is(.cb-donker, .cb-galerij) .cb-licht__vlak{ mix-blend-mode:screen; }
main.cb :is(.cb-insp, .cb-keuze, #zo-werkt-het) > .cb-wrap{ position:relative; z-index:1; }

main.cb #zo-werkt-het .cb-donker__achtergrond{ display:none; }

main.cb .cb-licht--keuze .cb-licht__volger{ top:var(--ks-y,22%); transition:top 1.8s cubic-bezier(.45,.05,.25,1), opacity 1.4s ease; }
main.cb .cb-keuze .cb-licht__volger.cb-licht__vlak--warm{ opacity:0; }
main.cb .cb-keuze[data-ks="1"] .cb-licht__volger.cb-licht__vlak--zacht{ opacity:.35; }
main.cb .cb-keuze[data-ks="1"] .cb-licht__volger.cb-licht__vlak--warm{ opacity:1; }
main.cb .cb-keuze[data-ks="2"] .cb-licht__volger.cb-licht__vlak--zacht{ opacity:.85; }
main.cb .cb-keuze[data-ks="2"] .cb-licht__volger.cb-licht__vlak--warm{ opacity:.7; }
main.cb.is-js .cb-ks:not(.is-actief) .cb-ks__naam{ color:#47594d; }
main.cb.is-js .cb-ks[data-cb-in].cb-wacht{ opacity:.3; transform:translateY(28px); }
main.cb.is-js .cb-ks[data-cb-in]{ transition:opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }

main.cb .cb-flip__voor{ box-shadow:inset 0 0 0 1px rgba(255,255,255,.07); }
main.cb .cb-flip__voor::after{ inset:42% 0 0; background:linear-gradient(180deg, rgba(11,26,18,0) 0%, rgba(11,26,18,.5) 52%, rgba(11,26,18,.84) 100%); }
main.cb .cb-flip__beeld img{ transition:transform 1.2s cubic-bezier(.2,.7,.2,1); }
main.cb .cb-flip__achter::before{ content:""; position:absolute; inset:-25%; z-index:-1; pointer-events:none;
  background:radial-gradient(34% 30% at 84% 14%, rgba(124,186,86,.18), rgba(124,186,86,0) 100%),
             radial-gradient(38% 34% at 12% 92%, rgba(246,146,62,.14), rgba(246,146,62,0) 100%);
  --dx:-4%; --dy:3%; --s:1.08; animation:cb-licht 22s ease-in-out infinite alternate both; animation-play-state:paused; }
main.cb .cb-insp.is-licht-aan .cb-flip.is-om .cb-flip__achter::before{ animation-play-state:running; }
html.glw-beweging-uit main.cb .cb-flip__achter::before, html.glw-tab-weg main.cb .cb-flip__achter::before{ animation-play-state:paused !important; }
main.cb .cb-flip__sluit{ background:rgba(248,243,234,.7); }
@property --cb-rand-hoek{ syntax:'<angle>'; inherits:false; initial-value:0deg; }
main.cb .cb-flip::after{ content:""; position:absolute; inset:0; z-index:3; border-radius:var(--flip-r); padding:1.5px; pointer-events:none; opacity:0;
  background:conic-gradient(from var(--cb-rand-hoek), rgba(255,236,210,0) 0deg, rgba(255,236,210,0) 250deg, rgba(255,214,168,.9) 300deg, rgba(207,227,193,.7) 330deg, rgba(255,236,210,0) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
          mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
@media (hover:hover) and (pointer:fine){
  main.cb .cb-flip:hover::after{ animation:cb-rand 2.2s cubic-bezier(.4,0,.2,1) 1 both; }
}
@keyframes cb-rand{ 0%{ opacity:0; --cb-rand-hoek:0deg; } 18%{ opacity:1; } 78%{ opacity:1; } 100%{ opacity:0; --cb-rand-hoek:360deg; } }

main.cb .cb-paneel + .cb-slot--beeld{ margin-top:calc(-1 * var(--cb-r)); border-top-left-radius:var(--cb-r); border-top-right-radius:var(--cb-r);
  padding-top:calc(clamp(140px,16vw,240px) + var(--cb-r)); }
main.cb .cb-paneel + .cb-slot--beeld > .cb-wrap{ padding-top:0; }
main.cb .cb-paneel + .cb-slot--beeld > .cb-wrap::before{ display:none; }

main.cb .cb-keuze__nav a.is-actief .cb-keuze__navnaam{ font-weight:600; }

body:has(> main.cb) .glw-beweging{ position:relative; display:inline-grid; place-items:center; width:44px; height:44px; margin:0 0 14px; padding:0;
  border:1px solid rgba(255,255,255,.28); border-radius:50%; background:transparent; color:inherit; cursor:pointer; -webkit-tap-highlight-color:transparent; }
body:has(> main.cb) .glw-beweging__icoon{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
body:has(> main.cb) .glw-beweging__streep{ opacity:0; }
html.glw-beweging-uit body:has(> main.cb) .glw-beweging__streep{ opacity:1; }
html.glw-beweging-uit body:has(> main.cb) .glw-beweging__golf{ opacity:.5; }
html.glw-beweging-uit body:has(> main.cb) .glw-beweging{ border-style:dashed; }
body:has(> main.cb) .glw-beweging:focus-visible{ outline:2px solid var(--cb-oranje, #f4801f); outline-offset:3px; }
body:has(> main.cb) .glw-beweging::after{ content:attr(data-tip); position:absolute; bottom:calc(100% + 8px); left:0; white-space:nowrap; padding:7px 10px;
  border-radius:8px; border:1px solid rgba(233,228,216,.22); background:#0b1a12; color:#f6f2ea; font:500 13px/1 var(--glw-f-tekst, sans-serif);
  opacity:0; visibility:hidden; pointer-events:none; transition:opacity .15s ease, visibility 0s linear .15s; }
body:has(> main.cb) .glw-beweging:focus-visible::after{ opacity:1; visibility:visible; transition:opacity .15s ease; }
@media (hover:hover) and (pointer:fine){
  body:has(> main.cb) .glw-beweging:hover{ background:rgba(255,255,255,.08); }
  body:has(> main.cb) .glw-beweging:hover::after{ opacity:1; visibility:visible; transition:opacity .15s ease; }
}
html.glw-beweging-uit main.cb .cb-band__rij{ animation-play-state:paused; }

@media (max-width:900px){
  main.cb .cb-ks__naam{ font-size:clamp(46px,12.5vw,58px); }
}
@media (prefers-reduced-motion:reduce){
  main.cb .cb-licht__vlak, main.cb .cb-flip__achter::before{ animation:none; }
  main.cb .cb-licht--keuze .cb-licht__volger{ transition:none; }
  main.cb .cb-flip:hover::after{ animation:none; }
  main.cb.is-js .cb-ks[data-cb-in].cb-wacht{ opacity:1; transform:none; }
  main.cb .cb-ks__naam, main.cb .cb-flip__beeld img{ transition:none; }
}

main.cb > section.cb-donker.cb-intro{ padding:calc(68px + clamp(36px,4.2vw,64px)) 0 calc(clamp(40px,4.4vw,64px) + var(--cb-r)); border-radius:0 0 var(--cb-r) var(--cb-r); margin-top:0; }
main.cb .cb-intro__h1{ margin:0 0 16px; font:var(--glw-h1); letter-spacing:var(--glw-kop-ls); color:#f6f2ea; max-width:17ch; text-wrap:balance; }
main.cb .cb-intro__h1--breed{ max-width:22ch; }
main.cb .cb-intro__lead{ margin:0; font:400 clamp(17px,1.4vw,20px)/1.55 var(--cb-sans); color:#d5ddd3; max-width:54ch; }
main.cb .cb-intro .cb-wrap > *{ animation:cb-intro-in .9s cubic-bezier(.2,.7,.2,1) both; }
main.cb .cb-intro .cb-wrap > :nth-child(2){ animation-delay:.08s; }
main.cb .cb-intro .cb-wrap > :nth-child(3){ animation-delay:.16s; }
main.cb .cb-intro .cb-wrap > :nth-child(n+4){ animation-delay:.24s; }
@keyframes cb-intro-in{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:none; } }
main.cb .cb-intro + .cb-donker{ margin-top:calc(-1 * var(--cb-r)); }

main.cb .cb-sub-kop{ max-width:760px; margin:0 0 var(--cb-kop-mb); }
main.cb .cb-sub-kop .cb-h2{ margin-bottom:16px; }
main.cb .cb-sub-lead{ margin:0; font:var(--cb-tekst); color:var(--cb-inkt-2); max-width:56ch; }
main.cb .cb-donker .cb-sub-lead{ color:#d5ddd3; }
main.cb.is-js .cb-in.cb-wacht{ opacity:0; transform:translateY(18px); }

main.cb .cb-opties{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(20px,2.4vw,36px); }
main.cb .cb-optie{ position:relative; display:flex; flex-direction:column; padding:clamp(26px,2.8vw,40px); border-radius:18px; background:var(--cb-papier-2);
  box-shadow:inset 0 0 0 1px rgba(16,39,26,.08); overflow:hidden; isolation:isolate; }
main.cb .cb-optie::before{ content:""; position:absolute; inset:-30% -20% auto auto; width:70%; aspect-ratio:1; z-index:-1; border-radius:50%; pointer-events:none;
  background:radial-gradient(closest-side, rgba(246,146,62,.14), rgba(246,146,62,0)); }
main.cb .cb-optie--groen::before{ background:radial-gradient(closest-side, rgba(124,186,86,.16), rgba(124,186,86,0)); }
main.cb .cb-optie__naam{ margin:0 0 12px; font:500 clamp(34px,3.4vw,48px)/1 var(--cb-sans); letter-spacing:-.045em; color:var(--cb-inkt); }
main.cb .cb-optie__zin{ margin:0; font:var(--cb-tekst); color:var(--cb-inkt-2); max-width:44ch; }
main.cb .cb-optie .cb-ks__feiten{ max-width:none; }
main.cb .cb-optie .cb-ks__knop{ margin-top:auto; }
main.cb .cb-optie__voet{ margin-top:clamp(26px,2.6vw,34px); display:flex; }
main.cb .cb-extra{ display:flex; align-items:center; justify-content:space-between; gap:20px 40px; flex-wrap:wrap; margin-top:clamp(20px,2.4vw,36px);
  padding:clamp(22px,2.4vw,32px) clamp(26px,2.8vw,40px); border-radius:18px; background:#e8e0d0; }
main.cb .cb-extra__tekst{ max-width:60ch; }
main.cb .cb-extra__naam{ margin:0 0 6px; font:var(--cb-h3); letter-spacing:-.025em; color:var(--cb-inkt); }
main.cb .cb-extra__zin{ margin:0; font:400 16.5px/1.55 var(--cb-sans); color:var(--cb-inkt-2); }
main.cb .cb-extra .cb-ks__knop{ margin-top:0; }

main.cb .cb-split{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:clamp(32px,5vw,88px); align-items:center; }
main.cb .cb-split--om > :first-child{ order:2; }
main.cb .cb-beeld{ position:relative; margin:0; border-radius:18px; overflow:hidden; background:#1a3324; box-shadow:inset 0 0 0 1px rgba(16,39,26,.06); }
main.cb .cb-beeld img{ display:block; width:100%; height:100%; object-fit:cover; }
main.cb .cb-beeld--staand{ aspect-ratio:4 / 5; }
main.cb .cb-beeld--breed{ aspect-ratio:16 / 9; }
main.cb .cb-beeld--panorama{ aspect-ratio:21 / 9; }
main.cb .cb-onderschrift{ margin:12px 0 0; font:400 14.5px/1.45 var(--cb-sans); color:var(--cb-inkt-2); }
main.cb .cb-donker .cb-onderschrift{ color:#c3cdc4; }
main.cb .cb-tekst p{ margin:0 0 16px; font:var(--cb-tekst); color:var(--cb-inkt-2); max-width:var(--cb-maat); }
main.cb .cb-tekst p:last-child{ margin-bottom:0; }
main.cb .cb-donker .cb-tekst p{ color:#d5ddd3; }
main.cb .cb-tekst .cb-ks__feiten{ margin-top:24px; }
main.cb .cb-donker .cb-ks__feiten{ border-color:rgba(233,228,216,.16); }
main.cb .cb-donker .cb-ks__feiten > div{ border-color:rgba(233,228,216,.16); }
main.cb .cb-donker .cb-ks__feiten dt{ color:var(--cb-groen-zacht); }
main.cb .cb-donker .cb-ks__feiten dd{ color:#e9e4d8; }
main.cb .cb-persoon{ display:flex; gap:18px; align-items:center; margin-top:28px; }
main.cb .cb-persoon img{ width:72px; height:72px; flex:none; border-radius:50%; object-fit:cover; object-position:50% 22%; }
main.cb .cb-persoon p{ margin:0; font:500 16.5px/1.4 var(--cb-sans); color:var(--cb-inkt); }
main.cb .cb-persoon span{ display:block; margin-top:6px; font:400 15px/1 var(--cb-label); text-transform:none; letter-spacing:0; color:var(--cb-inkt-2); }
main.cb .cb-beelden{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(16px,2vw,28px); align-items:end; }
main.cb .cb-patroon{ position:absolute; inset:0; z-index:0; width:100%; height:100%; pointer-events:none; opacity:.55;
  -webkit-mask-image:radial-gradient(90% 80% at 12% 45%, #000 0%, rgba(0,0,0,.35) 50%, transparent 78%);
          mask-image:radial-gradient(90% 80% at 12% 45%, #000 0%, rgba(0,0,0,.35) 50%, transparent 78%); }
main.cb :is(.cb-donker, .cb-paneel:not(.cb-slot)) > .cb-wrap{ position:relative; z-index:1; }
main.cb .cb-afsluit{ display:flex; align-items:end; justify-content:space-between; gap:24px 48px; flex-wrap:wrap; }
main.cb .cb-afsluit .cb-h2{ max-width:16ch; }

@media (max-width:900px){
  main.cb .cb-opties, main.cb .cb-split, main.cb .cb-beelden{ grid-template-columns:minmax(0,1fr); }
  main.cb .cb-split--om > :first-child{ order:0; }
  main.cb .cb-extra{ flex-direction:column; align-items:flex-start; }
  main.cb .cb-beeld--panorama{ aspect-ratio:4 / 3; }
}
@media (prefers-reduced-motion:reduce){
  main.cb .cb-intro .cb-wrap > *{ animation:none; }
  main.cb.is-js .cb-in.cb-wacht{ opacity:1; transform:none; }
}

main.cb .cb-zw2{ padding:var(--cb-sec) 0 calc(var(--cb-sec) + var(--cb-r)); }
main.cb .cb-zw2__kop{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:0; margin:0 auto clamp(36px,4vw,56px); max-width:760px; }
main.cb .cb-zw2__kop .cb-label{ justify-content:center; }
main.cb .cb-zw2__lead{ margin:20px auto 0; font:var(--cb-tekst); color:#d5ddd3; max-width:54ch; }
main.cb .cb-zw2__samen{ position:relative; max-width:900px; margin:0 auto; }
main.cb .cb-zw2__vormen{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(12px,2vw,24px); }
main.cb .cb-zw2__vorm{ display:flex; flex-direction:column; gap:6px; height:100%; padding:16px 18px; border-radius:14px; text-align:center; text-decoration:none;
  background:rgba(246,242,234,.06); box-shadow:inset 0 0 0 1px rgba(233,228,216,.18); color:#f6f2ea; transition:background-color .25s ease, box-shadow .25s ease; }
main.cb .cb-zw2__vorm:hover{ background:rgba(246,242,234,.1); box-shadow:inset 0 0 0 1px rgba(244,128,31,.6); }
main.cb .cb-zw2__vorm:focus-visible{ outline:2px solid var(--cb-oranje); outline-offset:3px; }
main.cb .cb-zw2__vorm-naam{ font:600 17px/1.2 var(--cb-sans); }
main.cb .cb-zw2__vorm-tekst{ font:400 14.5px/1.4 var(--cb-sans); color:#c9d3c9; }
main.cb .cb-zw2__lijnen{ display:block; width:100%; height:clamp(70px,9vw,120px); overflow:visible; }
main.cb .cb-zw2__lijn{ fill:none; stroke:rgba(233,228,216,.32); stroke-width:1.2; vector-effect:non-scaling-stroke; }
main.cb .cb-zw2__vonk{ fill:none; stroke:var(--cb-oranje); stroke-width:2.2; stroke-linecap:round; vector-effect:non-scaling-stroke;
  stroke-dasharray:6 94; stroke-dashoffset:100; opacity:0; filter:drop-shadow(0 0 4px rgba(244,128,31,.8));
  animation:cb-zw2-vonk 4.2s cubic-bezier(.45,.05,.4,1) infinite paused; }
@keyframes cb-zw2-vonk{ 0%{ stroke-dashoffset:100; opacity:0; } 12%{ opacity:1; } 80%{ opacity:1; } 100%{ stroke-dashoffset:6; opacity:0; } }
main.cb .cb-zw2.is-licht-aan:not(.is-stap-actief) .cb-zw2__vonk{ animation-play-state:running; }
html.glw-beweging-uit main.cb .cb-zw2__vonk, html.glw-tab-weg main.cb .cb-zw2__vonk{ animation-play-state:paused; opacity:0; }
main.cb .cb-zw2__kern{ position:relative; display:flex; flex-direction:column; align-items:center; gap:10px; margin:0 auto; width:max-content; }
main.cb .cb-zw2__logo{ display:grid; place-items:center; width:112px; height:112px; border-radius:50%;
  background:radial-gradient(circle at 50% 45%, rgba(246,242,234,.16), rgba(246,242,234,.04) 70%); box-shadow:0 0 0 1px rgba(233,228,216,.22), 0 0 46px -6px rgba(244,128,31,.45); }
main.cb .cb-zw2__logo .glw-merkteken{ width:72px; height:auto; }
main.cb .cb-zw2__kern-label{ font:600 13.5px/1.2 var(--cb-label); text-transform:none; letter-spacing:0; color:var(--cb-groen-zacht); }
main.cb .cb-zw2__stappen{ position:relative; list-style:none; margin:clamp(20px,2.4vw,32px) auto 0; padding:12px 0 0; max-width:980px; display:grid; gap:clamp(18px,2.2vw,28px); }
main.cb .cb-zw2__stappen::before{ content:""; position:absolute; left:50%; top:0; bottom:-8px; width:1px; translate:-.5px 0; background:linear-gradient(180deg, rgba(233,228,216,.4), rgba(233,228,216,.18)); }
main.cb .cb-zw2__stap{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr); align-items:start; }
@media (min-width:761px){ main.cb .cb-zw2__stap + .cb-zw2__stap{ margin-top:-28px; } }
main.cb .cb-zw2__punt{ grid-column:2; grid-row:1; justify-self:center; margin-top:6px; width:13px; height:13px; border-radius:50%; background:#0f2418; box-shadow:0 0 0 1.5px rgba(233,228,216,.55); transition:background-color .35s ease, box-shadow .35s ease; }
main.cb .cb-zw2__tekst{ grid-row:1; padding:0 4px; }
main.cb .cb-zw2__stap:nth-child(odd) .cb-zw2__tekst{ grid-column:1; text-align:right; }
main.cb .cb-zw2__stap:nth-child(even) .cb-zw2__tekst{ grid-column:3; }
main.cb .cb-zw2__nr{ margin:0 0 4px; font:600 13px/1.2 var(--cb-sans); text-transform:none; letter-spacing:0; color:var(--cb-oranje); }
main.cb .cb-zw2__h{ margin:0 0 6px; font:600 clamp(19px,1.6vw,23px)/1.25 var(--cb-sans); letter-spacing:-.015em; color:#f6f2ea; transition:color .35s ease; }
main.cb .cb-zw2__tekst p:not(.cb-zw2__nr){ margin:0; font:400 16px/1.6 var(--cb-sans); color:#c9d3c9; transition:color .35s ease; }
main.cb .cb-zw2__stap:nth-child(odd) .cb-zw2__tekst p:not(.cb-zw2__nr){ margin-left:auto; }
main.cb .cb-zw2__tekst p:not(.cb-zw2__nr){ max-width:44ch; }
main.cb .cb-zw2__tekst a{ color:#f6f2ea; text-decoration:underline; text-underline-offset:3px; }
main.cb.is-js .cb-zw2__stap:not(.is-actief) .cb-zw2__h{ color:#dfe5dc; }
main.cb.is-js .cb-zw2__stap:not(.is-actief) .cb-zw2__tekst p:not(.cb-zw2__nr){ color:#b3c1b4; }
main.cb .cb-zw2__stap.is-actief .cb-zw2__punt{ background:var(--cb-oranje); box-shadow:0 0 0 4px rgba(244,128,31,.22), 0 0 18px rgba(244,128,31,.55); }
main.cb .cb-zw2__eind{ position:relative; display:flex; flex-direction:column; align-items:center; gap:18px; margin-top:clamp(18px,2vw,26px); }
main.cb .cb-zw2__mast{ width:56px; height:auto; fill:none; stroke:rgba(233,228,216,.7); stroke-width:1.6; stroke-linejoin:round; }
main.cb .cb-zw2__scherm{ fill:rgba(244,128,31,.28); stroke:var(--cb-oranje); }
@media (max-width:760px){
  main.cb .cb-zw2__kop{ align-items:flex-start; text-align:left; }
  main.cb .cb-zw2__kop .cb-label{ justify-content:flex-start; }
  main.cb .cb-zw2__lead{ margin-left:0; }
  main.cb .cb-zw2__vormen{ grid-template-columns:minmax(0,1fr); gap:10px; }
  main.cb .cb-zw2__vorm{ flex-direction:row; align-items:baseline; justify-content:space-between; gap:12px; text-align:left; padding:14px 16px; }
  main.cb .cb-zw2__vorm-tekst{ text-align:right; }
  main.cb .cb-zw2__lijnen{ display:none; }
  main.cb .cb-zw2__kern{ margin-top:0; padding-top:44px; }
  main.cb .cb-zw2__kern::before{ content:""; position:absolute; top:0; left:50%; width:1px; height:40px; background:rgba(233,228,216,.32); }
  main.cb .cb-zw2__stappen::before{ left:6px; }
  main.cb .cb-zw2__stap{ grid-template-columns:28px minmax(0,1fr); }
  main.cb .cb-zw2__punt{ grid-column:1; justify-self:start; }
  main.cb .cb-zw2__stap:nth-child(odd) .cb-zw2__tekst, main.cb .cb-zw2__stap:nth-child(even) .cb-zw2__tekst{ grid-column:2; text-align:left; }
  main.cb .cb-zw2__stap:nth-child(odd) .cb-zw2__tekst p:not(.cb-zw2__nr){ margin-left:0; }
  main.cb .cb-zw2__eind{ align-items:flex-start; }
}
@media (prefers-reduced-motion:reduce){
  main.cb .cb-zw2__vonk{ animation:none; opacity:0; }
  main.cb :is(.cb-zw2__punt,.cb-zw2__h,.cb-zw2__tekst p,.cb-zw2__vorm){ transition:none; }
}

main.cb{ --r10-sec:clamp(56px,6.4vw,92px); --r10-h2:var(--glw-h2); }

main.cb .cb-donker.cb-insp{ padding:var(--r10-sec) 0 calc(var(--r10-sec) + var(--cb-r)); }
main.cb .cb-insp__kop{ gap:12px clamp(28px,4vw,72px); margin-bottom:clamp(24px,2.8vw,40px); }
main.cb .cb-insp .cb-h2{ font:var(--r10-h2); }
main.cb .cb-insp__noot{ font:400 16.5px/1.55 var(--cb-sans); }
main.cb .cb-flips{ --flip-pad:clamp(18px,1.8vw,26px); gap:clamp(16px,1.8vw,24px); }
main.cb .cb-flip__titel{ right:178px; font:700 clamp(22px,1.9vw,28px)/1.1 var(--cb-sans); letter-spacing:-.02em; }
main.cb .cb-flip__voor::after{ inset:50% 0 0; background:linear-gradient(180deg, rgba(11,26,18,0) 0%, rgba(11,26,18,.5) 55%, rgba(11,26,18,.8) 100%); }
main.cb .cb-insp.is-flipklaar .cb-flip__kaart::before{ aspect-ratio:16 / 9; }
main.cb .cb-insp.is-flipklaar .cb-flip__voor{ aspect-ratio:auto; align-self:stretch; }
main.cb .cb-flip__label{ margin:0 0 10px; font:var(--cb-lbl); letter-spacing:var(--cb-lbl-ls); }
main.cb .cb-flip__kop{ margin:0 0 8px; font:600 clamp(20px,1.6vw,24px)/1.2 var(--cb-sans); letter-spacing:-.015em; }
main.cb .cb-flip__tekst{ margin:0 0 12px; font:400 16px/1.55 var(--cb-sans); }
main.cb .cb-flip__advies{ margin:0 0 16px; font:500 16px/1.45 var(--cb-sans); }
main.cb .cb-flip__cta{ min-height:46px; padding:0 20px; }
main.cb .cb-flip__logo-icoon{ height:28px; }
main.cb .cb-flip__logo-wm{ width:128px; }
main.cb .cb-insp.is-flipklaar .cb-flip__sluit{ top:calc(var(--flip-pad) - 12px); right:calc(var(--flip-pad) - 12px); width:44px; height:44px; }
@keyframes cb-rand-r10{ 0%{ opacity:0; --cb-rand-hoek:0deg; } 20%{ opacity:.45; } 75%{ opacity:.45; } 100%{ opacity:0; --cb-rand-hoek:360deg; } }
@media (hover:hover) and (pointer:fine){ main.cb .cb-flip:hover::after{ animation-name:cb-rand-r10; } }

main.cb .cb-keuze{ padding:var(--r10-sec) 0 calc(clamp(40px,4.4vw,64px) + var(--cb-r)); }
main.cb .cb-keuze__grid{ gap:clamp(28px,4.4vw,80px); }
main.cb .cb-keuze__h{ margin:0 0 12px; font:var(--r10-h2); max-width:13ch; }
main.cb .cb-keuze__lead{ margin:0 0 20px; font:400 16.5px/1.55 var(--cb-sans); }
main.cb .cb-keuze__nav a{ padding:9px 0 9px 18px; }
main.cb .cb-keuze__navnaam{ font:500 clamp(17px,1.3vw,19px)/1.25 var(--cb-sans); letter-spacing:-.01em; }
main.cb .cb-keuze__navsub{ font-size:15px; }
main.cb .cb-ks, main.cb .cb-ks:first-child{ min-height:0; justify-content:flex-start; padding:clamp(32px,3.6vw,52px) 0; scroll-margin-top:110px; }
main.cb .cb-ks:first-child{ padding-top:0; }
main.cb .cb-ks--zand::before{ background:linear-gradient(180deg, rgba(232,224,208,0) 0, var(--cb-zand) 40px, var(--cb-zand) calc(100% - 40px), rgba(232,224,208,0) 100%); }
main.cb .cb-ks__soort{ margin:0 0 10px; }
main.cb .cb-ks__naam{ margin:0 0 6px; font:700 clamp(30px,2.8vw,40px)/1.05 var(--cb-sans); letter-spacing:-.025em; }
main.cb .cb-ks__kop{ margin:0 0 6px; font:600 clamp(18px,1.4vw,21px)/1.3 var(--cb-sans); letter-spacing:-.01em; }
main.cb .cb-keuze .cb-ks__zin{ font:400 16.5px/1.55 var(--cb-sans); }
main.cb .cb-keuze .cb-ks__feiten{ margin-top:18px; }
main.cb .cb-keuze .cb-ks__feiten > div{ padding:10px 0; }
main.cb .cb-keuze .cb-ks__feiten dt{ font:600 14px/1.5 var(--cb-label); letter-spacing:0; color:var(--cb-inkt-2); }
main.cb .cb-keuze .cb-ks__feiten dd{ font:400 16px/1.5 var(--cb-sans); }
main.cb .cb-ks__knop{ min-height:48px; margin-top:20px; padding:0 22px; }
main.cb .cb-keuze__noot{ margin-top:4px; }
main.cb .cb-keuze[data-ks="1"] .cb-licht__volger.cb-licht__vlak--warm{ opacity:.6; }
main.cb .cb-keuze[data-ks="2"] .cb-licht__volger.cb-licht__vlak--warm{ opacity:.45; }

main.cb.is-js :is(.cb-insp,.cb-keuze) [data-cb-in].cb-wacht{ transform:translateY(10px); }
main.cb.is-js .cb-ks[data-cb-in].cb-wacht{ opacity:.55; transform:translateY(10px); }

@media (max-width:900px){
  main.cb .cb-insp__kop{ gap:10px; }
  main.cb .cb-flips{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  main.cb .cb-flip__beeld{ aspect-ratio:16 / 9; }
  main.cb .cb-flip__titel{ right:auto; margin:14px 18px 10px; font-size:clamp(20px,3vw,24px); }
  main.cb .cb-insp.is-flipklaar .cb-flip__open{ min-height:44px; margin:0 18px 18px; }
  main.cb .cb-keuze__grid{ gap:4px; }
  main.cb .cb-ks, main.cb .cb-ks:first-child{ padding:32px 0; }
  main.cb .cb-ks:first-child{ padding-top:32px; }
  main.cb .cb-ks__naam{ font-size:clamp(28px,7.6vw,34px); }
  main.cb .cb-keuze__nav a{ padding:10px 28px 10px 0; min-height:44px; box-sizing:border-box; }
}
@media (max-width:600px){
  main.cb .cb-insp .cb-h2, main.cb .cb-keuze__h{ font-size:clamp(28px,8vw,32px); }
  main.cb .cb-flips{ grid-template-columns:minmax(0,1fr); gap:12px; }
  main.cb .cb-flip__voor, main.cb .cb-insp.is-flipklaar .cb-flip__voor{ display:grid; grid-template-columns:38% minmax(0,1fr); grid-template-rows:1fr auto; column-gap:14px; align-items:end; min-height:128px; }
  main.cb .cb-flip__beeld{ grid-column:1; grid-row:1 / 3; aspect-ratio:auto; height:100%; min-height:128px; }
  main.cb .cb-flip__titel{ grid-column:2; grid-row:1; align-self:end; margin:14px 12px 8px 0; font-size:21px; }
  main.cb .cb-insp.is-flipklaar .cb-flip__open{ grid-column:2; grid-row:2; justify-self:start; margin:0 12px 14px 0; padding:0 12px; font-size:15px; }
  main.cb .cb-flip--opening img{ object-position:57% 40%; }
  main.cb .cb-flip--actie img{ object-position:62% 40%; }
  main.cb .cb-flip--evenement img{ object-position:45% 45%; }
  main.cb .cb-flip--merk img{ object-position:14% 55%; }
  main.cb .cb-flip__achter{ --flip-pad:18px; }
  main.cb .cb-ks, main.cb .cb-ks:first-child{ padding:26px 0; }
  main.cb .cb-ks:first-child{ padding-top:28px; }
  main.cb .cb-keuze .cb-ks__feiten{ margin-top:14px; }
  main.cb .cb-keuze .cb-ks__feiten > div{ padding:8px 0; gap:2px; }
  main.cb .cb-ks__knop{ margin-top:16px; }
}

main.cb .cb-moment{ overflow:clip; padding-bottom:calc(var(--r10-sec) * .9 + var(--cb-r));
  background-color:var(--cb-papier); background-image:linear-gradient(180deg, var(--cb-papier) 0%, #eef0e3 55%, var(--cb-papier) 100%); }
main.cb .cb-moment > .cb-wrap{ position:relative; z-index:1; }
main.cb .cb-paneel + .cb-moment > .cb-wrap{ padding-top:var(--r10-sec); }
main.cb .cb-keuze:has(+ .cb-moment){ padding-bottom:clamp(40px,4.4vw,64px); }

main.cb .cb-moment__kop{ display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,340px); gap:16px clamp(28px,4vw,64px); align-items:end; margin-bottom:clamp(20px,2.4vw,32px); }
main.cb .cb-moment__kop .cb-label{ margin-bottom:12px; }
main.cb .cb-moment__h{ margin:0 0 10px; font:var(--r10-h2); letter-spacing:var(--cb-h2-ls); color:var(--cb-inkt); text-wrap:balance; }
main.cb .cb-moment__intro{ margin:0; font:400 16.5px/1.55 var(--cb-sans); color:var(--cb-inkt-2); max-width:52ch; }
main.cb .cb-moment__keuze{ display:grid; gap:6px; }
main.cb .cb-moment__keuze[hidden]{ display:none; }
main.cb .cb-moment__veldlabel{ font:600 14.5px/1.3 var(--cb-sans); color:var(--cb-inkt); }
main.cb .cb-moment__veld{ -webkit-appearance:none; appearance:none; width:100%; min-height:48px; padding:0 44px 0 14px; border:1px solid rgba(16,39,26,.28); border-radius:9px;
  background:#fbf8f2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2310271a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center;
  color:var(--cb-inkt); font:500 16px/1.2 var(--cb-sans); cursor:pointer; }
main.cb .cb-moment__veld:hover{ border-color:rgba(16,39,26,.5); }
main.cb .cb-moment__veld:focus-visible{ outline:2px solid var(--cb-oranje-d); outline-offset:2px; }

main.cb .cb-moment__lijst{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(14px,1.6vw,20px); align-items:stretch;
  transition:opacity .14s ease; }
main.cb .cb-moment__lijst[hidden]{ display:none; }
main.cb .cb-moment__lijst.is-wissel{ opacity:0; }
main.cb .cb-moment.is-laden .cb-moment__lijst[hidden]{ display:block; min-height:300px; }
main.cb .cb-mk{ display:flex; flex-direction:column; min-width:0; margin:0; padding:clamp(18px,1.7vw,22px); border-radius:18px; background:#fbf8f2;
  box-shadow:inset 0 0 0 1px rgba(120,84,44,.16), 0 12px 26px -24px rgba(120,70,30,.5); }
main.cb .cb-mk__kop{ margin-bottom:14px; }
main.cb .cb-mk__datum{ display:flex; align-items:center; gap:14px; }
main.cb .cb-mk__blok{ position:relative; flex:none; display:grid; place-items:center; align-content:center; width:58px; height:58px; border-radius:12px; font-variant-numeric:tabular-nums; }
main.cb .cb-mk__dag{ font:600 25px/1 var(--cb-sans); letter-spacing:-.02em; }
main.cb .cb-mk__mnd{ margin-top:3px; font:600 11.5px/1 var(--cb-sans); text-transform:none; letter-spacing:0; }
main.cb .cb-mk__stempel{ position:absolute; right:-9px; top:-7px;    display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#fbf8f2; box-shadow:0 0 0 1px rgba(16,39,26,.14); }
main.cb .cb-mk__stempel .glw-merkteken{ height:14px; }
main.cb .cb-mk__wanneer{ display:grid; gap:5px; min-width:0; }
main.cb .cb-mk__voluit{ font:600 15px/1.25 var(--cb-sans); color:var(--cb-inkt); }
main.cb .cb-mk__voluit::first-letter{ text-transform:none; }
main.cb .cb-mk__belang{ display:inline-flex; align-items:center; gap:6px; width:fit-content; padding:3px 10px; border-radius:999px; font:600 12.5px/1.2 var(--cb-sans); }
main.cb .cb-mk__stip{ width:6px; height:6px; border-radius:50%; background:currentColor; }
main.cb .cb-mk--b1 .cb-mk__blok{ background:#12301f; color:#f6f2ea; }
main.cb .cb-mk--b1 .cb-mk__belang{ background:#e3eadb; color:#12301f; }
main.cb .cb-mk--b2 .cb-mk__blok{ background:#f6cfa8; color:#4a230a; }
main.cb .cb-mk--b2 .cb-mk__belang{ background:#fbe3cd; color:#7a3a10; }
main.cb .cb-mk--b3 .cb-mk__blok{ background:#e6d9c1; color:#3a3226; }
main.cb .cb-mk--b3 .cb-mk__belang{ background:#efe5d3; color:#4d4231; }
main.cb .cb-mk__naam{ margin:0 0 10px; font:600 clamp(19px,1.45vw,21px)/1.2 var(--cb-sans); letter-spacing:-.015em; color:var(--cb-inkt); text-wrap:balance; }
main.cb .cb-mk__uitleg{ margin:0 0 16px; display:grid; gap:8px; font:400 16px/1.5 var(--cb-sans); }
main.cb .cb-mk__uitleg > div{ margin:0; }
main.cb .cb-mk__uitleg dt, main.cb .cb-mk__uitleg dd{ display:inline; margin:0; }
main.cb .cb-mk__uitleg dt{ font-weight:650; color:var(--cb-inkt); }
main.cb .cb-mk__uitleg dt::after{ content:":"; }
main.cb .cb-mk__reden dd{ color:var(--cb-inkt-2); }
main.cb .cb-mk__idee dd{ color:var(--cb-inkt); }
main.cb .cb-mk__idee dt{ color:var(--cb-oranje-label, #8c4110); }
main.cb .cb-mk__link{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; margin-top:auto; padding:0 18px; border:1px solid rgba(16,39,26,.28); border-radius:9px;
  color:var(--cb-inkt); font:600 15.5px/1.2 var(--cb-sans); text-decoration:none; transition:background-color .2s ease, border-color .2s ease; }
main.cb .cb-mk__link:hover{ background:#e3eadb; border-color:rgba(16,39,26,.45); }
main.cb .cb-mk__pijl{ color:var(--cb-oranje-d); }

main.cb .cb-moment__leeg{ display:flex; flex-wrap:wrap; align-items:center; gap:14px 24px; padding:20px 22px; border-radius:18px; background:#fbf8f2; box-shadow:inset 0 0 0 1px rgba(120,84,44,.16); }
main.cb .cb-moment__leeg p, main.cb .cb-moment__fout{ margin:0; font:400 16.5px/1.5 var(--cb-sans); color:var(--cb-inkt); max-width:56ch; }
main.cb .cb-moment__slot{ display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; margin-top:clamp(20px,2.4vw,28px); padding-top:clamp(16px,1.8vw,22px); border-top:1px solid var(--cb-lijn); }
main.cb .cb-moment__vraag{ margin:0; font:500 16.5px/1.4 var(--cb-sans); color:var(--cb-inkt); }
main.cb .cb-moment__knop{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:0 22px; border-radius:9px; background:var(--cb-bos); color:#f6f2ea;
  font:var(--cb-knop); text-decoration:none; transition:background-color .2s ease; }
main.cb .cb-moment__knop span{ color:var(--cb-oranje); }
main.cb .cb-moment__knop:hover{ background:#1b4a30; }
main.cb .cb-moment__alle{ display:inline-flex; align-items:center; min-height:44px; color:var(--cb-inkt-2); font:500 15.5px/1.2 var(--cb-sans); text-decoration:underline; text-decoration-color:rgba(16,39,26,.35); text-underline-offset:3px; }
main.cb .cb-moment__alle:hover{ color:var(--cb-inkt); text-decoration-color:currentColor; }
main.cb .cb-moment__slot .cb-moment__alle{ margin-left:auto; }
main.cb.is-js .cb-moment [data-cb-in].cb-wacht{ transform:translateY(8px); }

@media (max-width:900px){
  main.cb .cb-moment__kop{ grid-template-columns:minmax(0,1fr); gap:16px; }
  main.cb .cb-moment__keuze{ max-width:420px; }
  main.cb .cb-moment__lijst{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px){
  main.cb .cb-moment__h{ font-size:clamp(28px,8vw,32px); }
  main.cb .cb-moment__keuze{ max-width:none; }
  main.cb .cb-moment__lijst{ grid-template-columns:minmax(0,1fr); gap:12px; }
  main.cb .cb-mk{ padding:16px; }
  main.cb .cb-mk__kop{ margin-bottom:10px; }
  main.cb .cb-mk__blok{ width:52px; height:52px; }
  main.cb .cb-mk__dag{ font-size:23px; }
  main.cb .cb-mk__naam{ margin-bottom:8px; }
  main.cb .cb-mk__uitleg{ margin-bottom:14px; }
  main.cb .cb-mk__link{ width:100%; }
  main.cb .cb-moment__slot{ flex-direction:column; align-items:stretch; gap:10px; }
  main.cb .cb-moment__slot .cb-moment__alle{ margin-left:0; justify-content:center; }
  main.cb .cb-moment__leeg .cb-moment__knop{ width:100%; }
}
@media (prefers-reduced-motion:reduce){
  main.cb .cb-moment__lijst{ transition:none; }
  main.cb .cb-moment__lijst.is-wissel{ opacity:1; }
}
main.cb .cb-moment .cb-moment__slot > [hidden], main.cb .cb-moment .cb-moment__leeg[hidden], main.cb .cb-moment .cb-moment__fout[hidden]{ display:none; }


main.cb .cb-paneel + .cb-galerij, main.cb .cb-galerij + .cb-paneel{ margin-top:calc(-1 * var(--cb-r)); }
main.cb section.cb-galerij{ padding-top:calc(clamp(56px,6vw,88px) + var(--cb-r)); padding-bottom:calc(clamp(56px,6vw,88px) + var(--cb-r)); }
main.cb .cb-galerij + .cb-paneel{ position:relative; z-index:2; }

main.cb .cb-insp{ overflow:clip; padding:calc(var(--r10-sec) + var(--cb-r)) 0 calc(var(--r10-sec) + var(--cb-r)); }
main.cb .cb-insp__noot{ color:var(--cb-inkt-2); }
main.cb .cb-insp .cb-licht__vlak{ opacity:.55; }
main.cb .cb-insp .cb-flip__achter{ box-shadow:inset 0 0 0 1px rgba(120,84,44,.18), 0 12px 26px -24px rgba(120,70,30,.5); }
main.cb .cb-insp .cb-flip :is(a,button):focus-visible{ outline-color:var(--cb-oranje-d); }
main.cb .cb-insp .cb-flip__voor :is(a,button):focus-visible{ outline-color:var(--cb-oranje); }

main.cb .cb-moment{ padding-top:calc(var(--r10-sec) * .8 + var(--cb-r)); padding-bottom:calc(var(--r10-sec) * .8 + var(--cb-r)); }
main.cb .cb-moment__kop{ margin-bottom:clamp(16px,2vw,24px); }
main.cb .cb-moment__h{ margin-bottom:8px; font:700 clamp(23px,2.2vw,30px)/1.15 var(--cb-sans); letter-spacing:-.02em; }
main.cb .cb-moment__intro{ font-size:16px; }
main.cb .cb-moment.is-laden .cb-moment__lijst[hidden]{ min-height:200px; }
main.cb .cb-mk{ padding:16px 18px; gap:0; }
main.cb .cb-mk__kop{ display:flex; align-items:center; gap:14px; margin-bottom:10px; }
main.cb .cb-mk__blok{ width:52px; height:52px; background:var(--cb-bos); color:#f6f2ea; }
main.cb .cb-mk__dag{ font:500 22px/1 var(--cb-sans); }
main.cb .cb-mk__mnd{ font:500 12.5px/1 var(--cb-sans); letter-spacing:0; text-transform:lowercase; }
main.cb .cb-mk__titel{ min-width:0; }
main.cb .cb-mk__naam{ margin:0; font:600 18px/1.25 var(--cb-sans); letter-spacing:-.01em; }
main.cb .cb-mk__voluit{ margin:2px 0 0; font:400 14.5px/1.35 var(--cb-sans); color:var(--cb-inkt-2); }
main.cb .cb-mk__voluit::first-letter{ text-transform:uppercase; }
main.cb .cb-mk__idee{ margin:0 0 12px; font:400 16px/1.5 var(--cb-sans); color:var(--cb-inkt); }
main.cb .cb-mk__link{ min-height:44px; font-weight:500; }
main.cb .cb-moment__slot{ margin-top:clamp(16px,2vw,22px); padding-top:clamp(14px,1.6vw,18px); }

main.cb .cb-keuze .cb-ks__feiten{ margin-top:14px; }

@media (max-width:760px){
  main.cb .cb-zw2__vormen{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  main.cb .cb-zw2__vorm{ justify-content:center; padding:12px 6px; text-align:center; }
  main.cb .cb-zw2__vorm-naam{ font-size:15px; }
  main.cb .cb-zw2__vorm-tekst{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
  main.cb .cb-zw2__kern{ padding-top:28px; gap:8px; }
  main.cb .cb-zw2__kern::before{ height:24px; }
  main.cb .cb-zw2__logo{ width:84px; height:84px; }
  main.cb .cb-zw2__logo .glw-merkteken{ width:54px; }
  main.cb .cb-zw2__stappen{ gap:16px; margin-top:16px; }
  main.cb .cb-zw2__mast{ width:40px; }
}
@media (max-width:600px){
  main.cb{ --cb-sec:52px; --r10-sec:44px; }
  main.cb .cb-doorkijk--kort{ height:clamp(150px,24vh,220px); }
  main.cb .cb-ks, main.cb .cb-ks:first-child{ padding:22px 0; }
  main.cb .cb-ks:first-child{ padding-top:24px; }
  main.cb .cb-keuze__lead{ margin-bottom:14px; }
  main.cb .cb-insp__kop{ margin-bottom:16px; }
  main.cb .cb-over{ padding:64px 0; }
  main.cb .cb-faq{ padding:var(--cb-sec) 0; }
  main.cb .cb-mk{ padding:14px 16px; }
  main.cb .cb-mk__link{ width:auto; justify-content:flex-start; padding:0; border:0; min-height:44px; }
  main.cb .cb-mk__link:hover{ background:none; }
}

main.cb .cb-keuze .cb-ks__knop{ background:transparent; color:var(--cb-bos); box-shadow:inset 0 0 0 1.5px rgba(18,48,31,.55);
  transition:background-color .2s ease, color .2s ease, box-shadow .2s ease, gap .25s ease; }
main.cb .cb-keuze .cb-ks__knop span{ color:var(--cb-oranje-d); }
main.cb .cb-keuze .cb-ks__knop:hover{ background:var(--cb-bos); color:#f6f2ea; box-shadow:inset 0 0 0 1.5px var(--cb-bos); }
main.cb .cb-keuze .cb-ks__knop:hover span{ color:var(--cb-oranje); }
main.cb .cb-keuze .cb-ks.is-actief .cb-ks__knop{ box-shadow:inset 0 0 0 1.5px var(--cb-bos); }
@media (hover:hover) and (pointer:fine){
  main.cb .cb-mk{ transition:transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s ease; }
  main.cb .cb-mk:hover{ transform:translateY(-2px); box-shadow:inset 0 0 0 1px rgba(120,84,44,.22), 0 18px 32px -24px rgba(120,70,30,.55); }
  main.cb .cb-flip__beeld img{ transition:transform .8s cubic-bezier(.2,.7,.2,1); }
  main.cb .cb-flip:hover .cb-flip__beeld img{ transform:scale(1.03); }
  main.cb .cb-galerij__lijst > li img{ transition:transform .8s cubic-bezier(.2,.7,.2,1); }
  main.cb .cb-galerij__lijst > li:hover img{ transform:scale(1.03); }
}
@media (prefers-reduced-motion:reduce){
  main.cb :is(.cb-mk, .cb-flip__beeld img, .cb-galerij__lijst > li img){ transition:none !important; transform:none !important; }
}


main.cb .cb-flips{ position:relative; isolation:isolate; --insp-abrikoos:#fbefe2; --insp-groen:#edf2e6; }
main.cb .cb-flip:nth-child(odd) .cb-flip__achter{ background:var(--insp-abrikoos); }
main.cb .cb-flip:nth-child(even) .cb-flip__achter{ background:var(--insp-groen); }
main.cb .cb-insp .cb-flip:nth-child(even) .cb-flip__achter{ box-shadow:inset 0 0 0 1px rgba(56,96,40,.16), 0 12px 26px -24px rgba(40,80,30,.45); }
main.cb .cb-flip__titel{ font:600 clamp(20px,1.65vw,24px)/1.15 var(--cb-sans); letter-spacing:-.015em; }
main.cb .cb-insp.is-flipklaar .cb-flip__open{ min-height:40px; gap:8px; padding:0 14px 0 16px; border-color:rgba(246,242,234,.42); background:rgba(11,26,18,.42);
  font:500 14.5px/1 var(--cb-sans); letter-spacing:0; }
main.cb .cb-insp.is-flipklaar .cb-flip__open span{ font:500 16px/1 var(--cb-sans); }
main.cb .cb-flip__label{ margin:0 0 10px; }
main.cb .cb-flip__kop{ margin:0 0 8px; font:600 clamp(19px,1.5vw,22px)/1.22 var(--cb-sans); }
main.cb .cb-flip__advies{ margin:0 0 16px; }
main.cb .cb-flip__voet{ gap:12px 16px; }
main.cb .cb-flip__cta{ min-height:44px; gap:8px; padding:0 18px; font:600 15px/1 var(--cb-sans); }
main.cb .cb-flip__cta:hover{ gap:12px; }
@media (min-width:901px){
  main.cb .cb-flips{ padding-bottom:24px; }
  main.cb .cb-flip:nth-child(even){ translate:0 24px; }
}
@media (max-width:900px){
  main.cb .cb-insp.is-flipklaar .cb-flip__open{ min-height:44px; }
  main.cb .cb-flip__titel{ font-size:clamp(19px,2.7vw,22px); }
}
@media (max-width:600px){
  main.cb .cb-flip__titel{ font-size:19px; }
  main.cb .cb-insp.is-flipklaar .cb-flip__open{ padding:0 12px 0 14px; font-size:14.5px; }
  main.cb .cb-flip__cta{ padding:0 16px; }
}
main.cb.is-js .cb-insp .cb-flip[data-cb-in].cb-wacht{ opacity:0; transform:translateY(12px); }
main.cb.is-js .cb-insp .cb-flip[data-cb-in]{ transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1); }

main.cb .cb-galerij__rail{ padding:2px 0 26px; margin-bottom:-6px; }
main.cb .cb-galerij__bediening{ margin-top:8px; }
main.cb .cb-foto{ clip-path:none; overflow:hidden; isolation:isolate; background:#16321f;
  box-shadow:0 0 0 1px rgba(233,228,216,.08), 0 22px 38px -26px rgba(0,0,0,.7); }
main.cb .cb-foto__beeld::after{ content:none; }
main.cb .cb-foto__tekst{ background:linear-gradient(180deg, #1b3b28 0%, #16321f 100%); box-shadow:inset 0 1px 0 rgba(226,242,214,.16); }
main.cb .cb-foto__naam{ font:600 clamp(18px,1.45vw,20px)/1.25 var(--cb-sans); letter-spacing:-.015em; color:#f8f5ee; }
main.cb .cb-foto__toe, main.cb .cb-foto__naam + .cb-foto__toe{ color:#d6ded5; }
main.cb .cb-galerij__noot{ color:#dbe2d9; }
@media (hover:hover) and (pointer:fine){
  main.cb .cb-galerij__lijst > li:hover img{ transform:none; }
}
main.cb .cb-pijlknop{ background:rgba(233,228,216,.04); border-color:rgba(233,228,216,.3); }

main.cb .cb-backdrop__laag picture{ display:contents; }
main.cb .cb-backdrop__laag img{ object-position:var(--focus, 50% 50%); }
main.cb .cb-backdrop__laag--zon{ --focus:50% 62%; --focus-m:50% 55%; }
@media (max-width:768px){
  main.cb .cb-backdrop__laag img{ object-position:var(--focus-m, 50% 50%); }
}

main.cb .cb-over__vlak{ max-width:600px; background:rgba(11,26,18,.9); border-radius:18px;
  box-shadow:inset 0 1px 0 rgba(226,242,214,.12), 0 30px 60px -40px rgba(0,0,0,.6); }
main.cb .cb-over .cb-h2{ max-width:16ch; }
main.cb .cb-over__persoon{ align-items:flex-start; margin:24px 0 22px; }
main.cb .cb-over__persoon img{ width:72px; height:72px; }
main.cb .cb-over__persoon p{ max-width:44ch; color:#efebe2; }
main.cb .cb-over__feiten{ display:grid; grid-template-columns:max-content minmax(0,1fr); column-gap:20px; }
main.cb .cb-over__feiten li{ display:grid; grid-column:1 / -1; grid-template-columns:subgrid; gap:0 20px; color:#e6ebe3; }
main.cb .cb-over__feiten b{ min-width:0; }
@media (max-width:600px){
  main.cb .cb-over__vlak{ padding:24px 20px; }
  main.cb .cb-over__persoon{ gap:14px; }
  main.cb .cb-over__persoon img{ width:52px; height:52px; }
  main.cb .cb-over__feiten{ column-gap:14px; }
  main.cb .cb-over__feiten li{ column-gap:14px; }
}

@media (prefers-reduced-motion:reduce){
  main.cb.is-js .cb-insp .cb-flip[data-cb-in].cb-wacht{ opacity:1; transform:none; }
}

main.cb .cb-doorkijk--beeld{ --strook:clamp(220px,38vh,420px); --focus:50% 30%; --focus-m:50% 44%;
  position:relative; z-index:1; overflow:hidden; height:calc(var(--strook) + 2 * var(--cb-r)); margin:0;
  -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 calc(var(--cb-r) + 12px), #000 calc(100% - var(--cb-r) - 20px), transparent 100%);
          mask-image:linear-gradient(180deg, transparent 0, #000 calc(var(--cb-r) + 12px), #000 calc(100% - var(--cb-r) - 20px), transparent 100%); }
main.cb .cb-doorkijk--beeld picture{ display:contents; }
main.cb .cb-doorkijk--beeld img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:var(--focus); }
@media (max-width:768px){
  main.cb .cb-doorkijk--beeld img{ object-position:var(--focus-m); }
}
@media (max-width:600px){
  main.cb .cb-doorkijk--beeld{ --strook:clamp(170px,26vh,230px); }
}

main.cb .cb-omgeving{ --omg-basis:#0b1a12; position:relative; z-index:1; margin-top:calc(-1 * var(--cb-r)); border-radius:var(--cb-r); overflow:clip; isolation:isolate;
  color:#e9e4d8; background-color:var(--omg-basis);
  background-image:
    radial-gradient(70% 520px at 86% 0, rgba(70,140,82,.30) 0%, rgba(70,140,82,0) 72%),
    radial-gradient(48% 22% at 102% 47%, rgba(232,122,34,.13) 0%, rgba(232,122,34,0) 70%),
    radial-gradient(64% 26% at 6% 58%, rgba(56,122,70,.22) 0%, rgba(56,122,70,0) 72%),
    radial-gradient(58% 20% at 78% 92%, rgba(48,108,62,.20) 0%, rgba(48,108,62,0) 70%),
    linear-gradient(180deg, #0c1d14 0%, #0a1710 34%, #0b1a12 64%, #0c1c13 100%); }
main.cb .cb-paneel + .cb-omgeving{ margin-top:calc(-1 * var(--cb-r)); }
main.cb .cb-omgeving + .cb-paneel{ position:relative; z-index:2; margin-top:calc(-1 * var(--cb-r)); }
main.cb .cb-omgeving > section{ margin:0; border-bottom:0; border-radius:0; background:none; }
main.cb .cb-omgeving > .cb-zw2{ padding-bottom:var(--cb-sec); overflow:visible; }
main.cb .cb-omgeving > .cb-insp{ padding:var(--r10-sec) 0 calc(var(--r10-sec) * .7); }
main.cb .cb-omgeving > section.cb-galerij{ padding-top:clamp(40px,4.4vw,64px); padding-bottom:calc(clamp(56px,6vw,88px) + var(--cb-r)); }
main.cb .cb-omgeving > :is(section, .cb-doorkijk){ position:relative; z-index:1; }

main.cb .cb-omgeving__achter{ position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
main.cb .cb-omgeving__licht{ position:absolute; inset:-6% -18%;
  background:radial-gradient(38% 15% at 30% 30%, rgba(96,170,96,.15) 0%, rgba(96,170,96,0) 70%),
             radial-gradient(34% 12% at 70% 76%, rgba(96,170,96,.12) 0%, rgba(96,170,96,0) 70%);
  animation:cb-omgeving-licht 32s ease-in-out infinite alternate both; animation-play-state:paused; }
@keyframes cb-omgeving-licht{ from{ transform:translate3d(-4%,0,0); } to{ transform:translate3d(5%,-1.5%,0); } }
main.cb .cb-omgeving.is-licht-aan .cb-omgeving__licht{ animation-play-state:running; }
html.glw-beweging-uit main.cb .cb-omgeving__licht, html.glw-tab-weg main.cb .cb-omgeving__licht{ animation-play-state:paused !important; }
main.cb .cb-omgeving{ --geo-w:clamp(280px,34vw,560px); --geo-kolom:calc(max(0px, (100% - var(--cb-max)) / 2) + var(--cb-rand)); }
main.cb .cb-geo{ position:absolute; width:var(--geo-w); aspect-ratio:600 / 660; background:url("images/achtergronden/glw-geometrie.svg") center / contain no-repeat; }
main.cb .cb-geo--a{ left:calc(var(--geo-kolom) - var(--geo-w) * .96); top:-120px; opacity:.34; }
main.cb .cb-geo--b{ right:calc(var(--geo-kolom) - var(--geo-w) * .96); top:46%; opacity:.28; transform:scaleX(-1); }
main.cb .cb-geo--c{ left:calc(var(--geo-kolom) - var(--geo-w) * .96); bottom:-150px; opacity:.24; }
main.cb .cb-geo-vlak{ position:absolute; right:calc(var(--geo-kolom) - var(--geo-w) * .45); top:9%; width:calc(var(--geo-w) * .45); aspect-ratio:300 / 660;
  clip-path:polygon(0 0, 100% 22%, 100% 72%, 0 100%); background:linear-gradient(160deg, rgba(120,190,110,.07), rgba(120,190,110,0) 80%); }

main.cb .cb-omgeving .cb-insp .cb-h2{ color:#f6f2ea; }
main.cb .cb-omgeving .cb-insp__noot{ color:#d5ddd3; }
main.cb .cb-omgeving .cb-insp .cb-label{ color:var(--cb-groen-zacht); }
main.cb .cb-omgeving .cb-insp .cb-label::before{ background:linear-gradient(90deg, var(--cb-oranje) 0 50%, #7cc153 50% 100%); }
main.cb .cb-omgeving .cb-insp .cb-flip__achter{ box-shadow:0 18px 36px -26px rgba(0,0,0,.7); }
main.cb .cb-omgeving .cb-flip__voor{ box-shadow:0 0 0 1px rgba(233,228,216,.08), 0 18px 36px -28px rgba(0,0,0,.7); }
main.cb .cb-omgeving .cb-insp .cb-flip__achter :is(a,button):focus-visible{ outline-color:var(--cb-oranje-d); }
main.cb .cb-omgeving .cb-insp .cb-flip__voor :is(a,button):focus-visible{ outline-color:var(--cb-oranje); }
main.cb .cb-omgeving :is(.cb-zw2, .cb-galerij) :is(a,button,[tabindex="0"]):focus-visible{ outline-color:var(--cb-oranje); }

@media (max-width:600px){
  main.cb .cb-geo-vlak{ display:none; }
}
@media (prefers-reduced-motion:reduce){
  main.cb .cb-omgeving__licht{ animation:none; }
}

main.cb .cb-moment + .cb-over{ margin-top:calc(-1 * var(--cb-r)); }
main.cb .cb-over__beeld{ display:none; }
@media (max-width:768px){
  main.cb section.cb-over{ background:#0b1a12; overflow:clip; padding-top:calc(clamp(120px,31vw,230px) + var(--cb-r)); padding-bottom:48px; }
  main.cb .cb-over__beeld{ display:block; position:absolute; top:0; left:0; right:0; z-index:0; aspect-ratio:1600 / 893;
    -webkit-mask-image:linear-gradient(180deg, #000 55%, transparent 100%); mask-image:linear-gradient(180deg, #000 55%, transparent 100%); }
  main.cb .cb-over__beeld img{ display:block; width:100%; height:100%; object-fit:cover; object-position:50% 60%; }
  main.cb .cb-over > .cb-wrap{ position:relative; z-index:1; }
}

main.cb .cb-zw2.is-licht-aan .cb-zw2__vonk{ animation-play-state:running; }
main.cb .cb-tour__lijst::after{ content:""; position:absolute; left:50%; top:0; bottom:-8px; width:3px; translate:-1.5px 0; pointer-events:none;
  background:linear-gradient(180deg, rgba(244,128,31,0) 0, rgba(244,128,31,0) 62%, rgba(244,128,31,.9) 82%, rgba(244,128,31,0) 100%) repeat-y;
  background-size:100% 520px; background-position:0 0; filter:drop-shadow(0 0 4px rgba(244,128,31,.55)); border-radius:2px;
  animation:cb-zw2-stroom 7.5s linear infinite paused; }
@keyframes cb-zw2-stroom{ from{ background-position:0 0; } to{ background-position:0 520px; } }
main.cb .cb-zw2.is-licht-aan .cb-tour__lijst::after{ animation-play-state:running; }
html:is(.glw-beweging-uit, .glw-tab-weg) main.cb .cb-zw2.is-licht-aan .cb-zw2__vonk,
html:is(.glw-beweging-uit, .glw-tab-weg) main.cb .cb-zw2.is-licht-aan .cb-tour__lijst::after{ animation-play-state:paused; }
html.glw-beweging-uit main.cb .cb-zw2 .cb-tour__lijst::after, html.glw-beweging-uit main.cb .cb-zw2 .cb-zw2__vonk{ opacity:0 !important; }
@media (max-width:760px){
  main.cb .cb-zw2__lijnen{ display:block; height:52px; }
  main.cb .cb-zw2__kern{ padding-top:0; }
  main.cb .cb-zw2__kern::before{ content:none; }
  main.cb .cb-tour__lijst::after{ left:6px; translate:-1px 0; }
}
@media (prefers-reduced-motion:reduce){
  main.cb .cb-tour__lijst::after{ animation:none; opacity:0; }
}

main.cb .cb-keuze:has(.cb-keuze__kort){ padding:clamp(56px,6vw,88px) 0 calc(clamp(48px,5vw,72px) + var(--cb-r)); }
main.cb .cb-keuze__kort .cb-keuze__kop{ max-width:720px; }
main.cb .cb-keuze__kort .cb-keuze__h{ max-width:none; margin-bottom:14px; }
main.cb .cb-keuze__kort .cb-keuze__lead{ max-width:62ch; margin-bottom:0; text-wrap:pretty; }
main.cb .cb-keuze__opties{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(14px,1.6vw,22px); margin:clamp(28px,3vw,40px) 0 0; }
main.cb .cb-keuze__kort .cb-ks, main.cb .cb-keuze__kort .cb-ks:first-child{ min-height:0; justify-content:flex-start; padding:24px 24px 22px;
  border:1px solid var(--cb-lijn); border-radius:16px; background:rgba(255,255,255,.62); box-shadow:0 18px 40px -30px rgba(15,36,24,.35); }
main.cb .cb-keuze__kort .cb-ks + .cb-ks{ border-top:1px solid var(--cb-lijn); }
main.cb .cb-keuze__kort .cb-ks__soort{ margin-bottom:10px; }
main.cb .cb-keuze__kort .cb-ks__soort::before{ width:18px; margin-right:10px; transform:scaleX(1); }
main.cb .cb-keuze__kort .cb-ks__naam, main.cb.is-js .cb-keuze__kort .cb-ks:not(.is-actief) .cb-ks__naam{ margin:0 0 8px; font:600 clamp(26px,2.3vw,32px)/1.1 var(--cb-sans); letter-spacing:-.03em; color:var(--cb-inkt); }
main.cb .cb-keuze__kort .cb-ks__kop{ margin:0 0 8px; font:600 17.5px/1.35 var(--cb-sans); letter-spacing:-.01em; }
main.cb .cb-keuze__kort .cb-ks__zin{ flex:1; font:400 15.5px/1.55 var(--cb-sans); max-width:none; }
main.cb .cb-keuze__kort .cb-ks__knop{ margin-top:20px; min-height:48px; padding:0 20px; }
main.cb .cb-keuze__kort .cb-ks.is-actief .cb-ks__knop:not(:hover){ box-shadow:inset 0 0 0 1.5px rgba(18,48,31,.55); }
main.cb .cb-keuze__kort .cb-keuze__noot{ margin-top:clamp(20px,2vw,28px); border-top:0; padding-top:0; }
main.cb .cb-keuze__kort .cb-ks__knop{ white-space:nowrap; }
@media (min-width:761px) and (max-width:1000px){
  main.cb .cb-keuze__opties{ grid-template-columns:minmax(0,1fr); gap:12px; }
  main.cb .cb-keuze__kort .cb-ks, main.cb .cb-keuze__kort .cb-ks:first-child{ display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:32px; align-items:center; }
  main.cb .cb-keuze__kort .cb-ks > *{ grid-column:1; }
  main.cb .cb-keuze__kort .cb-ks__knop{ grid-column:2; grid-row:1 / span 4; margin-top:0; }
}
@media (max-width:760px){
  main.cb .cb-keuze__opties{ grid-template-columns:minmax(0,1fr); gap:12px; margin-top:24px; }
  main.cb .cb-keuze__kort .cb-ks, main.cb .cb-keuze__kort .cb-ks:first-child{ padding:20px 18px 18px; }
  main.cb .cb-keuze__kort .cb-ks__knop{ align-self:stretch; justify-content:center; }
}

main.cb .cb-omgeving{
  background-image:
    radial-gradient(70% 520px at 86% 0, rgba(70,140,82,.30) 0%, rgba(70,140,82,0) 72%),
    radial-gradient(40% 12% at 102% 11%, rgba(232,122,34,.13) 0%, rgba(232,122,34,0) 70%),
    radial-gradient(70% 9% at 30% 22%, rgba(70,140,82,.22) 0%, rgba(70,140,82,0) 72%),
    radial-gradient(60% 9% at 72% 39%, rgba(232,122,34,.08) 0%, rgba(70,140,82,.14) 40%, rgba(70,140,82,0) 74%),
    radial-gradient(64% 18% at 6% 64%, rgba(56,122,70,.20) 0%, rgba(56,122,70,0) 72%),
    radial-gradient(58% 18% at 78% 93%, rgba(48,108,62,.20) 0%, rgba(48,108,62,0) 70%),
    linear-gradient(180deg, #0c1d14 0%, #0a1710 30%, #0b1a12 64%, #0c1c13 100%); }
main.cb .cb-omgeving > .cb-insp{ padding:calc(var(--r10-sec) + var(--cb-r)) 0 clamp(40px,4.4vw,64px); }
main.cb .cb-omgeving > section.cb-keuze{ margin:0; background:var(--cb-papier); color:var(--cb-inkt); border-radius:var(--cb-r);
  box-shadow:0 -26px 60px -44px rgba(0,0,0,.6), 0 26px 60px -44px rgba(0,0,0,.6); }
main.cb .cb-omgeving > section.cb-keuze + .cb-zw2{ margin-top:0; }
main.cb .cb-omgeving > section.cb-keuze:has(.cb-keuze__kort){ padding:clamp(48px,5.4vw,80px) 0 clamp(44px,4.6vw,68px); }
main.cb .cb-keuze__kort .cb-ks:focus{ outline:none; border-color:rgba(201,95,18,.7); box-shadow:0 0 0 3px rgba(244,128,31,.22), 0 18px 40px -30px rgba(15,36,24,.35); }
main.cb .cb-keuze__kort .cb-ks{ transition:border-color .5s ease, box-shadow .5s ease; }
main.cb .cb-omgeving .cb-geo-vlak{ top:41%; }
main.cb .cb-licht--keuze .cb-licht__volger{ top:0; translate:-50% calc(-50% + var(--ks-y,140px)); transition:translate 1.8s cubic-bezier(.45,.05,.25,1), opacity 1.4s ease; }
@media (prefers-reduced-motion:reduce){
  main.cb .cb-keuze__kort .cb-ks{ transition:none; }
  main.cb .cb-licht--keuze .cb-licht__volger{ transition:none; }
}

main.cb .cb-tour{ --tour-groen:#7cc153; position:relative; display:grid; grid-template-columns:minmax(236px,270px) minmax(0,1fr);
  grid-template-areas:"kop venster" "lijst venster"; grid-template-rows:auto 1fr; column-gap:clamp(28px,3.2vw,48px);
  max-width:1180px; margin:clamp(48px,5.6vw,80px) auto 0; text-align:left; }
main.cb .cb-tour__kop{ grid-area:kop; }
main.cb .cb-tour__h{ margin:0; font:600 clamp(24px,2.1vw,30px)/1.18 var(--cb-sans); letter-spacing:-.02em; color:#f6f2ea; text-wrap:balance; }
main.cb .cb-tour__lead{ margin:12px 0 0; font:400 16.5px/1.55 var(--cb-sans); color:#d5ddd3; }
main.cb .cb-tour__lijst{ grid-area:lijst; position:relative; list-style:none; margin:28px 0 0; padding:0; display:grid; gap:2px; align-content:start; align-self:start; }
main.cb .cb-tour__lijst::before{ content:""; position:absolute; left:19px; top:26px; bottom:26px; width:1px; translate:-.5px 0; background:rgba(233,228,216,.2); }
main.cb .cb-tour__lijst::after{ left:19px; top:26px; bottom:26px; translate:-1.5px 0; }
main.cb .cb-tour__item{ position:relative; z-index:1; margin:0; }
main.cb .cb-tour__tab{ display:flex; align-items:center; gap:14px; width:100%; min-height:52px; padding:6px 30px 6px 0; margin:0; border:0; border-radius:12px;
  background:none; color:#c9d3ca; font:500 17px/1.3 var(--cb-sans); letter-spacing:-.01em; text-align:left; cursor:pointer; position:relative; transition:color .2s ease; }
main.cb .cb-tour__tab:hover{ color:#f6f2ea; }
main.cb .cb-tour__nr{ flex:none; display:inline-grid; place-items:center; width:38px; height:38px; border-radius:50%; box-sizing:border-box;
  background:#0d2016; border:1px solid rgba(233,228,216,.3); color:#e9e4d8; font:600 15px/1 var(--cb-sans); transition:background-color .2s ease, border-color .2s ease, box-shadow .2s ease; }
main.cb .cb-tour__tab[aria-selected="true"]{ color:#f6f2ea; font-weight:650; }
main.cb .cb-tour__tab[aria-selected="true"] .cb-tour__nr{ background:var(--tour-groen); border-color:var(--tour-groen); color:#0b1a12; box-shadow:0 0 0 4px rgba(124,193,83,.18); }
main.cb .cb-tour__tab[aria-selected="true"]::after{ content:""; position:absolute; right:4px; top:50%; width:16px; height:2px; translate:0 -50%; border-radius:2px; background:var(--cb-oranje); }
main.cb .cb-tour__tab:focus-visible{ outline:2px solid var(--cb-oranje); outline-offset:2px; }
main.cb .cb-tour__venster{ grid-area:venster; display:grid; grid-template-areas:"paneel" "bediening" "noot"; min-width:0; }
main.cb .cb-tour__paneel{ grid-area:paneel; min-width:0; }
main.cb .cb-tour__titel{ display:none; margin:0 0 12px; font:600 19px/1.3 var(--cb-sans); color:#f6f2ea; align-items:center; gap:10px; }
main.cb .cb-tour__titel .cb-tour__nr{ width:30px; height:30px; font-size:13px; background:var(--tour-groen); border-color:var(--tour-groen); color:#0b1a12; }
main.cb .cb-tour__scherm{ position:relative; margin:0; aspect-ratio:860 / 560; border-radius:14px; overflow:hidden; background:#f3f4f1;
  border:1px solid rgba(233,228,216,.16); box-shadow:0 0 0 1px rgba(124,193,83,.08), 0 30px 70px -40px rgba(0,0,0,.8), 0 0 80px -30px rgba(124,193,83,.22); }
main.cb .cb-tour__scherm::after{ content:""; position:absolute; inset:0 0 auto; height:1px; background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.7) 30%, rgba(255,255,255,.7) 70%, rgba(255,255,255,0)); pointer-events:none; }
main.cb .cb-tour__scherm img{ display:block; width:100%; height:100%; object-fit:cover; object-position:top center; }
main.cb .cb-tour__uitleg{ margin:18px 0 0; max-width:64ch; font:400 16.5px/1.55 var(--cb-sans); color:#dfe5de; text-wrap:pretty; }
main.cb .cb-tour__waar{ margin:6px 0 0; font:500 14px/1.45 var(--cb-sans); color:#a9c9a0; }
main.cb .cb-tour__bediening{ grid-area:bediening; display:none; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; }
main.cb .cb-tour__pijl{ display:inline-grid; place-items:center; width:48px; height:48px; border-radius:50%; border:1px solid rgba(233,228,216,.32); background:#0d2016; color:#f6f2ea; font:500 20px/1 var(--cb-sans); cursor:pointer; }
main.cb .cb-tour__pijl:hover{ border-color:#f6f2ea; }
main.cb .cb-tour__pijl:focus-visible{ outline:2px solid var(--cb-oranje); outline-offset:2px; }
main.cb .cb-tour__teller{ margin:0; font:600 15px/1 var(--cb-sans); color:#dfe5de; }
main.cb .cb-tour__noot{ grid-area:noot; margin:12px 0 0; font:400 13.5px/1.4 var(--cb-sans); color:#aeb9ae; }
main.cb [data-tour-actief] .cb-tour__paneel{ visibility:hidden; opacity:0; transition:opacity .6s ease, visibility 0s linear .6s; }
main.cb [data-tour-actief] .cb-tour__paneel.is-actief{ visibility:visible; opacity:1; transition:opacity .6s ease; }
html.glw-beweging-uit main.cb [data-tour-actief] .cb-tour__paneel{ transition:none; }
main.cb:not(.is-js) .cb-tour__lijst, main.cb:not(.is-js) .cb-tour__bediening{ display:none; }
main.cb:not(.is-js) .cb-tour__titel{ display:flex; }
main.cb:not(.is-js) .cb-tour__paneel + .cb-tour__paneel{ margin-top:22px; }
main.cb:not(.is-js) .cb-tour__paneel:not(:first-child) .cb-tour__scherm{ display:none; }
main.cb:not(.is-js) .cb-tour__paneel{ grid-area:auto; }
main.cb:not(.is-js) .cb-tour__venster{ grid-template-areas:none; }

@media (max-width:1099px){
  main.cb .cb-tour{ grid-template-columns:minmax(0,1fr); grid-template-areas:"kop" "lijst" "venster"; grid-template-rows:auto; max-width:860px; }
  main.cb .cb-tour__lijst{ grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:6px; margin:24px 0 22px; }
  main.cb .cb-tour__lijst::before{ left:10%; right:10%; top:19px; bottom:auto; width:auto; height:1px; translate:0 -.5px; }
  main.cb .cb-tour__lijst::after{ left:10%; right:10%; top:19px; bottom:auto; width:auto; height:3px; translate:0 -1.5px;
    background:linear-gradient(90deg, rgba(244,128,31,0) 0, rgba(244,128,31,0) 62%, rgba(244,128,31,.9) 82%, rgba(244,128,31,0) 100%) repeat-x;
    background-size:520px 100%; animation-name:cb-tour-stroom-x; }
  main.cb .cb-tour__tab{ flex-direction:column; justify-content:flex-start; gap:8px; min-height:44px; padding:0 2px 6px; text-align:center; font-size:15px; }
  main.cb .cb-tour__tab[aria-selected="true"]::after{ right:auto; left:50%; top:auto; bottom:0; width:22px; translate:-50% 0; }
  main.cb .cb-tour__bediening{ display:flex; }
}
@media (max-width:899px){
  main.cb .cb-tour__scherm{ aspect-ratio:358 / 600; width:min(358px, calc(100vw - 24px)); margin-left:50%; translate:-50% 0; }
}
@keyframes cb-tour-stroom-x{ from{ background-position:0 0; } to{ background-position:520px 0; } }
@media (max-width:699px){
  main.cb .cb-tour__lijst{ margin:20px 0 18px; }
  main.cb .cb-tour__tab{ align-items:center; padding-bottom:10px; }
  main.cb .cb-tour__lijst{ gap:0; }
  main.cb .cb-tour__tab{ min-height:44px; }
  main.cb .cb-tour__tab .cb-tour__nr{ width:36px; height:36px; font-size:15px; }
  main.cb .cb-tour__naam{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  main.cb .cb-tour__lijst::before, main.cb .cb-tour__lijst::after{ top:18px; }
  main.cb [data-tour-actief] .cb-tour__titel{ display:flex; }
  main.cb .cb-tour__uitleg{ font-size:16px; }
}
@media (prefers-reduced-motion:reduce){
  main.cb [data-tour-actief] .cb-tour__paneel, main.cb [data-tour-actief] .cb-tour__paneel.is-actief{ transition:none; }
  main.cb .cb-tour__tab, main.cb .cb-tour__nr{ transition:none; }
  main.cb .cb-tour__lijst::after{ animation:none; opacity:0; }
}

main.cb .cb-galerij__rail.is-carrousel{ --kw:min(660px, 50vw, (100svh - 280px) * 16 / 9);    position:relative; height:calc(var(--kw) * 9 / 16 + 28px); margin:clamp(8px,1.4vw,18px) 0 0; padding:0;
  overflow:visible; scroll-snap-type:none; touch-action:pan-y; cursor:grab; user-select:none; -webkit-user-select:none; border-radius:0; }
main.cb .cb-galerij__rail.is-carrousel.is-slepen{ cursor:grabbing; }
main.cb .cb-galerij__rail.is-carrousel:focus-visible{ outline:2px solid var(--cb-oranje); outline-offset:6px; border-radius:12px; }
main.cb .is-carrousel .cb-galerij__lijst{ position:relative; display:block; width:100%; height:100%; transform:none !important; }
main.cb .is-carrousel .cb-foto{ position:absolute; top:14px; left:50%; width:var(--kw); margin:0 0 0 calc(var(--kw) / -2); border-radius:16px;
  background:#16321f; box-shadow:0 0 0 1px rgba(233,228,216,.12), 0 26px 50px -30px rgba(0,0,0,.85); transform-origin:50% 50%;
  transition:transform .65s cubic-bezier(.33,0,.2,1), opacity .65s ease, filter .65s ease, box-shadow .4s ease; }
main.cb .is-carrousel .cb-foto.is-actief{ box-shadow:0 0 0 1px rgba(244,128,31,.75), 0 0 0 4px rgba(244,128,31,.12), 0 30px 60px -30px rgba(0,0,0,.9); }
main.cb .is-carrousel .cb-foto__beeld{ aspect-ratio:16 / 9; }
main.cb .is-carrousel .cb-foto__tekst{ position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
main.cb .is-carrousel .cb-foto:not(.is-actief){ cursor:pointer; }
main.cb .cb-carrousel__onder[hidden]{ display:none; }
main.cb .cb-carrousel__onder{ display:grid; justify-items:center; text-align:center; margin-top:clamp(18px,2vw,26px); }
main.cb .cb-carrousel__naam{ width:100%; margin:0; min-height:1.3em; font:600 clamp(20px,1.7vw,24px)/1.3 var(--cb-sans); letter-spacing:-.015em; color:#f8f5ee; }
main.cb .cb-carrousel__toe{ width:100%; margin:4px 0 0; min-height:3em; max-width:52ch;    font:400 15.5px/1.5 var(--cb-sans); color:#d6ded5; }
main.cb .cb-carrousel__bediening{ display:flex; align-items:center; gap:16px; margin-top:12px; }
main.cb .cb-carrousel__bediening .cb-pijlknop{ min-width:44px; min-height:44px; }
main.cb .cb-carrousel__stippen{ display:flex; gap:6px; }
@media (min-width:700px) and (max-width:1099px){
  main.cb .cb-galerij__rail.is-carrousel{ --kw:min(620px, 66vw, (100svh - 280px) * 16 / 9); }
}
@media (max-width:699px){
  main.cb .cb-galerij__rail.is-carrousel{ --kw:min(calc(100vw - 2 * var(--cb-rand) - 28px), (100svh - 280px) * 16 / 9); margin-right:0; }
  main.cb .cb-carrousel__stippen{ gap:5px; }
}
@media (prefers-reduced-motion:reduce){
  main.cb .is-carrousel .cb-foto{ transition:none; }
}
html.glw-beweging-uit main.cb .is-carrousel .cb-foto{ transition:none; }

main.cb .cb-tour__voortgang{ position:absolute; left:52px; right:30px; bottom:3px; height:2px; border-radius:2px; overflow:hidden; pointer-events:none; }
main.cb .cb-tour__voortgang::before{ content:""; display:block; width:100%; height:100%; background:rgba(124,193,83,.85); transform:scaleX(0); transform-origin:left center; }
main.cb .cb-tour.is-spelend .cb-tour__tab[aria-selected="true"] .cb-tour__voortgang{ background:rgba(233,228,216,.14); }
main.cb .cb-tour.is-spelend .cb-tour__tab[aria-selected="true"] .cb-tour__voortgang::before{ animation:cb-tour-voortgang 6s linear forwards; }
@keyframes cb-tour-voortgang{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } }
@media (max-width:1099px){
  main.cb .cb-tour__voortgang{ left:22%; right:22%; bottom:-5px; }
}
@media (prefers-reduced-motion:reduce){
  main.cb .cb-tour__voortgang{ display:none; }
}
html.glw-beweging-uit main.cb .cb-tour__voortgang{ display:none; }

main.cb .is-carrousel .cb-foto__beeld img, main.cb .is-carrousel .cb-galerij__lijst > li:hover img{ position:absolute; left:var(--l,0%); top:var(--t,0%);
  width:calc(var(--z,1) * 100%); height:calc(var(--z,1) * 100%); max-width:none; object-fit:cover; transform:none; }
main.cb .cb-carrousel__naam, main.cb .cb-carrousel__toe{ transition:opacity .25s ease; }
main.cb .cb-carrousel__onder.is-wissel :is(.cb-carrousel__naam, .cb-carrousel__toe){ opacity:0; }
@media (prefers-reduced-motion:reduce){
  main.cb .cb-carrousel__naam, main.cb .cb-carrousel__toe{ transition:none; }
}
html.glw-beweging-uit main.cb :is(.cb-carrousel__naam, .cb-carrousel__toe){ transition:none; }

main.cb .cb-carrousel__stippen{ gap:0; }
main.cb .cb-carrousel__stip{ display:inline-grid; place-items:center; width:44px; height:44px; padding:0; margin:0; border:0; border-radius:50%;
  background:transparent; cursor:pointer; -webkit-tap-highlight-color:transparent; }
main.cb .cb-carrousel__stip::before{ content:""; width:6px; height:6px; border-radius:50%; background:rgba(233,228,216,.32); transition:background-color .3s ease, transform .3s ease; }
main.cb .cb-carrousel__stip.is-actief::before{ background:var(--cb-oranje); transform:scale(1.35); }
main.cb .cb-carrousel__stip:focus-visible{ outline:2px solid var(--cb-oranje); outline-offset:-6px; }
@media (hover:hover) and (pointer:fine){
  main.cb .cb-carrousel__stip:hover::before{ background:rgba(233,228,216,.7); }
}
@media (max-width:759px){
  main.cb .cb-carrousel__stip{ width:11px; height:11px; pointer-events:none; cursor:default; }
  main.cb .cb-carrousel__stip::before{ width:5px; height:5px; }
}
@media (prefers-reduced-motion:reduce){
  main.cb .cb-carrousel__stip::before{ transition:none; }
}
@media (hover:none), (pointer:coarse){
  main.cb .cb-pijlknop:hover:not(:disabled){ background:transparent; }
  main.cb .cb-tour__pijl:hover{ border-color:rgba(233,228,216,.32); }
  main.cb .cb-tour__tab:hover{ color:#c9d3ca; }
  main.cb .cb-tour__tab[aria-selected="true"]:hover{ color:#f6f2ea; }
}

main.cb .cb-zw2__kop{ margin-bottom:clamp(28px,3vw,40px); }
main.cb .cb-zw2__lijnen{ height:clamp(52px,6.4vw,92px); }
main.cb .cb-zw2__kern{ gap:8px; }
main.cb .cb-tour{ z-index:1; margin-top:clamp(36px,3.8vw,52px); }
main.cb .cb-zw2__samen{ z-index:1; isolation:isolate; }
main.cb .cb-zw2__samen::before{ content:""; position:absolute; z-index:-1; left:50%; top:-28%; width:min(1240px, 150%); height:170%; translate:-50% 0; pointer-events:none;
  background:radial-gradient(closest-side, rgba(104,178,96,.20) 0%, rgba(104,178,96,.11) 42%, rgba(104,178,96,.04) 70%, rgba(104,178,96,0) 100%);
  animation:cb-zw2-gloed 18s ease-in-out infinite alternate paused; }
@keyframes cb-zw2-gloed{ from{ opacity:.78; transform:scale(.97); } to{ opacity:1; transform:scale(1.03); } }
main.cb .cb-zw2.is-licht-aan .cb-zw2__samen::before{ animation-play-state:running; }
html:is(.glw-beweging-uit, .glw-tab-weg) main.cb .cb-zw2 .cb-zw2__samen::before{ animation-play-state:paused; }
main.cb .cb-zw2__kop{ position:relative; z-index:1; }
main.cb .cb-zw2__vorm{ background:linear-gradient(180deg, rgba(246,242,234,.12) 0%, rgba(246,242,234,.05) 55%, rgba(246,242,234,.035) 100%);
  box-shadow:inset 0 0 0 1px rgba(233,228,216,.17), inset 0 1px 0 rgba(255,255,255,.22), 0 18px 40px -30px rgba(0,0,0,.8); border-radius:14px; }
main.cb .cb-zw2__vorm-naam{ color:#f8f5ee; }
main.cb .cb-zw2__vorm-tekst{ color:#d3dcd2; }
main.cb .cb-zw2__vorm:hover{ background:linear-gradient(180deg, rgba(246,242,234,.14) 0%, rgba(246,242,234,.06) 100%); box-shadow:inset 0 0 0 1px rgba(244,128,31,.5), inset 0 1px 0 rgba(255,255,255,.22), 0 18px 40px -30px rgba(0,0,0,.8); }
@media (hover:none), (pointer:coarse){
  main.cb .cb-zw2__vorm:hover{ background:linear-gradient(180deg, rgba(246,242,234,.12) 0%, rgba(246,242,234,.05) 55%, rgba(246,242,234,.035) 100%);
    box-shadow:inset 0 0 0 1px rgba(233,228,216,.17), inset 0 1px 0 rgba(255,255,255,.22), 0 18px 40px -30px rgba(0,0,0,.8); }
}
main.cb .cb-zw2__door{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; z-index:0; }
main.cb .cb-zw2__door-lijn{ fill:none; stroke:rgba(233,228,216,.30); stroke-width:1.2; }
main.cb .cb-zw2__door-punt{ fill:rgba(124,193,83,.85); }
main.cb .cb-zw2__door:not(.is-recht) .cb-zw2__door-punt{ display:none; }
main.cb .cb-zw2__door-puls{ fill:none; stroke:var(--cb-oranje); stroke-width:2.2; stroke-linecap:round; stroke-dasharray:8 92; stroke-dashoffset:100; opacity:0;
  filter:drop-shadow(0 0 4px rgba(244,128,31,.75)); }
main.cb .cb-zw2__door.is-puls .cb-zw2__door-puls{ animation:cb-zw2-door 1.3s cubic-bezier(.45,.05,.4,1) 1 both; }
@keyframes cb-zw2-door{ 0%{ stroke-dashoffset:100; opacity:0; } 15%{ opacity:1; } 85%{ opacity:1; } 100%{ stroke-dashoffset:8; opacity:0; } }
main.cb .cb-tour__scherm{ aspect-ratio:auto; padding:8px; border-radius:18px; overflow:visible; background:linear-gradient(180deg, #17301f 0%, #0d1f15 60%, #0b1a12 100%);
  border:1px solid rgba(233,228,216,.14); box-shadow:0 0 0 1px rgba(124,193,83,.06), 0 30px 70px -40px rgba(0,0,0,.85), 0 0 90px -28px rgba(124,193,83,.34);
  transition:box-shadow .8s ease; }
main.cb .cb-tour__scherm::after{ inset:0 14px auto; border-radius:0; background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.5) 30%, rgba(255,255,255,.5) 70%, rgba(255,255,255,0)); }
main.cb .cb-tour__scherm picture{ display:block; aspect-ratio:860 / 560; border-radius:11px; overflow:hidden; background:#f3f4f1; }
main.cb .cb-tour.is-aankomst .cb-tour__paneel.is-actief .cb-tour__scherm{ animation:cb-tour-aankomst 1.6s ease-out 1 both; }
@keyframes cb-tour-aankomst{ 0%,55%{ box-shadow:0 0 0 1px rgba(124,193,83,.06), 0 30px 70px -40px rgba(0,0,0,.85), 0 0 90px -28px rgba(124,193,83,.34); }
  75%{ box-shadow:0 0 0 1px rgba(124,193,83,.22), 0 30px 70px -40px rgba(0,0,0,.85), 0 0 110px -22px rgba(124,193,83,.5); }
  100%{ box-shadow:0 0 0 1px rgba(124,193,83,.06), 0 30px 70px -40px rgba(0,0,0,.85), 0 0 90px -28px rgba(124,193,83,.34); } }
@media (max-width:899px){
  main.cb .cb-tour__scherm{ aspect-ratio:auto; width:min(374px, calc(100vw - 20px)); padding:8px; box-sizing:border-box; }
  main.cb .cb-tour__scherm picture{ aspect-ratio:358 / 600; }
}
@media (max-width:760px){
  main.cb .cb-zw2__lijnen{ height:40px; }
  main.cb .cb-tour{ margin-top:30px; }
}
main.cb .cb-omgeving .cb-geo--b{ opacity:.2; }
@media (prefers-reduced-motion:reduce){
  main.cb .cb-zw2__samen::before{ animation:none; }
  main.cb .cb-zw2__door-puls{ display:none; }
  main.cb .cb-tour.is-aankomst .cb-tour__paneel.is-actief .cb-tour__scherm{ animation:none; }
}
html:is(.glw-beweging-uit, .glw-tab-weg) main.cb .cb-zw2__door-puls{ display:none; }
html.glw-beweging-uit main.cb .cb-tour.is-aankomst .cb-tour__paneel.is-actief .cb-tour__scherm{ animation:none; }

main.cb .cb-tour__paneel{ display:flex; flex-direction:column; }
main.cb .cb-tour__stap{ display:none; margin:0; font:600 14px/1.3 var(--cb-sans); color:#a6d78a; }
main.cb .cb-tour__beeld{ position:relative; }
main.cb .cb-tour__uitleg{ margin-top:12px; }
main.cb .cb-tour__hierna{ margin:10px 0 0; font:500 14.5px/1.45 var(--cb-sans); color:#b4c3b3; }
main.cb .cb-tour__hierna-kop{ font-weight:650; color:#e6ebe4; }
main.cb .cb-tour__hierna--terug{ margin-top:12px; }
main.cb .cb-tour__terug{ display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 18px; border-radius:999px; border:1px solid rgba(124,193,83,.55);
  background:rgba(124,193,83,.08); color:#f6f2ea; font:600 15px/1 var(--cb-sans); cursor:pointer; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
main.cb .cb-tour__terug:focus-visible{ outline:2px solid var(--cb-oranje); outline-offset:2px; }
@media (hover:hover) and (pointer:fine){ main.cb .cb-tour__terug:hover{ border-color:#a6d78a; background:rgba(124,193,83,.14); } }
@media (min-width:1100px){
  main.cb .cb-tour__scherm{ order:-1; }
  main.cb .cb-tour__stap{ display:block; margin-top:20px; }
  main.cb [data-tour-actief] .cb-tour__titel{ display:flex; margin:6px 0 0; font-size:20px; }
  main.cb .cb-tour__titel .cb-tour__nr{ display:none; }
  main.cb .cb-tour__uitleg{ margin-top:8px; }
}
main.cb .cb-tour__kader{ position:absolute; z-index:1; left:calc(var(--dx) - 5px); top:calc(var(--dy) - 5px); width:calc(var(--dw) + 10px); height:calc(var(--dh) + 10px);
  box-sizing:border-box; border:2px solid #7cc153; border-radius:12px; box-shadow:0 0 0 4px rgba(124,193,83,.16), 0 0 28px rgba(124,193,83,.42); pointer-events:none; }
main.cb .cb-tour__wijs-nr{ flex:none; display:inline-grid; place-items:center; width:22px; height:22px; border-radius:50%; background:#7cc153; color:#0b1a12; font:700 12px/1 var(--cb-sans); }
main.cb .cb-tour__kader .cb-tour__wijs-nr{ display:none; position:absolute; left:-12px; top:-12px; box-shadow:0 0 0 3px #0b1a12; }
main.cb .cb-tour__label{ position:absolute; z-index:2; display:inline-flex; align-items:center; gap:8px; width:max-content; max-width:min(360px, 54%); box-sizing:border-box;
  padding:7px 12px 7px 7px; border-radius:12px; background:rgba(9,24,16,.95); border:1px solid rgba(124,193,83,.62); box-shadow:0 12px 28px -12px rgba(0,0,0,.75);
  color:#f6f2ea; font:600 14px/1.3 var(--cb-sans); letter-spacing:-.005em; pointer-events:none; }
main.cb .cb-tour__label::before{ content:""; position:absolute; background:var(--cb-oranje); border-radius:2px; }
main.cb .cb-tour__label[data-kant^="onder"]{ top:calc(var(--dy) + var(--dh) + 16px); }
main.cb .cb-tour__label[data-kant^="onder"]::before{ top:-15px; width:2px; height:12px; }
main.cb .cb-tour__label[data-kant="onder"]{ left:var(--dx); }
main.cb .cb-tour__label[data-kant="onder"]::before{ left:18px; }
main.cb .cb-tour__label[data-kant="onder-r"]{ right:calc(100% - var(--dx) - var(--dw)); }
main.cb .cb-tour__label[data-kant="onder-r"]::before{ right:24px; }
main.cb .cb-tour__label[data-kant="onder-m"]{ left:calc(var(--dx) + var(--dw) / 2); translate:-50% 0; }
main.cb .cb-tour__label[data-kant="onder-m"]::before{ left:calc(50% - 1px); }
main.cb .cb-tour__label[data-kant="boven-r"]{ bottom:calc(100% - var(--dy) + 16px); right:calc(100% - var(--dx) - var(--dw)); }
main.cb .cb-tour__label[data-kant="boven-r"]::before{ bottom:-15px; right:24px; width:2px; height:12px; }
main.cb .cb-tour__label[data-kant="boven-m"]{ bottom:calc(100% - var(--dy) + 16px); left:calc(var(--dx) + var(--dw) / 2); translate:-50% 0; }
main.cb .cb-tour__label[data-kant="boven-m"]::before{ bottom:-15px; left:calc(50% - 1px); width:2px; height:12px; }
main.cb .cb-tour__label[data-kant="rechts"]{ left:calc(var(--dx) + var(--dw) + 18px); top:calc(var(--dy) + var(--dh) / 2); translate:0 -50%; }
main.cb .cb-tour__label[data-kant="rechts"]::before{ left:-17px; top:calc(50% - 1px); width:12px; height:2px; }
main.cb .cb-tour__label--onder{ display:none; }
@media (max-width:899px){
  main.cb .cb-tour__kader{ left:calc(var(--mx) - 4px); top:calc(var(--my) - 4px); width:calc(var(--mw) + 8px); height:calc(var(--mh) + 8px); border-radius:10px; }
  main.cb .cb-tour__kader .cb-tour__wijs-nr{ display:grid; }
  main.cb .cb-tour__beeld .cb-tour__label{ display:none; }
  main.cb .cb-tour__label--onder{ display:flex; position:static; width:auto; max-width:none; margin:10px 0 2px; padding:8px 12px 8px 8px; font-size:15px; translate:none; background:rgba(124,193,83,.1); box-shadow:none; }
  main.cb .cb-tour__label--onder::before{ display:none; }
}
main.cb [data-tour-actief] .cb-tour__paneel{ transition:opacity .5s ease, visibility 0s linear .5s; }
main.cb [data-tour-actief] .cb-tour__paneel.is-actief{ transition:opacity .5s ease; }
main.cb [data-tour-actief]:not(.is-gezien) :is(.cb-tour__kader, .cb-tour__label){ opacity:0; }
main.cb [data-tour-actief].is-gezien .cb-tour__paneel.is-actief .cb-tour__kader{ animation:cb-wijs-kader .55s ease-out 1s both; }
main.cb [data-tour-actief].is-gezien .cb-tour__paneel.is-actief .cb-tour__label{ animation:cb-wijs-label .5s ease-out 1.3s both; }
@keyframes cb-wijs-kader{ from{ opacity:0; transform:scale(1.025); } to{ opacity:1; transform:none; } }
@keyframes cb-wijs-label{ from{ opacity:0; transform:translateY(4px); } to{ opacity:1; transform:none; } }
main.cb .cb-tour.is-spelend .cb-tour__tab[aria-selected="true"] .cb-tour__voortgang::before{ animation-duration:var(--tour-duur, 8s); animation-delay:var(--tour-start, 0ms); }
@media (prefers-reduced-motion:reduce){
  main.cb [data-tour-actief] .cb-tour__paneel, main.cb [data-tour-actief] .cb-tour__paneel.is-actief{ transition:none; }
  main.cb [data-tour-actief].is-gezien .cb-tour__paneel.is-actief .cb-tour__kader, main.cb [data-tour-actief].is-gezien .cb-tour__paneel.is-actief .cb-tour__label{ animation:none; }
}
html.glw-beweging-uit main.cb [data-tour-actief].is-gezien .cb-tour__paneel.is-actief :is(.cb-tour__kader, .cb-tour__label){ animation:none; }
html.glw-beweging-uit main.cb [data-tour-actief] .cb-tour__paneel, html.glw-beweging-uit main.cb [data-tour-actief] .cb-tour__paneel.is-actief{ transition:none; }
@media (min-width:700px) and (max-width:1099px){ main.cb .cb-tour__naam{ display:block; line-height:1.3; min-height:3.9em; } }

main.cb .cb-zw2__vorm{ min-height:44px; box-sizing:border-box; }
main.cb .cb-knop-link{ min-height:44px; box-sizing:border-box; }

main.cb .cb-keuze__kort .cb-keuze__kop{ max-width:760px; }
main.cb .cb-keuze__opties{ gap:clamp(16px,1.8vw,26px); margin-top:clamp(32px,3.4vw,48px); }
main.cb .cb-keuze__kort .cb-ks, main.cb .cb-keuze__kort .cb-ks:first-child{ padding:clamp(28px,2.6vw,38px) clamp(24px,2.4vw,34px) clamp(26px,2.4vw,32px);
  border:1px solid rgba(16,39,26,.09); border-radius:20px; background:rgba(255,255,255,.38); box-shadow:none; }
main.cb .cb-keuze__kort .cb-ks + .cb-ks{ border-top:1px solid rgba(16,39,26,.09); }
main.cb .cb-keuze__kort .cb-ks__soort{ margin-bottom:14px; }
main.cb .cb-keuze__kort .cb-ks__naam, main.cb.is-js .cb-keuze__kort .cb-ks:not(.is-actief) .cb-ks__naam{ margin:0 0 14px; font:600 clamp(28px,2.4vw,36px)/1.08 var(--cb-sans); }
main.cb .cb-keuze__kort .cb-ks__kop{ margin:0 0 10px; font:600 18px/1.35 var(--cb-sans); color:var(--cb-inkt); text-wrap:balance; }
main.cb .cb-keuze__kort .cb-ks__zin{ flex:none; margin:0 0 24px; font:400 15.5px/1.6 var(--cb-sans); color:var(--cb-inkt-2); text-wrap:pretty; }
main.cb .cb-keuze__kort .cb-ks__feit{ margin:auto 0 0; padding-top:16px; border-top:1px solid rgba(16,39,26,.10); font:400 14.5px/1.55 var(--cb-sans); color:var(--cb-inkt-2); text-wrap:pretty; }
main.cb .cb-keuze__kort .cb-ks__knop{ margin-top:22px; }
main.cb .cb-keuze__kort .cb-ks:focus{ box-shadow:0 0 0 3px rgba(244,128,31,.22); }
@media (hover:hover) and (pointer:fine){
  main.cb .cb-keuze__kort .cb-ks:hover{ border-color:rgba(16,39,26,.18); background:rgba(255,255,255,.55); }
}
@media (min-width:1001px){
  @supports (grid-template-rows:subgrid){
    main.cb .cb-keuze__opties{ grid-template-rows:repeat(6,auto); row-gap:0; }
    main.cb .cb-keuze__kort .cb-ks, main.cb .cb-keuze__kort .cb-ks:first-child{ display:grid; grid-row:span 6; grid-template-rows:subgrid; align-content:start; }
    main.cb .cb-keuze__kort .cb-ks__feit{ margin-top:0; align-self:start; }
    main.cb .cb-keuze__kort .cb-ks__knop{ justify-self:start; align-self:end; }
  }
}
@media (min-width:761px) and (max-width:1000px){
  main.cb .cb-keuze__kort .cb-ks__knop{ grid-row:1 / span 5; align-self:center; }
  main.cb .cb-keuze__kort .cb-ks__zin{ margin-bottom:16px; }
  main.cb .cb-keuze__kort .cb-ks__feit{ margin-top:0; }
}
@media (max-width:760px){
  main.cb .cb-keuze__opties{ gap:14px; margin-top:28px; }
  main.cb .cb-keuze__kort .cb-ks, main.cb .cb-keuze__kort .cb-ks:first-child{ padding:24px 20px 20px; border-radius:18px; }
  main.cb .cb-keuze__kort .cb-ks__naam, main.cb.is-js .cb-keuze__kort .cb-ks:not(.is-actief) .cb-ks__naam{ margin-bottom:10px; font-size:clamp(26px,7.4vw,30px); }
  main.cb .cb-keuze__kort .cb-ks__kop{ font-size:17px; }
  main.cb .cb-keuze__kort .cb-ks__zin{ margin-bottom:18px; }
  main.cb .cb-keuze__kort .cb-ks__knop{ margin-top:18px; }
}
@media (prefers-reduced-motion:reduce){
  main.cb .cb-keuze__kort .cb-ks:hover{ transition:none; }
}
