/* HolidayParkBooqi, 13 okt 2026 (Nout: "nieuwe frisse look", "het beige bevalt me ook niet meer", "let op wit op witte
   teksten"). Zoals event.css, zoo.css en de andere marktstylesheets van vandaag (bulk-vernieuwing-2026-10-13/marktcss.py):
   wit en #EEF6EF, een koele munttint uit de huisstijl (HolidayParkBooqi, groen #5CB335), in plaats van creme #faf8f3 en
   steen #f3efe7. De hero (13 okt, avond): stacaravans aan het water onder blauwe lucht (Pexels, zie
   holidaypark-vernieuwing-2026-10-13/fotobronnen.json, hero.jpg), zacht onscherp, een lichte waas links en donkere tekst;
   ernaast de productmockup zoals event, museum en hotel.
   Daaronder blijft de vormtaal van het parkdrukwerk staan (2 sep): ronde pillen en kaarten, groen voor doen en blauw voor
   informatie, nu in de munt- en lucht-tinten in plaats van de goudtoon. */
body.market-holidaypark .hbstory{--papier:#EEF6EF;--wit:#FFFFFF;--rand:#D7E8DA;background:#FFFFFF}
body.market-holidaypark .hbstory .topnav{background:rgba(255,255,255,.94) !important}
body.market-holidaypark .hbstory section#top,
body.market-holidaypark .hbstory section#who,
body.market-holidaypark .hbstory section#how,
body.market-holidaypark .hbstory section#pricing{background:#FFFFFF !important}
body.market-holidaypark .hbstory section#pijler-1,
body.market-holidaypark .hbstory section#opbrengst,
body.market-holidaypark .hbstory section#fits,
body.market-holidaypark .hbstory section#faq,
body.market-holidaypark .hbstory section.hoofdstuk.h-even,
body.market-holidaypark .hbstory section.hoofdstuk.h-bg-steen,
body.market-holidaypark .hbstory section.roi.inh{background:#EEF6EF !important}
body.market-holidaypark .hbstory .dagbeeld{background:#D7E8DA}

/* De hero: zonnige foto, lichte waas links, donkere tekst */
body.market-holidaypark .hbstory .h3kader{background:#e4ede6}
body.market-holidaypark .hbstory .h3kader .h3beeld::before{
  background:linear-gradient(90deg,rgba(247,251,248,.9) 0%,rgba(247,251,248,.7) 34%,rgba(247,251,248,.14) 60%,rgba(247,251,248,0) 72%) !important}
body.market-holidaypark .hbstory .h3tekst,
body.market-holidaypark .hbstory .h3tekst h1,
body.market-holidaypark .hbstory .h3tekst .h3voor,
body.market-holidaypark .hbstory .h3tekst .h3pk,
body.market-holidaypark .hbstory .h3tekst .h3bewijs{color:#172A1C !important;text-shadow:none !important}
body.market-holidaypark .hbstory .h3tekst .h3sub{color:rgba(23,42,28,.84) !important;text-shadow:none !important}
body.market-holidaypark .hbstory .h3knoppen .btn.o{color:#172A1C !important;background:rgba(255,255,255,.74) !important;border-color:rgba(23,42,28,.28) !important}

/* De hero (13 okt 2026, avond): de productmockup zoals museum en hotel (de uitgevouwen kaartzijde met de covers en de telefoon
   ervoor, hero-hand[_taal].webp uit holidaypark-vernieuwing-2026-10-13/site_beelden.py), naast de kop; op een telefoon geldt de regel
   voor elke markt in v3.css (a8ab5cd). Het dagverhaal is weg (het parkverhaal in de scroll vertelt het nu), dus ook de links
   "See it in the day". De hero vult het eerste scherm, zoals museum. */
@media (min-width:821px){
  body.market-holidaypark .hbstory .h3tekst>*:not(h1){max-width:min(600px,calc(50vw - var(--links))) !important}
  body.market-holidaypark .hbstory .h3hand{right:calc(var(--links) - 40px) !important;bottom:7% !important;height:84% !important;max-width:max(360px,min(50%,calc(100vw - 2 * var(--links) - 600px))) !important;filter:none !important}
  body.market-holidaypark .hbstory .h3kader{min-height:clamp(560px,calc(100svh - 65px),900px) !important}
}
body.market-holidaypark .hbstory .hnaar{display:none !important}

/* ---------------------------------------------------------------- de vormtaal van het parkdrukwerk
   Een grote afgeronde pil voor PARK MAP, ronde witte kaarten op een licht vlak, groen voor doen en blauw voor
   informatie (het paneel General information en de vouchers staan op blauw). Hotel is het tegenovergestelde:
   rechthoekig en strak. Een park is rond en open, want dat is wat het verkoopt. Alleen overschrijvingen op de gedeelde
   stylesheet; de structuur blijft, dus een verbetering aan een sectie komt gewoon door. */
.hbstory {
  --park-blue: #1E4E79;
  --park-sky: #7FB2DE;
  --park-groen: #2F7A1F;
  --r-pil: 999px;
  --r-kaart: 24px;
}

/* labels: een gevulde pil, zoals de PARK MAP-badge op de plattegrond, in munt in plaats van goud */
.hbstory .eyebrow {
  display: inline-block;
  padding: 7px 16px 6px;
  border-radius: var(--r-pil);
  background: rgba(92, 179, 53, .14);
  color: var(--park-groen);
  letter-spacing: .14em;
  font-size: .72rem;
}

/* De donkere secties hebben een lichte pil nodig, anders valt hij weg. */
.hbstory .sec.dark .eyebrow,
.hbstory .results .eyebrow,
.hbstory .casestudy .eyebrow {
  background: rgba(127, 178, 222, .18);
  color: #DDEBF7;
}

/* knoppen: volledig rond, zoals elke knop en badge op het parkdrukwerk */
.hbstory .btn,
.hbstory .btn.gold,
.hbstory .btn.ghost {
  border-radius: var(--r-pil);
  padding-left: 28px;
  padding-right: 28px;
}

/* vlakken: ronder dan hotel, met een zachte koele schaduw */
.hbstory .tcard,
.hbstory .qc,
.hbstory .pcard,
.hbstory .fcard,
.hbstory .csstat,
.hbstory .facard {
  border-radius: var(--r-kaart);
}

.hbstory .tcard {
  box-shadow: 0 18px 40px -28px rgba(23, 42, 28, .4);
}

/* cijfers (als een markt ze ooit weer toont): lucht en een zachte munt-ondergrond */
.hbstory .stats {
  gap: 14px;
}

.hbstory .stat {
  padding: 22px 18px 20px;
  border-radius: var(--r-kaart);
  background: #EEF6EF;
  border-top: 0;
}

/* informatie: blauw, zoals op het drukwerk */
.hbstory .faq details[open] summary,
.hbstory .fits .fcard b {
  color: var(--park-blue);
}

@media (prefers-color-scheme: dark) {
  .hbstory .faq details[open] summary,
  .hbstory .fits .fcard b {
    color: var(--park-sky);
  }
}

/* Het parkverhaal (parkscroll, 13 okt 2026): de kleuren en witte vouchers van .ps--holidaypark in parkgroen (#2E7D23 voor wit erop) en munt en de affichekoppen van de
   gids (Barlow Condensed). Hier en niet in de gedeelde parkscroll.css; body.market-holidaypark erbij zodat het wint. */
@font-face{font-family:'BC';src:url('../../fonts/barlow-condensed-700.woff2') format('woff2');font-weight:700;font-display:swap}
body.market-holidaypark .ps--holidaypark{background:#EEF6EF;color:#172A1C}
body.market-holidaypark .ps--holidaypark .ps-bg{background:radial-gradient(1400px 900px at 70% 35%,#FFFFFF 0%,#F3F9F3 45%,#E1EEE2 100%)}
body.market-holidaypark .ps--holidaypark .ps-balk,body.market-holidaypark .ps--holidaypark .ps-tk small,body.market-holidaypark .ps--holidaypark .ps-lab8 small,body.market-holidaypark .ps--holidaypark .ps-bk,body.market-holidaypark .ps--holidaypark .ps-onder small{background:none;color:#2E7D23}
body.market-holidaypark .ps--holidaypark .ps-balk{background:#2E7D23}
body.market-holidaypark .ps--holidaypark .ps-pl i{color:#2E7D23}
body.market-holidaypark .ps--holidaypark .ps-tk h3,body.market-holidaypark .ps--holidaypark .ps-lab8 b,body.market-holidaypark .ps--holidaypark .ps-onder h3{color:#172A1C}
body.market-holidaypark .ps--holidaypark .ps-lijnen line{stroke:#2E7D23}body.market-holidaypark .ps--holidaypark .ps-lijnen .ps-d,body.market-holidaypark .ps--holidaypark .ps-lijnen .ps-h{stroke:#2E7D23}
body.market-holidaypark .ps--holidaypark .ps-f{background-color:#FFFFFF}body.market-holidaypark .ps--holidaypark .ps-b{background-color:#EEF6EF}
body.market-holidaypark .ps--holidaypark .ps-f::after,body.market-holidaypark .ps--holidaypark .ps-b::after{background:rgba(30,35,50,var(--sh,0))}
body.market-holidaypark .ps--holidaypark .ps-vloer{background:radial-gradient(closest-side,rgba(30,35,50,.22),rgba(30,35,50,0))}
body.market-holidaypark .ps--holidaypark #ps-c2_5>.ps-f,body.market-holidaypark .ps--holidaypark #ps-c2_5>.ps-b{border-radius:5px;overflow:hidden}   /* ook de achterkant heeft ronde hoeken */
body.market-holidaypark .ps--holidaypark .ps-schaduw{background:radial-gradient(closest-side,rgba(20,24,34,.55),rgba(20,24,34,0));filter:blur(2px)}
body.market-holidaypark .ps--holidaypark .ps-stand img{filter:drop-shadow(0 3px 4px rgba(20,25,40,.25))}
body.market-holidaypark .ps--holidaypark .ps-bon{box-shadow:0 22px 44px rgba(30,35,50,.22)}
body.market-holidaypark .ps--holidaypark .ps-achter{border-radius:14px;box-shadow:0 30px 60px rgba(30,35,50,.25)}
body.market-holidaypark .ps--holidaypark .ps-tik{background:rgba(46,125,35,.25);border-color:rgba(46,125,35,.6)}
body.market-holidaypark .ps--holidaypark .ps-sc small{color:#2E7D23}
body.market-holidaypark .ps--holidaypark .ps-sc b{font-family:'BC',sans-serif;font-weight:700;font-size:30px;line-height:1.0;text-transform:uppercase}
body.market-holidaypark .ps--holidaypark .ps-sc{box-shadow:0 20px 44px rgba(30,35,50,.16);color:#172A1C}
body.market-holidaypark .ps--holidaypark .ps-bon{background:#fff !important;border-radius:0;padding:40px 26px 24px;height:410px;display:flex;flex-direction:column}
body.market-holidaypark .ps--holidaypark .ps-bon::after{inset:auto 18px auto 18px;top:17px;border:0;border-top:1.6px dashed #A9C4AD;border-radius:0}
body.market-holidaypark .ps--holidaypark .ps-bf{display:none}
body.market-holidaypark .ps--holidaypark .ps-bt{padding:0;display:flex;flex-direction:column;flex:1}
body.market-holidaypark .ps--holidaypark .ps-bk{align-self:flex-start;background:#2E7D23;color:#fff;font-size:13px;letter-spacing:.16em;padding:4px 10px 3.5px;margin-bottom:16px}
body.market-holidaypark .ps--holidaypark .ps-bh{font-family:'BC',sans-serif;font-weight:700;font-size:38px;line-height:.98;text-transform:uppercase;letter-spacing:.005em;margin-bottom:14px;color:#172A1C}
body.market-holidaypark .ps--holidaypark .ps-bs{font-size:16px;line-height:1.45;color:rgba(23,42,28,.84);opacity:1}