/*
 * Dijkman cookiebanner. The banner rules are the constructed stylesheet Cookiebot injected on
 * dijkman.nl (captured 2026-09-07, also in the theme as assets/css/cookiebanner.css), so the banner
 * looks exactly as before. The declaration table at the end is new.
 */
#cookiebanner { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); opacity: 1; padding: 2em 3em; z-index: 2147483645; max-width: 768px; box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 20px 0px; border-radius: 3px; overflow: auto; max-height: 100%; }
#cookiebanner p { line-height: 19px; font-size: 13px; }
#cookiebanner .c-header { font-size: 1.4em; font-weight: 600; margin-bottom: 0.5em; color: rgb(0, 19, 56); }
#cookieBannerLink { position: absolute; z-index: 2147483646; width: 48px; height: 36px; margin-left: 6px; margin-right: 0px; margin-top: 12px; }
#cookiebanner p.c-message { font-size: 0.8em; color: rgb(51, 51, 51); }
#cookiebanner a { color: rgb(0, 169, 224); }
#cookiebanner a:hover, a:visited, a:active { text-decoration: none; }
#cookiebanner a.c-button { background-color: rgb(54, 183, 200); padding: 0.4em 2em; border-bottom: 4px solid rgb(54, 183, 200); border-top-color: rgb(54, 183, 200); border-right-color: rgb(54, 183, 200); border-left-color: rgb(54, 183, 200); font-size: 1em; font-weight: 100; text-decoration: none; color: rgb(255, 255, 255); transition: 0.2s; vertical-align: -webkit-baseline-middle; }
.button-container { text-align: center; margin-top: 20px; }
#cookiebanner a.c-button, #cookiebanner a.s-button { border-width: 0px; outline: 0px; padding: 9px 30px 11px; cursor: pointer; font-weight: 700; font-family: Roboto, arial; word-break: normal; display: inline-block; }
#cookiebanner a.c-button { background-color: rgb(0, 19, 56); color: rgb(255, 255, 255); font-size: 14px; }
#cookiebanner a.s-button { color: rgb(0, 0, 0); vertical-align: -webkit-baseline-middle; padding-left: 0px; font-size: 14px; }
#cookiebanner .c-settings { overflow-wrap: break-word; display: none; }
#cookiebanner .c-content { margin-bottom: 1.5em; }
#cookiebanner .c-intro { color: rgb(151, 153, 155); margin: 0px; font-size: 0.8em; display: list-item; padding-left: 2.7em; list-style-type: none; }
#cookiebanner .c-option { position: relative; }
#cookiebanner .c-option:checked { display: inline; background-color: rgb(54, 183, 200); border: 1px solid rgb(54, 183, 200); }
#cookiebanner .c-label { display: block; margin: 5px 0px 0px; position: relative; padding-left: 2.7em; cursor: pointer; user-select: none; font-size: 0.8em; font-weight: 600; }
#cookiebanner .c-label input { position: absolute; opacity: 0; cursor: pointer; }
#cookiebanner .c-label .checkmark { position: absolute; top: 0px; left: 2px; height: 1.4em; width: 1.45em; border: 1px solid rgb(54, 183, 200); background-color: rgb(255, 255, 255); border-radius: 0.3em; }
#cookiebanner input:checked ~ .checkmark { background-color: rgb(255, 255, 255); border: 1px solid rgb(54, 183, 200); }
#cookiebanner input:checked[disabled] ~ .checkmark { background-color: rgb(255, 255, 255); border: 1px solid rgb(150, 150, 150); }
#cookiebanner input:focus ~ .checkmark { outline: rgb(59, 153, 252) auto 5px; }
#cookiebanner .disabled { cursor: default; }
#cookiebanner .c-label input:checked ~ .checkmark::after { display: block; }
#cookiebanner .c-label .checkmark::after { content: ""; position: absolute; display: none; left: 5px; top: 1px; width: 0.5em; height: 0.9em; border-style: solid; border-color: rgb(54, 183, 200); border-image: none; border-width: 0px 2.5px 2.5px 0px; transform: rotate(35deg); }
#cookiebanner .c-label input:checked[disabled] ~ .checkmark::after { left: 5px; top: 1px; width: 0.5em; height: 0.9em; border-style: solid; border-color: rgb(150, 150, 150); border-image: none; border-width: 0px 2.5px 2.5px 0px; transform: rotate(35deg); }
#cookies-content { padding: 0px 0px 0px 75px; }
@media screen and (max-width: 992px) {
  .button-container a { display: block; text-align: center; }
  #cookieBannerLink { display: none; }
  #cookies-content { padding-left: 0px !important; }
  #cookiebanner a.s-button { display: inline-block; padding-right: 0px; }
}
@media screen and (max-width: 720px) {
  #cookiebanner { width: 100%; }
  #cookiebanner .c-link { padding-left: 0.1em; display: inherit; }
  #cookiebanner p.c-message { margin-bottom: 20px; }
}
@media screen and (max-width: 480px) {
  #cookiebanner { padding: 1em 0.8em; }
  #cookiebanner .c-header { font-size: 0.8em; }
  #cookiebanner p.c-message { font-size: 0.7em; }
  #cookiebanner.settings-open .c-message { max-height: 60px; overflow: hidden; }
  #cookiebanner .c-content { height: 100%; }
  #cookiebanner .c-intro { max-height: 2px; overflow: hidden; }
  #cookiebanner .c-intro { padding-left: 0px; }
}
#pageOverlay { position: fixed; display: block; width: 100%; height: 100%; inset: 0px; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; cursor: pointer; }
#cookies-content { padding: 0px; }
.button-container { text-align: left; }
#cookiebanner #DeclineAll { padding: 9px 0px 11px; margin-right: 10px; }
#ShowSettings { display: none !important; }
#cookiebanner[hidden], #cookiebanner #settings-content { display: none; }
#cookiebanner .c-label.disabled { cursor: default; }
#cookiebanner:focus { outline: none; }
#cookiebanner a:focus-visible { outline: 2px solid rgb(0, 169, 224); outline-offset: 2px; }

/* cookie declaration on the cookie policy page */
.dzc-declaration { margin: 1.5em 0; }
.dzc-declaration .dzc-state { font-weight: 600; margin-bottom: 0.25em; }
.dzc-declaration .dzc-meta, .dzc-declaration .dzc-updated { font-size: 0.875em; color: #6b6f73; word-break: break-all; }
.dzc-declaration .dzc-links a { cursor: pointer; }
.dzc-type { margin-top: 2em; }
.dzc-type-header { margin-bottom: 0.25em; }
.dzc-table-wrap { overflow-x: auto; }
.dzc-table { width: 100%; border-collapse: collapse; font-size: 0.875em; margin-top: 0.75em; }
.dzc-table th, .dzc-table td { text-align: left; vertical-align: top; padding: 0.5em 0.75em 0.5em 0; border-bottom: 1px solid #e3e5e8; }
.dzc-table th { font-weight: 600; white-space: nowrap; }
.dzc-table td:first-child { word-break: break-all; min-width: 8em; }
@media screen and (max-width: 720px) {
  .dzc-table thead { display: none; }
  .dzc-table tr { display: block; padding: 0.75em 0; border-bottom: 1px solid #e3e5e8; }
  .dzc-table td { display: block; border: 0; padding: 0.15em 0; }
  .dzc-table td::before { content: attr(data-label) ": "; font-weight: 600; }
}