/* ==========================================================
   Webcampagina in de nieuwe stijl (fase 3 van de modernisering, sinds 08/11/2026)
   Enkel geladen door detail.aspx. Alles zit onder .lb-d (de <section> rond de inhoud),
   accentkleur per site via lb-d-be / lb-d-com / lb-d-ski (zelfde kleuren als header en homepage).
   De weerblokken verderop hebben nog hun eigen (inline) opmaak en blijven ongewijzigd.
   Puur ASCII houden.
   ========================================================== */
.lb-d { --d-acc: #e11d48; --d-acc-donker: #be123c; --d-acc-zacht: #ffe4e6;
        --d-inkt: #0f172a; --d-tekst: #334155; --d-grijs: #64748b; --d-lijn: #e5e7eb;
        font-family: "Roboto", sans-serif; }
.lb-d-com { --d-acc: #c2410c; --d-acc-donker: #9a3412; --d-acc-zacht: #ffedd5; }
.lb-d-ski { --d-acc: #0369a1; --d-acc-donker: #075985; --d-acc-zacht: #e0f2fe; }

section.fresh-section2.lb-d { padding: 22px 0 30px; }
.lb-d [id] { scroll-margin-top: 140px; }

/* ---------- kop: kruimelpad, titel, landknop ---------- */
.lb-d-kop { text-align: left; margin: 0 0 18px; }
.lb-d-kruimel { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0 0 10px; font-size: 14px; color: var(--d-grijs); }
.lb-d-kruimel a { color: var(--d-grijs); text-decoration: none; }
.lb-d-kruimel a:hover { color: var(--d-acc-donker); text-decoration: underline; }
.lb-d-kruimel span[aria-hidden] { color: #cbd5e1; }
.lb-d-kruimel > span:last-child { color: var(--d-tekst); font-weight: 500; }

.lb-d .lb-d-kop h1 { margin: 0 0 14px; padding: 0; border: 0; text-align: left; text-transform: none;
  font-family: "Roboto", sans-serif; font-size: 36px; line-height: 1.15; font-weight: 900; letter-spacing: -0.02em; color: var(--d-inkt); }
.lb-d .lb-d-h1-land { color: var(--d-grijs); font-weight: 500; }

.lb-d-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.lb-d-live, .lb-d-aantal { display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px; border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: .08em; }
.lb-d-live { background: var(--d-acc); color: #fff; }
.lb-d-live i { width: 7px; height: 7px; border-radius: 50%; background: #fff; animation: lb-d-puls 1.6s infinite; }
@keyframes lb-d-puls { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
.lb-d-aantal { background: #f1f5f9; color: var(--d-tekst); letter-spacing: 0; font-weight: 600; }
.lb-d a.lb-d-landknop { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 999px; border: 1px solid var(--d-lijn);
  background: #fff; color: var(--d-tekst); font-size: 14px; font-weight: 600; text-decoration: none; transition: border-color .15s, color .15s; }
.lb-d a.lb-d-landknop:hover { border-color: var(--d-acc); color: var(--d-acc-donker); }

/* ---------- de webcam(s), meteen onder de titel ---------- */
.lb-d-speler { margin: 0 0 22px; text-align: left; }
.lb-d .lb-d-label { margin: 0 0 8px; font-size: 13px; line-height: 1.4; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--d-grijs); }
.lb-d-speler .videowrapper { border-radius: 14px; overflow: hidden; background: #0f172a; box-shadow: 0 10px 30px rgba(15, 23, 42, .14); }
/* webcams van een andere bron (bv. SkylineWebcams: <a><img></a>) vullen het hele kader */
.lb-d-speler .videowrapper > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.lb-d-speler .videowrapper > a img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lb-d-speler .webcam-grid-label { color: var(--d-tekst); font-size: 13px; }
.lb-d-speler .yt-facade-live { background: var(--d-acc); border-radius: 999px; padding: 3px 10px; font-size: 11px; }
.lb-d-speler .yt-facade-knop { background: rgba(15, 23, 42, .78); border-radius: 50%; width: 68px; height: 68px; margin: -34px 0 0 -34px; }
.lb-d-speler .yt-facade-knop:after { left: 27px; top: 22px; border-width: 12px 0 12px 19px; }
.lb-d-speler .yt-facade:hover .yt-facade-knop, .lb-d-speler .yt-facade:focus .yt-facade-knop { background: var(--d-acc); }
.lb-d-speler .yt-facade:focus { outline-color: var(--d-acc); }

/* weerbalk: afgeronde hoeken, zodat hij bij de video past */
.lb-d #weather-final-house { border-radius: 14px; }

/* ---------- inhoudsnavigatie ---------- */
.lb-d-nav { display: flex; gap: 8px; margin: 18px 0 6px; padding: 10px 0; overflow-x: auto; white-space: nowrap; text-align: left;
  scrollbar-width: none; -webkit-overflow-scrolling: touch; background: #fff; border-bottom: 1px solid var(--d-lijn); }
.lb-d-nav::-webkit-scrollbar { display: none; }
.lb-d-nav a { flex: 0 0 auto; padding: 7px 14px; border-radius: 999px; background: #f1f5f9; color: var(--d-tekst); font-size: 14px; font-weight: 600; text-decoration: none; transition: background .15s, color .15s; }
.lb-d-nav a:hover { background: var(--d-acc-zacht); color: var(--d-acc-donker); }
.lb-d-nav a.actief { background: var(--d-acc); color: #fff; }
@media (min-width: 992px) {
  /* z-index boven de Leaflet-kaart (panes 400, knoppen 1000), onder de header (9999) */
  .lb-d-nav { position: -webkit-sticky; position: sticky; top: 68px; z-index: 1001; } }

/* ---------- beschrijving ---------- */
.lb-d-tekst { max-width: 860px; margin: 24px 0 10px; text-align: left; font-size: 17px; line-height: 1.75; color: var(--d-tekst); }
.lb-d-tekst p { margin: 0 0 1em; font-size: inherit; line-height: inherit; color: inherit; }
.lb-d-tekst h2, .lb-d-tekst h3 { text-align: left; color: var(--d-inkt); font-weight: 800; }
.lb-d-tekst a { color: var(--d-acc-donker); text-decoration: underline; }

.lb-d .lb-d-titel { margin: 40px 0 14px; text-align: left; text-transform: none; font-size: 26px; line-height: 1.2; font-weight: 900; color: var(--d-inkt); }

/* ---------- webcams in de buurt: kaartjes met miniatuur ---------- */
.lb-d-buurt { text-align: left; }
.lb-d .buurt-lijst { list-style: none; padding: 0; margin: 0 0 22px; display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 16px; }
.lb-d .buurt-lijst li { margin: 0; padding: 0; background: none; border: 0; }
.lb-d .buurt-lijst a { display: block; color: var(--d-inkt); text-decoration: none; }
.lb-d .buurt-lijst .buur-beeld { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden;
  background: #1e293b linear-gradient(135deg, #1e293b, #334155); box-shadow: 0 4px 14px rgba(15, 23, 42, .1); }
.lb-d .buurt-lijst .buur-beeld img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.lb-d .buurt-lijst a:hover .buur-beeld img { transform: scale(1.04); }
.lb-d .buurt-lijst .buur-beeld em { position: absolute; top: 8px; left: 8px; padding: 2px 8px; border-radius: 999px; background: var(--d-acc); color: #fff;
  font-style: normal; font-size: 10px; font-weight: 700; letter-spacing: .08em; }
.lb-d .buurt-lijst strong { display: block; margin: 9px 0 2px; font-size: 15px; line-height: 1.3; font-weight: 700; }
.lb-d .buurt-lijst a:hover strong { color: var(--d-acc-donker); }
.lb-d .buurt-lijst .buur-info { display: block; font-size: 13px; color: var(--d-grijs); }

/* ---------- gsm ---------- */
@media (max-width: 767px) {
  section.fresh-section2.lb-d { padding: 16px 0 24px; }
  .lb-d .lb-d-kop h1 { font-size: 27px; }
  .lb-d-kruimel { font-size: 13px; }
  .lb-d a.lb-d-landknop { font-size: 13px; }
  .lb-d-speler .videowrapper { border-radius: 10px; }
  .lb-d-tekst { font-size: 16px; }
  .lb-d .buurt-lijst { grid-template-columns: 1fr 1fr; gap: 12px; }
  .lb-d .lb-d-titel { font-size: 22px; } }

/* ==========================================================
   Weerblokken en infoblokken verderop (sinds 08/11/2026)
   De HTML en scripts van deze blokken zijn ongewijzigd; ze hebben inline-stijlen,
   daarom staat hier soms !important. Alles is beperkt tot .lb-d.
   ========================================================== */
.lb-d #weather-final-house, .lb-d #sneeuw-info-house, .lb-d #weather-elite-tabs, .lb-d #weather-knowledge-dashboard,
.lb-d #location-knowledge-pro, .lb-d #streetview-focus-pro, .lb-d #regional-navigator-pro, .lb-d #atmosphere-tracker,
.lb-d #history-almanac-v11 { font-family: "Roboto", sans-serif !important; }
.lb-d #weather-final-house { border-bottom: 0 !important; box-shadow: 0 10px 30px rgba(15, 23, 42, .16) !important; }
.lb-d #sneeuw-info-house { border-radius: 14px; margin-top: 12px; border-bottom: 0 !important; box-shadow: 0 10px 30px rgba(15, 23, 42, .14) !important; }

/* kaart */
.lb-d #weather-elite-tabs, .lb-d #weather-knowledge-dashboard, .lb-d #location-knowledge-pro, .lb-d #streetview-focus-pro,
.lb-d #regional-navigator-pro, .lb-d #atmosphere-tracker, .lb-d #history-almanac-v11 {
  max-width: none !important; margin: 32px 0 !important; color: var(--d-tekst) !important; text-align: left; }
.lb-d #weather-elite-tabs > div, .lb-d #weather-knowledge-dashboard, .lb-d #location-knowledge-pro, .lb-d #streetview-focus-pro,
.lb-d #regional-navigator-pro, .lb-d #history-almanac-v11 {
  border-radius: 16px !important; border: 1px solid var(--d-lijn) !important; background: #fff !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 10px 30px rgba(15, 23, 42, .06) !important; }

/* kopbalk van de kaart: wit, titel links met accentstreepje */
.lb-d #weather-elite-tabs > div > div:first-child, .lb-d #weather-knowledge-dashboard > div:first-child, .lb-d #location-knowledge-pro > div:first-child,
.lb-d #streetview-focus-pro > div:first-child, .lb-d #regional-navigator-pro > div:first-child {
  background: #fff !important; border-bottom: 1px solid var(--d-lijn) !important; padding: 22px 28px !important; }
.lb-d #weather-elite-tabs h2, .lb-d #weather-knowledge-dashboard h2, .lb-d #location-knowledge-pro h2, .lb-d #streetview-focus-pro h2,
.lb-d #regional-navigator-pro h2, .lb-d #atmosphere-tracker h2 {
  position: relative; padding-left: 16px !important; text-align: left !important; text-transform: none;
  font-family: "Roboto", sans-serif !important; font-size: 23px !important; line-height: 1.25 !important; font-weight: 900 !important;
  letter-spacing: -0.01em; color: var(--d-inkt) !important; }
.lb-d #weather-elite-tabs h2:before, .lb-d #weather-knowledge-dashboard h2:before, .lb-d #location-knowledge-pro h2:before,
.lb-d #streetview-focus-pro h2:before, .lb-d #regional-navigator-pro h2:before, .lb-d #atmosphere-tracker h2:before {
  content: ""; position: absolute; left: 0; top: 3px; bottom: 3px; width: 5px; border-radius: 3px; background: var(--d-acc); }

/* lopende tekst */
.lb-d #story-content, .lb-d #dash-story, .lb-d #nav-intro, .lb-d #pro-wiki-extract, .lb-d #streetview-focus-pro [align="left"] {
  font-size: 17px !important; line-height: 1.75 !important; color: var(--d-tekst) !important; }
.lb-d #pro-wiki-extract { text-align: left !important; }
.lb-d #weather-elite-tabs h3, .lb-d #weather-knowledge-dashboard h3, .lb-d #weather-knowledge-dashboard h4, .lb-d #location-knowledge-pro h3,
.lb-d #location-knowledge-pro h4, .lb-d #regional-navigator-pro h3 { font-family: "Roboto", sans-serif !important; text-align: left; }
.lb-d [style*="color: #1e3c72"] { color: var(--d-inkt) !important; }
.lb-d #location-knowledge-pro h3 { font-weight: 900 !important; font-size: 26px !important; }
.lb-d #pro-wiki-link, .lb-d #streetview-focus-pro a[href*="google.com/maps"] { color: var(--d-acc-donker) !important; }
.lb-d #pro-wiki-sights { border-left-color: var(--d-acc) !important; background: #f8fafc !important; border-radius: 12px !important; }

/* tabbladen van de voorspelling: pillen zoals de inhoudsnavigatie */
.lb-d .w-tab-btn { padding: 8px 16px; border-radius: 999px; background: #f1f5f9; color: var(--d-tekst); font-family: "Roboto", sans-serif; font-size: 14px; font-weight: 600; }
.lb-d .w-tab-btn:hover { background: var(--d-acc-zacht); color: var(--d-acc-donker); }
.lb-d .active-w-tab { background: var(--d-acc) !important; color: #fff !important; }
.lb-d #activity-tip { background: var(--d-acc-zacht) !important; border-left-color: var(--d-acc) !important; border-radius: 10px !important; }
.lb-d #hourly-flow > div, .lb-d #daily-list-16 > div { background: #f8fafc !important; border: 1px solid var(--d-lijn) !important; border-radius: 12px !important; }
.lb-d #tab-30day > div { background: #f8fafc !important; border-color: var(--d-lijn) !important; border-radius: 14px !important; }

/* deelvakken (luchtkwaliteit, pollen, afstanden): zachter afgerond */
.lb-d #weather-knowledge-dashboard > div:nth-child(2) > div:nth-child(2) > div,
.lb-d #regional-navigator-pro > div:nth-child(2) > div:nth-child(2) > div { border-radius: 14px !important; }

/* licht & atmosfeer: donkere kaart in de huisstijl */
.lb-d #atmosphere-tracker { background: var(--d-inkt) !important; border-radius: 16px !important; box-shadow: 0 10px 30px rgba(15, 23, 42, .16) !important; }
.lb-d #atmosphere-tracker > div:first-child { background: transparent !important; border-bottom: 1px solid rgba(255, 255, 255, .1) !important; padding: 22px 28px !important; }
.lb-d #atmosphere-tracker h2 { color: #fff !important; }

/* geschiedenis: donkere kopbalk met datumknoppen */
.lb-d #history-almanac-v11 > div:first-child { background: var(--d-inkt) !important; border-bottom: 3px solid var(--d-acc) !important; gap: 12px; }
.lb-d #history-almanac-v11 > div:first-child button { border-radius: 999px !important; font-family: "Roboto", sans-serif; }
.lb-d #history-almanac-v11 > div:first-child button:hover { background: var(--d-acc) !important; border-color: var(--d-acc) !important; }
.lb-d #history-almanac-v11 > div:nth-child(2) > div:first-child { border-left-color: var(--d-acc) !important; background: #f8fafc !important; border-radius: 10px !important; }
.lb-d #history-almanac-v11 button[id^="btn-more-"] { border-radius: 999px !important; font-family: "Roboto", sans-serif; }

/* webcams in de buurt + stadsgids-tip */
.lb-d .lb-d-buurt > h3 { margin: 0 0 4px !important; text-align: left; font-family: "Roboto", sans-serif; font-size: 26px !important; line-height: 1.2; font-weight: 900 !important; color: var(--d-inkt) !important; }
.lb-d .lb-d-buurt > p { color: var(--d-grijs) !important; }
.lb-d #nearby-map { border-radius: 16px !important; border-color: var(--d-lijn) !important; }
.lb-d .stadsgids-tip { background: var(--d-inkt); border-left-color: var(--d-acc); border-radius: 14px; }

/* gsm: niets mag buiten het scherm vallen */
@media (max-width: 767px) {
  .lb-d #weather-elite-tabs > div > div:first-child, .lb-d #weather-knowledge-dashboard > div:first-child, .lb-d #location-knowledge-pro > div:first-child,
  .lb-d #streetview-focus-pro > div:first-child, .lb-d #regional-navigator-pro > div:first-child, .lb-d #atmosphere-tracker > div:first-child { padding: 18px !important; }
  .lb-d #weather-elite-tabs > div > div:nth-child(2), .lb-d #weather-knowledge-dashboard > div:nth-child(2), .lb-d #location-knowledge-pro > div:nth-child(2),
  .lb-d #streetview-focus-pro > div:nth-child(2), .lb-d #regional-navigator-pro > div:nth-child(2), .lb-d #atmosphere-tracker > div:nth-child(2),
  .lb-d #history-almanac-v11 > div:nth-child(2) { padding: 18px !important; }
  .lb-d #weather-elite-tabs h2, .lb-d #weather-knowledge-dashboard h2, .lb-d #location-knowledge-pro h2, .lb-d #streetview-focus-pro h2,
  .lb-d #regional-navigator-pro h2, .lb-d #atmosphere-tracker h2 { font-size: 19px !important; }
  .lb-d #story-content, .lb-d #dash-story, .lb-d #nav-intro, .lb-d #pro-wiki-extract, .lb-d #streetview-focus-pro [align="left"] { font-size: 16px !important; }
  .lb-d #weather-elite-tabs [style*="minmax("], .lb-d #weather-knowledge-dashboard [style*="grid-template-columns"],
  .lb-d #regional-navigator-pro [style*="minmax("], .lb-d #atmosphere-tracker [style*="minmax("],
  .lb-d #history-almanac-v11 [style*="minmax("] { grid-template-columns: 1fr !important; }
  .lb-d #weather-elite-tabs #hourly-flow { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; }
  .lb-d #hourly-flow > div { padding: 10px 4px !important; }
  .lb-d #location-knowledge-pro [style*="min-width"] { min-width: 0 !important; flex: 1 1 100% !important; }
  .lb-d #location-knowledge-pro [style*="gap: 40px"] { gap: 0 !important; }
  .lb-d #location-knowledge-pro h3 { font-size: 22px !important; }
  .lb-d #streetview-focus-pro [style*="height: 650px"] { height: 420px !important; }
  .lb-d #streetview-focus-pro [style*="justify-content: space-between"] { flex-wrap: wrap; gap: 10px; }
  .lb-d #history-almanac-v11 > div:first-child { flex-wrap: wrap; justify-content: center !important; padding: 16px !important; }
  .lb-d #history-almanac-v11 > div:first-child > div { order: -1; flex: 1 1 100%; }
  .lb-d #history-almanac-v11 #display-date { font-size: 21px !important; }
  .lb-d .lb-d-buurt > h3 { font-size: 22px !important; } }

/* ==========================================================
   Overzichtspagina's /landen, /countries, /snow-cams, /themas, /themes (sinds 08/11/2026)
   Section: "fresh-section2 lb-d lb-o lb-d-{site}", kop = .lb-d-kop hierboven.
   ========================================================== */
.lb-o .lb-o-intro { max-width: 900px; margin: 0 0 6px; text-align: left; font-size: 17px; line-height: 1.7; color: var(--d-tekst); }
.lb-o .lb-o-intro p { margin: 0 0 .9em; font-size: inherit; line-height: inherit; color: inherit; }
.lb-o-balk { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin: 20px 0 6px; padding: 14px 0; border-top: 1px solid var(--d-lijn); border-bottom: 1px solid var(--d-lijn); }
.lb-o-zoek { position: relative; flex: 0 1 300px; }
.lb-o-zoek input { width: 100%; height: 42px; padding: 0 14px 0 38px; border: 1px solid var(--d-lijn); border-radius: 999px; background: #f8fafc; font: 15px "Roboto", sans-serif; color: var(--d-inkt); outline: none; transition: border-color .15s, background .15s; }
.lb-o-zoek input:focus { border-color: var(--d-acc); background: #fff; }
.lb-o-zoek svg { position: absolute; left: 13px; top: 12px; width: 18px; height: 18px; color: var(--d-grijs); pointer-events: none; }
.lb-o-wd { display: flex; flex-wrap: wrap; gap: 8px; }
.lb-o-wd a { padding: 7px 14px; border-radius: 999px; background: #f1f5f9; color: var(--d-tekst); font-size: 14px; font-weight: 600; text-decoration: none; transition: background .15s, color .15s; }
.lb-o-wd a:hover { background: var(--d-acc-zacht); color: var(--d-acc-donker); }
.lb-o-wd a small { margin-left: 4px; font-size: 12px; font-weight: 500; color: var(--d-grijs); }

.lb-o .lb-o-h2 { display: flex; align-items: baseline; gap: 10px; margin: 30px 0 14px; padding: 0; text-align: left; text-transform: none; font-family: "Roboto", sans-serif; font-size: 24px; line-height: 1.2; font-weight: 900; letter-spacing: -0.01em; color: var(--d-inkt); }
.lb-o .lb-o-h2:before { content: ""; align-self: center; width: 5px; height: 22px; border-radius: 3px; background: var(--d-acc); }
.lb-o .lb-o-h2 small { font-size: 14px; font-weight: 500; letter-spacing: 0; color: var(--d-grijs); }

.lb-o-raster { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.lb-o a.lb-o-land { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 11px 14px; border: 1px solid var(--d-lijn); border-radius: 12px; background: #fff; color: var(--d-inkt); text-decoration: none; transition: border-color .15s, box-shadow .15s, transform .15s; }
.lb-o a.lb-o-land:hover { border-color: var(--d-acc); box-shadow: 0 6px 18px rgba(15, 23, 42, .08); transform: translateY(-2px); }
.lb-o-land img { flex: 0 0 auto; width: 40px; height: 30px; object-fit: cover; border-radius: 4px; box-shadow: 0 0 0 1px rgba(15, 23, 42, .08); background: #f1f5f9; }
.lb-o-land span { display: block; min-width: 0; }
.lb-o-land strong { display: block; overflow-wrap: anywhere; font-size: 15px; line-height: 1.3; font-weight: 700; }
.lb-o a.lb-o-land:hover strong { color: var(--d-acc-donker); }
.lb-o-land small { display: block; font-size: 13px; line-height: 1.3; color: var(--d-grijs); }
.lb-o a.lb-o-land.lb-o-leeg { opacity: .6; }
.lb-o-geen { margin: 24px 0; text-align: left; font-size: 16px; color: var(--d-grijs); }

/* thema's: grotere kaarten met icoon */
.lb-o-themas { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; margin-top: 24px; }
.lb-o a.lb-o-thema { display: flex; align-items: center; gap: 14px; padding: 18px; border: 1px solid var(--d-lijn); border-radius: 14px; background: #fff; color: var(--d-inkt); text-decoration: none; transition: border-color .15s, box-shadow .15s, transform .15s; }
.lb-o a.lb-o-thema:hover { border-color: var(--d-acc); box-shadow: 0 8px 22px rgba(15, 23, 42, .09); transform: translateY(-2px); }
.lb-o-thema i { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 14px; background: var(--d-acc-zacht); font-style: normal; font-size: 26px; line-height: 1; }
.lb-o-thema strong { display: block; font-size: 17px; line-height: 1.3; font-weight: 800; }
.lb-o a.lb-o-thema:hover strong { color: var(--d-acc-donker); }
.lb-o-thema small { display: block; margin-top: 2px; font-size: 13px; color: var(--d-grijs); }

@media (max-width: 767px) {
  .lb-o .lb-o-intro { font-size: 16px; }
  .lb-o-zoek { flex: 1 1 100%; }
  .lb-o-wd { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -15px; padding: 0 15px; }
  .lb-o-wd::-webkit-scrollbar { display: none; }
  .lb-o-wd a { flex: 0 0 auto; }
  .lb-o .lb-o-h2 { font-size: 21px; }
  .lb-o-raster { grid-template-columns: 1fr 1fr; gap: 10px; }
  .lb-o a.lb-o-land { gap: 9px; padding: 10px; }
  .lb-o-land img { width: 32px; height: 24px; }
  .lb-o-land strong { font-size: 14px; }
  .lb-o-land small { font-size: 12px; }
  .lb-o-themas { grid-template-columns: 1fr; gap: 10px; }
  .lb-o a.lb-o-thema { padding: 14px; } }
.lb-o .lb-o-na { margin-top: 30px; }