/* netwerk-basis components.css
   Herkomst: de inline <style data-gN>/#gNcss-blokken uit OER-productie (/workspace/cf-deploy, 21-10-2026, alleen gelezen)
   + de SOR-componenten (v2.css/intro-kader.css). Hardgecodeerde OER-groenen zijn vervangen door var(--accent*).
   Laden NA base.css en VOOR theme.css. */
/* == intro-kader (+ kort-antwoord, ik-bron) [id="g15css"] == */
.intro-kader{background:#f7f4ee;border:1px solid #e3ddd2;border-left:5px solid var(--accent);border-radius:15px;padding:1.1rem 1.3rem .8rem;margin:1rem 0 1.5rem;max-width:72ch;box-shadow:0 2px 10px rgba(45,65,86,.06)}.intro-kader p{margin:0 0 .7rem;max-width:none}.intro-kader .ik-verhaal{font-size:1.08rem;line-height:1.6;color:#1e1e1e}.intro-kader .ik-verhaal::before{content:"\201C";font-family:Georgia,serif;font-size:2.2rem;line-height:0;color:var(--accent);vertical-align:-.55rem;margin-right:.2rem}.intro-kader .kort-antwoord{border-left:0;padding:0;background:none;margin:0 0 .7rem;font-size:1rem}.intro-kader .ik-bron{font-size:.8rem;line-height:1.45;color:#5b6168;border-top:1px dashed #d8d0c2;padding-top:.55rem;margin:.4rem 0 0}.intro-kader .ik-bron a{color:var(--accent-dark)}@media(max-width:600px){.intro-kader{padding:.9rem 1rem .7rem;margin:.8rem 0 1.2rem;border-radius:12px}.intro-kader .ik-verhaal{font-size:1rem}}
/* == hotel-blok + g16-nacht (Booking-knop blijft Booking-blauw #003b95) [id="g16css"] == */
.hotel-blok{background:#f7f4ee;border:1px solid #e3ddd2;border-left:5px solid var(--accent);border-radius:15px;padding:1.1rem 1.3rem .9rem;margin:1rem 0 1.4rem;box-shadow:0 2px 10px rgba(45,65,86,.06)}.hotel-blok h3{margin:.1rem 0 .8rem;font-size:1.2rem}.hotel-blok ul{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}.hotel-blok li{background:#fff;border:1px solid #e3ddd2;border-radius:12px;padding:.8rem 1rem}.hotel-blok .hb-cat{display:block;font-size:.8rem;font-weight:700;letter-spacing:.02em;color:var(--accent);text-transform:uppercase;margin-bottom:.15rem}.hotel-blok .hb-naam{font-weight:700;font-size:1.05rem}.hotel-blok .hb-tekst{margin:.3rem 0 .6rem;line-height:1.5}.hotel-blok .hb-score{font-size:.85rem;color:#5b6168}.hotel-blok a.hb-btn{display:inline-block;background:#003b95;color:#fff;font-weight:700;padding:.55rem 1rem;border-radius:999px;text-decoration:none}.hotel-blok a.hb-btn:hover{background:#00296b}.hotel-blok .hb-fine{font-size:.78rem;color:#5b6168;border-top:1px dashed #d8d0c2;padding-top:.5rem;margin:.8rem 0 0}.g16-nacht{font-size:.92em;margin:.4em 0 0;background:#f7f4ee;border-left:4px solid var(--accent);border-radius:8px;padding:.45em .7em}.g16-nacht a{font-weight:700}@media(min-width:900px){.hotel-blok ul{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.hotel-blok{padding:.9rem 1rem .8rem;border-radius:12px}}
/* == dossier: g20-box (oranje "nog niet gepubliceerd"), g20-meta/-na/-label/-src, Utrecht-blok g20-bereik, g20-cards [id="g20css"] == */
.g20-na{color:#9a4b12;font-weight:600}
.g20-box{background:#fff7e8;border:2px solid #e0a040;border-radius:14px;padding:1rem 1.2rem;margin:1.2rem 0}
.g20-box h2,.g20-box h3{margin-top:0;color:#8a4a0c}
.g20-box li{margin:.25rem 0}
.g20-label{display:inline-block;background:#fde7c4;color:#7a3e06;border-radius:6px;padding:0 .4em;font-size:.8em;font-weight:600;margin-left:.3em}
.g20-meta{font-size:.85rem;color:#5b6168}
.g20-src{font-size:.88rem}.g20-src li{margin:.3rem 0;word-break:break-word}
.g20-bereik{background:var(--accent-licht);border:1px solid var(--accent-rand);border-left:5px solid var(--accent);border-radius:14px;padding:1rem 1.2rem;margin:1.5rem 0}
.g20-bereik h2{margin-top:0;font-size:1.25rem}
.g20-bereik dl{display:grid;grid-template-columns:max-content 1fr;gap:.3rem 1rem;margin:.4rem 0}
.g20-bereik dt{font-weight:600}.g20-bereik dd{margin:0}
.g20-bereik small{color:#5b6168}
.g20-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:1rem 0}
.g20-card{border:1px solid #e3ddd2;border-radius:14px;padding:1rem 1.2rem;background:#fff;box-shadow:0 2px 10px rgba(45,65,86,.06)}
.g20-card h2{font-size:1.2rem;margin-top:.2rem}
@media(max-width:600px){.g20-bereik dl{grid-template-columns:1fr}}
/* == dossiertabel g2-table in g2-scroll, kort-antwoord, byline [data-g2] == */
.g2-table{width:100%;border-collapse:collapse;margin:12px 0 18px;font-size:.95rem}.g2-table th,.g2-table td{border-bottom:1px solid #ddd;padding:7px 8px;text-align:left;vertical-align:top}.g2-table th{background:var(--accent-licht);color:var(--accent-dark)}.g2-scroll{overflow-x:auto}.g2-table tr.top td{font-weight:600}.kort-antwoord{font-size:1.02rem;border-left:4px solid var(--accent-dark);padding:6px 0 6px 12px;margin:10px 0}.byline{font-size:.88rem;opacity:.85}.g2-btns a.btn{margin:0 10px 10px 0}@media(max-width:600px){.g2-table{font-size:.85rem}.g2-table th,.g2-table td{padding:6px 5px}.g2-table th:first-child,.g2-table td:first-child{display:none}}
/* == "Snel regelen" (.snel) [data-g3] == */
.snel{border:2px solid var(--groen-d);border-radius:14px;padding:16px 18px;margin:18px 0;background:#fbfaf6}.snel h2{margin:0 0 4px;font-size:1.25rem}.snel p{margin:0 0 10px}.snel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.snel li{background:#fff;border:1px solid var(--zand-d);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.snel li b{font-size:.95rem}.snel .btn{text-align:center;padding:8px 14px;font-size:.92rem}.snel .btn.go{background:var(--groen-d);color:#fff}.snel small{color:#666}
/* == g5bar / bk-inline [data-g5] == */
.g5bar{border:2px solid var(--groen-d);border-radius:12px;padding:12px 14px;margin:14px 0 18px;background:#fbfaf6}.g5bar p{margin:0 0 8px;font-weight:600}.g5bar .g5btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.g5bar .btn{padding:9px 14px;font-size:.95rem;text-align:center}.g5bar .btn.go{background:var(--groen-d);color:#fff}.g5bar small{display:block;color:#666;margin-top:6px;font-weight:400}@media(max-width:560px){.g5bar .g5btns{flex-direction:column;align-items:stretch}.g5bar .btn{width:100%}}p.bk-inline a{display:inline-block;margin:4px 6px 4px 0;padding:7px 12px;border-radius:999px;background:var(--groen-d);color:#fff;text-decoration:none;font-weight:600}p.bk-inline a:hover{opacity:.9}
/* == g6hub (sub-navigatie pillen), g6ent [data-g6] == */
.g6hub{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 16px;padding:0;list-style:none}.g6hub a{display:inline-block;padding:6px 12px;border:1px solid var(--groen-d);border-radius:999px;text-decoration:none;font-weight:600;font-size:.92rem}.g6hub-l{margin:14px 0 4px;font-weight:600}.g6ent{background:#fbfaf6;border-left:4px solid var(--groen-d);padding:10px 14px;margin:12px 0}.g6back{font-size:.95rem}.g6foto img{max-width:100%;height:auto;border-radius:10px}
/* == g7c info/waarschuwing-kaders [data-g7c] == */
.g7c{display:flex;gap:12px;align-items:flex-start;border-radius:12px;padding:14px 16px;margin:16px 0;border-left:5px solid;line-height:1.55;font-size:1rem}.g7c .g7i{font-size:1.25rem;line-height:1.3;flex:0 0 auto}.g7c p{margin:0}.g7c strong.g7l{margin-right:4px}.g7c.info{background:#eaf2fb;border-color:#2a64a0;color:#14263a}.g7c.warn{background:#fff3e3;border-color:#b45309;color:#3a2410}.g7c a{color:inherit;text-decoration:underline}.g7c small.rsrc{display:inline;color:#4a4a4a}.intro-grid img.g7wide{aspect-ratio:auto;object-fit:contain}section.section.g7tight{padding-top:0}@media(max-width:600px){.g7c{padding:12px 13px;font-size:.97rem}}
/* == g8 winterbanner (eigen winterblauw) [data-g8] == */
.nav a.g8w{font-weight:700}.g8-banner{background:#eaf3fb;border-left:5px solid #2a6fb0;border-radius:10px;padding:16px 20px;margin:0 0 8px}.g8-banner h2{margin:.1em 0 .3em;font-size:1.35em}.g8-banner p{margin:.3em 0}.g8-btns{display:flex;flex-wrap:wrap;gap:8px;margin:.6em 0}.g8-btns .btn{font-size:.9em;padding:.45em .8em}.g8-list{columns:2;padding-left:1.1em}@media(max-width:600px){.g8-list{columns:1}}
/* == g9-grid [data-g9] == */
.g9-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:.8em 0}.g9-card{background:#fff;border-radius:8px;padding:10px 12px}.g9-card h3{margin:0 0 .2em;font-size:1.05em}.g9-card p{margin:.2em 0;font-size:.9em}.g9-card .btn{font-size:.85em;padding:.35em .7em}@media(max-width:800px){.g9-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.g9-grid{grid-template-columns:1fr}}
/* == km-card (bestemmingkaart) [id="g19css"] == */
.km-grid{display:grid;gap:1.4rem;margin:1.2rem 0}.km-card{background:#fff;border:1px solid #e3ddd2;border-radius:15px;overflow:hidden;box-shadow:0 2px 10px rgba(45,65,86,.06)}.km-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block}.km-card .km-body{padding:1rem 1.2rem 1.1rem}.km-card h2{margin:.1rem 0 .2rem;font-size:1.35rem}.km-card .km-sub{margin:0 0 .7rem;color:#5b6168;font-size:.95rem}.km-card dl{margin:0 0 .8rem;display:grid;grid-template-columns:auto 1fr;gap:.35rem .9rem}.km-card dt{font-weight:700;color:var(--accent)}.km-card dd{margin:0}.km-card .foto-credit{font-size:.75rem;color:#777;margin:.3rem 0 0}.km-card .km-src{font-size:.82rem;color:#5b6168}.km-card .hotel-blok{margin:.8rem 0}.km-btns{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0 0}.km-btns .btn{font-size:.9rem}.km-tab td,.km-tab th{vertical-align:top}.g19-cta{background:#f7f4ee;border:1px solid #e3ddd2;border-left:5px solid #b3262d;border-radius:12px;padding:.8rem 1rem;margin:1rem 0}.g19-cta p{margin:0}@media(min-width:900px){.km-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.km-card dl{grid-template-columns:1fr}.km-card dt{margin-top:.3rem}}
/* == g21-fotos [id="g21css"] == */
.g21-fotos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:1rem 0 1.4rem}.g21-fotos figure{margin:0}.g21-fotos img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px;display:block}.g21-fotos figcaption{font-size:.85rem;line-height:1.35;margin-top:.35rem}.g21-fotos .g21-c{display:block;font-size:.72rem;opacity:.75}
/* == aud-tip / aud-btns [data-aud] == */
.aud-fig{margin:10px 0}.aud-fig img{width:100%;height:auto;border-radius:6px}.aud-fig figcaption{font-size:.82rem;opacity:.8}.aud-btns{display:flex;flex-wrap:wrap;gap:8px 10px}.aud-btns a.btn{margin:0}.aud-tip{border-left:4px solid #c9822b;background:#fbf4ea;padding:12px 16px;margin:16px 0;border-radius:6px}.aud-tip p{margin:.3em 0}@media(max-width:600px){.aud-btns a.btn{flex:1 1 100%;text-align:center}}
/* == gyg-btn [id="gyg-css"] == */
.gyg-btn{font-size:.85em;padding:.3em .7em;margin-left:.35em;background:#fff;color:inherit;border:1px solid currentColor}
/* == g25 zuster-/netwerkblok [g25] == */
.g25-sis,.g25-ard{border-left:4px solid var(--accent-dark);background:var(--accent-licht);padding:.9rem 1.1rem;border-radius:8px;margin:1.5rem 0}.g25-sis p,.g25-ard p{margin:0}.g25-by{margin-top:2rem}
/* == SOR-aanvullingen (v2.css) == */
.act-thumb{display:block;width:100%;height:140px;object-fit:cover;border-radius:12px;margin:0 0 10px;background:var(--zand)}
.act-item{display:flex;flex-direction:column}.act-item h4{margin:6px 0 4px;font-size:1.05rem}.act-item .meta{font-size:.9rem;color:#555;margin:0 0 6px}
.act-rating{font-size:.85rem;margin:0 0 6px;color:#555}.act-aff{margin-top:auto;padding-top:8px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.foto-credit{font-size:.72rem;color:var(--grijs);margin:6px 0 0}.foto-credit a{color:var(--grijs)}
.g20-bereik{max-width:820px}
.g20-card h2 a{text-decoration:none}
/* oude SOR-tabelklasse blijft werken (alias van g2-table) */
.dos-tabel{width:100%;border-collapse:collapse;font-size:.95rem;margin:.6rem 0}.dos-tabel th,.dos-tabel td{border-bottom:1px solid var(--zand-d);padding:.45rem .5rem;text-align:left;vertical-align:top}.dos-tabel th{background:var(--accent-licht)}
/* tabellen in een smalle leeskolom: horizontaal scrollen i.p.v. kolommen verbergen */
.prose .g2-scroll{max-width:100%}.g2-scroll{-webkit-overflow-scrolling:touch}.g2-scroll .g2-table{min-width:560px}
@media(max-width:600px){.g2-scroll .g2-table th:first-child,.g2-scroll .g2-table td:first-child{display:table-cell}}
/* == netwerk-basis: layout-hulpen == */
/* header-offset: eerste sectie zonder hero schuift onder de vaste header vandaan (vervangt inline padding-top:130px) */
main>section.section:first-child,main>nav.toc:first-child+section.section{padding-top:108px}
@media(max-width:860px){main>section.section:first-child{padding-top:100px}}
.prose h2{margin-top:1.3em}.prose ul,.prose ol{padding-left:1.2em}
/* 4-koloms footer (logo / landen / reisideeën / praktisch) */
.fcols.c4{grid-template-columns:1.4fr 1fr 1fr 1fr}@media(max-width:980px){.fcols.c4{grid-template-columns:1fr 1fr}}@media(max-width:600px){.fcols.c4{grid-template-columns:1fr}}
.site-footer .fcols.c4>div:nth-child(2) ul{columns:1}
/* zuster-/netwerktip in lopende tekst (geen footer!) - zelfde class als Ardennen */
.netwerk-tip{background:var(--accent-licht);border-left:5px solid var(--accent);border-radius:12px;padding:14px 18px;margin:22px 0;max-width:760px}.netwerk-tip p{margin:0}
/* FAQ-sectie onder content */
.faq-sec .faq{margin-top:10px}
/* logo-woordmerk (2 regels) iets hoger dan het oude 1-regel-logo */
.logo img{height:44px}

/* advertentielabel onderaan hotelblok (tone of voice: eerlijkheidsinfo onderaan, vriendelijk) */
.hotel-blok .hb-ad{display:inline-block;margin-left:.3em;font-size:.72rem;color:var(--grijs);border:1px solid var(--zand-d);border-radius:6px;padding:0 .4em;white-space:nowrap}
/* v5 uitjes + landpagina (21-10-2026, additief) */
.uitjes-blok .uitjes-intro{font-size:1.05rem;max-width:760px}
.uitjes-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.gids-kaarten{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.uitje .ico,.ico-kaart .ico{font-size:1.7rem;line-height:1;display:block;margin-bottom:6px}
.uitje h3{margin:2px 0 4px;font-size:1.1rem}.uitje .meta{font-size:.9rem;color:var(--grijs);margin:0 0 6px}
.uitje-rij{margin:.35rem 0 .1rem;font-size:.93rem}.uitje-rij b{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--klei)}
.uitje-prijs,.uitje-tips{margin:.1rem 0 .4rem;padding-left:1.1rem;font-size:.93rem}.uitje-bron{margin:.4rem 0 0;word-break:break-word}
.uitje{scroll-margin-top:140px}
#gids .uitjes-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.uitjes-fine{font-size:.85rem;color:var(--grijs);margin-top:14px}
.reis-legs{background:#fff;border:1px solid var(--zand-d);border-radius:14px;padding:14px 18px;margin:18px 0;max-width:820px}
.reis-legs h3{margin:0 0 6px;font-size:1.05rem}.reis-legs ol{margin:0;padding-left:1.2rem}.reis-legs li{margin:.3rem 0}
.reis-legs .leg-tijd{display:inline-block;margin-left:.5rem;color:var(--grijs);font-size:.92rem}
.netwerk-blok{border-left:5px solid var(--accent);background:var(--accent-licht);border-radius:14px;padding:16px 20px;max-width:820px}
.netwerk-blok h2{margin-top:0;font-size:1.25rem}
.gids-kaarten .tip h3 a{text-decoration:none}
@media(max-width:600px){.reis-legs .leg-tijd{display:block;margin-left:0}}
/* v5b: fotogrid-layout (base.css stijlt alleen figure/img/figcaption) + credits in fotogrid; additief */
.fotogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin:18px 0}
.fotogrid figcaption .foto-credit{display:block;font-size:.7rem;margin:6px 0 0;line-height:1.35}.fotogrid figcaption .foto-credit a{color:inherit}
.fotogrid-blok{margin:8px 0 0}.uitje.has-photo .act-thumb{height:150px}