@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500;700;800&display=swap");
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff7ed;color:#0f172a;font-family:Poppins,ui-sans-serif,system-ui,sans-serif}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:64rem;margin:0 auto;padding:0 1rem}
header.top{position:sticky;top:0;z-index:20;background:rgba(255,247,237,.95);border-bottom:1px solid #fde68a;backdrop-filter:blur(8px)}
.brand{display:flex;align-items:center;gap:.75rem;min-height:3rem;text-decoration:none;font-weight:800}
.brand img{width:3rem;height:3rem;border-radius:999px;object-fit:cover;background:#fff}
nav{display:flex;gap:.25rem;overflow-x:auto;padding:0 0 .75rem}
nav a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1rem;border-radius:999px;background:#fff;text-decoration:none;font-size:.875rem;font-weight:700}
nav a.aan{background:#f59e0b}
main{padding:2rem 0}
.kicker{color:#d97706;font-weight:700;margin:0}
h1{font-size:2.4rem;line-height:1.1;margin:.25rem 0 0}
.lede{color:#64748b;max-width:40rem}
.hero{min-height:68vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-bottom:2rem}
.logo-ring{background:#fff;padding:.75rem;border-radius:999px;box-shadow:0 1px 2px rgba(0,0,0,.06);outline:8px solid #fef3c7}
.logo-ring img{width:min(20rem,80vw);border-radius:999px}
.tag{font-size:1.35rem;font-weight:700;max-width:28rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:0 1.4rem;border-radius:999px;background:#f59e0b;color:#0f172a;font-weight:800;text-decoration:none;border:0}
.btn.donker{background:#0f172a;color:#f8fafc}
.btn.lijn{background:#fff;border:1px solid #fde68a}
.grid2{display:grid;gap:.75rem}
.grid3{display:grid;gap:1.25rem}
@media(min-width:700px){.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr 1fr}.split{grid-template-columns:1fr 1fr}}
.tegel{display:flex;align-items:center;justify-content:center;min-height:3.5rem;border:1px solid #fde68a;background:#fff;border-radius:1rem;font-weight:700;text-decoration:none}
.kaart{background:#fff;border:1px solid #fde68a;border-radius:1.5rem;overflow:hidden;display:flex;flex-direction:column}
.kaart .foto{aspect-ratio:3/4;object-fit:cover;object-position:center;background:#fef3c7;width:100%}
.kaart .tekst{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.muted{color:#64748b}
.prijs{font-weight:800;color:#d97706;font-size:1.8rem;margin:1rem 0 0}
.soft{background:#fef3c7;border-radius:1.5rem}
.lijst{margin:.5rem 0 0;padding:0;list-style:none}
.lijst li{border-bottom:1px solid #fde68a;padding:.5rem 0}
.feit{margin:.4rem 0 0;padding-left:1.1rem;color:#64748b}
.feit li{margin:.4rem 0}
footer{background:#0f172a;color:#f8fafc;padding:2rem 0}
footer a{color:#f8fafc}
.oranje{color:#f59e0b}
label{display:block;font-size:.875rem;font-weight:700;margin-top:1rem}
input,select,textarea{width:100%;margin-top:.25rem;min-height:2.75rem;border:1px solid #fde68a;background:#fff7ed;border-radius:.75rem;padding:.5rem .75rem;font:inherit}
table{width:100%;border-collapse:collapse;font-size:.9rem}
th,td{text-align:left;padding:.75rem 1rem;border-top:1px solid #fde68a}
thead{background:#fef3c7}
.whatsapp{background:#25d366;color:#0f172a;border-radius:1.5rem;padding:1.25rem}
.soc-ig{background:#fce7f3}
.soc-fb{background:#dbeafe}
.soc-tt{background:#0f172a;color:#f8fafc}
.soc{display:block;border-radius:1rem;padding:1.5rem;text-decoration:none}
.stap{background:#fff;border:1px solid #fde68a;border-radius:1.5rem;padding:1.25rem}
.num{width:2.75rem;height:2.75rem;border-radius:999px;background:#fef3c7;color:#d97706;display:inline-flex;align-items:center;justify-content:center;font-weight:800}