/* Taalkrak Nieuw & binnenkort — zelfde kleuren en vormen als de homepage (.tk-pagina) */
.tknb{
  --tknb-paars-diep:#4b1f68;     /* band */
  --tknb-paars:#7935a2;
  --tknb-paars-vlak:#f6ecfb;
  --tknb-geel:#f2a900;           /* donkergele sticker; zwart erop: 9,9 */
  --tknb-geel-schaduw:#b97f00;
  --tknb-zwart:#1b1300;
  --tknb-donker:#251825;
  --tknb-tekst:#514852;
  --tknb-grijs:#6b6270;
  --tknb-geel-zacht:#fff6df;
  --tknb-amber:#8a5a00;
  --tknb-blauw-zacht:#e8ecff;
  --tknb-blauw-tekst:#2b3a8f;
  display:block;
  font-family:"Lexia",Georgia,serif;
  color:#f3e9f8;
  font-size:17px;
  line-height:1.6;
  background:var(--tknb-paars-diep);
  background-image:
    radial-gradient(circle at 12% 0%,rgba(177,85,228,.35),transparent 46%),
    radial-gradient(circle at 92% 100%,rgba(177,85,228,.28),transparent 42%);
  border-radius:24px;
  padding-block:44px 46px;
}
.tknb *,.tknb *::before,.tknb *::after{box-sizing:border-box}
.tknb.tknb--band{
  position:relative;
  margin-inline:calc(50% - 50vw);
  width:100vw;max-width:100vw;
  border-radius:0;
}
.tknb-binnen{max-width:1120px;margin:0 auto;padding-inline:24px}

