:root{
  --bg:#FAFAF7;
  --card:#FFFFFF;
  --ink:#1A1F1B;
  --forest:#2E5B33;
  --forest-soft:#E7F0E2;
  --terra:#B65A38;
  --terra-soft:#F5DDD0;
  --sky:#5780A8;
  --sky-soft:#DCE6EF;
  --gold:#C8983A;
  --gold-soft:#F2E5C8;
  --plum:#8F5A8C;
  --plum-soft:#EADDE8;
  --rose:#C45E7A;
  --rose-soft:#F4DDE3;
  --muted:#5A6451;
  --line:#ECECE6;
  --section-alt:#F1ECE0;
  --shadow:0 4px 22px rgba(26,31,27,.06);
  --shadow-lift:0 18px 50px rgba(26,31,27,.10);
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "Inter","Source Sans 3","Helvetica Neue",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--forest);text-decoration:none;font-weight:500}
a:hover{color:var(--terra)}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}

/* === HEADER === */
header.site{background:var(--bg);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:36px;height:80px}
.brand{display:inline-flex;align-items:center;gap:9px;font-size:21px;font-weight:700;color:var(--forest);letter-spacing:-.3px}
.brand::before{content:"";width:38px;height:38px;flex:0 0 auto;background:url(/logos/logo-nieuwehond.png) center/contain no-repeat}
.brand small{display:block;font-size:11px;color:var(--muted);letter-spacing:1.5px;font-weight:500;text-transform:uppercase;margin-top:2px}
/* Sitewide logo-header (zelfde als de index): groot logo + naam + slogan */
.brand-logo2{display:inline-flex !important;align-items:center;gap:12px}
.brand-logo2::before{display:none !important}
.bl-mark{width:59px;height:59px;display:block;flex-shrink:0}
.bl-text{display:inline-flex;flex-direction:column;line-height:1.05}
.bl-name{font-size:24px;font-weight:800;color:#1a1f1b}
.bl-tag{font-size:11px;letter-spacing:1.1px;text-transform:uppercase;font-weight:700;color:#2E5B33;margin-top:3px}
@media(max-width:900px){.brand-logo2 .bl-mark{width:46px;height:46px}.brand-logo2 .bl-name{font-size:21px}}
@media(max-width:600px){.brand-logo2 .bl-tag{display:none}}
.nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;flex:1}
.nav ul a{font-size:14px;color:var(--ink);font-weight:500}
.nav input{font:14px Inter,sans-serif;padding:10px 16px;border:1px solid var(--line);border-radius:99px;background:var(--card);color:var(--ink);width:180px}
.nav .login-btn{font-size:14px;font-weight:600;color:var(--ink);background:transparent;border:1.5px solid var(--line);padding:9px 18px;border-radius:99px;text-decoration:none;transition:all .15s;white-space:nowrap}
.nav .login-btn:hover{border-color:var(--forest);color:var(--forest)}
.nav .profile-btn{font-size:14px;font-weight:600;color:#fff;background:var(--forest);border:1.5px solid var(--forest);padding:9px 18px;border-radius:99px;text-decoration:none;transition:all .15s;white-space:nowrap}
.nav .profile-btn:hover{background:#234524;border-color:#234524;color:#fff;transform:translateY(-1px)}

/* === HERO === */
.hero{padding:56px 0 100px}
.hero-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.hero h1{font-size:48px;line-height:1.1;margin:0 0 20px;letter-spacing:-.8px;font-weight:700}
.hero .lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:560px;margin:0 0 32px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.btn{font-weight:600;font-size:14px;padding:14px 24px;border-radius:99px;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .15s,background .15s;text-decoration:none}
.btn.primary{background:var(--terra);color:#fff}
.btn.primary:hover{background:#9b4b2e;transform:translateY(-2px);color:#fff}
.btn.ghost{background:transparent;color:var(--forest);border:1.5px solid var(--forest)}
.btn.ghost:hover{background:var(--forest-soft)}
.btn.dark{background:var(--ink);color:#fff}
.btn.dark:hover{background:#2c322d;transform:translateY(-2px)}
.hero-img{aspect-ratio:5/4;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lift);background:#eee}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.hero-lid{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 0;max-width:560px;background:var(--forest-soft);border:1px solid #cfe0c7;border-radius:14px;padding:13px 18px;text-decoration:none;color:var(--ink);transition:box-shadow .15s,transform .15s}
.hero-lid:hover{box-shadow:var(--shadow);transform:translateY(-1px)}
.hero-lid span{font-size:14.5px;line-height:1.45}
.hero-lid strong{color:var(--forest)}
.hero-lid .hero-lid-cta{white-space:nowrap;font-weight:700;color:var(--terra)}
@media(max-width:600px){.hero-lid{flex-direction:column;align-items:flex-start;gap:8px}}
@media(max-width:560px){
 .hero-cta{flex-direction:column}
 .hero-cta .btn{width:100%;justify-content:center}
}

/* === ADRES-PIJLER (Fokkers / Trimsalons home-blok) === */
.adres-pillar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px}
.adres-pillar{display:flex;gap:24px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:32px 30px;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s,border-color .2s}
.adres-pillar:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);border-color:var(--terra-soft)}
.adres-pillar-ic{flex-shrink:0;width:110px;height:110px;display:flex;align-items:center;justify-content:center}
.adres-pillar-ic img{width:100%;height:100%;object-fit:contain}
.adres-pillar-body h3{margin:0 0 8px;font-size:22px;font-weight:700;letter-spacing:-.3px;color:var(--ink);display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.adres-pillar-count{font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--terra);background:var(--terra-soft);padding:3px 10px;border-radius:99px}
.adres-pillar-body p{margin:0 0 12px;font-size:15px;line-height:1.6;color:var(--muted)}
.adres-pillar-cta{display:inline-block;color:var(--terra);font-weight:600;font-size:15px}
.adres-pillar:hover .adres-pillar-cta{text-decoration:underline}
@media(max-width:760px){
 .adres-pillar-grid{grid-template-columns:1fr}
 .adres-pillar{flex-direction:column;text-align:left;gap:18px;padding:26px 22px}
 .adres-pillar-ic{width:80px;height:80px}
}
.hero-img img{width:100%;height:100%;object-fit:cover;display:block}

section.block{padding:64px 0}
section.block.alt{background:var(--section-alt)}
.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--terra);text-transform:uppercase;font-weight:700;margin-bottom:14px}
h2.section-h{font-size:36px;margin:0 0 12px;letter-spacing:-.5px;line-height:1.15;max-width:720px;font-weight:700}
.sub{color:var(--muted);max-width:720px;margin:0 0 56px;font-size:17px;line-height:1.65}

/* === CLUSTER === */
.cluster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.rub{background:var(--card);border-radius:18px;padding:30px 26px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;cursor:pointer;position:relative;overflow:hidden;text-decoration:none;color:inherit;display:block}
.rub:hover{transform:translateY(-5px);box-shadow:var(--shadow-lift)}
.rub.soon{opacity:.88}
.rub .ic{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;margin-bottom:20px}
.rub .ic.has-img{background:transparent;padding:0;overflow:hidden}
.rub .ic.has-img img{width:100%;height:100%;display:block;object-fit:cover}
.rub h3{font-size:18px;margin:0 0 6px;font-weight:700}
.rub p{font-size:13px;color:var(--muted);line-height:1.55;margin:0 0 14px}
.rub .count{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.rub.live .count{color:var(--forest)}
.rub.soon .count{color:var(--muted)}

/* === PERSONA === */
.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.persona{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:36px 32px;transition:transform .2s,box-shadow .2s;cursor:pointer;text-decoration:none;color:inherit;display:block}
.persona:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:transparent}
.persona .icon{margin-bottom:18px;line-height:1;width:84px;height:84px}
.persona .icon img{width:100%;height:100%;display:block;object-fit:contain}
.persona h3{font-size:20px;margin:0 0 8px;font-weight:700}
.persona p{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 18px}
.persona .more{font-size:13px;font-weight:600;color:var(--forest)}
.persona .more::after{content:" →"}

/* === RAS-GRID === */
.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;font-size:14px}
.chip{background:#f4f6f4;border:1px solid transparent;color:var(--ink);padding:7px 16px;border-radius:8px;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease;font-weight:500;text-decoration:none;font-size:14px;letter-spacing:.01em}
.chip:hover{background:#e6eae3;color:var(--ink)}
.chip.on{background:var(--forest);color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.chip.on:hover{background:var(--forest);color:#fff}
.ras-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}
.ras-card{background:var(--card);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;cursor:pointer;text-decoration:none;color:inherit;display:block}
.ras-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}
.ras-card.no-photo .meta{padding:16px 22px}
.ras-grid.no-photos{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}
.ras-grid.no-photos .ras-card h3{font-size:16px;margin:0}
@media(max-width:900px){.ras-grid.no-photos{grid-template-columns:repeat(2,1fr)}}
.ras-card .ph{aspect-ratio:4/3;background:#eee;overflow:hidden}
.ras-card .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.ras-card:hover .ph img{transform:scale(1.04)}
.ras-card .meta{padding:18px 22px 22px}
.ras-card h3{font-size:18px;margin:0 0 6px;font-weight:700}
.ras-card .tag{font-size:13px;color:var(--muted)}
.ras-card .ras-ex{font-size:14px;line-height:1.55;color:var(--muted);margin:0;font-weight:400}
.view-all{margin-top:36px;text-align:right;font-size:15px;font-weight:600}

/* === ADRESSEN HERO BLOK === */
.addr{background:var(--forest);color:#fff;border-radius:24px;padding:52px 56px;box-shadow:var(--shadow-lift)}
.addr h3{font-size:30px;margin:0 0 12px;font-weight:700;color:#fff;letter-spacing:-.3px}
.addr p{color:rgba(255,255,255,.85);font-size:16px;margin:0 0 28px;max-width:600px;line-height:1.6}
.addr .row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.addr input,.addr select{flex:1;min-width:220px;font:15px Inter,sans-serif;padding:14px 20px;border:0;border-radius:99px;background:rgba(255,255,255,.96);color:var(--ink)}
.addr input::placeholder{color:var(--muted)}
.addr .row .btn{flex:0;background:var(--terra);color:#fff;padding:14px 26px;border-radius:99px;font-weight:600;cursor:pointer;border:0}
.addr .types{display:flex;flex-wrap:wrap;gap:10px}
.addr .types a{font-size:13px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.95);padding:9px 16px;border-radius:99px;font-weight:500;border:1px solid rgba(255,255,255,.18)}
.addr .types a:hover{background:rgba(255,255,255,.22)}

/* === ARTIKELS-CARDS === */
.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.magazine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:1000px){.magazine-grid{grid-template-columns:repeat(2,1fr);gap:18px}}
@media(max-width:560px){.magazine-grid{grid-template-columns:1fr}}
.art-card{background:var(--card);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;cursor:pointer;text-decoration:none;color:inherit;display:block}
.art-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}
.art-card .img{aspect-ratio:16/10;background:#eee;overflow:hidden}
.art-card .img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.art-card:hover .img img{transform:scale(1.05)}
.art-card .body{padding:28px 30px 32px}
.art-card .cat{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--terra);font-weight:700;margin-bottom:12px}
.art-card h3{font-size:22px;line-height:1.25;margin:0 0 10px;font-weight:700}
.art-card .ex{color:var(--muted);font-size:15px;line-height:1.6;margin:0}

/* === PRO-BLOCK === */
.pro-block{background:var(--card);border-radius:24px;padding:52px 56px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.pro-block.pro-cta{grid-template-columns:1fr auto}
.pro-block h3{font-size:30px;margin:0 0 14px;font-weight:700;letter-spacing:-.3px}
.pro-block p{color:var(--muted);font-size:16px;line-height:1.65;margin:0 0 18px}
.pro-block .pro-tools-list{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px}
.pro-block .pro-tools-list li{color:var(--muted);font-size:15px;line-height:1.55;padding-left:22px;position:relative}
.pro-block .pro-tools-list li::before{content:"";position:absolute;left:2px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--forest)}
.pro-block .pro-tools-list li strong{color:var(--ink);font-weight:600}
.pro-block .pro-note{font-size:15px;margin:0 0 22px}
.pro-block .pro-cta{display:flex;gap:12px;flex-wrap:wrap}
.pro-block .pro-ill{aspect-ratio:1.2;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lift);background:#eee}
.pro-block .pro-ill img{width:100%;height:100%;object-fit:cover;display:block}

/* === SIGN-UP GRID per type === */
.signup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.signup-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 26px;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column;cursor:pointer}
.signup-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:transparent}
.signup-card .ic{width:54px;height:54px;border-radius:50%;overflow:hidden;margin-bottom:18px}
.signup-card .ic img{width:100%;height:100%;display:block;object-fit:cover}
.signup-card h3{font-size:18px;margin:0 0 6px;font-weight:700}
.signup-card p{color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 18px;flex:1}
.signup-card .more{font-size:13px;font-weight:600;color:var(--forest);margin-top:auto}
.signup-card .more::after{content:" →";transition:transform .15s;display:inline-block}
.signup-card:hover .more::after{transform:translateX(4px)}
.signup-card{position:relative}
.signup-badge{position:absolute;top:18px;right:18px;font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:4px 10px;border-radius:99px;line-height:1.4}
.signup-badge.gratis{background:var(--forest-soft);color:var(--forest)}
.signup-badge.betalend{background:var(--terra-soft);color:var(--terra)}

/* === TOOLS DETAIL (voor-professionals) === */
.tools-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:8px}
.tool-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px 28px}
.tool-card .tool-ic{font-size:32px;line-height:1;margin-bottom:14px}
.tool-card h3{font-size:20px;margin:0 0 12px;font-weight:700;letter-spacing:-.2px}
.tool-card p{color:var(--ink);font-size:15px;line-height:1.6;margin:0 0 12px}
.tool-card .tool-note{color:var(--muted);font-size:14px;line-height:1.55;margin:0;padding-top:10px;border-top:1px solid var(--line)}

