/* cookiebanner, past bij de noir-stijl van de site */
.cc{position:fixed;left:16px;right:16px;bottom:16px;z-index:999;max-width:760px;margin:0 auto;
  display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 24px;padding:20px 22px;
  background:rgba(23,21,19,.86);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);
  border:1px solid rgba(244,240,234,.14);border-radius:22px;color:#f4f0ea;
  font:400 14.5px/1.55 "Instrument Sans",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  box-shadow:0 24px 60px rgba(0,0,0,.45);
  opacity:0;transform:translateY(16px);pointer-events:none;visibility:hidden;transition:opacity .35s,transform .35s,visibility 0s .35s}
.cc.on{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .35s,transform .35s}
.cc-main{flex:1 1 320px;min-width:0}
.cc-title{margin:0 0 4px;font:400 19px/1.25 "Bodoni Moda","Didot","Bodoni 72",Georgia,serif}
.cc-text{margin:0;color:#cfc7bd}
.cc-text a{color:#f4f0ea}
.cc-opts{display:grid;gap:10px;margin-top:14px}
.cc-opts[hidden]{display:none}
.cc-opt{display:flex;gap:12px;align-items:flex-start;cursor:pointer;color:#cfc7bd}
.cc-opt input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:#c99372}
.cc-opt b{display:block;color:#f4f0ea;font-weight:500}
.cc-btns{display:flex;flex-wrap:wrap;gap:8px}
.cc-b{min-height:42px;padding:0 18px;border-radius:999px;font:500 14px/1 inherit;font-family:inherit;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.cc-ghost{background:transparent;color:#f4f0ea;border:1px solid rgba(244,240,234,.28)}
.cc-ghost:hover{border-color:#f4f0ea}
.cc-solid{background:#f4f0ea;color:#151311;border:1px solid #f4f0ea}
.cc-solid:hover{background:#fff}
.cc-b:focus-visible{outline:2px solid #c99372;outline-offset:3px}
@media (max-width:560px){.cc{left:10px;right:10px;bottom:10px;padding:18px}.cc-btns{width:100%}.cc-b{flex:1 1 auto}}
@media (prefers-reduced-motion:reduce){.cc{transition:none}}