/* Alpen op Reis - themalaag (NA base.css + components.css). Kleur "Gentiaan" #3d4f9a / #2c3a75. CONCEPT, kleur en logo nog niet goedgekeurd door Arjan. */
:root{--accent:#3d4f9a;--accent-dark:#2c3a75;--accent-licht:#e8eaf3;--accent-zacht:#bbc1dc;--accent-rand:#c5cae1;--pagefind-ui-primary:var(--accent-dark)}
/* conceptbalk (verdwijnt bij livegang) */
.concept-balk{background:var(--accent-dark);color:#fff;text-align:center;font-size:.85rem;padding:6px;position:relative}
/* neutrale plekken voor latere partnerlinks (nog GEEN affiliatelinks, eerst afstemmen met Affiliate Manager) */
.aff-plek{display:inline-block;border:2px dashed var(--accent-zacht)!important;background:transparent!important;color:var(--accent-dark)!important;cursor:default;opacity:.85;box-shadow:none!important}
.aff-plek:hover{transform:none!important}
.aff-plek-tag{display:inline-block;font-size:.78rem;color:#6a6f78;border:1px dashed var(--accent-zacht);border-radius:6px;padding:0 .4em}
.g30-btn.off{background:var(--accent);color:#fff}
.ph{display:inline-block;background:#fff3d6;color:#7a4a00;border:1px solid #e8c77a;border-radius:6px;padding:0 .4em;font-size:.86em;font-weight:700}
.hero .hero-fc{position:absolute;right:10px;bottom:6px;margin:0;font-size:.7rem;color:#fff;opacity:.85;z-index:2}.hero .hero-fc a{color:#fff}
/* cookiebanner: compacte balk BOVENAAN in de normale flow (overschrijft netwerk-basis consent.css, dat na theme.css laadt; daarom 'html body'-specificiteit).
   consent-ruimte.js zet de banner als eerste element in <body> en schuift de vaste header eronder, dus de banner valt nooit over inhoud of knoppen. */
html body .oer-consent{position:relative;left:auto;right:auto;bottom:auto;padding:0;z-index:1040;pointer-events:auto}
html body .oer-consent-in{max-width:none;margin:0;border-radius:0;border-top:0;border-bottom:3px solid var(--accent);box-shadow:none;background:var(--accent-licht);padding:10px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 22px;font-size:.86rem;line-height:1.45}
html body .oer-consent-in p{margin:0}
html body .oer-consent-in p:not(.oer-consent-t){flex:1 1 520px;max-width:860px}
html body .oer-consent-t{font-size:.95rem;color:var(--accent-dark)}
html body .oer-consent-in a{color:var(--accent-dark)}
html body .oer-consent-b{flex:0 0 auto;gap:8px;flex-wrap:nowrap}
html body .oer-consent-b button{flex:0 0 auto;max-width:none;padding:7px 18px;font-size:.9rem;border-color:var(--accent-dark);background:var(--accent-dark)}
html body .oer-consent-b button:hover,html body .oer-consent-b button:focus-visible{background:var(--accent);border-color:var(--accent)}
@media(max-width:560px){html body .oer-consent-in{padding:8px 12px 10px;font-size:.78rem;line-height:1.4;gap:6px;justify-content:flex-start}html body .oer-consent-t{font-size:.86rem;flex-basis:100%}html body .oer-consent-in p:not(.oer-consent-t){flex-basis:100%}html body .oer-consent-b{flex:1 1 100%}html body .oer-consent-b button{flex:1 1 50%;padding:8px 10px}}
@media(max-width:860px){html.consent-open .nav{top:calc(76px + var(--hdr-top,0px));max-height:calc(100vh - 76px - var(--hdr-top,0px))}}