.kp-subart__raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(1rem,2vw,1.75rem)}.kp-subart__kaart{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;text-decoration:none;box-shadow:0 0 4px rgba(0,0,0,.5);background:#b9b2a8}.kp-subart__media{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit}.kp-subart__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}.kp-subart__band{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.28) 38%,transparent 62%)}.kp-subart__kaart.kp-kaart--anders .kp-subart__band,.kp-subart__kaart.kp-kaart--laag-geen .kp-subart__band{background:0 0}.kp-subart__tekst{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:clamp(.75rem,1.5vw,1.1rem);padding-left:calc(clamp(.75rem,1.5vw,1.1rem) + 2%);padding-bottom:calc(clamp(.75rem,1.5vw,1.1rem) + 2%)}.kp-subart__label{font-family:heebo,sans-serif;font-weight:600;font-size:.78rem;letter-spacing:.4px;text-transform:uppercase;color:#fff;line-height:1;padding-top:.51em;padding-bottom:.4em;padding-left:1em;padding-right:1em;border-radius:999px}.kp-subart__titel{font-family:heebo,sans-serif;font-weight:500;font-size:clamp(14px,1.35vw,21px);line-height:1.25;letter-spacing:.6px;color:#fff;margin:0 0 -.125em}.kp-subart__drie{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.75rem);margin-top:clamp(1rem,2vw,1.75rem)}.kp-subart__kaart--vierkant{aspect-ratio:1/1}.kp-subart__hot{position:relative}.kp-subart__hotlabel{position:absolute;top:0;right:0;z-index:5;font-family:heebo,sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;line-height:1;color:#fff;background:#00b050;padding:.55em .9em .45em}.kp-subart__kaart--hot{aspect-ratio:1e3/385;display:block}.kp-subart__kaart--hot .kp-subart__tekst{left:auto;right:0;top:0;bottom:auto;width:38%;background:var(--kp-subart-vlak,#F1B095);padding:clamp(1.1rem,2vw,1.9rem)clamp(1.1rem,2vw,1.9rem)clamp(1.2rem,2.2vw,2.1rem);gap:.55rem}.kp-subart__kaart--hot .kp-subart__titel{color:#000;font-weight:600;font-size:clamp(15px,1.5vw,23px);letter-spacing:0}.kp-subart__onder{font-family:heebo,sans-serif;font-weight:400;font-size:clamp(12px,1.05vw,15px);line-height:1.45;color:#2b1a12;margin:0}.kp-subart__kaart--hot .kp-subart__label{display:none}.kp-subart__meerkop{display:flex;align-items:baseline;gap:.5rem;margin:0 0 clamp(1rem,2vw,1.75rem);font-family:heebo,sans-serif}.kp-subart__meerklein{font-weight:400;font-size:clamp(13px,1.1vw,16px);color:#000}.kp-subart__meernaam{font-weight:700;font-size:clamp(18px,1.7vw,25px);letter-spacing:.5px;color:#000}.kp-subart__meerknopwrap{display:flex;justify-content:center;margin-top:clamp(1.75rem,3.5vw,2.75rem)}.kp-subart__meerknop{font-family:heebo,sans-serif;font-weight:600;font-size:clamp(14px,1.1vw,16px);letter-spacing:.3px;color:#fff;background:#8f0caf;border:0;border-radius:999px;padding:.85em 2.2em .8em;cursor:pointer;transition:background .2s ease}.kp-subart__meerknop:hover,.kp-subart__meerknop:focus-visible{background:#7a0995}.kp-subart__meerknop[disabled]{opacity:.6;cursor:default}@media(max-width:767px){.kp-subart__raster{grid-template-columns:repeat(2,1fr);gap:.75rem}.kp-subart__drie{grid-template-columns:repeat(2,1fr);gap:.75rem}.kp-subart__kaart--hot{aspect-ratio:auto}.kp-subart__kaart--hot .kp-subart__media{position:relative;inset:auto;display:block;aspect-ratio:16/10}.kp-subart__kaart--hot .kp-subart__tekst{position:relative;inset:auto;width:100%;padding:.9rem 1rem 1.1rem}}