/* =====================================================================
   mobiele infopagina's 2026 (enkel < 768px, enkel mediums.nl) — 2026-11-08
   Contact, wachtwoord vergeten, belverzoek, telefoonconsult, FAQ, privacy, voorwaarden, getuigenissen.
   Zelfde app-stijl als home, login/account, profiel, chat, horoscoop en mailconsult:
   sfeerbeeld tot achter de kopbalk, witte titel + gouden lijn, witte kaarten op app-grijs #F4F6FA,
   Arial, navy koppen, lijstblokken, warm belblok. Hero: incl_mn_paginahero.php. Desktop ongewijzigd.
   ===================================================================== */
.mn-pg-hero, .mn-pg-kop { display: none; }

@media (max-width: 767px) {
  html body:has(#mn-pg-hero) { --mn-voet-van: #F4F6FA; --mn-pg-navy: #1C3A5E; --mn-pg-blauw: #2D5F94; --mn-pg-zacht: #E8EFFA; --mn-pg-tekst: #1C1917; --mn-pg-sub: #57534E; --mn-pg-lijn: rgba(28,58,94,.10);
    --mn-pg-kaart-schaduw: 0 1px 2px rgba(22,50,79,.04), 0 8px 20px -14px rgba(22,50,79,.25);
    --mn-pg-font: Arial, system-ui, -apple-system, "Segoe UI", sans-serif; }
  html body:has(#mn-pg-hero), html body:has(#mn-pg-hero) #page_wrapper { background: #F4F6FA !important; }
  html body:has(#mn-pg-hero) #page_header { display: none !important; }

  /* ---------- kopbalk over het beeld, wit glas na scrollen ---------- */
  html body:has(#mn-pg-hero) #header.site-header { background: transparent !important; box-shadow: none !important; transition: background-color .25s, box-shadow .25s; }
  html body.mn-gescrold:has(#mn-pg-hero) #header.site-header { background: rgba(255,255,255,.92) !important; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: 0 1px 0 rgba(28,58,94,.10), 0 6px 18px -14px rgba(22,50,79,.35) !important; }
  html body:has(#mn-pg-hero) #header .site-header-right-wrapper { background: rgba(255,255,255,.86) !important; border-color: rgba(255,255,255,.9) !important; }
  html body:not(.mn-gescrold):has(#mn-pg-hero) #header .logo-img[src$="/mediums.png"] { content: url(../images/mediums-logo-licht.png); filter: drop-shadow(0 1px 3px rgba(12,24,52,.45)); }

  /* ---------- beeld met titel ---------- */
  .mn-pg-hero { display: block; position: relative; margin: calc(-1 * var(--mn-header-h, 60px)) 0 0; padding: calc(var(--mn-header-h, 60px) + 26px) 18px 74px; isolation: isolate; overflow: hidden;
    background:
      linear-gradient(180deg, rgba(12,24,52,.42) 0, rgba(12,24,52,0) 130px),
      linear-gradient(90deg, rgba(12,24,52,.62) 0, rgba(12,24,52,.22) 62%, rgba(12,24,52,.05) 92%),
      linear-gradient(180deg, rgba(244,246,250,0) 0, rgba(244,246,250,0) calc(100% - 96px), rgba(244,246,250,.6) calc(100% - 46px), #F4F6FA 100%),
      var(--mn-pg-beeld) var(--mn-pg-pos, center top) / cover no-repeat,
      #1d3554; }
  .mn-pg-hero__titel { max-width: 80%; margin: 0 !important; padding: 0 !important; font: 600 28px/1.12 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Arial, sans-serif !important; letter-spacing: -.015em !important; text-transform: none !important; color: #fff !important; text-shadow: 0 2px 14px rgba(10,22,50,.45); }
  .mn-pg-hero__zin { max-width: 82%; margin: 8px 0 0 !important; padding: 0 !important; font: 400 15.5px/1.38 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Arial, sans-serif !important; color: #fff !important; text-shadow: 0 1px 8px rgba(10,22,50,.55); }
  .mn-pg-hero__zin em { font-style: normal; font-weight: 600; color: #F6C873; }
  .mn-pg-hero__titel + .mn-pg-hero__punten, .mn-pg-hero__titel + .mn-pg-hero__knoppen, .mn-pg-hero__zin::after { margin-top: 0; }
  .mn-pg-hero__zin::after, .mn-pg-hero__titel:last-child::after { content: ""; display: block; width: 56px; height: 3px; margin-top: 12px; border-radius: 2px; background: #E5AE48; }
  .mn-pg-hero__punten { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0 !important; padding: 0 !important; list-style: none !important; }
  .mn-pg-hero__punten li { display: inline-flex; align-items: center; gap: 6px; margin: 0 !important; padding: 6px 12px 6px 9px !important; border: 1px solid rgba(255,255,255,.4); border-radius: 999px; background: rgba(255,255,255,.16); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); font: 600 13px/1.2 var(--mn-pg-font); color: #fff; list-style: none !important; }
  .mn-pg-hero__punten li::before { content: ""; flex: 0 0 16px; width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F6C873' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center / 14px 14px no-repeat; }
  .mn-pg-hero__knoppen { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 18px; }
  .mn-pg-hero__knoppen--2 { grid-template-columns: 1fr 1fr; }
  .mn-pg-knop { display: flex !important; align-items: center; justify-content: center; height: 50px; padding: 0 10px; border-radius: 12px; font: 700 14px/1.1 var(--mn-pg-font) !important; letter-spacing: .01em; text-align: center; text-decoration: none !important; }
  .mn-pg-hero__knoppen--1 .mn-pg-knop { max-width: 260px; }
  .mn-pg-knop--hoofd { background: linear-gradient(180deg, #2B4C82, #1C3A5E); border: 1px solid rgba(255,255,255,.3); color: #fff !important; box-shadow: 0 12px 24px -14px rgba(12,24,52,.85), inset 0 1px 0 rgba(255,255,255,.18); }
  .mn-pg-knop--glas { background: rgba(255,255,255,.84); border: 1px solid rgba(255,255,255,.95); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #1C3A5E !important; box-shadow: 0 10px 22px -16px rgba(28,58,94,.55); }
  .mn-pg-knop:focus-visible { outline: 3px solid rgba(246,200,115,.85); outline-offset: 2px; }

  /* ---------- gedeelde bouwstenen ---------- */
  html body:has(#mn-pg-hero) .mn-pg-kop { display: block; margin: 0 0 12px !important; padding: 0 !important; font: 700 19px/1.25 var(--mn-pg-font) !important; letter-spacing: 0 !important; text-transform: none !important; color: #1C3A5E !important; }
  html body:has(#mn-pg-hero) .mn-pg-kaart { padding: 18px 16px 16px !important; background: #fff !important; border: 1px solid rgba(28,58,94,.08) !important; border-radius: 16px !important; box-shadow: var(--mn-pg-kaart-schaduw) !important; }
  html body:has(#mn-pg-hero) .mn-pg-leesmeer { display: flex; align-items: center; justify-content: center; width: 100%; height: 44px; margin: 10px 0 0; border: 0; border-radius: 12px; background: #E8EFFA; font: 700 14px/1 var(--mn-pg-font); color: #1C3A5E; cursor: pointer; }
  html body:has(#mn-pg-hero) .mn-pg-leesmeer:focus-visible { outline: 3px solid rgba(120,153,204,.6); outline-offset: 2px; }
  html body:has(#mn-pg-hero) .mn-pg-kort { max-height: 360px; overflow: hidden; -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent); mask-image: linear-gradient(180deg, #000 70%, transparent); }
}

/* =====================================================================
   CONTACT (/contactmediums — contact2.php)
   ===================================================================== */
@media (max-width: 767px) {
  html body:has(.mn-pg-hero--contact) #page_wrapper > .kl-slideshow-inner.static-content__wrapper { display: none !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud { margin: 0 !important; padding: 0 14px 34px !important; background: transparent !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud > .container, html body:has(.mn-pg-hero--contact) main#hoofdinhoud .row, html body:has(.mn-pg-hero--contact) main#hoofdinhoud .row > [class*="col-"] { margin: 0 !important; padding: 0 !important; width: auto !important; max-width: none !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud { font-family: var(--mn-pg-font); }

  /* kernprofiel: kaart over de onderkant van het beeld */
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .kernprofiel { position: relative; z-index: 2; margin: -46px 0 0 !important; padding: 18px 18px 16px !important; background: #fff !important; border: 1px solid rgba(28,58,94,.08) !important; border-left: 1px solid rgba(28,58,94,.08) !important; border-radius: 18px !important; box-shadow: 0 1px 2px rgba(22,50,79,.05), 0 18px 34px -22px rgba(12,24,52,.5) !important; font: 400 15px/1.6 var(--mn-pg-font) !important; color: #1C3A5E !important; }

  /* secties en koppen */
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .sectie { padding: 28px 0 0 !important; border-top: 0 !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .sectie-label { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .sectie h2 { margin: 0 0 8px !important; font: 700 19px/1.25 var(--mn-pg-font) !important; letter-spacing: 0 !important; color: #1C3A5E !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .sectie h2 + p { margin: 0 0 12px !important; font: 400 14.5px/1.55 var(--mn-pg-font) !important; color: #57534E !important; }

  /* bereikbaarheid: één lijstblok met icoon per rij */
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .bereik-grid { display: block !important; margin: 0 !important; padding: 2px 16px !important; background: #fff; border: 1px solid rgba(28,58,94,.08); border-radius: 16px; box-shadow: var(--mn-pg-kaart-schaduw); }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .bereik-kaart { display: grid !important; grid-template-columns: 40px minmax(0,1fr); column-gap: 14px; row-gap: 2px; padding: 14px 0 !important; background: none !important; border: 0 !important; border-top: 1px solid rgba(28,58,94,.10) !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .bereik-kaart:first-child { border-top: 0 !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .bereik-kaart-icoon { grid-row: 1 / span 3; width: 40px; height: 40px; background: #E8EFFA !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .bereik-kaart-icoon svg { stroke: #2D5F94 !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .bereik-kaart h3 { margin: 0 !important; font: 700 15px/1.3 var(--mn-pg-font) !important; color: #1C3A5E !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .bereik-kaart p { margin: 0 !important; font: 400 13.5px/1.5 var(--mn-pg-font) !important; color: #57534E !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .bereik-kaart .kaart-pijl { margin: 4px 0 0 !important; font: 700 13.5px/1.3 var(--mn-pg-font) !important; color: #2D5F94 !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .trust-strip { display: none !important; } /* staan als chips in het beeld */

  /* formulier: zelfde velden als de login */
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud #formulier h2 { margin-bottom: 12px !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .formulier-kaart { padding: 16px !important; background: #fff !important; border: 1px solid rgba(28,58,94,.08) !important; border-top: 1px solid rgba(28,58,94,.08) !important; border-radius: 18px !important; box-shadow: var(--mn-pg-kaart-schaduw) !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .reactietijd-balk { margin: 0 0 16px !important; padding: 11px 12px !important; border-radius: 12px !important; background: #E8EFFA !important; font: 400 13px/1.45 var(--mn-pg-font) !important; color: #1C3A5E !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .reactietijd-balk svg { stroke: #2D5F94 !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .formulier-rij { gap: 6px !important; margin: 0 0 14px !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .formulier-rij label { font: 700 13.5px/1.2 var(--mn-pg-font) !important; color: #1C3A5E !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .formulier-rij input, html body:has(.mn-pg-hero--contact) main#hoofdinhoud .formulier-rij textarea { min-height: 50px; padding: 13px 14px !important; border: 1px solid rgba(28,58,94,.16) !important; border-radius: 12px !important; background: #F7F9FC !important; font: 400 16px/1.4 var(--mn-pg-font) !important; color: #1C1917 !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .formulier-rij textarea { min-height: 140px; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .formulier-rij input:focus, html body:has(.mn-pg-hero--contact) main#hoofdinhoud .formulier-rij textarea:focus { border-color: #7899CC !important; background: #fff !important; box-shadow: 0 0 0 3px rgba(120,153,204,.2) !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .formulier-submit { height: 52px; padding: 0 16px !important; border-radius: 14px !important; background: linear-gradient(180deg, #2B4C82, #1C3A5E) !important; box-shadow: 0 12px 24px -14px rgba(12,24,52,.85), inset 0 1px 0 rgba(255,255,255,.18) !important; font: 700 15px/1 var(--mn-pg-font) !important; letter-spacing: .01em !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .formulier-privacy { margin: 10px 2px 0 !important; font: 400 12.5px/1.5 var(--mn-pg-font) !important; color: #57534E !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .formulier-melding { border-radius: 12px !important; font-family: var(--mn-pg-font) !important; }

  /* brug naar bellen: warm belblok */
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .brug-bellen { position: relative; overflow: hidden; margin: 16px 0 0 !important; padding: 20px 18px 18px !important; border-radius: 18px !important; background: radial-gradient(120% 90% at 100% 0, rgba(246,200,115,.22), rgba(246,200,115,0) 55%), linear-gradient(160deg, #1C3A5E 0%, #2D5F94 100%) !important; box-shadow: 0 18px 34px -22px rgba(12,24,52,.7) !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .brug-bellen p { margin: 0 0 14px !important; font: 400 15px/1.55 var(--mn-pg-font) !important; color: #fff !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .brug-bellen-tarieven { display: flex !important; flex-wrap: wrap; gap: 7px !important; margin: 0 !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .brug-bellen-tarieven span { padding: 6px 11px !important; border: 1px solid rgba(255,255,255,.22); border-radius: 999px !important; background: rgba(255,255,255,.10) !important; font: 600 12.5px/1.25 var(--mn-pg-font) !important; color: #fff !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .brug-bellen-acties { display: flex !important; flex-direction: column !important; gap: 10px !important; margin-top: 16px !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .brug-bellen-knop { width: 100% !important; height: 48px; padding: 0 8px !important; border-radius: 12px !important; font: 700 13.5px/1.15 var(--mn-pg-font) !important; text-align: center; }
  /* volgorde: bellen (goud, naar de homepage), chatten (wit), uitleg als tekstlink */
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .brug-bellen .brug-bellen-knop--bel { order: 1; background: linear-gradient(180deg, #F6C873, #E5AE48) !important; border-color: transparent !important; color: #1C3A5E !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .brug-bellen .brug-bellen-knop--chat { order: 2; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .brug-bellen .brug-bellen-knop--uitleg { order: 3; height: 36px; background: transparent !important; border-color: transparent !important; color: #fff !important; text-decoration: underline !important; text-underline-offset: 3px; }

  /* quote: witte kaart */
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .quote-blok { margin: 28px 0 0 !important; background: #fff !important; border: 1px solid rgba(28,58,94,.08); border-radius: 16px !important; box-shadow: var(--mn-pg-kaart-schaduw); grid-template-columns: 4px minmax(0,1fr) !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .quote-balk { background: linear-gradient(180deg, #E5AE48, #F6C873) !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .quote-inner { padding: 18px 16px 14px !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .quote-blok blockquote { padding: 0 !important; margin: 0 !important; border: 0 !important; font: italic 400 15px/1.6 Georgia, "Times New Roman", serif !important; color: #1C3A5E !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .quote-inner::before, html body:has(.mn-pg-hero--contact) main#hoofdinhoud .quote-inner::after { display: none !important; }

  /* FAQ: één lijstblok */
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .faq-lijst { display: block !important; margin: 0 !important; padding: 0 16px !important; background: #fff; border: 1px solid rgba(28,58,94,.08); border-radius: 16px; box-shadow: var(--mn-pg-kaart-schaduw); }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .faq-lijst details { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; border-top: 1px solid rgba(28,58,94,.10) !important; border-radius: 0 !important; box-shadow: none !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .faq-lijst details:first-child { border-top: 0 !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .faq-lijst summary { min-height: 54px; padding: 14px 0 !important; font: 700 15px/1.35 var(--mn-pg-font) !important; color: #1C3A5E !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .faq-lijst summary::after { content: "" !important; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: #E8EFFA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D5F94' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 14px 14px no-repeat; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .faq-antwoord { padding: 0 0 16px !important; border-top: 0 !important; font: 400 14.5px/1.6 var(--mn-pg-font) !important; color: #57534E !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .faq-antwoord a { font-weight: 700; color: #2D5F94 !important; }

  /* verder op mediums.nl: tegels */
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .nav-kaarten { grid-template-columns: 1fr 1fr !important; gap: 10px !important; margin: 4px 0 0 !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .nav-kaart { flex-direction: row !important; justify-content: flex-start; gap: 10px !important; min-height: 60px; padding: 12px !important; background: #fff !important; border: 1px solid rgba(28,58,94,.08) !important; border-radius: 14px !important; box-shadow: var(--mn-pg-kaart-schaduw) !important; font: 700 13.5px/1.25 var(--mn-pg-font) !important; color: #1C3A5E !important; text-align: left; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .nav-icoon { flex: 0 0 34px; width: 34px; height: 34px; background: #E8EFFA !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .nav-icoon svg { stroke: #2D5F94 !important; }

  /* redactie */
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud .auteur-blok { margin: 24px 0 0 !important; padding: 14px 16px !important; background: #fff !important; border: 1px solid rgba(28,58,94,.08) !important; border-radius: 16px !important; box-shadow: none !important; font: 400 13px/1.55 var(--mn-pg-font) !important; color: #57534E !important; }
  html body:has(.mn-pg-hero--contact) main#hoofdinhoud article > br { display: none; }
}

/* =====================================================================
   WACHTWOORD VERGETEN (/wachtwoord-vergeten) — app-blok zelf in mobiel-2026-login.css (#mn-login)
   ===================================================================== */
@media (max-width: 767px) {
  #mn-login.mn-ww .mn-login__intro { margin: 0 2px 14px !important; font: 400 15.5px/1.45 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Arial, sans-serif !important; color: #fff !important; text-shadow: 0 1px 8px rgba(10,22,50,.6); }
  #mn-login.mn-ww .mn-login__intro b { font-weight: 600; }
  #mn-login.mn-ww .mn-login__knop2 + .mn-login__knop2 { margin-top: 12px; }
  #mn-login.mn-ww { padding-bottom: 200px; }
  html body:has(#mn-login.mn-ww) #page_wrapper > section.hg_section .row:has(> [class*="col-"] > .breadcrumbs) { display: none !important; }
  html body:has(#mn-login.mn-ww) #page_wrapper > section.hg_section { margin: 0 !important; padding: 0 14px !important; background: transparent !important; box-shadow: none !important; }
  html body:has(#mn-login.mn-ww) #page_wrapper > section.hg_section + section.hg_section { margin-top: 14px !important; }
  html body:has(#mn-login.mn-ww) #page_wrapper > section.hg_section:first-of-type { position: relative; z-index: 2; margin-top: -56px !important; }
  html body:has(#mn-login.mn-ww) #page_wrapper > section.hg_section:last-of-type { padding-bottom: 30px !important; }
  html body:has(#mn-login.mn-ww) #page_wrapper > section.hg_section > .container { padding: 18px 16px 16px !important; background: #fff; border: 1px solid rgba(28,58,94,.08); border-radius: 16px; box-shadow: 0 1px 2px rgba(22,50,79,.04), 0 8px 20px -14px rgba(22,50,79,.25); }
  html body:has(#mn-login.mn-ww) #page_wrapper > section.hg_section .row { margin: 0 !important; padding: 0 !important; }
  html body:has(#mn-login.mn-ww) #page_wrapper > section.hg_section [class*="col-"] { padding: 0 !important; }
  html body:has(#mn-login.mn-ww) #page_wrapper > section.hg_section .kl-title-block { display: none !important; }
  html body:has(#mn-login.mn-ww) #page_wrapper > section.hg_section .latest_posts { margin: 0 !important; font: 400 15px/1.6 Arial, system-ui, sans-serif !important; color: #57534E !important; }
  html body:has(#mn-login.mn-ww) #page_wrapper > section.hg_section h3.m_title, html body:has(#mn-login.mn-ww) #page_wrapper > section.hg_section h3.m_title * { margin: 0 !important; padding: 0 !important; font-family: Arial, system-ui, sans-serif !important; font-size: 15px !important; line-height: 1.6 !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; color: #1C1917 !important; }
  html body:has(#mn-login.mn-ww) #page_wrapper > section.hg_section h3.m_title .fw-semibold { font-weight: 700 !important; color: #1C3A5E !important; }
  html body:has(#mn-login.mn-ww) #page_wrapper > section.hg_section a { font-weight: 700; color: #2D5F94 !important; text-decoration: none !important; }
}
@media (max-width: 767px) {
  html body:has(#mn-login.mn-ww) #page_wrapper > section.hg_section h3.m_title a { font-weight: 700 !important; color: #2D5F94 !important; }
  html body:has(#mn-login.mn-ww) #page_wrapper > section.hg_section h3.m_title + br { display: none; }
}

/* =====================================================================
   TEKSTPAGINA'S (privacy, voorwaarden): elke sectie een witte kaart, koppen navy, inhoudsopgave
   ===================================================================== */
@media (max-width: 767px) {
  .mn-pg-hero--tekst { margin-bottom: -46px; padding-bottom: 82px; }
  html body:has(.mn-pg-hero--tekst) :is(#page_wrapper, #page_wrapper > main) > section.hg_section { position: relative; z-index: 1; margin: 12px 0 0 !important; padding: 0 14px !important; background: transparent !important; box-shadow: none !important; }
  html body:has(.mn-pg-hero--tekst) :is(#page_wrapper, #page_wrapper > main) > section.hg_section > .container { padding: 18px 16px 14px !important; background: #fff !important; border: 1px solid rgba(28,58,94,.08); border-radius: 16px; box-shadow: var(--mn-pg-kaart-schaduw); }
  html body:has(.mn-pg-hero--tekst) :is(#page_wrapper, #page_wrapper > main) > section.hg_section:last-of-type { margin-bottom: 30px !important; }
  html body:has(.mn-pg-hero--tekst) :is(#page_wrapper, #page_wrapper > main) > section.hg_section .row { margin: 0 !important; padding: 0 !important; }
  html body:has(.mn-pg-hero--tekst) :is(#page_wrapper, #page_wrapper > main) > section.hg_section [class*="col-"]:not(.post) { padding: 0 !important; }
  html body:has(.mn-pg-hero--tekst) :is(#page_wrapper, #page_wrapper > main) > section.hg_section .row:has(> [class*="col-"] > .breadcrumbs) { display: none !important; }
  html body:has(.mn-pg-hero--tekst) .kl-title-block { margin: 0 0 8px !important; padding: 0 !important; }
  html body:has(.mn-pg-hero--tekst) .kl-title-block img, html body:has(.mn-pg-hero--tekst) .kl-title-block .tbk__symbol { display: none !important; }
  html body:has(.mn-pg-hero--tekst) .kl-title-block .tbk__title { margin: 0 !important; padding: 0 !important; font: 700 18px/1.3 var(--mn-pg-font) !important; letter-spacing: 0 !important; text-transform: none !important; color: #1C3A5E !important; }
  html body:has(.mn-pg-hero--tekst) .kl-title-block .tbk__title b { margin: 0 !important; font-weight: 700 !important; color: #1C3A5E !important; }
  html body:has(.mn-pg-hero--tekst) .latest_posts { margin: 0 !important; font: 400 15px/1.62 var(--mn-pg-font) !important; color: #3A3633 !important; }
  html body:has(.mn-pg-hero--tekst) .latest_posts p, html body:has(.mn-pg-hero--tekst) .latest_posts [align] { margin: 0 0 10px !important; text-align: left !important; font: inherit !important; color: inherit !important; }
  html body:has(.mn-pg-hero--tekst) .latest_posts b, html body:has(.mn-pg-hero--tekst) .latest_posts strong { font-weight: 700; color: #1C3A5E; }
  html body:has(.mn-pg-hero--tekst) .latest_posts a { font-weight: 700; color: #2D5F94 !important; text-decoration: none !important; }
  html body:has(.mn-pg-hero--tekst) .latest_posts ol, html body:has(.mn-pg-hero--tekst) .latest_posts ul { margin: 6px 0 10px !important; padding: 0 0 0 20px !important; }
  html body:has(.mn-pg-hero--tekst) .latest_posts li { margin: 0 0 6px !important; }
  html body:has(.mn-pg-hero--tekst) .latest_posts h3.m_title, html body:has(.mn-pg-hero--tekst) .latest_posts h3.m_title * { margin: 0 0 10px !important; padding: 0 !important; font-family: var(--mn-pg-font) !important; font-size: 16px !important; line-height: 1.5 !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; color: #1C3A5E !important; }
  html body:has(.mn-pg-hero--tekst) .latest_posts h3.m_title * { margin: 0 !important; }

  /* inhoudsopgave */
  html body:has(.mn-pg-hero--tekst) .mn-pg-inhoud { position: relative; z-index: 2; margin: 0 14px; background: #fff; border: 1px solid rgba(28,58,94,.08); border-radius: 16px; box-shadow: 0 1px 2px rgba(22,50,79,.05), 0 18px 34px -22px rgba(12,24,52,.5); }
  html body:has(.mn-pg-hero--tekst) .mn-pg-inhoud summary { display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 0 16px; list-style: none; cursor: pointer; font: 700 16px/1.2 var(--mn-pg-font); color: #1C3A5E; }
  html body:has(.mn-pg-hero--tekst) .mn-pg-inhoud summary::-webkit-details-marker { display: none; }
  html body:has(.mn-pg-hero--tekst) .mn-pg-inhoud summary::after { content: ""; flex: 0 0 28px; width: 28px; height: 28px; margin-left: auto; border-radius: 50%; background: #E8EFFA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D5F94' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E") center / 16px 16px no-repeat; transition: transform .2s; }
  html body:has(.mn-pg-hero--tekst) .mn-pg-inhoud details[open] summary::after { transform: rotate(180deg); }
  html body:has(.mn-pg-hero--tekst) .mn-pg-inhoud__aantal { font: 400 13px/1 var(--mn-pg-font); color: #57534E; }
  html body:has(.mn-pg-hero--tekst) .mn-pg-inhoud ol { margin: 0; padding: 0 16px 8px; list-style: none; counter-reset: mnd; }
  html body:has(.mn-pg-hero--tekst) .mn-pg-inhoud li { counter-increment: mnd; border-top: 1px solid rgba(28,58,94,.10); }
  html body:has(.mn-pg-hero--tekst) .mn-pg-inhoud a { display: flex; align-items: center; gap: 12px; min-height: 46px; padding: 8px 0; font: 600 14.5px/1.3 var(--mn-pg-font); color: #1C3A5E !important; text-decoration: none !important; }
  html body:has(.mn-pg-hero--tekst) .mn-pg-inhoud a::before { content: counter(mnd); flex: 0 0 26px; height: 26px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #E8EFFA; font: 700 12px/1 var(--mn-pg-font); color: #2D5F94; }
  html body:has(.mn-pg-hero--tekst) [id^="mn-deel-"] { scroll-margin-top: 84px; }
  html body:has(.mn-pg-hero--tekst) .latest_posts .kl-title-block, html body:has(.mn-pg-hero--tekst) .row + .row .kl-title-block { margin-top: 18px !important; }
}
@media (max-width: 767px) {
  /* wat de site zelf als 'niet op mobiel' markeert, ook verbergen tussen 391 en 767px */
  html body:has(#mn-pg-hero) #page_wrapper .verbergen-xs:not(#header *), html body:has(#mn-pg-hero) #page_wrapper .verbergen-sm:not(#header *) { display: none !important; }
}

/* =====================================================================
   FAQ (/faq-mediums — broncode_faq.php): intro als kaart, vragen als één lijstblok, warm belblok
   ===================================================================== */
@media (max-width: 767px) {
  html body:has(.mn-pg-hero--faq) main.mediums-faq-page { display: block; margin: 0 !important; padding: 0 !important; background: transparent !important; }
  html body:has(.mn-pg-hero--faq) #mediums-faq-page-title { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }
  html body:has(.mn-pg-hero--faq) .kl-title-block:has(> #mediums-faq-page-title) { margin: 0 !important; }
  html body:has(.mn-pg-hero--faq) .mediums-faq-intro p { margin: 0 0 10px !important; font: 400 15px/1.62 var(--mn-pg-font) !important; color: #3A3633 !important; }
  html body:has(.mn-pg-hero--faq) .mediums-faq-intro p:first-child { font-size: 16px !important; color: #1C3A5E !important; }
  html body:has(.mn-pg-hero--faq) .mediums-faq-intro p:last-child { margin: 0 !important; }
  html body:has(.mn-pg-hero--faq) .mediums-faq-intro a { font-weight: 700; color: #2D5F94 !important; text-decoration: none !important; }

  /* vragen: geen kaart rond de sectie, de lijst zelf is het lijstblok */
  html body:has(.mn-pg-hero--faq) #page_wrapper > main > section.mediums-faq-questions { margin-top: 26px !important; }
  html body:has(.mn-pg-hero--faq) #page_wrapper > main > section.mediums-faq-questions > .container { padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
  html body:has(.mn-pg-hero--faq) .mediums-faq-kicker, html body:has(.mn-pg-hero--faq) .mediums-faq-icon { display: none !important; }
  html body:has(.mn-pg-hero--faq) #page_wrapper .mediums-faq-question-title-block { margin: 0 0 10px !important; padding: 0 !important; }
  html body:has(.mn-pg-hero--faq) #page_wrapper .mediums-faq-question-title-block .tbk__title { padding: 0 !important; }
  html body:has(.mn-pg-hero--faq) .mediums-faq-question-title-block .tbk__title { font-size: 19px !important; }
  html body:has(.mn-pg-hero--faq) #mediums-faq-list { display: block !important; margin: 0 !important; padding: 0 16px !important; background: #fff !important; border: 1px solid rgba(28,58,94,.08) !important; border-radius: 16px !important; box-shadow: var(--mn-pg-kaart-schaduw) !important; }
  html body:has(.mn-pg-hero--faq) #mediums-faq-list details { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; border-top: 1px solid rgba(28,58,94,.10) !important; border-radius: 0 !important; box-shadow: none !important; }
  html body:has(.mn-pg-hero--faq) #mediums-faq-list details:first-child { border-top: 0 !important; }
  html body:has(.mn-pg-hero--faq) #mediums-faq-list summary { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; margin: 0 !important; padding: 14px 0 !important; background: none !important; border: 0 !important; list-style: none; font: 700 15px/1.35 var(--mn-pg-font) !important; color: #1C3A5E !important; }
  html body:has(.mn-pg-hero--faq) #mediums-faq-list summary::-webkit-details-marker { display: none; }
  html body:has(.mn-pg-hero--faq) #mediums-faq-list summary::before { display: none !important; }
  html body:has(.mn-pg-hero--faq) #mediums-faq-list summary::after { content: "" !important; position: static !important; flex: 0 0 28px; width: 28px; height: 28px; margin: 0 !important; border: 0 !important; border-radius: 50%; background: #E8EFFA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D5F94' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 14px 14px no-repeat !important; transform: none !important; transition: transform .2s; }
  html body:has(.mn-pg-hero--faq) #mediums-faq-list details[open] summary::after { transform: rotate(45deg) !important; }
  html body:has(.mn-pg-hero--faq) #mediums-faq-list .faq-antwoord { margin: 0 !important; padding: 0 0 16px !important; background: none !important; border: 0 !important; font: 400 14.5px/1.6 var(--mn-pg-font) !important; color: #57534E !important; }
  html body:has(.mn-pg-hero--faq) #mediums-faq-list .faq-antwoord p { margin: 0 0 10px !important; font: inherit !important; color: inherit !important; }
  html body:has(.mn-pg-hero--faq) #mediums-faq-list .faq-antwoord p:last-child { margin: 0 !important; }
  html body:has(.mn-pg-hero--faq) #mediums-faq-list .faq-antwoord a { font-weight: 700; color: #2D5F94 !important; text-decoration: none !important; }

  /* persoonlijk advies: warm belblok */
  html body:has(.mn-pg-hero--faq) #page_wrapper > main > section.hg_section:has(.mediums-faq-followup-copy) { margin: 22px 0 34px !important; }
  html body:has(.mn-pg-hero--faq) #page_wrapper > main > section.hg_section:has(.mediums-faq-followup-copy) > .container { padding: 20px 18px 18px !important; border: 0 !important; border-radius: 18px !important; background: radial-gradient(120% 90% at 100% 0, rgba(246,200,115,.22), rgba(246,200,115,0) 55%), linear-gradient(160deg, #1C3A5E 0%, #2D5F94 100%) !important; box-shadow: 0 18px 34px -22px rgba(12,24,52,.7) !important; }
  html body:has(.mn-pg-hero--faq) #page_wrapper .kl-title-block .mediums-faq-followup-title, html body:has(.mn-pg-hero--faq) #page_wrapper .kl-title-block .mediums-faq-followup-title b { font: 700 19px/1.25 var(--mn-pg-font) !important; text-transform: none !important; color: #fff !important; }
  html body:has(.mn-pg-hero--faq) #page_wrapper .kl-title-block .mediums-faq-followup-title b { display: inline !important; text-transform: lowercase !important; }
  html body:has(.mn-pg-hero--faq) #page_wrapper .kl-title-block .mediums-faq-followup-title b:first-of-type { display: inline-block !important; }
  html body:has(.mn-pg-hero--faq) #page_wrapper .kl-title-block .mediums-faq-followup-title b:first-of-type::first-letter { text-transform: uppercase; }
  html body:has(.mn-pg-hero--faq) .mediums-faq-followup-copy p { margin: 0 0 16px !important; font: 400 15px/1.55 var(--mn-pg-font) !important; color: #fff !important; }
  html body:has(.mn-pg-hero--faq) .mediums-faq-followup-copy p:last-child { margin: 0 !important; }
  html body:has(.mn-pg-hero--faq) a.mediums-faq-followup-link { display: flex !important; align-items: center; justify-content: center; width: 100%; height: 50px; padding: 0 14px !important; border: 0 !important; border-radius: 12px !important; background: linear-gradient(180deg, #F6C873, #E5AE48) !important; box-shadow: 0 10px 22px -14px rgba(0,0,0,.6) !important; font: 700 15px/1 var(--mn-pg-font) !important; color: #1C3A5E !important; text-decoration: none !important; }
}

/* =====================================================================
   TELEFOONCONSULT (/telefoonconsult-mediums — telefoonconsult.php): drie manieren als kaart, prijzen als lijstblok
   ===================================================================== */
@media (max-width: 767px) {
  html body:has(.mn-pg-hero--telefoon) #page_wrapper .kl-title-block .tbk__title { text-transform: lowercase !important; }
  html body:has(.mn-pg-hero--telefoon) #page_wrapper .kl-title-block .tbk__title b { text-transform: lowercase !important; }
  html body:has(.mn-pg-hero--telefoon) #page_wrapper .kl-title-block .tbk__title::first-letter { text-transform: uppercase; }
  html body:has(.mn-pg-hero--telefoon) #page_wrapper .kl-title-block .tbk__title { font-size: 19px !important; }
  html body:has(.mn-pg-hero--telefoon) .latest_posts h3.m_title, html body:has(.mn-pg-hero--telefoon) .latest_posts h3.m_title * { font-size: 15px !important; line-height: 1.6 !important; font-weight: 400 !important; color: #3A3633 !important; }
  html body:has(.mn-pg-hero--telefoon) .latest_posts h3.m_title .fw-semibold { font-weight: 700 !important; color: #1C3A5E !important; }
  html body:has(.mn-pg-hero--telefoon) .latest_posts h3.m_title > .fw-thin > span:first-child { display: block; }

  /* prijzen: lijstblok, prijs links */
  html body:has(.mn-pg-hero--telefoon) section.credits-grid { display: block !important; margin: 14px 0 6px !important; padding: 0 !important; background: #F7F9FC !important; border: 1px solid rgba(28,58,94,.10) !important; border-radius: 14px !important; box-shadow: none !important; overflow: hidden; }
  html body:has(.mn-pg-hero--telefoon) section.credits-grid > a { display: block !important; margin: 0 !important; padding: 0 !important; text-decoration: none !important; }
  html body:has(.mn-pg-hero--telefoon) section.credits-grid .credits-card { position: relative !important; overflow: visible !important; display: grid !important; grid-template-columns: minmax(0,1fr) auto; column-gap: 12px; row-gap: 2px; align-items: center; min-height: 0 !important; margin: 0 !important; padding: 13px 14px !important; background: transparent !important; border: 0 !important; border-top: 1px solid rgba(28,58,94,.10) !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; }
  html body:has(.mn-pg-hero--telefoon) section.credits-grid > :first-child .credits-card, html body:has(.mn-pg-hero--telefoon) section.credits-grid > .credits-card:first-child { border-top: 0 !important; }
  html body:has(.mn-pg-hero--telefoon) section.credits-grid .credits-card::before, html body:has(.mn-pg-hero--telefoon) section.credits-grid .credits-card::after { display: none !important; }
  html body:has(.mn-pg-hero--telefoon) section.credits-grid .credits-price { grid-column: 1; margin: 0 !important; font: 700 19px/1.15 var(--mn-pg-font) !important; color: #1C3A5E !important; }
  html body:has(.mn-pg-hero--telefoon) section.credits-grid .credits-price span { font: 600 12px/1 var(--mn-pg-font) !important; color: #57534E !important; }
  html body:has(.mn-pg-hero--telefoon) section.credits-grid .credits { grid-column: 1; margin: 0 !important; font: 700 14px/1.35 var(--mn-pg-font) !important; color: #1C3A5E !important; }
  html body:has(.mn-pg-hero--telefoon) section.credits-grid .credits-meta { grid-column: 1; margin: 0 !important; font: 400 13px/1.35 var(--mn-pg-font) !important; color: #2D5F94 !important; }
  html body:has(.mn-pg-hero--telefoon) section.credits-grid form { display: none !important; }
  /* 0900: hele rij belt, belicoon rechts */
  html body:has(.mn-pg-hero--telefoon) section.credits-grid > a[href^="tel:"] .credits-card::after { content: "" !important; display: block !important; grid-column: 2; grid-row: 1 / span 3; width: 44px; height: 44px; border-radius: 50%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8.1 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center / 19px 19px no-repeat, linear-gradient(180deg, #2B4C82, #1C3A5E) !important; box-shadow: 0 8px 18px -10px rgba(12,24,52,.8) !important; position: static !important; opacity: 1 !important; transform: none !important; }
  /* prepay en account: knop over de volle breedte onder de rij */
  html body:has(.mn-pg-hero--telefoon) section.credits-grid .credits-btn { grid-column: 1 / -1; display: flex !important; align-items: center; justify-content: center; min-height: 44px; margin: 10px 0 0 !important; padding: 8px 14px !important; border: 0 !important; border-radius: 12px !important; background: linear-gradient(180deg, #2B4C82, #1C3A5E) !important; box-shadow: 0 10px 22px -14px rgba(12,24,52,.8) !important; font: 700 14px/1.25 var(--mn-pg-font) !important; text-align: center; color: #fff !important; text-decoration: none !important; position: static !important; width: auto !important; }
}

@media (max-width: 767px) {
  /* prijsblok zonder zichtbare prijzen (account op mobiel) niet tonen */
  html body:has(.mn-pg-hero--telefoon) section.credits-grid:not(:has(> a > .credits-card, > .credits-card:not(.verbergen-xs):not(.verbergen-sm):not(.verbergen-groot))) { display: none !important; }
  /* sectie met de lijst mediums: geen kaart rond de lijst, de uitleg eronder wel als kaart */
  html body:has(#mn-pg-hero.mn-pg-hero--tekst) :is(#page_wrapper, #page_wrapper > main) > section.hg_section:has(#paragnosten) > .container { padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
  html body:has(#mn-pg-hero.mn-pg-hero--tekst) section.hg_section:has(#paragnosten) .row:has(h3.m_title) { margin-top: 14px !important; padding: 18px 16px 14px !important; background: #fff; border: 1px solid rgba(28,58,94,.08); border-radius: 16px; box-shadow: var(--mn-pg-kaart-schaduw); }
  html body:has(#mn-pg-hero.mn-pg-hero--tekst) section.hg_section:has(#paragnosten) .row:has(h3.m_title) h3.m_title > .fw-thin > br:nth-child(-n+2) { display: none; }

  /* 'voordeel met een account' (maakaccount2.php): warm blok */
  html body:has(#mn-pg-hero) section.hg_section:not(#mn-x):has(a.btn-fullwidth[href*="gratis-account-aanmaken"]) { margin: 22px 0 34px !important; }
  html body:has(#mn-pg-hero) section.hg_section:not(#mn-x):has(a.btn-fullwidth[href*="gratis-account-aanmaken"]) > .container { padding: 20px 18px 18px !important; border: 0 !important; border-radius: 18px !important; background: radial-gradient(120% 90% at 100% 0, rgba(246,200,115,.22), rgba(246,200,115,0) 55%), linear-gradient(160deg, #1C3A5E 0%, #2D5F94 100%) !important; box-shadow: 0 18px 34px -22px rgba(12,24,52,.7) !important; }
  html body:has(#mn-pg-hero) section.hg_section:not(#mn-x):has(a.btn-fullwidth[href*="gratis-account-aanmaken"]) .kl-title-block .tbk__title { font: 700 19px/1.25 var(--mn-pg-font) !important; text-transform: lowercase !important; color: #fff !important; }
  html body:has(#mn-pg-hero) section.hg_section:not(#mn-x):has(a.btn-fullwidth[href*="gratis-account-aanmaken"]) .kl-title-block .tbk__title::first-letter { text-transform: uppercase; }
  html body:has(#mn-pg-hero) section.hg_section:not(#mn-x):has(a.btn-fullwidth[href*="gratis-account-aanmaken"]) .tbk__subtitle, html body:has(#mn-pg-hero) section.hg_section:not(#mn-x):has(a.btn-fullwidth[href*="gratis-account-aanmaken"]) .tbk__subtitle * { margin: 8px 0 0 !important; font: 400 15px/1.55 var(--mn-pg-font) !important; text-transform: none !important; color: #fff !important; }
  html body:has(#mn-pg-hero) section.hg_section:not(#mn-x):has(a.btn-fullwidth[href*="gratis-account-aanmaken"]) .tbk__subtitle .fw-semibold { font-weight: 700 !important; color: #F6C873 !important; }
  html body:has(#mn-pg-hero) section.hg_section:not(#mn-x):has(a.btn-fullwidth[href*="gratis-account-aanmaken"]) .tbk__subtitle br { display: none; }
  html body:has(#mn-pg-hero) section.hg_section:not(#mn-x) a.btn-fullwidth[href*="gratis-account-aanmaken"] { display: flex !important; align-items: center; justify-content: center; width: 100%; height: 50px; margin: 16px 0 0 !important; padding: 0 14px !important; border: 0 !important; border-radius: 12px !important; background: linear-gradient(180deg, #F6C873, #E5AE48) !important; box-shadow: 0 10px 22px -14px rgba(0,0,0,.6) !important; font: 700 15px/1 var(--mn-pg-font) !important; letter-spacing: 0 !important; text-transform: none !important; color: #1C3A5E !important; text-decoration: none !important; }
  html body:has(#mn-pg-hero) section.hg_section:not(#mn-x) a.btn-fullwidth[href*="gratis-account-aanmaken"] span { text-transform: lowercase; }
  html body:has(#mn-pg-hero) section.hg_section:not(#mn-x) a.btn-fullwidth[href*="gratis-account-aanmaken"] span::first-letter { text-transform: uppercase; }
  html body:has(#mn-pg-hero) section.hg_section:not(#mn-x) a.btn-fullwidth[href*="gratis-account-aanmaken"] span { display: inline-block; }
}

/* =====================================================================
   GETUIGENISSEN (/getuigenissen/... — broncode_getuigenissen.php): intro als kaart, elke getuigenis een kaart, 'Toon meer'
   ===================================================================== */
@media (max-width: 767px) {
  html body:has(#mn-pg-hero) .mn-pg-verborgen { display: none !important; }
  html body:has(#mn-pg-hero) .mn-pg-meerknop { height: 50px; margin: 4px 0 0 !important; background: #fff !important; border: 1px solid rgba(28,58,94,.12) !important; box-shadow: var(--mn-pg-kaart-schaduw); }
  html body:has(.mn-pg-hero--getuigenissen) .callout-banner { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
  html body:has(.mn-pg-hero--getuigenissen) .callout-banner p { margin: 0 0 10px !important; font: 400 15px/1.62 var(--mn-pg-font) !important; color: #3A3633 !important; }
  html body:has(.mn-pg-hero--getuigenissen) .callout-banner h2.m_title { margin: 16px 0 6px !important; font: 700 17px/1.3 var(--mn-pg-font) !important; text-transform: none !important; color: #1C3A5E !important; }
  html body:has(.mn-pg-hero--getuigenissen) .callout-banner b { color: #1C3A5E; }

  /* sectie met getuigenissen: geen kaart rond de lijst */
  html body:has(.mn-pg-hero--getuigenissen) :is(#page_wrapper, #page_wrapper > main) > section.hg_section:has(.testimonial_box) { margin-top: 20px !important; }
  html body:has(.mn-pg-hero--getuigenissen) :is(#page_wrapper, #page_wrapper > main) > section.hg_section:has(.testimonial_box) > .container { padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
  html body:has(.mn-pg-hero--getuigenissen) [class*="col-"]:has(> .testimonial_box) { margin: 0 0 12px !important; padding: 0 !important; }
  html body:has(.mn-pg-hero--getuigenissen) .testimonial_box { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
  html body:has(.mn-pg-hero--getuigenissen) .testimonial_box blockquote { position: relative; margin: 0 !important; padding: 18px 16px 14px !important; background: #fff !important; border: 1px solid rgba(28,58,94,.08) !important; border-left: 1px solid rgba(28,58,94,.08) !important; border-radius: 16px !important; box-shadow: var(--mn-pg-kaart-schaduw) !important; font: 400 15px/1.6 var(--mn-pg-font) !important; font-style: normal !important; color: #1C1917 !important; quotes: none; }
  html body:has(.mn-pg-hero--getuigenissen) .testimonial_box blockquote::before, html body:has(.mn-pg-hero--getuigenissen) .testimonial_box blockquote::after { display: none !important; }
  html body:has(.mn-pg-hero--getuigenissen) .testimonial_box blockquote b { font: 700 13px/1.45 var(--mn-pg-font) !important; color: #1C3A5E !important; }
  html body:has(.mn-pg-hero--getuigenissen) .testimonial_box blockquote .fa-star { font-size: 11px !important; color: #E5AE48 !important; }
  html body:has(.mn-pg-hero--getuigenissen) .testimonial_box blockquote .fa-star[style*="a3a3a3"] { color: #D5DBE6 !important; }
  html body:has(.mn-pg-hero--getuigenissen) .testimonial_box blockquote a { font-weight: 700; color: #2D5F94 !important; text-decoration: none !important; }
  html body:has(.mn-pg-hero--getuigenissen) .testimonial_box blockquote { font-size: 15px !important; }
}
@media (max-width: 767px) {
  /* sectie waarvan alle inhoud op mobiel verborgen is: geen lege kaart */
  html body:has(.mn-pg-hero--tekst) :is(#page_wrapper, #page_wrapper > main) > section.hg_section:not(:has(> .container > :not(.verbergen-xs):not(.verbergen-sm):not(br):not(script):not(style):not(b:empty))) { display: none !important; }
  /* korte overgangszin boven de lijst */
  html body:has(.mn-pg-hero--getuigenissen) .callout-banner h3.m_title, html body:has(.mn-pg-hero--getuigenissen) .callout-banner h3.m_title * { margin: 14px 0 0 !important; padding: 0 !important; font: 400 15px/1.55 var(--mn-pg-font) !important; text-transform: none !important; color: #3A3633 !important; }
  html body:has(.mn-pg-hero--getuigenissen) .callout-banner h3.m_title * { margin: 0 !important; }
  html body:has(.mn-pg-hero--getuigenissen) .callout-banner h3.m_title .fw-semibold { font-weight: 700 !important; color: #1C3A5E !important; }
}
@media (max-width: 767px) {
  html body:has(.mn-pg-hero--getuigenissen) .testimonial_box blockquote > br { display: none; }
  html body:has(.mn-pg-hero--getuigenissen) .testimonial_box blockquote > b:first-of-type::before { content: ""; display: block; height: 0; margin: 12px 0 10px; border-top: 1px solid rgba(28,58,94,.10); }
  html body:has(.mn-pg-hero--getuigenissen) .testimonial_box blockquote > b br:first-of-type { display: none; }
  html body:has(.mn-pg-hero--getuigenissen) .testimonial_box blockquote { font-size: 15px !important; }
  html body:has(.mn-pg-hero--getuigenissen) .testimonial_box blockquote > b ~ * , html body:has(.mn-pg-hero--getuigenissen) .testimonial_box blockquote > b + b { font-size: 13px; }
}

/* =====================================================================
   BELVERZOEK — keuzepagina (/belverzoekenmediumsmobiel), overzicht (/belverzoeken-mediums) en formulier (/belverzoek-mediums/{naam})
   ===================================================================== */
@media (max-width: 767px) {
  /* keuzepagina: h1 enkel voor schermlezers (titel staat in het beeld), keuzelijst als kaart */
  html body:has(.mn-pg-hero--belkeuze) .kl-title-block:has(h1) { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  html body:has(.mn-pg-hero--belkeuze) section.hg_section:has(select) .container { font: 400 15px/1.55 var(--mn-pg-font) !important; color: #3A3633 !important; }
  html body:has(.mn-pg-hero--belkeuze) section.hg_section:has(select) .container > br { display: none; }
  html body:has(.mn-pg-hero--belkeuze) section.hg_section select.form-control, html body:has(.mn-pg-hero--belverzoek) select.form-control { height: 52px !important; margin: 12px 0 0 !important; padding: 0 40px 0 14px !important; border: 1px solid rgba(28,58,94,.16) !important; border-radius: 12px !important; background: #F7F9FC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D5F94' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E") right 14px center / 18px 18px no-repeat !important; -webkit-appearance: none; appearance: none; font: 600 16px/1.2 var(--mn-pg-font) !important; color: #1C3A5E !important; box-shadow: none !important; }
  html body:has(.mn-pg-hero--belkeuze) section.hg_section:has(select) form { margin: 0 !important; }
  html body:has(.mn-pg-hero--belkeuze) section.belverzoek-selectie-mobiel { position: relative; z-index: 1; margin: 12px 14px 0 !important; padding: 18px 16px 16px !important; background: #fff !important; border: 1px solid rgba(28,58,94,.08); border-radius: 16px; box-shadow: var(--mn-pg-kaart-schaduw); font-family: var(--mn-pg-font); }
  html body:has(.mn-pg-hero--belkeuze) section.belverzoek-selectie-mobiel > .container { padding: 0 !important; }
  html body:has(.mn-pg-hero--belkeuze) section.belverzoek-selectie-mobiel h2 { font: 700 18px/1.3 var(--mn-pg-font) !important; color: #1C3A5E !important; }
  html body:has(.mn-pg-hero--belkeuze) section.belverzoek-selectie-mobiel p, html body:has(.mn-pg-hero--belkeuze) section.belverzoek-selectie-mobiel li { font: 400 15px/1.55 var(--mn-pg-font) !important; color: #3A3633 !important; }
  html body:has(.mn-pg-hero--belkeuze) section.belverzoek-selectie-mobiel b { color: #1C3A5E; }
  html body:has(.mn-pg-hero--belkeuze) section.belverzoek-selectie-mobiel aside { margin-top: 14px !important; padding: 12px 14px !important; border-radius: 12px !important; background: #E8EFFA !important; font: 600 14px/1.45 var(--mn-pg-font) !important; color: #1C3A5E !important; }
  html body:has(.mn-pg-hero--belkeuze) #page_wrapper > br { display: none; }

  /* overzicht: filterknoppen als glazen pillen, lijst met mediums als rijen */
  html body:has(.mn-pg-hero--belverzoeken) .mn-pg-hero { padding-bottom: 64px; }
  html body:has(.mn-pg-hero--belverzoeken) #page_wrapper > section.hg_section { margin: 0 !important; padding: 0 14px !important; background: transparent !important; }
  html body:has(.mn-pg-hero--belverzoeken) #page_wrapper > section.hg_section > .container { padding: 0 !important; }
  html body:has(.mn-pg-hero--belverzoeken) #page_wrapper > section.hg_section:has(#filters) { position: relative; z-index: 2; margin-top: -40px !important; }
  html body:has(.mn-pg-hero--belverzoeken) section:has(#filters) .row { display: flex !important; flex-wrap: nowrap; align-items: center; gap: 8px; margin: 0 !important; }
  html body:has(.mn-pg-hero--belverzoeken) section:has(#filters) .row > [class*="col-"] { flex: 0 0 auto !important; width: auto !important; max-width: none !important; padding: 0 !important; }
  html body:has(.mn-pg-hero--belverzoeken) section:has(#filters) .row > [class*="col-"]:last-child { margin-left: auto; }
  html body:has(.mn-pg-hero--belverzoeken) :is(#filters, #sorts) { display: inline-flex !important; float: none !important; gap: 0; margin: 0 !important; padding: 4px !important; border-radius: 999px; background: #fff; box-shadow: 0 10px 22px -16px rgba(28,58,94,.55); border: 1px solid rgba(28,58,94,.08); }
  html body:has(.mn-pg-hero--belverzoeken) :is(#filters, #sorts) .btn { display: inline-flex !important; align-items: center; justify-content: center; gap: 5px; min-width: 42px; height: 36px; margin: 0 !important; padding: 0 11px !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; box-shadow: none !important; transform: none !important; font: 700 13px/1 var(--mn-pg-font) !important; color: #1C3A5E !important; }
  html body:has(.mn-pg-hero--belverzoeken) :is(#filters, #sorts) .btn::before, html body:has(.mn-pg-hero--belverzoeken) :is(#filters, #sorts) .btn::after { display: none !important; }
  html body:has(.mn-pg-hero--belverzoeken) :is(#filters, #sorts) .btn * { transform: none !important; }
  html body:has(.mn-pg-hero--belverzoeken) :is(#filters, #sorts) .btn.btn-fullmediums, html body:has(.mn-pg-hero--belverzoeken) :is(#filters, #sorts) .btn.is-checked { background: linear-gradient(180deg, #2B4C82, #1C3A5E) !important; color: #fff !important; }
  html body:has(.mn-pg-hero--belverzoeken) #filters .btn[data-filter="*"] b { display: inline !important; }

  html body:has(.mn-pg-hero--belverzoeken) .hg-portfolio-sortable { margin-top: 14px; }
  html body:has(.mn-pg-hero--belverzoeken) #thumbs { height: auto !important; margin: 0 !important; padding: 2px 14px !important; list-style: none; background: #fff; border: 1px solid rgba(28,58,94,.08); border-radius: 16px; box-shadow: var(--mn-pg-kaart-schaduw); }
  html body:has(.mn-pg-hero--belverzoeken) #thumbs > li.item { position: static !important; left: auto !important; top: auto !important; transform: none !important; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border-top: 1px solid rgba(28,58,94,.10); }
  html body:has(.mn-pg-hero--belverzoeken) #thumbs > li.item:first-child { border-top: 0; }
  html body:has(.mn-pg-hero--belverzoeken) #thumbs .inner-item { position: relative; display: grid !important; grid-template-columns: 56px minmax(0,1fr) 28px; column-gap: 12px; align-items: center; min-height: 76px; margin: 0 !important; padding: 10px 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
  html body:has(.mn-pg-hero--belverzoeken) #thumbs .img-intro { grid-row: 1 / span 2; width: 56px; height: 56px; margin: 0 !important; overflow: hidden; border-radius: 50%; background: #E8EFFA; }
  html body:has(.mn-pg-hero--belverzoeken) #thumbs .img-intro img { display: block; width: 56px !important; height: 56px !important; padding: 0 !important; border-radius: 50% !important; object-fit: cover; }
  html body:has(.mn-pg-hero--belverzoeken) #thumbs .img-intro .overlay { display: none !important; }
  html body:has(.mn-pg-hero--belverzoeken) #thumbs .img-intro a.hoverLink { position: absolute; inset: 0; z-index: 2; }
  html body:has(.mn-pg-hero--belverzoeken) #thumbs h4.title { grid-column: 2; margin: 0 !important; padding: 0 !important; border: 0 !important; font: 700 16px/1.25 var(--mn-pg-font) !important; text-transform: none !important; }
  html body:has(.mn-pg-hero--belverzoeken) #thumbs h4.title a { color: #1C3A5E !important; text-decoration: none !important; }
  html body:has(.mn-pg-hero--belverzoeken) #thumbs h4.title b { font-weight: 700; text-transform: none; }
  html body:has(.mn-pg-hero--belverzoeken) #thumbs .moduleDesc { grid-column: 2; margin: 2px 0 0 !important; padding: 0 !important; border: 0 !important; font: 400 13px/1.35 var(--mn-pg-font) !important; color: #57534E !important; }
  html body:has(.mn-pg-hero--belverzoeken) #thumbs .inner-item::after { content: ""; grid-column: 3; grid-row: 1 / span 2; width: 28px; height: 28px; border-radius: 50%; background: #E8EFFA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D5F94' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 7l5 5-5 5'/%3E%3C/svg%3E") center / 14px 14px no-repeat; }

  /* formulier per medium: velden zoals de login, uur en minuten naast elkaar */
  html body:has(form.contact_form input[name="mailconsultnaam"]) form.contact_form { display: flex !important; flex-wrap: wrap; gap: 0 10px; margin: 0 !important; }
  html body:has(form.contact_form input[name="mailconsultnaam"]) form.contact_form > .kl-fancy-form { display: flex !important; flex-direction: column-reverse; flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; margin: 0 0 12px !important; padding: 0 !important; }
  html body:has(form.contact_form input[name="mailconsultnaam"]) form.contact_form > .kl-fancy-form:has(select[name="uur"]), html body:has(form.contact_form input[name="mailconsultnaam"]) form.contact_form > .kl-fancy-form:has(select[name="minuten"]) { flex: 1 1 0 !important; width: auto !important; min-width: 0; }
  html body:has(form.contact_form input[name="mailconsultnaam"]) form.contact_form .kl-fancy-form .control-label { position: static !important; transform: none !important; margin: 0 0 6px !important; padding: 0 2px !important; font: 700 13.5px/1.2 var(--mn-pg-font) !important; letter-spacing: 0 !important; text-transform: lowercase !important; color: #1C3A5E !important; opacity: 1 !important; }
  html body:has(form.contact_form input[name="mailconsultnaam"]) form.contact_form .kl-fancy-form .control-label::first-letter { text-transform: uppercase; }
  html body:has(form.contact_form input[name="mailconsultnaam"]) form.contact_form .kl-fancy-form .form-control { width: 100% !important; height: 50px !important; margin: 0 !important; padding: 0 14px !important; border: 1px solid rgba(28,58,94,.16) !important; border-radius: 12px !important; background-color: #F7F9FC !important; box-shadow: none !important; font: 400 16px/1.3 var(--mn-pg-font) !important; color: #1C1917 !important; }
  html body:has(form.contact_form input[name="mailconsultnaam"]) form.contact_form .kl-fancy-form select.form-control { padding-right: 36px !important; -webkit-appearance: none; appearance: none; background: #F7F9FC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D5F94' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E") right 12px center / 16px 16px no-repeat !important; }
  html body:has(form.contact_form input[name="mailconsultnaam"]) form.contact_form .kl-fancy-form .form-control:focus { border-color: #7899CC !important; background-color: #fff !important; box-shadow: 0 0 0 3px rgba(120,153,204,.2) !important; }
  html body:has(form.contact_form input[name="mailconsultnaam"]) form.contact_form button[type="submit"] { display: flex !important; align-items: center; justify-content: center; gap: 8px; height: 52px; margin: 8px 0 0 !important; border: 0 !important; border-radius: 14px !important; background: linear-gradient(180deg, #2B4C82, #1C3A5E) !important; box-shadow: 0 12px 24px -14px rgba(12,24,52,.85), inset 0 1px 0 rgba(255,255,255,.18) !important; font: 700 15px/1 var(--mn-pg-font) !important; letter-spacing: .01em !important; color: #fff !important; }
  html body:has(form.contact_form input[name="mailconsultnaam"]) form.contact_form #rating-ability-wrapper { margin: 0 !important; font: 400 13.5px/1.5 var(--mn-pg-font); color: #57534E; }
  html body:has(form.contact_form input[name="mailconsultnaam"]) form.contact_form #rating-ability-wrapper > br { display: none; }
  html body:has(form.contact_form input[name="mailconsultnaam"]) form.contact_form > div[style*="margin-left"] { margin: 4px 0 0 !important; padding: 0 !important; flex: 0 0 100%; }
}
@media (max-width: 767px) {
  html body:has(#mn-pg-hero) section.hg_section:not(#mn-x):has(a.btn-fullwidth[href*="gratis-account-aanmaken"]) { position: relative; z-index: 1; padding: 0 14px !important; background: transparent !important; }
  html body:has(#mn-pg-hero) section.hg_section:not(#mn-x):has(a.btn-fullwidth[href*="gratis-account-aanmaken"]) .row, html body:has(#mn-pg-hero) section.hg_section:not(#mn-x):has(a.btn-fullwidth[href*="gratis-account-aanmaken"]) [class*="col-"] { margin: 0 !important; padding: 0 !important; }
  /* keuzepagina: de inleidende zin staat al in het beeld */
  html body:has(.mn-pg-hero--belkeuze) section.hg_section:has(select) .container { font-size: 0 !important; }
  html body:has(.mn-pg-hero--belkeuze) section.hg_section:has(select) .container form { font-size: 16px; }
  html body:has(.mn-pg-hero--belkeuze) section.hg_section:has(select) select.form-control { margin: 0 !important; }
  html body:has(.mn-pg-hero--belkeuze) section.hg_section:has(select) > .container { padding: 14px !important; }
}

/* =====================================================================
   ACCOUNT (/account) en SALDO OPLADEN (/saldoopladen): tegels als app-lijst (rij met titel, uitleg en pijl)
   ===================================================================== */
@media (max-width: 767px) {
  html body:has(:is(.mn-pg-hero--account, .mn-pg-hero--saldo)) .latest_posts .row:has(> .post) { display: block !important; margin: 0 !important; }
  html body:has(:is(.mn-pg-hero--account, .mn-pg-hero--saldo)) .latest_posts .post { position: relative; float: none !important; width: auto !important; max-width: none !important; flex: none !important; min-height: 0 !important; margin: 0 !important; padding: 12px 40px 12px 0 !important; border-top: 1px solid rgba(28,58,94,.10); }
  html body:has(:is(.mn-pg-hero--account, .mn-pg-hero--saldo)) .latest_posts .post:first-child, html body:has(:is(.mn-pg-hero--account, .mn-pg-hero--saldo)) .latest_posts .post.verbergen-xs + .post:not(.verbergen-xs) { border-top: 0; }
  html body:has(:is(.mn-pg-hero--account, .mn-pg-hero--saldo)) .latest_posts .post::after { content: ""; position: absolute; right: 0; top: 50%; width: 28px; height: 28px; margin-top: -14px; border-radius: 50%; background: #E8EFFA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D5F94' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 7l5 5-5 5'/%3E%3C/svg%3E") center / 14px 14px no-repeat; pointer-events: none; }
  html body:has(:is(.mn-pg-hero--account, .mn-pg-hero--saldo)) .latest_posts .post a.hoverBorder { position: static !important; display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; text-decoration: none !important; }
  html body:has(:is(.mn-pg-hero--account, .mn-pg-hero--saldo)) .latest_posts .post a.hoverBorder::before, html body:has(:is(.mn-pg-hero--account, .mn-pg-hero--saldo)) .latest_posts .post a.hoverBorder::after { display: none !important; }
  html body:has(:is(.mn-pg-hero--account, .mn-pg-hero--saldo)) .latest_posts .post a.hoverBorder::before { content: ""; display: block !important; position: absolute; inset: 0; z-index: 1; }
  html body:has(:is(.mn-pg-hero--account, .mn-pg-hero--saldo)) .latest_posts .post .mn-plus, html body:has(.mn-pg-hero--account) .latest_posts .post .hoverBorderWrapper { display: none !important; }
  html body:has(:is(.mn-pg-hero--account, .mn-pg-hero--saldo)) .latest_posts .post h6, html body:has(:is(.mn-pg-hero--account, .mn-pg-hero--saldo)) .latest_posts .post a.hoverBorder:hover h6 { position: static !important; display: block; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; font: 700 15.5px/1.3 var(--mn-pg-font) !important; letter-spacing: 0 !important; text-transform: none !important; color: #1C3A5E !important; }
  html body:has(:is(.mn-pg-hero--account, .mn-pg-hero--saldo)) .latest_posts .post > em, html body:has(:is(.mn-pg-hero--account, .mn-pg-hero--saldo)) .latest_posts .post > em * { display: block; margin: 2px 0 0 !important; font: 400 13.5px/1.4 var(--mn-pg-font) !important; font-style: normal !important; color: #57534E !important; text-decoration: none !important; }
  html body:has(:is(.mn-pg-hero--account, .mn-pg-hero--saldo)) .latest_posts .post > em b { font-weight: 400 !important; }

  /* saldo: prijsbeeld als duim (het bedrag staat rechtsonder in het beeld), credits ernaast */
  html body:has(.mn-pg-hero--saldo) .saldo-opladen-pakketten .post { padding: 10px 40px 10px 0 !important; }
  html body:has(.mn-pg-hero--saldo) .saldo-opladen-pakketten .post form { margin: 0 !important; padding: 0 !important; }
  html body:has(.mn-pg-hero--saldo) .saldo-opladen-pakketten .post a.hoverBorder { display: grid !important; grid-template-columns: 112px minmax(0,1fr); column-gap: 14px; align-items: center; }
  html body:has(.mn-pg-hero--saldo) .saldo-opladen-pakketten .post .hoverBorderWrapper { position: relative !important; display: block !important; width: 112px; height: 60px; margin: 0 !important; overflow: hidden; border-radius: 12px; }
  html body:has(.mn-pg-hero--saldo) .saldo-opladen-pakketten .post .hoverBorderWrapper img { display: block; width: 112px !important; height: 60px !important; max-width: none !important; object-fit: cover; object-position: 100% 100%; transform: none !important; }
  html body:has(.mn-pg-hero--saldo) .saldo-opladen-pakketten .post .theHoverBorder { display: none !important; }
  html body:has(.mn-pg-hero--saldo) .saldo-opladen-pakketten .post h6 { font-size: 16px !important; }
  html body:has(.mn-pg-hero--saldo) .saldo-opladen-pakketten > .row:not(:has(> .post)) { margin: 0 0 12px !important; padding: 12px 14px !important; border-radius: 12px; background: #E8EFFA; font: 400 14px/1.45 var(--mn-pg-font); color: #1C3A5E; }
  html body:has(.mn-pg-hero--saldo) .saldo-opladen-pakketten > .row:not(:has(> .post)) [class*="col-"] { padding: 0 !important; }
  /* uitleg onder de pakketten */
  html body:has(.mn-pg-hero--saldo) .latest_posts h3.m_title, html body:has(.mn-pg-hero--saldo) .latest_posts h3.m_title * { font-size: 15px !important; line-height: 1.6 !important; font-weight: 400 !important; color: #3A3633 !important; }
  html body:has(.mn-pg-hero--saldo) .latest_posts h3.m_title .fw-semibold, html body:has(.mn-pg-hero--saldo) .latest_posts h3.m_title b { font-weight: 700 !important; color: #1C3A5E !important; }
}
@media (max-width: 767px) {
  /* saldo: in de bestaande HTML staat een niet-gesloten <b> in de titel; de browser zet de volgende secties daardoor in een <b> */
  html body:has(.mn-pg-hero--saldo) #page_wrapper > b { display: block; font-weight: 400; }
  html body:has(.mn-pg-hero--saldo) #page_wrapper > b > section.hg_section { position: relative; z-index: 1; margin: 12px 0 0 !important; padding: 0 14px !important; background: transparent !important; box-shadow: none !important; }
  html body:has(.mn-pg-hero--saldo) #page_wrapper > b > section.hg_section > .container { padding: 16px 16px 12px !important; background: #fff !important; border: 1px solid rgba(28,58,94,.08); border-radius: 16px; box-shadow: var(--mn-pg-kaart-schaduw); }
  html body:has(.mn-pg-hero--saldo) #page_wrapper > b > section.hg_section .row { margin: 0 !important; }
  html body:has(.mn-pg-hero--saldo) #page_wrapper > b > section.hg_section [class*="col-"]:not(.post) { padding: 0 !important; }
  html body:has(.mn-pg-hero--saldo) #page_wrapper > b > section.hg_section:last-of-type { margin-bottom: 30px !important; }
}
@media (max-width: 767px) {
  html body:has(.mn-pg-hero--saldo) #page_wrapper > section.hg_section:has(> .container > .row.verbergen-xs .tbk__title) { display: none !important; }
  html body:has(.mn-pg-hero--saldo) #page_wrapper .saldo-opladen-pakketten .post, html body:has(.mn-pg-hero--account) #page_wrapper .latest_posts .post { padding-top: 12px !important; padding-bottom: 12px !important; }
}

@media (max-width: 767px) {
  /* FAQ: chatten als tweede keuze naast bellen */
  html body:has(.mn-pg-hero--faq) .mediums-faq-followup-copy p:has(a.mediums-faq-followup-link) { display: grid; gap: 10px; }
  html body:has(.mn-pg-hero--faq) a.mediums-faq-followup-link.mediums-faq-followup-link--chat { background: #fff !important; color: #1C3A5E !important; }
}