:root{--teal-deep:#0E5F63;--teal:#1F8A8E;--teal-soft:#DCEBEA;--teal-mist:#EAF3F2;--sun:#E9A24A;--sun-soft:#F5D9B3;--ink:#0F2B2E;--ink-soft:#4A5E61;--ink-mute:#7A8B8D;--cream:#F7F2E8;--cream-2:#EFE6D4;--white:#FDFBF5;--green:#2F8F4E;--line:rgba(15,43,46,.08);--shadow-md:0 8px 24px rgba(15,43,46,.10)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 Manrope,system-ui,-apple-system,sans-serif}
a{color:var(--teal-deep)}
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.15;margin:0 0 .5em}
h1 em,h2 em{font-style:italic;color:var(--sun-soft);font-weight:500}
.kop{background:var(--white);border-bottom:1px solid var(--line)}
.kop .binnen{max-width:1080px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:12px}
.merk{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.merk img{width:36px;height:36px;border-radius:9px}
.merk b{font-family:Fraunces,Georgia,serif;font-size:19px}
.merk small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);font-weight:600}
.kop nav{margin-left:auto;display:flex;gap:18px;font-size:14px}.kop nav a{text-decoration:none;color:var(--ink-soft)}
.held{background:var(--teal-deep);color:var(--white);position:relative;overflow:hidden}
.held:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(255,255,255,.12);right:-90px;top:-150px}
.held .binnen{max-width:1080px;margin:0 auto;padding:64px 20px 72px;position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.held h1{font-size:clamp(34px,5vw,52px)}.held p{color:rgba(253,251,245,.85);font-size:18px;max-width:34em}
.pil{display:inline-block;border:1px solid rgba(253,251,245,.35);background:rgba(253,251,245,.1);border-radius:999px;padding:5px 14px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin-bottom:18px}
.lijst{list-style:none;padding:0;margin:22px 0 0}.lijst li{display:flex;gap:12px;align-items:flex-start;margin:10px 0;color:rgba(253,251,245,.92)}
.lijst li:before{content:"";flex:0 0 22px;height:22px;border-radius:50%;background:var(--sun) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F2B2E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/13px no-repeat;margin-top:2px}
.telefoon{justify-self:center;width:260px;aspect-ratio:9/19;border-radius:40px;background:var(--cream);border:10px solid #0b2729;box-shadow:0 30px 60px rgba(0,0,0,.35);overflow:hidden;display:flex;flex-direction:column}
.telefoon .t-kop{background:var(--teal-deep);padding:30px 16px 18px;color:var(--white)}
.telefoon .t-kop b{font-family:Fraunces,Georgia,serif;font-size:20px;display:block}
.telefoon .t-kaart{margin:12px;background:var(--white);border-radius:16px;padding:12px;box-shadow:var(--shadow-md);font-size:12px;color:var(--ink-soft)}
.telefoon .t-kaart b{color:var(--ink);font-size:13px;display:block;margin-bottom:6px}
.balk{height:7px;border-radius:9px;background:var(--teal-soft);overflow:hidden}.balk i{display:block;height:100%;width:55%;background:var(--teal)}
.inhoud{max-width:760px;margin:0 auto;padding:48px 20px 72px}
.inhoud h1{font-size:clamp(30px,4vw,42px)}.inhoud h2{font-size:24px;margin-top:1.6em}
.kaarten{max-width:1080px;margin:0 auto;padding:56px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kaart{background:var(--white);border-radius:20px;padding:24px;box-shadow:0 2px 8px rgba(15,43,46,.06)}
.kaart h3{font-size:21px}.kaart p{margin:0;color:var(--ink-soft)}
.knop{display:inline-flex;align-items:center;gap:8px;background:var(--sun);color:var(--ink);border-radius:999px;padding:12px 22px;font-weight:700;text-decoration:none;margin-top:24px}
.voet{border-top:1px solid var(--line);background:var(--white);font-size:14px;color:var(--ink-soft)}
.voet .binnen{max-width:1080px;margin:0 auto;padding:24px 20px;display:flex;flex-wrap:wrap;gap:12px 24px}
.voet a{color:var(--ink-soft)}
table{border-collapse:collapse;width:100%;font-size:15px;margin:12px 0}td,th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.melding{background:var(--teal-mist);border-radius:14px;padding:14px 18px;margin:18px 0}
@media (max-width:800px){.held .binnen{grid-template-columns:1fr;padding:44px 16px 56px}.telefoon{display:none}.kaarten{grid-template-columns:1fr;padding:36px 16px}.kop nav{gap:12px}.kop .binnen,.voet .binnen{padding-left:16px;padding-right:16px}.inhoud{padding:32px 16px 56px}}