/* ---------- kop ---------- */
.tknb-kopblok{max-width:760px;margin:0 auto 46px;text-align:center}
.tknb .tknb-pil{
  display:inline-block;margin:0 0 12px;padding:7px 15px;
  background:rgba(255,255,255,.14);border-radius:999px;
  color:#fff;font-size:14px;font-weight:700;letter-spacing:.03em;
}
.tknb .tknb-titel{
  margin:0 0 12px;color:#fff;font-family:inherit;
  font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.18;
}
.tknb .tknb-onderkop{margin:0;color:#e7d6f0;font-size:17.5px}

/* ---------- twee kolommen naast elkaar ---------- */
.tknb-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px;align-items:stretch}
.tknb--enkel .tknb-raster,.tknb--onder .tknb-raster{grid-template-columns:1fr}
.tknb--onder .tknb-raster{gap:58px}
.tknb-kolom{
  position:relative;
  padding:24px 22px 22px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
}
.tknb-kolom__kop{
  display:flex;align-items:center;gap:16px;
  min-height:62px;margin:0 0 18px;
  padding-left:122px;              /* plaats voor de sticker */
}
.tknb .tknb-kolom__onder{margin:0;color:#fff;font-size:18px;font-weight:700;line-height:1.3}

/* ---------- de promo-sticker ---------- */
.tknb .tknb-sticker{
  position:absolute;top:-38px;left:-16px;
  display:flex;align-items:center;justify-content:center;
  width:134px;height:134px;margin:0;
  color:var(--tknb-zwart);font-family:inherit;font-weight:800;line-height:1.05;
  text-align:center;
  transform:rotate(-12deg);
  filter:drop-shadow(0 6px 10px rgba(20,4,30,.4));
}
.tknb-sticker::before{
  content:"";position:absolute;inset:0;
  background:var(--tknb-geel);
  clip-path:polygon(50% 0%,57.5% 7.7%,67.1% 3%,71.5% 12.8%,82.1% 11.7%,82.9% 22.4%,93.3% 25%,90.4% 35.3%,99.2% 41.3%,93% 50%,99.2% 58.7%,90.4% 64.7%,93.3% 75%,82.9% 77.6%,82.1% 88.3%,71.5% 87.2%,67.1% 97%,57.5% 92.3%,50% 100%,42.5% 92.3%,32.9% 97%,28.5% 87.2%,17.9% 88.3%,17.1% 77.6%,6.7% 75%,9.6% 64.7%,.8% 58.7%,7% 50%,.8% 41.3%,9.6% 35.3%,6.7% 25%,17.1% 22.4%,17.9% 11.7%,28.5% 12.8%,32.9% 3%,42.5% 7.7%);
}
.tknb-sticker::after{             /* fijne binnenrand, zoals op een echte sticker */
  content:"";position:absolute;inset:15px;
  border:1.5px dashed rgba(27,19,0,.35);border-radius:50%;
}
.tknb-sticker span{position:relative;z-index:1;display:block;max-width:100px;overflow-wrap:anywhere;line-height:.98;letter-spacing:-.01em}
.tknb-sticker--groot{font-size:29px}
.tknb-sticker--midden{font-size:19px}
.tknb-sticker--klein{font-size:15px}
.tknb-kolom--straks .tknb-sticker{transform:rotate(10deg)}

/* ---------- kaartjes ---------- */
.tknb .tknb-lijst{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.tknb--enkel .tknb-lijst,.tknb--onder .tknb-lijst{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.tknb .tknb-item{
  display:flex;gap:16px;align-items:flex-start;
  margin:0;padding:18px 20px;
  background:#fff;color:var(--tknb-tekst);
  border-radius:18px;
  box-shadow:0 8px 22px rgba(20,4,30,.22);
}
.tknb .tknb-item::before{content:none}
/* ---------- afbeelding(en) bovenaan het kaartje ---------- */
.tknb .tknb-item--beeld{flex-direction:column;align-items:stretch;gap:14px;padding-top:14px}
.tknb-galerij{margin:-2px -6px 0}
.tknb-galerij__groot{
  aspect-ratio:16/9;overflow:hidden;
  background:var(--tknb-paars-vlak);border-radius:12px;
}
.tknb-item--geel .tknb-galerij__groot{background:var(--tknb-geel-zacht)}
.tknb-item--blauw .tknb-galerij__groot{background:var(--tknb-blauw-zacht)}
.tknb .tknb-galerij__img{width:100%;height:100%;object-fit:contain;display:block;margin:0;border:0;border-radius:0}
.tknb-galerij__duimen{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.tknb .tknb-galerij__duim{
  width:52px;height:52px;padding:0;margin:0;overflow:hidden;cursor:pointer;
  background:#f4f1f6;border:2px solid transparent;border-radius:10px;
  opacity:.65;transition:opacity .18s ease,border-color .18s ease;
}
.tknb .tknb-galerij__duim img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
.tknb .tknb-galerij__duim:hover{opacity:1}
.tknb .tknb-galerij__duim[aria-pressed="true"]{opacity:1;border-color:var(--tknb-paars)}
.tknb .tknb-galerij__duim:focus-visible{outline:3px solid var(--tknb-donker);outline-offset:2px}
.tknb-item__inhoud{flex:1;min-width:0}
.tknb .tknb-item__labels{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;line-height:1}
.tknb-etiket,.tknb-wanneer{
  display:inline-block;padding:5px 11px;border-radius:999px;
  font-size:13px;font-weight:700;line-height:1.2;
}
.tknb-etiket{background:var(--tknb-paars-vlak);color:var(--tknb-paars)}
.tknb-item--geel .tknb-etiket{background:var(--tknb-geel-zacht);color:var(--tknb-amber)}
.tknb-item--blauw .tknb-etiket{background:var(--tknb-blauw-zacht);color:var(--tknb-blauw-tekst)}
.tknb-wanneer{background:#f2eef4;color:var(--tknb-grijs)}
.tknb .tknb-item__titel{
  margin:0 0 4px;color:var(--tknb-donker);font-family:inherit;
  font-size:19px;font-weight:700;line-height:1.25;
}
.tknb .tknb-item__tekst{margin:0;font-size:15.5px;line-height:1.55}
.tknb a.tknb-item__link{
  display:inline-block;margin-top:10px;
  color:var(--tknb-paars);font-weight:700;font-size:15.5px;text-decoration:none;
  border-bottom:2px solid var(--tknb-paars-vlak);
  transition:border-color .18s ease;
}
.tknb a.tknb-item__link::after{content:" →"}
.tknb a.tknb-item__link:hover{border-bottom-color:var(--tknb-paars);color:var(--tknb-paars)}
.tknb a.tknb-item__link:focus-visible{outline:3px solid var(--tknb-donker);outline-offset:3px;border-radius:6px}
.tknb .screen-reader-text{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* ---------- tablet ---------- */
/* ---------- onder elkaar: aantal kaartjes in een rij ---------- */
.tknb--onder .tknb-kolom--twee .tknb-lijst,.tknb--enkel .tknb-kolom--twee .tknb-lijst{grid-template-columns:repeat(2,minmax(0,1fr))}
.tknb--onder .tknb-kolom--een .tknb-lijst,.tknb--enkel .tknb-kolom--een .tknb-lijst{grid-template-columns:1fr}
/* Eén item: afbeelding links, tekst ernaast, verticaal gecentreerd. */
.tknb--onder .tknb-kolom--een .tknb-item--beeld,
.tknb--enkel .tknb-kolom--een .tknb-item--beeld{
  flex-direction:row;align-items:center;gap:30px;padding:18px 30px 18px 18px;
}
.tknb--onder .tknb-kolom--een .tknb-galerij,
.tknb--enkel .tknb-kolom--een .tknb-galerij{flex:0 0 52%;max-width:52%;margin:0}
.tknb--onder .tknb-kolom--een .tknb-item__titel,
.tknb--enkel .tknb-kolom--een .tknb-item__titel{font-size:24px;margin-bottom:8px}
.tknb--onder .tknb-kolom--een .tknb-item__tekst,
.tknb--enkel .tknb-kolom--een .tknb-item__tekst{font-size:17px}

/* ---------- afbeelding boven, maar niet te hoog (1.5.0) ----------
   Hoog genoeg om te lezen wat erop staat, laag genoeg om het blok compact te houden. */
.tknb .tknb-item--beeld .tknb-galerij__groot{aspect-ratio:auto;height:250px}
.tknb--onder .tknb-kolom--drie .tknb-galerij__groot,
.tknb--enkel .tknb-kolom--drie .tknb-galerij__groot{height:210px}
.tknb .tknb-item--beeld .tknb-galerij__duimen{gap:6px;margin-top:6px}
.tknb .tknb-item--beeld .tknb-galerij__duim{width:40px;height:40px;border-radius:8px}
/* Eén item: afbeelding links en groot, tekst ernaast (zoals in 1.2.0). */
@media (min-width:761px){
  .tknb--onder .tknb-kolom--een .tknb-galerij__groot,
  .tknb--enkel .tknb-kolom--een .tknb-galerij__groot{height:auto;aspect-ratio:16/9}
}
@media (max-width:760px){
  .tknb .tknb-item--beeld .tknb-galerij__groot{height:190px}
}

@media (max-width:1000px){
  .tknb--enkel .tknb-lijst,.tknb--onder .tknb-lijst,
  .tknb--onder .tknb-kolom--twee .tknb-lijst,.tknb--enkel .tknb-kolom--twee .tknb-lijst{grid-template-columns:1fr}
}
@media (max-width:760px){
  .tknb--onder .tknb-kolom--een .tknb-item--beeld,
  .tknb--enkel .tknb-kolom--een .tknb-item--beeld{flex-direction:column;align-items:stretch;gap:14px;padding:14px 16px 16px}
  .tknb--onder .tknb-kolom--een .tknb-galerij,
  .tknb--enkel .tknb-kolom--een .tknb-galerij{flex:none;max-width:none;margin:-2px -4px 0}
  .tknb--onder .tknb-kolom--een .tknb-item__titel,
  .tknb--enkel .tknb-kolom--een .tknb-item__titel{font-size:19px}
}
/* ---------- gsm: onder elkaar ---------- */
@media (max-width:760px){
  .tknb{padding-block:36px 38px;font-size:16.5px}
  .tknb-binnen{padding-inline:18px}
  .tknb-raster{grid-template-columns:1fr;gap:48px}
  .tknb-kopblok{margin-bottom:44px}
  .tknb-kolom{padding:20px 16px 16px}
  .tknb .tknb-sticker{width:114px;height:114px;top:-30px;left:-8px}
  .tknb .tknb-sticker--groot{font-size:25px}
  .tknb .tknb-sticker--midden{font-size:17px}
  .tknb-sticker::after{inset:13px}
  .tknb-kolom__kop{padding-left:108px;min-height:58px}
  .tknb .tknb-item{padding:16px}
}
@media (prefers-reduced-motion:reduce){
  .tknb *{transition:none!important}
}