/* bundel: /css/basis-529c66dd.css /css/mob-fixes-9f16bac0.css /css/nav-sub-fixes-c7464917.css /css/blog-nav-a7ea3619.css */

:root{
  --steun:#f0eeed; --wit:#ffffff; --zwart:#20271a;
  --mos:#536144; --mos-donker:#3a4430; --ink:#414b35; --zacht:#68725a;
  --groen:#adbf98; --groen-tint:#e7f1e8;
  --lroze:#f4dbd4; --roze:#e2a8a6; --rood:#ba5c4f;
  --geel:#f0d033; --geel-tint:#fbf1d8;
  --cta:#c8481f; --cta-donker:#a93a14;
  --kop:'Bricolage Grotesque',system-ui,sans-serif;
  --tekst:'Inter',system-ui,sans-serif;
  --hand:'Caveat',cursive;
  --radius:22px;
  --schaduw:0 18px 36px -20px rgba(83,97,68,.35);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--tekst);color:var(--ink);background:var(--wit);font-size:16.5px;line-height:1.65}
img,svg{display:block}
img{max-width:100%}
a{color:inherit;text-decoration:none}p a,.weetje a,.af-wel a,.legal li a{color:var(--cta);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.wrap{max-width:1140px;margin:0 auto;padding:0 28px}
h1,h2,h3{font-family:var(--kop);font-weight:650;color:var(--zwart);line-height:1.1;letter-spacing:-.015em}
.hand{font-family:var(--hand);font-weight:700;color:var(--mos);letter-spacing:0;display:inline-block;transform:rotate(-2deg);font-size:1.16em;line-height:.9}
.knop{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:14px 26px;font-weight:700;font-size:15.5px;font-family:var(--tekst);border:0;cursor:pointer;transition:.15s;white-space:nowrap}
.knop i{font-size:18px}
.knop-vol{background:var(--cta);color:#fff}
.knop-vol:hover{background:var(--cta-donker);transform:translateY(-2px)}

/* header (shared) */
header.top{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(83,97,68,.1)}
.top .wrap{display:flex;align-items:center;gap:28px;height:74px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--kop);font-weight:700;font-size:21px;color:var(--zwart)}
.logo-tx{display:flex;flex-direction:column;line-height:1.04}
.logo-tx small{font-family:var(--hand);font-weight:700;font-size:14.5px;color:var(--mos);letter-spacing:0}
nav.hoofdmenu{display:flex;gap:26px;margin-left:auto;font-weight:600;font-size:15px;color:var(--mos)}
nav.hoofdmenu a:hover{color:var(--cta)}
.top .knop{padding:9px 20px 9px 9px;font-size:14.5px}
.nav-ava{position:relative;width:28px;height:28px;flex:none}
.nav-ava .av{position:absolute;inset:0;width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid #fff}
.nav-ava .av-1{animation:avA 7s infinite}.nav-ava .av-2{animation:avB 7s infinite}
@keyframes avA{0%,42%{opacity:1}50%,92%{opacity:0}100%{opacity:1}}
@keyframes avB{0%,42%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}
.nav-ava .online{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#46c266;border:2px solid var(--cta);z-index:2}

/* article */
.artikel{max-width:760px;margin:0 auto;padding:0 28px}
.kruimel{font-size:13.5px;font-weight:600;color:var(--zacht);margin:34px 0 22px;display:flex;align-items:center;gap:8px}
.kruimel a:hover{color:var(--cta)}
.kruimel i{font-size:15px;opacity:.6}
.cat{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--cta);margin-bottom:14px}
.artikel h1{font-size:clamp(32px,4.6vw,50px);line-height:1.04;margin-bottom:20px}
.artikel .intro{font-size:20px;line-height:1.55;color:var(--ink);font-weight:500}
.meta{display:flex;align-items:center;gap:14px;margin:24px 0 6px;padding-bottom:26px;border-bottom:1px solid rgba(83,97,68,.14)}
.meta .duo{position:relative;width:44px;height:44px;flex:none}
.meta .duo img{position:absolute;width:32px;height:32px;border-radius:50%;object-fit:cover;border:2.5px solid #fff;top:6px}
.meta .duo img:first-child{left:0}.meta .duo img:last-child{left:16px}
.meta .duo.een{width:36px}
.meta .duo.een img{left:0}
.meta .naam{font-weight:700;color:var(--zwart);font-size:14.5px}
.meta .naam span{display:block;font-weight:500;color:var(--zacht);font-size:13px}
.meta .leestijd{margin-left:auto;font-size:13.5px;color:var(--zacht);font-weight:600;display:flex;align-items:center;gap:6px}

.hero-foto{max-width:1040px;margin:30px auto 0;padding:0 28px}
.hero-foto figure{border-radius:var(--radius);overflow:hidden;box-shadow:var(--schaduw)}
.hero-foto img{width:100%;height:clamp(280px,44vw,460px);object-fit:cover}
figcaption{font-size:13px;color:var(--zacht);text-align:center;margin-top:10px;font-style:italic}

.body{max-width:680px;margin:0 auto;padding:0 28px}
.body p{margin:22px 0;font-size:17.5px}
.body h2{font-size:clamp(24px,3vw,30px);margin:48px 0 4px}
.body h2 + p{margin-top:14px}
.body ul{margin:22px 0;padding-left:4px;list-style:none}
.body ul li{position:relative;padding-left:30px;margin:12px 0;font-size:17px}
.body ul li::before{content:"";position:absolute;left:2px;top:10px;width:9px;height:9px;border-radius:50%;background:var(--groen);border:1.5px solid var(--mos)}
.body strong{color:var(--zwart);font-weight:700}
.body figure{margin:40px 0}
.body figure img{width:100%;border-radius:16px;box-shadow:var(--schaduw);max-height:520px;object-fit:cover}
.breed{max-width:900px;margin-left:calc((680px - 900px)/2)}

.tip{background:var(--groen-tint);border-radius:16px;padding:22px 24px;margin:40px 0;display:flex;gap:16px;align-items:flex-start}
.tip .ico{width:42px;height:42px;border-radius:12px;background:var(--mos);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.tip .ico i{font-size:22px}
.tip b{font-family:var(--kop);font-weight:650;color:var(--zwart);font-size:16px;display:block;margin-bottom:3px}
.tip p{margin:0;font-size:15.5px;color:var(--ink)}

.eind-cta{margin:70px auto 0;max-width:900px;padding:0 28px}
.eind-cta .kaart{background:var(--mos-donker);border-radius:var(--radius);padding:46px 44px;color:var(--steun);display:flex;align-items:center;gap:34px;flex-wrap:wrap;box-shadow:var(--schaduw)}
.eind-cta h3{color:#fff;font-size:26px;margin-bottom:8px}
.eind-cta h3 .hand{color:var(--geel)}
.eind-cta p{font-size:16px;color:rgba(240,238,237,.82);max-width:440px}
.eind-cta .rechts{margin-left:auto}

footer{background:var(--mos-donker);color:rgba(240,238,237,.8);margin-top:80px;padding:64px 0 34px;font-size:14.5px}
.voet-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:34px}
.voet-merk .logo{color:#fff;margin-bottom:12px}.voet-merk p{max-width:260px;line-height:1.6}
footer h4{font-family:var(--kop);color:#fff;font-size:15px;margin-bottom:14px}
footer ul{list-style:none}footer li{margin:9px 0;display:flex;gap:8px;align-items:flex-start}
footer li small{display:block;opacity:.6}
footer a:hover{color:#fff}
.voet-onder{display:flex;justify-content:space-between;align-items:center;margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);flex-wrap:wrap;gap:12px;font-size:13px}
.voet-onder .chips span{display:inline-block;border:1px solid rgba(255,255,255,.22);border-radius:6px;padding:3px 10px;margin-left:8px;font-size:12px}

@media(max-width:720px){
  nav.hoofdmenu{display:none}
  .breed{max-width:100%;margin-left:0}
  .eind-cta .kaart{padding:32px 26px}
  .voet-grid{grid-template-columns:1fr 1fr;gap:26px}
}

/* mega-menu bestemmingen */
nav.hoofdmenu .dd{position:relative;display:flex;align-items:center}
nav.hoofdmenu .dd>.dd-trig{display:inline-flex;align-items:center;gap:5px;cursor:pointer}
nav.hoofdmenu .dd>button.dd-trig{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:left}
nav.hoofdmenu .dd>.dd-trig .dd-chev{font-size:15px;transition:transform .25s}
nav.hoofdmenu .dd:hover>.dd-trig,nav.hoofdmenu .dd:focus-within>.dd-trig{color:var(--cta)}
nav.hoofdmenu .dd:hover>.dd-trig .dd-chev,nav.hoofdmenu .dd:focus-within>.dd-trig .dd-chev{transform:rotate(180deg)}
.dd-mega{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(8px);width:920px;max-width:96vw;background:var(--wit);border:1px solid rgba(83,97,68,.12);border-radius:22px;box-shadow:var(--schaduw);padding:16px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:90}
.dd:hover .dd-mega,.dd:focus-within .dd-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.dd-mega::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}
.dd-mega::after{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%) rotate(45deg);width:14px;height:14px;background:var(--wit);border-left:1px solid rgba(83,97,68,.12);border-top:1px solid rgba(83,97,68,.12);border-radius:4px 0 0 0}
/* tussen 981 en 1199 breed valt het mega-menu links buiten beeld: daar hangt het aan het scherm in plaats van aan de knop */
@media(max-width:1199px){nav.hoofdmenu .dd:has(.dd-mega){position:static}.dd-mega{top:calc(100% + 15px);left:2vw;right:auto;width:96vw;max-width:920px;transform:translateY(8px)}.dd:hover .dd-mega,.dd:focus-within .dd-mega{transform:translateY(0)}.dd-mega::after{display:none}}
.dd-kop{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:2px 8px 12px}
.dd-kop b{font-family:var(--kop);font-weight:800;font-size:19px;color:var(--zwart)}
.dd-kop span{font-size:12px;color:var(--zacht)}
.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.dd-dest{display:flex;gap:11px;padding:10px;border-radius:14px;transition:background .15s}
.dd-dest:hover{background:var(--groen-tint)}
.dd-flag{flex:none;width:28px;height:21px;border-radius:0;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.18);margin-top:2px}
.dd-flag svg{display:block;width:100%;height:100%}
.dd-body{min-width:0}
.dd-naam{font-family:var(--kop);font-weight:700;font-size:15.5px;color:var(--zwart);letter-spacing:-.01em}
.dd-naam:hover{color:var(--cta)}
.dd-tag{font-size:11.5px;color:var(--zacht);margin:1px 0 7px;line-height:1.3}
.dd-links{display:flex;gap:7px;flex-wrap:wrap}
.dd-links a{font-size:12px;font-weight:600;color:var(--mos);background:var(--steun);padding:3px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:4px;transition:.15s}
.dd-links a .ti{font-size:13px}
.dd-links a:hover{background:var(--mos);color:#fff}
.dd-links a.fam{background:var(--lroze);color:var(--rood)}
.dd-links a.fam:hover{background:var(--rood);color:#fff}
.dd-dest.soon{opacity:.65}
.dd-soon{font-size:11.5px;font-weight:600;color:var(--zacht);background:var(--steun);padding:3px 10px;border-radius:20px;display:inline-block}
.dd-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:9px;padding:13px 10px 4px;border-top:1px solid rgba(83,97,68,.12)}
.dd-foot span{font-size:13px;color:var(--zacht)}
.dd-foot a{font-size:13.5px;font-weight:700;color:var(--cta);display:inline-flex;align-items:center;gap:5px}
.dd-foot a:hover{color:var(--cta-donker)}


/* ===== Mobile responsiveness fixes (appended; only affects <=980px) ===== */
.mob-nav-cb{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.burger{display:none}
@media(max-width:980px){
  /* --- Mobile navigation (hamburger) --- */
  .burger{display:flex;flex-direction:column;justify-content:center;gap:5px;order:3;flex:0 0 auto;
    width:44px;height:44px;padding:0 10px;border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:none;border:0}
  .burger span{display:block;height:2.5px;width:100%;background:var(--inkt,#2b2b26);border-radius:2px;transition:transform .22s ease,opacity .18s ease}
  #mob-nav:checked ~ .burger span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  #mob-nav:checked ~ .burger span:nth-child(2){opacity:0}
  #mob-nav:checked ~ .burger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
  .top .knop.knop-vol{order:2}
  /* nav becomes a drop panel, closed by default, opened by the checkbox */
  nav.hoofdmenu{display:none}
  #mob-nav:checked ~ nav.hoofdmenu{
    display:flex;flex-direction:column;align-items:stretch;
    position:absolute;left:0;right:0;top:100%;
    background:#fff;padding:6px 22px 20px;gap:0;z-index:70;
    box-shadow:0 24px 40px rgba(30,30,20,.16);border-top:1px solid #ece9e4;
    max-height:82vh;overflow-y:auto;-webkit-overflow-scrolling:touch}
  #mob-nav:checked ~ nav.hoofdmenu > a,
  #mob-nav:checked ~ nav.hoofdmenu .dd-trig{
    display:flex;align-items:center;justify-content:space-between;width:100%;
    padding:15px 2px;border-bottom:1px solid #f1efeb;
    font-size:16px;font-weight:700;color:var(--inkt,#2b2b26);line-height:1.2}
  #mob-nav:checked ~ nav.hoofdmenu .dd{display:block;position:static;width:100%}
  /* destinations submenu: shown expanded & compact inside the mobile panel */
  nav.hoofdmenu .dd-mega{display:none}
  #mob-nav:checked ~ nav.hoofdmenu .dd-mega{
    display:block;position:static;width:100%;max-width:none;inset:auto;margin:0;
    background:none;box-shadow:none;border:0;padding:2px 0 10px;transform:none;opacity:1;visibility:visible;pointer-events:auto}
  #mob-nav:checked ~ nav.hoofdmenu .dd-trig{border-bottom:0;padding-bottom:6px}
  nav.hoofdmenu .dd-chev{display:none}
  .dd-mega .dd-kop,.dd-mega .dd-foot,.dd-mega .dd-tag,.dd-mega .dd-flag{display:none}
  .dd-mega .dd-grid{display:block;gap:0}
  .dd-mega .dd-dest{padding:0;margin:0;border:0}
  .dd-mega .dd-body{padding:0}
  .dd-mega .dd-naam{display:block;padding:11px 2px 3px 15px;font-size:15px;font-weight:700;color:var(--inkt,#2b2b26);border-bottom:0}
  .dd-mega .dd-links{display:flex;gap:16px;padding:0 2px 11px 15px;margin:0;border-bottom:1px solid #f1efeb}
  .dd-mega .dd-links a{padding:0;border:0;font-size:13px;font-weight:600;color:var(--zacht,#6b7360);background:none}
  .dd-mega .dd-links a.fam{color:var(--mos,#536144)}
  /* keep the logo name on one line, never wrapping */
  .logo-tx{white-space:nowrap}
  /* tablet: two columns instead of a long stack */
  .reis-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  /* voorbeeldreis wens-lijst: let text flow instead of splitting into flex items */
  .plan-lijst li{display:block;position:relative;padding-left:32px}
  .plan-lijst li i{position:absolute;left:0;top:2px;margin-top:0}
}
@media(max-width:600px){
  /* --- Compact header so logo + CTA + burger fit --- */
  .top .wrap{gap:10px}
  .logo-tx small{display:none}
  .logo-tx{font-size:17px}
  .top .knop.knop-vol{margin-left:auto;padding:9px 15px;font-size:13.5px;gap:0}
  .top .knop .nav-ava{display:none}
  /* --- 6 voorbeeldreizen become a swipeable carousel --- */
  .reis-grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;
    gap:14px;margin-top:34px;padding:2px 0 16px;scroll-padding-left:2px;-webkit-overflow-scrolling:touch}
  .reis-grid::-webkit-scrollbar{height:0}
  .reis-grid > .reis{flex:0 0 84%;scroll-snap-align:start;margin:0}

  /* --- Tall card grids -> swipeable carousels (instead of one long stack) --- */
  .rt-grid,.droom-grid,.af-grid,.stappen,.feature-grid,.bento,.team-grid,.segment-grid{
    display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;
    gap:14px;padding-bottom:14px;-webkit-overflow-scrolling:touch}
  .rt-grid::-webkit-scrollbar,.droom-grid::-webkit-scrollbar,.af-grid::-webkit-scrollbar,
  .stappen::-webkit-scrollbar,.feature-grid::-webkit-scrollbar,.bento::-webkit-scrollbar,
  .team-grid::-webkit-scrollbar,.segment-grid::-webkit-scrollbar{height:0}
  .rt-grid > *,.droom-grid > *,.af-grid > *,.stappen > *,.feature-grid > *,
  .bento > *,.team-grid > *,.segment-grid > *{
    flex:0 0 85%;scroll-snap-align:start;margin:0}
  .segment-grid > *{flex-basis:88%}
  .stap-squig{display:none}

  /* --- Small text-block grid (Route & timing etc.): 2 columns, not a long stack --- */
  .feat-grid{grid-template-columns:1fr 1fr;gap:14px}

  /* --- Footer: brand + contact full width, destinations & links side by side --- */
  .voet-grid{grid-template-columns:1fr 1fr;gap:26px 20px}
  .voet-grid > :first-child{grid-column:1 / -1}
  .voet-grid > :last-child{grid-column:1 / -1}

  /* --- Homepage destination chips: heading on top, one swipeable row (never two columns) --- */
  .kies-balk{flex-direction:column;align-items:stretch;gap:16px;padding:22px 20px}
  .kies-chips{flex-wrap:nowrap;min-width:0;width:100%;flex:0 1 100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}
  .kies-chips::-webkit-scrollbar{height:0}
  .kies-chips a{flex:0 0 auto;font-size:14.5px;padding:10px 20px}
  .kies-balk .geen-idee{text-align:left}

  /* ===== Plan-een-reisgesprek: put avatars + reactietijd above the H1 ===== */
  .plan > .wrap{display:flex;flex-direction:column}
  .plan .plan-grid{display:contents}
  .plan .context-kol{display:contents}
  .plan .context-kol > *{order:2}
  .plan .context-kol > .trust-top{order:-2;margin-bottom:4px}
  .plan .context-kol > .reactie-pil{order:-1;margin-top:0;margin-bottom:6px}
  .plan .plan-titel{order:0;margin-bottom:22px}
  .plan .form-kol{order:1;margin-bottom:8px}

  /* ===== Voorbeeldreis hero: shorter breadcrumb, route right under the title, smaller photos ===== */
  .vr-hero .kruim{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:14px;font-size:12px}
  .vr-hero .kruim::-webkit-scrollbar{height:0}
  .vr-hero .kruim > span{display:none}
  .vr-hero .kruim > i:last-of-type{display:none}
  .vr-hero .kruim a{white-space:nowrap}
  .vr-hero .wrap{display:flex;flex-direction:column;gap:0}
  .vr-hero .vr-kop{display:contents}
  .vr-hero .hero-rechts{display:contents}
  .vr-hero .kruim{order:1}
  .vr-hero .kicker{order:2}
  .vr-hero h1{order:3}
  .vr-hero .routekaart{order:4;margin:16px 0 6px}
  .vr-hero .vr-intro{order:5}
  .vr-hero .reis-feiten{order:6}
  .vr-hero .vr-knoppen{order:7}
  .vr-hero .reizigers{order:8;flex-direction:row;gap:12px;padding-top:16px}
  .vr-hero .reiziger{padding:8px 8px 0}
  .vr-hero .reiziger .cap{font-size:14px;padding:7px 4px 9px}

  /* ===== Voorbeeldreis reader Q&A: more compact ===== */
  .rij-zij{gap:12px}
  .qa-vraag{padding:12px 13px}
  .qa-vraag > p{font-size:13.5px;line-height:1.45;margin-top:0}
  .qa-antw{padding:11px 12px;margin-top:10px}
  .qa-antw p{font-size:13px;line-height:1.45}
  .qa-avatar{width:26px;height:26px;font-size:11px}
  .qa-antw img{width:24px;height:24px}
  .qa-kop{gap:8px;margin-bottom:6px}
  .qa-acties{margin-top:8px;gap:14px}
}


.dd-mflag{flex:none;width:22px;height:16px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.18)}
.dd-mflag svg{width:100%;height:100%;display:block}
.dd-mico{flex:none;width:22px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--mos,#536144)}
.dd-mini a .ti-arrow-right{margin-left:auto}
.dd-mini a.dd-sep{border-top:1px solid rgba(83,97,68,.12);border-radius:0 0 10px 10px;margin-top:6px;padding-top:11px}
.dd-dest{position:relative}
.dd-dest .dd-naam::after{content:"";position:absolute;inset:0}
.dd-dest .dd-links{position:relative;z-index:1}
.dd-mega .dd-body{flex:1 1 auto}
.dd-mega .dd-links{justify-content:flex-end;margin-top:2px}
/* kleuren: rood alleen voor echte CTA's */
nav.hoofdmenu .dd-mega a:hover,nav.hoofdmenu .dd-mini a:hover{color:var(--mos-donker,#3a4430)}
nav.hoofdmenu .dd-mega .dd-links a:hover{background:var(--mos,#536144);color:#fff}
nav.hoofdmenu .dd-foot a:hover{color:var(--cta-donker,#a93a14)}
.dd-links a.fam{background:#fff;border:1px solid rgba(83,97,68,.2);color:var(--mos,#536144)}
/* hover-polaroids */
.dd-mega .dd-grid{margin-right:308px}
.dd-peeks .dd-peek{position:absolute;top:58px;right:24px;width:280px;opacity:0;visibility:hidden;transition:opacity .18s ease;pointer-events:none}
.dd-peeks .pk-default{opacity:1;visibility:visible}
.dd-mega:has(.dd-grid .dd-dest:hover) .pk-default{opacity:0;visibility:hidden}
.dd-mega:has(.dd-grid .dd-dest:nth-child(1):hover) .pk-1{opacity:1;visibility:visible}
.dd-mega:has(.dd-grid .dd-dest:nth-child(2):hover) .pk-2{opacity:1;visibility:visible}
.dd-mega:has(.dd-grid .dd-dest:nth-child(3):hover) .pk-3{opacity:1;visibility:visible}
.dd-mega:has(.dd-grid .dd-dest:nth-child(4):hover) .pk-4{opacity:1;visibility:visible}
.dd-mega:has(.dd-grid .dd-dest:nth-child(5):hover) .pk-5{opacity:1;visibility:visible}
.dd-mega:has(.dd-grid .dd-dest:nth-child(6):hover) .pk-6{opacity:1;visibility:visible}
.polamini{background:#fff;border:1px solid rgba(83,97,68,.16);border-radius:6px;box-shadow:0 14px 30px -16px rgba(83,97,68,.45);padding:9px 9px 11px;transform:rotate(1.6deg)}
.polamini img{width:100%;height:192px;object-fit:cover;display:block;border-radius:3px}
.polamini p{font-family:var(--hand,'Caveat',cursive);font-weight:600;font-size:17.5px;line-height:1.2;color:var(--ink,#414b35);margin:9px 2px 0}
.polamini .duo{display:flex;gap:6px}
.polamini .duo img{height:152px;width:calc(50% - 3px)}
.dd-mini.dd-fam{width:610px;display:flex;gap:14px;align-items:flex-start}
.fam-lijst{flex:1;min-width:0}
.fam-zij{width:306px;position:relative;align-self:stretch;pointer-events:none;padding:4px 2px}
.fam-def{transition:opacity .18s ease}
.fam-def .polamini{transform:rotate(1.8deg)}
.fam-def .polamini+.polamini{transform:rotate(-1.6deg);margin-top:12px}
.fam-def .polamini img{height:132px}
.fam-info{position:absolute;inset:4px 2px;opacity:0;visibility:hidden;transition:opacity .18s ease}
.fam-info .polamini{transform:rotate(-1.4deg)}
.fam-sub{font-family:var(--tekst,Inter,sans-serif);font-size:13.5px;line-height:1.55;color:var(--ink,#414b35);margin:12px 4px 0}
.fam-kop{font-family:var(--kop,inherit);font-weight:800;font-size:19px;line-height:1.15;color:var(--zwart,#20271a);padding:6px 12px 12px;border-bottom:1px solid rgba(83,97,68,.12);margin-bottom:6px}
.fam-kop small{display:block;font-family:var(--tekst,Inter,sans-serif);font-weight:500;font-size:12.5px;line-height:1.3;color:var(--zacht,#68725a);margin-top:3px}
.fam-info .polamini img{height:200px}
.dd-fam:has(.fam-lijst a[href$="met-kinderen"]:hover) .fam-def{opacity:0}
.dd-fam:has(a[href="/thailand-rondreis/met-kinderen"]:hover) .fi-thailand{opacity:1;visibility:visible}
.dd-fam:has(a[href="/indonesie-rondreis/met-kinderen"]:hover) .fi-indonesie{opacity:1;visibility:visible}
.dd-fam:has(a[href="/sri-lanka-rondreis/met-kinderen"]:hover) .fi-sri-lanka{opacity:1;visibility:visible}
.dd-fam:has(a[href="/zuid-afrika-rondreis/met-kinderen"]:hover) .fi-zuid-afrika{opacity:1;visibility:visible}
.dd-fam:has(a[href="/amerika-rondreis/met-kinderen"]:hover) .fi-amerika{opacity:1;visibility:visible}
.dd-fam:has(a[href="/canada-rondreis/met-kinderen"]:hover) .fi-canada{opacity:1;visibility:visible}
.dd-fam:has(a[href^="/voorbeeldreizen"]:hover) .fi-vb{opacity:1;visibility:visible}
.vb-kaart svg{width:100%;height:auto;display:block}
.nm-land{fill:var(--groen-tint,#e7f1e8);stroke:var(--mos,#536144);stroke-width:7}
.nm-route{fill:none;stroke:var(--cta,#c8481f);stroke-width:12;stroke-dasharray:1 28;stroke-linecap:round}
.nm-stop{fill:#fff;stroke:var(--mos,#536144);stroke-width:7}
.nm-stop.start{fill:var(--cta,#c8481f);stroke:var(--cta,#c8481f)}
.nm-num{font-family:var(--kop,inherit);font-weight:800;font-size:38px;fill:var(--mos,#536144);text-anchor:middle}
.nm-num.w{fill:#fff}
@media(max-width:980px){
.dd-mflag,.dd-mico{display:none}
.dd-mini a.dd-sep{border-top:0;margin-top:0;padding-top:10px}
.fam-kop{padding:12px 2px 6px 15px;font-size:16px}
.dd-dest .dd-naam::after{content:none}
.dd-mega .dd-links{justify-content:flex-start}
.dd-peeks,.fam-zij{display:none}
.dd-mega .dd-grid{margin-right:0}
}


/* Blog-dropdown in hoofdnav */
nav.hoofdmenu .dd{position:relative}
.dd-mini{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);width:225px;background:var(--wit,#fff);border:1px solid rgba(83,97,68,.12);border-radius:18px;box-shadow:0 18px 36px -20px rgba(83,97,68,.35);padding:10px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:90}
.dd:hover .dd-mini,.dd:focus-within .dd-mini{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.dd-mini::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.dd-mini::after{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%) rotate(45deg);width:14px;height:14px;background:var(--wit,#fff);border-left:1px solid rgba(83,97,68,.12);border-top:1px solid rgba(83,97,68,.12);border-radius:4px 0 0 0}
.dd-mini a{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:9px 12px;border-radius:10px;font-size:14.5px;font-weight:600;color:var(--ink,#414b35)}
.dd-mini a:hover{background:var(--groen-tint,#e7f1e8);color:var(--cta,#c8481f)}
.dd-mini a.dd-alle{color:var(--ink,#414b35);font-weight:700;border-bottom:1px solid rgba(83,97,68,.12);border-radius:10px 10px 0 0;margin-bottom:6px;padding-bottom:11px}
@media(max-width:980px){
  nav.hoofdmenu .dd-mini{display:none}
  #mob-nav:checked ~ nav.hoofdmenu .dd-mini{display:block;position:static;width:100%;opacity:1;visibility:visible;pointer-events:auto;transform:none;box-shadow:none;border:0;padding:2px 0 10px;background:none}
  #mob-nav:checked ~ nav.hoofdmenu .dd-mini::after,#mob-nav:checked ~ nav.hoofdmenu .dd-mini::before{display:none}
  #mob-nav:checked ~ nav.hoofdmenu .dd-mini a{padding:10px 2px 10px 15px;font-size:14px;border-bottom:1px solid #f1efeb;border-radius:0}
  #mob-nav:checked ~ nav.hoofdmenu .dd-mini a.dd-alle{border-radius:0;margin:0;padding-bottom:10px}
}