/* === 404 PAGE === */
.four04{max-width:820px;margin:0 auto;padding:32px 0 16px;text-align:center}
.four04-code{font-size:128px;font-weight:800;letter-spacing:-4px;color:var(--forest);line-height:1;margin-bottom:18px;font-feature-settings:"tnum"}
.four04 h1{font-size:38px;font-weight:700;letter-spacing:-.5px;margin:0 0 14px;color:var(--ink)}
.four04-lead{font-size:18px;line-height:1.6;color:var(--muted);max-width:560px;margin:0 auto 36px}
.four04-search{display:flex;gap:10px;max-width:560px;margin:0 auto 56px}
.four04-search input{flex:1;font:16px Inter,sans-serif;padding:14px 20px;border:1px solid var(--line);border-radius:99px;background:var(--card);color:var(--ink)}
.four04-search input:focus{outline:none;border-color:var(--forest)}
.four04-shortcuts{margin-bottom:56px;text-align:left}
.four04-shortcuts h2,.four04-popular h2{font-size:20px;font-weight:700;color:var(--ink);margin:0 0 18px;letter-spacing:-.2px}
.four04-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.four04-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;flex-direction:column;gap:6px}
.four04-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:transparent}
.four04-card strong{font-size:15px;font-weight:600;color:var(--ink)}
.four04-card span{font-size:13px;line-height:1.5;color:var(--muted)}
.four04-popular{text-align:left;padding-top:32px;border-top:1px solid var(--line)}
.four04-popular ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.four04-popular li a{display:inline-block;padding:8px 16px;border:1px solid var(--line);border-radius:99px;font-size:14px;color:var(--ink);text-decoration:none;transition:border-color .15s,background .15s,color .15s}
.four04-popular li a:hover{border-color:var(--forest);background:var(--forest-soft);color:var(--forest)}

/* === AANMELDEN PAGE === */
.aanmeld-hero{max-width:820px}
.aanmeld-trilang{background:var(--forest-soft);border-left:4px solid var(--forest);padding:18px 22px;border-radius:10px;font-size:15px;line-height:1.8;color:var(--ink);margin-bottom:32px}
.aanmeld-trilang .lang-tag{display:inline-block;background:var(--forest);color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:2px 8px;border-radius:4px;margin-right:8px;vertical-align:1px}
.aanmeld-hero h1{font-size:42px;font-weight:700;letter-spacing:-.5px;line-height:1.15;margin:0 0 20px;color:var(--ink)}
.aanmeld-hero .aanmeld-lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:680px;margin:0}

.hint{display:inline-block;background:var(--terra-soft);color:var(--terra);font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;letter-spacing:.5px;text-transform:uppercase;vertical-align:2px;margin-left:6px}

.prijs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px;max-width:780px;margin-left:auto;margin-right:auto}
.prijs-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:32px 28px;display:flex;flex-direction:column;position:relative}
.prijs-card-featured{border-color:var(--forest);box-shadow:0 12px 36px rgba(46,91,51,.12);transform:translateY(-4px)}
.prijs-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--forest);color:#fff;font-size:11px;font-weight:700;letter-spacing:.6px;padding:5px 14px;border-radius:99px;text-transform:uppercase}
.prijs-tier{font-size:13px;font-weight:700;color:var(--forest);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}
.prijs-bedrag{display:flex;align-items:baseline;gap:4px;margin-bottom:14px}
.prijs-bedrag .bedrag{font-size:44px;font-weight:800;color:var(--ink);letter-spacing:-1px;line-height:1}
.prijs-bedrag .periode{font-size:14px;color:var(--muted)}
.prijs-tagline{font-size:14px;color:var(--muted);line-height:1.5;margin:0 0 20px;min-height:42px}
.prijs-features{list-style:none;padding:0;margin:0 0 24px;flex:1}
.prijs-features li{padding:8px 0 8px 22px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--ink);position:relative}
.prijs-features li::before{content:"✓";position:absolute;left:0;top:8px;color:var(--forest);font-weight:700}
.prijs-features li:last-child{border-bottom:none}
.prijs-features li strong{font-weight:600;color:var(--forest)}
.prijs-cta{align-self:stretch;text-align:center;margin-top:auto}
.prijs-disclaimer{text-align:center;font-size:13px;color:var(--muted);line-height:1.6;max-width:720px;margin:24px auto 0;padding:18px 22px;background:var(--bg);border-radius:10px}

.anders-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.anders-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px 22px}
.anders-card h3{font-size:16px;margin:0 0 10px;font-weight:700;color:var(--ink)}
.anders-card p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}

.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin-bottom:48px}
.faq-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0;overflow:hidden}
.faq-item summary{cursor:pointer;padding:18px 22px;font-weight:600;font-size:15px;color:var(--ink);list-style:none;position:relative;padding-right:48px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:22px;top:18px;font-size:22px;font-weight:300;color:var(--forest);line-height:1}
.faq-item[open] summary::after{content:"−"}
.faq-item p{padding:0 22px 18px;margin:0;font-size:14px;line-height:1.65;color:var(--muted)}

