.km-cp{--cp-kop: #3A3340;--cp-tekst: #3A3340;--cp-grijs: #6E6577;--cp-knop: #D43876;--cp-knop-hover: #BC2A64;--cp-knop-schaduw: #A82A5E;--cp-link: #BC2A64;--cp-papier: #FFF9F2;--cp-rand: #F3D6E3;--cp-zacht: #BFE7EB;--cp-kopletter: "Fredoka", system-ui, sans-serif}.km-cp__kaart{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);max-width:100%;margin:0 auto;background:var(--cp-papier);border:.2rem solid var(--cp-rand);border-radius:2.2rem;overflow:hidden;color:var(--cp-tekst)}.km-cp__kaart:before{content:"";position:absolute;left:0;right:0;top:0;height:.7rem;z-index:1;background:linear-gradient(90deg,#e94d8a 0 20%,#ffcb3d 20% 40%,#2bb5c8 40% 60%,#9ec43e 60% 80%,#8e6cd8 80% 100%)}.km-cp__foto{position:relative;min-height:100%;background:var(--cp-zacht)}.km-cp__foto img{display:block;width:100%;height:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:50% 12%}.km-cp__tekst{padding:5rem 3.6rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.km-cp__merk{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;margin-bottom:1.4rem}.km-cp__logo{width:24rem;max-width:100%;height:auto;display:block}.km-cp__label-rij{text-align:center;margin:0 0 1.4rem}.km-cp__label{box-shadow:0 .4rem 1.2rem #16384a2e;display:inline-block;background:var(--cp-zacht);color:var(--cp-kop);border-radius:99.9rem;padding:.7rem 1.6rem;font-family:var(--cp-kopletter);font-weight:600;font-size:1.4rem;letter-spacing:.02em}.km-cp__kop{font-family:var(--cp-kopletter);font-weight:700;color:var(--cp-kop);font-size:clamp(2.4rem,2.8vw,3rem);line-height:1.2;margin:0 0 1.8rem}.km-cp__zin{max-width:none;font-size:1.75rem;line-height:1.65}.km-cp__zin p{margin:0 0 1rem}.km-cp__knoppen{display:flex;align-items:center;gap:1.2rem 2.4rem;flex-wrap:wrap;justify-content:center;margin-top:2.8rem}.km-cp__knop{display:inline-flex;align-items:center;gap:.8rem;background:var(--cp-knop);color:#fff;border:0;border-radius:99.9rem;padding:1.2rem 2.4rem;font-family:var(--cp-kopletter);font-weight:600;font-size:1.6rem;line-height:1.2;text-decoration:none;cursor:pointer;box-shadow:0 .4rem 0 var(--cp-knop-schaduw);transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.km-cp__knop:hover{background:var(--cp-knop-hover);transform:translateY(.2rem);box-shadow:0 .2rem 0 var(--cp-knop-schaduw)}.km-cp__knop svg{width:1.6rem;height:1.6rem}.km-cp__link{color:var(--cp-link);font-weight:600;font-size:1.6rem;text-decoration:none}.km-cp__link:hover{text-decoration:underline}.km-cp__link--knop{display:inline-block;background:var(--cp-knop);color:#fff;border-radius:99.9rem;padding:1.1rem 2.4rem;font-family:var(--cp-kopletter);font-weight:600;font-size:1.5rem;line-height:1.2;transition:transform .18s ease,box-shadow .18s ease}.km-cp__link--knop:hover{text-decoration:none;background:var(--cp-knop-hover)}.km-cp__knop--rand{background:var(--cp-papier);color:var(--cp-knop);border:.2rem solid var(--cp-knop);box-shadow:none;padding:1rem 2.8rem;font-size:1.6rem;justify-content:center;transition:transform .18s ease,box-shadow .18s ease}.km-cp__knoppen .km-cp__knop--rand{min-width:24rem}.km-cp__knop--rand:hover{background:var(--cp-papier);color:var(--cp-knop-hover);box-shadow:none}@media(hover:hover){.km-cp__link--knop:hover,.km-cp__knop--rand:hover{transform:translateY(-.2rem) scale(1.04);box-shadow:0 .6rem 1.4rem #16384a2e}}@media screen and (min-width:990px){.km-cp__foto{min-height:26rem}.km-cp__foto img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;aspect-ratio:auto}}@media screen and (max-width:989px){.km-cp__kaart{grid-template-columns:1fr}.km-cp__foto img{aspect-ratio:16 / 9}.km-cp__tekst{padding:2.8rem 2.4rem 2.6rem}}html.km-cp-open{overflow:hidden}.km-cp-laag{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#3a33408c;display:flex;align-items:center;justify-content:center;padding:2rem 1.4rem}.km-cp-laag[hidden]{display:none}.km-cp-venster{position:relative;width:84rem;max-width:100%;max-height:100%;overflow:auto;background:var(--cp-papier);border-radius:2.2rem;padding:2.8rem 3rem 3rem;color:var(--cp-tekst);box-shadow:0 2rem 5rem #0003}.km-cp-venster:before{content:"";position:absolute;left:0;right:0;top:0;height:.7rem;background:linear-gradient(90deg,#e94d8a 0 20%,#ffcb3d 20% 40%,#2bb5c8 40% 60%,#9ec43e 60% 80%,#8e6cd8 80% 100%)}.km-cp-venster__kop{position:relative;display:flex;align-items:center;justify-content:center;gap:1rem}.km-cp-venster__logo{height:4rem;width:auto;display:block}.km-cp-venster__sluit{position:absolute;right:0;top:0;width:4rem;height:4rem;border-radius:50%;border:.2rem solid var(--cp-rand);background:#fff;color:var(--cp-kop);font-size:2.4rem;line-height:1;cursor:pointer}.km-cp-venster__titel{font-family:var(--cp-kopletter);font-weight:700;color:var(--cp-kop);font-size:2.8rem;text-align:center;margin:1.6rem 0 .8rem}.km-cp-venster__zin{margin:0 0 2rem;color:var(--cp-grijs);font-size:1.7rem;text-align:center}.km-cp-venster__foto{width:100%;height:26rem;object-fit:cover;object-position:50% 35%;border-radius:1.6rem;display:block;margin:0 0 1.6rem}.km-cp-soorten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem;margin:0;padding:0}.km-cp-soort{display:flex;flex-direction:column;gap:.2rem;height:100%;background:#fff;border:.2rem solid var(--cp-rand);border-radius:1.6rem;padding:.8rem .8rem 1.1rem;text-decoration:none;color:var(--cp-tekst);transition:border-color .12s ease,transform .12s ease}.km-cp-soort:hover{border-color:var(--cp-knop);transform:translateY(-.2rem)}.km-cp-soort__beeld{display:block;aspect-ratio:1;border-radius:1rem;overflow:hidden;background:var(--cp-zacht);margin-bottom:.6rem}.km-cp-soort__beeld img{width:100%;height:100%;object-fit:cover;display:block}.km-cp-soort__naam{font-family:var(--cp-kopletter);font-weight:600;font-size:1.4rem;line-height:1.25;color:var(--cp-kop)}.km-cp-soort__aantal{display:none}.km-cp-venster__voet{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-top:2.4rem}@media screen and (max-width:749px){.km-cp-venster{padding:2.2rem 1.8rem 2.4rem}.km-cp-soorten{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.km-cp-soorten{display:grid!important;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-template-columns:none!important;grid-auto-columns:42%;gap:1.2rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:1.2rem;scrollbar-width:none}.km-cp-soorten::-webkit-scrollbar{display:none}.km-cp-soorten>li{scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-km-knutselcafe.css.map */