/* Kerst in stad 0.1: ontwerp "Lantaarnavond". Alles onder .kis; fonts self-hosted (geen Google Fonts-call). */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:500 800;font-display:swap;src:url(fonts/fraunces-latin.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:400 600;font-display:swap;src:url(fonts/fraunces-italic-latin.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/figtree-latin.woff2) format("woff2")}
html:has(.kis){scroll-behavior:smooth;scroll-padding-top:var(--kis-kop,96px)}
.kis{display:block;overflow-x:clip;--inkt:#1B2A2F}
.kis h1,.kis h2,.kis h3,.kis p,.kis ul,.kis li{letter-spacing:normal}
.kis{--n0:#070D1A;--n:#0E1B33;--n2:#16284A;--rand:#24385E;--lamp:#F4B860;--lamp2:#D9973A;
  --vorst:#DCE8F2;--tekst2:#C9D4E0;--randhover:#F4B86080;--boekschaduw:#C99A5B59;--mist:#9AA8BA;--sneeuw:#F6F8F7;--den:#1E4D3A;--veenbes:#B22B3F;--gluh:#8C1D2E;--kraft:#C99A5B;--inkt:#1B2A2F;
  --goud:linear-gradient(135deg,#F7CB7E 0%,#F4B860 45%,#D9973A 100%);
  --disp:"Fraunces",Georgia,serif;--tekst:"Figtree",system-ui,sans-serif;}
.kis *{box-sizing:border-box}
.kis{margin:0;background:var(--n);color:var(--vorst);font:400 17px/1.6 var(--tekst);-webkit-font-smoothing:antialiased}
.kis img{display:block;max-width:100%}
.kis a{color:inherit}
.kis :focus-visible{outline:3px solid var(--lamp);outline-offset:3px;border-radius:6px}
.kis .kis-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.kis .kis-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.kis .kis-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;
  font:600 15.5px/1 var(--tekst);text-decoration:none;border:0;cursor:pointer;transition:background-position .2s,transform .2s;white-space:nowrap}
.kis .kis-btn-goud{background:var(--goud);background-size:140% 100%;color:var(--n)}
.kis .kis-btn-goud:hover{background-position:100% 0}
.kis .kis-btn-rand{color:#fff;box-shadow:inset 0 0 0 1.5px #dce8f28c;background:transparent}
.kis .kis-btn-rand:hover{box-shadow:inset 0 0 0 1.5px var(--lamp);color:var(--lamp)}
.kis .kis-hero{position:relative;min-height:min(88vh,760px);display:flex;align-items:center;overflow:hidden;isolation:isolate}
.kis .kis-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;animation:kis-kb 18s ease-out forwards}
@keyframes kis-kb{from{transform:scale(1)}to{transform:scale(1.06)}}
.kis .kis-hero .kis-wrap{width:100%;padding-top:72px;padding-bottom:150px}
.kis .kis-label{display:inline-block;font:600 12.5px/1 var(--tekst);letter-spacing:.2em;text-transform:uppercase;color:var(--lamp);
  border:1px solid color-mix(in srgb, var(--lamp) 40%, transparent);background:color-mix(in srgb, var(--lamp) 8%, transparent);border-radius:999px;padding:9px 16px}
.kis .kis-hero h1 em,.kis .kis-h2 em{font-style:italic;font-weight:500;color:var(--lamp)}
.kis .kis-hero p.kis-lead{font-size:clamp(1.05rem,1.6vw,1.22rem);max-width:46ch;color:var(--vorst);margin:0 0 30px}
.kis .kis-knoppen{display:flex;gap:12px;flex-wrap:wrap}
.kis .kis-silhouet{position:absolute;left:0;right:0;bottom:0;height:150px;z-index:1;pointer-events:none}
.kis .kis-silhouet path{fill:none;stroke:var(--lamp);stroke-opacity:.72;stroke-width:1.5;vector-effect:non-scaling-stroke}
.kis .kis-silhouet .kis-grond{fill:var(--n);stroke:none}
.kis .kis-silhouet circle{fill:var(--lamp);opacity:0;animation:kis-aan .5s forwards}
@keyframes kis-aan{to{opacity:1}}
.kis .kis-bijschrift{position:absolute;right:24px;bottom:16px;z-index:2;font-size:12px;color:var(--mist)}
.kis .kis-cijfers{background:var(--n0);border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10}
.kis .kis-cijfers .kis-wrap{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding-top:34px;padding-bottom:30px}
.kis .kis-cijfer b{display:block;font:700 2.5rem/1 var(--disp);color:var(--lamp);font-variant-numeric:lining-nums tabular-nums}
.kis .kis-cijfer b i{font-weight:500}
.kis .kis-cijfer span{display:block;margin-top:8px;font-size:14.5px;color:var(--tekst2)}
.kis .kis-cijfer small{display:block;font-size:12px;color:var(--mist);margin-top:3px}
.kis .kis-db{font-style:italic;opacity:.9}
.kis .kis-peil{grid-column:1/-1;font-size:12px;color:var(--mist);margin-top:18px}
.kis section{padding:112px 0}
.kis .kis-skop{text-align:center;max-width:720px;margin:0 auto 52px}
.kis .kis-h2{font:700 clamp(1.95rem,3.6vw,2.9rem)/1.08 var(--disp);font-variation-settings:"opsz" 144,"SOFT" 30;letter-spacing:-.015em;color:#fff;margin:14px 0 0}
.kis .kis-streep{width:56px;height:2px;background:var(--goud);margin:20px auto 18px;border-radius:2px}
.kis .kis-skop p{margin:0;color:var(--tekst2);font-size:1.06rem}
.kis .kis-aftel{background:radial-gradient(1200px 500px at 50% 0%,#1B2F5A 0%,var(--n0) 70%)}
.kis .kis-teller{display:flex;justify-content:center;gap:14px;margin:6px 0 18px}
.kis .kis-teller div{min-width:104px;padding:16px 10px 12px;border-radius:16px;background:#ffffff0a;border:1px solid #ffffff1f;text-align:center}
.kis .kis-teller b{display:block;font:700 2.9rem/1 var(--disp);color:#fff;font-variant-numeric:tabular-nums}
.kis .kis-teller span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mist)}
.kis .kis-teller-tekst{text-align:center;color:var(--tekst2);font-size:15px;margin:0 0 38px}
.kis .kis-deurtjes{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}
.kis .kis-deur{aspect-ratio:3/4;border-radius:10px 10px 4px 4px;background:var(--gluh);border:1px solid #ffffff1c;display:grid;place-items:center;
  font:700 1.35rem/1 var(--disp);color:var(--lamp);cursor:not-allowed;position:relative;box-shadow:inset 0 0 0 4px #00000022}
.kis .kis-deur::after{content:"";position:absolute;right:16%;top:50%;width:5px;height:5px;border-radius:50%;background:var(--lamp);opacity:.8}
.kis .kis-deur-noot{text-align:center;font-size:13.5px;color:var(--mist);margin-top:18px}
.kis .kis-tegel:hover{border-color:var(--randhover)}
.kis .kis-kaart:hover{border-color:var(--randhover)}
.kis .kis-kaart .kis-in{padding:14px 18px 14px 0;display:flex;flex-direction:column;gap:5px}
.kis .kis-kaart h3{margin:0;font:650 1.08rem/1.25 var(--disp);color:#fff}
.kis .kis-meta{font-size:13.5px;color:var(--mist)}
.kis .kis-datum{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--lamp)}
.kis .kis-kinder{padding:0 0 112px}
.kis .kis-boek{background:var(--sneeuw);color:var(--inkt);border-radius:22px;box-shadow:10px 10px 0 var(--boekschaduw),0 30px 80px -30px #000;overflow:hidden;position:relative}
.kis .kis-boek .kis-label{color:var(--veenbes);border-color:#b22b3f55;background:#b22b3f0d}
.kis .kis-boek h2{font:500 clamp(2rem,3.6vw,2.9rem)/1.05 var(--disp);font-variation-settings:"opsz" 144,"SOFT" 60,"WONK" 1;color:var(--den);margin:16px 0 14px}
.kis .kis-boek h2 em{color:var(--veenbes)}
.kis .kis-boek p{color:#33444b;margin:0 0 22px;max-width:46ch}
.kis .kis-btn-bes{background:var(--veenbes);color:#fff;min-height:56px}
.kis .kis-btn-bes:hover{background:#9c2436}
.kis .kis-ondernemer{background:var(--n0)}
.kis .kis-aanmeld{background:linear-gradient(125deg,#14183A 0%,#2A1F4E 45%,#3B2A6B 100%);position:relative;overflow:hidden}
.kis .kis-aanmeld .kis-h2{text-align:left}
.kis .kis-aanmeld .kis-streep{margin-left:0}
.kis .kis-aanmeld p{color:var(--tekst2)}
.kis .kis-voordelen{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px;font-size:15.5px}
.kis .kis-voordelen li{padding-left:28px;position:relative}
.kis .kis-voordelen li::before{content:"";position:absolute;left:2px;top:7px;width:12px;height:7px;border-left:2px solid var(--lamp);border-bottom:2px solid var(--lamp);transform:rotate(-45deg)}
.kis .kis-veld{margin-bottom:16px}
.kis .kis-veld label,.kis .kis-veld legend{display:block;font-size:14px;font-weight:600;color:#fff;margin-bottom:7px}
.kis .kis-hp{position:absolute;left:-9999px}
.kis form .kis-btn{width:100%}
.kis .kis-faq{max-width:820px;margin:0 auto}
.kis details{border-bottom:1px solid #ffffff17;padding:4px 0}
.kis summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font:600 1.12rem/1.35 var(--disp);color:#fff;position:relative}
.kis summary::-webkit-details-marker{display:none}
.kis summary::after{content:"+";position:absolute;right:6px;top:16px;font:400 1.6rem/1 var(--tekst);color:var(--lamp)}
.kis details[open] summary::after{content:"–"}
.kis details p{margin:0 0 20px;color:var(--tekst2);max-width:68ch}
.kis .kis-deurtjes{list-style:none;margin:0;padding:0}
.kis .kis-deur{width:100%;font-family:var(--disp)}

@media (max-width:1020px){
.kis .kis-deurtjes{grid-template-columns:repeat(8,1fr)}
}
@media (max-width:820px){
.kis section{padding:72px 0}
.kis .kis-kinder{padding-bottom:72px}
.kis .kis-cijfers .kis-wrap{grid-template-columns:repeat(2,1fr);row-gap:26px}
.kis .kis-boek{box-shadow:5px 5px 0 var(--boekschaduw)}
.kis .kis-teller div{min-width:0;flex:1}
.kis .kis-deurtjes{grid-template-columns:repeat(6,1fr);gap:8px}
.kis .kis-hero .kis-wrap{padding-bottom:130px}
}
@media (max-width:520px){
.kis .kis-wrap{padding:0 20px}
.kis .kis-hero{min-height:640px}
.kis .kis-knoppen .kis-btn{flex:1 1 100%}
.kis .kis-pijlers .kis-tegel p{display:none}
.kis .kis-pijlers h3{font-size:1.1rem}
.kis .kis-teller b{font-size:2.2rem}
.kis .kis-deur::after{display:none}
.kis .kis-label{letter-spacing:.12em;font-size:12px;padding:8px 12px}
}
@media (prefers-reduced-motion:reduce){
.kis *,.kis *::before,.kis *::after{animation:none!important;transition:none!important}
.kis .kis-silhouet circle{opacity:1}
.kis .kis-hero>img{transform:none}
}

/* ===== Aanvullingen Fase 0 ===== */
.kis .kis-voorbeeldbalk{background:#3B2A6B;color:#fff;text-align:center;font:600 13px/1.4 var(--tekst);padding:8px 16px}
.kis .kis-voorbij{margin:28px 0 0;padding:16px 20px;border:1px solid var(--rand);border-radius:14px;background:var(--n2);color:var(--vorst)}

/* hero-overlay (herontwerp 21-10): de foto spreekt, de tekst leest op een gericht verloop.
   Desktop: links donker achter de tekst, naar rechts transparant + vignette onderaan voor de silhouetlijn.
   Mobiel (<=1020): foto bovenaan vrij, onderkant van de foto vloeit uit in nachtblauw en de tekst staat op effen nacht,
   dus leesbaar bij elke foto. Zie docs/design-qa-hertoets.md B4 voor de meetmethode (tools/hero-contrast.cjs). */
.kis .kis-hero>img{object-position:var(--kis-focus,50% 50%)}
.kis .kis-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(0deg,rgba(14,27,51,.92) 0,rgba(14,27,51,.55) 12%,rgba(14,27,51,0) 30%),
    linear-gradient(90deg,rgba(8,14,28,.84) 0,rgba(8,14,28,.76) calc(max(0px,(100% - 1180px)/2) + 24px + 380px),rgba(8,14,28,.64) calc(max(0px,(100% - 1180px)/2) + 24px + 640px),rgba(8,14,28,.28) min(calc(100% - 220px),calc(max(0px,(100% - 1180px)/2) + 24px + 900px)),rgba(8,14,28,0) min(100%,calc(max(0px,(100% - 1180px)/2) + 24px + 1150px)))}
.kis .kis-hero--tekst{background:radial-gradient(900px 460px at 78% 22%,#1E3566 0%,transparent 70%),radial-gradient(600px 300px at 12% 85%,#2A1F4E 0%,transparent 70%),linear-gradient(180deg,#0E1B33,#0A1428)}
.kis .kis-hero--tekst::before{display:none}
.kis .kis-hero h1{font:700 clamp(2.2rem,6.6vw,5.4rem)/1 var(--disp);font-variation-settings:"opsz" 144;letter-spacing:-.02em;color:#fff;margin:22px 0 20px;max-width:14ch;overflow-wrap:break-word;hyphens:auto}
.kis .kis-hero p.kis-lead{text-shadow:0 1px 14px rgba(7,13,26,.75)}
.kis .kis-hero h1{text-shadow:0 2px 20px rgba(7,13,26,.5)}
.kis .kis-hero:not(.kis-hero--tekst) .kis-label{background:rgba(8,14,28,.72)}
.kis .kis-bijschrift{max-width:calc(100% - 40px);text-align:right;background:rgba(7,13,26,.55);padding:3px 8px;border-radius:6px;color:var(--tekst2)}
.kis .kis-bijschrift a{color:#fff;text-decoration:underline}
@media (max-width:1020px){
.kis .kis-hero:not(.kis-hero--tekst){--fh:clamp(300px,94vw,540px);min-height:0;align-items:flex-end;background:var(--n)}
.kis .kis-hero>img{bottom:auto;height:var(--fh);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 48%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 48%,transparent 100%)}
.kis .kis-hero:not(.kis-hero--tekst)::before{inset:0 0 auto 0;height:var(--fh);background:linear-gradient(180deg,rgba(8,14,28,0) 0,rgba(8,14,28,0) 35%,rgba(8,14,28,.45) 72%,rgba(8,14,28,0) 100%)}
.kis .kis-hero:not(.kis-hero--tekst) .kis-wrap{padding-top:calc(var(--fh) - 120px)}
}

/* cijferbalk: aantal kolommen volgt het aantal getoonde tellers */
.kis .kis-cijfers .kis-wrap{grid-template-columns:repeat(var(--kis-n,2),1fr)}
.kis .kis-cijfer b{font-size:2.5rem}

/* adventsvakjes: geen knoppen (geen dode tabstops), sponsorstaat los van de dagstaat (design-QA B1) */
.kis .kis-deurtjes{list-style:none;margin:0;padding:0}
.kis .kis-deur{cursor:default;display:grid;place-items:center;width:100%}
.kis .kis-deur-nr{font:700 1.35rem/1 var(--disp);color:var(--lamp)}
.kis .kis-deur--sponsor{background:#7a1828}
.kis .kis-deur .kis-deur-sp{position:absolute;left:0;right:0;bottom:0;padding:6px 2px;background:#1B0B12;color:#fff;border-radius:0 0 3px 3px;font:600 10px/1 var(--tekst);letter-spacing:.04em;text-align:center;text-transform:uppercase}
.kis .kis-deur .kis-deur-ster{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--n);color:var(--lamp);display:grid;place-items:center;font-size:.65rem}
@media (max-width:1179px) and (min-width:1021px){.kis .kis-deurtjes{grid-template-columns:repeat(8,1fr)}}
@media (max-width:820px){.kis .kis-deur .kis-deur-ster{width:16px;height:16px;top:4px;right:4px}}
@media (max-width:520px){.kis .kis-deurtjes{grid-template-columns:repeat(6,1fr);gap:6px}.kis .kis-deur{aspect-ratio:4/5;border-radius:8px 8px 3px 3px}.kis .kis-deur-nr{font-size:1.05rem}}

/* pijlers: tekst- of fototegels */
.kis .kis-pijlers{display:grid;grid-template-columns:repeat(var(--kis-n,4),1fr);gap:20px}
.kis .kis-tegel{position:relative;display:flex;align-items:flex-end;min-height:260px;border-radius:18px;overflow:hidden;text-decoration:none;border:1px solid var(--rand);isolation:isolate;
  background:radial-gradient(420px 260px at 85% 0%,#233d73 0%,transparent 70%),var(--n2);transition:border-color .2s}
.kis .kis-tegel--foto{background:linear-gradient(0deg,rgba(7,13,26,.94) 0%,rgba(7,13,26,.86) 55%,rgba(7,13,26,.55) 100%),var(--kis-foto) 50% 50%/cover no-repeat,var(--n2)}
.kis .kis-credits{margin:14px 0 0;font-size:13px;line-height:1.5;color:#b9c6d4}
.kis .kis-credits a{color:#dce8f2;text-decoration:underline;text-underline-offset:2px}
.kis .kis-tegel:hover{border-color:var(--randhover)}
.kis .kis-tegel .kis-t{display:block;padding:22px;width:100%}
.kis .kis-tegel .kis-ico{color:var(--lamp);margin-bottom:12px}
.kis .kis-tegel h3{margin:0;font:650 1.4rem/1.15 var(--disp);color:#fff}
.kis .kis-tegel p{margin:6px 0 0;font-size:15px;color:#d3dce6;line-height:1.45}
.kis .kis-tegel .kis-pijl{display:inline-block;margin-top:12px;font-size:14px;font-weight:600;color:var(--lamp)}

/* agenda */
.kis .kis-kaarten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.kis .kis-kaart{display:grid;grid-template-columns:84px 1fr;gap:18px;align-items:stretch;background:var(--n2);border:1px solid var(--rand);border-radius:16px;overflow:hidden;text-decoration:none;height:100%;transition:border-color .2s}
.kis .kis-kaart:hover{border-color:var(--randhover)}
.kis .kis-kaart-dag{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--n0);color:var(--lamp);padding:12px 6px}
.kis .kis-kaart-dag b{font:700 1.9rem/1 var(--disp);font-variant-numeric:lining-nums}
.kis .kis-kaart-dag i{font-style:normal;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-top:4px;color:var(--vorst)}
.kis .kis-kaart .kis-in{padding:14px 18px 14px 0;display:flex;flex-direction:column;gap:5px;min-width:0}
.kis .kis-kaart-titel{margin:0;font:650 1.08rem/1.25 var(--disp);color:#fff;overflow-wrap:anywhere}
.kis .kis-leeg{margin:22px 0 0;padding:28px;border:1px dashed #ffffff40;border-radius:18px;text-align:center;background:#ffffff08}
.kis .kis-leeg h3{margin:0 0 8px;font:650 1.3rem/1.25 var(--disp);color:#fff}
.kis .kis-leeg p{margin:0 auto 18px;max-width:52ch;color:var(--tekst2)}
.kis .kis-meer a{display:inline-block;padding:12px 4px}

/* gids */
.kis .kis-wrap--smal{max-width:820px}
.kis .kis-gids .kis-skop{margin-bottom:28px}
.kis .kis-gids h3{margin:30px 0 8px;font:650 1.3rem/1.25 var(--disp);color:#fff}
.kis .kis-gids p{margin:0 0 6px;color:#d3dce6}
.kis .kis-gids .kis-antwoord{font-size:1.12rem;color:#fff;border-left:3px solid var(--lamp);padding:4px 0 4px 18px;margin-bottom:10px}
.kis .kis-gids .kis-byline{margin-top:30px;font-size:13px;color:var(--mist)}

/* kinderhoek: papier, reclamevrij */
.kis .kis-boek-kop{display:block}
.kis .kis-boek-tekst{padding:56px 52px;max-width:760px}
@media (max-width:820px){.kis .kis-boek-tekst{padding:36px 26px}}

/* ondernemersblok */
.kis .kis-opties{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:900px;margin:0 auto}
.kis .kis-optie{background:var(--n2);border:1px solid var(--rand);border-radius:20px;padding:30px 26px;display:flex;flex-direction:column;gap:12px}
.kis .kis-optie h3{margin:0;font:650 1.3rem/1.2 var(--disp);color:#fff}
.kis .kis-optie p{margin:0 0 6px;color:var(--tekst2);flex:1}

/* nieuwsbrief: het ua-news-contract van de mu-plugin blijft intact */
.kis .kis-aanmeld .kis-wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.kis .kis-kaartf{background:rgba(7,13,26,.55);border:1px solid #ffffff1f;border-radius:20px;padding:30px;display:block}
.kis .kis-kaartf p{color:var(--tekst2)}
.kis form.ua-news{display:block}
.kis .kis-veld input[type=email],.kis .kis-veld input[type=text]{width:100%;height:50px;border-radius:12px;border:1px solid #7C89A3;background:#0A1226;color:#fff;padding:0 16px;font:inherit}
.kis .kis-veld input::placeholder{color:#8590a8}
.kis .ua-news-klein{margin:12px 0 0;font-size:13px;color:#c3c7e0;line-height:1.5}
.kis .ua-news-klein a{color:#fff}
.kis .ua-news-fout{margin-top:10px;color:#ffb4b4;font-size:14px}
.kis .kis-btn[type=submit]{width:100%}

/* faq + voet */
.kis .kis-faqsec{padding-bottom:64px}
.kis .kis-voet{padding:36px 0 56px;background:var(--n0);border-top:1px solid #ffffff10}
.kis .kis-voet ul{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:6px 24px}
.kis .kis-voet li a{display:inline-block;padding:10px 0;color:var(--lamp);font-weight:600;text-decoration:none}
.kis .kis-disclaimer{margin:0;font-size:13px;color:var(--mist);max-width:70ch}

@media (max-width:1020px){
  .kis .kis-pijlers{grid-template-columns:repeat(2,1fr)}
  .kis .kis-opties{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .kis .kis-kaarten{grid-template-columns:1fr}
  .kis .kis-aanmeld .kis-wrap{grid-template-columns:1fr;gap:36px}
  .kis .kis-opties{grid-template-columns:1fr}
}
@media (max-width:520px){
  .kis .kis-pijlers{gap:12px}
  .kis .kis-tegel{min-height:200px}
  .kis .kis-tegel .kis-t{padding:16px}
  .kis .kis-tegel h3{font-size:1.1rem}
  .kis .kis-tegel p{display:none}
  .kis .kis-kaart{grid-template-columns:72px 1fr;gap:14px}
  .kis .kis-cijfers .kis-wrap{grid-template-columns:repeat(var(--kis-n,2),1fr);column-gap:10px}
  .kis .kis-cijfer b{font-size:2rem}
  .kis .kis-kaartf{padding:22px}
}
@media (max-width:360px){
  .kis .kis-pijlers{grid-template-columns:1fr}
  .kis .kis-tegel{min-height:150px}
  .kis .kis-wrap{padding:0 16px}
}
.kis .kis-meer{text-align:center;margin-top:30px}
.kis .kis-meer a{color:var(--lamp);font-weight:600;text-decoration:none}

/* ===== Samenvoeging met UitKerst (21-10-2026): blok "Kerst uit eten" ===== */
.kis .kis-uiteten{background:radial-gradient(1000px 420px at 50% 0%,#1B2F5A 0%,var(--n) 70%)}
.kis .kis-leeg--uiteten{max-width:760px;margin:0 auto}
.kis .kis-opties--3{grid-template-columns:repeat(3,1fr);max-width:1100px}
@media (max-width:1020px){.kis .kis-opties--3{grid-template-columns:1fr 1fr}}
@media (max-width:820px){.kis .kis-opties--3{grid-template-columns:1fr}}
/* UitKerst-kaarten binnen .kis: .kis a{color:inherit} mag de knop- en linkkleuren niet overrulen */
.kis .uk a{color:var(--uk-primair-dk)}
.kis .uk .uk-knop,.kis .uk .uk-knop:hover{color:var(--uk-op-goud)}
.kis .uk .uk-knop--stil,.kis .uk .uk-knop--stil:hover{color:var(--uk-primair-dk)}
.kis .uk .uk-knop--tel,.kis .uk .uk-knop--tel:hover{color:var(--uk-inkt)}
.kis .uk .uk-kaart__titel a{color:inherit}
.kis .uk .uk-cats__item,.kis .uk .uk-dagen a{color:var(--uk-zacht)}
.kis .uk .uk-aanvulling{margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;font-size:1rem}
.kis .uk .uk-agenda__lijst a{color:var(--uk-inkt)}
.kis .uk .uk-agenda__lijst a:hover{color:var(--uk-primair-dk)}
.kis .kis-boek .uk-kleurplaat a{color:#33444b}
.kis .uk section.uk-blok{padding:1rem 1.1rem}
.kis .uk .uk-agenda__lijst a{text-decoration:none}
.kis .uk .uk-agenda__lijst a:hover{text-decoration:underline}
.kis .uk .uk-agenda__datum{flex:0 0 6.5rem}


/* ─────────────────────────────────────────────────────────────────────────────
   SEIZOENSPALETTEN (21-10-2026, besluit Shiva: "kerst, sinterklaas en oud en
   nieuw zien er hetzelfde uit — dat is niet in thema").

   Eén template en één stylesheet renderen alle drie de hubs; de teksten verschilden
   al per seizoen, het beeld niet. De body heeft al `kis-kerst`, `kis-sinterklaas` en
   `kis-oud-en-nieuw`, dus het palet kan hier — zonder tweede template.

   Contrast nagerekend (WCAG, 21-10): elke combinatie in beide nieuwe paletten haalt
   AAA (7:1) of hoger, gelijk aan of beter dan het kerstpalet. Lichaamstekst op de
   basis: kerst 13,8:1 · sinterklaas 15,5:1 · oud&nieuw 17,0:1.
   ───────────────────────────────────────────────────────────────────────────── */

/* Sinterklaas: warm en kindvriendelijk. Diep bordeaux i.p.v. nachtblauw, pepernoot-oker
   i.p.v. kerstgoud, cremewit i.p.v. ijsblauw. Geen sneeuw, geen den. */
body.kis-sinterklaas .kis{
  --n0:#1B0A0D; --n:#2B1014; --n2:#3D171C; --rand:#5A2A2F;
  --lamp:#F0A838; --lamp2:#D4872A;
  --vorst:#FBEEDF; --tekst2:#E4CDB8; --mist:#C4A897; --sneeuw:#FFF8EE;
  --randhover:#F0A83880; --boekschaduw:#B2793C59;
  --goud:linear-gradient(135deg,#F7C877 0%,#F0A838 45%,#D4872A 100%);
}
/* De den (kerstgroen) hoort niet bij Sinterklaas: dat accent wordt kraft/jute. */
body.kis-sinterklaas .kis{ --den:#6B4A2A; }

/* Oud & nieuw: middernacht. Bijna zwart met champagne, en een koele vonk voor vuurwerk. */
body.kis-oud-en-nieuw .kis{
  --n0:#06060A; --n:#0B0B12; --n2:#15151F; --rand:#2A2A3A;
  --lamp:#E7C680; --lamp2:#C9A45C;
  --vorst:#ECEFF5; --tekst2:#CED3DE; --mist:#9A9AAB; --sneeuw:#F7F8FB;
  --randhover:#E7C68080; --boekschaduw:#9A8A5A59;
  --goud:linear-gradient(135deg,#F3DFA8 0%,#E7C680 45%,#C9A45C 100%);
  --den:#2C3A4A;
}