.aanmeld-final-cta{text-align:center;padding:48px 32px;background:var(--forest-soft);border-radius:20px;margin-top:8px}
.aanmeld-final-cta h2{font-size:28px;font-weight:700;color:var(--ink);margin:0 0 12px;letter-spacing:-.3px}
.aanmeld-final-cta p{font-size:16px;color:var(--ink);margin:0 0 24px}
.aanmeld-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* === CLUSTER TOP-CTA + SEO-BLOK === */
.cluster-top-cta{margin-top:20px;padding:18px 22px;background:var(--forest-soft);border:1px solid var(--forest);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.cluster-top-cta span{font-size:15px;color:var(--ink);font-weight:600}

.seo-blok{max-width:820px;margin:0 auto;padding:8px 0 16px;color:var(--ink)}
.seo-blok h2{font-size:24px;font-weight:700;margin:32px 0 12px;letter-spacing:-.3px;line-height:1.25}
.seo-blok h2:first-child{margin-top:0}
.seo-blok h3{font-size:18px;font-weight:700;margin:24px 0 10px;color:var(--ink)}
.seo-blok p{font-size:16px;line-height:1.7;margin:0 0 14px;color:var(--ink)}
.seo-blok ul{font-size:16px;line-height:1.7;margin:0 0 14px;padding-left:24px;color:var(--ink)}
.seo-blok li{margin-bottom:6px}
.seo-blok a{color:var(--forest);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.seo-blok a:hover{color:var(--terra);text-decoration-color:var(--terra)}
.seo-blok strong{font-weight:600;color:var(--ink)}

/* === RAS-INLINE-PHOTO (extra foto's binnen artikel) === */
.ras-inline-photo{margin:32px auto;padding:0;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);background:var(--card);max-width:100%;display:block}
.ras-inline-photo img{display:block;width:100%;height:auto;background:#eee}
.ras-inline-photo.portrait{max-width:560px}
.ras-inline-photo.portrait img{width:100%;max-height:720px;object-fit:cover}
.ras-inline-photo.square{max-width:640px}
.ras-inline-photo figcaption{font-size:12px;color:var(--muted);padding:8px 14px;background:var(--card);border-top:1px solid var(--line);font-style:italic;text-align:center}

/* === COOKIE-BANNER === */
.nh-cookie{position:fixed;right:20px;bottom:20px;max-width:380px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(26,31,27,.15);padding:22px 24px 20px;z-index:1000;font:14px/1.55 Inter,sans-serif;color:var(--ink)}
.nh-cookie[hidden]{display:none}
.nh-cookie h3{font-size:15px;margin:0 0 8px;font-weight:700;color:var(--ink)}
.nh-cookie p{font-size:13.5px;line-height:1.55;color:var(--muted);margin:0 0 14px}
.nh-cookie a{color:var(--forest);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.nh-cookie-actions{display:flex;gap:8px;flex-wrap:wrap}
.nh-cookie-actions .btn{font-size:13px;padding:8px 16px}
@media(max-width:560px){
 .nh-cookie{right:12px;left:12px;bottom:12px;max-width:none}
}

/* === SCROLL TO TOP === */
.nh-top{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;border:none;cursor:pointer;box-shadow:0 8px 24px rgba(26,31,27,.25);display:flex;align-items:center;justify-content:center;z-index:90;transition:transform .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}
.nh-top:hover{transform:translateY(-2px);background:var(--forest)}
.nh-top:focus-visible{outline:3px solid var(--forest);outline-offset:3px}
.nh-top[hidden]{display:none}
@media(max-width:560px){
 .nh-top{right:16px;bottom:16px;width:44px;height:44px}
}

/* === FAQ-ACCORDION === */
.faq-list{max-width:880px;margin:32px 0 0;display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.faq-item[open]{border-color:var(--forest-soft);box-shadow:var(--shadow)}
.faq-item summary{padding:20px 24px;font-size:17px;font-weight:600;color:var(--ink);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:color .15s}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:28px;font-weight:300;color:var(--forest);line-height:1;flex-shrink:0;transition:transform .2s}
.faq-item[open] summary::after{content:"−";transform:rotate(0deg)}
.faq-item summary:hover{color:var(--forest)}
.faq-item p{padding:0 24px 22px;margin:0;font-size:15.5px;line-height:1.65;color:var(--muted)}
.faq-item p a{color:var(--terra);text-decoration:underline;text-decoration-color:var(--terra-soft);text-underline-offset:3px;font-weight:500}
.faq-item p a:hover{text-decoration-color:var(--terra)}

/* === VERMELDING FORM === */
.vermeld-form{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.vform-stap{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:28px 28px 24px;margin:0}
.vform-stap legend{padding:6px 14px;background:var(--forest);color:#fff;border-radius:99px;font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;margin-left:-2px}
.vform-uitleg{font-size:14px;color:var(--muted);line-height:1.55;margin:14px 0 16px}
.vform-typekeuze{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}
.vform-typecard{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s;position:relative}
.vform-typecard:hover{border-color:var(--forest)}
.vform-typecard input{position:absolute;opacity:0;pointer-events:none}
.vform-typecard:has(input:checked){border-color:var(--forest);background:var(--forest-soft)}
.vform-typecard .vform-tc-ic{font-size:22px;line-height:1;margin-bottom:2px}
.vform-typecard strong{font-size:15px;color:var(--ink)}
.vform-typecard span:last-child{font-size:13px;color:var(--muted);line-height:1.45}
.vform-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}
.vform-row:last-child{margin-bottom:0}
.vform-row:has(>label:nth-child(3)){grid-template-columns:repeat(3,1fr)}
.vform-veld{display:flex;flex-direction:column;gap:6px}
.vform-veld>span{font-size:13px;font-weight:600;color:var(--ink)}
.vform-veld>span em{font-style:normal;color:var(--terra);font-weight:500;font-size:11px;margin-left:6px}
.vform-veld input,.vform-veld select,.vform-veld textarea{padding:11px 14px;border:1px solid var(--line);border-radius:10px;font:15px Inter,sans-serif;color:var(--ink);background:var(--card);width:100%;box-sizing:border-box}
.vform-veld input:focus,.vform-veld select:focus,.vform-veld textarea:focus{outline:none;border-color:var(--forest)}
.vform-veld textarea{resize:vertical;min-height:80px;font-family:inherit}
.vform-upload{display:block;border:2px dashed var(--line);border-radius:12px;padding:32px 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.vform-upload:hover{border-color:var(--forest);background:var(--forest-soft)}
.vform-upload input[type=file]{display:none}
.vform-upload span{font-size:14px;color:var(--muted);font-weight:500}
.vform-checkbox{display:flex;gap:10px;align-items:flex-start;padding:8px 0;font-size:14px;color:var(--ink);line-height:1.55;cursor:pointer}
.vform-checkbox input{margin-top:4px;flex-shrink:0}
.vform-checkbox a{color:var(--forest);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.vform-submit-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}

/* === TRUST-STRIP === */
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.trust-item{display:flex;gap:14px;align-items:flex-start;padding:24px 22px;background:var(--card);border-radius:14px;border:1px solid var(--line)}
.trust-item .ic{width:32px;height:32px;border-radius:50%;background:var(--forest);color:#fff;display:grid;place-items:center;font-size:15px;flex-shrink:0;font-weight:700}
.trust-item b{display:block;font-size:14px;margin-bottom:4px;color:var(--ink)}
.trust-item p{font-size:13px;color:var(--muted);line-height:1.5;margin:0}

/* === NET NIEUW === */
.recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.recent-card{background:var(--card);border-radius:18px;overflow:hidden;display:flex;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit}
.recent-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}
.recent-card .thumb{width:132px;height:132px;flex-shrink:0;background:#eee;overflow:hidden}
.recent-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.recent-card:hover .thumb img{transform:scale(1.05)}
.recent-card .meta{padding:18px 22px;display:flex;flex-direction:column;justify-content:center;flex:1}
.recent-card .cat{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--terra);font-weight:700;margin-bottom:6px}
.recent-card h3{font-size:16px;line-height:1.3;margin:0 0 6px;font-weight:700;color:var(--ink)}
.recent-card .date{font-size:12px;color:var(--muted)}

/* === FOOTER === */
footer.site{background:#1F2A23;color:rgba(255,255,255,.75);padding:56px 0 36px;border-top:4px solid #F2C94C}
.footer-media-badge{box-sizing:border-box;width:100%;max-width:280px;min-height:86px;margin:0 0 18px;display:grid;grid-template-columns:72px 1fr;overflow:hidden;background:#fff;color:#1A1F1B;border:1.5px solid #F2C94C;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
footer a.fmb-brand{display:flex;align-items:center;justify-content:center;padding:10px;background:#FFF4BF;border-left:5px solid #F2C94C;color:inherit;font-size:inherit;line-height:1;text-decoration:none}
.fmb-brand img{display:block;width:44px;height:45px}
.fmb-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:10px 11px}
.fmb-eyebrow{margin-bottom:3px;color:#2E5B33;font-size:8.5px;line-height:1.25;font-weight:700;letter-spacing:.9px;text-transform:uppercase}
.fmb-copy strong{color:#1A1F1B;font-size:12.5px;line-height:1.25;font-weight:700}
.fmb-source{margin-top:4px;padding-top:4px;border-top:1px solid #ECECE6;color:#5A6451;font-size:10.5px;line-height:1.25;font-weight:500}
footer .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:36px}
footer h3{color:#fff;font-size:13px;letter-spacing:2px;text-transform:uppercase;margin:0 0 16px;font-weight:700}
footer a{color:rgba(255,255,255,.7);font-size:14px;line-height:2.2}
footer a:hover{color:var(--terra-soft)}
footer p{font-size:14px;line-height:1.7;margin-top:0;color:rgba(255,255,255,.7)}
footer .legal{margin-top:48px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:rgba(255,255,255,.55);display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;align-items:center;text-align:center;line-height:1.7}
footer .legal a{color:rgba(255,255,255,.75);text-decoration:none}
footer .legal a:hover{color:#fff;text-decoration:underline}
.nb-foot{margin:4px 0 0;max-width:238px}
.nb-foot h3{margin:0 0 9px}
.nb-foot form{display:flex;flex-direction:column;gap:7px;align-items:stretch}
.nb-foot input[type=email],.nb-foot select{width:100%;box-sizing:border-box;padding:8px 11px;border-radius:7px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#fff;font-size:13px;font-family:inherit}
.nb-foot input[type=email]::placeholder{color:rgba(255,255,255,.5)}
.nb-foot input[type=email]:focus,.nb-foot select:focus{outline:none;border-color:rgba(255,255,255,.45)}
.nb-foot select{color:rgba(255,255,255,.8)}
.nb-foot select option{color:#1F2A23}
.nb-foot .nb-foot-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.nb-foot .btn.primary{align-self:flex-start;background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:7px;padding:8px 18px;font-size:13px;font-weight:600;box-shadow:none;margin-top:1px}
.nb-foot .btn.primary:hover{background:rgba(255,255,255,.12);color:#fff;transform:none}
.nb-foot-msg{font-size:12.5px;color:rgba(255,255,255,.8);line-height:1.4}
.nb-foot-msg.ok{color:#a9e0ad}
.nb-foot-msg.err{color:#f2b8b0}
@media(max-width:600px){
 footer.site{padding-top:44px}
 footer .cols>div:first-child{grid-column:1/-1}
 .footer-media-badge{max-width:300px}
 .nb-foot{max-width:300px}
}

/* === BREADCRUMB === */
.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:6px;padding:24px 0 0}
.breadcrumb a{color:var(--muted);text-decoration:none;font-weight:500}
.breadcrumb a:hover{color:var(--forest)}
.breadcrumb .sep{margin:0 8px;color:var(--line)}
.ras-back{display:inline-flex;align-items:center;gap:6px;margin:8px 0 2px;padding:7px 14px;border:1.5px solid var(--line);border-radius:9px;background:#fff;color:var(--forest);text-decoration:none;font-size:13.5px;font-weight:600;line-height:1;transition:border-color .12s,background .12s}
.ras-back:hover{border-color:var(--forest);background:#F2F6F1}

/* === PAGE HEAD (h1 + intro voor sub-pagina's) === */
.page-head{padding:24px 0 40px}
.page-head h1{font-size:42px;line-height:1.1;margin:0 0 12px;font-weight:700;letter-spacing:-.5px}
.page-head .intro{font-size:18px;color:var(--muted);max-width:720px;line-height:1.65;margin:0}

/* === ARTICLE CONTENT === */
.article{max-width:780px;margin:0 auto;padding:24px 32px 96px}
.article h1{font-size:42px;line-height:1.1;margin:0 0 12px;font-weight:700;letter-spacing:-.5px}
.article .meta{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:600;margin-bottom:32px}
.article h2{font-size:28px;margin:48px 0 16px;letter-spacing:-.3px;font-weight:700}
.article h3{font-size:22px;margin:32px 0 12px;font-weight:700}
.article p{font-size:17px;line-height:1.7;margin:0 0 18px}
.article ul,.article ol{margin:0 0 18px;padding-left:24px;font-size:17px;line-height:1.7}
.article li{margin-bottom:8px}
.article a{color:var(--terra);text-decoration:underline;text-decoration-color:var(--terra-soft);text-underline-offset:3px;font-weight:500}
.article .artikel-rasthumb{float:left;margin:8px 24px 12px 0;padding:0;width:200px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:transform .15s}
.article .artikel-rasthumb:hover{transform:translateY(-2px)}
.article .artikel-rasthumb a{display:block;text-decoration:none}
.article .artikel-rasthumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.article h2{clear:both}
@media(max-width:560px){
 .article .artikel-rasthumb{float:none;width:100%;max-width:280px;margin:16px auto}
}
.article a:hover{color:var(--terra);text-decoration-color:var(--terra)}
.article table{width:100%;margin:24px 0;border-collapse:collapse;font-size:15px;background:var(--card);border-radius:8px;overflow:hidden}
.article th,.article td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}
.article th{background:var(--bg);font-weight:600;color:var(--ink)}
.article hr{border:0;border-top:1px solid var(--line);margin:32px 0}

/* === RAS-FICHE PAGE === */
.ras-head{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;padding:32px 0 48px}
.ras-head .photo{aspect-ratio:5/4;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lift);background:#eee}
.ras-head .photo img{width:100%;height:100%;object-fit:cover;display:block}
.ras-head h1{font-size:48px;line-height:1.1;margin:0 0 12px;font-weight:700;letter-spacing:-.5px}
.ras-head .tag{font-size:12px;color:var(--terra);text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:14px}
.ras-head .lead-text{font-size:18px;color:var(--muted);line-height:1.65;margin:0 0 24px}
.ras-head .quick{display:flex;flex-wrap:wrap;gap:8px}
.ras-head .quick span{font-size:13px;background:var(--card);border:1px solid var(--line);padding:6px 14px;border-radius:99px;color:var(--ink)}
.ras-info{display:grid;grid-template-columns:2fr 1fr;gap:48px;padding:0 0 64px}
.ras-info .sidebar{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 30px;height:fit-content;position:sticky;top:96px}
.ras-info .sidebar h3{font-size:14px;margin:0 0 14px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--terra)}
.ras-info .sidebar dl{margin:0;font-size:14px}
.ras-info .sidebar dt{color:var(--muted);font-weight:500;margin-top:14px;font-size:12px;letter-spacing:.3px}
.ras-info .sidebar dt:first-child{margin-top:0}
.ras-info .sidebar dd{margin:2px 0 0;color:var(--ink);font-weight:600}

/* === FOKKERS-LIJST OP RASFICHE === */
.club-card{background:var(--card);border-radius:14px;padding:20px 24px;display:flex;align-items:center;gap:16px;margin-bottom:14px;border:1px solid var(--line)}
.club-card .badge{width:46px;height:46px;border-radius:12px;background:var(--forest);color:#fff;display:grid;place-items:center;font-size:20px;flex-shrink:0}
.club-card h3{font-size:16px;margin:0 0 2px;font-weight:700}
.club-card .meta{font-size:13px;color:var(--muted)}
.fokker-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}
.fokker-row{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 24px;display:flex;gap:14px;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}
.fokker-row:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.fokker-row .ic{width:44px;height:44px;border-radius:12px;background:var(--terra-soft);color:var(--terra);display:grid;place-items:center;font-size:20px;flex-shrink:0}
.fokker-row h3{font-size:15px;margin:0 0 3px;font-weight:700}
.fokker-row .meta{font-size:12px;color:var(--muted);line-height:1.55}
.fokker-row .reg{display:inline-block;background:var(--forest-soft);color:var(--forest);font-size:10px;padding:1px 7px;border-radius:99px;margin-top:5px;font-weight:700}

/* === ADRES-CARDS (algemeen lijst voor trimsalons/scholen/etc.) === */
.adressen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.adres-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 26px;transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;display:block}
.adres-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.adres-card h3 a.adres-card-title{color:var(--ink);text-decoration:none}
.adres-card h3 a.adres-card-title:hover{color:var(--forest)}
.adres-card .adres-more{display:inline-block;margin-top:10px;font-size:13px;font-weight:600;color:var(--forest);text-decoration:none}
.adres-card .adres-more:hover{color:var(--terra)}
.adres-card h3{font-size:18px;margin:0 0 4px;font-weight:700}
.adres-card .place{font-size:13px;color:var(--muted);margin-bottom:12px;font-weight:500}
.adres-card p{font-size:14px;color:var(--ink);line-height:1.55;margin:0 0 14px}
.adres-card .tags{display:flex;flex-wrap:wrap;gap:6px}
.adres-card .tags span{font-size:11px;background:var(--forest-soft);color:var(--forest);padding:3px 10px;border-radius:99px;font-weight:600;letter-spacing:.3px}
.adres-card .adres-info{display:flex;flex-direction:column;gap:2px;margin:0 0 14px;padding:12px 14px;background:var(--bg);border-radius:10px;font-size:13px;line-height:1.5;color:var(--ink)}
.adres-card .adres-info .tel{margin-top:6px;font-weight:600}
.adres-card .adres-info .tel a{color:var(--forest);text-decoration:none}
.adres-card .adres-acties{display:flex;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.adres-card .adres-act{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--line);border-radius:50%;font-size:16px;text-decoration:none;transition:background .15s,border-color .15s,transform .15s}
.adres-card .adres-act:hover{background:var(--forest-soft);border-color:var(--forest);transform:scale(1.08)}
.adres-card .adres-acties.labeled{gap:6px;flex-wrap:wrap}
.adres-card .adres-acties.labeled .adres-act{width:auto;height:auto;border-radius:8px;padding:7px 11px;font-size:12.5px;font-weight:600;color:var(--ink);background:#fff;gap:6px;transform:none}
.adres-card .adres-acties.labeled .adres-act:hover{transform:translateY(-1px)}
.adres-card .adres-acties.labeled .adres-act svg{width:14px;height:14px;flex-shrink:0;color:var(--forest)}
.fokker-bizcard{padding:28px 28px;border-radius:18px;box-shadow:0 12px 32px rgba(0,0,0,.07)}
.fokker-bizcard:hover{transform:translateY(-4px);box-shadow:0 22px 56px rgba(0,0,0,.12)}
.fokker-bizcard .bc-head{display:flex;align-items:flex-start;gap:18px;margin-bottom:18px}
.fokker-bizcard .bc-logo{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.fokker-bizcard .bc-logo img{width:100%;height:100%;object-fit:cover;display:block}
.fokker-bizcard .bc-logo svg{width:30px;height:30px}
.fokker-bizcard h3{font-size:26px;margin:0;font-weight:700;letter-spacing:-.3px;color:var(--terra)}
.fokker-bizcard h3 a{color:var(--terra)!important}
.fokker-bizcard h3 a:hover{color:#9d4d2f!important}
.fokker-bizcard .bc-tagline{font-size:14px;color:var(--ink);margin-top:4px;font-weight:500}
.fokker-bizcard .bc-desc{font-size:15px;line-height:1.55;color:var(--muted);margin:0 0 22px}
.fokker-bizcard .bc-rows{display:grid;grid-template-columns:1fr;gap:9px;margin:0 0 18px;list-style:none;padding:0}
.fokker-bizcard .bc-rows li{display:flex;align-items:center;gap:11px;font-size:14px;color:var(--ink);line-height:1.4}
.fokker-bizcard .bc-rows li svg{width:16px;height:16px;color:var(--terra);flex-shrink:0}
.fokker-bizcard .bc-rows a{color:var(--ink);text-decoration:none}
.fokker-bizcard .bc-rows a:hover{color:var(--terra)}
.fokker-bizcard .tags{margin-top:0}
@media(max-width:760px){.fokker-bizcard{padding:24px 22px}}

/* === FOKKER-DETAIL PAGE === */
.fokker-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:24px 0 48px;align-items:center}
.gids-profile-head{grid-template-columns:1.5fr 1fr}
.fokker-head .photo{aspect-ratio:4/3;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lift);background:#eee}
.fokker-head .photo img{width:100%;height:100%;object-fit:cover;display:block}
.fokker-head .photo.is-logo{padding:22px;background:#f7f5ef}
.fokker-head .photo.is-logo img{object-fit:contain}
.fokker-head h1{font-size:42px;line-height:1.1;margin:0 0 10px;font-weight:700;letter-spacing:-.5px}
.gids-profile-head h1{font-size:52px;letter-spacing:-1px}
.fokker-head .place{font-size:14px;color:var(--terra);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:14px}
.fokker-head .quick-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.fokker-head .quick-tags span{font-size:13px;background:var(--card);border:1px solid var(--line);padding:6px 14px;border-radius:99px;color:var(--ink)}
.fokker-block{display:grid;grid-template-columns:2fr 1fr;gap:48px;padding:0 0 64px}
.fokker-block .sidebar{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 30px;height:fit-content;position:sticky;top:96px}
.fokker-block .sidebar h3{font-size:14px;margin:0 0 14px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--terra)}
.fokker-block .sidebar dl{margin:0;font-size:14px}
.fokker-block .sidebar dt{color:var(--muted);font-weight:500;margin-top:14px;font-size:12px;letter-spacing:.3px}
.fokker-block .sidebar dt:first-child{margin-top:0}
.fokker-block .sidebar dd{margin:2px 0 0;color:var(--ink);font-weight:600}
.mw-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:36px 0 12px}
.mw-gallery a{display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#eee}
.mw-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.mw-gallery a:hover img{transform:scale(1.05)}
@media(max-width:760px){.mw-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.mw-side{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:center;margin:20px 0}
.mw-side.reverse{grid-template-columns:minmax(0,1fr) 240px}
.mw-side img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;display:block}
.mw-side h2{margin-top:0!important}
.mw-side p{margin-bottom:0!important}
@media(max-width:760px){.mw-side,.mw-side.reverse{grid-template-columns:1fr}.mw-side img{max-width:280px;margin:0 auto}}
.mw-divider{display:flex;justify-content:center;align-items:center;gap:10px;margin:56px 0 24px}
.mw-divider i{width:6px;height:6px;border-radius:50%;background:var(--terra);opacity:.45}
.mw-divider i:nth-child(2){opacity:.85;width:8px;height:8px}
.mw-puppy-status{display:inline-flex;align-items:center;gap:8px;background:var(--forest-soft);color:var(--forest);font-size:13px;font-weight:700;padding:6px 12px;border-radius:99px;margin-bottom:18px;letter-spacing:.2px}
.mw-puppy-status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--forest);box-shadow:0 0 0 4px rgba(46,91,51,.15)}
.mw-sidebar-cta{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--terra);color:#fff;font-weight:700;padding:12px 16px;border-radius:10px;text-decoration:none;margin-bottom:22px;transition:background .2s}
.mw-sidebar-cta:hover{background:#9d4d2f}
.mw-sidebar-cta::before{content:"\2709";font-size:16px}
.mw-sidebar-link{display:inline-flex;align-items:center;gap:6px;color:var(--terra);font-weight:700;text-decoration:none;border-bottom:2px solid var(--terra);padding-bottom:3px;font-size:15px;letter-spacing:.1px;transition:gap .2s,opacity .2s}
.mw-sidebar-link:hover{gap:10px;opacity:.75}
.mw-pup-box{border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:32px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.mw-pup-box + h3{margin-top:8px}
.mw-pup-box .mw-puppy-status{margin:0}
.mw-pup-box .mw-puppy-meta{font-size:14px;color:var(--muted);margin:0}
.mw-pup-box .mw-sidebar-link{margin-top:4px}
.mw-callout{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--terra);border-radius:12px;padding:28px 32px;margin:36px 0}
.mw-callout .lead{font-size:24px;line-height:1.3;color:var(--ink);font-weight:700;margin:0 0 14px;letter-spacing:-.3px}
.mw-callout p{font-size:16px;line-height:1.65;color:var(--ink);margin:0 0 12px}
.mw-werkwijze{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 6px}
.mw-wcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 22px 20px}
.mw-wicon{width:42px;height:42px;border-radius:50%;background:var(--forest);color:#fff;display:grid;place-items:center;margin-bottom:14px}
.mw-wicon svg{width:20px;height:20px}
.mw-wcard h3{font-size:18px;margin:0 0 8px;font-weight:700;color:var(--ink)}
.mw-wcard p{font-size:15px;line-height:1.6;color:var(--muted);margin:0}
.fokker-card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:14px;transition:transform .2s,box-shadow .2s}
.fokker-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}
.fokker-card .photo{aspect-ratio:16/9;overflow:hidden;background:#eee}
.fokker-card .photo img{width:100%;height:100%;object-fit:cover;display:block}
.fokker-card .body{padding:18px 18px 16px}
.fokker-card .status{display:inline-flex;align-items:center;gap:6px;background:var(--forest-soft);color:var(--forest);font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px;margin-bottom:10px;letter-spacing:.3px;text-transform:uppercase}
.fokker-card .status::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--forest)}
.fokker-card .status.amber{background:#FAEFD0;color:#8B6515}
.fokker-card .status.amber::before{background:#8B6515}
.fokker-card .status.grey{background:#E8E6E0;color:#5A6451}
.fokker-card .status.grey::before{background:#5A6451}
.fokker-card .status.blue{background:#DEE7F1;color:#3A5B7E}
.fokker-card .status.blue::before{background:#3A5B7E}
.fokker-card h3{font-size:17px;margin:0 0 6px;font-weight:700;color:var(--ink)}
.fokker-card .loc{font-size:13px;color:var(--muted);margin:0 0 14px;line-height:1.5}
.fokker-card .actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.fokker-card .actions a{display:flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-size:12.5px;font-weight:600;color:var(--ink);text-decoration:none;transition:background .15s,border-color .15s}
.fokker-card .actions a:hover{background:var(--bg);border-color:var(--terra)}
.fokker-card .actions a.primary{background:var(--terra);color:#fff;border-color:var(--terra)}
.fokker-card .actions a.primary:hover{background:#9d4d2f;border-color:#9d4d2f}
.fokker-card .actions a svg{width:14px;height:14px;flex-shrink:0}
.fokker-card-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:32px 0}
.fokker-card-grid .fokker-card{margin:0;flex:0 1 260px;max-width:260px}
@media(max-width:560px){.fokker-card-grid{flex-direction:column;align-items:center}}
.fokker-card.horizontal{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);margin:28px auto;max-width:50%}
.fokker-card.horizontal .photo{aspect-ratio:1/1;height:100%}
.fokker-card.horizontal .body{padding:22px 24px;display:flex;flex-direction:column;justify-content:center}
.fokker-card.horizontal .actions{grid-template-columns:1fr;gap:6px}
@media(max-width:900px){.fokker-card.horizontal{max-width:100%}}
@media(max-width:760px){.fokker-card.horizontal{grid-template-columns:1fr}.fokker-card.horizontal .photo{aspect-ratio:16/9}}
@media(max-width:560px){.mw-werkwijze{grid-template-columns:1fr}}
.mw-frame{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);padding:16px 22px;background:var(--forest-soft);border-radius:12px}
.mw-frame-top{margin:8px 0 24px}
.mw-frame-bot{margin:40px 0 24px;background:transparent;border-top:1px solid var(--line);border-radius:0;padding:18px 0 4px;font-size:13px}
.mw-frame-tag{display:inline-block;background:#fff;color:var(--forest);font-size:11px;font-weight:700;padding:4px 10px;border-radius:99px;letter-spacing:.5px;text-transform:uppercase}
.mw-frame a{color:var(--forest);text-decoration:underline;text-decoration-color:rgba(46,91,51,.3);text-underline-offset:2px}

/* === KENNEL/CLUB BIG CARD === */
.bigclub{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 32px;display:flex;align-items:center;gap:20px;margin-bottom:20px}
.bigclub .badge{width:54px;height:54px;border-radius:14px;background:var(--forest);color:#fff;display:grid;place-items:center;font-size:24px;flex-shrink:0}
.bigclub h3{font-size:17px;margin:0 0 3px;font-weight:700}
.bigclub .meta{font-size:14px;color:var(--muted)}

/* === RASZOEKER QUIZ === */
.quiz-page{min-height:60vh;background:var(--bg)}
.quiz-inner{max-width:720px;margin:0 auto;padding:48px 32px 80px}
.quiz-header{text-align:center;margin-bottom:40px}
.quiz-title{font-size:44px;font-weight:800;color:var(--ink);margin:0 0 14px;letter-spacing:-.8px;line-height:1.1}
.quiz-title .highlight{color:var(--terra);font-style:italic;font-weight:800}
.quiz-subtitle{font-size:18px;color:var(--muted);line-height:1.6;margin:0;max-width:560px;margin-left:auto;margin-right:auto}
.quiz-container{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:36px 36px 32px;box-shadow:var(--shadow)}
.quiz-progress{height:4px;background:var(--line);border-radius:4px;margin-bottom:24px;overflow:hidden}
.quiz-progress-bar{height:100%;background:var(--terra);border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1)}
.quiz-step{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:10px}
.quiz-question{font-size:26px;font-weight:700;color:var(--ink);margin:0 0 26px;line-height:1.25;letter-spacing:-.3px}
.quiz-options{display:flex;flex-direction:column;gap:12px}
.quiz-option{display:flex;align-items:center;gap:16px;width:100%;padding:18px 22px;background:var(--card);border:1.5px solid var(--line);border-radius:14px;font-family:inherit;font-size:15px;font-weight:500;color:var(--ink);text-align:left;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px rgba(26,31,27,.04)}
.qo-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);flex-shrink:0;transition:all .25s;background:var(--card)}
.quiz-option:hover{border-color:var(--forest);background:var(--forest-soft);transform:translateX(6px);box-shadow:var(--shadow)}
.quiz-option:hover .qo-dot{border-color:var(--forest);background:var(--forest);box-shadow:inset 0 0 0 3px #fff}
.quiz-option:active{transform:translateX(6px) scale(.98)}

.quiz-results{margin-top:8px}
.results-title{font-size:30px;font-weight:800;color:var(--ink);text-align:center;margin:0 0 10px;letter-spacing:-.4px}
.results-subtitle{font-size:15px;color:var(--muted);text-align:center;margin:0 0 32px}
.results-list{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}
.result-card{display:flex;align-items:center;gap:18px;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:16px;text-decoration:none;color:inherit;transition:all .25s;box-shadow:0 1px 4px rgba(26,31,27,.04)}
.result-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);border-color:var(--forest)}
.result-rank{width:38px;height:38px;display:grid;place-items:center;background:var(--forest);color:#fff;border-radius:50%;font-weight:800;font-size:15px;flex-shrink:0}
.result-card:nth-child(1) .result-rank{background:var(--terra)}
.result-card:nth-child(2) .result-rank{background:var(--forest)}
.result-img{width:80px;height:80px;object-fit:cover;border-radius:12px;flex-shrink:0;background:#eee}
.result-body{flex:1;min-width:0}
.result-name{font-size:18px;font-weight:700;color:var(--ink);margin:0 0 3px;letter-spacing:-.2px}
.result-match{font-size:13px;font-weight:700;color:var(--terra);margin-bottom:5px;letter-spacing:.2px}
.result-intro{font-size:13px;color:var(--muted);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.results-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.quiz-disclaimer{margin:8px 0 24px;padding:16px 20px;background:var(--gold-soft);color:var(--ink);font-size:13px;line-height:1.6;border-radius:12px}
.quiz-disclaimer b{font-weight:700}
.quiz-gate{margin-top:4px}
.qg-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--terra);text-align:center;margin:0 0 14px}
.qg-teaser{margin-bottom:18px}
.qg-teaser .result-card{border:1.5px solid var(--terra);box-shadow:var(--shadow-lift)}
.qg-panel{background:var(--forest-soft);border:1px solid var(--line);border-radius:18px;padding:24px 26px;text-align:center}
.qg-lead{font-size:14.5px;line-height:1.6;color:var(--ink);margin:0 0 16px;max-width:460px;margin-left:auto;margin-right:auto}
.qg-lead b{font-weight:700;color:var(--forest)}
.qg-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.qg-row input[type=email]{flex:1;min-width:220px;max-width:320px;padding:13px 18px;border:1.5px solid var(--line);border-radius:99px;background:var(--card);font-family:inherit;font-size:15px;color:var(--ink)}
.qg-row input[type=email]::placeholder{color:var(--muted)}
.qg-row input[type=email]:focus{outline:none;border-color:var(--forest)}
.qg-row .btn.primary{flex-shrink:0}
.qg-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.qg-msg{display:block;font-size:13px;margin-top:10px;min-height:1px;line-height:1.4}
.qg-msg.err{color:var(--terra);font-weight:600}
.qg-msg.ok{color:var(--forest);font-weight:600}
.qg-skip{display:inline-block;margin-top:14px;background:none;border:0;padding:0;font-family:inherit;font-size:13px;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.qg-skip:hover{color:var(--ink)}

/* Placeholder-badge voor velden die fokker zelf invult via controleformulier */
.hint{display:inline-block;background:var(--terra-soft);color:var(--terra);font-size:10px;padding:2px 8px;border-radius:99px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-left:6px;vertical-align:1px}
::selection{background:var(--terra-soft);color:var(--ink)}

/* === Article-rendering uit rassen-bron/.txt === */
.ras-article{max-width:880px;margin:0 auto;padding:0 32px 64px}

/* === RAS-LAYOUT: 2-koloms artikel + sticky sidebar voor fokkers/asielen === */
.ras-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;max-width:1320px;margin:0 auto;padding:0 32px 64px;align-items:start}
.ras-layout .ras-article{max-width:none;margin:0;padding:0}
.ras-layout .article{max-width:none;margin:0;padding:0}
.ras-aside{display:flex;flex-direction:column;gap:24px;align-self:start}
.ras-aside .aside-lid{background:var(--forest-soft);border:1px solid #cfe0c7;border-radius:16px;padding:22px 24px;text-align:center}
.ras-aside .aside-lid h3{margin:0 0 6px;font-size:17px;color:var(--forest);letter-spacing:-.2px;line-height:1.25}
.ras-aside .aside-lid p{margin:0 0 16px;font-size:13px;line-height:1.55;color:var(--ink)}
.ras-aside .aside-lid .btn{width:100%;justify-content:center;font-size:13.5px;padding:12px 18px}
.ras-aside .inline-fokkers,.ras-aside .inline-asielen{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin:0}
.ras-aside .inline-fokkers h2,.ras-aside .inline-asielen h2{font-size:18px;margin:6px 0 6px;letter-spacing:-.2px}
.ras-aside .inline-fokkers .eyebrow,.ras-aside .inline-asielen .eyebrow{font-size:11px;letter-spacing:1.4px}
.ras-aside .inline-fokkers p,.ras-aside .inline-asielen p{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 14px}
.ras-aside .fokker-list{display:flex;flex-direction:column;gap:10px}
.ras-aside .fokker-row{padding:10px 12px;font-size:13px}
.ras-aside .more-link{margin-top:6px;font-size:13px}
.ras-aside .aside-sectors{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 24px}
.ras-aside .aside-sectors .eyebrow{font-size:11px;letter-spacing:1.4px;margin-bottom:14px}
.ras-aside .sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ras-aside .sector-icon{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--ink);font-size:11.5px;font-weight:600;text-align:center;line-height:1.3;transition:transform .15s}
.ras-aside .sector-icon img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--forest-soft);padding:4px;transition:background .15s}
.ras-aside .sector-icon:hover{transform:translateY(-2px)}
.ras-aside .sector-icon:hover img{background:var(--terra-soft)}
.ras-aside .sector-icon:hover{color:var(--terra)}
.ras-aside .aside-categorieen,
.ras-aside .aside-themas{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-top:15px}
/* "Ontdek de hondenrassen" = primaire rasnavigatie: mag opvallen tussen de magazine-rubrieken */
.ras-aside .aside-categorieen:not(.aside-rubriek-box){background:#f2f8f0;border-color:#cfe2c9;box-shadow:0 8px 20px rgba(40,70,45,.10)}
.ras-aside .aside-categorieen:not(.aside-rubriek-box) .aside-cat-list a{font-weight:600}
.ras-aside .aside-categorieen:not(.aside-rubriek-box) .aside-cat-list a:hover{color:#2E5B33}
/* Zijbalk-CTA's: raszoeker (groene held + uitfadende rasfoto), karakterquiz, hondennamen */
.ras-aside .side-cta{position:relative;display:block;overflow:hidden;border-radius:14px;padding:14px 16px 13px;margin:0 0 9px;text-decoration:none;box-shadow:0 7px 18px rgba(40,70,45,.12);transition:box-shadow .15s ease,transform .15s ease}
.ras-aside .side-cta:hover{box-shadow:0 11px 24px rgba(40,70,45,.2);transform:translateY(-1px)}
.ras-aside .side-cta .sc-title,.ras-aside .side-cta .sc-sub,.ras-aside .side-cta .sc-btn{position:relative;z-index:1}
.ras-aside .side-cta .sc-title{display:block;font-size:15.5px;font-weight:800;line-height:1.22}
.ras-aside .side-cta .sc-sub{display:block;font-size:12.5px;line-height:1.4;margin:5px 0 11px;max-width:64%}
.ras-aside .side-cta .sc-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:7px 13px;border-radius:8px}
.ras-aside .side-cta-finder{background:linear-gradient(135deg,#2E5B33,#3c7a43);color:#fff}
.ras-aside .side-cta-leeftijd{background:linear-gradient(135deg,#B65A38,#c9764f);color:#fff}
.ras-aside .side-cta-leeftijd .sc-sub{opacity:.92;max-width:none}
.ras-aside .side-cta-leeftijd .sc-btn{background:#fff;color:#B65A38}
.ras-aside .side-cta-leeftijd:hover .sc-btn{background:#fbeee6}
.ras-aside .side-cta-finder .sc-sub{opacity:.92}
.ras-aside .side-cta-finder .sc-btn{background:#fff;color:#2E5B33}
.ras-aside .side-cta-finder:hover .sc-btn{background:#eef5ec}
.ras-aside .side-cta-finder .sc-photo{position:absolute;right:10px;bottom:10px;width:72px;height:72px;object-fit:cover;border-radius:50%;border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 9px rgba(0,0,0,.2);filter:brightness(1.1) contrast(1.06) saturate(1.05)}
.ras-aside .side-cta-quiz,.ras-aside .side-cta-names{background:#fff;border:1px solid #e4e0d6;color:#262626}
.ras-aside .side-cta-quiz .sc-sub,.ras-aside .side-cta-names .sc-sub{color:#6b6b6b;max-width:none}
.ras-aside .side-cta-quiz .sc-btn,.ras-aside .side-cta-names .sc-btn{background:#2E5B33;color:#fff}
.ras-aside .side-cta-quiz:hover .sc-btn,.ras-aside .side-cta-names:hover .sc-btn{background:#244726}
.ras-aside .side-cta-newsletter{background:linear-gradient(135deg,#1E3D24,#2E5B33 45%,#4C8A44);color:#fff}
.ras-aside .side-cta-newsletter:hover{transform:none;box-shadow:0 7px 18px rgba(40,70,45,.12)}
.ras-aside .side-cta-newsletter .sc-sub{opacity:.93;max-width:none;margin-bottom:10px}
.ras-aside .sc-nb-form{display:flex;flex-direction:column;gap:7px;position:relative;z-index:1}
.ras-aside .sc-nb-form input[type=email]{width:100%;box-sizing:border-box;padding:9px 11px;border-radius:8px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.14);color:#fff;font-size:13px;font-family:inherit}
.ras-aside .sc-nb-form input[type=email]::placeholder{color:rgba(255,255,255,.72)}
.ras-aside .sc-nb-form input[type=email]:focus{outline:none;border-color:#fff;background:rgba(255,255,255,.2)}
.ras-aside .sc-nb-form .nb-foot-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.ras-aside .sc-nb-form button{background:#fff;color:#2E5B33;border:0;border-radius:8px;padding:9px 13px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s}
.ras-aside .sc-nb-form button:hover{background:#eef5ec}
.ras-aside .sc-nb-form .nb-foot-msg{font-size:12px;line-height:1.4;color:rgba(255,255,255,.92)}
.ras-aside .sc-nb-form .nb-foot-msg.ok{color:#c8f0c9}
.ras-aside .sc-nb-form .nb-foot-msg.err{color:#ffd7cf}
.ras-aside .aside-categorieen .eyebrow,
.ras-aside .aside-themas .eyebrow{font-size:11px;letter-spacing:1.4px;margin-bottom:14px}
.ras-aside .aside-cat-list{list-style:none;padding:0;margin:0}
.ras-aside .aside-cat-list li{margin:0}
.ras-aside .aside-cat-list a,
.ras-aside .aside-cat-list li strong{display:flex;align-items:center;gap:10px;padding:3px 0;color:var(--ink);text-decoration:none;font-size:14px;font-weight:500;transition:color .15s,padding-left .15s}
.ras-aside .aside-cat-list a:hover{color:var(--terra);padding-left:4px}
/* Huidige pagina: geen bold, lichtere kleur — bullet kleurt de groep */
.ras-aside .aside-cat-list li strong{font-weight:500;color:var(--muted)}
/* Themas-bullet per groep — kleur identificeert visueel tot welke groep een landing behoort */
.ras-aside .aside-themas .aside-cat-list a::before,
.ras-aside .aside-themas .aside-cat-list li strong::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--terra);flex:0 0 auto}
.ras-aside .aside-themas .thg-formaat a::before,
.ras-aside .aside-themas .thg-formaat strong::before{background:#B65A38}
.ras-aside .aside-themas .thg-uiterlijk a::before,
.ras-aside .aside-themas .thg-uiterlijk strong::before{background:#4A7B8C}
.ras-aside .aside-themas .thg-karakter a::before,
.ras-aside .aside-themas .thg-karakter strong::before{background:#8E6A99}
.ras-aside .aside-themas .thg-rasgroep a::before,
.ras-aside .aside-themas .thg-rasgroep strong::before{background:#6B8E5A}
.ras-aside .aside-themas .thg-prestatie a::before,
.ras-aside .aside-themas .thg-prestatie strong::before{background:#C9A04A}
.ras-aside .aside-themas .thg-herkomst a::before,
.ras-aside .aside-themas .thg-herkomst strong::before{background:#5C6F8C}
.ras-aside .aside-themas .thg-vergelijken a::before,
.ras-aside .aside-themas .thg-vergelijken strong::before{background:#7B5D45}
@media(max-width:900px){
 .ras-layout{grid-template-columns:minmax(0,1fr);gap:32px;padding:0 24px 64px}
 .ras-aside{position:static;min-width:0}
 .ras-layout .article,.ras-layout .ras-article{min-width:0}
 .article table{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
 .article .artikel-rasthumb{float:none;display:block;width:100%;max-width:280px;margin:8px 0 16px}
}
.ras-hero-photo{margin:24px 0 32px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lift)}
.ras-hero-photo img{display:block;width:100%;height:auto}
.photo-credit{font-size:12px;color:var(--muted);text-align:right;padding:8px 16px;background:var(--bg);border-top:1px solid var(--line)}
.ras-article h1.article-h1{font-size:42px;line-height:1.1;margin:0 0 16px;font-weight:700;letter-spacing:-.5px}
.ras-article p.article-intro{font-size:18px;line-height:1.7;color:var(--ink);margin:0 0 18px}
.ras-article p.article-intro:first-of-type{font-size:19px}
.ras-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 24px;margin:24px 0 36px}
.ras-stats > div{padding:0}
.ras-stats dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-weight:600;margin-bottom:4px}
.ras-stats dd{font-size:15px;color:var(--ink);font-weight:600;margin:0;line-height:1.4}
.article-content h2{font-size:26px;margin:36px 0 14px;font-weight:700;letter-spacing:-.3px;line-height:1.2}
.article-content h3{font-size:19px;margin:26px 0 10px;font-weight:700;color:var(--ink)}
.article-content p{font-size:16px;line-height:1.75;color:var(--ink);margin:0 0 14px}
.article-content ul,.article-content ol{font-size:16px;line-height:1.7;color:var(--ink);margin:0 0 16px;padding-left:24px}
.article-content li{margin-bottom:6px}
.article-content a{color:#C44C2A;text-decoration:none}
.article-content a:hover{color:#9b3a1f;text-decoration:underline;text-underline-offset:3px}
.article-content a[href*="welk-hondenras-past-bij-mij"]{color:#C44C2A;text-decoration:none}
.article-content a[href*="welk-hondenras-past-bij-mij"]:hover{color:#9b3a1f;text-decoration:underline}
.article-content strong{font-weight:700;color:var(--ink)}
.article-content .quick-answer{background:var(--forest-soft);border-left:3px solid var(--forest);border-radius:10px;padding:18px 22px;margin:20px 0;font-size:15px}
.article-content .quick-answer.rasnamen strong:first-child{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--forest);margin-bottom:6px;font-weight:700}
.article-content .quick-answer ul{margin:0;padding-left:18px;font-size:14px}
/* Rasfiche eigenschappen-widget (bp) */
.ras-aside .bp{background:#fff;border:1px solid #e3e3e3;border-radius:12px;overflow:hidden;font-size:12px;margin:0 0 18px}
.ras-aside .bp-header{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#2d2a26;color:#fff;font-size:13px}
.ras-aside .bp-header strong{font-weight:700}
.ras-aside .bp-help{margin-left:auto;width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:transparent;color:#fff9;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.ras-aside .bp-help:hover{border-color:#fff;color:#fff}
.ras-aside .bp-tooltip{display:none;padding:12px 14px;background:#f8f6f2;border-bottom:1px solid #e3e3e3;font-size:12px;line-height:1.5;color:#5A6451}
.ras-aside .bp-tooltip.open{display:block}
.ras-aside .bp-tooltip p{margin:0 0 8px}
.ras-aside .bp-tooltip-close{font-size:11px;font-weight:600;color:#2E5B33;background:none;border:none;cursor:pointer;padding:0}
.ras-aside .bp-row{display:flex;align-items:center;gap:6px;padding:7px 14px;border-bottom:1px solid #f0f0ec}
.ras-aside .bp-row:last-child{border-bottom:none}
.ras-aside .bp-icon{font-size:13px;flex-shrink:0;width:18px;text-align:center}
.ras-aside .bp-label{font-weight:500;color:#5A6451;min-width:90px;flex-shrink:0}
.ras-aside .bp-bar{flex:1;height:4px;background:#ece9e2;border-radius:4px;overflow:hidden}
.ras-aside .bp-fill{height:100%;border-radius:4px}
.ras-aside .bp-val{font-weight:700;color:#1A1F1B;width:14px;text-align:right;flex-shrink:0}
.article-content .key-data{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:16px 22px;margin:20px 0;font-size:14px}
.article-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px;background:var(--card);border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.article-content th,.article-content td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line)}
.article-content th{background:var(--bg);font-weight:600;font-size:13px;letter-spacing:.3px}

/* Raszoeker-CTA-band (homepage + rasfiches) */
.raszoeker-cta{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:40px 48px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center}
.raszoeker-cta-text .eyebrow{margin-bottom:10px}
.raszoeker-cta-text h2{font-size:28px;margin:0 0 8px;font-weight:700;letter-spacing:-.3px}
.raszoeker-cta-text p{color:var(--muted);font-size:16px;line-height:1.6;margin:0;max-width:560px}
.raszoeker-cta .btn{padding:16px 28px;font-size:15px;white-space:nowrap}

.raszoeker-inline{background:var(--forest-soft);border-radius:18px;padding:32px 36px;text-align:center;margin:0 0 32px}
.raszoeker-inline .eyebrow{margin-bottom:8px;color:var(--forest)}
.raszoeker-inline h3{font-size:22px;margin:0 0 10px;font-weight:700;letter-spacing:-.2px}
.raszoeker-inline p{color:var(--muted);font-size:15px;line-height:1.55;margin:0;max-width:520px;margin-left:auto;margin-right:auto}
.raszoeker-inline p a{color:#C44C2A !important;font-weight:500;text-decoration:underline !important;text-decoration-color:#C44C2A !important;text-decoration-thickness:2px;text-underline-offset:3px;transition:color .15s}
.raszoeker-inline p a:hover{color:#9b3a1f !important}

.ras-filter-banner{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:var(--terra-soft);border-radius:16px;padding:20px 28px;margin:0 0 28px}
.ras-filter-banner .eyebrow{margin-bottom:4px;color:var(--terra)}
.ras-filter-banner h3{font-size:20px;margin:0;font-weight:700;letter-spacing:-.2px}
.ras-filter-banner .btn{padding:10px 18px;font-size:13px}
.no-match-message{background:var(--bg);border:1px dashed var(--line);border-radius:14px;padding:32px 28px;text-align:center;margin:24px 0}
.no-match-message p{margin:0;color:var(--muted);font-size:15px}
.no-match-message a{color:var(--forest);font-weight:600}

.inline-fokkers,.inline-asielen{margin:48px 0 0;padding-top:36px;border-top:1px solid var(--line)}
.inline-fokkers .eyebrow,.inline-asielen .eyebrow{margin-bottom:8px}
.inline-fokkers h2,.inline-asielen h2{font-size:24px;margin:0 0 8px;font-weight:700;letter-spacing:-.3px}
.inline-fokkers > p,.inline-asielen > p{color:var(--muted);font-size:15px;line-height:1.6;margin:0 0 20px}
.inline-fokkers .more-link,.inline-asielen .more-link{margin:18px 0 0;font-size:14px;font-weight:600}
.inline-asielen{border-top-color:var(--terra-soft)}
.inline-asielen .fokker-row .ic{background:var(--terra-soft);color:var(--terra)}

.puppy-cta{background:var(--terra-soft);border-radius:18px;padding:32px 36px;margin:0 0 32px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.puppy-cta .eyebrow{margin-bottom:8px;color:var(--terra)}
.puppy-cta h3{font-size:22px;margin:0 0 8px;font-weight:700;letter-spacing:-.2px}
.puppy-cta p{color:var(--muted);font-size:15px;line-height:1.55;margin:0}
.puppy-cta-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:760px){.puppy-cta{grid-template-columns:1fr;text-align:center}.puppy-cta-actions{justify-content:center}}

@media(max-width:900px){
 .raszoeker-cta{grid-template-columns:1fr;padding:28px 24px;text-align:center}
 .raszoeker-cta-text p{margin-left:auto;margin-right:auto}
 .raszoeker-inline{padding:24px 22px}
}

.zoeker-seo{margin-top:64px;padding-top:40px;border-top:1px solid var(--line)}
.zoeker-seo h2{font-size:24px;font-weight:700;color:var(--ink);margin:32px 0 12px;letter-spacing:-.3px;line-height:1.25}
.zoeker-seo h2:first-child{margin-top:0}
.zoeker-seo p{font-size:16px;line-height:1.7;color:var(--ink);margin:0 0 14px}
.zoeker-seo ul{font-size:16px;line-height:1.7;color:var(--ink);margin:0 0 14px;padding-left:24px}
.zoeker-seo li{margin-bottom:6px}
.zoeker-seo a{color:var(--forest);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.zoeker-seo a:hover{color:var(--terra);text-decoration-color:var(--terra)}

@media(max-width:900px){
 .hero-wrap{grid-template-columns:1fr;gap:36px}
 .hero h1{font-size:34px}
 .articles{grid-template-columns:repeat(2,1fr);gap:18px}
 .recent-grid{grid-template-columns:1fr}
 .signup-grid{grid-template-columns:repeat(2,1fr)}
 .tools-detail{grid-template-columns:1fr}
 .four04-grid{grid-template-columns:1fr}
 .four04-code{font-size:96px}
 .four04 h1{font-size:30px}
 .four04-search{flex-direction:column;border-radius:14px}
 .four04-search input{border-radius:99px}
 .prijs-grid{grid-template-columns:1fr;gap:18px}
 .prijs-card-featured{transform:none}
 .anders-grid{grid-template-columns:1fr}
 .faq-grid{grid-template-columns:1fr}
 .aanmeld-hero h1{font-size:30px}
 .aanmeld-trilang{font-size:14px}
 .vform-typekeuze{grid-template-columns:1fr}
 .vform-row{grid-template-columns:1fr}
 .vform-row:has(>label:nth-child(3)){grid-template-columns:1fr}
 .cluster-top-cta{flex-direction:column;align-items:stretch;text-align:center}
 .trust-strip{grid-template-columns:repeat(2,1fr)}
 .cluster-grid{grid-template-columns:repeat(2,1fr)}
 .persona-grid{grid-template-columns:1fr}
 .pro-block{grid-template-columns:1fr;padding:36px}
 .pro-block.pro-cta{grid-template-columns:1fr;gap:22px}
 .addr{padding:36px 32px}
 footer .cols{grid-template-columns:1fr 1fr}
 .ras-head,.ras-info,.fokker-head,.fokker-block{grid-template-columns:1fr;gap:24px}
 .fokker-head{grid-template-columns:1fr!important}
 .ras-head h1,.fokker-head h1{font-size:34px}
 .fokker-head h1{font-size:34px!important}
 .article p,.article ul,.article ol{font-size:16px}
 .ras-info .sidebar,.fokker-block .sidebar{position:static}
 .fokker-block .sidebar dd,.fokker-block .sidebar dd a{min-width:0;overflow-wrap:anywhere;word-break:break-word}
 .fokker-list{grid-template-columns:1fr}
 .quiz-inner{padding:32px 18px 64px}
 .quiz-title{font-size:30px}
 .quiz-subtitle{font-size:16px}
 .quiz-container{padding:24px 22px 22px}
 .quiz-question{font-size:20px}
 .quiz-option{padding:14px 16px;font-size:14px;gap:12px}
 .results-title{font-size:24px}
 .result-card{flex-wrap:wrap;padding:14px}
 .result-img{width:64px;height:64px}
 .result-rank{width:32px;height:32px;font-size:13px}
 .result-name{font-size:16px}
 .qg-panel{padding:18px 16px}
 .qg-row input[type=email]{min-width:0;width:100%;max-width:none}
 .qg-row .btn.primary{width:100%;justify-content:center}
 .zoeker-seo h2{font-size:20px}
 .zoeker-seo p,.zoeker-seo ul{font-size:15px}
}

/* === COI-berekening tool === */
.coi-page{max-width:1100px;margin:0 auto;padding:32px}
.coi-info{background:var(--gold-soft);border-radius:14px;padding:18px 24px;margin:0 0 36px;font-size:14px;line-height:1.6}
.coi-info b{color:var(--gold);text-transform:uppercase;letter-spacing:.5px;font-size:12px;display:block;margin-bottom:6px}
.coi-form{margin:0 0 36px}
.coi-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.2fr;gap:18px;align-items:start;margin:0 0 28px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}
.coi-col{display:flex;flex-direction:column;gap:8px;min-height:0}
.coi-col-title{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--terra);margin:0 0 4px}
.coi-col input{font:14px Inter,sans-serif;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);width:100%}
.coi-col input:focus{outline:0;border-color:var(--forest);background:var(--card)}
.coi-col input.coi-common{background:#FDE6E0;border-color:#C44C2A;color:#9b3a1f;font-weight:700}
.coi-pair,.coi-quad{display:flex;flex-direction:column;gap:6px;padding:6px 0 6px 8px;border-left:2px solid var(--line)}
.coi-quad{padding-left:14px}
.coi-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.coi-actions .note{font-size:12px;color:var(--muted)}
.coi-result{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px 36px;margin:0 0 32px;box-shadow:var(--shadow)}
.coi-verdict-badge{display:inline-block;padding:6px 16px;border-radius:99px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}
.coi-verdict-badge.ok{background:var(--forest-soft);color:var(--forest)}
.coi-verdict-badge.warn{background:var(--gold-soft);color:var(--gold)}
.coi-verdict-badge.bad{background:#FDE6E0;color:#9b3a1f}
.coi-percentage{font-size:54px;font-weight:800;letter-spacing:-1.5px;line-height:1;margin:0 0 8px}
.coi-percentage.ok{color:var(--forest)}
.coi-percentage.warn{color:var(--gold)}
.coi-percentage.bad{color:#C44C2A}
.coi-verdict-text{font-size:16px;color:var(--ink);margin:0 0 28px;line-height:1.5}
.coi-result h2{font-size:20px;font-weight:700;margin:28px 0 12px;letter-spacing:-.2px}
.coi-common-list{display:flex;flex-direction:column;gap:10px}
.coi-common-row{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--bg);border-radius:10px;border:1px solid var(--line)}
.coi-common-row b{color:var(--ink);font-weight:700}
.coi-common-row .meta{font-size:12px;color:var(--muted);margin-top:2px}
.coi-common-row .pct{font-weight:700;color:#C44C2A;font-size:16px}
.coi-check{font-size:14px;line-height:1.7;color:var(--ink)}
.coi-check ul{margin:8px 0;padding-left:22px}
.coi-check li{margin-bottom:6px}
@media(max-width:900px){
 .coi-grid{grid-template-columns:1fr;gap:12px}
 .coi-page{padding:20px}
 .coi-percentage{font-size:40px}
}

/* === Hond & Kennis categorie-nav (bento) === */
.kennis-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:200px;gap:16px;margin:28px 0 56px}
.kennis-cat{position:relative;overflow:hidden;border-radius:18px;text-decoration:none;color:inherit;display:flex;flex-direction:column;justify-content:flex-end;padding:22px 22px 20px;background:var(--card);box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s;isolation:isolate;cursor:pointer}
.kennis-cat:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.kennis-cat .kc-photo{position:absolute;inset:0;z-index:-2;overflow:hidden}
.kennis-cat .kc-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.kennis-cat:hover .kc-photo img{transform:scale(1.05)}
.kennis-cat .kc-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(26,31,27,.05) 0%,rgba(26,31,27,.55) 70%,rgba(26,31,27,.78) 100%)}
.kennis-cat .kc-tag{position:absolute;top:18px;left:18px;padding:5px 11px;border-radius:999px;background:var(--card);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--ink);box-shadow:var(--shadow)}
.kennis-cat h3{margin:0 0 4px;font-size:22px;line-height:1.2;font-weight:700;color:#fff;letter-spacing:-.3px}
.kennis-cat .kc-sub{margin:0;font-size:13px;line-height:1.45;color:rgba(255,255,255,.88)}

/* Featured (puppy) — spans 2x2 */
.kennis-cat.kc-featured{grid-column:span 2;grid-row:span 2;padding:30px 30px 28px}
.kennis-cat.kc-featured h3{font-size:34px;letter-spacing:-.6px;margin:0 0 6px}
.kennis-cat.kc-featured .kc-sub{font-size:15px;max-width:480px}
.kennis-cat.kc-featured .kc-tag{top:24px;left:24px}

/* Wide tile — spans 2 cols, 1 row */
.kennis-cat.kc-wide{grid-column:span 2}
.kennis-cat.kc-wide h3{font-size:26px;letter-spacing:-.4px}
.kennis-cat.kc-wide .kc-sub{max-width:520px}

/* Color-accent strip per cat (links bovenaan kleurbalk) */
.kennis-cat::before{content:"";position:absolute;top:0;left:0;width:5px;height:60px;background:var(--kc-color,var(--forest));z-index:1;border-radius:0 0 5px 0}
.kennis-cat[data-color="forest"]{--kc-color:var(--forest)}
.kennis-cat[data-color="terra"]{--kc-color:var(--terra)}
.kennis-cat[data-color="sky"]{--kc-color:var(--sky)}
.kennis-cat[data-color="gold"]{--kc-color:var(--gold)}
.kennis-cat[data-color="plum"]{--kc-color:var(--plum)}
.kennis-cat[data-color="rose"]{--kc-color:var(--rose)}

/* "Binnenkort" badge — voor toekomstige sub-pagina's */
.kennis-cat.kc-soon::after{content:"Binnenkort";position:absolute;top:18px;right:18px;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.92);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;color:var(--muted);z-index:2}

@media(max-width:900px){
 .kennis-cats{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:170px}
 .kennis-cat.kc-featured{grid-column:span 2;grid-row:span 1;padding:22px}
 .kennis-cat.kc-featured h3{font-size:26px}
 .kennis-cat.kc-wide{grid-column:span 2}
 .kennis-cat h3{font-size:18px}
}
@media(max-width:560px){
 .kennis-cats{grid-template-columns:1fr;grid-auto-rows:170px}
 .kennis-cat.kc-featured,.kennis-cat.kc-wide{grid-column:span 1}
}

/* === Mobile/tablet nav hamburger + responsive header (≤900px) === */
.nh-burger{display:none}
@media(max-width:900px){
 .wrap{padding:0 18px}
 header.site .wrap.nav{position:relative;height:auto;min-height:60px;flex-wrap:wrap;gap:0;padding-top:12px;padding-bottom:12px;align-items:center}
 .brand{font-size:22px;flex:0 0 auto}
 .nh-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;cursor:pointer;margin-left:auto;padding:8px;border-radius:8px;border:1px solid transparent}
 .nh-burger span{display:block;width:24px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .15s}
 .nh-burger:hover{background:rgba(0,0,0,.04)}
 header.site .nav ul,
 header.site .nav .login-btn,
 header.site .nav .profile-btn{display:none}
 #nh-nav-toggle:checked ~ ul{display:flex;flex-direction:column;flex:1 0 100%;gap:0;padding:8px 0 4px;margin:14px 0 0;border-top:1px solid var(--line)}
 #nh-nav-toggle:checked ~ ul li{padding:0;margin:0}
 #nh-nav-toggle:checked ~ ul li a{display:block;padding:14px 4px;font-size:16px;border-bottom:1px solid var(--line)}
 #nh-nav-toggle:checked ~ .login-btn{display:inline-block;margin:14px 0 4px 4px}
 #nh-nav-toggle:checked ~ .profile-btn{display:inline-block;margin:4px 0 6px 4px}
 #nh-nav-toggle:checked ~ .nh-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 #nh-nav-toggle:checked ~ .nh-burger span:nth-child(2){opacity:0}
 #nh-nav-toggle:checked ~ .nh-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* === Mobile typografie: voorkom horizontale overflow van lange H1's === */
@media(max-width:760px){
 .page-head h1,.ras-head h1,.fokker-head h1,.hero h1,.aanmeld-hero h1,.four04 h1,.ras-article h1.article-h1,.article h1{font-size:34px;line-height:1.15;overflow-wrap:anywhere}
}
@media(max-width:480px){
 .page-head h1,.ras-head h1,.fokker-head h1,.hero h1,.aanmeld-hero h1,.four04 h1,.ras-article h1.article-h1,.article h1{font-size:28px}
 .fokker-head h1{font-size:28px!important}
}
/* Globale veiligheid tegen horizontale scroll */
html,body{overflow-x:hidden;max-width:100%}

/* === Compactere grids op kleinere viewports === */
@media(max-width:600px){
 .ras-grid{grid-template-columns:repeat(2,1fr);gap:14px}
 .ras-grid .ras-card h3{font-size:14px;line-height:1.25}
 .ras-grid .ras-card .meta{padding:12px 14px}
 .ras-card .ras-ex{font-size:13px;line-height:1.45}
}
@media(max-width:420px){
 .articles{grid-template-columns:1fr}
}

/* === Fokker-CTA op rasfiches === */
.ras-aside .aside-fokker-cta{background:var(--forest);color:#fff;border-radius:16px;padding:22px 24px;margin-bottom:20px;box-shadow:var(--shadow-lift)}
.ras-aside .aside-fokker-cta .eyebrow{font-size:11px;letter-spacing:1.4px;color:var(--terra-soft);margin-bottom:10px;text-transform:uppercase;font-weight:600}
.ras-aside .aside-fokker-cta h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#fff;letter-spacing:-.2px}
.ras-aside .aside-fokker-cta p{margin:0 0 16px;font-size:13.5px;line-height:1.55;color:#e7f0e2}
.ras-aside .aside-fokker-cta .btn.primary{display:inline-flex;align-items:center;gap:6px;background:var(--terra);color:#fff;border-radius:99px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .15s,background .15s}
.ras-aside .aside-fokker-cta .btn.primary::after{content:"→";transition:transform .15s}
.ras-aside .aside-fokker-cta .btn.primary:hover{background:#9b4b2e;transform:translateY(-1px);color:#fff}
.ras-aside .aside-fokker-cta .btn.primary:hover::after{transform:translateX(3px)}

/* === /word-<type>/ register-form layout (form links + voordelen-side rechts) === */
.word-signup{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch;max-width:1080px;margin:24px auto 0}
.word-signup--single{grid-template-columns:minmax(0,760px);justify-content:center}
.word-signup--single .signup-cta{justify-content:center;margin-top:20px}
.word-form{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:32px 34px;box-shadow:var(--shadow-lift);display:flex;flex-direction:column}
.word-form h2{margin:0 0 20px;font-size:22px;font-weight:700;color:var(--ink);letter-spacing:-.3px}
.word-form label{display:block;font-size:13px;color:var(--muted);font-weight:600;margin-bottom:14px}
.word-form label small{color:var(--muted);font-weight:400}
.word-form input{display:block;width:100%;margin-top:6px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;font:15px Inter,sans-serif;background:#fff;color:var(--ink);transition:border-color .15s}
.word-form input:focus{outline:none;border-color:var(--forest)}
.word-form button.btn.primary{width:100%;padding:14px 22px;font-size:15px;font-weight:700;border-radius:99px;margin-top:6px;background:var(--terra);color:#fff;border:none;cursor:pointer;transition:background .15s,transform .15s}
.word-form button.btn.primary:hover{background:#9b4b2e;transform:translateY(-1px)}
.word-form .form-foot{margin:18px 0 0;font-size:13.5px;color:var(--muted);text-align:center}
.word-form .form-foot a{color:var(--forest);font-weight:600}
.word-side{background:transparent;border-radius:0;padding:0;display:flex;flex-direction:column}
.word-side>.sumcard{flex:1;display:flex;flex-direction:column}
.word-side h3{margin:0 0 16px;font-size:18px;font-weight:700;color:var(--forest);letter-spacing:-.2px}
.word-bullets{list-style:none;padding:0;margin:0 0 22px;flex:1}
.word-bullets li{position:relative;padding:0 0 12px 26px;font-size:14.5px;line-height:1.55;color:var(--ink)}
.word-bullets li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--terra)}
.word-bullets li b{font-weight:700;color:var(--forest)}
.word-side .word-price{margin:0;padding-top:18px;border-top:1px solid rgba(46,91,51,.18);font-size:13.5px;color:var(--forest);font-weight:700}
@media(max-width:780px){.word-signup{grid-template-columns:1fr;gap:20px}}

/* === /word-<type>/ + /leden/ : conversie-gerichte hero + voordelen-grid (legacy) === */
.word-hero{position:relative;background:linear-gradient(135deg,#fbf8f1 0%,#f5ecd9 100%);padding:56px 0 72px;overflow:hidden}
.word-hero::before{content:"";position:absolute;top:-120px;right:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,var(--terra-soft) 0%,transparent 70%);opacity:.45;pointer-events:none}
.word-hero::after{content:"";position:absolute;bottom:-160px;left:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,var(--forest-soft) 0%,transparent 70%);opacity:.35;pointer-events:none}
.word-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:start;max-width:1140px;margin:0 auto;padding:0 28px}
.word-hero-text{display:flex;flex-direction:column;gap:18px}
.word-hero-eyebrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.word-hero-eyebrow .label{font-size:12px;letter-spacing:1.8px;text-transform:uppercase;color:var(--forest);font-weight:700}
.word-hero-eyebrow .pill{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:6px 14px;border-radius:99px;line-height:1.4}
.word-hero-eyebrow .pill.gratis{background:var(--forest-soft);color:var(--forest)}
.word-hero-eyebrow .pill.betalend{background:var(--terra);color:#fff}
.word-hero-text h1{font-size:44px;line-height:1.08;font-weight:700;color:var(--ink);letter-spacing:-.7px;margin:0}
.word-hero-text .lead{font-size:17px;line-height:1.55;color:var(--ink);opacity:.82;margin:0;max-width:48ch}
.word-hero-illo{margin-top:4px;display:flex;align-items:center;gap:14px}
.word-hero-illo img{width:96px;height:96px;border-radius:50%;background:#fff;padding:10px;box-shadow:var(--shadow-lift);object-fit:contain}
.word-hero-illo .illo-cap{font-size:13.5px;color:var(--forest);font-weight:600;max-width:24ch}

.word-form{position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:32px 36px;box-shadow:0 24px 60px -28px rgba(26,31,27,.22)}
.word-form h2{margin:0 0 6px;font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-.2px}
.word-form .form-sub{margin:0 0 22px;font-size:13.5px;color:var(--muted)}
.word-form label{display:block;font-size:13px;color:var(--muted);font-weight:600;margin-bottom:14px}
.word-form label small{color:var(--muted);font-weight:400}
.word-form input{display:block;width:100%;margin-top:6px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:15px Inter,sans-serif;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.word-form input:focus{outline:none;border-color:var(--forest);box-shadow:0 0 0 3px rgba(46,91,51,.12)}
.word-form button.btn.primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 22px;font-size:15.5px;font-weight:700;border-radius:99px;margin-top:6px;background:var(--terra);color:#fff;border:none;cursor:pointer;box-shadow:0 14px 30px -12px rgba(182,90,56,.7);transition:transform .15s,background .15s}
.word-form button.btn.primary:hover{background:#9b4b2e;transform:translateY(-2px)}
.word-form .form-foot{margin:18px 0 0;font-size:13.5px;color:var(--muted);text-align:center}
.word-form .form-foot a{color:var(--forest);font-weight:600}

/* Voordelen-grid (gedeeld /word-X/ + /leden/) */
.word-features{padding:64px 0}
.word-features .eyebrow{margin-bottom:8px}
.word-features h2{margin:0 0 10px}
.word-features .sub{margin-bottom:36px}
.word-features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.word-feature{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px 22px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;flex-direction:column}
.word-feature:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);border-color:var(--terra-soft)}
.word-feature .ic{width:46px;height:46px;border-radius:50%;background:var(--forest-soft);color:var(--forest);display:grid;place-items:center;margin-bottom:16px;transition:background .15s,color .15s}
.word-feature:hover .ic{background:var(--terra);color:#fff}
.word-feature .ic svg{width:22px;height:22px}
.word-feature h3{margin:0 0 8px;font-size:16.5px;font-weight:700;color:var(--ink);letter-spacing:-.2px;line-height:1.3}
.word-feature p{margin:0;font-size:14px;line-height:1.55;color:var(--ink);opacity:.78}

@media(max-width:1024px){.word-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){
 .word-hero{padding:36px 0 56px}
 .word-hero-grid{grid-template-columns:1fr;gap:36px;padding:0 22px}
 .word-hero-text h1{font-size:32px}
 .word-form{padding:26px 26px}
}
@media(max-width:540px){.word-features-grid{grid-template-columns:1fr}}

/* === /leden/-pagina: voordelen-grid === */
.leden-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}
.leden-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px 22px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;flex-direction:column}
.leden-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);border-color:var(--terra-soft)}
.leden-card .leden-ic{width:46px;height:46px;border-radius:50%;background:var(--forest-soft);color:var(--forest);display:grid;place-items:center;margin-bottom:16px}
.leden-card .leden-ic svg{width:22px;height:22px}
.leden-card h3{margin:0 0 8px;font-size:16.5px;font-weight:700;color:var(--ink);letter-spacing:-.2px;line-height:1.3}
.leden-card p{margin:0;font-size:14px;line-height:1.55;color:var(--ink);opacity:.78}
@media(max-width:1024px){.leden-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.leden-grid{grid-template-columns:1fr}}

/* Fokker-slot onderaan rasfiche — biz-card + mini-CTA naast elkaar, of mini-CTA alleen */
.fokker-slot{margin:36px auto 8px;max-width:1080px}
.fokker-slot.pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.fokker-slot.pair > .adres-card.fokker-bizcard{max-width:none;margin:0}
.fokker-slot.single{display:flex;justify-content:center}
.fokker-slot.single .fokker-cta-mini{max-width:520px;width:100%}

.fokker-cta-mini{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--terra);border-radius:16px;padding:28px 30px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start}
.fokker-cta-mini .fcm-pill{display:inline-block;background:var(--forest-soft);color:var(--forest);font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:5px 12px;border-radius:99px;margin-bottom:14px}
.fokker-cta-mini h3{margin:0 0 10px;font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-.2px;line-height:1.25}
.fokker-cta-mini p{margin:0 0 18px;font-size:14.5px;line-height:1.55;color:var(--ink);opacity:.78;flex:1}
.fokker-cta-mini .btn.primary{display:inline-flex;align-items:center;gap:6px;background:var(--terra);color:#fff;border-radius:99px;padding:11px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;box-shadow:0 8px 20px -8px rgba(182,90,56,.55)}
.fokker-cta-mini .btn.primary::after{content:"→";transition:transform .15s}
.fokker-cta-mini .btn.primary:hover{background:#9b4b2e;transform:translateY(-1px);color:#fff}
.fokker-cta-mini .btn.primary:hover::after{transform:translateX(3px)}

@media(max-width:720px){
 .fokker-slot.pair{grid-template-columns:1fr}
 .fokker-cta-mini{padding:22px 22px}
}

/* Gedeeld sidebar-menu: pro adresblok + hondenrassen + Hond & Kennis */
.nh-dir{border:1px solid #e7e2d6;border-radius:14px;background:#fff;padding:6px}
.nh-dir-head{font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#2E5B33;padding:11px 12px 9px}
.nh-dir-row{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:9px;color:#2b2e2a;text-decoration:none;font-size:14.5px;font-weight:500;line-height:1;transition:background .12s,color .12s}
.nh-dir-row svg{width:18px;height:18px;flex-shrink:0;stroke:#2E5B33;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.nh-dir-row:hover{background:#f1f5ef;color:#143f36}
.nh-dir-all{display:block;padding:11px 12px 9px;margin-top:3px;border-top:1px solid #efeadf;color:#B65A38;font-weight:700;font-size:13px;text-decoration:none}
.nh-dir-all:hover{text-decoration:underline}
/* gekleurde band achter elke sidebar-hoofding */
.ras-aside .eyebrow,.nh-dir-head{background:#e7efe3;color:#1f4a28;border-radius:9px;padding:8px 12px;margin:0 0 9px;font-size:11px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase}
.ras-aside .eyebrow a{color:#1f4a28;text-decoration:none}
.ras-aside .eyebrow a:hover{text-decoration:underline}
.nh-dir{padding:6px 6px 8px}
/* iets groter lettertype in het menu */
.nh-dir-row{font-size:16px}
/* Fokker-CTA-kaartje (groene accenten i.p.v. terracotta-vlak) */
.aside-fok-card{display:block;background:#fff;border:1px solid #e4e0d6;border-top:3px solid #2E5B33;border-radius:12px;padding:15px 16px 16px;margin:0 0 16px;text-decoration:none;box-shadow:0 6px 16px rgba(40,70,45,.10);transition:box-shadow .15s ease,transform .15s ease}
.aside-fok-card:hover{box-shadow:0 11px 24px rgba(40,70,45,.18);transform:translateY(-1px)}
.aside-fok-card .afc-eyebrow{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#2E5B33;margin:0 0 6px}
.aside-fok-card .afc-title{display:block;font-size:16px;font-weight:800;color:#262626;line-height:1.25;margin:0 0 5px}
.aside-fok-card .afc-text{display:block;font-size:13.5px;line-height:1.5;color:#6b6b6b;margin:0 0 13px}
.aside-fok-card .afc-btn{display:inline-flex;align-items:center;gap:6px;background:#2E5B33;color:#fff;font-size:13.5px;font-weight:700;padding:9px 15px;border-radius:8px;line-height:1}
.aside-fok-card:hover .afc-btn{background:#244726}
.aside-fok-card .afc-btn span{transition:transform .15s ease}
.aside-fok-card:hover .afc-btn span{transform:translateX(3px)}
.ras-aside .aside-cat-list li a,.ras-aside .aside-cat-list li strong{font-size:16px;line-height:1.45;padding:5px 0}
.ras-aside .eyebrow,.nh-dir-head{font-size:12px}

/* === Slot-rij onder de rasfiche: [fokker(s)] [uw kennel hier] [adoptiehond] ===
   3 gelijke smal-hoge kaartjes die binnen de tekstkolom blijven (geen uitbraak
   voorbij de zijbalk): de kaartjes groeien zodat ze samen exact de kolombreedte
   vullen, dus hun randen lijnen uit met de tekst erboven. */
.fokker-slot.slot-row{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:22px;align-items:stretch;max-width:none;margin:36px 0 8px}
.fokker-slot.slot-row > *{flex:1 1 250px;max-width:300px;margin:0}
.slot-fokker{display:flex}
.slot-fokker .fb-fokkers{display:flex;margin:0;width:100%}
.slot-fokker .fb-fokkers .fkaart{max-width:none;width:100%;min-height:0}
.slot-fokker .fb-fokkers .fk-body{padding-bottom:20px}
/* Compactere velden op het fokker-kaartje in de smalle rasfiche-rij (geldt ook voor de
   verborgen velden die bij andere fokkers verschijnen: website, Facebook, ...). De
   /fokkers/-lijst blijft ongemoeid. Specificiteit 0,3,0 wint van de partial-inline-stijl. */
.slot-fokker .fb-fokkers .fk-naam{font-size:21px}
.slot-fokker .fb-fokkers .fk-desc{font-size:14px;line-height:1.5;margin-bottom:8px}
.slot-fokker .fb-fokkers .fk-row{padding:3px 0;gap:11px}
.slot-fokker .fb-fokkers .fk-ico{flex:0 0 17px}
.slot-fokker .fb-fokkers .fk-ico svg{width:17px;height:17px}
.slot-fokker .fb-fokkers .fk-txt{font-size:13.5px;line-height:1.35}
/* CTA-kaartje in dezelfde kaartvorm als de andere twee; onder-padding gelijk zodat de knoppen op gelijke hoogte staan */
.fokker-slot.slot-row .fokker-cta-mini{max-width:300px;width:auto;background:#fff;border:1px solid #ece7df;border-left:4px solid var(--terra);border-radius:18px;box-shadow:0 8px 26px rgba(40,30,15,.07);padding:24px 22px 20px}
/* Pre-positie van de losse CTA (vóór t.js de rij vult): al smal + links, zodat hij niet verspringt */
.fokker-slot.single{justify-content:flex-start}
.fokker-slot.single .fokker-cta-mini{max-width:300px}
/* CTA-knop rechthoekig + volle breedte, gelijk aan de fokker- en adoptie-knop (geen pil).
   align-self:stretch want de CTA-kaart heeft align-items:flex-start (knop rekt anders niet mee) */
.fokker-slot .fokker-cta-mini .btn.primary{display:flex;justify-content:center;align-self:stretch;border-radius:8px;box-shadow:none}

/* Adoptie-kaart = twin van het fokker-kaartje: foto (3:2) boven, naam + asiel eronder,
   bijschrift + groene knop onderaan (knop op gelijke hoogte met de andere twee) */
.adoptie-mini{background:#fff;border:1px solid #ece7df;border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(40,30,15,.07);display:flex;flex-direction:column;padding:0}
.ad-photo{display:block;line-height:0;background:#eef1ee}
.ad-photo img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.ad-body{padding:14px 20px 20px;display:flex;flex-direction:column;flex:1}
.ad-naam{margin:0 0 3px;font-size:22px;line-height:1.15;font-weight:800;color:#2c2a26}
.ad-naam a{color:inherit;text-decoration:none}
.ad-naam a:hover{text-decoration:underline}
.ad-asiel{margin:0 0 12px;font-size:14.5px;line-height:1.45;color:#6b6b6b}
.ad-bron{margin-top:auto;margin-bottom:10px;font-size:12px;color:#9a958c}
.ad-btn{display:block;text-align:center;background:#2e5b33;color:#fff;font-weight:700;font-size:15px;padding:11px 16px;border-radius:8px;text-decoration:none}
.ad-btn:hover{background:#244726;color:#fff}

@media(max-width:900px){.fokker-slot.slot-row{margin-right:0}}
@media(max-width:680px){.fokker-slot.slot-row > *{flex-basis:100%;max-width:none}}

/* ============================================================
   Nieuw hoofdmenu (mega-menu) — namespaced .hx-  (2026-07)
   Bron: partials/header.html · gesynct via scripts/sync_header.py
   ============================================================ */
header.site{overflow:visible;z-index:100}
.hx-bar{display:flex;align-items:center;gap:22px;height:76px}
.hx-brand{display:flex;align-items:center;gap:11px;flex:0 0 auto;text-decoration:none}
.hx-mark{height:46px;width:auto;display:block}
.hx-brandtext{display:flex;flex-direction:column;line-height:1.05}
.hx-name{font-size:20px;font-weight:800;color:var(--forest);letter-spacing:-.2px}
.hx-tag{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:3px}
.hx-nav{display:flex;align-items:center;gap:2px}
.hx-item{position:relative}
.hx-item>a{display:flex;align-items:center;gap:6px;padding:10px 12px;font-size:14.5px;font-weight:600;color:var(--ink);border-radius:9px;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.hx-caret{width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.hx-item:hover>a,.hx-item:focus-within>a{background:var(--forest-soft);color:var(--forest)}
.hx-item:hover .hx-caret,.hx-item:focus-within .hx-caret{transform:rotate(225deg) translateY(2px);border-color:var(--forest)}
.hx-item::after{content:"";position:absolute;top:100%;left:0;width:100%;height:13px}
.hx-mega{position:absolute;top:calc(100% + 10px);left:0;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lift);padding:18px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s;min-width:460px;z-index:60}
.hx-item:hover .hx-mega,.hx-item:focus-within .hx-mega{opacity:1;visibility:visible;transform:translateY(0)}
.hx-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px}
.hx-col h4{margin:2px 0 7px;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:var(--terra);font-weight:700}
.hx-col a{display:block;padding:7px 9px;border-radius:8px;font-size:14px;color:var(--ink);text-decoration:none;transition:background .12s}
.hx-col a:hover{background:var(--forest-soft);color:var(--forest)}
.hx-spacer{flex:1 1 auto}
.hx-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.hx-login{font-size:14px;font-weight:700;color:var(--forest);padding:9px 10px;text-decoration:none;white-space:nowrap}
.hx-news{font-size:14px;font-weight:700;color:#fff;background:var(--forest);border:1.5px solid var(--forest);padding:9px 18px;border-radius:99px;text-decoration:none;white-space:nowrap;transition:background .15s}
.hx-news:hover{background:#234524}
.hx-burger{display:none}
.hx-mobile{display:none}
@media(max-width:1280px){
  .hx-bar{height:64px;gap:12px}
  .hx-nav,.hx-actions{display:none}
  .hx-burger{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-left:auto;border-radius:10px;background:var(--forest-soft);cursor:pointer}
  .hx-burger span,.hx-burger span::before,.hx-burger span::after{content:"";display:block;width:20px;height:2px;background:var(--forest);border-radius:2px;position:relative}
  .hx-burger span::before{position:absolute;top:-6px}
  .hx-burger span::after{position:absolute;top:6px}
  .hx-toggle:checked ~ .hx-mobile{display:block}
  .hx-mobile{padding:6px 0 14px}
  .hx-mobile a{display:block;padding:13px 4px;font-size:16px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line);text-decoration:none}
  .hx-macc{border-bottom:1px solid var(--line)}
  .hx-macc>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:13px 4px;font-size:16px;font-weight:600;color:var(--ink);cursor:pointer}
  .hx-macc>summary::-webkit-details-marker{display:none}
  .hx-macc>summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s;flex:0 0 auto;margin-right:5px}
  .hx-macc[open]>summary::after{transform:rotate(-135deg)}
  .hx-mobile .hx-macc>a{padding:11px 4px 11px 20px;font-size:14.5px;font-weight:500;color:var(--muted);border-bottom:0}
  .hx-mobile .hx-macc>a:last-child{padding-bottom:15px}
  .hx-m-news{color:var(--forest) !important}
  .hx-name{font-size:18px}.hx-tag{display:none}
}
/* Artikel: voor/nadelen-grid + FAQ-accordeon */
.article .vn-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}
.article .vn-col{border-radius:14px;padding:16px 20px}
.article .vn-pro{background:#eef5ec;border:1px solid #cfe0c6}
.article .vn-con{background:#fbeeea;border:1px solid #f0d5cb}
.article .vn-col h3{margin:0 0 8px;font-size:16px}
.article .vn-col ul{margin:0;padding-left:20px}
.article .vn-col li{margin:5px 0;line-height:1.5}
.article .fw-faq details{border-bottom:1px solid var(--line,#e7e7e7)}
.article .fw-faq summary{cursor:pointer;padding:13px 2px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}
.article .fw-faq summary::-webkit-details-marker{display:none}
.article .fw-faq summary::after{content:"+";color:#999;font-weight:400}
.article .fw-faq details[open] summary::after{content:"\2212"}
.article .fw-faq details>div{padding:0 2px 14px;line-height:1.6}
@media(max-width:640px){.article .vn-grid{grid-template-columns:1fr}}

/* Puppycursus-CTA in de rasfiche (na de TOC) */
.ras-cursus-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:#eef3ea;border:1px solid #d3e2cc;border-radius:16px;padding:20px 22px;margin:6px 0 26px}
.ras-cursus-cta .rcc-body{flex:1 1 300px;min-width:0}
.ras-cursus-cta .rcc-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:#2E5B33;margin:0 0 6px}
.ras-cursus-cta .rcc-title{display:block;font-weight:800;font-size:19px;line-height:1.25;margin:0 0 6px;color:#1f3320}
.ras-cursus-cta .rcc-text{font-size:14.5px;line-height:1.55;color:#3f4a3f;margin:0}
.ras-cursus-cta .rcc-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;background:#EC008B;color:#fff;font-weight:800;font-size:15px;text-decoration:none;padding:13px 22px;border-radius:99px;box-shadow:0 8px 20px rgba(236,0,139,.26);white-space:nowrap;transition:transform .15s}
.ras-cursus-cta .rcc-btn:hover{transform:translateY(-2px)}
@media(max-width:560px){.ras-cursus-cta{gap:14px;padding:18px}.ras-cursus-cta .rcc-btn{width:100%;justify-content:center}}
.ras-cursus-cta.in-grid{grid-column:1/-1;margin:0}