/* degero-site.css — one shared stylesheet; nav lock is last. */
/* --- chrome --- */
/* Locked Degero header/footer chrome. Load last. Cache-bust via ?v= query. */
:root {
  --sb-navbar-height: 64px;
}

html {
  scroll-padding-top: var(--sb-navbar-height, 64px);
}

html {
  overflow-x: clip;
  overflow-y: visible;
  max-width: 100%;
}

html body {
  overflow-x: clip;
  overflow-y: visible;
  max-width: 100%;
}

html body nav.sb-navbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 10000 !important;
  box-sizing: border-box !important;
  min-height: 60px !important;
  height: auto !important;
  max-height: none !important;
  padding-block: 8px !important;
  padding-inline: 0 !important;
}

html body nav.sb-navbar .sb-navbar__inner {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  box-sizing: border-box !important;
  min-height: 44px !important;
  height: auto !important;
  max-height: none !important;
  gap: 8px !important;
  padding-block: 0 !important;
}

html body nav.sb-navbar a.sb-navbar__brand {
  display: inline-flex !important;
  align-items: center !important;
  width: 140px !important;
  min-width: 0 !important;
  max-width: 140px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  text-indent: 0 !important;
  font-size: inherit !important;
  color: inherit !important;
  background: none !important;
  background-image: none !important;
}

html body nav.sb-navbar a.sb-navbar__brand img,
html body nav.sb-navbar a.sb-navbar__brand img[src*="degero-logo-green-20260524"] {
  display: block !important;
  visibility: visible !important;
  width: 140px !important;
  max-width: 140px !important;
  height: 44px !important;
  min-height: 0 !important;
  max-height: 44px !important;
}

html body nav.sb-navbar .sb-navbar__toggle {
  display: none !important;
  box-sizing: border-box !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 8px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 5px !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body nav.sb-navbar .sb-navbar__toggle::before,
html body nav.sb-navbar .sb-navbar__toggle::after {
  content: none !important;
  display: none !important;
}

html body nav.sb-navbar .sb-navbar__toggle span {
  display: block !important;
  box-sizing: border-box !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 2px !important;
  min-height: 2px !important;
  max-height: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 1px !important;
  background: #0a2540 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html body nav.sb-navbar .sb-navbar__menu {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

html body nav.sb-navbar ul.sb-navbar__menu > li > a[href="/"]:not(.sb-navbar__brand):not(.sb-navbar__tel) {
  display: inline-flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html body nav.sb-navbar .sb-navbar__menu > li {
  margin: 0 !important;
}

html body nav.sb-navbar .sb-navbar__menu > li > a,
html body nav.sb-navbar .sb-navbar__dropdown-btn,
html body nav.sb-navbar a.sb-navbar__tel {
  display: inline-flex !important;
  box-sizing: border-box !important;
  align-items: center !important;
  min-height: 44px !important;
  padding: 8px 12px !important;
  color: #0a2540 !important;
}

html body nav.sb-navbar a.sb-navbar__tel {
  margin-inline-start: 4px !important;
  gap: 8px !important;
  padding: 8px 12px !important;
}

html body nav.sb-navbar .sb-navbar__submenu a {
  min-height: 44px !important;
  padding: 8px 12px !important;
}

html body .sb-footer {
  background: #061a2b !important;
  color: #e8eef2 !important;
}

html body .sb-footer .sb-footer__grid {
  display: grid !important;
  grid-template-columns: minmax(240px, 1.35fr) repeat(3, minmax(140px, 1fr)) !important;
  gap: 36px 28px !important;
  align-items: start !important;
}

html body .sb-footer .sb-footer__col {
  min-width: 0 !important;
}

html body .sb-footer .sb-footer__grid > .sb-footer__col:first-child {
  grid-column: auto !important;
}

html body .sb-footer a.sb-footer__brand {
  display: inline-flex !important;
  align-items: center !important;
  width: 190px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-bottom: 18px !important;
  overflow: visible !important;
  text-indent: 0 !important;
  font-size: inherit !important;
  color: inherit !important;
  background: none !important;
  background-image: none !important;
}

html body .sb-footer a.sb-footer__brand img {
  display: block !important;
  visibility: visible !important;
  width: 190px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

html body .sb-footer .sb-footer__heading {
  margin: 0 0 15px !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body .sb-footer .sb-footer__tag,
html body .sb-footer .sb-footer__copyright {
  color: #c5d4dc !important;
}

html body .sb-footer .sb-footer__contact,
html body .sb-footer .sb-footer__contact a {
  color: #ffffff !important;
}

html body .sb-footer .sb-footer__col li a,
html body .sb-footer .dg-footer-app__text span {
  color: #c5d4dc !important;
}

html body .sb-footer a:hover,
html body .sb-footer .sb-footer__col li a:hover,
html body .sb-footer .sb-footer__contact a:hover {
  color: #b7f0cc !important;
}

html body .sb-footer .sb-footer__col li a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
}

html body main h1,
html body .sb-main h1,
html body h1 {
  scroll-margin-top: calc(var(--sb-navbar-height, 64px) + 12px);
}

html body {
  padding-top: 64px !important;
}

html body #main-content,
html body main,
html body .sb-main,
html body.page-category-kennisbank .sb-main {
  padding-top: 0 !important;
}

html body nav.sb-navbar + .sb-hero,
html body nav.sb-navbar + .dg-home-hero,
html body nav.sb-navbar + .dg-booking-hero {
  padding-top: 0 !important;
}

@media (max-width: 1120px) {
  html body nav.sb-navbar .sb-navbar__inner {
    gap: 8px !important;
  }

  html body nav.sb-navbar .sb-navbar__menu {
    gap: 8px !important;
  }

  html body nav.sb-navbar .sb-navbar__menu > li > a,
  html body nav.sb-navbar .sb-navbar__dropdown-btn {
    padding: 8px 10px !important;
  }
}

@media (max-width: 900px) {
  :root {
    --sb-navbar-height: 64px;
  }

  html body nav.sb-navbar {
    min-height: 60px !important;
    padding-block: 8px !important;
  }

  html body nav.sb-navbar .sb-navbar__inner {
    min-height: 44px !important;
    padding-block: 0 !important;
  }

  html:has(nav.sb-navbar.is-open),
  html:has(nav.sb-navbar .sb-navbar__menu--open) {
    overflow: hidden !important;
  }

  html:has(nav.sb-navbar.is-open)::before,
  html:has(nav.sb-navbar .sb-navbar__menu--open)::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: rgba(6, 26, 43, 0.32);
  }

  html body nav.sb-navbar {
    overflow: visible !important;
    padding-block: 8px !important;
  }

  html body nav.sb-navbar .sb-navbar__inner {
    position: static !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
  }

  html body nav.sb-navbar a.sb-navbar__brand,
  html body nav.sb-navbar a.sb-navbar__brand img {
    width: 120px !important;
    max-width: 120px !important;
    max-height: 44px !important;
  }

  html body nav.sb-navbar .sb-navbar__toggle {
    display: inline-flex !important;
    justify-self: end !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 8px !important;
    gap: 5px !important;
  }

  html body nav.sb-navbar .sb-navbar__toggle span {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    margin: 0 !important;
    background: #0a2540 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html body nav.sb-navbar.is-open .sb-navbar__toggle span:nth-child(1),
  html body nav.sb-navbar .sb-navbar__toggle.sb-navbar__toggle--open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
  }

  html body nav.sb-navbar.is-open .sb-navbar__toggle span:nth-child(2),
  html body nav.sb-navbar .sb-navbar__toggle.sb-navbar__toggle--open span:nth-child(2) {
    opacity: 0 !important;
  }

  html body nav.sb-navbar.is-open .sb-navbar__toggle span:nth-child(3),
  html body nav.sb-navbar .sb-navbar__toggle.sb-navbar__toggle--open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }

  html body nav.sb-navbar .sb-navbar__menu,
  html body nav.sb-navbar ul.sb-navbar__menu {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    inset-inline: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    flex-wrap: nowrap !important;
  }

  html body nav.sb-navbar .sb-navbar__menu.sb-navbar__menu--open,
  html body nav.sb-navbar.is-open .sb-navbar__menu,
  html body nav.sb-navbar ul.sb-navbar__menu.sb-navbar__menu--open,
  html body nav.sb-navbar.is-open ul.sb-navbar__menu {
    display: grid !important;
    visibility: visible !important;
    pointer-events: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: min-content !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
    align-items: stretch !important;
    gap: 2px !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    inset-inline: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: calc(100vh - var(--sb-navbar-height, 64px)) !important;
    padding: 12px 16px 16px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 0 !important;
    border-top: 1px solid #dbe4df !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: 0 18px 36px rgba(10, 37, 64, 0.16) !important;
    text-align: left !important;
    z-index: 10010 !important;
  }

  html body nav.sb-navbar .sb-navbar__menu > li,
  html body nav.sb-navbar .sb-navbar__menu.sb-navbar__menu--open > li,
  html body nav.sb-navbar.is-open .sb-navbar__menu > li {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    justify-self: stretch !important;
  }

  html body nav.sb-navbar .sb-navbar__menu > li > a,
  html body nav.sb-navbar .sb-navbar__dropdown-btn,
  html body nav.sb-navbar a.sb-navbar__tel,
  html body nav.sb-navbar ul.sb-navbar__menu > li > a[href="/"]:not(.sb-navbar__brand):not(.sb-navbar__tel) {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
    margin-inline-start: 0 !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding: 11px 12px !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  html body nav.sb-navbar .sb-navbar__has-submenu:hover > .sb-navbar__submenu,
  html body nav.sb-navbar .sb-navbar__has-submenu:focus-within > .sb-navbar__submenu {
    display: none !important;
  }

  html body nav.sb-navbar .sb-navbar__submenu {
    position: static !important;
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 2px 0 8px 12px !important;
    padding: 2px 0 2px 10px !important;
    border: 0 !important;
    border-left: 2px solid #eefbf2 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body nav.sb-navbar .sb-navbar__has-submenu.sb-submenu--open > .sb-navbar__submenu,
  html body nav.sb-navbar .sb-navbar__has-submenu.is-open > .sb-navbar__submenu,
  html body nav.sb-navbar .sb-navbar__dropdown-btn[aria-expanded="true"] + .sb-navbar__submenu {
    display: grid !important;
  }
}

@media (max-width: 959px) {
  html body .sb-footer .sb-footer__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 32px 24px !important;
  }
}

@media (max-width: 639px) {
  :root {
    --sb-navbar-height: 64px;
  }

  html body nav.sb-navbar {
    min-height: 60px !important;
    padding-block: 8px !important;
  }

  html body nav.sb-navbar .sb-navbar__inner {
    min-height: 44px !important;
    padding-block: 0 !important;
  }

  html body .sb-footer .sb-footer__grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
  }

  html body .sb-footer .sb-footer__col li a {
    min-height: 44px !important;
  }
}

@media (max-width: 374px) {
  html body nav.sb-navbar a.sb-navbar__brand,
  html body nav.sb-navbar a.sb-navbar__brand img {
    width: 120px !important;
    max-width: 120px !important;
  }
}

/* Contrast, tap targets, overflow, chat vs CTA, related KEEP links. */
html body {
  color: #17212b;
  background: #ffffff;
}

html body img,
html body svg,
html body video,
html body iframe {
  max-width: 100%;
  height: auto;
}

html body .sb-hero__subtitle,
html body .sb-section__intro,
html body .sb-section__sub,
html body .sb-card p,
html body .dg-home-hero__lead {
  color: #243140 !important;
}

html body .sb-btn--primary,
html body a.sb-btn--primary,
html body button.sb-btn--primary,
html body .dg-button--primary,
html body a.dg-button--primary,
html body button.dg-button--primary {
  color: #ffffff !important;
  background: #147a40 !important;
  border-color: #147a40 !important;
}

html body .sb-btn--ghost,
html body a.sb-btn--ghost,
html body button.sb-btn--ghost,
html body .dg-button--secondary,
html body a.dg-button--secondary {
  color: #0a2540 !important;
  background: #ffffff !important;
  border: 1px solid #0a2540 !important;
}

html body .sb-btn,
html body a.sb-btn,
html body button.sb-btn,
html body .dg-button,
html body a.dg-button,
html body button.dg-button,
html body .dg-booking-button {
  min-height: 44px !important;
}

html body .dg-booking-hero h1,
html body .dg-booking-hero__lead,
html body .dg-booking-hero__facts li {
  color: #f4f7fa !important;
}

html body .dg-booking-hero .dg-booking-kicker {
  color: #ffffff !important;
}

html body .dg-booking-button:not(.dg-booking-button--quiet),
html body a.dg-booking-button:not(.dg-booking-button--quiet),
html body button.dg-booking-button:not(.dg-booking-button--quiet) {
  color: #ffffff !important;
  background: #147a40 !important;
  border-color: #147a40 !important;
}

html body .dg-keep-links {
  box-sizing: border-box;
  width: min(100% - 32px, 1200px);
  margin: 28px auto 48px;
  padding: 18px 20px;
  border: 1px solid #dbe4df;
  border-radius: 8px;
  color: #17212b;
  background: #f7fbf8;
}

html body .dg-keep-links a {
  color: #0a2540 !important;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

html body .dg-kb-hub .sb-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

html body .dg-kb-hub .sb-card {
  min-width: 0;
  padding: 18px 18px 16px;
}

html body .dg-kb-hub .sb-card h3 {
  margin: 0 0 8px;
  color: #0a2540;
}

html body .dg-kb-hub .sb-card a {
  color: #0a2540 !important;
  font-weight: 750;
  text-decoration: none;
}

html body .dg-kb-hub .sb-card p {
  margin: 0;
  color: #243140 !important;
}

@media (max-width: 900px) {
  html body .sb-chat-widget {
    right: 12px !important;
    bottom: 96px !important;
  }

  html body .sb-hero__actions,
  html body .dg-home-actions,
  html body .dg-booking-actions {
    position: relative;
    z-index: 2;
    padding-bottom: 8px;
  }

  html body .dg-kb-hub .sb-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* 20260829-burger: last-file lock. Neutralize fixes-v2 / gacs-shell / home-v3 / page CSS. */
:root {
  --sb-navbar-height: 64px !important;
}

html body nav.sb-navbar[data-sb-section="navbar"],
html body nav.sb-navbar.sb-navbar {
  box-sizing: border-box !important;
  display: block !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 10000 !important;
  min-height: 60px !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  padding-block: 8px !important;
  padding-inline: 0 !important;
  overflow: visible !important;
  flex-wrap: nowrap !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(10, 37, 64, 0.1) !important;
}

html body nav.sb-navbar[data-sb-section="navbar"] .sb-navbar__inner,
html body nav.sb-navbar .sb-container.sb-navbar__inner,
html body nav.sb-navbar > .sb-navbar__inner {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 44px !important;
  height: 44px !important;
  max-height: 44px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  padding-block: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

html body nav.sb-navbar[data-sb-section="navbar"] a.sb-navbar__brand,
html body nav.sb-navbar a.sb-navbar__brand {
  display: inline-flex !important;
  align-items: center !important;
  width: 140px !important;
  min-width: 0 !important;
  max-width: 140px !important;
  height: 44px !important;
  min-height: 0 !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  background: none !important;
  background-image: none !important;
}

html body nav.sb-navbar[data-sb-section="navbar"] a.sb-navbar__brand img,
html body nav.sb-navbar a.sb-navbar__brand img,
html body nav.sb-navbar a.sb-navbar__brand img[src*="degero-logo-green-20260524"] {
  display: block !important;
  width: 140px !important;
  max-width: 140px !important;
  height: 44px !important;
  min-height: 0 !important;
  max-height: 44px !important;
}

html body nav.sb-navbar[data-sb-section="navbar"] .sb-navbar__toggle,
html body nav.sb-navbar .sb-navbar__toggle {
  display: none !important;
  box-sizing: border-box !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 8px !important;
  border: 0 !important;
  background: transparent !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 5px !important;
}

html body nav.sb-navbar[data-sb-section="navbar"] .sb-navbar__toggle span,
html body nav.sb-navbar .sb-navbar__toggle span {
  display: block !important;
  width: 22px !important;
  height: 2px !important;
  min-height: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #0a2540 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

@media (max-width: 900px) {
  :root {
    --sb-navbar-height: 64px !important;
  }

  html body nav.sb-navbar[data-sb-section="navbar"],
  html body nav.sb-navbar.sb-navbar {
    min-height: 60px !important;
    height: auto !important;
    max-height: none !important;
    padding: 8px 0 !important;
    padding-block: 8px !important;
    overflow: visible !important;
  }

  html body nav.sb-navbar[data-sb-section="navbar"] .sb-navbar__inner,
  html body nav.sb-navbar .sb-container.sb-navbar__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    min-height: 44px !important;
    height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    padding-block: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    flex-wrap: nowrap !important;
  }

  html body nav.sb-navbar[data-sb-section="navbar"] a.sb-navbar__brand,
  html body nav.sb-navbar a.sb-navbar__brand,
  html body nav.sb-navbar[data-sb-section="navbar"] a.sb-navbar__brand img,
  html body nav.sb-navbar a.sb-navbar__brand img,
  html body nav.sb-navbar a.sb-navbar__brand img[src*="degero-logo-green-20260524"] {
    width: 120px !important;
    max-width: 120px !important;
    height: 44px !important;
    max-height: 44px !important;
  }

  html body nav.sb-navbar[data-sb-section="navbar"] .sb-navbar__toggle,
  html body nav.sb-navbar .sb-navbar__toggle {
    display: inline-flex !important;
    justify-self: end !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 8px !important;
    gap: 5px !important;
  }

  html body nav.sb-navbar[data-sb-section="navbar"] .sb-navbar__toggle span,
  html body nav.sb-navbar .sb-navbar__toggle span {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    margin: 0 !important;
    background: #0a2540 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html body nav.sb-navbar.is-open .sb-navbar__toggle span:nth-child(1),
  html body nav.sb-navbar .sb-navbar__toggle.sb-navbar__toggle--open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
  }

  html body nav.sb-navbar.is-open .sb-navbar__toggle span:nth-child(2),
  html body nav.sb-navbar .sb-navbar__toggle.sb-navbar__toggle--open span:nth-child(2) {
    opacity: 0 !important;
  }

  html body nav.sb-navbar.is-open .sb-navbar__toggle span:nth-child(3),
  html body nav.sb-navbar .sb-navbar__toggle.sb-navbar__toggle--open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }

  html body nav.sb-navbar ul.sb-navbar__menu,
  html body nav.sb-navbar .sb-navbar__menu {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body nav.sb-navbar ul.sb-navbar__menu.sb-navbar__menu--open,
  html body nav.sb-navbar.is-open ul.sb-navbar__menu,
  html body nav.sb-navbar .sb-navbar__menu.sb-navbar__menu--open,
  html body nav.sb-navbar.is-open .sb-navbar__menu {
    display: grid !important;
    visibility: visible !important;
    pointer-events: auto !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    inset-inline: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: calc(100vh - var(--sb-navbar-height, 64px)) !important;
    margin: 0 !important;
    padding: 12px 16px 16px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
    align-items: stretch !important;
    gap: 2px !important;
    text-align: left !important;
    background: #ffffff !important;
    border-top: 1px solid #dbe4df !important;
    box-shadow: 0 18px 36px rgba(10, 37, 64, 0.16) !important;
    z-index: 10010 !important;
  }
}

/* 20260829-sticky: STICKY IS DEAD when html/body overflow-x:hidden + overflow-y:auto
   (nav.rect.top ≈ -800 after scroll). Use position:fixed. Spacer = 64px (real bar),
   never 4.5rem / 136px stacked padding. overflow-x:clip, overflow-y:visible on html
   so the viewport scrolls. Hamburger lock-scroll stays below. */
html {
  overflow-x: clip !important;
  overflow-y: visible !important;
  max-width: 100% !important;
  scroll-padding-top: var(--sb-navbar-height, 64px) !important;
}

html body {
  overflow-x: clip !important;
  overflow-y: visible !important;
  max-width: 100% !important;
  padding-top: 64px !important;
}

html body #main-content,
html body main,
html body .sb-main,
html body.page-category-kennisbank .sb-main {
  padding-top: 0 !important;
}

html body.page-category-kennisbank .sb-hero[data-sb-section="hero"],
html body.page-category-kennisbank main > section.sb-hero:first-of-type,
html body nav.sb-navbar + .sb-hero,
html body nav.sb-navbar + .dg-home-hero,
html body nav.sb-navbar + .dg-booking-hero {
  padding-top: 0 !important;
}

html body nav.sb-navbar,
html body nav.sb-navbar[data-sb-section="navbar"],
html body nav.sb-navbar.sb-navbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 10000 !important;
  min-height: 60px !important;
  height: auto !important;
  max-height: none !important;
  background: #ffffff !important;
}

@media (max-width: 900px) {
  html body nav.sb-navbar,
  html body nav.sb-navbar[data-sb-section="navbar"],
  html body nav.sb-navbar.sb-navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 10000 !important;
    min-height: 60px !important;
  }

  html:has(nav.sb-navbar.is-open),
  html:has(nav.sb-navbar .sb-navbar__menu--open) {
    overflow: hidden !important;
  }
}

/* 20260829-header-gutter: logo and hamburger share the page-shell inset.
   Keep position:fixed 60px bar. Pad the inner, not the nav, so the
   mobile menu stays full-width under the bar. Inner max-width tracks
   --dg-shell so the logo lines up with the content column. */
:root {
  --dg-gutter: 24px;
  --dg-shell: 1200px;
}

html body nav.sb-navbar,
html body nav.sb-navbar[data-sb-section="navbar"],
html body nav.sb-navbar.sb-navbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  min-height: 60px !important;
  padding-inline: 0 !important;
}

html body nav.sb-navbar[data-sb-section="navbar"] .sb-navbar__inner,
html body nav.sb-navbar .sb-container.sb-navbar__inner,
html body nav.sb-navbar > .sb-navbar__inner,
html body nav.sb-navbar .sb-navbar__inner {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: min(100%, calc(var(--dg-shell, 1200px) + (2 * var(--dg-gutter, 24px)))) !important;
  margin-inline: auto !important;
  padding-inline: var(--dg-gutter, 24px) !important;
}

@media (max-width: 900px) {
  :root {
    --dg-gutter: 20px;
  }

  html body nav.sb-navbar[data-sb-section="navbar"] .sb-navbar__inner,
  html body nav.sb-navbar .sb-container.sb-navbar__inner,
  html body nav.sb-navbar > .sb-navbar__inner,
  html body nav.sb-navbar .sb-navbar__inner {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: 20px !important;
  }

  html body nav.sb-navbar[data-sb-section="navbar"] .sb-navbar__toggle,
  html body nav.sb-navbar .sb-navbar__toggle {
    display: inline-flex !important;
    justify-self: end !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }

  html body nav.sb-navbar ul.sb-navbar__menu.sb-navbar__menu--open,
  html body nav.sb-navbar.is-open ul.sb-navbar__menu,
  html body nav.sb-navbar .sb-navbar__menu.sb-navbar__menu--open,
  html body nav.sb-navbar.is-open .sb-navbar__menu {
    left: 0 !important;
    right: 0 !important;
    inset-inline: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }
}

/* --- cards --- */
/* Degero card/grid spacing. Load last. Cache-bust: ?v=20260829-cards
   Do not touch navbar/header (60px bar, hamburger stays in chrome.css). */

/* 1) /gacs-drempel-check — restore full-width live/verdict inside the shell */
#drempel-check.sb-container,
#drempel-check {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: var(--sb-container, 1200px) !important;
}

#drempel-check .dg-check-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-rows: auto !important;
  gap: 1.25rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

#drempel-check .dg-check-shell > * {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  inset: auto !important;
  transform: none !important;
}

#drempel-check .dg-check-form,
#drempel-check .dg-check-live,
#drempel-check .dg-check-verdict {
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
}

#drempel-check .dg-check-live[hidden],
#drempel-check .dg-check-verdict[hidden] {
  display: none !important;
}

#drempel-check .dg-check-live:not([hidden]) {
  display: grid !important;
  gap: 1rem !important;
}

#drempel-check .dg-check-verdict:not([hidden]) {
  display: block !important;
}

/* 2) /kennisbank cluster cards */
html body.page-category-kennisbank main .dg-kb-cluster-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

html body.page-category-kennisbank main .dg-kb-cluster-card,
html body.page-category-kennisbank main article.dg-kb-cluster-card,
html body.page-category-kennisbank main [class*="kb-cluster-card"] {
  box-sizing: border-box !important;
  padding: 20px !important;
  min-width: 0 !important;
  height: 100% !important;
}

html body.page-category-kennisbank main .dg-kb-cluster-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

@media (max-width: 960px) {
  html body.page-category-kennisbank main .dg-kb-cluster-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  html body.page-category-kennisbank main .dg-kb-cluster-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* 3) /referenties — CTA row always occupies the same slot */
html body .dg-reference-card__body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

html body .dg-reference-card__link {
  display: inline-flex !important;
  align-items: center !important;
  margin-top: auto !important;
  min-height: 44px !important;
  font-weight: 750 !important;
  color: #0a2540 !important;
  text-decoration: none !important;
}

html body .dg-reference-card__link:hover,
html body .dg-reference-card__link:focus-visible {
  color: #065f46 !important;
  text-decoration: underline !important;
}

/* 4) /gacs-scan-app stats — tiles not flush */
html body.page-gacs-scan-app .dg-stats,
body.page-gacs-scan-app .dg-stats {
  gap: 16px !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

html body.page-gacs-scan-app .dg-stat,
body.page-gacs-scan-app .dg-stat {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 16px !important;
  background: var(--dg-ink, #082640) !important;
}

html body.page-gacs-scan-app .dg-stat:first-child,
html body.page-gacs-scan-app .dg-stat:nth-child(n),
body.page-gacs-scan-app .dg-stat:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
}

@media (max-width: 920px) {
  html body.page-gacs-scan-app .dg-stats,
  body.page-gacs-scan-app .dg-stats {
    gap: 16px !important;
  }
}

/* 5) Global card/SEO-link grids: ≥16px */
html body main .dg-seo-links,
html body .dg-seo-links,
html body main .dg-internal-links__grid,
html body .dg-internal-links__grid,
html body.page-category-pakketten main .sb-grid,
html body.page-gacs-scan-app .dg-flow,
body.page-gacs-scan-app .dg-flow,
html body.page-gacs-scan-app .dg-grid,
body.page-gacs-scan-app .dg-grid {
  gap: 16px !important;
}

/* 6) /diensten desktop: 4 service cards → 2×2, not 3+1 */
html body.page-category-diensten main .sb-grid.sb-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

@media (max-width: 767px) {
  html body.page-category-diensten main .sb-grid.sb-grid--2 {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* 7) Contrast: ghost / projectintake on navy → white or outline.
      EEAT mint labels → darker / white on navy. */
html body main .sb-section--dark .sb-btn--ghost,
html body main .sb-cta .sb-btn--ghost,
html body main [class*="--navy"] .sb-btn--ghost,
html body main [class*="--inverse"] .sb-btn--ghost,
html body.page-home .dg-home-process .dg-button--secondary,
html body.page-home .dg-home-final .dg-button--secondary,
html body.page-home .dg-home-platform .dg-button--secondary,
html body.page-category-kennisbank main .sb-section--dark .sb-btn--ghost,
html body.page-category-kennisbank main .dg-kb-cluster-card--cta .dg-kb-cluster-links a {
  color: #ffffff !important;
  background: transparent !important;
  border: 1.5px solid #ffffff !important;
}

html body.page-category-kennisbank main .dg-kb-cluster-card--cta > span {
  color: #ffffff !important;
  background: #147a40 !important;
}

html body main .dg-eeat-strip strong,
html body .dg-eeat-strip strong {
  color: #064e3b !important;
}

html body.page-category-kennisbank main .dg-eeat-strip strong,
html body main .dg-eeat-strip[style*="082640"] strong,
html body main section.dg-eeat-strip strong {
  color: #064e3b !important;
}

html body.page-category-kennisbank .dg-eeat-strip strong,
html body.page-category-kennisbank main .dg-eeat-strip strong,
html body.page-category-kennisbank.page-category-kennisbank main#main-content .dg-eeat-strip strong {
  color: #ffffff !important;
}

html body.page-home .dg-home-process .dg-kicker,
html body.page-home .dg-home-final .dg-kicker {
  color: #ffffff !important;
}

/* NICE: /contact mobile form fields ≥12px */
@media (max-width: 680px) {
  html body.page-category-contact main .sb-form,
  html body.page-category-contact main .sb-form__row,
  html body #projectintake .dg-intake__grid,
  html body #projectintake .dg-intake-field,
  html body .sb-contact .sb-form,
  html body .sb-contact .sb-form__row {
    gap: 12px !important;
    row-gap: 12px !important;
  }

  html body.page-category-contact main .sb-form__group,
  html body .sb-contact .sb-form__group {
    margin-bottom: 12px !important;
  }
}

/* NICE: /case-bovenij stacked boxes ≥16px */
@media (max-width: 640px) {
  html body .case-facts .sb-container,
  .case-facts .sb-container {
    gap: 16px !important;
    background: transparent !important;
  }
}

/* --- unified --- */
/* Degero shared chrome: loaded after legacy page CSS. */
:root { --sb-navbar-height: 60px; --dg-navy: #0a2540; --dg-green: #16b970; }
html { scroll-padding-top: var(--sb-navbar-height); }
html body { padding-top: var(--sb-navbar-height) !important; }














html body .sb-footer { margin-top: 0 !important; padding: 72px 0 24px !important; background: #071f34 !important; }
html body .sb-footer .sb-container { width: min(100% - 56px, 1320px) !important; margin: 0 auto !important; }
html body .sb-footer .sb-footer__grid { grid-template-columns: minmax(300px,1.6fr) repeat(2,minmax(160px,1fr)) !important; gap: 42px 64px !important; }
html body .sb-footer a.sb-footer__brand, html body .sb-footer a.sb-footer__brand img { width: 178px !important; }
html body .sb-footer .sb-footer__tag { max-width: 390px !important; margin: 18px 0 13px !important; color: #c5d4dc !important; font-size: 14px !important; line-height: 1.65 !important; }
html body .sb-footer .sb-footer__contact { margin: 0 !important; font-weight: 700 !important; }
html body .sb-footer .sb-footer__heading { margin-bottom: 13px !important; font-size: 14px !important; color: #fff !important; }
html body .sb-footer .sb-footer__col li { margin: 0 !important; }
html body .sb-footer .sb-footer__col li a { min-height: 35px !important; color: #c5d4dc !important; font-size: 14px !important; transition: color .18s ease !important; }
html body .sb-footer .sb-footer__col li a:hover { color: #81e0ae !important; }
html body .sb-footer .sb-footer__bottom { margin-top: 48px !important; padding-top: 18px !important; border-top: 1px solid rgba(255,255,255,.14) !important; }
html body .sb-footer .sb-footer__copyright { font-size: 12px !important; }
@media (max-width: 900px) { :root { --sb-navbar-height: 60px; }        html body .sb-footer { padding: 56px 0 22px !important; } html body .sb-footer .sb-container { width: min(100% - 40px, 1320px) !important; } html body .sb-footer .sb-footer__grid { grid-template-columns: 1fr 1fr !important; gap: 36px 28px !important; } html body .sb-footer .sb-footer__grid > .sb-footer__col:first-child { grid-column: 1/-1 !important; } }

@media (max-width: 580px) {  html body .sb-footer .sb-container { width: calc(100% - 40px) !important; } html body .sb-footer .sb-footer__grid { grid-template-columns: 1fr !important; gap: 30px !important; } html body .sb-footer .sb-footer__grid > .sb-footer__col:first-child { grid-column: auto !important; } }

html body .sb-footer .sb-footer__grid { grid-template-columns: minmax(290px,1.45fr) repeat(3,minmax(140px,1fr)) !important; gap: 42px 46px !important; }
html body .dg-footer-app { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin-top: 22px !important; }
html body .dg-footer-app__link { display: inline-flex !important; align-items: center !important; gap: 9px !important; min-height: 48px !important; padding: 8px 12px !important; border: 1px solid rgba(255,255,255,.2) !important; border-radius: 6px !important; color: #fff !important; transition: border-color .18s ease, background .18s ease !important; }
html body .dg-footer-app__link:hover { color: #fff !important; border-color: #75da9e !important; background: rgba(255,255,255,.07) !important; }
html body .dg-footer-app__link img { width: 20px !important; height: 20px !important; }
html body .dg-footer-app__text { display: grid !important; gap: 1px !important; line-height: 1.05 !important; }
html body .dg-footer-app__text strong { color: #fff !important; font-size: 12px !important; }
html body .dg-footer-app__text span { color: #bcd0d7 !important; font-size: 10px !important; }
@media (max-width: 959px) { html body .sb-footer .sb-footer__grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; gap: 36px 28px !important; } html body .sb-footer .sb-footer__grid > .sb-footer__col:first-child { grid-column: 1/-1 !important; } }


/* Appointment page: an earlier global rule made light-on-light hero copy.
   Keep this conversion page deliberately calm, but with unambiguous contrast. */
html body.page-afspraak main.dg-booking-main .dg-booking-hero {
  height: 560px !important;
  min-height: 560px !important;
  max-height: 560px !important;
  overflow: hidden !important;
  padding: 88px 0 40px !important;
  color: #f7fbf9 !important;
  background: linear-gradient(118deg, #082e4b 0%, #0a2540 56%, #0b4738 100%) !important;
}
html body.page-afspraak main.dg-booking-main .dg-booking-hero__inner {
  width: min(1180px, calc(100% - 56px)) !important;
  align-items: center !important;
  gap: clamp(36px, 7vw, 88px) !important;
}
html body.page-afspraak main.dg-booking-main .dg-booking-hero__inner > div,
html body.page-afspraak main.dg-booking-main .dg-booking-hero .dg-booking-kicker {
  background: transparent !important;
  background-color: transparent !important;
}
html body.page-afspraak main.dg-booking-main .dg-booking-hero h1 {
  max-width: 760px !important;
  margin: 12px 0 20px !important;
  color: #ffffff !important;
  letter-spacing: -.025em !important;
}
html body.page-afspraak main.dg-booking-main .dg-booking-hero__lead,
html body.page-afspraak main.dg-booking-main .dg-booking-hero__facts li {
  color: #dbe9ee !important;
}
html body.page-afspraak main.dg-booking-main .dg-booking-hero__lead {
  max-width: 690px !important;
  font-size: clamp(1.06rem, 1.5vw, 1.2rem) !important;
  line-height: 1.72 !important;
}
html body.page-afspraak main.dg-booking-main .dg-booking-hero__lead a {
  color: #9be3b8 !important;
  -webkit-text-fill-color: #9be3b8 !important;
  font-weight: 750 !important;
  text-decoration-color: rgba(155, 227, 184, .72) !important;
}
html body.page-afspraak main.dg-booking-main .dg-booking-hero .dg-booking-kicker {
  color: #9be3b8 !important;
}
html body.page-afspraak main.dg-booking-main .dg-booking-hero__facts {
  padding: 12px 0 12px 24px !important;
  border-left: 3px solid #58ce87 !important;
}
html body.page-afspraak main.dg-booking-main .dg-booking-hero__facts li {
  padding: 13px 0 !important;
  border-bottom-color: rgba(220, 242, 232, .2) !important;
  line-height: 1.5 !important;
}
html body.page-afspraak main.dg-booking-main .dg-booking-hero__facts strong {
  color: #ffffff !important;
  margin-bottom: 4px !important;
}
@media (max-width: 620px) {
  html body.page-afspraak main.dg-booking-main .dg-booking-hero { padding: 52px 0 48px !important; }
  html body.page-afspraak main.dg-booking-main .dg-booking-hero__inner { width: calc(100% - 32px) !important; gap: 32px !important; }
  html body.page-afspraak main.dg-booking-main .dg-booking-hero h1 { margin: 10px 0 16px !important; }
  html body.page-afspraak main.dg-booking-main .dg-booking-hero__facts { padding-left: 18px !important; }
}


/* One visual hero system for every primary route. Content stays route-specific;
   height, image treatment, contrast and spacing do not. */
html body .dg-uniform-hero {
  position: relative !important;
  height: 560px !important;
  min-height: 560px !important;
  max-height: 560px !important;
  display: grid !important;
  align-items: center !important;
  overflow: hidden !important;
  padding: 88px 0 40px !important;
  color: #ffffff !important;
  background-color: #092d49 !important;
  background-image: linear-gradient(100deg, rgba(5, 28, 49, .96) 0%, rgba(7, 44, 66, .88) 47%, rgba(7, 55, 49, .61) 100%), url('/images/degero/degero-hero-home-wood-20260524.webp') !important;
  background-size: cover !important;
  background-position: center !important;
}
html body .dg-uniform-hero::before,
html body .dg-uniform-hero::after { content: none !important; display: none !important; }
html body .dg-uniform-hero > * { position: relative !important; z-index: 2 !important; }
html body .dg-uniform-hero > .dg-uniform-overlay { position: absolute !important; inset: 0 !important; z-index: 1 !important; }
html body .dg-uniform-hero .sb-hero__mesh,
html body .dg-uniform-hero .sb-hero__visual { display: none !important; }
html body .dg-uniform-hero .sb-container,
html body .dg-uniform-hero .sb-hero__inner,
html body .dg-uniform-hero .dg-home-hero__inner,
html body .dg-uniform-hero .gacs-hero__inner,
html body .dg-uniform-hero .dg-booking-hero__inner {
  width: min(1180px, calc(100% - 56px)) !important;
  margin-inline: auto !important;
}
html body .dg-uniform-hero h1,
html body .dg-uniform-hero h2,
html body .dg-uniform-hero .sb-hero__title {
  max-width: 850px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(1.85rem, 3.1vw, 2.75rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
  text-shadow: none !important;
}
html body .dg-uniform-hero p,
html body .dg-uniform-hero li,
html body .dg-uniform-hero .sb-hero__lead,
html body .dg-uniform-hero .sb-hero__text {
  color: #e3eef1 !important;
  -webkit-text-fill-color: #e3eef1 !important;
  text-shadow: none !important;
}
html body .dg-uniform-hero .sb-hero__subtitle,
html body .dg-uniform-hero .dg-home-hero__lead,
html body .dg-uniform-hero .gacs-answer,
html body .dg-uniform-hero .dg-booking-hero__lead { max-width: 640px !important; font-size: clamp(0.95rem, 1.15vw, 1.05rem) !important; line-height: 1.45 !important; }
html body .dg-uniform-hero a:not(.sb-btn):not(.dg-button):not(.dg-booking-button),
html body .dg-uniform-hero strong { color: #9be3b8 !important; -webkit-text-fill-color: #9be3b8 !important; }
html body .dg-uniform-hero .sb-hero__eyebrow,
html body .dg-uniform-hero .sb-section__eyebrow,
html body .dg-uniform-hero .dg-booking-kicker { color: #9be3b8 !important; -webkit-text-fill-color: #9be3b8 !important; }
html body .dg-uniform-hero .sb-btn--primary,
html body .dg-uniform-hero .dg-button--primary,
html body .dg-uniform-hero .dg-booking-button:not(.dg-booking-button--quiet) { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: #148447 !important; border-color: #148447 !important; }
html body .dg-uniform-hero .sb-btn--ghost,
html body .dg-uniform-hero .dg-button--secondary,
html body .dg-uniform-hero .dg-booking-button--quiet { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: transparent !important; border-color: rgba(255,255,255,.8) !important; }
html body .dg-uniform-hero .sb-btn:hover,
html body .dg-uniform-hero .dg-button:hover,
html body .dg-uniform-hero .dg-booking-button:hover { transform: translateY(-1px) !important; background: #0b6e3b !important; border-color: #0b6e3b !important; }
html body .dg-uniform-hero .dg-booking-hero__facts { padding-left: 28px !important; border-left: 3px solid #59d48b !important; }
html body .dg-uniform-hero .dg-booking-hero__facts li { position: relative !important; padding: 12px 0 !important; }
html body .dg-uniform-hero .dg-booking-hero__facts li::before { content: "✓" !important; position: absolute !important; left: -25px !important; top: 12px !important; width: 16px !important; color: #59d48b !important; -webkit-text-fill-color: #59d48b !important; font-weight: 900 !important; line-height: 1.35 !important; }
html body .dg-uniform-hero .dg-booking-hero__facts strong { display: block !important; margin: 0 0 4px !important; color: #fff !important; -webkit-text-fill-color: #fff !important; }
html body .gacs-hero.dg-uniform-hero .gacs-qtable,
html body .gacs-hero.dg-uniform-hero .gacs-cta-row,
html body .gacs-hero.dg-uniform-hero .gacs-note,
html body .dg-uniform-hero .gacs-cite,
html body .dg-uniform-hero .gacs-qtable,
html body .dg-uniform-hero .gacs-cta-row,
html body .dg-uniform-hero .gacs-note { display: none !important; }
html body .dg-home-hero.dg-uniform-hero .dg-home-hero__proof { display: none !important; }
html body .dg-home-hero__proof { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 30px !important; max-width: 500px !important; }
html body .dg-home-hero__proof li,
html body .dg-home-hero__proof li:first-child { padding: 0 0 0 22px !important; border-right: 0 !important; }
@media (max-width: 700px) {
  html body .dg-uniform-hero { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; padding: 76px 16px 32px !important; }
  html body .dg-uniform-hero .sb-container,
  html body .dg-uniform-hero .sb-hero__inner,
  html body .dg-uniform-hero .dg-home-hero__inner,
  html body .dg-uniform-hero .gacs-hero__inner,
  html body .dg-uniform-hero .dg-booking-hero__inner { width: calc(100% - 32px) !important; max-width: none !important; }
  html body .dg-uniform-hero h1,
  html body .dg-uniform-hero h2,
  html body .dg-uniform-hero .sb-hero__title { font-size: clamp(1.5rem, 6.4vw, 2.05rem) !important; line-height: 1.18 !important; letter-spacing: -.03em !important; }
}


html body .dg-uniform-hero h1,
html body .dg-uniform-hero h2,
html body .dg-uniform-hero p,
html body .dg-uniform-hero li,
html body .dg-uniform-hero .sb-hero__title,
html body .dg-uniform-hero .sb-hero__subtitle,
html body .dg-uniform-hero .sb-hero__lead,
html body .dg-uniform-hero .dg-home-hero__lead,
html body .dg-uniform-hero .gacs-answer,
html body .dg-uniform-hero .dg-booking-hero__lead {
  overflow: visible !important;
  max-height: none !important;
  white-space: normal !important;
  text-overflow: unset !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  display: block !important;
}
html body .dg-uniform-hero h1,
html body .dg-uniform-hero h2,
html body .dg-uniform-hero .sb-hero__title {
  display: block !important;
  line-height: 1.14 !important;
}
html body .dg-uniform-hero .gacs-hero__inner,
html body .dg-uniform-hero .sb-hero__content,
html body .dg-uniform-hero .dg-home-hero__content {
  overflow: visible !important;
  max-height: none !important;
}

/* --- fixes-v2 --- */
/* Degero fase 10 fixes - generated 20260417-134901 */
/* --- Scroll-to-top button: wit pijltje op primary-kleur cirkel, altijd zichtbaar --- */
.sb-back-top,
.sb-scroll-top,
a[href="#top"].sb-button--ghost,
button[data-sb-scroll-top],
.sb-to-top {
  background: #0A2540 !important;
  color: #ffffff !important;
  border-color: #0A2540 !important;
  box-shadow: 0 6px 18px rgba(37,99,235,.35) !important;
}

/* Canonical service hero contrast and typography - 2026-07-16 */
html body.page-category-diensten .sb-hero[data-sb-section="hero"],
html body.page-category-diensten main > section.sb-hero:first-of-type {
  isolation: isolate !important;
  color: #0a2540 !important;
}

html body.page-category-diensten .sb-hero[data-sb-section="hero"]::before,
html body.page-category-diensten main > section.sb-hero:first-of-type::before {
  content: "" !important;
  display: block !important;
  visibility: visible !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  opacity: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.995) 0%,
      rgba(255,255,255,.99) 39%,
      rgba(248,252,249,.96) 54%,
      rgba(248,252,249,.72) 68%,
      rgba(10,37,64,.12) 100%) !important;
}

html body.page-category-diensten .sb-hero[data-sb-section="hero"]::after,
html body.page-category-diensten main > section.sb-hero:first-of-type::after {
  content: "" !important;
  display: block !important;
  visibility: visible !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  height: 92px !important;
  z-index: 1 !important;
  opacity: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(255,255,255,0), #fff) !important;
}

html body.page-category-diensten .sb-hero[data-sb-section="hero"] > .sb-container,
html body.page-category-diensten main > section.sb-hero:first-of-type > .sb-container,
html body.page-category-diensten .sb-hero .sb-hero__content {
  position: relative !important;
  z-index: 2 !important;
}

html body.page-category-diensten .sb-hero .sb-hero__content {
  width: min(680px, 100%) !important;
  max-width: 680px !important;
}

html body.page-category-diensten .sb-hero .sb-hero__eyebrow {
  color: #0a2540 !important;
  background: rgba(255,255,255,.96) !important;
  border-color: rgba(10,37,64,.22) !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
}

html body.page-category-diensten .sb-hero h1.sb-hero__title,
html body.page-category-diensten .sb-hero .sb-hero__title {
  max-width: 12.5ch !important;
  margin: 0 0 24px !important;
  color: #082640 !important;
  font-size: 58px !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  text-wrap: balance !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

html body.page-category-diensten .sb-hero .sb-hero__subtitle {
  max-width: 600px !important;
  margin: 0 0 28px !important;
  color: #162b3c !important;
  font-size: 20px !important;
  line-height: 1.58 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

@media (max-width: 1024px) {
  html body.page-category-diensten .sb-hero[data-sb-section="hero"]::before,
  html body.page-category-diensten main > section.sb-hero:first-of-type::before {
    background:
      linear-gradient(90deg,
        rgba(255,255,255,.995) 0%,
        rgba(255,255,255,.985) 60%,
        rgba(248,252,249,.86) 100%) !important;
  }

  html body.page-category-diensten .sb-hero h1.sb-hero__title,
  html body.page-category-diensten .sb-hero .sb-hero__title {
    max-width: 14ch !important;
    font-size: 50px !important;
  }
}

@media (max-width: 767px) {
  html body.page-category-diensten .sb-hero[data-sb-section="hero"],
  html body.page-category-diensten main > section.sb-hero:first-of-type {
    min-height: auto !important;
    padding: 118px 0 72px !important;
    background-position: 64% center !important;
  }

  html body.page-category-diensten .sb-hero[data-sb-section="hero"]::before,
  html body.page-category-diensten main > section.sb-hero:first-of-type::before {
    background:
      linear-gradient(180deg,
        rgba(255,255,255,.985) 0%,
        rgba(255,255,255,.97) 68%,
        rgba(248,252,249,.92) 100%) !important;
  }

  html body.page-category-diensten .sb-hero .sb-hero__content {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.page-category-diensten .sb-hero h1.sb-hero__title,
  html body.page-category-diensten .sb-hero .sb-hero__title {
    max-width: 100% !important;
    margin-bottom: 20px !important;
    font-size: 40px !important;
    line-height: 1.1 !important;
  }

  html body.page-category-diensten .sb-hero .sb-hero__subtitle {
    max-width: 100% !important;
    margin-bottom: 24px !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width: 420px) {
  html body.page-category-diensten .sb-hero h1.sb-hero__title,
  html body.page-category-diensten .sb-hero .sb-hero__title {
    font-size: 34px !important;
    line-height: 1.12 !important;
  }
}

/* Service templates render a real responsive hero image; do not download it again as a background. */
html body.page-category-diensten .sb-hero.sb-hero--split.dg-hero-has-media {
  background-image: none !important;
}

html body.page-category-diensten .sb-hero.sb-hero--split.dg-hero-has-media > .sb-container {
  position: static !important;
}

html body.page-category-diensten .sb-hero.sb-hero--split.dg-hero-has-media::before,
html body.page-category-diensten .sb-hero.sb-hero--split.dg-hero-has-media::after {
  z-index: 1 !important;
}

html body.page-category-diensten .sb-hero.sb-hero--split.dg-hero-has-media .sb-hero__content {
  position: relative !important;
  z-index: 2 !important;
}

html body.page-category-diensten .sb-hero.sb-hero--split.dg-hero-has-media .sb-hero__visual {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  pointer-events: none !important;
}

html body.page-category-diensten .sb-hero.sb-hero--split.dg-hero-has-media .sb-hero__visual::before {
  display: none !important;
}

html body.page-category-diensten .sb-hero.sb-hero--split.dg-hero-has-media .sb-hero__visual::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, .995) 0%, rgba(255, 255, 255, .985) 68%, rgba(248, 252, 249, .88) 100%) !important;
  pointer-events: none !important;
}

html body.page-category-diensten .sb-hero.sb-hero--split.dg-hero-has-media .sb-hero__visual img {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: 62% center !important;
  border-radius: 0 !important;
}

@media (max-width: 767px) {
  html body.page-category-diensten .sb-hero.sb-hero--split.dg-hero-has-media .sb-hero__visual::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, .985) 0%, rgba(255, 255, 255, .97) 68%, rgba(248, 252, 249, .92) 100%) !important;
  }
}

/* Sitewide contrast and readability guard - 2026-07-16 */
html body .sb-skip-link,
html body .sb-skip-link:focus {
  color: #ffffff !important;
  background: #0a2540 !important;
  border: 2px solid #8ee2a4 !important;
  text-shadow: none !important;
}

/* Restore the intended navy half of the five bottom-funnel heroes. */
html body main.dg-bottom-funnel-page > section.dg-bf-hero,
html body main#main.dg-bottom-funnel-page > section.dg-bf-hero {
  background:
    linear-gradient(135deg,
      #082640 0%,
      #123a5a 56%,
      #f7faf8 56%,
      #f7faf8 100%) !important;
  background-color: #082640 !important;
  color: #ffffff !important;
}

html body main.dg-bottom-funnel-page > section.dg-bf-hero h1,
html body main#main.dg-bottom-funnel-page > section.dg-bf-hero h1 {
  color: #ffffff !important;
  text-shadow: none !important;
}

html body main.dg-bottom-funnel-page > section.dg-bf-hero .dg-bf-lead,
html body main#main.dg-bottom-funnel-page > section.dg-bf-hero .dg-bf-lead {
  color: #e7f0f7 !important;
  text-shadow: none !important;
}

html body main.dg-bottom-funnel-page .dg-bf-btn--primary,
html body main#main.dg-bottom-funnel-page .dg-bf-btn--primary {
  color: #0a2540 !important;
  background: #8ee2a4 !important;
  border-color: #8ee2a4 !important;
  text-shadow: none !important;
}

@media (max-width: 900px) {
  html body main.dg-bottom-funnel-page > section.dg-bf-hero,
  html body main#main.dg-bottom-funnel-page > section.dg-bf-hero {
    background: #082640 !important;
    background-color: #082640 !important;
  }
}

/* Article responsibility strip: links must remain readable on navy. */
html body.page-category-kennisbank .dg-eeat-strip a,
html body.page-category-kennisbank .dg-eeat-strip strong a {
  color: #b9f6ca !important;
  text-decoration-color: rgba(185,246,202,.72) !important;
  text-underline-offset: 2px !important;
}

/* Give captions a stable dark surface instead of relying on image brightness. */
html body.page-category-kennisbank .dg-article-hero-media figcaption,
html body.page-category-kennisbank .sb-hero__image figcaption {
  color: #ffffff !important;
  background: rgba(6,29,49,.92) !important;
  text-shadow: none !important;
}

/* Legacy glass styling placed a white panel behind white article CTA text. */
html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] .sb-text-center,
html body.page-category-kennisbank main.sb-main > section.sb-cta.dg-article-bottom-cta[data-sb-section="cta"] .sb-text-center {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: .72rem !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] h2 {
  color: #ffffff !important;
}

html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] p {
  color: #e3edf5 !important;
}

html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] .sb-btn,
html body.page-category-kennisbank main.sb-main > section.sb-cta.dg-article-bottom-cta[data-sb-section="cta"] .sb-btn {
  color: #0a2540 !important;
  background: #8ee2a4 !important;
  background-color: #8ee2a4 !important;
  border-color: #8ee2a4 !important;
  text-shadow: none !important;
}

/* Dark fact panels occur outside the article template as well. */
html body .dg-fact-box {
  color: #e3edf5 !important;
  background: #0f172a !important;
}

html body .dg-fact-box h2,
html body .dg-fact-box h3,
html body .dg-fact-box h4,
html body .dg-fact-box strong {
  color: #ffffff !important;
}

html body .dg-fact-box p,
html body .dg-fact-box li,
html body .dg-fact-box small {
  color: #dbe7f0 !important;
}

html body .dg-fact-box a {
  color: #b9f6ca !important;
}

html body .dg-fact-box .dg-route-cta a,
html body .dg-fact-box a.sb-btn {
  color: #0a2540 !important;
  background: #8ee2a4 !important;
  border-color: #8ee2a4 !important;
}

/* The final knowledge-cluster card is a dark CTA, not a light article card. */
html body.page-category-kennisbank .dg-kb-cluster-card.dg-kb-cluster-card--cta {
  color: #ffffff !important;
  background: linear-gradient(135deg, #082640 0%, #12385a 100%) !important;
  background-color: #082640 !important;
  border-color: rgba(255,255,255,.12) !important;
}

html body.page-category-kennisbank .dg-kb-cluster-card--cta h2,
html body.page-category-kennisbank .dg-kb-cluster-card--cta h3,
html body.page-category-kennisbank .dg-kb-cluster-card--cta strong {
  color: #ffffff !important;
}

html body.page-category-kennisbank .dg-kb-cluster-card--cta p {
  color: #e3edf5 !important;
}

html body.page-category-kennisbank .dg-kb-cluster-card--cta a {
  color: #b9f6ca !important;
}

/* Ghost action on the navy readiness CTA. */
html body.page-readiness .rm-cta .sb-btn--ghost {
  color: #ffffff !important;
  background: transparent !important;
  border-color: rgba(255,255,255,.72) !important;
  text-shadow: none !important;
}

html body.page-readiness .rm-cta .sb-btn--ghost:hover,
html body.page-readiness .rm-cta .sb-btn--ghost:focus-visible {
  color: #0a2540 !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
}

html body.page-category-contact main a:not(.sb-btn):not(.sb-navbar__link),
html body.page-category-contact main a:not(.sb-btn):not(.sb-navbar__link):visited {
  color: #087a45 !important;
}

/* The service templates carry high-specificity legacy title rules. */
html body.page-category-diensten main#main-content section.sb-hero .sb-hero__content h1.sb-hero__title {
  max-width: 12.5ch !important;
  margin: 0 0 24px !important;
  color: #082640 !important;
  font-size: 58px !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  text-wrap: balance !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

html body.page-category-diensten main#main-content section.sb-hero .sb-hero__content p.sb-hero__subtitle {
  max-width: 600px !important;
  margin: 0 0 28px !important;
  color: #162b3c !important;
  font-size: 20px !important;
  line-height: 1.58 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

@media (max-width: 1024px) {
  html body.page-category-diensten main#main-content section.sb-hero .sb-hero__content h1.sb-hero__title {
    max-width: 14ch !important;
    font-size: 50px !important;
  }
}

@media (max-width: 767px) {
  html body.page-category-diensten main#main-content section.sb-hero .sb-hero__content h1.sb-hero__title {
    max-width: 100% !important;
    margin-bottom: 20px !important;
    font-size: 40px !important;
    line-height: 1.1 !important;
  }

  html body.page-category-diensten main#main-content section.sb-hero .sb-hero__content p.sb-hero__subtitle {
    max-width: 100% !important;
    margin-bottom: 24px !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width: 420px) {
  html body.page-category-diensten main#main-content section.sb-hero .sb-hero__content h1.sb-hero__title {
    font-size: 34px !important;
    line-height: 1.12 !important;
  }
}

/* Chat header brand icon 2026-05-24 */
html body .sb-chat-widget__header .sb-chat-widget__title {
  align-items: center !important;
}
html body .sb-chat-widget__header .sb-chat-widget__title-logo {
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  object-fit: contain !important;
}

/* Mobile navigation hardening 2026-05-24 */
@media (max-width: 1024px) {
  html body .sb-navbar {
    overflow: visible !important;
  }
  html body .sb-navbar .sb-navbar__menu {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    max-height: calc(100dvh - 76px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  html body .sb-navbar.is-open .sb-navbar__menu,
  html body .sb-navbar .sb-navbar__menu.sb-navbar__menu--open {
    display: flex !important;
    flex-direction: column !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 10010 !important;
    background: #ffffff !important;
    border-top: 2px solid #22C55E !important;
    box-shadow: 0 18px 42px rgba(10, 37, 64, 0.16) !important;
  }
  html body .sb-navbar .sb-navbar__has-submenu > .sb-navbar__submenu {
    display: block !important;
    position: static !important;
    max-height: 0 !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 0 0.9rem !important;
    border: 0 !important;
    border-left: 2px solid rgba(34, 197, 94, 0.32) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    transition: max-height 0.24s ease, padding-top 0.24s ease, padding-bottom 0.24s ease !important;
  }
  html body .sb-navbar .sb-navbar__has-submenu.is-open > .sb-navbar__submenu,
  html body .sb-navbar .sb-navbar__has-submenu.sb-submenu--open > .sb-navbar__submenu,
  html body .sb-navbar .sb-navbar__dropdown-btn[aria-expanded="true"] + .sb-navbar__submenu,
  html body .sb-navbar .sb-navbar__dropdown-btn[aria-expanded="true"] ~ .sb-navbar__submenu,
  html body .sb-navbar .sb-navbar__submenu[data-open="1"],
  html body .sb-navbar .sb-navbar__submenu[data-open="true"] {
    max-height: 720px !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.55rem !important;
  }
  html body .sb-navbar .sb-navbar__dropdown-btn {
    cursor: pointer !important;
    touch-action: manipulation !important;
  }
}

/* Degero warm nature system layer 2026-05-24.
   Navy + green stays primary; wood tones add warmth to every hero and body band. */
html body .sb-hero[data-sb-section="hero"]::before,
html body main > section.sb-hero:first-of-type::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.992) 0%, rgba(255,255,255,0.975) 34%, rgba(247,252,248,0.88) 52%, rgba(247,252,248,0.42) 70%, rgba(10,37,64,0.10) 100%),
    radial-gradient(ellipse at 83% 45%, rgba(126, 78, 37, 0.30) 0%, rgba(154, 96, 46, 0.18) 28%, transparent 62%),
    radial-gradient(ellipse at 74% 82%, rgba(199, 148, 82, 0.22) 0%, transparent 56%),
    repeating-linear-gradient(104deg, rgba(117, 78, 42, 0.055) 0 1px, rgba(117, 78, 42, 0) 1px 13px),
    linear-gradient(180deg, rgba(231,248,237,0.88) 0%, rgba(255,255,255,0.08) 58%, rgba(255,255,255,0.84) 100%) !important;
}

html body main > section.sb-section:not(.sb-hero) {
  position: relative !important;
  overflow: hidden !important;
}

html body main > section.sb-section:not(.sb-hero) > .sb-container,
html body main > section.sb-section:not(.sb-hero) > .sb-phone-block,
html body main > section.sb-section:not(.sb-hero) > * {
  position: relative;
  z-index: 1;
}

html body main > section.sb-section:not(.sb-hero)::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    url('/assets/brand/degero-icon-primary.svg?v=20260524-watermark'),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160' fill='none'%3E%3Cpath d='M28 104c42-2 72-28 92-72 11 40-1 74-28 94-19 14-44 16-64-22Z' stroke='%2322C55E' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M49 102c19-13 36-29 51-52' stroke='%230A2540' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E"),
    radial-gradient(ellipse at 92% 18%, rgba(154, 96, 46, 0.10), transparent 32%),
    radial-gradient(ellipse at 8% 88%, rgba(34, 197, 94, 0.08), transparent 28%);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: right clamp(1rem, 5vw, 5rem) top clamp(1.5rem, 5vw, 4rem), left clamp(1rem, 4vw, 4rem) bottom clamp(1rem, 4vw, 3rem), right top, left bottom;
  background-size: clamp(120px, 16vw, 240px), clamp(92px, 12vw, 160px), 520px 360px, 420px 320px;
  opacity: 0.065;
}

html body main > section.sb-section:nth-of-type(even):not(.sb-hero)::after {
  background-position: left clamp(1rem, 5vw, 5rem) top clamp(1.5rem, 5vw, 4rem), right clamp(1rem, 4vw, 4rem) bottom clamp(1rem, 4vw, 3rem), left top, right bottom;
}

html body .sb-card,
html body .dg-principle-card,
html body .dg-about-service-card,
html body .sb-pricing-card {
  background-image:
    linear-gradient(135deg, rgba(255,255,255,0.98), rgba(255,255,255,0.94)),
    radial-gradient(ellipse at 100% 0%, rgba(199,148,82,0.10), transparent 46%),
    radial-gradient(ellipse at 0% 100%, rgba(34,197,94,0.08), transparent 42%) !important;
}

@media (max-width: 767px) {
  html body main > section.sb-section:not(.sb-hero)::after {
    background-size: 112px, 84px, 300px 220px, 260px 200px;
    opacity: 0.045;
  }
}

/* Over ons premium page refresh 2026-05-24. */
html body.page-over-ons .dg-about-kicker {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0.9rem;
  color: #14733a;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
html body.page-over-ons .dg-about-intro,
html body.page-over-ons .dg-about-method {
  background:
    radial-gradient(ellipse at 88% 12%, rgba(199, 148, 82, 0.12), transparent 42%),
    linear-gradient(180deg, #ffffff 0%, #f7fbf8 100%);
}
html body.page-over-ons .dg-about-principles .sb-section__header,
html body.page-over-ons .dg-about-services .sb-section__header {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 2.5rem !important;
  padding: 0 !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body.page-over-ons .dg-about-intro__grid,
html body.page-over-ons .dg-about-method__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: start;
}
html body.page-over-ons .dg-about-copy h2,
html body.page-over-ons .dg-about-method h2,
html body.page-over-ons .dg-about-principles h2,
html body.page-over-ons .dg-about-services h2,
html body.page-over-ons .dg-about-cta h2 {
  color: #0A2540;
  letter-spacing: 0;
}
html body.page-over-ons .dg-about-copy p,
html body.page-over-ons .dg-about-method p,
html body.page-over-ons .dg-about-principles .sb-section__lead,
html body.page-over-ons .dg-about-services .sb-section__lead,
html body.page-over-ons .dg-about-cta p {
  color: #31465a;
  font-size: 1.06rem;
  line-height: 1.85;
}
html body.page-over-ons .dg-about-copy p + p,
html body.page-over-ons .dg-about-method p + p {
  margin-top: 1rem;
}
html body.page-over-ons .dg-about-panel,
html body.page-over-ons .dg-method-list,
html body.page-over-ons .dg-about-cta__inner {
  border: 1px solid rgba(10, 37, 64, 0.08);
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 28px 64px -46px rgba(10, 37, 64, 0.42);
}
html body.page-over-ons .dg-about-panel {
  display: grid;
  gap: 0;
  overflow: hidden;
}
html body.page-over-ons .dg-about-stat {
  padding: 1.25rem 1.35rem;
  border-bottom: 1px solid rgba(10, 37, 64, 0.08);
}
html body.page-over-ons .dg-about-stat:last-child {
  border-bottom: 0;
}
html body.page-over-ons .dg-about-stat strong {
  display: block;
  color: #0A2540;
  font-size: 1.08rem;
  line-height: 1.25;
}
html body.page-over-ons .dg-about-stat span {
  display: block;
  margin-top: 0.3rem;
  color: #526579;
  line-height: 1.6;
}
html body.page-over-ons .dg-principle-grid,
html body.page-over-ons .dg-about-service-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}
html body.page-over-ons .dg-principle-card,
html body.page-over-ons .dg-about-service-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 1.35rem;
  border: 1px solid rgba(10, 37, 64, 0.08);
  border-radius: 1.15rem;
  background: #ffffff;
  box-shadow: 0 18px 42px -34px rgba(10, 37, 64, 0.35);
}
html body.page-over-ons .dg-principle-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  margin-bottom: 1rem;
  border-radius: 0.8rem;
  background: rgba(34, 197, 94, 0.12);
  color: #14733a;
  font-weight: 800;
}
html body.page-over-ons .dg-principle-card h3,
html body.page-over-ons .dg-about-service-card h3 {
  color: #0A2540;
  font-size: 1.05rem;
  line-height: 1.35;
}
html body.page-over-ons .dg-principle-card p,
html body.page-over-ons .dg-about-service-card p {
  margin-top: 0.65rem;
  color: #485c70;
  line-height: 1.72;
}
html body.page-over-ons .dg-about-service-card a {
  margin-top: auto;
  padding-top: 1.1rem;
  color: #14733a;
  font-weight: 800;
}
html body.page-over-ons .dg-method-list {
  padding: 0.5rem;
}
html body.page-over-ons .dg-method-item {
  padding: 1.05rem 1.1rem;
  border-bottom: 1px solid rgba(10, 37, 64, 0.08);
}
html body.page-over-ons .dg-method-item:last-child {
  border-bottom: 0;
}
html body.page-over-ons .dg-method-item strong {
  display: block;
  color: #0A2540;
}
html body.page-over-ons .dg-method-item span {
  display: block;
  margin-top: 0.25rem;
  color: #526579;
  line-height: 1.65;
}
html body.page-over-ons .dg-about-cta {
  padding-top: 0;
}
html body.page-over-ons .dg-about-cta__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2rem;
  align-items: center;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  background:
    radial-gradient(ellipse at 100% 0%, rgba(34, 197, 94, 0.16), transparent 44%),
    linear-gradient(135deg, #ffffff 0%, #f4fbf6 100%);
}
html body.page-over-ons .dg-about-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  justify-content: flex-end;
  align-items: center;
}
html body.page-over-ons .dg-about-phone {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0.75rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(34, 197, 94, 0.28);
  color: #0A2540;
  font-weight: 800;
  background: #ffffff;
}
@media (max-width: 1100px) {
  html body.page-over-ons .dg-principle-grid,
  html body.page-over-ons .dg-about-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 820px) {
  html body.page-over-ons .dg-about-intro__grid,
  html body.page-over-ons .dg-about-method__grid,
  html body.page-over-ons .dg-about-cta__inner {
    grid-template-columns: 1fr;
  }
  html body.page-over-ons .dg-about-cta__actions {
    justify-content: flex-start;
  }
}
@media (max-width: 620px) {
  html body.page-over-ons .dg-principle-grid,
  html body.page-over-ons .dg-about-service-grid {
    grid-template-columns: 1fr;
  }
  html body.page-over-ons .dg-principle-card,
  html body.page-over-ons .dg-about-service-card {
    padding: 1.15rem;
  }
  html body.page-over-ons .dg-about-copy p,
  html body.page-over-ons .dg-about-method p,
  html body.page-over-ons .dg-about-principles .sb-section__lead,
  html body.page-over-ons .dg-about-services .sb-section__lead,
  html body.page-over-ons .dg-about-cta p {
    font-size: 1rem;
  }
}
.sb-back-top:hover,
.sb-scroll-top:hover,
a[href="#top"].sb-button--ghost:hover,
button[data-sb-scroll-top]:hover,
.sb-to-top:hover {
  background: #0A2540 !important;
  border-color: #0A2540 !important;
  color: #ffffff !important;
}
.sb-back-top svg,
.sb-scroll-top svg,
a[href="#top"].sb-button--ghost svg,
button[data-sb-scroll-top] svg,
.sb-to-top svg {
  stroke: #ffffff !important;
  fill: #ffffff !important;
  color: #ffffff !important;
}

/* --- Home hero 2-col: compactere eyebrow met pipes --- */
.sb-hero--split .sb-hero__eyebrow {
  letter-spacing: .04em;
  font-weight: 600;
  color: #0A2540;
}
.sb-hero--split .sb-hero__points li {
  font-weight: 500;
}
.sb-hero--split .sb-hero__right-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: clamp(20px, 3vw, 32px);
  box-shadow: 0 4px 6px -1px rgba(0,0,0,.08);
}
.sb-hero--split .sb-hero__right-card h2 {
  font-size: clamp(1.1rem, 1.6vw, 1.25rem);
  margin-bottom: .75rem;
  color: #1a1a1a;
}
.sb-hero--split .sb-hero__right-card ul {
  display: flex;
  flex-direction: column;
  gap: .6rem;
  margin-bottom: 1.25rem;
}
.sb-hero--split .sb-hero__right-card ul li {
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.45;
}
.sb-hero--split .sb-hero__right-card ul li::before {
  content: "\2713";
  position: absolute;
  left: 0; top: 0;
  color: #0A2540;
  font-weight: 700;
}
.sb-hero--split .sb-hero__right-card .sb-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

/* Home content onder hero gecentreerd */
body.page-home main > section:not(.sb-hero) .sb-container {
  text-align: center;
}
body.page-home main > section:not(.sb-hero) .sb-section__header h2,
body.page-home main > section:not(.sb-hero) .sb-section__header p {
  text-align: center;
}
body.page-home main > section:not(.sb-hero) .sb-grid {
  text-align: left; /* kaarten zelf links */
}

/* --- Over-ons styling: cards, tijdlijn, contactblok --- */
.sb-services-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  margin-top: 1.5rem;
}
.sb-service-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 24px;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.sb-service-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px -5px rgba(37,99,235,.18);
  border-color: #0A2540;
}
.sb-service-card h3 {
  font-size: 1.05rem;
  color: #1a1a1a;
}
.sb-service-card p {
  color: #4a5568;
  font-size: .95rem;
  margin-bottom: .5rem;
}
.sb-service-card a {
  color: #0A2540;
  font-weight: 600;
  margin-top: auto;
}

.sb-timeline {
  position: relative;
  margin: 1.5rem 0 0;
  padding-left: 28px;
  border-left: 2px solid #e2e8f0;
}
.sb-timeline__item {
  position: relative;
  padding-bottom: 1.5rem;
}
.sb-timeline__item::before {
  content: "";
  position: absolute;
  left: -36px;
  top: .25rem;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #0A2540;
  border: 3px solid #ffffff;
  box-shadow: 0 0 0 2px #0A2540;
}
.sb-timeline__date {
  font-weight: 700;
  color: #0A2540;
  font-size: .9rem;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.sb-timeline__title {
  font-weight: 600;
  color: #1a1a1a;
  margin-top: .15rem;
}

.sb-contact-block {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  margin-top: 1.5rem;
}
.sb-contact-item {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 20px 22px;
}
.sb-contact-item__label {
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #0A2540;
  display: block;
  margin-bottom: .35rem;
}
.sb-contact-item__value {
  color: #1a1a1a;
  font-weight: 500;
}
.sb-contact-item a {
  color: #0A2540;
  font-weight: 600;
}

/* === Fase 10b: dubbel chat widget + logo fixes === */
/* Verwijder legacy dg-chat-float (sb-chat-widget is de primaire) */
.dg-chat-float,
[class*="dg-chat-float"],
button.dg-chat-float {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Constrain navbar logo SVG site-wide (home had inline constraint, articles niet) */
.sb-navbar .sb-navbar__brand svg,
.sb-navbar__brand svg,
nav.sb-navbar a.sb-navbar__brand svg {
  height: 34px !important;
  width: auto !important;
  max-height: 34px !important;
  max-width: 180px !important;
  display: block !important;
}
.sb-navbar__brand {
  max-height: 40px !important;
  align-items: center !important;
  display: inline-flex !important;
}
@media (min-width: 768px) {
  .sb-navbar .sb-navbar__brand svg,
  .sb-navbar__brand svg { height: 38px !important; max-height: 38px !important; max-width: 200px !important; }
  .sb-navbar__brand { max-height: 44px !important; }
}

/* === Fase 10c: dg-back-top + hero-visual fixes === */
.dg-back-top,
button.dg-back-top,
a.dg-back-top {
  background: #0A2540 !important;
  background-color: #0A2540 !important;
  color: #ffffff !important;
  border-color: #0A2540 !important;
  box-shadow: 0 4px 14px rgba(37,99,235,0.35) !important;
}
.dg-back-top:hover,
button.dg-back-top:hover,
a.dg-back-top:hover {
  background: #0A2540 !important;
  background-color: #0A2540 !important;
  color: #ffffff !important;
}
.dg-back-top svg,
.dg-back-top path,
.dg-back-top polyline,
.dg-back-top line {
  stroke: #ffffff !important;
  color: #ffffff !important;
  fill: none !important;
}

/* Hero-visual image niet uitrekken */
.sb-hero__visual {
  height: auto !important;
  max-height: 520px !important;
  aspect-ratio: 3 / 2 !important;
  overflow: hidden !important;
  border-radius: 16px !important;
}
.sb-hero__visual img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  aspect-ratio: auto !important;
  max-height: 520px !important;
}
@media (max-width: 767px) {
  .sb-hero__visual { max-height: 320px !important; }
  .sb-hero__visual img { max-height: 320px !important; }
}

/* === Fase 10d: nooit een woord afbreken, site-wide === */
* {
  overflow-wrap: normal !important;
  word-break: normal !important;
  word-wrap: normal !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
  -ms-hyphens: none !important;
}
/* Alleen in zeer uitzonderlijke gevallen (lange URLs in body) toestaan */
a[href*="://"], code, pre, .sb-allow-break {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* Services-cards: zorg dat koppen niet overflow/breken door iets meer ruimte + kleinere kop */
.sb-services-cards h3,
.sb-services-cards__card h3 {
  font-size: 1.05rem !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}
@media (min-width: 901px) {
  .sb-services-cards h3,
  .sb-services-cards__card h3 {
    font-size: 1.1rem !important;
  }
}

/* Services grid: laat kaarten iets breder worden zodat "Gebouwautomatisering" past */
.sb-services-cards.sb-grid--4 {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 1.25rem !important;
}
@media (min-width: 1200px) {
  .sb-services-cards.sb-grid--4 {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
.sb-services-cards__card {
  padding: 1.5rem 1.25rem !important;
  min-width: 0 !important;
}

/* === Fase 10e: footer-divider weg + services-cards alignment === */

/* 1. Verwijder witte 48px gap tussen laatste sectie en footer */
footer,
footer.sb-footer,
.sb-footer {
  margin-top: 0 !important;
  border-top: 0 !important;
}
main > section:last-of-type,
main .sb-section:last-of-type {
  margin-bottom: 0 !important;
  padding-bottom: 3rem !important;
}

/* 2. Services/diensten cards — consistente alignment */
.sb-services .sb-card,
.sb-services--cards .sb-card {
  display: flex !important;
  flex-direction: column !important;
  padding: 1.75rem 1.5rem !important;
  gap: 0 !important;
}
.sb-services .sb-services__index,
.sb-services--cards .sb-services__index {
  display: block !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  color: #0A2540 !important;
  opacity: 1 !important;
  margin: 0 0 0.75rem 0 !important;
  width: auto !important;
  height: auto !important;
  text-align: left !important;
}
.sb-services .sb-card__body,
.sb-services--cards .sb-card__body {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
  flex: 1 1 auto !important;
}
.sb-services .sb-card__title,
.sb-services--cards .sb-card__title {
  font-size: 1.15rem !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  min-height: 3em !important;  /* ruimte voor 2 regels zodat body altijd op zelfde Y start */
  display: flex !important;
  align-items: flex-start !important;
}
.sb-services .sb-card__text,
.sb-services--cards .sb-card__text {
  margin: 0 !important;
  line-height: 1.55 !important;
  color: #475569 !important;
  flex: 1 1 auto !important;
}
@media (max-width: 900px) {
  .sb-services .sb-card__title,
  .sb-services--cards .sb-card__title {
    min-height: 0 !important;
  }
}

/* === Fase 10f: sb-btn primary + ghost visibility fix === */
.sb-btn.sb-btn--primary,
a.sb-btn.sb-btn--primary,
button.sb-btn.sb-btn--primary {
  background: #0A2540 !important;
  background-color: #0A2540 !important;
  color: #ffffff !important;
  border: 1px solid #0A2540 !important;
  box-shadow: 0 4px 14px rgba(37,99,235,0.25) !important;
}
.sb-btn.sb-btn--primary:hover,
a.sb-btn.sb-btn--primary:hover {
  background: #0A2540 !important;
  background-color: #0A2540 !important;
  border-color: #0A2540 !important;
  color: #ffffff !important;
}
.sb-btn.sb-btn--ghost,
a.sb-btn.sb-btn--ghost,
button.sb-btn.sb-btn--ghost {
  background: transparent !important;
  background-color: transparent !important;
  color: #0A2540 !important;
  border: 1.5px solid #0A2540 !important;
}
.sb-btn.sb-btn--ghost:hover,
a.sb-btn.sb-btn--ghost:hover {
  background: #eff6ff !important;
  background-color: #eff6ff !important;
  color: #0A2540 !important;
  border-color: #0A2540 !important;
}
.sb-btn.sb-btn--lg { padding: 0.85rem 1.5rem !important; font-size: 1rem !important; font-weight: 600 !important; }

/* === Fase 10g: home page declutter + overflow fix === */

/* Services grid: 4-kol -> 2-kol desktop, 1-kol mobiel. Geeft ruimte voor tekst */
[data-sb-section="services"] .sb-grid,
[data-sb-section="services"] .sb-services,
#diensten .sb-grid,
#diensten .sb-services {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 1.25rem !important;
}
@media (max-width: 767px){
  [data-sb-section="services"] .sb-grid,
  [data-sb-section="services"] .sb-services,
  #diensten .sb-grid,
  #diensten .sb-services {
    grid-template-columns: 1fr !important;
  }
}

/* Services card zachter: geen border, subtiele shadow, ruimte voor tekst */
[data-sb-section="services"] .sb-card,
#diensten .sb-card {
  border: 0 !important;
  background: #f8fafc !important;
  box-shadow: none !important;
  padding: 1.75rem 1.75rem !important;
  min-height: 0 !important;
  height: auto !important;
  transition: background .2s ease !important;
}
[data-sb-section="services"] .sb-card:hover,
#diensten .sb-card:hover { background: #f1f5f9 !important; }

/* Services card title en tekst netjes laten breken */
[data-sb-section="services"] .sb-card h3,
[data-sb-section="services"] .sb-card__title,
#diensten .sb-card h3 {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin: 0 0 0.5rem 0 !important;
  min-height: 0 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
}
[data-sb-section="services"] .sb-card p,
[data-sb-section="services"] .sb-card__text,
#diensten .sb-card p {
  font-size: 0.975rem !important;
  line-height: 1.6 !important;
  color: #475569 !important;
  font-weight: 400 !important;
  margin: 0 !important;
  overflow-wrap: break-word !important;
}

/* Services index (01/02/03/04) subtieler */
[data-sb-section="services"] .sb-services__index,
#diensten .sb-services__index {
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: #94a3b8 !important;
  margin: 0 0 0.65rem 0 !important;
}

/* Globaal: body-tekst niet bold, alleen headings */
main p, main li, main .sb-card__text {
  font-weight: 400 !important;
}
main h1 { font-weight: 700 !important; }
main h2 { font-weight: 700 !important; }
main h3 { font-weight: 600 !important; }

/* Ghost btn -- hogere specificity om .sb-btn--ghost (wit-bg rule) te verslaan */
main .sb-btn.sb-btn--ghost,
main a.sb-btn.sb-btn--ghost,
.sb-hero .sb-btn--ghost,
.sb-hero__right-card .sb-btn--ghost,
.sb-hero__actions .sb-btn--ghost {
  background: transparent !important;
  background-color: transparent !important;
  color: #0A2540 !important;
  border: 1.5px solid #0A2540 !important;
}

/* Pakketten cards ook verzachten, breder voelen */
#pakketten .sb-card,
[data-sb-section="pakketten"] .sb-card {
  border: 1px solid rgba(15,23,42,0.06) !important;
  box-shadow: 0 2px 12px -8px rgba(15,23,42,0.08) !important;
}

/* === Fase 10j: Mobile — stop card-in-card nesting === */
@media (max-width: 767px) {
  /* Sectie container strakker op mobiel */
  main .sb-section { padding-left: 1rem !important; padding-right: 1rem !important; }
  main .sb-container { padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; }

  /* Cards worden op mobiel geen 'box in box' meer — gewoon content blokken */
  main .sb-card,
  main article.sb-card,
  main .sb-services .sb-card,
  main #diensten .sb-card,
  main #pakketten .sb-card,
  main #portfolio .sb-card {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Visueel scheidingsteken tussen cards = dunne lijn ipv box */
  main .sb-services .sb-card + .sb-card,
  main #diensten .sb-card + .sb-card,
  main #pakketten .sb-card + .sb-card,
  main #portfolio .sb-card + .sb-card {
    border-top: 1px solid rgba(15,23,42,0.08) !important;
    padding-top: 1.5rem !important;
    margin-top: 1.5rem !important;
  }

  /* Card body geen eigen padding meer op mobiel */
  main .sb-card__body,
  main .sb-card__inner,
  main .sb-card__content { padding: 0 !important; }

  /* Card image mag wel full-width blijven */
  main .sb-card__img,
  main .sb-card img { width: 100% !important; border-radius: 8px !important; margin-bottom: 0.75rem !important; }

  /* Grid op mobiel gewoon 1 kolom */
  main .sb-grid,
  main .sb-services,
  main .sb-services-cards { grid-template-columns: 1fr !important; gap: 1.75rem !important; }

  /* Hero right-card ook lichter op mobiel */
  .sb-hero__right-card {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 1rem 0 !important;
  }
}

/* === Fase 10k: hero overflow + knop-afkapping === */
/* Hero snijdt content NIET meer af verticaal */
.sb-hero,
.sb-hero.sb-hero--split,
section.sb-hero {
  overflow: visible !important;
  overflow-y: visible !important;
}
/* Visual wel clippen zodat img netjes gecropt blijft */
.sb-hero .sb-hero__visual { overflow: hidden !important; }

/* Right-card knoppen naast elkaar (niet gestapeld) zodat ze passen */
.sb-hero__right-card .sb-hero__actions,
.sb-hero__right-card .sb-actions,
.sb-hero__right-card > div:last-of-type {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  align-items: stretch !important;
  margin-top: 1rem !important;
}

/* Knoppen niet te breed worden, wel shrinkable */
.sb-hero__right-card .sb-btn {
  flex: 0 1 auto !important;
  white-space: nowrap !important;
  padding: 0.75rem 1.25rem !important;
  font-size: 0.95rem !important;
}

/* Right-card overflow visible zodat knoppen niet binnenkant snijden */
.sb-hero__right-card { overflow: visible !important; }


/* ===== Fase 10P - Flatten all cards, kill card-in-card visuals ===== */

/* 1. All cards inside main: transparent, no border, no shadow, no white bg */
main .sb-card,
main .sb-card__body,
main .sb-card .sb-card__body,
main [class*="sb-card"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* 2. Give grids sensible row/col spacing without boxes */
main .sb-grid,
main .sb-grid--2,
main .sb-grid--3,
main .sb-grid--4 {
  gap: 2.5rem 2rem !important;
}

/* 3. Card titles: size, weight, spacing without box */
main .sb-card__title {
  font-weight: 700 !important;
  font-size: 1.125rem !important;
  line-height: 1.35 !important;
  margin: 0 0 .5rem !important;
  color: #0f172a !important;
}

main .sb-card__text,
main .sb-card__body p,
main .sb-card__body li {
  color: #334155 !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
}

/* 4. Remove nested backgrounds inside cards (pill-tag boxes etc) */
main .sb-card > *[class*="eyebrow"],
main .sb-card > *[class*="tag"],
main .sb-card > *[class*="pill"],
main .sb-card > *[class*="badge"],
main .sb-card > *[class*="chip"],
main .sb-card [class*="eyebrow"],
main .sb-card [class*="tag"]:not(a):not(button) {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 700;
  color: #0A2540 !important;
  display: inline-block;
  margin: 0 0 .6rem !important;
}

/* 5. 01-04 numbered services on home: keep numbers but strip box */
[data-sb-section="services"] .sb-card,
[data-sb-section="services"] .sb-card__body {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* 6. Package pricing teasers (Vanaf €X) on /pakketten/ listing — flat */
main .sb-card--price,
main [class*="pakket"],
main [class*="package"],
main [class*="pricing"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 7. Remove aside/info boxes in packages that wrap SCOPE/Wanneer past blocks */
main aside,
main dl,
main [class*="info-"],
main [class*="scope"],
main [class*="detail"] {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

/* 8. Between-card separator - use subtle bottom border instead of box */
main .sb-grid > .sb-card {
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  padding-bottom: 1.5rem !important;
}
main .sb-grid > .sb-card:last-child { border-bottom: 0 !important; }
@media (min-width: 768px) {
  main .sb-grid--2 > .sb-card:nth-last-child(-n+2):nth-child(2n+1) { border-bottom: 0 !important; }
  main .sb-grid--2 > .sb-card:nth-last-child(-n+2):nth-child(2n) { border-bottom: 0 !important; }
}

/* 9. Project cards: pill-tags become inline meta text, no boxes */
main .sb-project__meta,
main .sb-project__tags,
main [class*="sb-tag"] {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  display: inline;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #0A2540 !important;
}

/* 10. FAQ items - flat */
main .sb-faq__item {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(15,23,42,0.1) !important;
  box-shadow: none !important;
  padding: 1rem 0 !important;
}

/* 11. Footer brand logo-icon - visible, bold blue, no green */
.sb-footer__logo-icon {
  border-radius: 8px;
  background: #0A2540;
  color: #fff;
}
.sb-footer__brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: .6rem !important;
}
.sb-footer__brand-text {
  font-weight: 700 !important;
  font-size: 1.15rem !important;
  color: #fff !important;
  letter-spacing: -.01em !important;
}

/* 12. Service number badges on home - flat, inline */
main [data-sb-section="services"] .sb-card__title::before,
main [data-sb-section="services"] .sb-card__eyebrow {
  color: #0A2540 !important;
  font-weight: 800;
  font-size: .8rem;
  letter-spacing: .12em;
  display: block;
  margin-bottom: .35rem;
}

/* 13. Remove white divider between last section and footer — site-wide */
main > section:last-child { border-bottom: 0 !important; margin-bottom: 0 !important; }
main { padding-bottom: 0 !important; }

/* 14. Mobile card-in-card: aggressively strip borders */
@media (max-width: 767px) {
  main .sb-card, main .sb-card *[class*="card"] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  main .sb-grid > .sb-card {
    padding: 1rem 0 !important;
    border-bottom: 1px solid rgba(15,23,42,0.08) !important;
  }
  main .sb-grid > .sb-card:last-child { border-bottom: 0 !important; }
}


/* ===== Fase 10Q - Final overrides ===== */

/* Services card bg: kill with max specificity */
html body main [data-sb-section="services"] .sb-card,
html body main [data-sb-section="services"] .sb-card__body,
html body main #diensten .sb-card {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 1rem 0 !important;
}

/* Add visible number badge to service cards - inline */
html body main [data-sb-section="services"] .sb-card__eyebrow,
html body main [data-sb-section="services"] .sb-card h3::before {
  color: #0A2540 !important;
  font-weight: 800;
  display: block;
  font-size: .85rem;
  letter-spacing: .12em;
  margin-bottom: .3rem;
}

/* Force all main cards flat - final override */
html body main .sb-card,
html body main .sb-card__body,
html body main div[class*="card"]:not(.sb-chat-widget *):not(.sb-navbar *):not(.sb-hero__right-card) {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-width: 0 !important;
  box-shadow: none !important;
}

/* Hero right-card can keep its subtle bg */
.sb-hero__right-card {
  background: rgba(255,255,255,0.92) !important;
  border: 1px solid rgba(37,99,235,0.15) !important;
}


/* ===== Fase 10R - Package page visual system ===== */

/* Hero meta row */
.sb-hero__meta {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  margin: 1.25rem 0 1.5rem;
  align-items: baseline;
}
.sb-hero__price {
  font-size: 2rem;
  font-weight: 800;
  color: #0A2540;
  letter-spacing: -.02em;
}
.sb-hero__duration {
  font-size: .95rem;
  color: #475569;
  font-weight: 500;
}

/* Flow diagram - 4 steps with connecting line */
.sb-flow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  position: relative;
  margin-top: 2rem;
}
.sb-flow::before {
  content: "";
  position: absolute;
  top: 32px;
  left: 8%;
  right: 8%;
  height: 2px;
  background: #0A2540;
  z-index: 0;
}
.sb-flow__step {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0 .5rem;
}
.sb-flow__icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: #0A2540;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  box-shadow: 0 8px 24px -12px rgba(37, 99, 235, 0.55);
}
.sb-flow__icon svg { width: 32px; height: 32px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sb-flow__num {
  color: #0A2540;
  font-weight: 800;
  font-size: .75rem;
  letter-spacing: .16em;
  margin-bottom: .2rem;
}
.sb-flow__step h3 {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0 0 .4rem;
  color: #0f172a;
}
.sb-flow__step p {
  font-size: .9rem;
  line-height: 1.55;
  color: #475569;
  margin: 0;
}
@media (max-width: 767px) {
  .sb-flow { grid-template-columns: 1fr; gap: 1.25rem; }
  .sb-flow::before { display: none; }
  .sb-flow__step {
    display: grid;
    grid-template-columns: 64px 1fr;
    text-align: left;
    gap: 1rem;
    align-items: start;
  }
  .sb-flow__icon { margin-bottom: 0; }
  .sb-flow__step > div:not(.sb-flow__icon),
  .sb-flow__step > h3,
  .sb-flow__step > p { grid-column: 2; }
  .sb-flow__step h3 { margin-top: .2rem; }
}

/* Deliverables grid — icons + text, flat */
.sb-deliverables {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem 2rem;
  margin-top: 2rem;
}
.sb-deliverable {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.sb-deliverable__icon {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgba(37, 99, 235, 0.08);
  color: #0A2540;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.sb-deliverable__icon svg { width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sb-deliverable h3 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 .3rem;
  line-height: 1.3;
}
.sb-deliverable p {
  font-size: .9rem;
  color: #475569;
  line-height: 1.55;
  margin: 0;
}
@media (max-width: 991px) { .sb-deliverables { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .sb-deliverables { grid-template-columns: 1fr; } }

/* Fit vs not-included */
.sb-fit {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  margin-top: 2rem;
}
.sb-fit__col h3 {
  display: flex;
  gap: .6rem;
  align-items: center;
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0 0 1rem;
}
.sb-fit__icon--yes { color: #16a34a; }
.sb-fit__icon--no { color: #ef4444; }
.sb-fit__col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sb-fit__col li {
  padding: .5rem 0 .5rem 1.6rem;
  position: relative;
  color: #334155;
  font-size: .95rem;
  line-height: 1.55;
}
.sb-fit__col li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  opacity: .4;
}
@media (max-width: 767px) { .sb-fit { grid-template-columns: 1fr; gap: 2rem; } }

/* Proof band */
.sb-proof {
  background: #0A2540;
  color: #fff;
  padding: 4rem 0 !important;
}
.sb-proof__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  text-align: center;
}
.sb-proof__num {
  display: block;
  font-size: 2.5rem;
  font-weight: 800;
  letter-spacing: -.02em;
  background: #0A2540;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  margin-bottom: .3rem;
}
.sb-proof__label {
  font-size: .95rem;
  color: rgba(255,255,255,0.78);
  font-weight: 500;
}
@media (max-width: 767px) { .sb-proof__inner { grid-template-columns: 1fr; gap: 1.5rem; } }

/* Section headers */
.sb-section__eyebrow {
  display: inline-block;
  font-size: .75rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 800;
  color: #0A2540;
  margin-bottom: .6rem;
}

/* Hero eyebrow on package pages */
.sb-hero__eyebrow {
  font-size: .75rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 800;
  color: #22C55E;
  margin-bottom: 1rem;
  display: inline-block;
}
/* === Fase 10T: chat + eyebrow + services-01-04 + FAQ + disclaimer/privacy === */

/* -- Chat widget: hide green status dot + proper X icon -- */
.sb-chat-widget__title-dot { display: none !important; }
.sb-chat-widget__title-text { font-weight: 600; }
.sb-chat-widget__close svg line:nth-child(1){ }
.sb-chat-widget__close svg line:nth-child(2){ }
.sb-chat-widget__close { cursor:pointer; }

/* -- Hero eyebrow/title/lead LEFT align on split layout -- */
html body .sb-hero.sb-hero--split .sb-hero__content,
html body .sb-hero.sb-hero--split .sb-hero__eyebrow,
html body .sb-hero.sb-hero--split .sb-hero__title,
html body .sb-hero.sb-hero--split .sb-hero__lead,
html body .sb-hero.sb-hero--split .sb-hero__kicker{
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}
html body .sb-hero.sb-hero--split .sb-hero__eyebrow{ margin-left: 0 !important; }

/* -- 01-04 services cards: proper padding + styled index number -- */
html body main .sb-services--cards .sb-card{
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 1.75rem 1.75rem 1.5rem !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 4px 12px rgba(15,23,42,.04) !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
html body main .sb-services--cards .sb-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(15,23,42,.06), 0 12px 28px rgba(15,23,42,.08) !important;
  border-color: #c7d2fe !important;
}
html body main .sb-services--cards .sb-services__index{
  display: inline-flex !important;
  align-items: center; justify-content: center;
  width: 44px; height: 44px;
  border-radius: 12px;
  background: #0A2540;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: .02em;
  margin: 0 0 1rem 0 !important;
}
html body main .sb-services--cards .sb-card__body{ padding: 0 !important; }
html body main .sb-services--cards .sb-card__body h3,
html body main .sb-services--cards .sb-card h3{
  font-size: 1.25rem; line-height: 1.3; margin: 0 0 .5rem; color: #0f172a;
}
html body main .sb-services--cards .sb-card__body p{
  font-size: 1rem; line-height: 1.6; color: #475569; margin: 0;
}

/* -- FAQ readability: proper cards, bg, border, spacing -- */
html body .sb-faq.sb-faq--accordion details,
html body .sb-faq details{
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 1.1rem 1.25rem !important;
  margin: 0 0 .75rem 0 !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.03);
}
html body .sb-faq details[open]{
  border-color: #c7d2fe !important;
  box-shadow: 0 2px 8px rgba(37,99,235,.08);
}
html body .sb-faq details summary{
  cursor: pointer;
  font-weight: 600 !important;
  color: #0f172a !important;
  font-size: 1.05rem !important;
  line-height: 1.45;
  list-style: none;
  padding-right: 2rem;
  position: relative;
}
html body .sb-faq details summary::-webkit-details-marker{ display: none; }
html body .sb-faq details summary::after{
  content: '+';
  position: absolute; right: 0; top: 50%;
  transform: translateY(-50%);
  font-size: 1.4rem; line-height: 1;
  color: #0A2540; font-weight: 400;
}
html body .sb-faq details[open] summary::after{ content: '−'; }
html body .sb-faq details > *:not(summary){
  margin-top: .75rem !important;
  color: #334155 !important;
  font-size: 1rem; line-height: 1.65;
}

/* -- Disclaimer / Privacy: professional prose + polished buttons -- */
html body main .sb-legal,
html body main.legal-page,
html body main:has(> article.sb-legal){
  max-width: 820px;
  margin: 0 auto;
  padding: 2.5rem 1.25rem 4rem;
}
html body main article h1,
html body main article h2,
html body main article h3{
  color: #0f172a;
  margin-top: 2rem; margin-bottom: .75rem;
  line-height: 1.25;
}
html body main article h1{ font-size: 2.25rem; margin-top: 0; }
html body main article h2{ font-size: 1.5rem; }
html body main article h3{ font-size: 1.2rem; }
html body main article p,
html body main article li{
  color: #334155; font-size: 1.05rem; line-height: 1.75;
  margin-bottom: 1rem;
}
html body main article ul,
html body main article ol{ padding-left: 1.25rem; margin-bottom: 1.25rem; }
html body main article ul li{ list-style: disc; }
html body main article ol li{ list-style: decimal; }
html body main article a{
  color: #0A2540; text-decoration: underline; text-underline-offset: 2px;
}

/* -- Button polish (all pages) -- */
html body .sb-btn{
  display: inline-flex; align-items: center; justify-content: center;
  gap: .5rem;
  padding: .85rem 1.5rem;
  border-radius: 10px;
  font-weight: 600; font-size: 1rem;
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
  border: 1px solid transparent;
}
html body .sb-btn--primary{
  background: #0A2540; color: #fff;
  box-shadow: 0 2px 6px rgba(37,99,235,.25);
}
html body .sb-btn--primary:hover{
  background: #0A2540; transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(37,99,235,.35);
}
html body .sb-btn--ghost{
  background: transparent; color: #0A2540;
  border: 1px solid #c7d2fe;
}
html body .sb-btn--ghost:hover{
  background: #eff6ff; border-color: #0A2540;
}

/* -- Mobile tuning -- */
@media (max-width: 767px){
  html body main .sb-services--cards .sb-card{ padding: 1.5rem 1.25rem 1.25rem !important; }
  html body main .sb-services--cards .sb-services__index{ width: 40px; height: 40px; font-size: .95rem; }
  html body main article h1{ font-size: 1.75rem; }
  html body .sb-faq details{ padding: 1rem 1.1rem !important; }
}

/* === Fase 10U: services 01-04 forced override for Fase 10Q attribute-selector === */
html body main [data-sb-section="services"] .sb-card,
html body main .sb-services--cards .sb-card,
html body main #diensten .sb-card,
html body main .sb-services--cards .sb-services__item,
html body main [data-sb-section="services"] .sb-services__item{
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 1.75rem 1.75rem 1.5rem !important;
  box-shadow: 0 1px 2px rgba(15,23,42,0.04), 0 8px 24px rgba(15,23,42,0.05) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
html body main [data-sb-section="services"] .sb-card:hover,
html body main .sb-services--cards .sb-card:hover{
  transform: translateY(-2px) !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 2px 4px rgba(15,23,42,0.06), 0 16px 40px rgba(15,23,42,0.08) !important;
}
html body main [data-sb-section="services"] .sb-services__index,
html body main .sb-services--cards .sb-services__index,
html body main #diensten .sb-services__index{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  padding: 0 !important;
  border-radius: 12px !important;
  background: #0A2540;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0 !important;
  margin: 0 0 1rem 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  flex: 0 0 44px !important;
}
html body main [data-sb-section="services"] .sb-card__body,
html body main .sb-services--cards .sb-card__body{
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html body main [data-sb-section="services"] .sb-card__title,
html body main .sb-services--cards .sb-card__title{
  font-size: 1.125rem !important;
  line-height: 1.35 !important;
  color: #0f172a !important;
  margin: 0 0 .5rem 0 !important;
}
html body main [data-sb-section="services"] .sb-card__text,
html body main .sb-services--cards .sb-card__text,
html body main [data-sb-section="services"] .sb-card p,
html body main .sb-services--cards .sb-card p{
  color: #475569 !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

/* === Fase 10V: footer logo solid blue (geen groen/teal cast) === */
html body .sb-footer svg circle{ fill: #0A2540 !important; }

/* === Fase 10W-rev: body reset only (chat widget forcing removed) === */
html, html body{
  background: #ffffff !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #0f172a !important;
}
/* Green dot next to footer logo */
html body .sb-footer__brand::before,
html body .sb-footer__brand::after,
html body .sb-footer .sb-footer__brand::before{
  display: none !important;
  content: none !important;
  background: transparent !important;
  width: 0 !important;
  height: 0 !important;
}

/* === Fase 10X: kennisbank article cards - proper styling + padding === */
html body main .sb-kennisbank .sb-card,
html body main article.sb-card,
html body main .sb-grid--3 article.sb-card,
html body main .sb-grid--3 > .sb-card{
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 1.5rem 1.5rem 1.25rem !important;
  overflow: hidden !important;
  box-shadow: 0 1px 2px rgba(15,23,42,0.04), 0 8px 24px rgba(15,23,42,0.05) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
}
html body main article.sb-card:hover{
  transform: translateY(-2px) !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 2px 4px rgba(15,23,42,0.06), 0 16px 40px rgba(15,23,42,0.08) !important;
}
html body main article.sb-card .sb-card__title,
html body main article.sb-card h3,
html body main article.sb-card h2{
  font-size: 1.1rem !important;
  line-height: 1.35 !important;
  color: #0f172a !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-wrap: anywhere !important;
}
html body main article.sb-card p,
html body main article.sb-card .sb-card__excerpt,
html body main article.sb-card .sb-card__text{
  color: #475569 !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}
html body main article.sb-card a{
  color: inherit !important;
  text-decoration: none !important;
}
html body main article.sb-card .sb-card__meta,
html body main article.sb-card time{
  color: #64748b !important;
  font-size: 0.825rem !important;
}
html body main article.sb-card img{
  border-radius: 10px !important;
  margin-bottom: 0.25rem !important;
}
/* Visible "read more" / link */
html body main article.sb-card .sb-card__cta,
html body main article.sb-card a.sb-link{
  margin-top: auto !important;
  color: #0A2540 !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
}

/* === Fase 10Y: unified chat trigger across all pages (cyan gradient like home) === */
.sb-chat-widget__trigger{
  background: #0A2540;
}
.sb-chat-widget__trigger:hover{
  background: #0A2540;
}

/* === Fase 10Z: chat widget IDENTIEK op alle paginas - scoped var override === */
.sb-chat-widget,
.sb-chat-widget *{
  --sb-primary: #22C55E !important;
  --sb-primary-dark: #0A2540 !important;
  --sb-primary-glow: rgba(14,165,233,0.3) !important;
  --sb-accent: #22C55E !important;
}
.sb-chat-widget__trigger{
  width: 66.4px !important;
  height: 66.4px !important;
}

/* === Fase 11A: rebrand - new palette navy/orange + logo SVG === */
:root{
  --sb-primary: #0A2540 !important;
  --sb-primary-dark: #0A2540 !important;
  --sb-primary-glow: rgba(10,37,64,0.30) !important;
  --sb-accent: #22C55E !important;
  --sb-accent-dark: #22C55E !important;
  --sb-bg: #FFFFFF !important;
  --sb-bg-alt: #F5F7FA !important;
  --sb-text: #333333 !important;
  --sb-border: #E2E8F0 !important;
}
.sb-chat-widget,
.sb-chat-widget *{
  --sb-primary: #0A2540 !important;
  --sb-primary-dark: #22C55E !important;
  --sb-primary-glow: rgba(10,37,64,0.30) !important;
  --sb-accent: #22C55E !important;
}
.sb-chat-widget__trigger{
  background: #0A2540;
}
/* Replace header logo with new D-mark + wordmark logo */
html body .sb-header__logo,
html body .sb-header__brand,
html body header a[class*=logo],
html body header a[class*=brand]{
  background-image: url(/images/degero/degero-logo-green-20260524.svg?v=15o) !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  width: 240px !important;
  height: 60px !important;
  display: inline-block !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
}
html body .sb-header__logo svg,
html body .sb-header__brand svg,
html body header a[class*=logo] svg,
html body header a[class*=brand] svg{
  display: none !important;
}
/* Footer brand: negative variant on navy */
html body .sb-footer__brand,
html body footer a[class*=brand]{
  background-image: url(/assets/brand/degero-logo-negative.svg?v=15o) !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  width: 240px !important;
  height: 60px !important;
  display: inline-block !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
}
html body .sb-footer__brand svg,
html body footer a[class*=brand] svg{
  display: none !important;
}
/* Buttons / CTAs to navy with orange accent on hover */
html body .sb-btn--primary,
html body .sb-cta--primary,
html body button.sb-btn,
html body a.sb-btn{
  background: #0A2540 !important;
  color: #FFFFFF !important;
  border-color: #0A2540 !important;
}
html body .sb-btn--primary:hover,
html body .sb-cta--primary:hover,
html body button.sb-btn:hover,
html body a.sb-btn:hover{
  background: #22C55E !important;
  color: #FFFFFF !important;
  border-color: #08783f !important;
}

/* Logo size is locked in degero-chrome.css. */
/* Section index pills: navy with orange highlight */
html body .sb-services__index,
html body [class*=__index]{
  background: #0A2540 !important;
  color: #FFFFFF !important;
}
/* Hero gradient swap */
html body main > section:first-of-type{
  background: #0A2540;
}

/* === Fase 11C: force-hide old inline SVGs in nav/footer brand === */
html body a.sb-navbar__brand img, html body a.sb-footer__brand img { display: block !important; visibility: visible !important; }
html body a.sb-navbar__brand { background-image: none !important; width: 140px !important; height: auto !important; max-height: 44px !important; }
html body a.sb-footer__brand { background-image: url(/assets/brand/degero-logo-negative.svg?v=15o) !important; background-repeat: no-repeat !important; background-position: left center !important; background-size: contain !important; width: 240px !important; height: 56px !important; font-size: 0 !important; color: transparent !important; }

/* === Fase 11D: nuke remaining light-blue + add brand palette polish === */
html body .sb-cta,
html body a.sb-cta,
html body button.sb-cta,
html body .sb-cta--primary,
html body a.sb-btn-primary,
html body button.sb-btn-primary,
html body [class*=cta]:not([class*=secondary]):not([class*=outline]):not(.sb-chat-cta):not(.sb-btn):not([class*=btn]):not(.sb-phone-block):not([class*=cta-tel]),
html body [class*=btn-primary]:not(.sb-btn):not(.sb-chat-cta):not(button):not(a){
  color: #FFFFFF !important;
}
html body .sb-cta:hover,
html body a.sb-cta:hover,
html body button.sb-cta:hover,
html body .sb-cta--primary:hover,
html body [class*=cta]:hover{
  background: #22C55E !important;
  border-color: #08783f !important;
  color: #FFFFFF !important;
}
html body [class*=pill],
html body [class*=tag],
html body [class*=badge],
html body [class*=breadcrumb] {
  border-color: #0A2540 !important;
  color: #0A2540 !important;
}
html body [class*=pill][class*=primary],
html body [class*=pill]:not([class*=outline]) {
  background: #F5F7FA !important;
  color: #0A2540 !important;
}
html body a:not(.sb-cta):not(.sb-btn):not([class*=brand]):not(.sb-nav__link):not(.sb-chat-cta){
  color: #22C55E;
}
html body a:not(.sb-cta):not(.sb-btn):not([class*=brand]):not(.sb-nav__link):hover{
  color: #22C55E;
}
html body input:focus,html body textarea:focus,html body select:focus,html body button:focus{
  outline-color: #08783f !important;
  border-color: #0A2540 !important;
}
/* Footer: ensure text is white/light-grey on navy */
html body .sb-footer,
html body footer{
  background: #0A2540 !important;
  color: #F5F7FA !important;
}
html body .sb-footer a,
html body footer a{
  color: #F5F7FA !important;
}
html body .sb-footer a:hover,
html body footer a:hover{
  color: #08783f !important;
}
html body .sb-footer h1,html body .sb-footer h2,html body .sb-footer h3,html body .sb-footer h4,html body .sb-footer h5,html body .sb-footer h6,
html body footer h1,html body footer h2,html body footer h3,html body footer h4,html body footer h5,html body footer h6{
  color: #FFFFFF !important;
}
html body .sb-footer__column-title,
html body [class*=footer][class*=title]{
  color: #FFFFFF !important;
  letter-spacing: 2px;
}
/* Light grey section backgrounds */
html body section.sb-section--alt,
html body section[class*=alt],
html body section[class*=grey]{
  background: #F5F7FA !important;
}
/* Chat trigger: always navy->orange gradient site-wide */
html body .sb-chat-widget__trigger{
  background: #0A2540;
}
html body .sb-chat-widget__trigger:hover{
  background: #0A2540;
  transform: scale(1.08);
}
html body .sb-chat-widget__header,
html body .sb-chat-widget__window header{
  background: #0A2540;
  color: #FFFFFF !important;
}
html body .sb-chat-widget__send,
html body .sb-chat-widget__submit,
html body .sb-chat-widget__window button[type=submit]{
  background: #22C55E !important;
  color: #FFFFFF !important;
}
/* Underlines + highlights navy */
html body .sb-navbar__link--active,
html body .sb-nav__link--active,
html body nav a[aria-current=page]{
  color: #08783f !important;
  border-bottom-color: #08783f !important;
}

/* === Fase 11E: scope link colours - nav links navy, only true content links orange === */
html body header a,
html body nav a,
html body .sb-navbar a,
html body .sb-navbar__link,
html body .sb-nav__link{
  color: #0A2540 !important;
}
html body header a:hover,
html body nav a:hover,
html body .sb-navbar a:hover,
html body .sb-navbar__link:hover,
html body .sb-nav__link:hover,
html body .sb-navbar__link--active,
html body nav a[aria-current=page]{
  color: #08783f !important;
  border-bottom-color: #08783f !important;
}
html body main p a,
html body main article a:not([class]){
  color: #08783f !important;
}
html body main p a:hover,
html body main article a:not([class]):hover{
  color: #08783f !important;
}
/* Price values + stat numbers - keep their hero feel but with brand palette */
html body [class*=price],
html body [class*=stat] [class*=value],
html body [class*=stat__number]{
  color: #08783f !important;
}
/* Breadcrumb chevron + outline pills */
html body [class*=breadcrumb] svg,
html body [class*=breadcrumb] [aria-hidden]{
  color: #94A3B8 !important;
  fill: #94A3B8 !important;
}
/* Pills that were #0A2540 outline */
html body [class*=pill]:not([class*=primary]){
  background: #FFFFFF !important;
  border: 1px solid #0A2540 !important;
  color: #0A2540 !important;
}

/* === Fase 11F: Tim brand colours === */
/* Force chat header navy->orange gradient */
html body .sb-chat-widget__header{
  background: #0A2540;
  color: #FFFFFF !important;
}

/* === Fase 11G: hide chat badge, kill remaining light-blue === */
/* Hide chat unread/notification badge */
html body .sb-chat-widget__badge,
html body [class*=chat][class*=badge],
html body [class*=chat][class*=unread],
html body [class*=chat][class*=notify]{ display: none !important; visibility: hidden !important; }
/* Active nav link: navy underline, navy text */
html body a[aria-current=page],
html body .sb-navbar__link--active,
html body .sb-nav__link--active,
html body nav a.is-active{
  color: #0A2540 !important;
  border-bottom-color: #08783f !important;
  text-decoration-color: #08783f !important;
}
/* Kill any remaining light-blue site-wide via attribute selectors */
html body [style*="#0ea5e9"],html body [style*="#0EA5E9"],html body [style*="#0A2540"],html body [style*="#0A2540"],
html body [style*="#0084"],html body [style*="#3b82f6"],html body [style*="#0A2540"]{
  color: #0A2540 !important;
  background-color: transparent !important;
  border-color: #0A2540 !important;
}
/* Hero pill border - make navy, no light blue */
html body main > section:first-of-type [class*=pill],
html body main > section:first-of-type [class*=badge],
html body main > section:first-of-type [class*=tag]{
  border-color: #0A2540 !important;
  color: #0A2540 !important;
  background: #F5F7FA !important;
}
/* Hero pill dividers "|" still showing as light blue text */
html body main > section:first-of-type [class*=pill] *,
html body main > section:first-of-type [class*=hero] [class*=pill] *{
  color: #0A2540 !important;
}

/* === Fase 11H: footer text readable + remove LinkedIn link === */
html body .sb-footer p,
html body .sb-footer__about,
html body .sb-footer__lead,
html body footer p,
html body footer [class*=about],
html body footer [class*=lead]{
  color: #F5F7FA !important;
  opacity: 1 !important;
  font-size: 15px;
  line-height: 1.7;
}
/* Hide the LinkedIn link in footer */
html body .sb-footer a[href*=linkedin],
html body footer a[href*=linkedin],
html body footer a[href*="tim-grootes"]{ display: none !important; }

/* Header height is locked in degero-chrome.css (60–64px). */

/* === Fase 11J: definitief - alleen #22C55E/#0A2540/#F5F7FA/#333333 === */
html body :root, html, body{
  --sb-primary: #0A2540 !important;
  --sb-primary-dark: #0A2540 !important;
  --sb-primary-glow: rgba(10,37,64,0.3) !important;
  --sb-accent: #22C55E !important;
  --sb-accent-dark: #22C55E !important;
  --sb-text: #333333 !important;
  --sb-bg-alt: #F5F7FA !important;
  --sb-border: #F5F7FA !important;
}
/* Hero info-pill (M&R-ADVIES | OFFERTEBEOORDELING | EPBD III & GACS) */
html body main > section:first-of-type [class*=hero] [class*=pill],
html body main > section:first-of-type [class*=hero] [class*=tag],
html body main > section:first-of-type [class*=hero] [class*=badge],
html body main > section:first-of-type .sb-hero__topics,
html body main > section:first-of-type .sb-hero__pills,
html body main [class*=hero__topic],
html body main [class*=hero__pill],
html body main [class*=hero__tag]{
  background: #F5F7FA !important;
  border: 1px solid #0A2540 !important;
  color: #0A2540 !important;
}
html body main > section:first-of-type [class*=hero] [class*=pill] *,
html body main > section:first-of-type [class*=hero] [class*=topic] *,
html body main [class*=hero__topic] *,
html body main [class*=hero__pill] *{
  color: #0A2540 !important;
  background: transparent !important;
}
/* Active nav link */
html body a[aria-current=page],
html body .sb-navbar__link--active,
html body .sb-nav__link--active,
html body nav a.is-active,
html body nav a[href="/"][aria-current],
html body header a[aria-current]{
  color: #0A2540 !important;
  border-bottom: 2px solid #22C55E !important;
  text-decoration: none !important;
}
/* Force navbar brand bigger with maximum specificity */
html body header a.sb-navbar__brand,
html body .sb-navbar a.sb-navbar__brand,
html body nav a.sb-navbar__brand{
  width: 360px !important;
  height: 80px !important;
  background-size: contain !important;
  background-position: left center !important;
  background-repeat: no-repeat !important;
}
/* Kill any remaining stray light blues */
*{
  --sky: #0A2540 !important;
  --info: #0A2540 !important;
}

/* === Fase 11K: FORCE bigger header logo with min-width + height === */
html body header a.sb-navbar__brand,
html body .sb-navbar a.sb-navbar__brand,
html body nav a.sb-navbar__brand,
html body a.sb-navbar__brand{
  min-width: 360px !important;
  max-width: 420px !important;
  width: 360px !important;
  min-height: 80px !important;
  height: 80px !important;
  background-image: url(/images/degero/degero-logo-green-20260524.svg?v=15o) !important;
  background-size: contain !important;
  background-position: left center !important;
  background-repeat: no-repeat !important;
  flex: 0 0 360px !important;
}
html body > header,
html body .sb-navbar,
html body nav.sb-navbar{
  min-height: 100px !important;
}
/* Kill light blue in M&R-ADVIES pill - target text nodes more aggressively */
html body main > section:first-child *[style*="color"]:not([style*="#0A"]):not([style*="#FF"]):not([style*="#33"]):not([style*="#F5"]){
  color: #0A2540 !important;
}
/* The hero pill is likely a div/span containing the text - force navy on anything with light-blue ish color */
@supports (color: oklch(0.7 0.15 220)){
  html body main > section:first-of-type *{
    --any-blue-override: #0A2540;
  }
}
/* Force ANY element in the hero with cyan/light-blue color to navy */
html body main > section:first-of-type .sb-hero__pill,
html body main > section:first-of-type .sb-hero__topics,
html body main > section:first-of-type [class*=hero] [class*=pill],
html body main > section:first-of-type [class*=hero] [class*=topic],
html body main > section:first-of-type [class*=hero__topic],
html body main > section:first-of-type [class*=hero__pill],
html body main > section:first-of-type [class*=hero] > div:first-child{
  color: #0A2540 !important;
  background: #F5F7FA !important;
  border-color: #0A2540 !important;
}
html body main > section:first-of-type [class*=hero__topic] *,
html body main > section:first-of-type [class*=hero__pill] *,
html body main > section:first-of-type [class*=hero] [class*=pill] *{
  color: #0A2540 !important;
  background: transparent !important;
}

/* === Fase 11L: logo iets kleiner + responsive === */
html body header a.sb-navbar__brand,
html body .sb-navbar a.sb-navbar__brand,
html body nav a.sb-navbar__brand,
html body a.sb-navbar__brand{
  min-width: 240px !important;
  max-width: 280px !important;
  width: 280px !important;
  min-height: 64px !important;
  height: 64px !important;
  flex: 0 0 280px !important;
}
html body > header,
html body .sb-navbar,
html body nav.sb-navbar{ min-height: 80px !important; }

/* Tablet: small drop */
@media (max-width: 1024px){
  html body a.sb-navbar__brand{
    min-width: 220px !important; max-width: 240px !important; width: 220px !important;
    height: 56px !important; min-height: 56px !important; flex: 0 0 220px !important;
  }
  html body > header, html body .sb-navbar{ min-height: 72px !important; }
}

/* Mobile: only icon + slim wordmark, fits in narrow viewport */
@media (max-width: 640px){
  html body a.sb-navbar__brand{
    min-width: 160px !important; max-width: 180px !important; width: 170px !important;
    height: 48px !important; min-height: 48px !important; flex: 0 0 170px !important;
  }
  html body > header, html body .sb-navbar, html body nav.sb-navbar{ min-height: 64px !important; }
  html body .sb-navbar__inner, html body .sb-navbar > div, html body > header > div{
    padding-left: 16px !important; padding-right: 16px !important;
  }
}
@media (max-width: 420px){
  html body a.sb-navbar__brand{
    min-width: 140px !important; max-width: 160px !important; width: 150px !important;
    height: 42px !important; min-height: 42px !important; flex: 0 0 150px !important;
  }
}

/* Footer brand also responsive */
html body a.sb-footer__brand{ width: 240px !important; height: 64px !important; }
@media (max-width: 640px){
  html body a.sb-footer__brand{ width: 180px !important; height: 50px !important; }
}

/* Chat trigger gradient on ALL pages (was missing on subpages) */
html body .sb-chat-widget__trigger{
  background: #0A2540;
  border: none !important;
}
html body .sb-chat-widget__trigger:hover{
  background: #0A2540;
  transform: scale(1.08);
}

/* Underline active nav: orange only */
html body header a[aria-current=page],
html body header .sb-navbar__link--active,
html body header nav a.is-active,
html body header nav a[aria-current],
html body .sb-navbar__link--active{
  color: #0A2540 !important;
  border-bottom-color: #08783f !important;
  text-decoration-color: #08783f !important;
  text-underline-offset: 6px !important;
}

/* === Fase 11M: sticky header, vertical center, smaller mobile logo === */
html body header.sb-header,
html body .sb-navbar,
html body nav.sb-navbar,
html body header[class*=navbar]{
  position: fixed !important;
  top: 0 !important;
  z-index: 100 !important;
  background: #FFFFFF !important;
  backdrop-filter: saturate(180%) blur(8px);
  -webkit-backdrop-filter: saturate(180%) blur(8px);
  border-bottom: 1px solid #F5F7FA !important;
  box-shadow: 0 1px 0 rgba(10,37,64,0.04), 0 8px 24px rgba(10,37,64,0.04) !important;
}

/* Vertical center every flex/grid item in the header */
html body header.sb-header,
html body .sb-navbar,
html body nav.sb-navbar,
html body header[class*=navbar],
html body .sb-navbar__inner,
html body > header > div:first-child,
html body .sb-navbar > div{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  gap: 24px;
}
html body .sb-navbar__inner > *,
html body .sb-navbar > div > *,
html body > header > div > *{
  align-self: center !important;
}

/* Smaller mobile logo + force inline with menu button */
@media (max-width: 640px){
  html body a.sb-navbar__brand{
    min-width: 130px !important; max-width: 150px !important; width: 140px !important;
    height: 40px !important; min-height: 40px !important; flex: 0 0 140px !important;
  }
  html body > header, html body .sb-navbar, html body nav.sb-navbar{ min-height: 56px !important; }
  html body .sb-navbar__inner, html body > header > div:first-child{
    flex-wrap: nowrap !important;
    padding: 8px 14px !important;
  }
  /* hamburger / menu trigger should stay right */
  html body .sb-navbar__menu-btn, html body [class*=menu-btn], html body [class*=hamburger]{
    margin-left: auto !important;
    align-self: center !important;
  }
}
@media (max-width: 420px){
  html body a.sb-navbar__brand{
    min-width: 110px !important; max-width: 130px !important; width: 120px !important;
    height: 36px !important; min-height: 36px !important; flex: 0 0 120px !important;
  }
  html body > header, html body .sb-navbar{ min-height: 52px !important; }
}

/* Compensate for sticky header: hero shouldn't go under it */
html body main{ scroll-padding-top: 96px; }

/* === Fase 11N: actief menu onderstreep navy ipv blauw === */
html body header a[aria-current=page],
html body header a[aria-current],
html body header .sb-navbar__link--active,
html body header .sb-nav__link--active,
html body header nav a.is-active,
html body header nav a[aria-current],
html body .sb-navbar__link--active,
html body nav a[aria-current=page]{
  color: #0A2540 !important;
  border-bottom: 3px solid #0A2540 !important;
  text-decoration: underline !important;
  text-decoration-color: #0A2540 !important;
  text-decoration-thickness: 3px !important;
  text-underline-offset: 6px !important;
  background-image: none !important;
}
/* Sitebirds active state often uses ::after as the indicator bar */
html body header a[aria-current=page]::after,
html body header .sb-navbar__link--active::after,
html body header nav a[aria-current]::after,
html body .sb-navbar__link--active::after{
  background: #0A2540 !important;
  background-color: #0A2540 !important;
  border-color: #0A2540 !important;
}
html body header a[aria-current=page]::before,
html body header .sb-navbar__link--active::before{
  background: #0A2540 !important;
}

/* === Fase 11O: kill is-active sky-blue underline + remove blinking pill cursor === */
html body header a.is-active::after,
html body nav a.is-active::after,
html body header a[aria-current=page]::after,
html body header .sb-navbar__link.is-active::after,
html body .sb-navbar a.is-active::after{
  background: #0A2540 !important;
  background-color: #0A2540 !important;
  border-color: #0A2540 !important;
  height: 3px !important;
}

/* Remove any blinking/pulsing animations in the hero pill area */
html body main > section:first-of-type [class*=hero] *,
html body main > section:first-of-type [class*=pill] *,
html body main > section:first-of-type [class*=topic] *,
html body main > section:first-of-type [class*=tag] *{
  animation: none !important;
  -webkit-animation: none !important;
  caret-color: transparent !important;
}
html body main > section:first-of-type [class*=hero] *::before,
html body main > section:first-of-type [class*=hero] *::after,
html body main > section:first-of-type [class*=pill]::before,
html body main > section:first-of-type [class*=pill]::after,
html body main > section:first-of-type [class*=topic]::before,
html body main > section:first-of-type [class*=topic]::after{
  animation: none !important;
  -webkit-animation: none !important;
  display: none !important;
  content: none !important;
}
@keyframes blink, pulse, fade, cursor, typing, blink-cursor, sb-cursor{
  to{ opacity: 1 !important; }
}

/* === Fase 11P: extra sticky enforcement === */
html body > header,
html body header.sb-header,
html body .sb-navbar,
html body nav.sb-navbar,
html body header[class*=navbar],
html body header[role=banner]{
  position: -webkit-sticky !important;
  position: fixed !important;
  position: fixed !important;
  top: 0 !important;
  z-index: 999 !important;
  background: #FFFFFF !important;
  border-bottom: 1px solid rgba(10,37,64,0.08) !important;
  box-shadow: 0 1px 0 rgba(10,37,64,0.04), 0 8px 24px rgba(10,37,64,0.06) !important;
}
html, body{ overflow: visible !important; }

/* === Fase 11Q: globale alignment-normalisatie - alles left-aligned consistent === */
/* Hero secties: H1 + lead links uitgelijnd, niet mixed */
html body main > section:first-of-type,
html body main > section.sb-hero,
html body main > section[class*=hero]{
  text-align: left !important;
}
html body main > section:first-of-type h1,
html body main > section:first-of-type h2,
html body main > section:first-of-type p,
html body main > section:first-of-type .sb-hero__lead,
html body main > section:first-of-type .sb-hero__title,
html body main > section:first-of-type [class*=hero__lead],
html body main > section:first-of-type [class*=hero__title]{
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}
/* Section headings: centered ONLY if their section is explicitly centered */
html body main section[class*=centered] h2,
html body main section[class*=centered] p,
html body main section.sb-section--centered h2,
html body main section.sb-section--centered p{
  text-align: center !important;
}
/* Default for non-hero sections that follow standard pattern: section heading + intro centered, content cards left */
html body main section:not(:first-of-type) > div > h2:first-child,
html body main section:not(:first-of-type) > header h2,
html body main section:not(:first-of-type) > h2{
  text-align: center;
}
html body main section:not(:first-of-type) > div > p:nth-of-type(1),
html body main section:not(:first-of-type) > p:first-of-type{
  text-align: center;
  max-width: 70ch;
  margin-left: auto;
  margin-right: auto;
}
/* Card content: always left-aligned inside */
html body main .sb-card,
html body main article.sb-card,
html body main [class*=card]{
  text-align: left !important;
}
html body main .sb-card h3,
html body main .sb-card p,
html body main .sb-card ul,
html body main .sb-card li,
html body main article.sb-card h3,
html body main article.sb-card p{
  text-align: left !important;
}
/* Hero content max-width to prevent ugly long lines */
html body main > section:first-of-type .sb-hero__content,
html body main > section:first-of-type [class*=hero__content],
html body main > section:first-of-type [class*=hero__text]{
  max-width: 640px;
}
/* Buttons in hero stay left-aligned */
html body main > section:first-of-type .sb-hero__actions,
html body main > section:first-of-type [class*=hero__actions],
html body main > section:first-of-type [class*=hero__buttons]{
  justify-content: flex-start !important;
  text-align: left !important;
}

/* === Fase 11R: restore hero card checkmarks (per ongeluk verborgen door Fase 11O) === */
html body main > section:first-of-type li::before,
html body main > section:first-of-type ul li::before,
html body main > section:first-of-type [class*=hero] li::before,
html body main > section:first-of-type [class*=check] *::before,
html body main > section:first-of-type [class*=__check],
html body main > section:first-of-type [class*=__check]::before,
html body main > section:first-of-type svg.sb-icon-check,
html body main > section:first-of-type [class*=icon-check]{
  display: inline-block !important;
  content: "\2713" !important;
  color: #08783f !important;
}
html body main > section:first-of-type li{ list-style: none; padding-left: 1.6em; position: relative; }
html body main > section:first-of-type li::before{ position: absolute; left: 0; top: 0; color: #22C55E; font-weight: 700; }

/* === Fase 11S: ruimte H3<->tekst + verwijder donkere balk achter 'Plan kennismakingsgesprek' CTA === */
/* About section: header en body lekker uit elkaar */
html body .sb-about h3,
html body [class*=about] h3,
html body main section h3.sb-about__title,
html body main section [class*=about__title]{
  margin-bottom: 1.25rem !important;
  padding-bottom: 0.5rem;
  line-height: 1.25;
}
html body .sb-about h3 + div,
html body .sb-about h3 + p,
html body [class*=about] h3 + div,
html body [class*=about] h3 + p{
  margin-top: 1rem !important;
}

/* Remove dark band behind the 'Plan een kennismakingsgesprek' CTA section */
html body section[class*=plan-een],
html body section[class*=plan_een],
html body [class*=cta-banner],
html body [class*=cta-block],
html body [class*=cta-strip]{
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
/* Common pattern: a wrapper div around the Plan-een-kennismaking CTA */
html body main > section:has(a[href*=plan-een-]),
html body main > section:has(a[href*=plan-gesprek]),
html body main > section:has(a[href*=kennismaking]){
  background: transparent !important;
}
/* Belt-and-braces: any element with class containing 'kennismaking' or 'plan-een' gets bg cleared */
html body [class*=kennismaking],
html body [class*=plan-een],
html body [class*=plan-gesprek]{
  background: transparent !important;
  background-image: none !important;
}

/* === Fase 11T: kill donkere navy band achter Plan kennismakingsgesprek CTA === */
html body .sb-section__cta,
html body div.sb-section__cta,
html body main .sb-section__cta,
html body main section .sb-section__cta{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #0A2540 !important;
  border: 1px solid #F5F7FA !important;
  box-shadow: none !important;
  border-radius: 16px !important;
  padding: 2rem !important;
}
html body .sb-section__cta *,
html body div.sb-section__cta *{
  color: #0A2540 !important;
}
html body .sb-section__cta a.sb-btn,
html body .sb-section__cta a.sb-cta,
html body .sb-section__cta button{
  background: #0A2540 !important;
  color: #FFFFFF !important;
  border-color: #0A2540 !important;
}
html body .sb-section__cta a.sb-btn:hover,
html body .sb-section__cta button:hover{
  background: #22C55E !important;
  border-color: #08783f !important;
  color: #FFFFFF !important;
}

/* === Fase 11U: minder lucht boven Klaar-om-uw-installateursofferte CTA === */
html body section:has(.sb-section__cta),
html body main section:has(a[href*="chat"]):has(.sb-section__cta){
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
html body .sb-section__cta{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 1.5rem 2rem !important;
}
html body .sb-section__cta h2,
html body .sb-section__cta h3{
  margin-top: 0 !important;
  margin-bottom: 0.5rem !important;
  font-size: 1.5rem !important;
  line-height: 1.25 !important;
}
html body .sb-section__cta p{
  margin-top: 0 !important;
  margin-bottom: 0.75rem !important;
}
/* The wrapper section: kill extra vertical padding */
html body main > section:has(.sb-section__cta){
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

/* === Fase 11V: kill light-blue header hover + extra compact CTA === */
/* Force nav link hover/focus to navy text + orange underline only */
html body header a,
html body nav a,
html body .sb-navbar a,
html body .sb-navbar__link,
html body .sb-nav__link{
  color: #0A2540 !important;
  background-color: transparent !important;
  background-image: none !important;
  transition: color 0.15s, background 0.15s;
}
html body header a:hover,
html body header a:focus,
html body header a:active,
html body nav a:hover,
html body nav a:focus,
html body nav a:active,
html body .sb-navbar a:hover,
html body .sb-navbar a:focus,
html body .sb-navbar__link:hover,
html body .sb-navbar__link:focus,
html body .sb-nav__link:hover,
html body .sb-nav__link:focus{
  color: #08783f !important;
  background-color: transparent !important;
  background-image: none !important;
  border-bottom-color: #08783f !important;
  text-decoration-color: #08783f !important;
}

html body header a:hover::after,
html body header a:focus::after,
html body nav a:hover::after,
html body nav a:focus::after,
html body .sb-navbar a:hover::after,
html body .sb-navbar__link:hover::after,
html body .sb-navbar__link:focus::after{
  background: #22C55E !important;
  background-color: #08783f !important;
  border-color: #08783f !important;
}
/* Dropdown menu items also navy-only */
html body .sb-navbar__dropdown a,
html body .sb-navbar__dropdown-link,
html body [class*=dropdown] a{
  color: #0A2540 !important;
  background-color: transparent !important;
}
html body .sb-navbar__dropdown a:hover,
html body [class*=dropdown] a:hover{
  color: #08783f !important;
  background-color: #F5F7FA !important;
}

/* CTA - kill ALL space above and tighten further */
html body main > section:has(.sb-section__cta){
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
html body .sb-section__cta{
  padding: 1rem 1.5rem !important;
  margin: 0 !important;
}
html body .sb-section__cta h2,
html body .sb-section__cta h3{
  margin: 0 0 0.25rem 0 !important;
  font-size: 1.25rem !important;
  line-height: 1.2 !important;
}
html body .sb-section__cta p{
  margin: 0 0 0.5rem 0 !important;
  font-size: 0.95rem;
}
html body .sb-section__cta a.sb-btn,
html body .sb-section__cta button,
html body .sb-section__cta a[class*=btn]{
  padding: 0.5rem 1.25rem !important;
  font-size: 0.95rem !important;
}

/* === Fase 11W: chat widget - hidden by default, only show when --open === */
html body .sb-chat-widget__window{
  display: none !important;
}
html body .sb-chat-widget--open .sb-chat-widget__window,
html body .sb-chat-widget .sb-chat-widget__window--open,
html body .sb-chat-widget__window[aria-hidden=false]{
  display: flex !important;
  flex-direction: column !important;
}
/* Trigger gradient site-wide */
html body .sb-chat-widget__trigger{
  background: #0A2540;
  color: #FFFFFF !important;
  border: none !important;
}
html body .sb-chat-widget__trigger:hover{
  background: #0A2540;
  transform: scale(1.06);
}
html body .sb-chat-widget__header{
  background: #0A2540 !important;
  color: #FFFFFF !important;
}
html body .sb-chat-widget__header *{ color:#FFFFFF !important; }
html body .sb-chat-widget__send,
html body .sb-chat-widget__submit,
html body .sb-chat-widget form button[type=submit]{
  background: #22C55E !important;
  color: #FFFFFF !important;
  border: none !important;
}

/* === Fase 11X: dropdown triggers (Pakketten, Diensten) hover ook oranje === */
html body header a.sb-navbar__link,
html body header button.sb-navbar__link,
html body header .sb-navbar__item > a,
html body header .sb-navbar__item > button,
html body .sb-navbar__dropdown > a,
html body .sb-navbar__dropdown > button,
html body [class*=navbar][class*=dropdown] > a,
html body [class*=navbar] [class*=item] > a,
html body [class*=navbar] [class*=item] > button{
  color: #0A2540 !important;
}
html body header a.sb-navbar__link:hover,
html body header a.sb-navbar__link:focus,
html body header button.sb-navbar__link:hover,
html body header .sb-navbar__item:hover > a,
html body header .sb-navbar__item:hover > button,

/* The chevron/caret SVG inside dropdown trigger */
html body header [class*=navbar] svg,
html body header [class*=navbar] [class*=chevron],
html body header [class*=navbar] [class*=caret]{
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
html body header a:hover svg,
html body header a:hover [class*=chevron],
html body header a:hover [class*=caret],
html body header button:hover svg,
html body header [class*=item]:hover svg{
  color: #08783f !important;
  fill: #22C55E !important;
  stroke: #22C55E !important;
}

/* === Fase 11Y: NUCLEAR nav hover - kill every blue tint === */

html body header a,
html body header a *,
html body header button,
html body header button *,
html body header [class*=item],
html body header [class*=item] *{
  color: #0A2540 !important;
  background-color: transparent !important;
}
html body header a:hover,

/* Exclude the Start chat button from this hover-orange (it stays navy) */
html body header a.sb-btn,
html body header a[class*=btn-primary]:not(.sb-btn):not(.sb-chat-cta):not(button):not(a),
html body header a[class*=cta],
html body header button.sb-btn,
html body header button[class*=cta]{
  color: #FFFFFF !important;
  background: #0A2540 !important;
}
/* SUPER nuclear hover - target any header descendant with :hover state */
@layer overrides{

}
html body .sb-navbar a:hover,
html body .sb-navbar a:hover *,
html body .sb-navbar > * > a:hover,
html body .sb-navbar > * > a:hover *,
html body .sb-navbar > ul > li:hover > a,


/* === Fase 12A: dropdown-btn (Pakketten, Diensten) hover oranje === */
html body header button.sb-navbar__dropdown-btn,
html body header .sb-navbar__dropdown-btn,
html body .sb-navbar__dropdown-btn{
  color: #0A2540 !important;
  background: transparent !important;
  border: none !important;
}
html body header button.sb-navbar__dropdown-btn *,
html body header .sb-navbar__dropdown-btn *,
html body .sb-navbar__dropdown-btn *{
  color: inherit !important;
  fill: currentColor !important;
}
html body header button.sb-navbar__dropdown-btn:hover,
html body header button.sb-navbar__dropdown-btn:focus,
html body header button.sb-navbar__dropdown-btn:active,
html body header button.sb-navbar__dropdown-btn[aria-expanded=true],
html body header .sb-navbar__dropdown-btn:hover,
html body header .sb-navbar__dropdown-btn:focus,
html body header .sb-navbar__dropdown-btn[aria-expanded=true],
html body .sb-navbar__dropdown-btn:hover,
html body .sb-navbar__dropdown-btn:focus,
html body .sb-navbar__dropdown-btn[aria-expanded=true]{
  color: #08783f !important;
  background: transparent !important;
}


/* === Fase 12B: submenu items NAVY default, alleen :hover oranje === */
html body header .sb-navbar__dropdown a,
html body header .sb-navbar__dropdown-menu a,
html body header .sb-navbar__dropdown-link,
html body header [class*=dropdown-menu] a,
html body header [class*=dropdown] a:not(.sb-navbar__dropdown-btn),
html body header [class*=submenu] a,
html body header [class*=menu] a:not(.sb-navbar__dropdown-btn):not(.sb-btn){
  color: #0A2540 !important;
  background-color: transparent !important;
  fill: #0A2540 !important;
}
html body header .sb-navbar__dropdown a *,
html body header .sb-navbar__dropdown-link *,
html body header [class*=dropdown-menu] a *,
html body header [class*=dropdown] a:not(.sb-navbar__dropdown-btn) *{
  color: #0A2540 !important;
  fill: #0A2540 !important;
}
/* Alleen :hover op het specifieke item -> oranje */
html body header .sb-navbar__dropdown a:hover,
html body header .sb-navbar__dropdown a:focus,
html body header .sb-navbar__dropdown-menu a:hover,
html body header .sb-navbar__dropdown-menu a:focus,
html body header .sb-navbar__dropdown-link:hover,
html body header .sb-navbar__dropdown-link:focus,
html body header [class*=dropdown-menu] a:hover,
html body header [class*=dropdown-menu] a:focus,
html body header [class*=dropdown] a:not(.sb-navbar__dropdown-btn):hover,
html body header [class*=submenu] a:hover,
html body header [class*=menu] a:not(.sb-navbar__dropdown-btn):not(.sb-btn):hover{
  color: #08783f !important;
  background-color: #F5F7FA !important;
  fill: #22C55E !important;
}

/* Killer for any earlier rule that made the whole dropdown content orange on parent state */
html body header [class*=dropdown-btn][aria-expanded=true] ~ * a,
html body header .sb-navbar__dropdown:hover > .sb-navbar__dropdown-menu a,
html body header [class*=dropdown]:hover > [class*=menu] a{
  color: #0A2540 !important;
}

/* === Fase 12C: FINAL fix dropdown items - NAVY default, only individual :hover oranje === */

/* Behalve de open dropdown-btn zelf */
html body header .sb-navbar__dropdown:hover > .sb-navbar__dropdown-btn,
html body header .sb-navbar__dropdown:hover > .sb-navbar__dropdown-btn *,
html body header [class*=dropdown]:hover > .sb-navbar__dropdown-btn,
html body header [class*=dropdown]:hover > .sb-navbar__dropdown-btn *,
html body header button.sb-navbar__dropdown-btn[aria-expanded="true"],
html body header button.sb-navbar__dropdown-btn[aria-expanded="true"] *{
  color: #08783f !important;
  fill: #22C55E !important;
}
/* Items in open menu - alleen oranje als individueel gehoverd */
html body header .sb-navbar__dropdown-menu a,
html body header .sb-navbar__dropdown-menu a *,
html body header [class*=dropdown-menu] a,
html body header [class*=dropdown-menu] a *{
  color: #0A2540 !important;
  fill: #0A2540 !important;
  -webkit-text-fill-color: #0A2540 !important;
}
html body header .sb-navbar__dropdown-menu a:hover,


/* === Fase 12D: real submenu class is sb-navbar__submenu === */
html body header .sb-navbar__submenu a,
html body header .sb-navbar__submenu a *,
html body header ul.sb-navbar__submenu a,
html body header li.sb-navbar__has-submenu .sb-navbar__submenu a{
  color: #0A2540 !important;
  fill: #0A2540 !important;
  -webkit-text-fill-color: #0A2540 !important;
  background-color: transparent !important;
}
html body header .sb-navbar__submenu a:hover,

/* When parent has-submenu is hovered, items must NOT auto-orange */
html body header li.sb-navbar__has-submenu:hover > .sb-navbar__submenu a,
html body header li.sb-navbar__has-submenu:hover .sb-navbar__submenu a *{
  color: #0A2540 !important;
  fill: #0A2540 !important;
}

/* === Fase 12E: pakketten sectie consistente top margin === */
html body main section.sb-services.sb-services--cards,
html body main section#pakketten,
html body main section[data-sb-section=pakketten]{
  padding-top: 5rem !important;
  padding-bottom: 4rem !important;
  margin-top: 0 !important;
}
/* Consistent vertical rhythm voor alle main sections */
html body main > section{
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
html body main > section:first-of-type{
  padding-top: 3rem !important;
}
@media (max-width: 640px){
  html body main > section{
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}

/* === Fase 12F: ULTRA-FORCED submenu colors === */
html body .sb-navbar__submenu a,
html body .sb-navbar__submenu a *,
html body .sb-navbar__menu .sb-navbar__submenu a,
html body .sb-navbar__menu .sb-navbar__submenu a *,
html body header .sb-navbar__submenu a,
html body header .sb-navbar__submenu a *,
html body header li.sb-navbar__has-submenu .sb-navbar__submenu li a,
html body header li.sb-navbar__has-submenu .sb-navbar__submenu li a *,
html body nav.sb-navbar .sb-navbar__submenu a,
html body nav.sb-navbar .sb-navbar__submenu a *{
  color: #0A2540 !important;
  fill: #0A2540 !important;
  -webkit-text-fill-color: #0A2540 !important;
  background-color: transparent !important;
  background-image: none !important;
}
html body .sb-navbar__submenu a:hover,
html body .sb-navbar__submenu a:hover *,
html body .sb-navbar__submenu a:focus,
html body header .sb-navbar__submenu li a:hover,


/* === Fase 12G: ABSOLUTE final - submenu items NAVY, ONLY actual hovered link oranje === */
/* First: nuke any inherited color in navbar containers */
html body nav.sb-navbar,
html body nav.sb-navbar *,
html body header nav.sb-navbar,
html body header nav.sb-navbar *,
html body .sb-navbar__inner,
html body .sb-navbar__inner *,
html body .sb-navbar__menu,
html body .sb-navbar__menu *,
html body .sb-navbar__submenu,
html body .sb-navbar__submenu *,
html body li.sb-navbar__has-submenu,
html body li.sb-navbar__has-submenu *{
  color: #0A2540;
}
/* Submenu links: navy default forced */
html body .sb-navbar__submenu li a,
html body .sb-navbar__submenu li a *,
html body .sb-navbar__submenu > li > a,
html body ul.sb-navbar__submenu li a{
  color: #0A2540 !important;
  -webkit-text-fill-color: #0A2540 !important;
}
/* ONLY the specific hovered link itself becomes orange */
html body .sb-navbar__submenu li a:hover,
html body .sb-navbar__submenu li a:hover *,
html body .sb-navbar__submenu li a:focus,
html body .sb-navbar__submenu li a:focus *{
  color: #08783f !important;
  -webkit-text-fill-color: #08783f !important;
  background-color: #F5F7FA !important;
}
/* The dropdown trigger button (Pakketten/Diensten) - hover & open-state oranje */
html body button.sb-navbar__dropdown-btn{
  color: #0A2540 !important;
  -webkit-text-fill-color: #0A2540 !important;
}
html body button.sb-navbar__dropdown-btn:hover,
html body button.sb-navbar__dropdown-btn[aria-expanded=true],
html body button.sb-navbar__dropdown-btn:focus,
html body button.sb-navbar__dropdown-btn:hover *,
html body button.sb-navbar__dropdown-btn[aria-expanded=true] *{
  color: #08783f !important;
  -webkit-text-fill-color: #08783f !important;
  fill: #22C55E !important;
}
/* Top-level nav links (Home, Kennisbank, Over ons) */
html body .sb-navbar__menu > li > a:not(button){
  color: #0A2540 !important;
  -webkit-text-fill-color: #0A2540 !important;
}
html body .sb-navbar__menu > li > a:hover,
html body .sb-navbar__menu > li > a:focus,
html body .sb-navbar__menu > li > a:hover *,
html body .sb-navbar__menu > li > a:focus *{
  color: #08783f !important;
  -webkit-text-fill-color: #08783f !important;
}

/* === Fase 12H: geen gradients, solid navy chat + index pills, fix logo hover === */
/* Brand link must keep showing logo on hover */
html body header a.sb-navbar__brand,
html body header a.sb-navbar__brand:hover,
html body header a.sb-navbar__brand:focus{
  background-image: url(/images/degero/degero-logo-green-20260524.svg?v=15o) !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  background-color: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* Services index 01/02/03/04 - solid navy with white text + orange bottom border */
html body main .sb-services__index,
html body main [class*=services__index]{
  background: #0A2540 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border-radius: 12px !important;
  border: none !important;
  border-bottom: 3px solid #22C55E !important;
  font-weight: 700 !important;
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* Chat trigger - solid navy with orange icon, no gradient */
html body .sb-chat-widget__trigger{
  background: #0A2540 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border: none !important;
}
html body .sb-chat-widget__trigger:hover{
  background: #22C55E !important;
  background-image: none !important;
}
html body .sb-chat-widget__header{
  background: #0A2540 !important;
  background-image: none !important;
  color: #FFFFFF !important;
}
/* Generic: kill any leftover gradient backgrounds on common elements */
html body main *[style*="linear-gradient"]{
  background-image: none !important;
  background: #0A2540 !important;
}


/* === Fase 12I — hero achtergrond terug naar licht (geen donker navy) === */
html body section.sb-hero,
html body .sb-hero,
html body .sb-hero--split,
html body section.sb-hero--split{
  background: #F5F7FA !important;
  background-color: #F5F7FA !important;
  background-image: none !important;
  color: #0A2540 !important;
}
html body .sb-hero *,
html body .sb-hero--split *{
  color: inherit;
}
html body .sb-hero h1,
html body .sb-hero h2,
html body .sb-hero h3,
html body .sb-hero .sb-hero__title,
html body .sb-hero__title{
  color: #0A2540 !important;
}
html body .sb-hero p,
html body .sb-hero .sb-hero__lead,
html body .sb-hero__lead,
html body .sb-hero .sb-hero__subtitle{
  color: #333333 !important;
}
html body .sb-hero .sb-hero__eyebrow,
html body .sb-hero__eyebrow{
  color: #08783f !important;
}


/* === Fase 12J — strip background/border from CTA buttons only, not CTA sections === */
html body a.sb-cta,
html body button.sb-cta,
html body a.sb-btn-primary,
html body button.sb-btn-primary,
html body [class*=btn-primary]:not(.sb-btn):not(.sb-chat-cta):not(button):not(a){
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
}


/* === Fase 12K — herstel primaire knop: navy bg + witte tekst === */
/* Strip Fase 12J de wrappers, MAAR herstel de echte knop */
html body a.sb-btn--primary,
html body button.sb-btn--primary,
html body .sb-btn.sb-btn--primary,
html body a.sb-btn-primary,
html body button.sb-btn-primary,
html body .sb-chat-cta.sb-btn,
html body button.sb-chat-cta,
html body a.sb-chat-cta{
  background: #0A2540 !important;
  background-color: #0A2540 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border: 1px solid #0A2540 !important;
}
html body a.sb-btn--primary *,
html body button.sb-btn--primary *,
html body .sb-btn.sb-btn--primary *,
html body a.sb-btn-primary *,
html body button.sb-btn-primary *,
html body .sb-chat-cta *{
  color: #FFFFFF !important;
}
html body a.sb-btn--primary:hover,
html body button.sb-btn--primary:hover,
html body .sb-btn.sb-btn--primary:hover,
html body a.sb-btn-primary:hover,
html body button.sb-btn-primary:hover,
html body .sb-chat-cta:hover,
html body button.sb-chat-cta:hover{
  background: #22C55E !important;
  background-color: #08783f !important;
  border-color: #08783f !important;
  color: #FFFFFF !important;
}


/* === Fase 12L — primaire knop ALWAYS navy bg + white text (override Fase 12J wrapper-strip) === */
html body button.sb-chat-cta.sb-btn,
html body button.sb-btn.sb-chat-cta,
html body button.sb-btn.sb-btn--primary,
html body a.sb-btn.sb-btn--primary,
html body button.sb-chat-cta.sb-btn--primary,
html body a.sb-chat-cta.sb-btn--primary,
html body button.sb-navbar__cta.sb-chat-cta,
html body button.sb-footer__linkbtn.sb-chat-cta,
html body .sb-chat-cta.sb-btn,
html body .sb-btn.sb-btn--primary{
  background: #0A2540 !important;
  background-color: #0A2540 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border: 1px solid #0A2540 !important;
}
html body button.sb-chat-cta.sb-btn:hover,
html body button.sb-btn.sb-chat-cta:hover,
html body button.sb-btn.sb-btn--primary:hover,
html body a.sb-btn.sb-btn--primary:hover,
html body button.sb-chat-cta.sb-btn--primary:hover,
html body a.sb-chat-cta.sb-btn--primary:hover,
html body button.sb-navbar__cta.sb-chat-cta:hover,
html body button.sb-footer__linkbtn.sb-chat-cta:hover,
html body .sb-chat-cta.sb-btn:hover,
html body .sb-btn.sb-btn--primary:hover{
  background: #22C55E !important;
  background-color: #08783f !important;
  border-color: #08783f !important;
  color: #FFFFFF !important;
}
html body button.sb-chat-cta.sb-btn *,
html body button.sb-btn.sb-chat-cta *,
html body button.sb-btn.sb-btn--primary *,
html body a.sb-btn.sb-btn--primary *,
html body button.sb-chat-cta.sb-btn--primary *,
html body a.sb-chat-cta.sb-btn--primary *,
html body .sb-btn.sb-btn--primary *{
  color: #FFFFFF !important;
}


/* === Fase 12M — final light-blue kill + hero context buttons === */
html body section.sb-hero a.sb-btn.sb-btn--primary,
html body section.sb-hero a.sb-btn.sb-btn--primary.sb-chat-cta,
html body .sb-hero--single-column a.sb-btn.sb-btn--primary,
html body .sb-hero a.sb-btn--primary,
html body .sb-hero button.sb-btn--primary,
html body main a.sb-btn.sb-btn--primary,
html body main button.sb-btn.sb-btn--primary{
  background:#0A2540 !important;
  background-color:#0A2540 !important;
  background-image:none !important;
  color:#FFFFFF !important;
  border:1px solid #0A2540 !important;
}
html body section.sb-hero a.sb-btn.sb-btn--primary:hover,
html body .sb-hero a.sb-btn--primary:hover,
html body main a.sb-btn.sb-btn--primary:hover,
html body main button.sb-btn.sb-btn--primary:hover{
  background:#22C55E !important;
  background-color: #08783f !important;
  border-color: #08783f !important;
  color:#FFFFFF !important;
}
/* Telefoon-link in header */
html body .sb-navbar__tel,
html body a.sb-navbar__tel{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  color:#0A2540 !important;
  font-weight:600;
  text-decoration:none;
  margin-right:1rem;
  white-space:nowrap;
  font-size:0.95rem;
}
html body .sb-navbar__tel:hover,
html body a.sb-navbar__tel:hover{
  color: #08783f !important;
}
html body .sb-navbar__tel svg{ width:16px;height:16px; }
@media (max-width: 640px){
  html body .sb-navbar__tel span.sb-navbar__tel-label{ display:none; }
}

/* === Fase 12N — logo hover persist + Home link hide === */
html body nav.sb-navbar a[href="/"]:not(.sb-navbar__brand):not([class*=brand]):not(.sb-navbar__tel){ display: none !important; }
html body a.sb-navbar__brand,
html body .sb-navbar__brand{ background-image: url('/images/degero/degero-logo-green-20260524.svg?v=15o') !important; background-repeat: no-repeat !important; background-position: left center !important; background-size: contain !important; opacity: 1 !important; visibility: visible !important; }
html body a.sb-navbar__brand:hover,
html body a.sb-navbar__brand:focus,
html body a.sb-navbar__brand:active,
html body .sb-navbar__brand:hover,
html body .sb-navbar__brand:focus{ background-image: url('/images/degero/degero-logo-green-20260524.svg?v=15o') !important; opacity: 1 !important; visibility: visible !important; filter: none !important; }
html body a.sb-navbar__brand > svg,
html body .sb-navbar__brand > svg{ visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }

/* === Fase 12O — Phone CTA as button + chat bubble colors === */
html body .sb-navbar__tel,
html body a.sb-navbar__tel{ display: inline-flex !important; align-items: center !important; gap: .55rem !important; background: #0A2540 !important; background-color: #0A2540 !important; background-image: none !important; color: #FFFFFF !important; border: 1px solid #0A2540 !important; padding: .65rem 1.15rem !important; border-radius: 999px !important; font-weight: 600 !important; font-size: 0.95rem !important; text-decoration: none !important; margin-left: .75rem !important; white-space: nowrap !important; }
html body .sb-navbar__tel:hover,
html body a.sb-navbar__tel:hover{ background: #22C55E !important; background-color: #08783f !important; border-color: #08783f !important; color: #FFFFFF !important; }
html body .sb-navbar__tel svg{ width: 18px !important; height: 18px !important; stroke: #22C55E !important; flex-shrink: 0 !important; }
html body .sb-navbar__tel:hover svg{ stroke: #FFFFFF !important; }
html body .sb-navbar__tel .sb-navbar__tel-label{ color: #FFFFFF !important; }
@media (max-width: 420px){ html body .sb-navbar__tel .sb-navbar__tel-label{ display: none !important; } html body .sb-navbar__tel{ padding: .55rem !important; border-radius: 50% !important; } }

html body .sb-chat-widget__message--user > div{ background: #0A2540 !important; color: #FFFFFF !important; border-radius: 14px 14px 4px 14px !important; padding: .55rem .85rem !important; max-width: 80% !important; display: inline-block !important; }
html body .sb-chat-widget__message--bot > p,
html body .sb-chat-widget__message--bot > *{ background: #F5F7FA !important; color: #0A2540 !important; border-radius: 14px 14px 14px 4px !important; padding: .55rem .85rem !important; max-width: 80% !important; display: inline-block !important; }

/* === Fase 12P — Tel link plain text + chat header favicon === */
/* Revert Fase 12O button styling: plain text, navy color, orange icon */
html body .sb-navbar__tel,
html body a.sb-navbar__tel{
  display: inline-flex !important;
  align-items: center !important;
  gap: .5rem !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #0A2540 !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  text-decoration: none !important;
  margin-left: 1rem !important;
  margin-right: 1rem !important;
  white-space: nowrap !important;
}
html body .sb-navbar__tel:hover,
html body a.sb-navbar__tel:hover{
  background: transparent !important;
  background-color: transparent !important;
  color: #08783f !important;
  border: none !important;
}
html body .sb-navbar__tel svg{
  width: 18px !important;
  height: 18px !important;
  stroke: #22C55E !important;
  flex-shrink: 0 !important;
}
html body .sb-navbar__tel:hover svg{ stroke: #22C55E !important; }
html body .sb-navbar__tel .sb-navbar__tel-label{
  color: #0A2540 !important;
}
html body .sb-navbar__tel:hover .sb-navbar__tel-label{
  color: #08783f !important;
}
@media (max-width: 420px){
  html body .sb-navbar__tel{ margin-left: .5rem !important; margin-right: .5rem !important; }
  html body .sb-navbar__tel .sb-navbar__tel-label{ display: inline !important; font-size: 0.85rem !important; }
}

/* Chat header: replace the title-dot with the Degero favicon */
html body .sb-chat-widget__title-dot{
  background-image: url('/assets/brand/favicon.svg') !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  border-radius: 6px !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-block !important;
  margin-right: .55rem !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
  box-shadow: none !important;
  border: none !important;
}
html body .sb-chat-widget__title{
  display: inline-flex !important;
  align-items: center !important;
}

/* === Fase 12Q — Universal primary-button kill of any leftover bright blue === */
html body button.sb-btn.sb-btn--primary,
html body a.sb-btn.sb-btn--primary,
html body button.sb-chat-cta.sb-btn,
html body button.sb-chat-cta.sb-btn--primary,
html body a.sb-chat-cta.sb-btn,
html body a.sb-chat-cta.sb-btn--primary,
html body button.sb-btn--primary.sb-chat-cta,
html body a.sb-btn--primary.sb-chat-cta,
html body .sb-btn.sb-btn--primary,
html body button.sb-btn--primary,
html body a.sb-btn--primary{
  background: #0A2540 !important;
  background-color: #0A2540 !important;
  background-image: none !important;
  border: 1px solid #0A2540 !important;
  border-color: #0A2540 !important;
  color: #FFFFFF !important;
}
html body button.sb-btn.sb-btn--primary:hover,
html body a.sb-btn.sb-btn--primary:hover,
html body button.sb-chat-cta.sb-btn:hover,
html body button.sb-chat-cta.sb-btn--primary:hover,
html body a.sb-chat-cta.sb-btn:hover,
html body a.sb-chat-cta.sb-btn--primary:hover,
html body button.sb-btn--primary.sb-chat-cta:hover,
html body a.sb-btn--primary.sb-chat-cta:hover,
html body .sb-btn.sb-btn--primary:hover,
html body button.sb-btn--primary:hover,
html body a.sb-btn--primary:hover{
  background: #22C55E !important;
  background-color: #08783f !important;
  border: 1px solid #22C55E !important;
  border-color: #08783f !important;
  color: #FFFFFF !important;
}

/* === Fase 12R — Article titles navy, 'Lees artikel/meer' orange === */
html body article.sb-card h3 a,
html body article.sb-card h2 a,
html body article.sb-card .sb-card__title a,
html body .sb-card__title a,
html body .sb-article-card__title a,
html body article a[href*='/kennisbank'],
html body article.sb-card h3,
html body article.sb-card h2{
  color: #0A2540 !important;
}
html body article.sb-card h3 a:hover,
html body article.sb-card h2 a:hover,
html body .sb-card__title a:hover,
html body .sb-article-card__title a:hover{
  color: #08783f !important;
}

html body a.sb-card__link,
html body .sb-card__link,
html body a.sb-card__link:visited,
html body a[class*='card__link'],
html body article a.sb-link,
html body article a[class*='read-more']{
  color: #08783f !important;
  border-color: #08783f !important;
}
html body a.sb-card__link:hover,
html body .sb-card__link:hover,
html body a[class*='card__link']:hover{
  color: #0A2540 !important;
  border-color: #0A2540 !important;
}
html body a.sb-card__link svg,
html body .sb-card__link svg{ stroke: #22C55E !important; fill: #22C55E !important; }
html body a.sb-card__link:hover svg{ stroke: #0A2540 !important; fill: #0A2540 !important; }

/* === Fase 12S — Kill native button appearance + lock logo hover === */
html body button.sb-btn,
html body button.sb-btn--primary,
html body button.sb-chat-cta,
html body button.sb-btn.sb-btn--primary,
html body button.sb-btn.sb-chat-cta,
html body button.sb-btn--primary.sb-chat-cta,
html body .sb-btn,
html body .sb-btn--primary,
html body .sb-chat-cta{
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

/* Logo: lock size on hover/focus/active — no scale, no transform */
html body a.sb-navbar__brand,
html body .sb-navbar__brand,
html body a.sb-navbar__brand:hover,
html body a.sb-navbar__brand:focus,
html body a.sb-navbar__brand:focus-visible,
html body a.sb-navbar__brand:active,
html body .sb-navbar__brand:hover,
html body .sb-navbar__brand:focus,
html body .sb-navbar__brand:active{
  transform: none !important;
  scale: none !important;
  zoom: 1 !important;
  transition: none !important;
  filter: none !important;
}
html body a.sb-navbar__brand > *,
html body .sb-navbar__brand > *,
html body a.sb-navbar__brand:hover > *,
html body .sb-navbar__brand:hover > *{
  transform: none !important;
  scale: none !important;
  transition: none !important;
}

/* === Fase 12T — combined appearance+bg on the SAME declaration block === */
html body button.sb-btn,
html body button.sb-btn--primary,
html body button.sb-chat-cta,
html body button.sb-btn.sb-btn--primary,
html body button.sb-btn.sb-chat-cta,
html body button.sb-btn--primary.sb-chat-cta,
html body button.sb-btn.sb-btn--primary.sb-chat-cta{
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background: #0A2540 !important;
  background-color: #0A2540 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border: 1px solid #0A2540 !important;
  box-shadow: 0 2px 8px rgba(10, 37, 64, 0.18) !important;
}
html body button.sb-btn:hover,
html body button.sb-btn--primary:hover,
html body button.sb-chat-cta:hover,
html body button.sb-btn.sb-btn--primary:hover,
html body button.sb-btn.sb-chat-cta:hover,
html body button.sb-btn--primary.sb-chat-cta:hover,
html body button.sb-btn.sb-btn--primary.sb-chat-cta:hover{
  appearance: none !important;
  -webkit-appearance: none !important;
  background: #22C55E !important;
  background-color: #08783f !important;
  border: 1px solid #22C55E !important;
  color: #FFFFFF !important;
}

/* Lees artikel link → orange */
html body a.sb-card__link,
html body .sb-card__link,
html body article.sb-card a.sb-card__link,
html body article a.sb-card__link,
html body article a[class*='sb-card__link']{
  color: #08783f !important;
  border-color: #08783f !important;
}
html body a.sb-card__link:visited{ color: #08783f !important; }
html body a.sb-card__link:hover,
html body .sb-card__link:hover,
html body article.sb-card a.sb-card__link:hover{ color: #0A2540 !important; border-color: #0A2540 !important; }
html body a.sb-card__link svg path,
html body a.sb-card__link svg{ stroke: #22C55E !important; }
html body a.sb-card__link:hover svg{ stroke: #0A2540 !important; }


/* === Fase 12U — HARD LOCK logo size on hover/focus/active === */
html body header a.sb-navbar__brand,
html body header a.sb-navbar__brand:hover,
html body header a.sb-navbar__brand:focus,
html body header a.sb-navbar__brand:focus-visible,
html body header a.sb-navbar__brand:active,
html body .sb-navbar a.sb-navbar__brand,
html body .sb-navbar a.sb-navbar__brand:hover,
html body .sb-navbar a.sb-navbar__brand:focus,
html body .sb-navbar a.sb-navbar__brand:active,
html body nav a.sb-navbar__brand,
html body nav a.sb-navbar__brand:hover,
html body nav a.sb-navbar__brand:focus,
html body nav a.sb-navbar__brand:active{
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  outline: none !important;
  transform: none !important;
  scale: none !important;
  zoom: 1 !important;
  transition: none !important;
  animation: none !important;
  font-size: 0 !important;
  line-height: 64px !important;
  background-image: url('/images/degero/degero-logo-green-20260524.svg?v=15o') !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  background-color: transparent !important;
  flex: 0 0 280px !important;
  box-sizing: border-box !important;
  filter: none !important;
  opacity: 1 !important;
}
@media (max-width: 1024px){
  html body header a.sb-navbar__brand,
  html body header a.sb-navbar__brand:hover,
  html body header a.sb-navbar__brand:focus,
  html body .sb-navbar a.sb-navbar__brand,
  html body nav a.sb-navbar__brand{
    width: 170px !important; min-width: 170px !important; max-width: 170px !important; flex: 0 0 170px !important;
    height: 44px !important; min-height: 44px !important; max-height: 44px !important; line-height: 44px !important;
  }
}
@media (max-width: 640px){
  html body header a.sb-navbar__brand,
  html body header a.sb-navbar__brand:hover,
  html body .sb-navbar a.sb-navbar__brand,
  html body nav a.sb-navbar__brand{
    width: 140px !important; min-width: 140px !important; max-width: 140px !important; flex: 0 0 140px !important;
    height: 38px !important; min-height: 38px !important; max-height: 38px !important; line-height: 38px !important;
  }
}
@media (max-width: 420px){
  html body header a.sb-navbar__brand,
  html body header a.sb-navbar__brand:hover,
  html body .sb-navbar a.sb-navbar__brand,
  html body nav a.sb-navbar__brand{
    width: 120px !important; min-width: 120px !important; max-width: 120px !important; flex: 0 0 120px !important;
    height: 34px !important; min-height: 34px !important; max-height: 34px !important; line-height: 34px !important;
  }
}

/* === Fase 12V — Override ALL brand-color CSS variables to navy === */
:root,
html,
html body,
body.sb-theme-light,
body.sb-theme-dark{
  --sb-brand: #0A2540 !important;
  --sb-primary: #0A2540 !important;
  --sb-primary-dark: #0A2540 !important;
  --sb-primary-light: #0A2540 !important;
  --sb-link: #0A2540 !important;
  --sb-accent: #22C55E !important;
  --sb-cta: #22C55E !important;
  --sb-primary-glow: rgba(10, 37, 64, 0.18) !important;
}
/* Force h1 spans with inline color:var(--sb-brand) to navy */
html body h1 span[style*="--sb-brand"],
html body h2 span[style*="--sb-brand"],
html body h1 span[style*="--sb-primary"],
html body .sb-hero__title span,
html body .sb-hero__title span[style]{
  color: #0A2540 !important;
}

/* === Fase 12W — Mobile menu fix: opaque bg, working submenus, tel alignment === */
@media (max-width: 1024px){
  html body .sb-navbar__menu{
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  html body .sb-navbar__menu.sb-navbar__menu--open,
  html body nav.sb-navbar .sb-navbar__menu--open{
    display: flex !important;
    flex-direction: column !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border-top: 2px solid #22C55E !important;
    box-shadow: 0 12px 32px rgba(10,37,64,0.18) !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 1rem 1.25rem 1.5rem !important;
    z-index: 998 !important;
    gap: 0 !important;
  }
  html body .sb-navbar__menu--open > li{
    list-style: none !important;
    width: 100% !important;
    border-bottom: 1px solid #F5F7FA !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html body .sb-navbar__menu--open > li:last-child{ border-bottom: none !important; }
  html body .sb-navbar__menu--open > li > a,
  html body .sb-navbar__menu--open > li > button{
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: .9rem .25rem !important;
    color: #0A2540 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    background: transparent !important;
    border: none !important;
    text-align: left !important;
    justify-content: flex-start !important;
  }
  /* Submenus closed by default on mobile, shown when parent dropdown-btn is aria-expanded=true */
  html body .sb-navbar__submenu{
    display: none !important;
    padding-left: 1rem !important;
  }
  html body .sb-navbar__dropdown-btn[aria-expanded="true"] + .sb-navbar__submenu,
  html body li:has(> .sb-navbar__dropdown-btn[aria-expanded="true"]) .sb-navbar__submenu{
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
    background: #F5F7FA !important;
    border-radius: 8px !important;
    margin: .25rem 0 .75rem !important;
    padding: .5rem 1rem !important;
  }
  html body .sb-navbar__submenu li a{
    display: block !important;
    padding: .55rem 0 !important;
    color: #0A2540 !important;
    text-decoration: none !important;
  }
  html body .sb-navbar__submenu li a:hover,
  html body .sb-navbar__submenu li a:active{
    color: #08783f !important;
  }
  /* Phone link aligned in mobile menu, full row */
  html body .sb-navbar__menu--open .sb-navbar__tel,
  html body .sb-navbar__menu--open a.sb-navbar__tel{
    display: flex !important;
    width: 100% !important;
    padding: 1rem .25rem !important;
    margin: 0 !important;
    justify-content: flex-start !important;
    gap: .65rem !important;
    color: #0A2540 !important;
    font-size: 1.05rem !important;
    border-top: 2px solid #22C55E !important;
    background: transparent !important;
  }
  html body .sb-navbar__menu--open .sb-navbar__tel svg{ width: 20px !important; height: 20px !important; stroke: #22C55E !important; }
  html body .sb-navbar__menu--open .sb-navbar__tel .sb-navbar__tel-label{ display: inline !important; font-weight: 600 !important; }
}

/* === Fase 12X — Mobile logo tap/active lock (no enlarge on tap) === */
html body a.sb-navbar__brand:active,
html body a.sb-navbar__brand:focus-within,
html body header a.sb-navbar__brand:active,
html body header a.sb-navbar__brand:focus-within,
html body nav.sb-navbar a.sb-navbar__brand:active,
html body nav.sb-navbar a.sb-navbar__brand:focus-within{
  transform: none !important;
  scale: none !important;
  zoom: 1 !important;
  transition: none !important;
  animation: none !important;
  background-size: contain !important;
  background-position: left center !important;
  filter: none !important;
  outline: none !important;
  box-shadow: none !important;
}
html body a.sb-navbar__brand,
html body a.sb-navbar__brand:hover,
html body a.sb-navbar__brand:focus,
html body a.sb-navbar__brand:focus-visible,
html body a.sb-navbar__brand:active,
html body a.sb-navbar__brand:focus-within{
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}
html body a.sb-navbar__brand *,
html body a.sb-navbar__brand:hover *,
html body a.sb-navbar__brand:focus *,
html body a.sb-navbar__brand:active *,
html body a.sb-navbar__brand:focus-within *{
  transform: none !important;
  scale: none !important;
  transition: none !important;
  animation: none !important;
  pointer-events: none !important;
}
@media (max-width: 1024px){
  html body a.sb-navbar__brand,
  html body a.sb-navbar__brand:hover,
  html body a.sb-navbar__brand:focus,
  html body a.sb-navbar__brand:active,
  html body a.sb-navbar__brand:focus-within,
  html body header a.sb-navbar__brand,
  html body header a.sb-navbar__brand:active{
    width: 170px !important; min-width: 170px !important; max-width: 170px !important;
    height: 44px !important; min-height: 44px !important; max-height: 44px !important;
    transform: none !important; scale: none !important;
  }
}
@media (max-width: 640px){
  html body a.sb-navbar__brand,
  html body a.sb-navbar__brand:active,
  html body a.sb-navbar__brand:focus,
  html body a.sb-navbar__brand:focus-within{
    width: 140px !important; min-width: 140px !important; max-width: 140px !important;
    height: 38px !important; min-height: 38px !important; max-height: 38px !important;
  }
}
@media (max-width: 420px){
  html body a.sb-navbar__brand,
  html body a.sb-navbar__brand:active,
  html body a.sb-navbar__brand:focus,
  html body a.sb-navbar__brand:focus-within{
    width: 120px !important; min-width: 120px !important; max-width: 120px !important;
    height: 34px !important; min-height: 34px !important; max-height: 34px !important;
  }
}

/* === Fase 12Y — Final consolidated mobile logo lock + submenu fallback === */
html body[class] a.sb-navbar__brand[class],
html body[class] a.sb-navbar__brand[class]:hover,
html body[class] a.sb-navbar__brand[class]:focus,
html body[class] a.sb-navbar__brand[class]:focus-visible,
html body[class] a.sb-navbar__brand[class]:active,
html body[class] a.sb-navbar__brand[class]:focus-within,
html body[class] a.sb-navbar__brand[class]:target,
html body[class] a.sb-navbar__brand[class]:visited{
  transform: none !important;
  scale: 1 !important;
  zoom: 1 !important;
  transition: none !important;
  animation: none !important;
  filter: none !important;
  background-size: contain !important;
  background-position: left center !important;
  background-repeat: no-repeat !important;
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
  touch-action: manipulation !important;
  contain: layout !important;
  font-size: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
}
@media (max-width: 1024px){
  html body[class] a.sb-navbar__brand[class],
  html body[class] a.sb-navbar__brand[class]:hover,
  html body[class] a.sb-navbar__brand[class]:focus,
  html body[class] a.sb-navbar__brand[class]:active,
  html body[class] a.sb-navbar__brand[class]:focus-within,
  html body[class] a.sb-navbar__brand[class]:visited{
    width: 170px !important; min-width: 170px !important; max-width: 170px !important; flex: 0 0 170px !important;
    height: 44px !important; min-height: 44px !important; max-height: 44px !important; line-height: 44px !important;
  }
}
@media (max-width: 640px){
  html body[class] a.sb-navbar__brand[class],
  html body[class] a.sb-navbar__brand[class]:hover,
  html body[class] a.sb-navbar__brand[class]:focus,
  html body[class] a.sb-navbar__brand[class]:active,
  html body[class] a.sb-navbar__brand[class]:focus-within,
  html body[class] a.sb-navbar__brand[class]:visited{
    width: 140px !important; min-width: 140px !important; max-width: 140px !important; flex: 0 0 140px !important;
    height: 38px !important; min-height: 38px !important; max-height: 38px !important; line-height: 38px !important;
  }
}
@media (max-width: 420px){
  html body[class] a.sb-navbar__brand[class],
  html body[class] a.sb-navbar__brand[class]:hover,
  html body[class] a.sb-navbar__brand[class]:focus,
  html body[class] a.sb-navbar__brand[class]:active,
  html body[class] a.sb-navbar__brand[class]:focus-within,
  html body[class] a.sb-navbar__brand[class]:visited{
    width: 120px !important; min-width: 120px !important; max-width: 120px !important; flex: 0 0 120px !important;
    height: 34px !important; min-height: 34px !important; max-height: 34px !important; line-height: 34px !important;
  }
}

/* Submenu fallback without :has() — sibling-based selector for mobile */
@media (max-width: 1024px){
  html body .sb-navbar__menu--open .sb-navbar__dropdown-btn[aria-expanded="true"] ~ .sb-navbar__submenu,
  html body .sb-navbar__menu--open .sb-navbar__dropdown-btn[aria-expanded="true"] + .sb-navbar__submenu{
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
    background: #F5F7FA !important;
    border-radius: 8px !important;
    margin: .25rem 0 .75rem !important;
    padding: .5rem 1rem !important;
  }
}

/* === Fase 12Z — Mobile padding, over-ons phone CTA styling, kennisbank fix === */
/* Over-ons phone CTA */
html body .sb-phone-block{
  background: #F5F7FA;
  border-radius: 16px;
  padding: 2.5rem 2rem;
  text-align: center;
  max-width: 640px;
  margin: 3rem auto;
  border: 1px solid rgba(10,37,64,0.08);
}
html body .sb-phone-block__title{
  color: #0A2540;
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0 0 .75rem;
}
html body .sb-phone-block__sub{
  color: #333333;
  font-size: 1.05rem;
  margin: 0 0 1.5rem;
  line-height: 1.55;
}
html body a.sb-phone-block__phone{
  display: inline-flex;
  align-items: center;
  gap: .85rem;
  color: #0A2540 !important;
  font-size: 1.85rem;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: .5px;
  padding: .75rem 1.5rem;
  border: 2px solid #22C55E;
  border-radius: 999px;
  transition: background .2s ease;
}
html body a.sb-phone-block__phone:hover{ background: #22C55E; color: #FFFFFF !important; }
html body a.sb-phone-block__phone:hover svg{ stroke: #FFFFFF !important; }
html body .sb-phone-block__hours{ color: #555; margin: 1rem 0 0; font-size: .9rem; }

@media (max-width: 640px){
  html body .sb-phone-block{ padding: 1.5rem 1.25rem; margin: 1.5rem 1rem; }
  html body .sb-phone-block__title{ font-size: 1.35rem; }
  html body a.sb-phone-block__phone{ font-size: 1.4rem; padding: .65rem 1.1rem; }
}

/* Mobile padding for content pages */
@media (max-width: 1024px){
  html body main.sb-main,
  html body main#main,
  html body main{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  html body .sb-container{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    box-sizing: border-box !important;
  }
  html body section.sb-section,
  html body .sb-hero{
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }
  html body article.sb-card{ padding: 1.25rem !important; }
  html body h1{ font-size: 1.85rem !important; line-height: 1.2 !important; }
  html body h2{ font-size: 1.4rem !important; line-height: 1.3 !important; }
}
@media (max-width: 640px){
  html body main{ padding-left: .75rem !important; padding-right: .75rem !important; }
  html body .sb-container{ padding-left: .75rem !important; padding-right: .75rem !important; }
}

/* Force-show submenu on mobile when parent dropdown btn is expanded — direct/ general / :has fallback */
@media (max-width: 1024px){
  html body .sb-navbar__dropdown-btn[aria-expanded="true"] ~ .sb-navbar__submenu,
  html body .sb-navbar__dropdown-btn[aria-expanded="true"] + .sb-navbar__submenu,
  html body li:has(> .sb-navbar__dropdown-btn[aria-expanded="true"]) > .sb-navbar__submenu,
  html body .sb-navbar__menu .sb-navbar__dropdown-btn.is-open + .sb-navbar__submenu,
  html body .sb-navbar__submenu[data-open="true"],
  html body .sb-navbar__submenu.is-open{
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
    background: #F5F7FA !important;
    border-radius: 8px !important;
    margin: .25rem 0 .75rem !important;
    padding: .5rem 1rem !important;
  }
}

/* === Fase 13A — Force CTA tel bg + container max width === */
html body .sb-phone-block{
  background: #F5F7FA !important;
  border-radius: 16px !important;
  padding: 2.5rem 2rem !important;
  text-align: center !important;
  max-width: 640px !important;
  margin: 3rem auto !important;
  border: 1px solid rgba(10,37,64,0.08) !important;
  box-sizing: border-box !important;
}
@media (max-width: 640px){
  html body .sb-phone-block{ padding: 1.5rem 1.25rem !important; margin: 1.5rem .75rem !important; }
}

/* === Fase 13B — high-spec bg for cta-tel (beat Fase 12J [class*=cta] strip) === */
html body .sb-phone-block.sb-phone-block,
html body div.sb-phone-block,
html body main .sb-phone-block{
  background: #F5F7FA !important;
  background-color: #F5F7FA !important;
  background-image: none !important;
  border: 1px solid rgba(10,37,64,0.12) !important;
  border-radius: 16px !important;
  padding: 2.5rem 2rem !important;
  text-align: center !important;
  max-width: 640px !important;
  margin: 3rem auto !important;
  box-sizing: border-box !important;
}
@media (max-width: 640px){
  html body .sb-phone-block.sb-phone-block,
  html body div.sb-phone-block{ padding: 1.5rem 1.25rem !important; margin: 1.5rem .75rem !important; }
}

/* === Fase 13C — Unified hero layout (over-ons style) for all pages except home === */
html body section.sb-hero{
  background: #F5F7FA !important;
  background-image: none !important;
  padding: 4rem 0 3.5rem !important;
  position: relative !important;
  overflow: hidden !important;
}
html body section.sb-hero > .sb-container,
html body .sb-hero .sb-container{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 3rem !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  flex-wrap: wrap !important;
}
html body .sb-hero .sb-hero__content{
  flex: 1 1 480px !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.1rem !important;
  align-items: flex-start !important;
  text-align: left !important;
}
html body .sb-hero .sb-hero__visual{
  flex: 1 1 360px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body .sb-hero .sb-hero__visual img{
  max-width: 100% !important;
  height: auto !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 32px rgba(10, 37, 64, 0.12) !important;
}
html body .sb-hero .sb-hero__eyebrow{
  display: inline-block !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: #08783f !important;
  margin: 0 0 .25rem !important;
}
html body .sb-hero .sb-hero__title,
html body .sb-hero h1.sb-hero__title{
  font-size: 2.4rem !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #0A2540 !important;
  margin: 0 !important;
  letter-spacing: -0.01em !important;
}
html body .sb-hero .sb-hero__subtitle,
html body .sb-hero .sb-hero__lead{
  font-size: 1.1rem !important;
  line-height: 1.55 !important;
  color: #333333 !important;
  margin: .5rem 0 0 !important;
  max-width: 56ch !important;
}
html body .sb-hero .sb-hero__actions{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .85rem !important;
  margin-top: 1.25rem !important;
  justify-content: flex-start !important;
}
html body .sb-hero .sb-hero__breadcrumbs{
  font-size: 0.85rem !important;
  color: #555 !important;
  margin-bottom: .75rem !important;
}
html body .sb-hero .sb-hero__breadcrumbs a{ color: #0A2540 !important; text-decoration: none !important; }
html body .sb-hero .sb-hero__breadcrumbs a:hover{ color: #08783f !important; }
html body .sb-hero .sb-hero__trust{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1.5rem 2.5rem !important;
  margin-top: 1.5rem !important;
}
html body .sb-hero .sb-hero__trust-item{ display: flex !important; flex-direction: column !important; align-items: flex-start !important; }
html body .sb-hero .sb-hero__trust-num{ font-size: 1.6rem !important; font-weight: 800 !important; color: #0A2540 !important; line-height: 1 !important; }
html body .sb-hero .sb-hero__trust-lbl{ font-size: 0.85rem !important; color: #555 !important; margin-top: .25rem !important; }

/* Mobile */
@media (max-width: 768px){
  html body section.sb-hero{ padding: 2.5rem 0 2.25rem !important; }
  html body section.sb-hero > .sb-container,
  html body .sb-hero .sb-container{ flex-direction: column !important; gap: 2rem !important; padding-left: 1rem !important; padding-right: 1rem !important; }
  html body .sb-hero .sb-hero__title{ font-size: 1.85rem !important; }
  html body .sb-hero .sb-hero__subtitle,
  html body .sb-hero .sb-hero__lead{ font-size: 1rem !important; }
  html body .sb-hero .sb-hero__visual{ order: -1 !important; }
}

/* Home page hero — keep custom styling (don't apply above) */
html body section.sb-hero[id="home"],
html body section.sb-hero[data-sb-type="split"][id="home"]{
  /* preserved as-is */
}


/* Degero: remove blue dot before hero point text */
html body .sb-hero .sb-hero__point::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  background: none !important;
  box-shadow: none !important;
}


/* Degero: global alignment and icon spacing polish */
html body .sb-hero .sb-hero__points {
  display: grid !important;
  gap: 0.95rem !important;
  margin-top: 1.45rem !important;
  padding: 0 !important;
  list-style: none !important;
}

html body .sb-hero .sb-hero__point {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1.35rem minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 0.85rem !important;
  min-height: 0 !important;
  padding: 1rem 1.15rem !important;
  margin: 0 !important;
  line-height: 1.58 !important;
  border-radius: 1rem !important;
  list-style: none !important;
  text-align: left !important;
}

html body .sb-hero .sb-hero__point::before {
  content: "\2713" !important;
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.35rem !important;
  height: 1.35rem !important;
  min-width: 1.35rem !important;
  margin: 0.08rem 0 0 0 !important;
  padding: 0 !important;
  color: #08783f !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body .sb-hero .sb-hero__content,
html body main .sb-section__header,
html body main .sb-card__body,
html body main .sb-card,
html body main .sb-form,
html body main .sb-contact__info-item,
html body main .sb-hero__right-card,
html body main .sb-hero__panel-card {
  overflow-wrap: normal !important;
  text-wrap: pretty;
}

html body main .sb-card,
html body main article.sb-card,
html body main [class*="card"]:not(.sb-chat-widget):not(.sb-chat-widget *) {
  padding: clamp(1.25rem, 2.2vw, 1.75rem) !important;
}

html body main .sb-card__body {
  padding: 0 !important;
}

html body main .sb-card h3,
html body main .sb-card__title,
html body main .sb-card p,
html body main .sb-card__text {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html body main .sb-card h3 + p,
html body main .sb-card__title + .sb-card__text,
html body main .sb-card__title + p {
  margin-top: 0.65rem !important;
}

html body main .sb-card__icon,
html body main .sb-service-item__icon,
html body main .sb-contact__info-icon,
html body main [class*="__icon"]:not(.sb-navbar *):not(.sb-footer *):not(.sb-chat-widget *) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  margin: 0 0 0.9rem 0 !important;
}

html body main .sb-service-item,
html body main .sb-contact__info-item,
html body main .sb-flow__step,
html body main .sb-deliverable,
html body main .sb-fit__col li {
  gap: 0.9rem !important;
  padding: clamp(1rem, 1.8vw, 1.35rem) !important;
}

html body main .sb-table td.is-check,
html body main .sb-table th,
html body main .sb-table td {
  padding: 0.85rem 1rem !important;
}

html body main .sb-table td.is-check::before {
  position: static !important;
  display: inline-block !important;
  margin-right: 0.5rem !important;
  color: #08783f !important;
}

@media (max-width: 767px) {
  html body .sb-hero .sb-hero__points {
    grid-template-columns: 1fr !important;
    gap: 0.8rem !important;
  }
  html body .sb-hero .sb-hero__point {
    padding: 0.95rem 1rem !important;
    grid-template-columns: 1.25rem minmax(0, 1fr) !important;
  }
  html body main .sb-card,
  html body main article.sb-card,
  html body main [class*="card"]:not(.sb-chat-widget):not(.sb-chat-widget *) {
    padding: 1.15rem !important;
  }
}


/* Degero: restore accessible contrast for CTA and dark sections */
html body main section.sb-section--dark,
html body main section[data-sb-section="cta"],
html body main section.sb-cta,
html body main section.sb-cta--simple {
  background: linear-gradient(135deg, #081827 0%, #0A2540 58%, #0f3358 100%) !important;
  background-color: #0A2540 !important;
  color: #FFFFFF !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body main section.sb-section--dark h1,
html body main section.sb-section--dark h2,
html body main section.sb-section--dark h3,
html body main section.sb-section--dark p,
html body main section.sb-section--dark li,
html body main section.sb-section--dark span,
html body main section[data-sb-section="cta"] h1,
html body main section[data-sb-section="cta"] h2,
html body main section[data-sb-section="cta"] h3,
html body main section[data-sb-section="cta"] p,
html body main section[data-sb-section="cta"] li,
html body main section[data-sb-section="cta"] span {
  color: #FFFFFF !important;
}

html body main section.sb-section--dark p,
html body main section[data-sb-section="cta"] p,
html body main section.sb-cta p {
  color: rgba(255, 255, 255, 0.88) !important;
}

html body main section.sb-section--dark .sb-btn,
html body main section[data-sb-section="cta"] .sb-btn,
html body main section.sb-cta .sb-btn {
  background: #22C55E !important;
  border-color: #08783f !important;
  color: #FFFFFF !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22) !important;
}

html body main section.sb-section--dark .sb-btn:hover,
html body main section[data-sb-section="cta"] .sb-btn:hover,
html body main section.sb-cta .sb-btn:hover {
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: #0A2540 !important;
}


/* Degero: accessible orange contrast */
:root {
  --dg-orange-accessible: #22C55E;
}

html body main a:not(.sb-btn):not(.sb-cta):not(.sb-chat-cta):not([class*="brand"]):not(.sb-navbar__link):not(.sb-footer *),
html body main .sb-card__link,
html body main [class*="link"]:not(.sb-btn):not(.sb-chat-widget *):not(.sb-footer *) {
  color: var(--dg-orange-accessible) !important;
}

html body main a:not(.sb-btn):not(.sb-cta):not(.sb-chat-cta):not([class*="brand"]):not(.sb-navbar__link):not(.sb-footer *):hover,
html body main .sb-card__link:hover {
  color: #9A2E00 !important;
}

html body .sb-hero .sb-hero__eyebrow,
html body .sb-section__eyebrow,
html body main [class*="eyebrow"],
html body main [class*="kicker"] {
  color: var(--dg-orange-accessible) !important;
}

html body .sb-btn--accent,
html body main .sb-btn--accent,
html body main section.sb-section--dark .sb-btn,
html body main section[data-sb-section="cta"] .sb-btn,
html body main section.sb-cta .sb-btn {
  background: var(--dg-orange-accessible) !important;
  background-color: var(--dg-orange-accessible) !important;
  border-color: var(--dg-orange-accessible) !important;
  color: #FFFFFF !important;
}

html body .sb-btn--accent:hover,
html body main .sb-btn--accent:hover,
html body main section.sb-section--dark .sb-btn:hover,
html body main section[data-sb-section="cta"] .sb-btn:hover,
html body main section.sb-cta .sb-btn:hover {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: #0A2540 !important;
}


/* Remove the horizontal connector through the GACS step cards. */
.sb-flow::before {
  display: none !important;
}


/* Polished package proof band. */
.sb-proof {
  background: linear-gradient(135deg, #08111f 0%, #0A2540 52%, #0f3a66 100%) !important;
  color: #fff !important;
  padding: clamp(2.25rem, 5vw, 3.75rem) 0 !important;
}
.sb-proof__inner {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(0.9rem, 2vw, 1.35rem) !important;
  align-items: stretch !important;
  text-align: left !important;
}
.sb-proof__stat {
  display: grid !important;
  align-content: center !important;
  min-height: 128px !important;
  padding: clamp(1.2rem, 2.4vw, 1.6rem) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-radius: 1rem !important;
  background: rgba(255,255,255,0.08) !important;
  box-shadow: 0 22px 50px -34px rgba(0,0,0,0.55) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
.sb-proof__num {
  display: block !important;
  margin: 0 0 0.45rem 0 !important;
  color: #fff !important;
  background: none !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(1.7rem, 3vw, 2.35rem) !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}
.sb-proof__label {
  display: block !important;
  color: rgba(255,255,255,0.82) !important;
  font-size: 0.95rem !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}
@media (max-width: 820px) {
  .sb-proof__inner { grid-template-columns: 1fr !important; }
  .sb-proof__stat { min-height: 0 !important; text-align: center !important; }
}


/* Footer link list alignment. */
html body .sb-footer__col ul,
html body footer .sb-footer__col ul {
  display: grid !important;
  gap: 0.62rem !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body .sb-footer__col li,
html body footer .sb-footer__col li {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.45 !important;
}
html body .sb-footer__col li a,
html body footer .sb-footer__col li a {
  display: inline-block !important;
}


/* Polished scope fit cards. */
html body main .sb-fit {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 2.4vw, 1.5rem) !important;
  align-items: stretch !important;
  margin-top: clamp(1.6rem, 3vw, 2.25rem) !important;
}
html body main .sb-fit__col {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 100% !important;
  padding: clamp(1.25rem, 2.4vw, 1.65rem) !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  border-radius: 1rem !important;
  background: rgba(255,255,255,0.92) !important;
  box-shadow: 0 18px 44px -34px rgba(15,23,42,0.32) !important;
}
html body main .sb-fit__col h3 {
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  margin: 0 0 1rem 0 !important;
  padding: 0 0 0.9rem 0 !important;
  border-bottom: 1px solid rgba(15,23,42,0.08) !important;
  color: #0f172a !important;
  font-size: 1.08rem !important;
  line-height: 1.25 !important;
}
html body main .sb-fit__icon--yes,
html body main .sb-fit__icon--no {
  width: 2.25rem !important;
  height: 2.25rem !important;
  border-radius: 0.7rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 2.25rem !important;
  margin: 0 !important;
}
html body main .sb-fit__icon--yes { background: #dcfce7 !important; color: #166534 !important; }
html body main .sb-fit__icon--no { background: #fee2e2 !important; color: #991b1b !important; }
html body main .sb-fit__icon--yes svg,
html body main .sb-fit__icon--no svg { width: 1.15rem !important; height: 1.15rem !important; }
html body main .sb-fit__col ul {
  display: grid !important;
  gap: 0.78rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
html body main .sb-fit__col li {
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 0 1.35rem !important;
  color: #334155 !important;
  font-size: 0.97rem !important;
  line-height: 1.6 !important;
}
html body main .sb-fit__col li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.72em !important;
  width: 0.45rem !important;
  height: 0.45rem !important;
  border-radius: 999px !important;
  background: #2563eb !important;
  opacity: 0.72 !important;
}
html body main .sb-fit__col:nth-child(2) li::before { background: #22C55E !important; }
@media (max-width: 820px) {
  html body main .sb-fit { grid-template-columns: 1fr !important; }
}


/* Static CTA hover background. */
html body main section[data-sb-section="cta"],
html body main section[data-sb-section="cta"]:hover,
html body main section.sb-cta,
html body main section.sb-cta:hover,
html body main section.sb-cta--simple,
html body main section.sb-cta--simple:hover {
  background: linear-gradient(135deg, #081827 0%, #0A2540 58%, #0f3358 100%) !important;
  background-color: #0A2540 !important;
}

html body main section[data-sb-section="cta"] .sb-btn,
html body main section[data-sb-section="cta"] .sb-btn:hover,
html body main section[data-sb-section="cta"] .sb-btn:focus-visible,
html body main section.sb-cta .sb-btn,
html body main section.sb-cta .sb-btn:hover,
html body main section.sb-cta .sb-btn:focus-visible {
  background: var(--dg-orange-accessible) !important;
  background-color: var(--dg-orange-accessible) !important;
  border-color: var(--dg-orange-accessible) !important;
  color: #FFFFFF !important;
  transform: none !important;
}

/* Diensten package layout and mobile containment. */
html,
body {
  max-width: 100%;
  overflow-x: hidden !important;
}

html body main,
html body section,
html body .sb-container,
html body .sb-grid,
html body .sb-card,
html body .sb-hero,
html body .sb-hero__content,
html body .sb-hero__visual {
  min-width: 0 !important;
}

html body img,
html body video,
html body canvas {
  max-width: 100%;
}

html body .sb-hero__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  align-items: center !important;
  margin-top: 1.5rem !important;
}

html body .sb-hero__actions .sb-btn,
html body .sb-hero__actions .sb-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0.72rem 1rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(10, 37, 64, 0.16) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  white-space: normal !important;
}

html body .sb-hero__actions .sb-btn--primary,
html body .sb-hero__actions .sb-button--primary {
  background: #0a2540 !important;
  color: #ffffff !important;
}

html body .sb-hero__actions .sb-btn--ghost,
html body .sb-hero__actions .sb-button--ghost,
html body .sb-hero__actions .sb-btn--secondary,
html body .sb-hero__actions .sb-button--secondary {
  background: rgba(255, 255, 255, 0.9) !important;
  color: #0a2540 !important;
}

html body .dg-diensten-page .sb-section .sb-container > p[style] {
  max-width: 78ch !important;
  margin: 0 0 1.35rem !important;
  padding: 1.2rem 1.25rem !important;
  border: 1px solid rgba(10, 37, 64, 0.1) !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
  color: #314153 !important;
  box-shadow: 0 16px 40px rgba(10, 37, 64, 0.07) !important;
}

html body .dg-diensten-page .sb-section .sb-container > ol {
  counter-reset: diensten-step;
  list-style: none !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  padding: 0 !important;
  margin: 1.5rem 0 0 !important;
}

html body .dg-diensten-page .sb-section .sb-container > ol > li {
  counter-increment: diensten-step;
  position: relative !important;
  min-height: 100% !important;
  padding: 4.25rem 1rem 1rem !important;
  border: 1px solid rgba(10, 37, 64, 0.1) !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
  box-shadow: 0 16px 36px rgba(10, 37, 64, 0.06) !important;
}

html body .dg-diensten-page .sb-section .sb-container > ol > li::before {
  content: counter(diensten-step, decimal-leading-zero);
  position: absolute !important;
  top: 1rem !important;
  left: 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.65rem !important;
  height: 2.65rem !important;
  border-radius: 0.85rem !important;
  background: #0a2540 !important;
  color: #ffffff !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
}

html body .dg-diensten-page .sb-section .sb-container > ul {
  list-style: none !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.9rem !important;
  padding: 0 !important;
  margin: 1.25rem 0 0 !important;
}

html body .dg-diensten-page .sb-section .sb-container > ul > li {
  position: relative !important;
  min-height: 100% !important;
  padding: 1rem 1rem 1rem 3rem !important;
  border: 1px solid rgba(10, 37, 64, 0.1) !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
  color: #314153 !important;
  box-shadow: 0 14px 34px rgba(10, 37, 64, 0.05) !important;
}

html body .dg-diensten-page .sb-section .sb-container > ul > li::before {
  content: "";
  position: absolute !important;
  top: 1rem !important;
  left: 1rem !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  border-radius: 50% !important;
  background: #f59e0b !important;
  box-shadow: inset 0 0 0 5px #fff3d8 !important;
}

html body .dg-diensten-page .sb-card {
  min-width: 0 !important;
  padding: 1.25rem !important;
  border-radius: 1rem !important;
}

html body .dg-diensten-page .sb-card h3 {
  margin-top: 0 !important;
}

html body .dg-diensten-page .sb-faq details {
  overflow: hidden !important;
  border: 1px solid rgba(10, 37, 64, 0.1) !important;
  border-radius: 1rem !important;
  background: #ffffff !important;
  padding: 0.95rem 1rem !important;
  margin: 0.75rem 0 !important;
  box-shadow: 0 12px 30px rgba(10, 37, 64, 0.04) !important;
}

html body .dg-diensten-page .sb-faq summary {
  cursor: pointer !important;
  font-weight: 800 !important;
  color: #0a2540 !important;
}

@media (max-width: 900px) {
  html body .sb-container {
    width: min(100% - 1.5rem, 1200px) !important;
  }

  html body .sb-hero__grid,
  html body .sb-grid,
  html body .sb-deliverables__grid,
  html body .sb-fit__grid,
  html body .sb-proof__grid {
    grid-template-columns: 1fr !important;
  }

  html body .dg-diensten-page .sb-section .sb-container > ol {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .dg-diensten-page .sb-section .sb-container > ul {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  html body .sb-container {
    width: min(100% - 1rem, 1200px) !important;
  }

  html body .sb-hero {
    padding-inline: 0 !important;
  }

  html body .sb-hero__title,
  html body h1 {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  html body .sb-hero__actions {
    width: 100% !important;
  }

  html body .sb-hero__actions .sb-btn,
  html body .sb-hero__actions .sb-button {
    width: 100% !important;
  }

  html body .sb-hero__visual img,
  html body .sb-hero__image {
    max-height: 320px !important;
    object-fit: cover !important;
  }

  html body .dg-diensten-page .sb-section .sb-container > ol,
  html body .dg-diensten-page .sb-section .sb-container > ul {
    grid-template-columns: 1fr !important;
  }

  html body .dg-diensten-page .sb-section .sb-container > p[style],
  html body .dg-diensten-page .sb-card,
  html body .dg-diensten-page .sb-faq details {
    padding: 1rem !important;
  }

  html body .dg-diensten-page .sb-section .sb-container > ul > li {
    padding: 1rem 1rem 1rem 2.75rem !important;
  }
}

/* Mobile hero width correction. */
@media (max-width: 640px) {
  html body .sb-hero__grid,
  html body .sb-hero__content,
  html body .sb-hero__eyebrow,
  html body .sb-hero__title,
  html body .sb-hero__subtitle,
  html body .sb-hero__actions,
  html body .sb-hero__visual {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body .sb-hero__content {
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }

  html body .sb-hero__grid {
    margin-inline: auto !important;
    padding-inline: 0 !important;
    overflow: hidden !important;
  }
}

/* Mobile body flush alignment. */
@media (max-width: 640px) {
  html body main {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body main > section,
  html body .sb-hero,
  html body .sb-section {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body .sb-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  html body .sb-navbar__inner {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body .sb-card,
  html body .sb-flow__step,
  html body .sb-deliverable,
  html body .sb-fit__card,
  html body .sb-proof__item {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Degero final navy green rebrand 2026-05-24. */
:root,
html,
body {
  --sb-primary: #0A2540 !important;
  --sb-primary-dark: #061A2D !important;
  --sb-primary-light: #EAF8EF !important;
  --sb-primary-glow: rgba(10, 37, 64, 0.24) !important;
  --sb-accent: #22C55E !important;
  --sb-accent-dark: #16A34A !important;
  --sb-accent-glow: rgba(34, 197, 94, 0.28) !important;
  --sb-brand: #0A2540 !important;
  --sb-brand-dark: #061A2D !important;
  --sb-focus: 0 0 0 3px rgba(34, 197, 94, 0.34) !important;
  --sb-bg-alt: #F3F8F5 !important;
  --sb-surface: #FFFFFF !important;
  --sb-border: rgba(10, 37, 64, 0.12) !important;
  --sb-text: #172033 !important;
  --sb-text-light: #4B5D6B !important;
}

html body {
  color: #172033 !important;
  background: #FFFFFF !important;
}

html body a.sb-navbar__brand,
html body header a.sb-navbar__brand,
html body .sb-navbar a.sb-navbar__brand,
html body nav a.sb-navbar__brand {
  background-image: none !important;
  min-width: auto !important;
  width: auto !important;
  max-width: min(260px, 66vw) !important;
  height: auto !important;
  min-height: 0 !important;
  flex: 0 1 auto !important;
  text-indent: 0 !important;
  font-size: inherit !important;
  color: inherit !important;
  display: inline-flex !important;
  align-items: center !important;
  overflow: visible !important;
}
html body a.sb-navbar__brand img,
html body .sb-navbar__brand img {
  display: block !important;
  visibility: visible !important;
  width: auto !important;
  height: 54px !important;
  max-width: min(260px, 66vw) !important;
  object-fit: contain !important;
}
html body .sb-footer a.sb-footer__brand,
html body footer a.sb-footer__brand {
  background: #FFFFFF !important;
  border-radius: 10px !important;
  padding: 0.55rem 0.7rem !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: 280px !important;
  text-indent: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  overflow: visible !important;
}
html body .sb-footer a.sb-footer__brand img,
html body footer a.sb-footer__brand img {
  display: block !important;
  visibility: visible !important;
  width: auto !important;
  height: 46px !important;
  max-width: 240px !important;
  object-fit: contain !important;
}

html body .sb-navbar,
html body nav.sb-navbar {
  min-height: 76px !important;
  background: rgba(255,255,255,0.94) !important;
  border-bottom: 1px solid rgba(10,37,64,0.1) !important;
  box-shadow: 0 12px 32px rgba(10,37,64,0.06) !important;
  backdrop-filter: blur(16px) saturate(160%) !important;
}
html body .sb-navbar__inner { min-height: 76px !important; height: auto !important; }
html body .sb-navbar__link,
html body .sb-navbar a,
html body .sb-navbar__dropdown-btn { color: #0A2540 !important; }
html body .sb-navbar__link:hover,
html body .sb-navbar a:hover,
html body .sb-navbar__dropdown-btn:hover,
html body .sb-navbar__dropdown-btn[aria-expanded="true"],
html body .sb-navbar a[aria-current="page"],
html body .sb-navbar .is-active { color: #16A34A !important; }
html body .sb-navbar__tel svg { stroke: #22C55E !important; }

html body .sb-hero[data-sb-section="hero"],
html body main > section.sb-hero:first-of-type {
  position: relative !important;
  isolation: isolate !important;
  min-height: clamp(620px, 86vh, 820px) !important;
  display: flex !important;
  align-items: center !important;
  padding: clamp(7rem, 10vw, 10rem) 0 clamp(4rem, 7vw, 6rem) !important;
  overflow: hidden !important;
  background: #0A2540 url('/images/degero/degero-hero-duurzaam-20260524.webp?v=20260524') center / cover no-repeat !important;
}
html body .sb-hero[data-sb-section="hero"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.88) 34%, rgba(255,255,255,0.42) 58%, rgba(10,37,64,0.1) 100%),
    linear-gradient(180deg, rgba(234,248,239,0.88) 0%, rgba(255,255,255,0.08) 58%, rgba(255,255,255,0.78) 100%) !important;
}
html body .sb-hero[data-sb-section="hero"]::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  height: 30% !important;
  z-index: -1 !important;
  background: linear-gradient(180deg, rgba(255,255,255,0), #FFFFFF) !important;
}
html body .sb-hero[data-sb-section="hero"] .sb-hero__mesh,
html body .sb-hero[data-sb-section="hero"] .sb-hero__visual { display: none !important; }
html body .sb-hero[data-sb-section="hero"] .sb-container {
  width: min(100%, 1200px) !important;
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
}
html body .sb-hero[data-sb-section="hero"] .sb-hero__content {
  width: min(680px, 100%) !important;
  max-width: 680px !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body .sb-hero[data-sb-section="hero"] .sb-hero__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 0 1.1rem !important;
  padding: 0.45rem 0.9rem !important;
  border: 1px solid rgba(34,197,94,0.34) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.82) !important;
  color: #0A2540 !important;
  box-shadow: 0 16px 36px rgba(10,37,64,0.08) !important;
}
html body .sb-hero[data-sb-section="hero"] .sb-hero__eyebrow::before {
  background: #22C55E !important;
  box-shadow: 0 0 0 7px rgba(34,197,94,0.14) !important;
}
html body .sb-hero[data-sb-section="hero"] .sb-hero__title {
  max-width: 11ch !important;
  margin: 0 !important;
  color: #0A2540 !important;
  font-size: clamp(3.35rem, 8.2vw, 7.4rem) !important;
  line-height: 0.94 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
}
html body .sb-hero[data-sb-section="hero"] .dg-accent { color: #08783f !important; }
html body .sb-hero[data-sb-section="hero"] .sb-hero__subtitle {
  max-width: 58ch !important;
  margin: 1.45rem 0 0 !important;
  color: #263A4A !important;
  font-size: clamp(1.05rem, 1.55vw, 1.28rem) !important;
  line-height: 1.75 !important;
  text-align: left !important;
}
html body .dg-hero-proof {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.7rem !important;
  margin-top: 1.55rem !important;
}
html body .dg-hero-proof span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 0.48rem 0.82rem !important;
  border-radius: 999px !important;
  background: rgba(10,37,64,0.88) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(34,197,94,0.38) !important;
  font-weight: 750 !important;
  font-size: 0.9rem !important;
}
html body .sb-hero[data-sb-section="hero"] .sb-hero__actions {
  width: auto !important;
  justify-content: flex-start !important;
  margin-top: 1.8rem !important;
}

html body .sb-btn,
html body a.sb-btn,
html body button.sb-btn,
html body .sb-chat-cta,
html body .sb-navbar__cta {
  border-radius: 999px !important;
  border-color: #0A2540 !important;
  background: #0A2540 !important;
  color: #FFFFFF !important;
  box-shadow: 0 16px 32px rgba(10,37,64,0.16) !important;
}
html body .sb-btn:hover,
html body a.sb-btn:hover,
html body button.sb-btn:hover,
html body .sb-chat-cta:hover,
html body .sb-navbar__cta:hover {
  background: #16A34A !important;
  border-color: #16A34A !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
}
html body .sb-btn--ghost,
html body .sb-hero__actions .sb-btn--ghost {
  background: rgba(255,255,255,0.9) !important;
  color: #0A2540 !important;
  border: 1px solid rgba(10,37,64,0.18) !important;
  box-shadow: 0 12px 28px rgba(10,37,64,0.08) !important;
}
html body .sb-btn--ghost:hover,
html body .sb-hero__actions .sb-btn--ghost:hover {
  background: #EAF8EF !important;
  color: #0A2540 !important;
  border-color: #08783f !important;
}

html body .sb-section__eyebrow,
html body .sb-section__label,
html body .sb-card__link,
html body main p a,
html body main article a:not([class]) { color: #16A34A !important; }
html body .sb-services__index,
html body [class*=__index] { color: #08783f !important; background: transparent !important; }
html body .sb-card,
html body article.sb-card,
html body .sb-flow__step,
html body .sb-deliverable,
html body .sb-fit__card,
html body .sb-proof__item {
  border-color: rgba(10,37,64,0.10) !important;
  box-shadow: 0 18px 42px rgba(10,37,64,0.07) !important;
}
html body .sb-card::before { background: linear-gradient(135deg, #0A2540, #22C55E) !important; }
html body .sb-card:hover { border-color: rgba(34,197,94,0.42) !important; }
html body .sb-portfolio__tag,
html body [class*=pill],
html body [class*=tag],
html body [class*=badge] {
  border-color: rgba(34,197,94,0.28) !important;
  background: #EAF8EF !important;
  color: #0A2540 !important;
}
html body .sb-section--alt,
html body main > section:nth-of-type(even):not(.sb-hero) { background: #F3F8F5 !important; }
html body .sb-section--dark,
html body .sb-footer,
html body footer.sb-footer,
html body footer { background: #0A2540 !important; color: #F3F8F5 !important; }
html body .sb-footer p,
html body .sb-footer__tag,
html body footer p { color: rgba(243,248,245,0.9) !important; }
html body .sb-footer a,
html body footer a { color: #F3F8F5 !important; }
html body .sb-footer a:hover,
html body footer a:hover { color: #08783f !important; }
html body .sb-footer h1,
html body .sb-footer h2,
html body .sb-footer h3,
html body .sb-footer h4,
html body footer h1,
html body footer h2,
html body footer h3,
html body footer h4 { color: #FFFFFF !important; }

html body input:focus,
html body textarea:focus,
html body select:focus,
html body button:focus-visible,
html body a:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(34,197,94,0.34) !important;
}
html body .sb-chat-widget__trigger,
html body .sb-chat-widget__header,
html body .sb-chat-widget__window header { background: #0A2540 !important; color: #FFFFFF !important; }
html body .sb-chat-widget__send,
html body .sb-chat-widget__submit,
html body .sb-chat-widget__window button[type=submit] { background: #22C55E !important; color: #FFFFFF !important; }

@media (max-width: 900px) {
  html body .sb-navbar__toggle { display: flex !important; }
  html body .sb-navbar.is-open .sb-navbar__menu,
  html body .sb-navbar__menu.sb-navbar__menu--open {
    display: flex !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.2rem !important;
    padding: 0.8rem 1rem 1rem !important;
    background: rgba(255,255,255,0.98) !important;
    border-top: 1px solid rgba(10,37,64,0.08) !important;
    box-shadow: 0 22px 44px rgba(10,37,64,0.14) !important;
    z-index: 1000 !important;
  }
  html body .sb-navbar__menu > li,
  html body .sb-navbar__menu a,
  html body .sb-navbar__dropdown-btn { width: 100% !important; }
  html body .sb-navbar__dropdown-btn,
  html body .sb-navbar__menu a {
    justify-content: space-between !important;
    min-height: 44px !important;
    padding: 0.72rem 0.25rem !important;
  }
  html body .sb-navbar__submenu {
    position: static !important;
    display: block !important;
    max-height: 0 !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 0 0.8rem !important;
    border: 0 !important;
    border-left: 2px solid rgba(34,197,94,0.34) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    transition: max-height 0.24s ease !important;
  }
  html body .sb-navbar__has-submenu.is-open > .sb-navbar__submenu,
  html body .sb-navbar__dropdown-btn[aria-expanded="true"] + .sb-navbar__submenu {
    max-height: 680px !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.45rem !important;
  }
}
@media (max-width: 640px) {
  html body main,
  html body main#main,
  html body main.sb-main { padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; max-width: 100% !important; }
  html body main > section,
  html body .sb-section,
  html body .sb-hero { padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; max-width: 100% !important; }
  html body .sb-container { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box !important; }
  html body .sb-hero[data-sb-section="hero"] { min-height: 680px !important; background-position: 58% center !important; padding-top: 7rem !important; }
  html body .sb-hero[data-sb-section="hero"]::before { background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.88) 46%, rgba(255,255,255,0.28) 100%) !important; }
  html body .sb-hero[data-sb-section="hero"] .sb-hero__title { max-width: 9ch !important; font-size: clamp(3.1rem, 16vw, 4.9rem) !important; }
  html body .sb-hero[data-sb-section="hero"] .sb-hero__actions .sb-btn { width: 100% !important; }
  html body a.sb-navbar__brand img,
  html body .sb-navbar__brand img { height: 44px !important; max-width: 220px !important; }
}


/* Footer white green logo 2026-05-24. */
html body .sb-footer a.sb-footer__brand,
html body footer a.sb-footer__brand {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  width: auto !important;
  height: auto !important;
  max-width: 280px !important;
}
html body .sb-footer a.sb-footer__brand::before,
html body .sb-footer a.sb-footer__brand::after,
html body footer a.sb-footer__brand::before,
html body footer a.sb-footer__brand::after {
  content: none !important;
  display: none !important;
}
html body .sb-footer a.sb-footer__brand img,
html body footer a.sb-footer__brand img {
  display: block !important;
  height: 48px !important;
  width: auto !important;
  max-width: min(260px, 72vw) !important;
  object-fit: contain !important;
  filter: none !important;
}


/* Footer tagline transparent 2026-05-24. */
html body .sb-footer__tag,
html body footer .sb-footer__tag {
  display: block !important;
  max-width: 360px !important;
  margin: 1rem 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: rgba(243,248,245,0.92) !important;
  opacity: 1 !important;
  font-size: 0.95rem !important;
  line-height: 1.65 !important;
}


/* Hero readability scrim 2026-05-24. */
html body .sb-hero[data-sb-section="hero"],
html body main > section.sb-hero:first-of-type {
  background-position: right center !important;
}
html body .sb-hero[data-sb-section="hero"]::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.99) 0%, rgba(255,255,255,0.98) 32%, rgba(246,252,248,0.9) 48%, rgba(246,252,248,0.42) 66%, rgba(10,37,64,0.08) 100%),
    linear-gradient(180deg, rgba(234,248,239,0.92) 0%, rgba(255,255,255,0.14) 58%, rgba(255,255,255,0.82) 100%) !important;
}
html body .sb-hero[data-sb-section="hero"] .sb-hero__content {
  position: relative !important;
  z-index: 2 !important;
  filter: none !important;
}
html body .sb-hero[data-sb-section="hero"] .sb-hero__title,
html body .sb-hero[data-sb-section="hero"] .sb-hero__subtitle,
html body .sb-hero[data-sb-section="hero"] .sb-hero__eyebrow {
  text-shadow: 0 1px 0 rgba(255,255,255,0.72) !important;
}
@media (max-width: 1024px) {
  html body .sb-hero[data-sb-section="hero"],
  html body main > section.sb-hero:first-of-type {
    background-position: 62% center !important;
  }
  html body .sb-hero[data-sb-section="hero"]::before {
    background:
      linear-gradient(90deg, rgba(255,255,255,0.99) 0%, rgba(255,255,255,0.97) 48%, rgba(246,252,248,0.78) 72%, rgba(10,37,64,0.1) 100%),
      linear-gradient(180deg, rgba(234,248,239,0.92) 0%, rgba(255,255,255,0.18) 62%, rgba(255,255,255,0.84) 100%) !important;
  }
}
@media (max-width: 640px) {
  html body .sb-hero[data-sb-section="hero"],
  html body main > section.sb-hero:first-of-type {
    background-position: 66% center !important;
  }
  html body .sb-hero[data-sb-section="hero"]::before {
    background:
      linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(255,255,255,0.98) 56%, rgba(246,252,248,0.86) 76%, rgba(246,252,248,0.42) 100%),
      linear-gradient(90deg, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.74) 62%, rgba(10,37,64,0.08) 100%) !important;
  }
  html body .sb-hero[data-sb-section="hero"] .sb-hero__subtitle {
    color: #162B3C !important;
    font-weight: 520 !important;
  }
}


/* Header logo no duplicate hover 2026-05-24. */
html body a.sb-navbar__brand,
html body a.sb-navbar__brand:hover,
html body a.sb-navbar__brand:focus,
html body a.sb-navbar__brand:focus-visible,
html body a.sb-navbar__brand:active,
html body a.sb-navbar__brand:visited,
html body .sb-navbar a.sb-navbar__brand,
html body .sb-navbar a.sb-navbar__brand:hover,
html body .sb-navbar a.sb-navbar__brand:focus,
html body .sb-navbar a.sb-navbar__brand:focus-visible,
html body .sb-navbar a.sb-navbar__brand:active,
html body nav.sb-navbar a.sb-navbar__brand,
html body nav.sb-navbar a.sb-navbar__brand:hover,
html body nav.sb-navbar a.sb-navbar__brand:focus,
html body nav.sb-navbar a.sb-navbar__brand:active {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}
html body a.sb-navbar__brand img,
html body a.sb-navbar__brand:hover img,
html body a.sb-navbar__brand:focus img,
html body .sb-navbar a.sb-navbar__brand img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}


/* Over ons related services flow fix 2026-05-24. */
html body.page-over-ons #services .sb-section__header,
html body #main-content #services .sb-section__header,
html body main #services .sb-section__header {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: auto !important;
  max-width: 820px !important;
  transform: none !important;
  z-index: auto !important;
  margin-right: auto !important;
  margin-bottom: 2.5rem !important;
  margin-left: auto !important;
}

@media (max-width: 768px) {
  html body.page-over-ons #services .sb-section__header,
  html body #main-content #services .sb-section__header,
  html body main #services .sb-section__header {
    max-width: none !important;
    margin-bottom: 1.5rem !important;
  }
}


/* Hero scope and sitewide readability fix 2026-05-24. */
html body.page-home .sb-hero[data-sb-section="hero"],
html body.page-home main > section.sb-hero:first-of-type {
  background: #0A2540 url('/images/degero/degero-hero-duurzaam-20260524.webp?v=20260524') right center / cover no-repeat !important;
}

html body:not(.page-home) .sb-hero[data-sb-section="hero"],
html body:not(.page-home) main > section.sb-hero:first-of-type {
  background-image: none !important;
  background-color: #F3F8F5 !important;
}

html body.page-home .sb-hero[data-sb-section="hero"]::before,
html body .sb-hero--full-image::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.99) 0%, rgba(255,255,255,0.98) 32%, rgba(246,252,248,0.9) 48%, rgba(246,252,248,0.42) 66%, rgba(10,37,64,0.08) 100%),
    linear-gradient(180deg, rgba(234,248,239,0.92) 0%, rgba(255,255,255,0.14) 58%, rgba(255,255,255,0.82) 100%) !important;
}

html body.page-home .sb-hero[data-sb-section="hero"]::after,
html body .sb-hero--full-image::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  height: 34% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(255,255,255,0), #FFFFFF) !important;
}

html body:not(.page-home) .sb-hero[data-sb-section="hero"]::before,
html body:not(.page-home) main > section.sb-hero:first-of-type::before {
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(34,197,94,0.12), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,0.94), rgba(234,248,239,0.72)) !important;
}

html body:not(.page-home) .sb-hero[data-sb-section="hero"]::after,
html body:not(.page-home) main > section.sb-hero:first-of-type::after {
  display: none !important;
}

html body .sb-hero[data-sb-section="hero"] .sb-container,
html body main > section.sb-hero:first-of-type .sb-container,
html body .sb-hero[data-sb-section="hero"] .sb-hero__content {
  position: relative !important;
  z-index: 2 !important;
}

html body:not(.page-home) .sb-hero[data-sb-section="hero"] .sb-hero__visual,
html body:not(.page-home) .sb-hero[data-sb-section="hero"] .sb-hero__image {
  display: block !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

html body .sb-hero__visual::after,
html body .sb-hero__image::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(135deg, rgba(10,37,64,0.18), rgba(34,197,94,0.08) 52%, rgba(255,255,255,0.16)),
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(10,37,64,0.16)) !important;
}

html body .sb-hero__visual img,
html body .sb-hero__image img {
  position: relative !important;
  z-index: 0 !important;
}

@media (max-width: 1024px) {
  html body.page-home .sb-hero[data-sb-section="hero"],
  html body.page-home main > section.sb-hero:first-of-type {
    background-position: 62% center !important;
  }
  html body.page-home .sb-hero[data-sb-section="hero"]::before,
  html body .sb-hero--full-image::before {
    background:
      linear-gradient(90deg, rgba(255,255,255,0.99) 0%, rgba(255,255,255,0.97) 48%, rgba(246,252,248,0.78) 72%, rgba(10,37,64,0.1) 100%),
      linear-gradient(180deg, rgba(234,248,239,0.92) 0%, rgba(255,255,255,0.18) 62%, rgba(255,255,255,0.84) 100%) !important;
  }
}

@media (max-width: 640px) {
  html body.page-home .sb-hero[data-sb-section="hero"],
  html body.page-home main > section.sb-hero:first-of-type {
    background-position: 66% center !important;
  }
  html body.page-home .sb-hero[data-sb-section="hero"]::before,
  html body .sb-hero--full-image::before {
    background:
      linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(255,255,255,0.98) 56%, rgba(246,252,248,0.86) 76%, rgba(246,252,248,0.42) 100%),
      linear-gradient(90deg, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.74) 62%, rgba(10,37,64,0.08) 100%) !important;
  }
}


/* Restore sitewide sustainable hero banner 2026-05-24. */
html body .sb-hero[data-sb-section="hero"],
html body main > section.sb-hero:first-of-type {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: #0A2540 url('/images/degero/degero-hero-duurzaam-20260524.webp?v=20260524') right center / cover no-repeat !important;
}

html body .sb-hero[data-sb-section="hero"]::before,
html body main > section.sb-hero:first-of-type::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.99) 0%, rgba(255,255,255,0.97) 36%, rgba(246,252,248,0.84) 54%, rgba(246,252,248,0.36) 72%, rgba(10,37,64,0.08) 100%),
    radial-gradient(ellipse at 84% 58%, rgba(154, 96, 46, 0.24) 0%, rgba(154, 96, 46, 0.13) 32%, transparent 62%),
    radial-gradient(ellipse at 72% 86%, rgba(199, 148, 82, 0.18) 0%, transparent 58%),
    linear-gradient(180deg, rgba(234,248,239,0.9) 0%, rgba(255,255,255,0.1) 58%, rgba(255,255,255,0.82) 100%) !important;
}

html body .sb-hero[data-sb-section="hero"]::after,
html body main > section.sb-hero:first-of-type::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  height: 32% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(255,255,255,0), #FFFFFF) !important;
}

html body .sb-hero[data-sb-section="hero"] .sb-container,
html body main > section.sb-hero:first-of-type .sb-container,
html body .sb-hero[data-sb-section="hero"] .sb-hero__content,
html body main > section.sb-hero:first-of-type .sb-hero__content {
  position: relative !important;
  z-index: 2 !important;
}

html body .sb-hero[data-sb-section="hero"] .sb-hero__visual,
html body .sb-hero[data-sb-section="hero"] .sb-hero__image,
html body main > section.sb-hero:first-of-type .sb-hero__visual,
html body main > section.sb-hero:first-of-type .sb-hero__image {
  display: none !important;
}

html body .sb-hero[data-sb-section="hero"] .sb-hero__title,
html body main > section.sb-hero:first-of-type .sb-hero__title {
  color: #0A2540 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.8) !important;
}

html body .sb-hero[data-sb-section="hero"] .sb-hero__subtitle,
html body main > section.sb-hero:first-of-type .sb-hero__subtitle {
  color: #162B3C !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.7) !important;
}

html body.page-home .sb-hero[data-sb-section="hero"]::before,
html body.page-home main > section.sb-hero:first-of-type::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 40%, rgba(246,252,248,0.9) 57%, rgba(246,252,248,0.38) 74%, rgba(10,37,64,0.08) 100%),
    linear-gradient(180deg, rgba(234,248,239,0.94) 0%, rgba(255,255,255,0.12) 58%, rgba(255,255,255,0.84) 100%) !important;
}

html body.page-home .sb-hero[data-sb-section="hero"] .sb-hero__content,
html body.page-home main > section.sb-hero:first-of-type .sb-hero__content {
  width: min(640px, 100%) !important;
  max-width: 640px !important;
}

@media (max-width: 1024px) {
  html body .sb-hero[data-sb-section="hero"],
  html body main > section.sb-hero:first-of-type {
    background-position: 62% center !important;
  }
  html body .sb-hero[data-sb-section="hero"]::before,
  html body main > section.sb-hero:first-of-type::before {
    background:
      linear-gradient(90deg, rgba(255,255,255,0.99) 0%, rgba(255,255,255,0.98) 52%, rgba(246,252,248,0.78) 76%, rgba(10,37,64,0.08) 100%),
      linear-gradient(180deg, rgba(234,248,239,0.94) 0%, rgba(255,255,255,0.18) 62%, rgba(255,255,255,0.86) 100%) !important;
  }
}

@media (max-width: 640px) {
  html body .sb-hero[data-sb-section="hero"],
  html body main > section.sb-hero:first-of-type {
    background-position: 66% center !important;
  }
  html body .sb-hero[data-sb-section="hero"]::before,
  html body main > section.sb-hero:first-of-type::before {
    background:
      linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 58%, rgba(246,252,248,0.88) 78%, rgba(246,252,248,0.42) 100%),
      linear-gradient(90deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.78) 64%, rgba(10,37,64,0.08) 100%) !important;
  }
}


/* Final restore non-home sustainable hero banner 2026-05-24. */
html body:not(.page-home) .sb-hero[data-sb-section="hero"],
html body:not(.page-home) main > section.sb-hero:first-of-type,
html body .sb-hero[data-sb-section="hero"],
html body main > section.sb-hero:first-of-type {
  background-color: #0A2540 !important;
  background-image: url('/images/degero/degero-hero-duurzaam-20260524.webp?v=20260524') !important;
  background-position: right center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

html body:not(.page-home) .sb-hero[data-sb-section="hero"]::before,
html body:not(.page-home) main > section.sb-hero:first-of-type::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.99) 0%, rgba(255,255,255,0.97) 36%, rgba(246,252,248,0.84) 54%, rgba(246,252,248,0.36) 72%, rgba(10,37,64,0.08) 100%),
    radial-gradient(ellipse at 84% 58%, rgba(154, 96, 46, 0.24) 0%, rgba(154, 96, 46, 0.13) 32%, transparent 62%),
    radial-gradient(ellipse at 72% 86%, rgba(199, 148, 82, 0.18) 0%, transparent 58%),
    linear-gradient(180deg, rgba(234,248,239,0.9) 0%, rgba(255,255,255,0.1) 58%, rgba(255,255,255,0.82) 100%) !important;
}

html body:not(.page-home) .sb-hero[data-sb-section="hero"]::after,
html body:not(.page-home) main > section.sb-hero:first-of-type::after {
  display: block !important;
  background: linear-gradient(180deg, rgba(255,255,255,0), #FFFFFF) !important;
}

html body:not(.page-home) .sb-hero[data-sb-section="hero"] .sb-hero__visual,
html body:not(.page-home) .sb-hero[data-sb-section="hero"] .sb-hero__image,
html body:not(.page-home) main > section.sb-hero:first-of-type .sb-hero__visual,
html body:not(.page-home) main > section.sb-hero:first-of-type .sb-hero__image {
  display: none !important;
}

@media (max-width: 1024px) {
  html body:not(.page-home) .sb-hero[data-sb-section="hero"],
  html body:not(.page-home) main > section.sb-hero:first-of-type,
  html body .sb-hero[data-sb-section="hero"],
  html body main > section.sb-hero:first-of-type {
    background-position: 62% center !important;
  }
}

@media (max-width: 640px) {
  html body:not(.page-home) .sb-hero[data-sb-section="hero"],
  html body:not(.page-home) main > section.sb-hero:first-of-type,
  html body .sb-hero[data-sb-section="hero"],
  html body main > section.sb-hero:first-of-type {
    background-position: 66% center !important;
  }
}


/* Mobile logo clipping fix 2026-05-24. */
@media (max-width: 900px) {
  html body .sb-navbar a.sb-navbar__brand,
  html body a.sb-navbar__brand,
  html body .sb-navbar__brand {
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 96px) !important;
    height: auto !important;
    min-height: 54px !important;
    overflow: visible !important;
    flex: 0 1 auto !important;
    align-items: center !important;
  }

  html body .sb-navbar a.sb-navbar__brand img,
  html body a.sb-navbar__brand img,
  html body .sb-navbar__brand img {
    display: block !important;
    width: auto !important;
    height: 54px !important;
    max-width: min(220px, calc(100vw - 112px)) !important;
    object-fit: contain !important;
  }
}

@media (max-width: 430px) {
  html body .sb-navbar a.sb-navbar__brand img,
  html body a.sb-navbar__brand img,
  html body .sb-navbar__brand img {
    height: 48px !important;
    max-width: min(190px, calc(100vw - 104px)) !important;
  }
}

/* Final mobile logo unclipped dimensions 2026-05-24. */
@media (max-width: 900px) {
  html body nav.sb-navbar .sb-container.sb-navbar__inner > a.sb-navbar__brand,
  html body nav.sb-navbar a.sb-navbar__brand,
  html body .sb-navbar .sb-navbar__inner a.sb-navbar__brand,
  html body .sb-navbar__inner > a.sb-navbar__brand {
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
    flex: 0 0 190px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    overflow: visible !important;
  }
}
@media (max-width: 430px) {
  html body nav.sb-navbar .sb-container.sb-navbar__inner > a.sb-navbar__brand,
  html body nav.sb-navbar a.sb-navbar__brand,
  html body .sb-navbar .sb-navbar__inner a.sb-navbar__brand,
  html body .sb-navbar__inner > a.sb-navbar__brand {
    width: 172px !important;
    min-width: 172px !important;
    max-width: 172px !important;
    flex: 0 0 172px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    overflow: visible !important;
  }
  html body nav.sb-navbar .sb-container.sb-navbar__inner > a.sb-navbar__brand img,
  html body nav.sb-navbar a.sb-navbar__brand img,
  html body .sb-navbar .sb-navbar__inner a.sb-navbar__brand img,
  html body .sb-navbar__inner > a.sb-navbar__brand img {
    height: 48px !important;
    max-width: 172px !important;
  }
}

/* Final mobile logo height match 2026-05-24. */
@media (max-width: 430px) {
  html body nav.sb-navbar .sb-container.sb-navbar__inner > a.sb-navbar__brand,
  html body nav.sb-navbar a.sb-navbar__brand,
  html body .sb-navbar .sb-navbar__inner a.sb-navbar__brand,
  html body .sb-navbar__inner > a.sb-navbar__brand {
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    overflow: visible !important;
  }
}


/* Hero H1 two-line rhythm 2026-05-24. */
html body .sb-hero[data-sb-section="hero"] .sb-hero__title,
html body main > section.sb-hero:first-of-type .sb-hero__title,
html body .sb-hero .sb-hero__title {
  max-width: min(100%, 22ch) !important;
  font-size: clamp(2.45rem, 5.4vw, 4.85rem) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

html body.page-home .sb-hero[data-sb-section="hero"] .sb-hero__title,
html body.page-home main > section.sb-hero:first-of-type .sb-hero__title {
  max-width: min(100%, 22ch) !important;
  font-size: clamp(2.45rem, 5.4vw, 4.85rem) !important;
}

@media (max-width: 1024px) {
  html body .sb-hero[data-sb-section="hero"] .sb-hero__title,
  html body main > section.sb-hero:first-of-type .sb-hero__title,
  html body .sb-hero .sb-hero__title {
    max-width: min(100%, 23ch) !important;
    font-size: clamp(2.1rem, 5vw, 3.35rem) !important;
    line-height: 1.06 !important;
  }

  html body.page-home .sb-hero[data-sb-section="hero"] .sb-hero__title,
  html body.page-home main > section.sb-hero:first-of-type .sb-hero__title {
    max-width: min(100%, 23ch) !important;
    font-size: clamp(2.1rem, 5vw, 3.35rem) !important;
  }
}

@media (max-width: 640px) {
  html body .sb-hero[data-sb-section="hero"] .sb-hero__title,
  html body main > section.sb-hero:first-of-type .sb-hero__title,
  html body .sb-hero .sb-hero__title {
    max-width: 100% !important;
    font-size: clamp(1.72rem, 6.8vw, 2.02rem) !important;
    line-height: 1.08 !important;
    text-wrap: balance !important;
  }

  html body.page-home .sb-hero[data-sb-section="hero"] .sb-hero__title,
  html body.page-home main > section.sb-hero:first-of-type .sb-hero__title {
    max-width: 100% !important;
    font-size: clamp(1.72rem, 6.8vw, 2.02rem) !important;
    line-height: 1.08 !important;
  }
}

/* Final desktop hero H1 max two lines 2026-05-24. */
@media (min-width: 1025px) {
  html body:not(.page-home) .sb-hero[data-sb-section="hero"] .sb-hero__title,
  html body:not(.page-home) main > section.sb-hero:first-of-type .sb-hero__title,
  html body:not(.page-home) .sb-hero .sb-hero__title {
    max-width: min(100%, 24ch) !important;
    font-size: clamp(3.15rem, 4.25vw, 4rem) !important;
    line-height: 1.04 !important;
    text-wrap: balance !important;
  }
}


/* Homepage full-width readable hero final 2026-05-24. */
html body.page-home .sb-hero[data-sb-section="hero"],
html body.page-home main > section.sb-hero:first-of-type {
  position: relative !important;
  isolation: isolate !important;
  min-height: clamp(680px, 88vh, 860px) !important;
  overflow: hidden !important;
  background-color: #0A2540 !important;
  background-image: url('/images/degero/degero-hero-duurzaam-20260524.webp?v=20260524') !important;
  background-position: right center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

html body.page-home .sb-hero[data-sb-section="hero"]::before,
html body.page-home main > section.sb-hero:first-of-type::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 39%, rgba(246,252,248,0.93) 56%, rgba(246,252,248,0.48) 73%, rgba(10,37,64,0.08) 100%),
    linear-gradient(180deg, rgba(234,248,239,0.94) 0%, rgba(255,255,255,0.1) 58%, rgba(255,255,255,0.86) 100%) !important;
}

html body.page-home .sb-hero[data-sb-section="hero"]::after,
html body.page-home main > section.sb-hero:first-of-type::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  height: 34% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(255,255,255,0), #FFFFFF) !important;
}

html body.page-home .sb-hero[data-sb-section="hero"] .sb-container,
html body.page-home main > section.sb-hero:first-of-type .sb-container {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
}

html body.page-home .sb-hero[data-sb-section="hero"] .sb-hero__content,
html body.page-home main > section.sb-hero:first-of-type .sb-hero__content {
  position: relative !important;
  z-index: 2 !important;
  width: min(650px, 100%) !important;
  max-width: 650px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.page-home .sb-hero[data-sb-section="hero"] .sb-hero__visual,
html body.page-home .sb-hero[data-sb-section="hero"] .sb-hero__image,
html body.page-home main > section.sb-hero:first-of-type .sb-hero__visual,
html body.page-home main > section.sb-hero:first-of-type .sb-hero__image {
  display: none !important;
}

html body.page-home .sb-hero[data-sb-section="hero"] .sb-hero__title,
html body.page-home main > section.sb-hero:first-of-type .sb-hero__title {
  max-width: min(100%, 15ch) !important;
  color: #0A2540 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.82) !important;
}

@media (min-width: 1025px) {
  html body.page-home .sb-hero[data-sb-section="hero"] .sb-hero__title,
  html body.page-home main > section.sb-hero:first-of-type .sb-hero__title {
    max-width: min(100%, 24ch) !important;
    font-size: clamp(3.15rem, 4.25vw, 4rem) !important;
    line-height: 1.04 !important;
  }
}

html body.page-home .sb-hero[data-sb-section="hero"] .sb-hero__subtitle,
html body.page-home main > section.sb-hero:first-of-type .sb-hero__subtitle {
  color: #162B3C !important;
  font-weight: 520 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.76) !important;
}

@media (max-width: 1024px) {
  html body.page-home .sb-hero[data-sb-section="hero"],
  html body.page-home main > section.sb-hero:first-of-type {
    background-position: 62% center !important;
  }
  html body.page-home .sb-hero[data-sb-section="hero"]::before,
  html body.page-home main > section.sb-hero:first-of-type::before {
    background:
      linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 54%, rgba(246,252,248,0.82) 78%, rgba(10,37,64,0.08) 100%),
      linear-gradient(180deg, rgba(234,248,239,0.96) 0%, rgba(255,255,255,0.2) 62%, rgba(255,255,255,0.88) 100%) !important;
  }
}

@media (max-width: 640px) {
  html body.page-home .sb-hero[data-sb-section="hero"],
  html body.page-home main > section.sb-hero:first-of-type {
    min-height: 720px !important;
    background-position: 66% center !important;
  }
  html body.page-home .sb-hero[data-sb-section="hero"]::before,
  html body.page-home main > section.sb-hero:first-of-type::before {
    background:
      linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 60%, rgba(246,252,248,0.88) 80%, rgba(246,252,248,0.42) 100%),
      linear-gradient(90deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.8) 66%, rgba(10,37,64,0.08) 100%) !important;
  }
}


/* Final footer logo visible on mobile 2026-05-24. */
html body footer.sb-footer a.sb-footer__brand,
html body .sb-footer a.sb-footer__brand,
html body footer a.sb-footer__brand,
html body a.sb-footer__brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: min(260px, 78vw) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 0 1rem !important;
  padding: 0 !important;
  overflow: visible !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

html body footer.sb-footer a.sb-footer__brand::before,
html body footer.sb-footer a.sb-footer__brand::after,
html body .sb-footer a.sb-footer__brand::before,
html body .sb-footer a.sb-footer__brand::after,
html body footer a.sb-footer__brand::before,
html body footer a.sb-footer__brand::after,
html body a.sb-footer__brand::before,
html body a.sb-footer__brand::after {
  content: none !important;
  display: none !important;
}

html body footer.sb-footer a.sb-footer__brand img,
html body .sb-footer a.sb-footer__brand img,
html body footer a.sb-footer__brand img,
html body a.sb-footer__brand img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  height: 48px !important;
  min-width: 0 !important;
  max-width: min(240px, 76vw) !important;
  max-height: none !important;
  object-fit: contain !important;
  filter: none !important;
}

@media (max-width: 640px) {
  html body footer.sb-footer a.sb-footer__brand,
  html body .sb-footer a.sb-footer__brand,
  html body footer a.sb-footer__brand,
  html body a.sb-footer__brand {
    max-width: 82vw !important;
    margin-bottom: 1.1rem !important;
  }

  html body footer.sb-footer a.sb-footer__brand img,
  html body .sb-footer a.sb-footer__brand img,
  html body footer a.sb-footer__brand img,
  html body a.sb-footer__brand img {
    height: 44px !important;
    max-width: 78vw !important;
  }
}


/* Hide footer chat CTA 2026-05-24. */
html body footer [data-chat-cta],
html body footer .sb-chat-cta,
html body .sb-footer [data-chat-cta],
html body .sb-footer .sb-chat-cta,
html body footer .sb-footer__linkbtn.sb-chat-cta,
html body .sb-footer .sb-footer__linkbtn.sb-chat-cta {
  display: none !important;
}

/* Kennisbank article titles navy, read links green 2026-05-24. */
html body .sb-main .sb-grid article.sb-card h3,
html body .sb-main .sb-grid article.sb-card h3 a,
html body main .sb-grid article.sb-card h3,
html body main .sb-grid article.sb-card h3 a,
html body .sb-kennisbank article.sb-card h3,
html body .sb-kennisbank article.sb-card h3 a {
  color: #0A2540 !important;
}
html body .sb-main .sb-grid article.sb-card h3 a:hover,
html body main .sb-grid article.sb-card h3 a:hover,
html body .sb-kennisbank article.sb-card h3 a:hover {
  color: #0A2540 !important;
}
html body .sb-main .sb-grid article.sb-card a.sb-card__link,
html body main .sb-grid article.sb-card a.sb-card__link,
html body .sb-kennisbank article.sb-card a.sb-card__link {
  color: #08783f !important;
  border-color: #08783f !important;
}


/* Kennisbank title link final override 2026-05-24. */
html body main article.sb-card h3 > a.kb-title-link,
html body main article.sb-card h3 > a.kb-title-link:link,
html body main article.sb-card h3 > a.kb-title-link:visited,
html body main article.sb-card h3 > a.kb-title-link:hover,
html body main article.sb-card h3 > a.kb-title-link:focus {
  color: #0A2540 !important;
  text-decoration: none !important;
}

html body main article.sb-card > a.sb-card__link,
html body main article.sb-card > a.sb-card__link:link,
html body main article.sb-card > a.sb-card__link:visited {
  color: #08783f !important;
  border-color: #08783f !important;
}

/* Kennisbank card title and link alignment final 2026-05-24. */
html body .sb-main > section .sb-container > .sb-grid.sb-grid--3 > article.sb-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  height: 100% !important;
}
html body .sb-main > section .sb-container > .sb-grid.sb-grid--3 > article.sb-card > h3 > a.kb-title-link:not(.sb-card__link):not(.sb-btn):not(.sb-cta):not(.sb-chat-cta),
html body main .sb-container > .sb-grid.sb-grid--3 > article.sb-card > h3 > a.kb-title-link:not(.sb-card__link):not(.sb-btn):not(.sb-cta):not(.sb-chat-cta),
html body main article.sb-card > h3 > a.kb-title-link:not(.sb-card__link):not(.sb-btn):not(.sb-cta):not(.sb-chat-cta) {
  color: #0A2540 !important;
  text-decoration: none !important;
}
html body .sb-main > section .sb-container > .sb-grid.sb-grid--3 > article.sb-card > p,
html body main .sb-container > .sb-grid.sb-grid--3 > article.sb-card > p {
  flex: 1 1 auto !important;
}
html body .sb-main > section .sb-container > .sb-grid.sb-grid--3 > article.sb-card > a.sb-card__link,
html body main .sb-container > .sb-grid.sb-grid--3 > article.sb-card > a.sb-card__link {
  margin-top: auto !important;
  align-self: flex-start !important;
  color: #08783f !important;
  border-color: #08783f !important;
}

/* Package CTA contrast fix 2026-05-24. */
html body main section.sb-section.sb-cta.sb-cta--simple.sb-section--dark[data-sb-section="cta"],
html body main section.sb-cta.sb-cta--simple[data-sb-section="cta"],
html body main section[data-sb-section="cta"].sb-section--dark {
  background: #0A2540 !important;
  background-color: #0A2540 !important;
  color: #FFFFFF !important;
  border-top: 1px solid rgba(34,197,94,0.22) !important;
  border-bottom: 1px solid rgba(34,197,94,0.22) !important;
}
html body main section.sb-section.sb-cta.sb-cta--simple.sb-section--dark[data-sb-section="cta"] .sb-section__header,
html body main section.sb-cta.sb-cta--simple[data-sb-section="cta"] .sb-section__header {
  background: transparent !important;
  box-shadow: none !important;
}
html body main section.sb-section.sb-cta.sb-cta--simple.sb-section--dark[data-sb-section="cta"] h2,
html body main section.sb-section.sb-cta.sb-cta--simple.sb-section--dark[data-sb-section="cta"] p,
html body main section.sb-cta.sb-cta--simple[data-sb-section="cta"] h2,
html body main section.sb-cta.sb-cta--simple[data-sb-section="cta"] p {
  color: #FFFFFF !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html body main section.sb-section.sb-cta.sb-cta--simple.sb-section--dark[data-sb-section="cta"] p,
html body main section.sb-cta.sb-cta--simple[data-sb-section="cta"] p {
  color: rgba(255,255,255,0.88) !important;
}
html body main section.sb-section.sb-cta.sb-cta--simple.sb-section--dark[data-sb-section="cta"] .sb-btn,
html body main section.sb-cta.sb-cta--simple[data-sb-section="cta"] .sb-btn {
  background: #22C55E !important;
  background-color: #08783f !important;
  border-color: #08783f !important;
  color: #0A2540 !important;
}
html body main section.sb-section.sb-cta.sb-cta--simple.sb-section--dark[data-sb-section="cta"] .sb-btn:hover,
html body main section.sb-cta.sb-cta--simple[data-sb-section="cta"] .sb-btn:hover {
  background: #22C55E !important;
  background-color: #08783f !important;
  border-color: #08783f !important;
  color: #0A2540 !important;
}

/* Package CTA light contrast fix 2026-05-24. */
html body main section.sb-section.sb-cta.sb-cta--simple[data-sb-section="cta"],
html body main section.sb-cta.sb-cta--simple[data-sb-section="cta"],
html body main section[data-sb-section="cta"].sb-cta--simple {
  background: linear-gradient(135deg, #F3F8F5 0%, #EAF8EF 100%) !important;
  background-color: #F3F8F5 !important;
  color: #0A2540 !important;
  border-top: 1px solid rgba(34,197,94,0.18) !important;
  border-bottom: 1px solid rgba(10,37,64,0.08) !important;
}
html body main section.sb-section.sb-cta.sb-cta--simple[data-sb-section="cta"] .sb-section__header,
html body main section.sb-cta.sb-cta--simple[data-sb-section="cta"] .sb-section__header {
  background: transparent !important;
  box-shadow: none !important;
}
html body main section.sb-section.sb-cta.sb-cta--simple[data-sb-section="cta"] h2,
html body main section.sb-section.sb-cta.sb-cta--simple[data-sb-section="cta"] p,
html body main section.sb-cta.sb-cta--simple[data-sb-section="cta"] h2,
html body main section.sb-cta.sb-cta--simple[data-sb-section="cta"] p {
  color: #0A2540 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html body main section.sb-section.sb-cta.sb-cta--simple[data-sb-section="cta"] p,
html body main section.sb-cta.sb-cta--simple[data-sb-section="cta"] p {
  color: #263A4A !important;
}
html body main section.sb-section.sb-cta.sb-cta--simple[data-sb-section="cta"] .sb-btn,
html body main section.sb-cta.sb-cta--simple[data-sb-section="cta"] .sb-btn,
html body main section.sb-section.sb-cta.sb-cta--simple[data-sb-section="cta"] .sb-btn:hover,
html body main section.sb-cta.sb-cta--simple[data-sb-section="cta"] .sb-btn:hover {
  background: #22C55E !important;
  background-color: #08783f !important;
  border-color: #08783f !important;
  color: #0A2540 !important;
  transform: none !important;
}


/* Light package CTA class 2026-05-24. */
html body main section.dg-cta-light,
html body main section.sb-section.dg-cta-light,
html body main section.sb-cta.dg-cta-light {
  background: linear-gradient(135deg, #F3F8F5 0%, #EAF8EF 100%) !important;
  background-color: #F3F8F5 !important;
  background-image: linear-gradient(135deg, #F3F8F5 0%, #EAF8EF 100%) !important;
  color: #0A2540 !important;
}
html body main section.dg-cta-light h2,
html body main section.dg-cta-light p {
  color: #0A2540 !important;
  opacity: 1 !important;
}
html body main section.dg-cta-light p {
  color: #263A4A !important;
}
html body main section.dg-cta-light .sb-btn,
html body main section.dg-cta-light .sb-btn:hover {
  background: #22C55E !important;
  background-color: #08783f !important;
  border-color: #08783f !important;
  color: #0A2540 !important;
  transform: none !important;
}

/* Footer bottom spacing trim 2026-05-24. */
html body footer.sb-footer,
html body .sb-footer {
  padding-bottom: 0.75rem !important;
}
html body footer.sb-footer > .sb-container,
html body .sb-footer > .sb-container {
  padding-bottom: 0 !important;
}
html body footer.sb-footer .sb-footer__bottom,
html body .sb-footer .sb-footer__bottom {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
html body footer.sb-footer .sb-footer__copyright,
html body .sb-footer .sb-footer__copyright {
  margin-bottom: 0 !important;
}

/* Homepage body layout polish 2026-05-24. Hero intentionally untouched. */
body.page-home main.sb-main > section.sb-section:not([data-sb-section="hero"]) {
  padding-block: clamp(4rem, 6vw, 6rem) !important;
  overflow: clip !important;
}
body.page-home main.sb-main > section.sb-section:not([data-sb-section="hero"]) > .sb-container {
  width: min(1180px, calc(100vw - 48px)) !important;
  max-width: min(1180px, calc(100vw - 48px)) !important;
  padding-inline: 0 !important;
}
body.page-home .sb-section__header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.75rem !important;
  max-width: 760px !important;
  margin: 0 auto clamp(2rem, 4vw, 3.25rem) !important;
  text-align: center !important;
}
body.page-home .sb-section__header .sb-section__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  margin: 0 !important;
  color: #08783f !important;
}
body.page-home .sb-section__header .sb-section__eyebrow::before,
body.page-home .sb-section__header .sb-section__eyebrow::after {
  content: "" !important;
  display: block !important;
  width: 2rem !important;
  height: 2px !important;
  background: #22C55E !important;
  border-radius: 999px !important;
}
body.page-home .sb-section__header h2 {
  max-width: 18ch !important;
  margin: 0 auto !important;
  color: #0A2540 !important;
  font-size: clamp(2rem, 3.4vw, 3rem) !important;
  line-height: 1.08 !important;
  text-align: center !important;
}
body.page-home .sb-section__header p,
body.page-home .sb-section__intro {
  max-width: 68ch !important;
  margin: 0 auto !important;
  color: #475569 !important;
  font-size: clamp(1rem, 1vw, 1.08rem) !important;
  line-height: 1.7 !important;
  text-align: center !important;
}
body.page-home .sb-services--cards .sb-grid,
body.page-home .sb-portfolio--cards .sb-grid {
  gap: clamp(1rem, 2vw, 1.5rem) !important;
  align-items: stretch !important;
}
body.page-home #diensten .sb-grid--3 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
body.page-home #pakketten .sb-grid--3,
body.page-home #portfolio .sb-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body.page-home .sb-services--cards .sb-card,
body.page-home .sb-portfolio--cards .sb-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: 0.75rem !important;
  border: 1px solid rgba(10, 37, 64, 0.1) !important;
  background: #ffffff !important;
  box-shadow: 0 18px 38px -34px rgba(10, 37, 64, 0.42) !important;
  transform: none !important;
  overflow: hidden !important;
}
body.page-home .sb-services--cards .sb-card:hover,
body.page-home .sb-portfolio--cards .sb-card:hover {
  border-color: rgba(34, 197, 94, 0.42) !important;
  box-shadow: 0 26px 54px -36px rgba(10, 37, 64, 0.48) !important;
  transform: translateY(-3px) !important;
}
body.page-home .sb-services--cards .sb-card::before,
body.page-home .sb-services--cards .sb-card::after,
body.page-home .sb-portfolio--cards .sb-card::before,
body.page-home .sb-portfolio--cards .sb-card::after {
  display: none !important;
}
body.page-home .sb-services--cards .sb-services__index {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 1.1rem !important;
  padding: 0 !important;
  color: #08783f !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.14em !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.page-home .sb-services--cards .sb-card__body,
body.page-home .sb-portfolio--cards .sb-card__body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: clamp(1.35rem, 2vw, 1.75rem) !important;
}
body.page-home .sb-services--cards .sb-card > .sb-services__index {
  margin: clamp(1.35rem, 2vw, 1.75rem) clamp(1.35rem, 2vw, 1.75rem) 0 !important;
}
body.page-home .sb-card__title {
  min-height: 0 !important;
  margin: 0 0 0.75rem !important;
  color: #0A2540 !important;
  font-size: clamp(1.08rem, 1.2vw, 1.22rem) !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
}
body.page-home .sb-card__text,
body.page-home .sb-services__note {
  margin: 0 !important;
  color: #475569 !important;
  font-size: 0.96rem !important;
  line-height: 1.65 !important;
}
body.page-home .sb-services__note {
  margin-top: 1rem !important;
  color: #263A4A !important;
  font-weight: 700 !important;
}
body.page-home .sb-services__action {
  margin: auto 0 0 !important;
  padding-top: 1.25rem !important;
}
body.page-home .sb-card__link {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  color: #0A2540 !important;
  border-bottom: 2px solid #22C55E !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}
body.page-home .sb-price-tag {
  margin: 0 0 0.9rem !important;
  color: #0A2540 !important;
  font-size: 1.02rem !important;
  font-weight: 850 !important;
}
body.page-home .sb-section__cta {
  display: flex !important;
  justify-content: center !important;
  margin-top: clamp(1.5rem, 3vw, 2.5rem) !important;
  text-align: center !important;
}
body.page-home #diensten .sb-card {
  min-height: 260px !important;
}
body.page-home #pakketten .sb-card {
  min-height: 430px !important;
}
body.page-home .sb-portfolio--cards .sb-card__img {
  flex: 0 0 auto !important;
  width: 100% !important;
  height: clamp(190px, 17vw, 230px) !important;
  object-fit: cover !important;
}
body.page-home .sb-portfolio--cards .sb-card__body {
  padding: 1.45rem !important;
}
body.page-home .sb-portfolio__tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.45rem !important;
  margin-top: auto !important;
  padding-top: 1.2rem !important;
}
body.page-home .sb-portfolio__tag {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 1.8rem !important;
  padding: 0.35rem 0.6rem !important;
  border-radius: 999px !important;
  background: #EAF8EF !important;
  color: #0A2540 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
body.page-home .sb-about--story .sb-grid--2 {
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
  gap: clamp(2rem, 5vw, 4rem) !important;
  align-items: stretch !important;
}
body.page-home .sb-about--story .sb-grid--2 > div:first-child {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: clamp(1.5rem, 3vw, 2rem) !important;
  border-radius: 0.75rem !important;
  border: 1px solid rgba(10,37,64,0.1) !important;
  background: #ffffff !important;
}
body.page-home .sb-about--story h3 {
  margin: 0 0 1rem !important;
  color: #0A2540 !important;
  font-size: clamp(1.35rem, 2vw, 1.8rem) !important;
  line-height: 1.18 !important;
}
body.page-home .sb-about--story .sb-grid--2 > div:first-child > div:not(.sb-about__fact) {
  color: #475569 !important;
  font-size: 1rem !important;
  line-height: 1.75 !important;
}
body.page-home .sb-about__fact {
  margin-top: 1.5rem !important;
  padding: 1.1rem 1.2rem !important;
  border-radius: 0.75rem !important;
  border: 1px solid rgba(34,197,94,0.22) !important;
  background: #F3F8F5 !important;
}
body.page-home .sb-about__fact-value {
  color: #0A2540 !important;
}
body.page-home .dg-about-image-col,
body.page-home .sb-about__image {
  min-height: 100% !important;
}
body.page-home .sb-about__image {
  width: 100% !important;
  height: 100% !important;
  max-height: 520px !important;
  border-radius: 0.75rem !important;
  object-fit: cover !important;
  box-shadow: none !important;
}
body.page-home .sb-faq .sb-section__header {
  max-width: 760px !important;
  margin-inline: auto !important;
  text-align: center !important;
}
body.page-home .sb-faq__list {
  width: min(860px, 100%) !important;
  max-width: 860px !important;
  margin-inline: auto !important;
}
@media (max-width: 1100px) {
  body.page-home #diensten .sb-grid--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.page-home #pakketten .sb-grid--3,
  body.page-home #portfolio .sb-grid--3 {
    grid-template-columns: 1fr !important;
  }
  body.page-home #pakketten .sb-card {
    min-height: 0 !important;
  }
}
@media (max-width: 767px) {
  body.page-home main.sb-main > section.sb-section:not([data-sb-section="hero"]) {
    padding-block: 3.5rem !important;
  }
  body.page-home main.sb-main > section.sb-section:not([data-sb-section="hero"]) > .sb-container {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
  }
  body.page-home .sb-section__header {
    align-items: flex-start !important;
    margin-bottom: 1.75rem !important;
    text-align: left !important;
  }
  body.page-home .sb-section__header .sb-section__eyebrow {
    justify-content: flex-start !important;
  }
  body.page-home .sb-section__header .sb-section__eyebrow::after {
    display: none !important;
  }
  body.page-home .sb-section__header h2,
  body.page-home .sb-section__header p,
  body.page-home .sb-section__intro {
    max-width: 100% !important;
    margin-inline: 0 !important;
    text-align: left !important;
  }
  body.page-home #diensten .sb-grid--3,
  body.page-home #pakketten .sb-grid--3,
  body.page-home #portfolio .sb-grid--3 {
    grid-template-columns: 1fr !important;
  }
  body.page-home #diensten .sb-card,
  body.page-home #pakketten .sb-card {
    min-height: 0 !important;
  }
  body.page-home .sb-about--story .sb-grid--2 {
    grid-template-columns: 1fr !important;
  }
  body.page-home .sb-about--story .sb-grid--2 > div:first-child {
    padding: 1.35rem !important;
  }
  body.page-home .dg-about-image-col {
    min-height: 260px !important;
  }
  body.page-home .sb-about__image {
    min-height: 260px !important;
    max-height: 320px !important;
  }
}

/* Homepage body layout final cascade 2026-05-24. */
html body.page-home main.sb-main section.sb-services.sb-services--cards#diensten .sb-grid.sb-grid--3 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body.page-home main.sb-main section.sb-services.sb-services--cards#pakketten .sb-grid.sb-grid--3,
html body.page-home main.sb-main section.sb-portfolio.sb-portfolio--cards#portfolio .sb-grid.sb-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
html body.page-home main.sb-main section.sb-services.sb-services--cards .sb-grid > .sb-card,
html body.page-home main.sb-main section.sb-portfolio.sb-portfolio--cards .sb-grid > .sb-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  height: 100% !important;
  padding: 0 !important;
  border-radius: 0.75rem !important;
  border: 1px solid rgba(10, 37, 64, 0.1) !important;
  background: #ffffff !important;
  box-shadow: 0 18px 38px -34px rgba(10, 37, 64, 0.42) !important;
  overflow: hidden !important;
}
html body.page-home main.sb-main section#diensten > .sb-container > .sb-grid > .sb-card,
html body.page-home main.sb-main section#pakketten > .sb-container > .sb-grid > .sb-card,
html body.page-home main.sb-main section#portfolio > .sb-container > .sb-grid > .sb-card {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}
html body.page-home main.sb-main section#diensten .sb-card > .sb-card__body,
html body.page-home main.sb-main section#pakketten .sb-card > .sb-card__body,
html body.page-home main.sb-main section#portfolio .sb-card > .sb-card__body {
  padding-top: 1.45rem !important;
  padding-right: 1.65rem !important;
  padding-bottom: 1.65rem !important;
  padding-left: 1.65rem !important;
}
html body.page-home main.sb-main section.sb-services.sb-services--cards .sb-grid > .sb-card > .sb-services__index {
  flex: 0 0 auto !important;
}
html body.page-home main.sb-main section#diensten .sb-card > .sb-services__index,
html body.page-home main.sb-main section#pakketten .sb-card > .sb-services__index {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 1em !important;
  min-height: 0 !important;
  max-height: 1em !important;
  margin-top: 1.55rem !important;
  margin-right: 1.65rem !important;
  margin-bottom: 0 !important;
  margin-left: 1.65rem !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  color: #08783f !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.14em !important;
  text-align: left !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html body.page-home main.sb-main section.sb-services.sb-services--cards .sb-card > .sb-card__body,
html body.page-home main.sb-main section.sb-portfolio.sb-portfolio--cards .sb-card > .sb-card__body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 1.35rem 1.65rem 1.65rem !important;
}
html body.page-home main.sb-main section.sb-services.sb-services--cards#diensten .sb-card {
  height: auto !important;
  min-height: 230px !important;
}
html body.page-home main.sb-main section.sb-services.sb-services--cards#pakketten .sb-card {
  min-height: 435px !important;
}
html body.page-home main.sb-main section.sb-services.sb-services--cards .sb-services__action {
  margin-top: auto !important;
  padding-top: 1.25rem !important;
}
html body.page-home main.sb-main section.sb-portfolio.sb-portfolio--cards .sb-card > .sb-card__img {
  flex: 0 0 auto !important;
  height: 220px !important;
  width: 100% !important;
  object-fit: cover !important;
}
html body.page-home main.sb-main section.sb-portfolio.sb-portfolio--cards .sb-portfolio__tags {
  margin-top: auto !important;
  padding-top: 1.2rem !important;
}
@media (max-width: 1100px) {
  html body.page-home main.sb-main section.sb-services.sb-services--cards#pakketten .sb-grid.sb-grid--3,
  html body.page-home main.sb-main section.sb-portfolio.sb-portfolio--cards#portfolio .sb-grid.sb-grid--3 {
    grid-template-columns: 1fr !important;
  }
  html body.page-home main.sb-main section.sb-services.sb-services--cards#pakketten .sb-card {
    min-height: 0 !important;
  }
}
@media (max-width: 767px) {
  html body.page-home main.sb-main section.sb-services.sb-services--cards#diensten .sb-grid.sb-grid--3 {
    grid-template-columns: 1fr !important;
  }
html body.page-home main.sb-main section.sb-services.sb-services--cards#diensten .sb-card,
html body.page-home main.sb-main section.sb-services.sb-services--cards#pakketten .sb-card {
    min-height: 0 !important;
  }
}

/* Homepage diensten cards compact alignment 2026-05-24. */
html body.page-home main.sb-main section#diensten .sb-grid {
  align-items: stretch !important;
}
html body.page-home main.sb-main section#diensten .sb-card > .sb-card__body {
  justify-content: flex-start !important;
  min-height: 0 !important;
  padding-top: 1.2rem !important;
}
html body.page-home main.sb-main section#diensten .sb-card__title {
  margin-top: 0 !important;
}
html body.page-home main.sb-main section#diensten .sb-card__text {
  max-width: 56ch !important;
}
@media (min-width: 1024px) {
  html body.page-home main.sb-main section#diensten .sb-card {
    min-height: 255px !important;
  }
}

/* Category hero image system 2026-05-24.
   One maintained visual per hoofdcategorie, while existing URLs stay intact. */
html body.page-category-pakketten .sb-hero[data-sb-section="hero"],
html body.page-category-pakketten main > section.sb-hero:first-of-type {
  background-image: url('/images/degero/degero-hero-pakketten-photo-20260524-right.webp?v=20260524-pakketten-right') !important;
  background-position: right center !important;
}
html body.page-category-diensten .sb-hero[data-sb-section="hero"],
html body.page-category-diensten main > section.sb-hero:first-of-type {
  background-image: url('/images/degero/degero-hero-diensten-photo-20260524.webp?v=20260524-category-photo') !important;
  background-position: 64% center !important;
}
html body.page-category-kennisbank .sb-hero[data-sb-section="hero"],
html body.page-category-kennisbank main > section.sb-hero:first-of-type {
  background-image: url('/images/degero/degero-hero-kennisbank-photo-20260524.webp?v=20260524-category-photo') !important;
  background-position: 58% center !important;
}
html body.page-category-over-ons .sb-hero[data-sb-section="hero"],
html body.page-category-over-ons main > section.sb-hero:first-of-type {
  background-image: url('/images/degero/degero-hero-over-ons-photo-20260524.webp?v=20260524-category-photo') !important;
  background-position: 62% center !important;
}
html body.page-category-contact .sb-hero[data-sb-section="hero"],
html body.page-category-contact main > section.sb-hero:first-of-type {
  background-image: url('/images/degero/degero-hero-contact-photo-20260524.webp?v=20260524-category-photo') !important;
  background-position: 62% center !important;
}
html body.page-category-bedrijf .sb-hero[data-sb-section="hero"],
html body.page-category-bedrijf main > section.sb-hero:first-of-type {
  background-image: url('/images/degero/degero-hero-kennisbank-photo-20260524.webp?v=20260524-category-photo') !important;
  background-position: 58% center !important;
}
html body.page-home .sb-hero[data-sb-section="hero"],
html body.page-home main > section.sb-hero:first-of-type {
  background-image: url('/images/degero/degero-hero-duurzaam-20260524.webp?v=20260524') !important;
  background-position: right center !important;
}
html body.page-category-pakketten .sb-hero[data-sb-section="hero"]::before,
html body.page-category-pakketten main > section.sb-hero:first-of-type::before,
html body.page-category-diensten .sb-hero[data-sb-section="hero"]::before,
html body.page-category-diensten main > section.sb-hero:first-of-type::before,
html body.page-category-kennisbank .sb-hero[data-sb-section="hero"]::before,
html body.page-category-kennisbank main > section.sb-hero:first-of-type::before,
html body.page-category-over-ons .sb-hero[data-sb-section="hero"]::before,
html body.page-category-over-ons main > section.sb-hero:first-of-type::before,
html body.page-category-contact .sb-hero[data-sb-section="hero"]::before,
html body.page-category-contact main > section.sb-hero:first-of-type::before,
html body.page-category-bedrijf .sb-hero[data-sb-section="hero"]::before,
html body.page-category-bedrijf main > section.sb-hero:first-of-type::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.99) 0%, rgba(255,255,255,0.97) 36%, rgba(246,252,248,0.84) 54%, rgba(246,252,248,0.36) 72%, rgba(10,37,64,0.08) 100%),
    radial-gradient(ellipse at 84% 58%, rgba(154, 96, 46, 0.24) 0%, rgba(154, 96, 46, 0.13) 32%, transparent 62%),
    radial-gradient(ellipse at 72% 86%, rgba(199, 148, 82, 0.18) 0%, transparent 58%),
    linear-gradient(180deg, rgba(234,248,239,0.9) 0%, rgba(255,255,255,0.1) 58%, rgba(255,255,255,0.82) 100%) !important;
}
@media (max-width: 1024px) {
  html body.page-category-pakketten .sb-hero[data-sb-section="hero"],
  html body.page-category-pakketten main > section.sb-hero:first-of-type,
  html body.page-category-diensten .sb-hero[data-sb-section="hero"],
  html body.page-category-diensten main > section.sb-hero:first-of-type,
  html body.page-category-kennisbank .sb-hero[data-sb-section="hero"],
  html body.page-category-kennisbank main > section.sb-hero:first-of-type,
  html body.page-category-over-ons .sb-hero[data-sb-section="hero"],
  html body.page-category-over-ons main > section.sb-hero:first-of-type,
  html body.page-category-contact .sb-hero[data-sb-section="hero"],
  html body.page-category-contact main > section.sb-hero:first-of-type,
  html body.page-category-bedrijf .sb-hero[data-sb-section="hero"],
  html body.page-category-bedrijf main > section.sb-hero:first-of-type {
    background-position: 62% center !important;
  }
}
@media (max-width: 640px) {
  html body.page-category-pakketten .sb-hero[data-sb-section="hero"],
  html body.page-category-pakketten main > section.sb-hero:first-of-type,
  html body.page-category-diensten .sb-hero[data-sb-section="hero"],
  html body.page-category-diensten main > section.sb-hero:first-of-type,
  html body.page-category-kennisbank .sb-hero[data-sb-section="hero"],
  html body.page-category-kennisbank main > section.sb-hero:first-of-type,
  html body.page-category-over-ons .sb-hero[data-sb-section="hero"],
  html body.page-category-over-ons main > section.sb-hero:first-of-type,
  html body.page-category-contact .sb-hero[data-sb-section="hero"],
  html body.page-category-contact main > section.sb-hero:first-of-type,
  html body.page-category-bedrijf .sb-hero[data-sb-section="hero"],
  html body.page-category-bedrijf main > section.sb-hero:first-of-type {
    background-position: 66% center !important;
  }
}

/* Pakketten hero image alignment 2026-05-24. */
html body.page-category-pakketten .sb-hero[data-sb-section="hero"],
html body.page-category-pakketten main > section.sb-hero:first-of-type {
  background-position: right center !important;
}

/* Final mobile navigation override 2026-05-24. Keep this at the end of the file. */
@media (max-width: 1024px) {
  html body .sb-navbar {
    overflow: visible !important;
  }
  html body .sb-navbar .sb-navbar__menu {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    max-height: calc(100dvh - 76px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  html body .sb-navbar.is-open .sb-navbar__menu,
  html body .sb-navbar .sb-navbar__menu.sb-navbar__menu--open {
    display: flex !important;
    flex-direction: column !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 10010 !important;
    background: #ffffff !important;
    border-top: 2px solid #22C55E !important;
    box-shadow: 0 18px 42px rgba(10, 37, 64, 0.16) !important;
  }
  html body .sb-navbar .sb-navbar__has-submenu > .sb-navbar__submenu {
    display: block !important;
    position: static !important;
    max-height: 0 !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 0 0.9rem !important;
    border: 0 !important;
    border-left: 2px solid rgba(34, 197, 94, 0.32) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    transition: max-height 0.24s ease, padding-top 0.24s ease, padding-bottom 0.24s ease !important;
  }
  html body .sb-navbar .sb-navbar__has-submenu.is-open > .sb-navbar__submenu,
  html body .sb-navbar .sb-navbar__has-submenu.sb-submenu--open > .sb-navbar__submenu,
  html body .sb-navbar .sb-navbar__dropdown-btn[aria-expanded="true"] + .sb-navbar__submenu,
  html body .sb-navbar .sb-navbar__dropdown-btn[aria-expanded="true"] ~ .sb-navbar__submenu,
  html body .sb-navbar .sb-navbar__submenu[data-open="1"],
  html body .sb-navbar .sb-navbar__submenu[data-open="true"] {
    max-height: 720px !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.55rem !important;
  }
}

/* Degero final warm wood and watermark layer 2026-05-24. */
html body .sb-hero[data-sb-section="hero"]::before,
html body main > section.sb-hero:first-of-type::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.992) 0%, rgba(255,255,255,0.975) 34%, rgba(247,252,248,0.88) 52%, rgba(247,252,248,0.42) 70%, rgba(10,37,64,0.10) 100%),
    radial-gradient(ellipse at 83% 45%, rgba(126, 78, 37, 0.30) 0%, rgba(154, 96, 46, 0.18) 28%, transparent 62%),
    radial-gradient(ellipse at 74% 82%, rgba(199, 148, 82, 0.22) 0%, transparent 56%),
    repeating-linear-gradient(104deg, rgba(117, 78, 42, 0.055) 0 1px, rgba(117, 78, 42, 0) 1px 13px),
    linear-gradient(180deg, rgba(231,248,237,0.88) 0%, rgba(255,255,255,0.08) 58%, rgba(255,255,255,0.84) 100%) !important;
}
html body main > section.sb-section:not(.sb-hero) {
  position: relative !important;
  overflow: hidden !important;
}
html body main > section.sb-section:not(.sb-hero) > * {
  position: relative;
  z-index: 1;
}
html body main > section.sb-section:not(.sb-hero)::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    url('/assets/brand/degero-icon-primary.svg?v=20260524-watermark'),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160' fill='none'%3E%3Cpath d='M28 104c42-2 72-28 92-72 11 40-1 74-28 94-19 14-44 16-64-22Z' stroke='%2322C55E' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M49 102c19-13 36-29 51-52' stroke='%230A2540' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E"),
    radial-gradient(ellipse at 92% 18%, rgba(154, 96, 46, 0.10), transparent 32%),
    radial-gradient(ellipse at 8% 88%, rgba(34, 197, 94, 0.08), transparent 28%);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: right clamp(1rem, 5vw, 5rem) top clamp(1.5rem, 5vw, 4rem), left clamp(1rem, 4vw, 4rem) bottom clamp(1rem, 4vw, 3rem), right top, left bottom;
  background-size: clamp(120px, 16vw, 240px), clamp(92px, 12vw, 160px), 520px 360px, 420px 320px;
  opacity: 0.065;
}
html body main > section.sb-section:nth-of-type(even):not(.sb-hero)::after {
  background-position: left clamp(1rem, 5vw, 5rem) top clamp(1.5rem, 5vw, 4rem), right clamp(1rem, 4vw, 4rem) bottom clamp(1rem, 4vw, 3rem), left top, right bottom;
}
html body .sb-card,
html body .dg-principle-card,
html body .dg-about-service-card,
html body .sb-pricing-card {
  background-image:
    linear-gradient(135deg, rgba(255,255,255,0.985), rgba(255,255,255,0.955)),
    radial-gradient(ellipse at 100% 0%, rgba(199,148,82,0.12), transparent 46%),
    radial-gradient(ellipse at 0% 100%, rgba(34,197,94,0.09), transparent 42%) !important;
}
@media (max-width: 767px) {
  html body main > section.sb-section:not(.sb-hero)::after {
    background-size: 112px, 84px, 300px 220px, 260px 200px;
    opacity: 0.045;
  }
}

/* Degero final wood grain correction 2026-05-24. */
html body .sb-hero[data-sb-section="hero"]::before,
html body main > section.sb-hero:first-of-type::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.992) 0%, rgba(255,255,255,0.975) 34%, rgba(247,252,248,0.88) 52%, rgba(247,252,248,0.42) 70%, rgba(10,37,64,0.10) 100%),
    radial-gradient(ellipse at 83% 45%, rgba(126,78,37,0.30) 0%, rgba(154,96,46,0.18) 28%, transparent 62%),
    radial-gradient(ellipse at 74% 82%, rgba(199,148,82,0.22) 0%, transparent 56%),
    repeating-linear-gradient(104deg, rgba(117,78,42,0.060) 0px, rgba(117,78,42,0.060) 1px, transparent 1px, transparent 13px),
    linear-gradient(180deg, rgba(231,248,237,0.88) 0%, rgba(255,255,255,0.08) 58%, rgba(255,255,255,0.84) 100%) !important;
}
html body article.sb-card,
html body .sb-card,
html body .dg-principle-card,
html body .dg-about-service-card,
html body .sb-pricing-card {
  background:
    linear-gradient(135deg, rgba(255,255,255,0.985), rgba(255,255,255,0.955)),
    radial-gradient(ellipse at 100% 0%, rgba(199,148,82,0.12), transparent 46%),
    radial-gradient(ellipse at 0% 100%, rgba(34,197,94,0.09), transparent 42%) !important;
  background-color: #ffffff !important;
}

/* Degero highest-specificity wood finish 2026-05-24. */
html body[class] main.sb-main > section.sb-hero[data-sb-section="hero"]:first-of-type::before,
html body[class] main.sb-main > section.sb-hero:first-of-type::before,
html body[class] .sb-hero[data-sb-section="hero"]::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.992) 0%, rgba(255,255,255,0.975) 34%, rgba(247,252,248,0.88) 52%, rgba(247,252,248,0.42) 70%, rgba(10,37,64,0.10) 100%),
    radial-gradient(ellipse at 83% 45%, rgba(126,78,37,0.30) 0%, rgba(154,96,46,0.18) 28%, transparent 62%),
    radial-gradient(ellipse at 74% 82%, rgba(199,148,82,0.22) 0%, transparent 56%),
    repeating-linear-gradient(104deg, rgba(117,78,42,0.060) 0px, rgba(117,78,42,0.060) 1px, transparent 1px, transparent 13px),
    linear-gradient(180deg, rgba(231,248,237,0.88) 0%, rgba(255,255,255,0.08) 58%, rgba(255,255,255,0.84) 100%) !important;
}
html body[class] main.sb-main article.sb-card,
html body[class] main.sb-main .sb-card,
html body[class] main.sb-main .dg-principle-card,
html body[class] main.sb-main .dg-about-service-card,
html body[class] main.sb-main .sb-pricing-card {
  background:
    linear-gradient(135deg, rgba(255,255,255,0.985), rgba(255,255,255,0.955)),
    radial-gradient(ellipse at 100% 0%, rgba(199,148,82,0.12), transparent 46%),
    radial-gradient(ellipse at 0% 100%, rgba(34,197,94,0.09), transparent 42%) !important;
  background-color: #ffffff !important;
}

/* Degero explicit category wood hero finish 2026-05-24. */
html body.page-home .sb-hero[data-sb-section="hero"]::before,
html body.page-category-diensten .sb-hero[data-sb-section="hero"]::before,
html body.page-category-diensten main > section.sb-hero:first-of-type::before,
html body.page-category-pakketten .sb-hero[data-sb-section="hero"]::before,
html body.page-category-pakketten main > section.sb-hero:first-of-type::before,
html body.page-category-kennisbank .sb-hero[data-sb-section="hero"]::before,
html body.page-category-kennisbank main > section.sb-hero:first-of-type::before,
html body.page-category-over-ons .sb-hero[data-sb-section="hero"]::before,
html body.page-category-over-ons main > section.sb-hero:first-of-type::before,
html body.page-category-contact .sb-hero[data-sb-section="hero"]::before,
html body.page-category-contact main > section.sb-hero:first-of-type::before,
html body.page-category-bedrijf .sb-hero[data-sb-section="hero"]::before,
html body.page-category-bedrijf main > section.sb-hero:first-of-type::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.992) 0%, rgba(255,255,255,0.975) 34%, rgba(247,252,248,0.88) 52%, rgba(247,252,248,0.42) 70%, rgba(10,37,64,0.10) 100%),
    radial-gradient(ellipse at 83% 45%, rgba(126,78,37,0.30) 0%, rgba(154,96,46,0.18) 28%, transparent 62%),
    radial-gradient(ellipse at 74% 82%, rgba(199,148,82,0.22) 0%, transparent 56%),
    repeating-linear-gradient(104deg, rgba(117,78,42,0.060) 0px, rgba(117,78,42,0.060) 1px, transparent 1px, transparent 13px),
    linear-gradient(180deg, rgba(231,248,237,0.88) 0%, rgba(255,255,255,0.08) 58%, rgba(255,255,255,0.84) 100%) !important;
}

/* Degero explicit category wood hero finish 2026-05-24. */
html body.page-home .sb-hero[data-sb-section="hero"]::before,
html body.page-category-diensten .sb-hero[data-sb-section="hero"]::before,
html body.page-category-diensten main > section.sb-hero:first-of-type::before,
html body.page-category-pakketten .sb-hero[data-sb-section="hero"]::before,
html body.page-category-pakketten main > section.sb-hero:first-of-type::before,
html body.page-category-kennisbank .sb-hero[data-sb-section="hero"]::before,
html body.page-category-kennisbank main > section.sb-hero:first-of-type::before,
html body.page-category-over-ons .sb-hero[data-sb-section="hero"]::before,
html body.page-category-over-ons main > section.sb-hero:first-of-type::before,
html body.page-category-contact .sb-hero[data-sb-section="hero"]::before,
html body.page-category-contact main > section.sb-hero:first-of-type::before,
html body.page-category-bedrijf .sb-hero[data-sb-section="hero"]::before,
html body.page-category-bedrijf main > section.sb-hero:first-of-type::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.992) 0%, rgba(255,255,255,0.975) 34%, rgba(247,252,248,0.88) 52%, rgba(247,252,248,0.42) 70%, rgba(10,37,64,0.10) 100%),
    radial-gradient(ellipse at 83% 45%, rgba(126,78,37,0.30) 0%, rgba(154,96,46,0.18) 28%, transparent 62%),
    radial-gradient(ellipse at 74% 82%, rgba(199,148,82,0.22) 0%, transparent 56%),
    repeating-linear-gradient(104deg, rgba(117,78,42,0.060) 0px, rgba(117,78,42,0.060) 1px, transparent 1px, transparent 13px),
    linear-gradient(180deg, rgba(231,248,237,0.88) 0%, rgba(255,255,255,0.08) 58%, rgba(255,255,255,0.84) 100%) !important;
}


/* ===== Degero referenties ===== */
.dg-reference-preview .sb-section__header { margin-bottom: clamp(1.75rem, 4vw, 2.75rem) !important; }
.dg-reference-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.35rem); align-items: stretch; }
.dg-reference-card { display: flex; flex-direction: column; min-height: 100%; overflow: hidden; border-radius: 18px; background: #fff; border: 1px solid rgba(10,37,64,.10); box-shadow: 0 18px 42px -28px rgba(10,37,64,.30); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.dg-reference-card:hover { transform: translateY(-4px); border-color: rgba(34,197,94,.34); box-shadow: 0 24px 52px -30px rgba(10,37,64,.36); }
.dg-reference-card__image { width: 100%; height: clamp(170px, 18vw, 230px); object-fit: cover; display: block; background: #e8efe9; }
.dg-reference-card__body { display: flex; flex-direction: column; flex: 1; gap: .8rem; padding: clamp(1rem, 2vw, 1.25rem) !important; }
.dg-reference-card h3 { margin: 0 !important; color: #0A2540 !important; font-size: clamp(1.05rem, 1.6vw, 1.22rem) !important; line-height: 1.2 !important; letter-spacing: 0 !important; }
.dg-reference-card p { margin: 0 !important; color: #475569 !important; line-height: 1.55 !important; font-size: .95rem !important; }
.dg-reference-tags { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: auto; }
.dg-reference-tags span { display: inline-flex; align-items: center; min-height: 28px; padding: .32rem .62rem; border-radius: 999px; background: rgba(34,197,94,.11); color: #0A2540; border: 1px solid rgba(34,197,94,.22); font-size: .78rem; font-weight: 800; letter-spacing: .01em; }
.dg-reference-tags span:nth-child(2) { background: rgba(139,92,46,.10); border-color: rgba(139,92,46,.18); }
.dg-reference-preview__action { display: flex; justify-content: center; margin-top: clamp(1.5rem, 4vw, 2.5rem); }
.dg-reference-section--coneco { background: linear-gradient(180deg, #f8fbf8 0%, #eef6ef 100%); }
.dg-reference-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: clamp(1.5rem, 4vw, 2.25rem); border-radius: 22px; background: linear-gradient(135deg, rgba(10,37,64,.96), rgba(10,37,64,.88)); color: #fff; position: relative; overflow: hidden; }
.dg-reference-cta__inner::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 12% 20%, rgba(34,197,94,.22), transparent 36%), linear-gradient(90deg, rgba(139,92,46,.18), transparent 55%); pointer-events: none; }
.dg-reference-cta__inner > * { position: relative; z-index: 1; }
.dg-reference-cta__inner h2 { color: #fff !important; margin: .25rem 0 .5rem !important; }
.dg-reference-cta__inner p { color: rgba(255,255,255,.82) !important; margin: 0 !important; max-width: 58ch; }
@media (max-width: 980px) { .dg-reference-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .dg-reference-grid { grid-template-columns: 1fr; } .dg-reference-card__image { height: 210px; } .dg-reference-cta__inner { align-items: stretch; flex-direction: column; } .dg-reference-cta__inner .sb-btn { width: 100%; } }

/* ===== Degero referenties card override ===== */
.dg-reference-card { padding: 0 !important; }
.dg-reference-card::before,
.dg-reference-card::after { display: none !important; }
.dg-reference-card__image { border-radius: 0 !important; margin: 0 !important; max-width: none !important; }
.dg-reference-card__body { background: #fff !important; }
.dg-reference-tags { background: transparent !important; width: auto !important; }
.dg-reference-tags span { width: auto !important; flex: 0 0 auto !important; }

/* Higher specificity against legacy generic [class*=card] rules. */
html body .dg-reference-grid > article.dg-reference-card,
html body .dg-reference-preview .dg-reference-grid > article.dg-reference-card,
html body .dg-references-page .dg-reference-grid > article.dg-reference-card {
  padding: 0 !important;
}

/* ===== Degero hero/watermark refinement 2026-05-24 =====
   Keep the warm wood brand layer, but make body marks quieter and safe around content. */
html body.page-home .sb-hero[data-sb-section="hero"],
html body.page-home main > section.sb-hero:first-of-type {
  background-image: url('/images/degero/degero-hero-home-wood-20260524.webp?v=20260524-wood2') !important;
  background-position: right center !important;
}
html body.page-category-diensten .sb-hero[data-sb-section="hero"],
html body.page-category-diensten main > section.sb-hero:first-of-type {
  background-image: url('/images/degero/degero-hero-diensten-wood-20260524.webp?v=20260524-wood2') !important;
  background-position: 62% center !important;
}
html body.page-category-pakketten .sb-hero[data-sb-section="hero"],
html body.page-category-pakketten main > section.sb-hero:first-of-type {
  background-image: url('/images/degero/degero-hero-pakketten-wood-20260524.webp?v=20260524-wood2') !important;
  background-position: 66% center !important;
}
html body.page-category-over-ons .sb-hero[data-sb-section="hero"],
html body.page-category-over-ons main > section.sb-hero:first-of-type {
  background-image: url('/images/degero/degero-hero-over-ons-wood-20260524.webp?v=20260524-wood2') !important;
  background-position: 64% center !important;
}
html body.page-category-contact .sb-hero[data-sb-section="hero"],
html body.page-category-contact main > section.sb-hero:first-of-type,
html body.page-category-bedrijf .sb-hero[data-sb-section="hero"],
html body.page-category-bedrijf main > section.sb-hero:first-of-type {
  background-image: url('/images/degero/degero-hero-contact-wood-20260524.webp?v=20260524-wood2') !important;
  background-position: 64% center !important;
}
html body.page-category-kennisbank .sb-hero[data-sb-section="hero"],
html body.page-category-kennisbank main > section.sb-hero:first-of-type {
  background-image: url('/images/degero/degero-hero-kennisbank-photo-20260524.webp?v=20260524-category-photo') !important;
  background-position: 58% center !important;
}

html body[class] main.sb-main > section.sb-hero[data-sb-section="hero"]:first-of-type::before,
html body[class] main.sb-main > section.sb-hero:first-of-type::before,
html body[class] .sb-hero[data-sb-section="hero"]::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.994) 0%, rgba(255,255,255,0.982) 34%, rgba(247,252,248,0.88) 52%, rgba(247,252,248,0.38) 72%, rgba(10,37,64,0.08) 100%),
    radial-gradient(ellipse at 84% 48%, rgba(126,78,37,0.26) 0%, rgba(154,96,46,0.16) 28%, transparent 62%),
    repeating-linear-gradient(104deg, rgba(117,78,42,0.045) 0px, rgba(117,78,42,0.045) 1px, transparent 1px, transparent 15px),
    linear-gradient(180deg, rgba(231,248,237,0.82) 0%, rgba(255,255,255,0.06) 58%, rgba(255,255,255,0.82) 100%) !important;
}

html body main > section.sb-section:not(.sb-hero)::after {
  background-image:
    url('/assets/brand/degero-icon-primary.svg?v=20260524-watermark-clean'),
    radial-gradient(ellipse at 92% 18%, rgba(154,96,46,0.08), transparent 32%),
    radial-gradient(ellipse at 8% 88%, rgba(34,197,94,0.06), transparent 28%) !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
  background-position: right max(2rem, calc((100vw - 1160px) / 2)) top clamp(2rem, 7vw, 5rem), right top, left bottom !important;
  background-size: clamp(88px, 10vw, 150px), 460px 320px, 360px 260px !important;
  opacity: 0.038 !important;
}
html body main > section.sb-section:nth-of-type(even):not(.sb-hero)::after {
  background-position: left max(2rem, calc((100vw - 1160px) / 2)) top clamp(2rem, 7vw, 5rem), left top, right bottom !important;
}
html body main > section.sb-section:has(.sb-card)::after,
html body main > section.sb-section:has(.dg-reference-card)::after,
html body main > section.sb-section:has(.dg-principle-card)::after,
html body main > section.sb-section:has(.dg-about-service-card)::after {
  opacity: 0.024 !important;
  background-size: clamp(72px, 8vw, 120px), 380px 260px, 300px 220px !important;
}
@media (max-width: 900px) {
  html body main > section.sb-section:not(.sb-hero)::after,
  html body main > section.sb-section:nth-of-type(even):not(.sb-hero)::after {
    background-position: right 1rem top 1.5rem, right top, left bottom !important;
    background-size: 78px, 260px 190px, 220px 170px !important;
    opacity: 0.024 !important;
  }
}
@media (max-width: 640px) {
  html body main > section.sb-section:not(.sb-hero)::after {
    opacity: 0.018 !important;
    background-size: 62px, 220px 160px, 190px 150px !important;
  }
}

/* Keep decorative marks secondary; content and cards stay visually dominant. */
html body main > section.sb-section:not(.sb-hero)::after {
  opacity: 0.024 !important;
}
html body main > section.sb-section:has(.sb-card)::after,
html body main > section.sb-section:has(.dg-reference-card)::after,
html body main > section.sb-section:has(.dg-principle-card)::after,
html body main > section.sb-section:has(.dg-about-service-card)::after {
  background-image:
    radial-gradient(ellipse at 92% 18%, rgba(154,96,46,0.07), transparent 32%),
    radial-gradient(ellipse at 8% 88%, rgba(34,197,94,0.05), transparent 28%) !important;
  background-position: right top, left bottom !important;
  background-size: 380px 260px, 300px 220px !important;
  opacity: 0.016 !important;
}
@media (max-width: 900px) {
  html body main > section.sb-section:not(.sb-hero)::after {
    background-image:
      radial-gradient(ellipse at 92% 18%, rgba(154,96,46,0.06), transparent 32%),
      radial-gradient(ellipse at 8% 88%, rgba(34,197,94,0.05), transparent 28%) !important;
    background-position: right top, left bottom !important;
    background-size: 260px 190px, 220px 170px !important;
  }
}

/* ===== Referenties polish 2026-05-24 ===== */
html body .dg-reference-card .dg-reference-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .45rem !important;
  width: auto !important;
  max-width: 100% !important;
  align-self: flex-start !important;
  background: none !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin-top: auto !important;
}
html body .dg-reference-card .dg-reference-tags span {
  width: auto !important;
  flex: 0 0 auto !important;
  background: #ffffff !important;
  color: #0A2540 !important;
  border: 1px solid rgba(10,37,64,.13) !important;
  box-shadow: 0 6px 16px -12px rgba(10,37,64,.25) !important;
}
html body .dg-reference-card .dg-reference-tags span:first-child {
  border-color: rgba(34,197,94,.32) !important;
  color: #0f5132 !important;
}
.dg-client-strip {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .85rem;
  max-width: 920px;
  margin: 0 auto;
}
.dg-client-strip span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: .72rem 1.05rem;
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  color: #0A2540;
  border: 1px solid rgba(10,37,64,.10);
  box-shadow: 0 18px 38px -30px rgba(10,37,64,.34);
  font-weight: 800;
}
html body .dg-reference-cta__inner {
  background:
    radial-gradient(circle at 18% 20%, rgba(34,197,94,.18), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(199,148,82,.18), transparent 36%),
    linear-gradient(135deg, #f7fbf8 0%, #eef8f1 48%, #ffffff 100%) !important;
  color: #0A2540 !important;
  border: 1px solid rgba(10,37,64,.10) !important;
  box-shadow: 0 24px 54px -34px rgba(10,37,64,.32) !important;
}
html body .dg-reference-cta__inner::before {
  background: repeating-linear-gradient(104deg, rgba(117,78,42,.045) 0px, rgba(117,78,42,.045) 1px, transparent 1px, transparent 14px) !important;
  opacity: .55 !important;
}
html body .dg-reference-cta__inner h2 { color: #0A2540 !important; }
html body .dg-reference-cta__inner p { color: #475569 !important; }
html body .dg-reference-cta__inner .sb-section__eyebrow {
  background: rgba(34,197,94,.10) !important;
  color: #0A2540 !important;
  border-color: rgba(34,197,94,.22) !important;
}

/* ===== Final header/navigation system 2026-05-24 ===== */
html body nav.sb-navbar,
html body .sb-navbar {
  overflow: visible !important;
}
html body .sb-navbar__menu a,
html body .sb-navbar__menu button,
html body .sb-navbar__dropdown-btn,
html body .sb-navbar__link,
html body .sb-navbar__tel {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
html body .sb-navbar__menu a::before,
html body .sb-navbar__menu a::after,
html body .sb-navbar__menu button::before,
html body .sb-navbar__menu button::after,
html body .sb-navbar__dropdown-btn::before,
html body .sb-navbar__dropdown-btn::after,
html body .sb-navbar__link::before,
html body .sb-navbar__link::after,
html body .sb-navbar__tel::before,
html body .sb-navbar__tel::after {
  content: none !important;
  display: none !important;
}
html body .sb-navbar__menu > li > a:not(.sb-navbar__tel),
html body .sb-navbar__dropdown-btn {
  border-radius: 999px !important;
  padding: .52rem .78rem !important;
  line-height: 1.2 !important;
  transition: background-color .18s ease, color .18s ease, transform .18s ease !important;
}
html body .sb-navbar__menu > li > a:not(.sb-navbar__tel):hover,
html body .sb-navbar__dropdown-btn:hover,
html body .sb-navbar__menu > li > a[aria-current="page"],
html body .sb-navbar__menu > li > a.is-active,
html body .sb-navbar__has-submenu.is-active-section > .sb-navbar__dropdown-btn,
html body .sb-navbar__dropdown-btn[aria-expanded="true"] {
  background: rgba(34,197,94,.11) !important;
  color: #0A2540 !important;
}
html body .sb-navbar__submenu a[aria-current="page"],
html body .sb-navbar__submenu a.is-active {
  background: rgba(34,197,94,.12) !important;
  color: #0A2540 !important;
}
html body .sb-navbar__caret {
  display: inline-block !important;
  flex: 0 0 auto !important;
}
@media (min-width: 1025px) {
  html body .sb-navbar__menu {
    align-items: center !important;
    gap: .28rem !important;
  }
  html body .sb-navbar__submenu {
    padding: .55rem !important;
  }
  html body .sb-navbar__submenu a {
    border-radius: .7rem !important;
    padding: .62rem .82rem !important;
  }
}
@media (max-width: 1024px) {
  html body .sb-navbar__menu > li > a:not(.sb-navbar__tel),
  html body .sb-navbar__dropdown-btn {
    width: 100% !important;
    justify-content: space-between !important;
    padding: .82rem .9rem !important;
    border-radius: .85rem !important;
  }
  html body .sb-navbar__submenu a {
    border-radius: .7rem !important;
    padding: .62rem .75rem !important;
  }
}

/* ===== Final mobile submenu visibility 2026-05-24 ===== */
@media (max-width: 1024px) {
  html body nav.sb-navbar .sb-navbar__menu .sb-navbar__has-submenu > .sb-navbar__submenu {
    display: block !important;
    max-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    transition: max-height .24s ease, padding .24s ease !important;
  }
  html body nav.sb-navbar.is-open .sb-navbar__menu .sb-navbar__has-submenu.is-open > .sb-navbar__submenu,
  html body nav.sb-navbar.is-open .sb-navbar__menu .sb-navbar__has-submenu.sb-submenu--open > .sb-navbar__submenu,
  html body nav.sb-navbar.is-open .sb-navbar__menu .sb-navbar__dropdown-btn[aria-expanded="true"] + .sb-navbar__submenu,
  html body nav.sb-navbar .sb-navbar__menu.sb-navbar__menu--open .sb-navbar__has-submenu.is-open > .sb-navbar__submenu,
  html body nav.sb-navbar .sb-navbar__menu.sb-navbar__menu--open .sb-navbar__has-submenu.sb-submenu--open > .sb-navbar__submenu,
  html body nav.sb-navbar .sb-navbar__menu.sb-navbar__menu--open .sb-navbar__dropdown-btn[aria-expanded="true"] + .sb-navbar__submenu {
    max-height: 760px !important;
    padding-top: .25rem !important;
    padding-bottom: .55rem !important;
  }
  html body nav.sb-navbar.is-open .sb-navbar__menu .sb-navbar__dropdown-btn[aria-expanded="false"] + .sb-navbar__submenu,
  html body nav.sb-navbar .sb-navbar__menu.sb-navbar__menu--open .sb-navbar__dropdown-btn[aria-expanded="false"] + .sb-navbar__submenu {
    max-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* Support legacy chat-delegate submenu state too. */
@media (max-width: 1024px) {
  html body nav.sb-navbar .sb-navbar__menu.sb-navbar__menu--open .sb-navbar__submenu.is-open,
  html body nav.sb-navbar.is-open .sb-navbar__menu .sb-navbar__submenu.is-open,
  html body nav.sb-navbar .sb-navbar__menu.sb-navbar__menu--open .sb-navbar__submenu[data-open="true"],
  html body nav.sb-navbar.is-open .sb-navbar__menu .sb-navbar__submenu[data-open="true"] {
    display: block !important;
    max-height: 760px !important;
    height: auto !important;
    padding-top: .25rem !important;
    padding-bottom: .55rem !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* ===== Referenties mobile spacing + chat polish 2026-05-24 ===== */
html body .sb-chat-widget .sb-chat-widget__upload {
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  border-radius: 18px !important;
  border: 1.5px solid rgba(34, 197, 94, .28) !important;
  background: linear-gradient(135deg, #f8fcf9 0%, #e9f8ef 100%) !important;
  color: #0A2540 !important;
  box-shadow: 0 18px 34px -24px rgba(10, 37, 64, .42), inset 0 1px 0 rgba(255,255,255,.9) !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease !important;
}
html body .sb-chat-widget .sb-chat-widget__upload:hover,
html body .sb-chat-widget .sb-chat-widget__upload:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(34, 197, 94, .5) !important;
  background: linear-gradient(135deg, #f0fff5 0%, #dcfce7 100%) !important;
  box-shadow: 0 22px 40px -24px rgba(10, 37, 64, .5), 0 0 0 4px rgba(34, 197, 94, .12) !important;
}
html body .sb-chat-widget .sb-chat-widget__upload svg {
  width: 28px !important;
  height: 28px !important;
  stroke-width: 2.35 !important;
}
html body .sb-chat-widget .sb-chat-widget__send {
  border-radius: 18px !important;
}

@media (max-width: 767px) {
  html body .dg-references-page .dg-reference-section,
  html body .dg-references-page .dg-reference-clients,
  html body .dg-references-page .dg-reference-cta {
    scroll-margin-top: 112px !important;
  }
  html body .dg-references-page .dg-reference-section {
    padding-top: clamp(3.25rem, 11vw, 4.5rem) !important;
    padding-bottom: clamp(3rem, 10vw, 4rem) !important;
  }
  html body .dg-references-page .dg-reference-section .sb-section__header {
    position: static !important;
    top: auto !important;
    transform: none !important;
    margin-top: 0 !important;
    margin-bottom: 1.45rem !important;
    padding-top: .35rem !important;
    z-index: auto !important;
  }
  html body .dg-references-page .dg-reference-section .sb-section__header h2,
  html body .dg-references-page .dg-reference-section .sb-section__header p {
    max-width: min(100%, 34rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body .dg-references-page .dg-reference-grid {
    gap: 1rem !important;
  }
  html body .dg-references-page .dg-reference-card {
    scroll-margin-top: 112px !important;
  }
  html body .dg-references-page .dg-reference-card__body {
    padding: 1.2rem !important;
  }
  html body .dg-references-page .dg-reference-clients {
    padding-top: clamp(3rem, 10vw, 4rem) !important;
    padding-bottom: calc(8.5rem + env(safe-area-inset-bottom)) !important;
  }
  html body .dg-references-page .dg-client-strip {
    gap: .7rem !important;
    padding-inline: .25rem !important;
  }
  html body .dg-references-page .dg-client-strip span {
    max-width: calc(100vw - 3rem) !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.25 !important;
    padding: .78rem 1rem !important;
  }
  html body .dg-references-page ~ .sb-chat-widget .sb-chat-widget__trigger,
  html body:has(.dg-references-page) .sb-chat-widget__trigger {
    bottom: calc(5.25rem + env(safe-area-inset-bottom)) !important;
  }
  html body .sb-chat-widget .sb-chat-widget__upload,
  html body .sb-chat-widget .sb-chat-widget__send {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
  }
  html body .sb-chat-widget .sb-chat-widget__upload svg {
    width: 27px !important;
    height: 27px !important;
  }
}

/* Force a clear, full-size attachment glyph instead of the narrow paperclip geometry. */
html body .sb-chat-widget .sb-chat-widget__upload svg {
  display: none !important;
}
html body .sb-chat-widget .sb-chat-widget__upload::before {
  content: "+" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 29px !important;
  height: 29px !important;
  min-width: 29px !important;
  border: 2.2px solid currentColor !important;
  border-radius: 8px !important;
  color: #0A2540 !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  background: rgba(255,255,255,.5) !important;
  box-shadow: inset 0 0 0 1px rgba(34,197,94,.10) !important;
}
@media (max-width: 767px) {
  html body .sb-chat-widget .sb-chat-widget__upload::before {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    font-size: 22px !important;
  }
}

/* Restore paperclip icon in the polished chat attachment button. */
html body .sb-chat-widget .sb-chat-widget__upload::before {
  content: none !important;
  display: none !important;
}
html body .sb-chat-widget .sb-chat-widget__upload svg {
  display: block !important;
  width: 31px !important;
  height: 31px !important;
  min-width: 31px !important;
  min-height: 31px !important;
  transform: rotate(-18deg) scale(1.08) !important;
  overflow: visible !important;
  stroke-width: 2.65 !important;
  stroke: currentColor !important;
  fill: none !important;
}
@media (max-width: 767px) {
  html body .sb-chat-widget .sb-chat-widget__upload svg {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
  }
}

/* ===== Chat + referenties polish 2026-05-24 ===== */
html body .sb-chat-widget .sb-chat-widget__upload::before {
  content: none !important;
  display: none !important;
}
html body .sb-chat-widget .sb-chat-widget__upload svg {
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  overflow: visible !important;
  color: #0A2540 !important;
  fill: currentColor !important;
  stroke: none !important;
  transform: rotate(-14deg) !important;
}
html body .sb-chat-widget__message {
  box-shadow: 0 16px 36px -28px rgba(10,37,64,.36) !important;
}
html body .sb-chat-widget__message--user {
  background: linear-gradient(135deg, #dcfce7 0%, #f0fdf4 100%) !important;
  color: #0A2540 !important;
  border: 1px solid rgba(34,197,94,.28) !important;
  border-radius: 18px 18px 6px 18px !important;
  padding: 11px 14px !important;
  max-width: min(78%, 420px) !important;
}
html body .sb-chat-widget__message--bot {
  background: #ffffff !important;
  color: #0A2540 !important;
  border: 1px solid rgba(10,37,64,.08) !important;
  border-radius: 18px 18px 18px 6px !important;
}
html body .sb-chat-widget__messages {
  scroll-padding-bottom: 6.5rem !important;
}

html body .dg-references-page .dg-reference-section .sb-section__header,
html body .dg-references-page .dg-reference-clients .sb-section__header {
  max-width: 760px !important;
  padding: clamp(1.25rem, 3vw, 1.75rem) clamp(1.1rem, 3vw, 1.8rem) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.88) !important;
  border: 1px solid rgba(10,37,64,.08) !important;
  box-shadow: 0 22px 52px -38px rgba(10,37,64,.35) !important;
}
html body .dg-references-page .dg-reference-section .sb-section__eyebrow,
html body .dg-references-page .dg-reference-clients .sb-section__eyebrow {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  padding: .52rem .95rem !important;
  border-radius: 999px !important;
  background: rgba(34,197,94,.10) !important;
  border: 1px solid rgba(34,197,94,.24) !important;
  color: #16A34A !important;
  line-height: 1.1 !important;
}
html body .dg-references-page .dg-reference-card {
  border-radius: 20px !important;
  box-shadow: 0 20px 46px -34px rgba(10,37,64,.36) !important;
}
html body .dg-references-page .dg-reference-card__image {
  padding: clamp(.9rem, 2.4vw, 1.15rem) clamp(.9rem, 2.4vw, 1.15rem) 0 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f3faf5 100%) !important;
  border-radius: 18px 18px 0 0 !important;
  object-fit: cover !important;
}
html body .dg-references-page .dg-reference-card__body {
  padding: clamp(1.25rem, 3vw, 1.55rem) !important;
  gap: .85rem !important;
}
html body .dg-references-page .dg-reference-card h3 {
  font-size: clamp(1.08rem, 3.8vw, 1.28rem) !important;
  line-height: 1.22 !important;
}
html body .dg-references-page .dg-reference-card p {
  font-size: clamp(.98rem, 3.4vw, 1.05rem) !important;
  line-height: 1.55 !important;
}
@media (max-width: 767px) {
  html body .sb-chat-widget__window {
    height: 100dvh !important;
    max-height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
  }
  html body .sb-chat-widget__header {
    position: sticky !important;
    top: 0 !important;
    z-index: 4 !important;
    flex: 0 0 auto !important;
  }
  html body .sb-chat-widget__messages {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    padding: 18px 16px 14px !important;
  }
  html body .sb-chat-widget__input {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 5 !important;
    flex: 0 0 auto !important;
    padding: 12px 10px calc(12px + env(safe-area-inset-bottom)) !important;
  }
  html body .sb-chat-widget__row {
    grid-template-columns: 58px minmax(0,1fr) 58px !important;
    align-items: center !important;
  }
  html body .sb-chat-widget__message--user {
    max-width: 74% !important;
  }
  html body .dg-references-page .dg-reference-section .sb-section__header,
  html body .dg-references-page .dg-reference-clients .sb-section__header {
    width: calc(100% - 2rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 1.15rem 1rem !important;
    text-align: center !important;
  }
  html body .dg-references-page .dg-reference-section .sb-section__header h2 {
    font-size: clamp(1.5rem, 7.2vw, 2rem) !important;
    line-height: 1.18 !important;
  }
  html body .dg-references-page .dg-reference-section .sb-section__header p,
  html body .dg-references-page .dg-reference-clients .sb-section__header p {
    font-size: clamp(1rem, 4.7vw, 1.2rem) !important;
    line-height: 1.6 !important;
  }
  html body .dg-references-page .dg-reference-card__image {
    height: 240px !important;
    padding: .95rem .95rem 0 !important;
  }
  html body .dg-references-page .dg-reference-card__body {
    padding: 1.35rem 1.25rem 1.45rem !important;
  }
}

/* ===== Final uniform active navigation pill 2026-05-24 ===== */
html body header.sb-navbar .sb-navbar__menu a[aria-current="page"],
html body nav.sb-navbar .sb-navbar__menu a[aria-current="page"],
html body .sb-navbar .sb-navbar__menu a[aria-current="page"],
html body header.sb-navbar .sb-navbar__menu a.is-active,
html body nav.sb-navbar .sb-navbar__menu a.is-active,
html body .sb-navbar .sb-navbar__menu a.is-active,
html body header.sb-navbar .sb-navbar__has-submenu.is-active-section > .sb-navbar__dropdown-btn,
html body nav.sb-navbar .sb-navbar__has-submenu.is-active-section > .sb-navbar__dropdown-btn,
html body .sb-navbar .sb-navbar__has-submenu.is-active-section > .sb-navbar__dropdown-btn {
  display: inline-flex !important;
  align-items: center !important;
  color: #0A2540 !important;
  background: rgba(34, 197, 94, .12) !important;
  border: 1px solid rgba(34, 197, 94, .24) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78) !important;
  text-decoration: none !important;
}
html body header.sb-navbar .sb-navbar__menu a[aria-current="page"]::before,
html body header.sb-navbar .sb-navbar__menu a[aria-current="page"]::after,
html body nav.sb-navbar .sb-navbar__menu a[aria-current="page"]::before,
html body nav.sb-navbar .sb-navbar__menu a[aria-current="page"]::after,
html body .sb-navbar .sb-navbar__menu a[aria-current="page"]::before,
html body .sb-navbar .sb-navbar__menu a[aria-current="page"]::after,
html body header.sb-navbar .sb-navbar__menu a.is-active::before,
html body header.sb-navbar .sb-navbar__menu a.is-active::after,
html body nav.sb-navbar .sb-navbar__menu a.is-active::before,
html body nav.sb-navbar .sb-navbar__menu a.is-active::after,
html body .sb-navbar .sb-navbar__menu a.is-active::before,
html body .sb-navbar .sb-navbar__menu a.is-active::after,
html body header.sb-navbar .sb-navbar__link--active::before,
html body header.sb-navbar .sb-navbar__link--active::after,
html body nav.sb-navbar .sb-navbar__link--active::before,
html body nav.sb-navbar .sb-navbar__link--active::after,
html body .sb-navbar .sb-navbar__link--active::before,
html body .sb-navbar .sb-navbar__link--active::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
@media (max-width: 1024px) {
  html body .sb-navbar .sb-navbar__menu a[aria-current="page"],
  html body .sb-navbar .sb-navbar__menu a.is-active,
  html body .sb-navbar .sb-navbar__has-submenu.is-active-section > .sb-navbar__dropdown-btn {
    width: 100% !important;
    justify-content: space-between !important;
  }
}
CSS'
/* Balance chat upload paperclip with send icon. */
html body .sb-chat-widget .sb-chat-widget__upload svg {
  width: 23px !important;
  height: 23px !important;
  min-width: 23px !important;
  min-height: 23px !important;
  transform: rotate(-14deg) !important;
}
@media (max-width: 767px) {
  html body .sb-chat-widget .sb-chat-widget__upload svg {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
  }
}

/* ===== Referenties header/readability final 2026-05-24 ===== */
html body .dg-references-page {
  overflow: clip !important;
}
html body .dg-references-page > section,
html body .dg-references-page .dg-reference-section,
html body .dg-references-page .dg-reference-clients,
html body .dg-references-page .dg-reference-cta {
  scroll-margin-top: calc(var(--sb-navbar-height, 78px) + 28px) !important;
}
html body .dg-references-page .sb-hero[data-sb-section="hero"] {
  padding-top: clamp(4.5rem, 8vw, 7rem) !important;
  scroll-margin-top: calc(var(--sb-navbar-height, 78px) + 28px) !important;
}
html body .dg-references-page .sb-section__header,
html body .dg-references-page header.sb-section__header,
html body .dg-references-page .dg-reference-section .sb-section__header,
html body .dg-references-page .dg-reference-clients .sb-section__header {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  z-index: 2 !important;
  display: block !important;
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  margin: 0 auto clamp(1.75rem, 4vw, 3rem) !important;
  padding: clamp(1.35rem, 3vw, 2rem) clamp(1.15rem, 3vw, 2rem) !important;
  text-align: center !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid rgba(10, 37, 64, .10) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 54px -40px rgba(10,37,64,.38) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body .dg-references-page .sb-section__header *,
html body .dg-references-page header.sb-section__header *,
html body .dg-references-page .dg-reference-section .sb-section__header *,
html body .dg-references-page .dg-reference-clients .sb-section__header * {
  text-align: center !important;
}
html body .dg-references-page .sb-section__header h1,
html body .dg-references-page .sb-section__header h2,
html body .dg-references-page .sb-section__header p,
html body .dg-references-page .sb-section__header .sb-section__intro {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 46rem !important;
}
html body .dg-references-page .sb-section__header .sb-section__eyebrow {
  display: inline-flex !important;
  justify-content: center !important;
  width: auto !important;
  max-width: calc(100vw - 3rem) !important;
}
@media (max-width: 767px) {
  html body .dg-references-page .sb-hero[data-sb-section="hero"] {
    padding-top: calc(2.25rem + env(safe-area-inset-top)) !important;
  }
  html body .dg-references-page .sb-section__header,
  html body .dg-references-page header.sb-section__header,
  html body .dg-references-page .dg-reference-section .sb-section__header,
  html body .dg-references-page .dg-reference-clients .sb-section__header {
    width: calc(100% - 2rem) !important;
    max-width: calc(100% - 2rem) !important;
    margin-top: 0 !important;
    margin-bottom: 1.55rem !important;
    padding: 1.2rem 1rem !important;
  }
  html body .dg-references-page .dg-reference-section,
  html body .dg-references-page .dg-reference-clients {
    padding-top: clamp(3.5rem, 12vw, 4.75rem) !important;
  }
}

/* Keep referenties anchors and section headers clear of the sticky navbar. */
html:has(.dg-references-page) {
  scroll-padding-top: calc(var(--sb-navbar-height, 78px) + 36px) !important;
}
html body .dg-references-page .sb-section__header,
html body .dg-references-page header.sb-section__header,
html body .dg-references-page .dg-reference-section .sb-section__header,
html body .dg-references-page .dg-reference-clients .sb-section__header,
html body .dg-references-page .dg-reference-card {
  scroll-margin-top: calc(var(--sb-navbar-height, 78px) + 36px) !important;
}
@media (max-width: 767px) {
  html:has(.dg-references-page) {
    scroll-padding-top: calc(96px + env(safe-area-inset-top)) !important;
  }
  html body .dg-references-page .sb-section__header,
  html body .dg-references-page header.sb-section__header,
  html body .dg-references-page .dg-reference-section .sb-section__header,
  html body .dg-references-page .dg-reference-clients .sb-section__header,
  html body .dg-references-page .dg-reference-card {
    scroll-margin-top: calc(96px + env(safe-area-inset-top)) !important;
  }
}


/* Active nav state applies to every page, not only Referenties. */
html body .sb-navbar .sb-navbar__menu a.is-active,
html body .sb-navbar .sb-navbar__menu a[aria-current="page"],
html body .sb-navbar .sb-navbar__has-submenu.is-active-section > .sb-navbar__dropdown-btn {
  background: rgba(34,197,94,.12) !important;
  border: 1px solid rgba(34,197,94,.24) !important;
  border-radius: 999px !important;
  color: #0A2540 !important;
  text-decoration: none !important;
}
html body .sb-navbar .sb-navbar__menu a.is-active::before,
html body .sb-navbar .sb-navbar__menu a.is-active::after,
html body .sb-navbar .sb-navbar__menu a[aria-current="page"]::before,
html body .sb-navbar .sb-navbar__menu a[aria-current="page"]::after {
  content: none !important;
  display: none !important;
}

/* Final paperclip size: visually match the slim send icon. */
html body .sb-chat-widget .sb-chat-widget__upload svg {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  transform: rotate(-14deg) !important;
}
@media (max-width: 767px) {
  html body .sb-chat-widget .sb-chat-widget__upload svg {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    max-width: 15px !important;
    max-height: 15px !important;
  }
}

/* Final visual balance: keep the attachment button, but make the paperclip as subtle as the send glyph. */
html body .sb-chat-widget .sb-chat-widget__upload svg {
  width: 13px !important;
  height: 13px !important;
  min-width: 13px !important;
  min-height: 13px !important;
  max-width: 13px !important;
  max-height: 13px !important;
  transform: rotate(-14deg) !important;
}
@media (max-width: 767px) {
  html body .sb-chat-widget .sb-chat-widget__upload svg {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    max-width: 12px !important;
    max-height: 12px !important;
  }
}

/* Align homepage hero copy with the inner rhythm used by other category heroes. */
html body.page-home .sb-hero[data-sb-section="hero"] > .sb-container,
html body.page-home main > section.sb-hero:first-of-type > .sb-container {
  width: 100% !important;
  max-width: var(--sb-container, 1200px) !important;
  margin-inline: auto !important;
  padding-inline: 1.5rem !important;
  box-sizing: border-box !important;
}
html body.page-home .sb-hero[data-sb-section="hero"] .sb-hero__content,
html body.page-home main > section.sb-hero:first-of-type .sb-hero__content {
  width: min(650px, 100%) !important;
  max-width: 650px !important;
}
@media (max-width: 640px) {
  html body.page-home .sb-hero[data-sb-section="hero"] > .sb-container,
  html body.page-home main > section.sb-hero:first-of-type > .sb-container {
    padding-inline: 1rem !important;
  }
}

/* Remove green hover wash from CTA bands/cards near the footer. Keep them visually stable. */
html body main [class*="cta"]:hover,
html body main [class*="cta"]:focus-within,
html body main section[class*="cta"]:hover,
html body main section[class*="cta"]:focus-within,
html body main .sb-section__cta:hover,
html body main .sb-section__cta:focus-within,
html body main .dg-reference-cta__inner:hover,
html body main .dg-reference-cta__inner:focus-within,
html body main .dg-about-cta__inner:hover,
html body main .dg-about-cta__inner:focus-within,
html body main .sb-cta__content:hover,
html body main .sb-cta__content:focus-within {
  background-color: inherit !important;
  border-color: inherit !important;
}
html body main .dg-reference-cta__inner:hover,
html body main .dg-reference-cta__inner:focus-within {
  background:
    radial-gradient(circle at 18% 20%, rgba(34,197,94,.18), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(199,148,82,.18), transparent 36%),
    linear-gradient(135deg, #f7fbf8 0%, #eef8f1 48%, #ffffff 100%) !important;
  color: #0A2540 !important;
  border-color: rgba(10,37,64,.10) !important;
  transform: none !important;
}
html body main .dg-about-cta__inner:hover,
html body main .dg-about-cta__inner:focus-within,
html body main .sb-section__cta:hover,
html body main .sb-section__cta:focus-within {
  background-image: none !important;
  transform: none !important;
  box-shadow: none !important;
}
html body main .sb-btn.sb-btn--primary:hover,
html body main a.sb-btn.sb-btn--primary:hover,
html body main button.sb-btn.sb-btn--primary:hover,
html body main .sb-chat-cta.sb-btn:hover,
html body main a.sb-chat-cta.sb-btn:hover,
html body main button.sb-chat-cta.sb-btn:hover {
  background: #0A2540 !important;
  background-color: #0A2540 !important;
  border-color: #0A2540 !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
}
html body main .dg-reference-cta__inner .sb-btn.sb-btn--primary:hover,
html body main .dg-about-cta__inner .sb-btn.sb-btn--primary:hover,
html body main .sb-section__cta .sb-btn.sb-btn--primary:hover {
  background: #0A2540 !important;
  background-color: #0A2540 !important;
  border-color: #0A2540 !important;
}

/* Subtle Degero section watermarks: a few per page, placed away from text/cards. */
html body main.sb-main > section.sb-section:not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta)) {
  position: relative !important;
  overflow: hidden !important;
}
html body main.sb-main > section.sb-section:not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta)) > * {
  position: relative !important;
  z-index: 1 !important;
}
html body main.sb-main > section.sb-section:nth-of-type(3n+2):not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta))::before,
html body main.sb-main > section.sb-section:nth-of-type(4n+4):not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta))::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  pointer-events: none !important;
  width: clamp(150px, 18vw, 260px) !important;
  height: clamp(150px, 18vw, 260px) !important;
  background: url('/favicon.svg?v=20260524-watermark') center / contain no-repeat !important;
  opacity: .035 !important;
  filter: saturate(.95) contrast(1.05) !important;
}
html body main.sb-main > section.sb-section:nth-of-type(3n+2):not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta))::before {
  right: max(1.25rem, calc((100vw - var(--sb-container, 1200px)) / 2 + .5rem)) !important;
  bottom: clamp(1rem, 5vw, 3.5rem) !important;
  transform: rotate(-8deg) !important;
}
html body main.sb-main > section.sb-section:nth-of-type(4n+4):not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta))::before {
  left: max(1.25rem, calc((100vw - var(--sb-container, 1200px)) / 2 + .5rem)) !important;
  top: clamp(1rem, 5vw, 3.5rem) !important;
  transform: rotate(7deg) !important;
}
@media (max-width: 767px) {
  html body main.sb-main > section.sb-section:nth-of-type(3n+2):not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta))::before,
  html body main.sb-main > section.sb-section:nth-of-type(4n+4):not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta))::before {
    width: 128px !important;
    height: 128px !important;
    opacity: .028 !important;
  }
}

/* Subtle Degero watermarks for newer pages using data-sb-section instead of sb-section. */
html body main > section[data-sb-section]:not([data-sb-section="hero"]):not([data-sb-section="footer-cta"]):not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta)) {
  position: relative !important;
  overflow: hidden !important;
}
html body main > section[data-sb-section]:not([data-sb-section="hero"]):not([data-sb-section="footer-cta"]):not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta)) > * {
  position: relative !important;
  z-index: 1 !important;
}
html body main > section[data-sb-section]:nth-of-type(3n+2):not([data-sb-section="hero"]):not([data-sb-section="footer-cta"]):not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta))::before,
html body main > section[data-sb-section]:nth-of-type(4n+4):not([data-sb-section="hero"]):not([data-sb-section="footer-cta"]):not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta))::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  pointer-events: none !important;
  width: clamp(150px, 18vw, 260px) !important;
  height: clamp(150px, 18vw, 260px) !important;
  background: url('/favicon.svg?v=20260524-watermark') center / contain no-repeat !important;
  opacity: .035 !important;
  filter: saturate(.95) contrast(1.05) !important;
}
html body main > section[data-sb-section]:nth-of-type(3n+2):not([data-sb-section="hero"]):not([data-sb-section="footer-cta"]):not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta))::before {
  right: max(1.25rem, calc((100vw - var(--sb-container, 1200px)) / 2 + .5rem)) !important;
  bottom: clamp(1rem, 5vw, 3.5rem) !important;
  transform: rotate(-8deg) !important;
}
html body main > section[data-sb-section]:nth-of-type(4n+4):not([data-sb-section="hero"]):not([data-sb-section="footer-cta"]):not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta))::before {
  left: max(1.25rem, calc((100vw - var(--sb-container, 1200px)) / 2 + .5rem)) !important;
  top: clamp(1rem, 5vw, 3.5rem) !important;
  transform: rotate(7deg) !important;
}
@media (max-width: 767px) {
  html body main > section[data-sb-section]:nth-of-type(3n+2):not([data-sb-section="hero"]):not([data-sb-section="footer-cta"]):not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta))::before,
  html body main > section[data-sb-section]:nth-of-type(4n+4):not([data-sb-section="hero"]):not([data-sb-section="footer-cta"]):not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta))::before {
    width: 128px !important;
    height: 128px !important;
    opacity: .028 !important;
  }
}

/* Subtle Degero watermarks for pages whose main element has no sb-main class. */
html body main > section.sb-section:not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta)) {
  position: relative !important;
  overflow: hidden !important;
}
html body main > section.sb-section:not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta)) > * {
  position: relative !important;
  z-index: 1 !important;
}
html body main > section.sb-section:nth-of-type(3n+2):not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta))::before,
html body main > section.sb-section:nth-of-type(4n+4):not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta))::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  pointer-events: none !important;
  width: clamp(150px, 18vw, 260px) !important;
  height: clamp(150px, 18vw, 260px) !important;
  background: url('/favicon.svg?v=20260524-watermark') center / contain no-repeat !important;
  opacity: .035 !important;
  filter: saturate(.95) contrast(1.05) !important;
}
html body main > section.sb-section:nth-of-type(3n+2):not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta))::before {
  right: max(1.25rem, calc((100vw - var(--sb-container, 1200px)) / 2 + .5rem)) !important;
  bottom: clamp(1rem, 5vw, 3.5rem) !important;
  transform: rotate(-8deg) !important;
}
html body main > section.sb-section:nth-of-type(4n+4):not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta))::before {
  left: max(1.25rem, calc((100vw - var(--sb-container, 1200px)) / 2 + .5rem)) !important;
  top: clamp(1rem, 5vw, 3.5rem) !important;
  transform: rotate(7deg) !important;
}
@media (max-width: 767px) {
  html body main > section.sb-section:nth-of-type(3n+2):not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta))::before,
  html body main > section.sb-section:nth-of-type(4n+4):not(.sb-hero):not(.dg-reference-cta):not(:has(.sb-section__cta))::before {
    width: 128px !important;
    height: 128px !important;
    opacity: .028 !important;
  }
}


/* Chat CTA and mobile stability polish - 2026-05-25 */
html body .sb-chat-widget__message--user {
  background: #0A2540 !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(10,37,64,.18) !important;
  box-shadow: 0 16px 34px -28px rgba(10,37,64,.65) !important;
}
html body .sb-chat-widget__message--user > div {
  background: transparent !important;
  color: inherit !important;
  padding: 0 !important;
  border-radius: 0 !important;
  max-width: none !important;
}
html body .sb-chat-widget .sb-chat-widget__upload svg,
html body .sb-chat-widget .sb-chat-widget__send svg {
  width: 21px !important;
  height: 21px !important;
  stroke-width: 2.2 !important;
}
html body .sb-chat-widget__send {
  background: #22C55E !important;
  color: #FFFFFF !important;
}
html body .sb-chat-widget__send:hover { background: #16A34A !important; }
@media (max-width: 767px) {
  html body .sb-chat-widget__window {
    position: fixed !important;
    inset: 0 auto auto 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    transform: none !important;
  }
  html body .sb-chat-widget__header {
    position: relative !important;
    flex: 0 0 auto !important;
    z-index: 2 !important;
  }
  html body .sb-chat-widget__messages {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
  }
  html body .sb-chat-widget__input {
    position: relative !important;
    flex: 0 0 auto !important;
    bottom: auto !important;
  }
  html body .sb-chat-widget__row {
    grid-template-columns: 54px minmax(0,1fr) 54px !important;
  }
  html body .sb-chat-widget__upload,
  html body .sb-chat-widget__send,
  html body .sb-chat-widget__text-input {
    width: 54px !important;
    height: 54px !important;
  }
  html body .sb-chat-widget__text-input { width: 100% !important; }
}


/* Chat mobile calm layout - 2026-05-25b */
@media (max-width: 767px) {
  html body .sb-chat-widget__window {
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    display: none;
  }
  html body .sb-chat-widget--open .sb-chat-widget__window,
  html body .sb-chat-widget .sb-chat-widget__window--open,
  html body .sb-chat-widget__window[aria-hidden="false"] {
    display: flex !important;
  }
  html body .sb-chat-widget__header {
    min-height: 76px !important;
    padding: max(16px, env(safe-area-inset-top)) 18px 14px !important;
  }
  html body .sb-chat-widget__messages {
    padding: 14px 14px 10px !important;
    scroll-padding-bottom: 88px !important;
  }
  html body .sb-chat-widget__message {
    max-width: 86% !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  html body .sb-chat-widget__quick-replies {
    max-height: 104px !important;
    overflow-y: auto !important;
    padding: 10px 12px !important;
  }
  html body .sb-chat-widget__input {
    padding: 8px 10px max(8px, env(safe-area-inset-bottom)) !important;
  }
}


/* Chat legacy float hard-off - 2026-05-25 */
html body .dg-chat-float,
html body button.dg-chat-float {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


/* Chat closed/open state hardening - 2026-05-25 */
html body .sb-chat-widget .sb-chat-widget__window,
html body .sb-chat-widget .sb-chat-widget__window[aria-hidden="true"] {
  display: none !important;
  pointer-events: none !important;
}
html body .sb-chat-widget.sb-chat-widget--open .sb-chat-widget__window,
html body .sb-chat-widget .sb-chat-widget__window.sb-chat-widget__window--open,
html body .sb-chat-widget .sb-chat-widget__window[aria-hidden="false"] {
  display: flex !important;
  pointer-events: auto !important;
  flex-direction: column !important;
}


/* Chat mobile source of truth - 2026-05-25c */
@media (max-width: 767px) {
  html body .sb-chat-widget {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    pointer-events: none !important;
  }
  html body .sb-chat-widget__trigger {
    position: fixed !important;
    right: max(14px, env(safe-area-inset-right)) !important;
    bottom: max(18px, env(safe-area-inset-bottom)) !important;
    width: 66px !important;
    height: 66px !important;
    z-index: 2147483001 !important;
    pointer-events: auto !important;
  }
  html body .sb-chat-widget.sb-chat-widget--open .sb-chat-widget__trigger {
    display: none !important;
  }
  html body .sb-chat-widget .sb-chat-widget__window,
  html body .sb-chat-widget .sb-chat-widget__window[aria-hidden="true"] {
    display: none !important;
    pointer-events: none !important;
  }
  html body .sb-chat-widget.sb-chat-widget--open .sb-chat-widget__window,
  html body .sb-chat-widget .sb-chat-widget__window.sb-chat-widget__window--open,
  html body .sb-chat-widget .sb-chat-widget__window[aria-hidden="false"] {
    display: flex !important;
    position: fixed !important;
    top: var(--dg-chat-top, 0px) !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--dg-chat-height, 100dvh) !important;
    max-height: var(--dg-chat-height, 100dvh) !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    flex-direction: column !important;
    pointer-events: auto !important;
    z-index: 2147483002 !important;
  }
  html body .sb-chat-widget__header {
    position: relative !important;
    flex: 0 0 auto !important;
    min-height: 74px !important;
    padding: max(14px, env(safe-area-inset-top)) 16px 12px !important;
    z-index: 3 !important;
  }
  html body .sb-chat-widget__messages {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    padding: 14px 14px 10px !important;
  }
  html body .sb-chat-widget__quick-replies {
    flex: 0 0 auto !important;
    max-height: 90px !important;
    overflow-y: auto !important;
    padding: 8px 10px !important;
  }
  html body .sb-chat-widget__input {
    position: relative !important;
    flex: 0 0 auto !important;
    bottom: auto !important;
    padding: 8px 8px max(8px, env(safe-area-inset-bottom)) !important;
    background: #fff !important;
    z-index: 3 !important;
  }
  html body .sb-chat-widget__row {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) 52px !important;
    gap: 8px !important;
    align-items: center !important;
  }
  html body .sb-chat-widget__upload,
  html body .sb-chat-widget__send {
    width: 52px !important;
    height: 52px !important;
    border-radius: 16px !important;
  }
  html body .sb-chat-widget__text-input {
    width: 100% !important;
    height: 52px !important;
    min-width: 0 !important;
    font-size: 16px !important;
    border-radius: 16px !important;
  }
  html body .sb-chat-widget__message {
    max-width: 88% !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  html body .sb-chat-widget__message--user {
    max-width: 78% !important;
    background: #0A2540 !important;
    color: #fff !important;
  }
}

/* Chat mobile scroll passthrough - 2026-05-26 */
@media (max-width: 767px) {
  html body .sb-chat-widget {
    position: fixed !important;
    top: auto !important;
    left: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: visible !important;
    pointer-events: none !important;
    z-index: 2147483000 !important;
  }
  html body .sb-chat-widget__trigger {
    pointer-events: auto !important;
  }
  html body .sb-chat-widget.sb-chat-widget--open .sb-chat-widget__window,
  html body .sb-chat-widget .sb-chat-widget__window.sb-chat-widget__window--open,
  html body .sb-chat-widget .sb-chat-widget__window[aria-hidden="false"] {
    pointer-events: auto !important;
  }
}


/* GACS authority page - 2026-05-26 */
html body.page-gacs { background: #f6faf7; }
html body.page-gacs .dg-gacs { color: #0A2540; background: linear-gradient(180deg,#f6faf7 0%,#ffffff 48%,#f6faf7 100%); }
.dg-gacs .sb-container { width: min(1180px, calc(100% - 32px)); margin-inline: auto; }
.dg-gacs-hero { position: relative; min-height: min(760px, calc(100svh - 20px)); display: flex; align-items: center; overflow: hidden; isolation: isolate; }
.dg-gacs-hero__media { position: absolute; inset: 0; z-index: -2; background: #0A2540; }
.dg-gacs-hero__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(1.05) contrast(1.02); }
.dg-gacs-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(10,37,64,.92) 0%, rgba(10,37,64,.78) 42%, rgba(10,37,64,.32) 78%), radial-gradient(circle at 18% 26%, rgba(34,197,94,.28), transparent 34%); }
.dg-gacs-hero__inner { display: grid; grid-template-columns: minmax(0, 1.05fr) 390px; gap: clamp(28px,5vw,64px); align-items: center; padding-block: clamp(88px, 12vw, 150px) clamp(58px, 8vw, 92px); }
.dg-gacs-breadcrumb { display: inline-flex; gap: 8px; align-items: center; color: rgba(255,255,255,.74); font-size: .9rem; margin-bottom: 18px; }
.dg-gacs-breadcrumb a { color: inherit; text-decoration: none; }
.dg-gacs-kicker,.dg-gacs-eyebrow { display: inline-flex; align-items: center; gap: 8px; width: fit-content; margin: 0 0 14px; padding: 8px 12px; border: 1px solid rgba(34,197,94,.24); border-radius: 999px; background: rgba(34,197,94,.10); color: #16a34a; font-size: .76rem; font-weight: 900; text-transform: uppercase; letter-spacing: .12em; }
.dg-gacs-hero .dg-gacs-kicker { color: #a7f3d0; border-color: rgba(167,243,208,.26); background: rgba(255,255,255,.08); }
.dg-gacs-hero h1 { max-width: 12.5ch; margin: 0; color: #fff; font-size: clamp(2.9rem, 7vw, 6.25rem); line-height: .96; letter-spacing: 0; font-weight: 900; text-wrap: balance; }
.dg-gacs-lead { max-width: 62ch; margin: 24px 0 0; color: rgba(255,255,255,.88); font-size: clamp(1.05rem, 1.35vw, 1.24rem); line-height: 1.75; }
.dg-gacs-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.dg-gacs-deadline { padding: clamp(22px, 3vw, 30px); border-radius: 22px; background: rgba(255,255,255,.94); box-shadow: 0 34px 84px -46px rgba(0,0,0,.55); border: 1px solid rgba(255,255,255,.35); }
.dg-gacs-deadline__top { color: #16a34a; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; font-size: .78rem; margin-bottom: 14px; }
.dg-gacs-deadline__row { display: grid; grid-template-columns: 88px 1fr; gap: 12px; align-items: center; padding: 16px 0; border-top: 1px solid rgba(10,37,64,.10); }
.dg-gacs-deadline__row strong { font-size: 1.7rem; color: #0A2540; letter-spacing: 0; }
.dg-gacs-deadline__row span { color: #334155; font-weight: 700; line-height: 1.35; }
.dg-gacs-deadline p { margin: 12px 0 0; color: #475569; line-height: 1.65; }
.dg-gacs-strip { background: #0A2540; color: #fff; }
.dg-gacs-strip__grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1px; background: rgba(255,255,255,.10); }
.dg-gacs-strip__grid > div { padding: clamp(18px,3vw,28px); background: #0A2540; min-height: 170px; }
.dg-gacs-strip span { display: block; color: #22C55E; font-weight: 900; margin-bottom: 20px; }
.dg-gacs-strip strong { display: block; font-size: 1.25rem; margin-bottom: 8px; }
.dg-gacs-strip p { margin: 0; color: rgba(255,255,255,.74); line-height: 1.55; }
.dg-gacs-section { padding-block: clamp(64px, 8vw, 112px); position: relative; overflow: hidden; }
.dg-gacs-section--soft { background: linear-gradient(180deg,#eef8f0 0%,#f9fcfa 100%); }
.dg-gacs-section--navy { background: #0A2540; color: #fff; }
.dg-gacs-section--navy p { color: rgba(255,255,255,.78); }
.dg-gacs-two { display: grid; grid-template-columns: minmax(0, .95fr) minmax(320px, .75fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
.dg-gacs-two--reverse { grid-template-columns: minmax(320px,.82fr) minmax(0,1fr); }
.dg-gacs h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.75rem); line-height: 1.04; letter-spacing: 0; font-weight: 900; text-wrap: balance; color: inherit; }
.dg-gacs h3 { letter-spacing: 0; color: inherit; }
.dg-gacs p { font-size: 1.05rem; line-height: 1.78; color: #475569; }
.dg-gacs-sectionhead { max-width: 800px; margin-bottom: 34px; }
.dg-gacs-sectionhead--wide { max-width: 960px; }
.dg-gacs-card { border-radius: 22px; background: #fff; border: 1px solid rgba(10,37,64,.09); padding: clamp(22px,3vw,34px); box-shadow: 0 28px 72px -52px rgba(10,37,64,.35); }
.dg-gacs-card--navy { background: linear-gradient(135deg,#0A2540 0%,#10395c 100%); color: #fff; border-color: rgba(255,255,255,.12); }
.dg-gacs-checklist { display: grid; gap: 12px; padding: 0; margin: 18px 0 0; list-style: none; }
.dg-gacs-checklist li { position: relative; padding-left: 34px; color: #334155; line-height: 1.55; }
.dg-gacs-checklist li::before { content: ""; position: absolute; left: 0; top: .2rem; width: 22px; height: 22px; border-radius: 50%; background: #22C55E; box-shadow: inset 0 0 0 6px rgba(255,255,255,.28); }
.dg-gacs-checklist--light li { color: rgba(255,255,255,.84); }
.dg-gacs-checkgrid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
.dg-gacs-checkgrid article { background: #fff; border-radius: 18px; border: 1px solid rgba(10,37,64,.08); padding: 22px; min-height: 225px; box-shadow: 0 22px 58px -48px rgba(10,37,64,.38); }
.dg-gacs-checkgrid i { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: rgba(34,197,94,.14); color: #16a34a; font-style: normal; font-weight: 900; margin-bottom: 22px; }
.dg-gacs-checkgrid h3 { margin: 0 0 10px; font-size: 1.1rem; }
.dg-gacs-checkgrid p { margin: 0; font-size: .96rem; line-height: 1.62; }
.dg-gacs-timeline { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 14px; position: relative; }
.dg-gacs-timeline__item { padding: 22px; border-radius: 18px; background: #fff; border: 1px solid rgba(10,37,64,.09); min-height: 245px; }
.dg-gacs-timeline__item span { display: inline-flex; padding: 7px 11px; border-radius: 999px; background: rgba(34,197,94,.12); color: #16a34a; font-weight: 900; margin-bottom: 18px; }
.dg-gacs-timeline__item.is-now { background: #0A2540; color: #fff; }
.dg-gacs-timeline__item.is-now p { color: rgba(255,255,255,.78); }
.dg-gacs-steps { display: grid; gap: 12px; }
.dg-gacs-steps > div { display: grid; grid-template-columns: 52px 1fr; column-gap: 18px; padding: 18px; border-radius: 18px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); }
.dg-gacs-steps b { grid-row: span 2; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: #22C55E; color: #0A2540; }
.dg-gacs-steps h3,.dg-gacs-steps p { margin: 0; }
.dg-gacs-steps p { font-size: .96rem; }
.dg-gacs-evidence { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.dg-gacs-evidence div { padding: 22px; border-radius: 18px; background: #fff; border: 1px solid rgba(10,37,64,.08); }
.dg-gacs-evidence strong { display:block; margin-bottom: 8px; font-size: 1.05rem; }
.dg-gacs-evidence span { color:#64748b; line-height:1.55; }
.dg-gacs-faqwrap { max-width: 960px; }
.dg-gacs-faq details { background:#fff; border:1px solid rgba(10,37,64,.10); border-radius: 16px; padding: 0; margin: 12px 0; overflow: hidden; }
.dg-gacs-faq summary { cursor: pointer; padding: 20px 22px; font-weight: 900; color: #0A2540; list-style:none; display:flex; justify-content:space-between; gap:18px; }
.dg-gacs-faq summary::after { content:"+"; color:#16a34a; font-size:1.4rem; line-height:1; }
.dg-gacs-faq details[open] summary::after { content:"-"; }
.dg-gacs-faq details p { margin:0; padding: 0 22px 22px; }
.dg-gacs-sources { background: #fff; }
.dg-gacs-sourcegrid { display:flex; flex-wrap:wrap; gap: 12px; margin-top: 18px; }
.dg-gacs-sourcegrid a { display:inline-flex; padding: 12px 16px; border:1px solid rgba(10,37,64,.12); border-radius:999px; color:#0A2540; font-weight:800; text-decoration:none; background:#f8fafc; }
.dg-gacs-cta { padding-block: clamp(54px,7vw,86px); background: linear-gradient(135deg,#eef8f0 0%,#ffffff 52%,#f7f1e9 100%); }
.dg-gacs-cta__inner { display:grid; grid-template-columns: minmax(0,1fr) auto; gap: 28px; align-items:center; padding: clamp(26px,4vw,44px); border-radius: 26px; border:1px solid rgba(10,37,64,.09); background: rgba(255,255,255,.72); box-shadow:0 30px 80px -56px rgba(10,37,64,.36); }
.dg-gacs-cta h2 { font-size: clamp(2rem,4vw,3.2rem); }
.dg-gacs-cta p { max-width: 780px; }
@media (max-width: 1024px) { .dg-gacs-hero__inner,.dg-gacs-two,.dg-gacs-two--reverse,.dg-gacs-cta__inner { grid-template-columns: 1fr; } .dg-gacs-deadline { max-width: 560px; } .dg-gacs-strip__grid,.dg-gacs-checkgrid { grid-template-columns: repeat(2,minmax(0,1fr)); } .dg-gacs-timeline { grid-template-columns: repeat(2,minmax(0,1fr)); } .dg-gacs-evidence { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 640px) { .dg-gacs .sb-container { width: min(100% - 28px, 1180px); } .dg-gacs-hero { min-height: auto; } .dg-gacs-hero__inner { padding-block: 92px 42px; } .dg-gacs-hero h1 { font-size: clamp(2.45rem, 14vw, 3.55rem); max-width: 10ch; } .dg-gacs-lead { font-size: 1rem; line-height: 1.65; } .dg-gacs-actions .sb-btn { width: 100%; } .dg-gacs-deadline__row { grid-template-columns: 1fr; gap: 2px; } .dg-gacs-strip__grid,.dg-gacs-checkgrid,.dg-gacs-timeline,.dg-gacs-evidence { grid-template-columns: 1fr; } .dg-gacs-strip__grid > div,.dg-gacs-checkgrid article,.dg-gacs-timeline__item { min-height: auto; } .dg-gacs-section { padding-block: 54px; } .dg-gacs h2 { font-size: clamp(1.9rem, 9vw, 2.6rem); } .dg-gacs-steps > div { grid-template-columns: 44px 1fr; padding: 15px; } .dg-gacs-steps b { width:44px; height:44px; border-radius:14px; } .dg-gacs-cta__inner { padding: 22px; } }

/* GACS hero contrast correction - 2026-05-26 */
html body.page-gacs .dg-gacs-hero .dg-gacs-hero__copy {
  background: linear-gradient(135deg, rgba(10,37,64,.88), rgba(10,37,64,.72)) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 26px !important;
  padding: clamp(24px, 4vw, 44px) !important;
  box-shadow: 0 34px 90px -54px rgba(0,0,0,.72) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  min-width: 0 !important;
}
html body.page-gacs .dg-gacs-hero .dg-gacs-hero__copy *,
html body.page-gacs .dg-gacs-hero .dg-gacs-hero__copy h1 {
  color: #fff !important;
}
html body.page-gacs .dg-gacs-hero .dg-gacs-hero__copy .dg-gacs-breadcrumb,
html body.page-gacs .dg-gacs-hero .dg-gacs-hero__copy .dg-gacs-lead {
  color: rgba(255,255,255,.86) !important;
}
html body.page-gacs .dg-gacs-hero .dg-gacs-hero__copy .dg-gacs-kicker {
  color: #a7f3d0 !important;
}
html body.page-gacs .dg-gacs-hero .dg-gacs-deadline {
  background: rgba(255,255,255,.96) !important;
  color: #0A2540 !important;
  border-radius: 24px !important;
  opacity: 1 !important;
}
html body.page-gacs .dg-gacs-hero .dg-gacs-deadline *,
html body.page-gacs .dg-gacs-hero .dg-gacs-deadline p {
  color: #0A2540 !important;
  opacity: 1 !important;
}
html body.page-gacs .dg-gacs-hero .dg-gacs-deadline__top { color: #16a34a !important; }
@media (max-width: 640px) {
  html body.page-gacs .dg-gacs-hero .dg-gacs-hero__copy {
    padding: 22px 18px !important;
    border-radius: 22px !important;
  }
  html body.page-gacs .dg-gacs-hero h1 {
    max-width: 11ch !important;
    font-size: clamp(2.25rem, 12vw, 3.25rem) !important;
    line-height: 1.02 !important;
  }
  html body.page-gacs .dg-gacs-breadcrumb {
    font-size: .9rem !important;
  }
  html body.page-gacs .dg-gacs-kicker {
    max-width: 100% !important;
    white-space: normal !important;
    line-height: 1.35 !important;
  }
}

/* GACS visual upgrade - 2026-05-26 */
html body.page-gacs .dg-gacs-hero { min-height: 720px !important; }
html body.page-gacs .dg-gacs-hero::before {
  background:
    linear-gradient(90deg, rgba(10,37,64,.94) 0%, rgba(10,37,64,.82) 42%, rgba(10,37,64,.36) 78%),
    radial-gradient(circle at 17% 28%, rgba(34,197,94,.34), transparent 32%) !important;
}
html body.page-gacs .dg-gacs-hero .dg-gacs-hero__copy {
  background: linear-gradient(135deg, rgba(10,37,64,.92), rgba(12,52,80,.78)) !important;
  border: 1px solid rgba(167,243,208,.22) !important;
  box-shadow: 0 40px 120px -60px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html body.page-gacs .dg-gacs-hero h1 { max-width: 13.5ch !important; }
html body.page-gacs .dg-gacs-deadline__row { grid-template-columns: 120px 1fr !important; }
html body.page-gacs .dg-gacs-deadline__row strong { font-size: 1.25rem !important; }
.dg-gacs-mini { margin-top: -54px; position: relative; z-index: 4; padding-bottom: clamp(44px, 6vw, 76px); }
.dg-gacs-mini__panel { display: grid; grid-template-columns: minmax(280px,.72fr) minmax(0,1fr); gap: clamp(22px,4vw,42px); align-items: center; padding: clamp(24px,4vw,42px); border-radius: 28px; background: rgba(255,255,255,.94); border: 1px solid rgba(10,37,64,.10); box-shadow: 0 36px 90px -58px rgba(10,37,64,.45); overflow: hidden; position: relative; }
.dg-gacs-mini__panel::before { content:""; position:absolute; inset:auto -80px -90px auto; width:260px; aspect-ratio:1; border-radius:50%; background: radial-gradient(circle, rgba(34,197,94,.16), transparent 68%); pointer-events:none; }
.dg-gacs-mini h2 { font-size: clamp(1.85rem, 3vw, 3rem); max-width: 12ch; }
.dg-gacs-mini p { margin-bottom: 0; }
.dg-gacs-diagram { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; align-items: stretch; }
.dg-gacs-diagram > div { display:flex; flex-direction:column; min-height: 178px; padding: 18px; border-radius: 20px; background: linear-gradient(180deg,#f8fffb 0%,#ffffff 100%); border: 1px solid rgba(10,37,64,.09); box-shadow: 0 20px 52px -48px rgba(10,37,64,.55); }
.dg-gacs-diagram strong { margin-top: 16px; color:#0A2540; font-size:1.05rem; }
.dg-gacs-diagram small { margin-top: 7px; color:#64748b; line-height:1.4; font-weight:700; }
.dg-gacs-diagram > i { display:none; }
.dg-gacs-icon { display:inline-grid !important; place-items:center !important; width:46px !important; height:46px !important; border-radius:16px !important; background: rgba(34,197,94,.13) !important; border:1px solid rgba(34,197,94,.24) !important; position:relative !important; color:#0A2540 !important; flex:0 0 auto !important; margin:0 0 18px !important; }
.dg-gacs-icon::before, .dg-gacs-icon::after { content:""; position:absolute; box-sizing:border-box; }
.dg-gacs-icon--meter::before,.dg-gacs-icon--scope::before { width:22px; height:22px; border:3px solid #0A2540; border-radius:50%; }
.dg-gacs-icon--meter::after,.dg-gacs-icon--scope::after { width:10px; height:3px; background:#22C55E; transform: rotate(-35deg); transform-origin:left center; left:23px; top:24px; border-radius:4px; }
.dg-gacs-icon--chart::before,.dg-gacs-icon--analyse::before { width:26px; height:20px; border-left:3px solid #0A2540; border-bottom:3px solid #0A2540; left:10px; bottom:12px; }
.dg-gacs-icon--chart::after,.dg-gacs-icon--analyse::after { width:24px; height:14px; border-left:3px solid #22C55E; border-top:3px solid #22C55E; transform: skew(-28deg) rotate(-10deg); left:14px; top:14px; }
.dg-gacs-icon--bell::before,.dg-gacs-icon--alarm::before { width:22px; height:24px; border:3px solid #0A2540; border-bottom:0; border-radius:12px 12px 7px 7px; top:11px; }
.dg-gacs-icon--bell::after,.dg-gacs-icon--alarm::after { width:18px; height:3px; background:#22C55E; left:14px; bottom:10px; border-radius:8px; box-shadow: 6px 0 0 -2px #0A2540; }
.dg-gacs-icon--file::before,.dg-gacs-icon--report::before,.dg-gacs-icon--dossier::before { width:22px; height:28px; border:3px solid #0A2540; border-radius:4px; background: transparent; }
.dg-gacs-icon--file::after,.dg-gacs-icon--report::after,.dg-gacs-icon--dossier::after { width:13px; height:3px; background:#22C55E; left:17px; top:21px; box-shadow: 0 7px 0 #22C55E; border-radius:4px; }
.dg-gacs-icon--control::before,.dg-gacs-icon--monitor::before { width:28px; height:19px; border:3px solid #0A2540; border-radius:5px; top:12px; }
.dg-gacs-icon--control::after,.dg-gacs-icon--monitor::after { width:18px; height:3px; background:#22C55E; left:14px; bottom:12px; box-shadow: 6px 5px 0 -1px #0A2540; }
.dg-gacs-icon--process::before { width:26px; height:26px; border:3px solid #0A2540; border-radius:50%; border-right-color:#22C55E; }
.dg-gacs-icon--process::after { width:8px; height:8px; border-top:3px solid #22C55E; border-right:3px solid #22C55E; transform:rotate(45deg); right:10px; top:13px; }
.dg-gacs-decision { background: linear-gradient(180deg,#ffffff 0%,#f4fbf6 100%); padding-top: clamp(54px,7vw,86px); }
.dg-gacs-decision__grid { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:14px; counter-reset: decision; }
.dg-gacs-decision__grid article { position:relative; padding:24px 22px 22px; border-radius:22px; background:#fff; border:1px solid rgba(10,37,64,.10); box-shadow:0 26px 62px -52px rgba(10,37,64,.4); min-height:220px; overflow:hidden; }
.dg-gacs-decision__grid article::after { content:""; position:absolute; right:-34px; bottom:-44px; width:128px; height:128px; border-radius:50%; background:rgba(34,197,94,.09); }
.dg-gacs-decision__grid article span { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; background:#0A2540; color:#fff; font-weight:900; margin-bottom:20px; position:relative; z-index:1; }
.dg-gacs-decision__grid article.is-urgent { background:linear-gradient(135deg,#0A2540 0%,#124466 100%); color:#fff; }
.dg-gacs-decision__grid article.is-urgent p { color:rgba(255,255,255,.78); }
.dg-gacs-decision__grid article.is-urgent span { background:#22C55E; color:#0A2540; }
.dg-gacs-decision__grid h3 { margin:0 0 10px; font-size:1.18rem; line-height:1.25; position:relative; z-index:1; }
.dg-gacs-decision__grid p { margin:0; font-size:.98rem; line-height:1.62; position:relative; z-index:1; }
.dg-gacs-answer { margin-top:18px; display:grid; grid-template-columns: auto minmax(0,1fr) auto; gap:18px; align-items:center; padding:22px; border-radius:22px; background:linear-gradient(135deg,rgba(10,37,64,.96),rgba(13,68,90,.94)); color:#fff; border:1px solid rgba(167,243,208,.18); }
.dg-gacs-answer strong { font-size:1.12rem; }
.dg-gacs-answer p { margin:0; color:rgba(255,255,255,.78); font-size:.98rem; line-height:1.55; }
html body.page-gacs .dg-gacs-checkgrid article { min-height: 245px; display:flex; flex-direction:column; }
html body.page-gacs .dg-gacs-checkgrid .dg-gacs-icon { margin-bottom:20px !important; }
html body.page-gacs .dg-gacs-checkgrid p { margin-top:auto; }
html body.page-gacs .dg-gacs-timeline__item { position:relative; overflow:hidden; }
html body.page-gacs .dg-gacs-timeline__item::after { content:""; position:absolute; right:-30px; bottom:-42px; width:118px; height:118px; border-radius:50%; background:rgba(34,197,94,.08); }
html body.page-gacs .dg-gacs-timeline__item.is-now::after { background:rgba(34,197,94,.16); }
html body.page-gacs .dg-gacs-sectionhead { text-align:left; }
@media (max-width: 1024px) {
  html body.page-gacs .dg-gacs-hero { min-height:auto !important; }
  .dg-gacs-mini__panel,.dg-gacs-answer { grid-template-columns:1fr; }
  .dg-gacs-diagram,.dg-gacs-decision__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .dg-gacs-mini { margin-top:0; padding-top:22px; }
  .dg-gacs-mini__panel { padding:20px; border-radius:22px; }
  .dg-gacs-diagram,.dg-gacs-decision__grid { grid-template-columns:1fr; }
  .dg-gacs-diagram > div { min-height:auto; }
  html body.page-gacs .dg-gacs-deadline__row { grid-template-columns:1fr !important; }
  html body.page-gacs .dg-gacs-deadline__row strong { font-size:1.25rem !important; }
  .dg-gacs-answer { padding:20px; }
  .dg-gacs-answer .sb-btn { width:100%; }
}

/* Degero sitewide soft green surface system - 2026-05-26 */
:root {
  --dg-soft-green: #F6FAF7;
  --dg-soft-green-strong: #EEF8F1;
  --dg-soft-green-card: #F8FCF9;
  --dg-green-border: rgba(34, 197, 94, .14);
}

html body.sb-theme-light,
html body[class*="page-category"],
html body.page-home,
html body.page-over-ons {
  background: var(--dg-soft-green) !important;
}

html body:not(.page-gacs) main,
html body:not(.page-gacs) .sb-main {
  background: linear-gradient(180deg, #FFFFFF 0%, var(--dg-soft-green) 42%, #FFFFFF 100%) !important;
}

html body:not(.page-gacs) main > section:not(.sb-hero):not(.sb-page-hero):not(.sb-section--dark):not(.dg-gacs2-section--navy):not([data-sb-section="hero"]):not([data-sb-section="footer"]):not([class*="--navy"]):not([class*="--dark"]),
html body:not(.page-gacs) main .sb-section:not(.sb-section--dark):not(.sb-hero):not(.sb-page-hero):not([data-sb-section="hero"]):not([class*="--navy"]):not([class*="--dark"]) {
  background: var(--dg-soft-green) !important;
}

html body:not(.page-gacs) main > section:nth-of-type(even):not(.sb-hero):not(.sb-page-hero):not(.sb-section--dark):not([data-sb-section="hero"]):not([class*="--navy"]):not([class*="--dark"]),
html body:not(.page-gacs) main .sb-section:nth-of-type(even):not(.sb-section--dark):not(.sb-hero):not(.sb-page-hero):not([data-sb-section="hero"]):not([class*="--navy"]):not([class*="--dark"]) {
  background: linear-gradient(180deg, var(--dg-soft-green-strong) 0%, var(--dg-soft-green-card) 100%) !important;
}

html body:not(.page-gacs) main > section:not(.sb-hero):not(.sb-page-hero):not([data-sb-section="hero"]) + section:not(.sb-hero):not(.sb-page-hero):not([data-sb-section="hero"]) {
  border-top: 1px solid rgba(10, 37, 64, .045) !important;
}

html body:not(.page-gacs) main .sb-card,
html body:not(.page-gacs) main article[class*="card"],
html body:not(.page-gacs) main [class*="__card"],
html body:not(.page-gacs) main details,
html body:not(.page-gacs) main .sb-form,
html body:not(.page-gacs) main .dg-about-panel,
html body:not(.page-gacs) main .dg-method-item,
html body:not(.page-gacs) main .dg-reference-card,
html body:not(.page-gacs) main .dg-project-card,
html body:not(.page-gacs) main .sb-table-wrap {
  background-color: #FFFFFF !important;
  border-color: rgba(10, 37, 64, .09) !important;
}

html body:not(.page-gacs) main [class*="cta"]:not(.sb-chat-cta):not(.sb-navbar__cta):not(.sb-footer__cta-band):not(.dg-chat-cta),
html body:not(.page-gacs) main [data-sb-section*="cta"]:not(.sb-section--dark) {
  background: linear-gradient(135deg, var(--dg-soft-green-strong) 0%, #FFFFFF 58%, #F7F1E9 100%) !important;
}

html body:not(.page-gacs) main [class*="cta"] [class*="inner"],
html body:not(.page-gacs) main [data-sb-section*="cta"] .sb-container > div {
  background-color: rgba(255,255,255,.86) !important;
}

html body:not(.page-gacs) main .sb-section__eyebrow,
html body:not(.page-gacs) main .sb-section__label,
html body:not(.page-gacs) main [class*="kicker"],
html body:not(.page-gacs) main [class*="eyebrow"] {
  background-color: #ECFDF5 !important;
  border-color: rgba(34,197,94,.22) !important;
  color: #047857 !important;
}

html body:not(.page-gacs) .sb-footer {
  background: #0A2540 !important;
}

@media (max-width: 767px) {
  html body:not(.page-gacs) main > section:not(.sb-hero):not(.sb-page-hero):not([data-sb-section="hero"]),
  html body:not(.page-gacs) main .sb-section:not(.sb-hero):not(.sb-page-hero):not([data-sb-section="hero"]) {
    background: var(--dg-soft-green) !important;
  }
}


/* Degero nav submenu visibility fix - 2026-05-27 */
html body .sb-navbar .sb-navbar__has-submenu {
  position: relative !important;
}

html body .sb-navbar .sb-navbar__has-submenu:hover > .sb-navbar__submenu,
html body .sb-navbar .sb-navbar__has-submenu:focus-within > .sb-navbar__submenu,
html body .sb-navbar .sb-navbar__has-submenu.is-open > .sb-navbar__submenu,
html body .sb-navbar .sb-navbar__has-submenu.sb-submenu--open > .sb-navbar__submenu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

@media (max-width: 1023px) {
  html body .sb-navbar.is-open .sb-navbar__menu {
    display: flex !important;
  }

  html body .sb-navbar .sb-navbar__has-submenu.is-open > .sb-navbar__submenu,
  html body .sb-navbar .sb-navbar__has-submenu.sb-submenu--open > .sb-navbar__submenu,
  html body .sb-navbar .sb-navbar__has-submenu:focus-within > .sb-navbar__submenu {
    position: static !important;
    display: block !important;
    max-height: 80vh !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }
}


/* Degero exact navbar system - 2026-05-27 start */
html body nav.sb-navbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  background: rgba(255,255,255,.94) !important;
  backdrop-filter: saturate(180%) blur(10px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(10px) !important;
  border-bottom: 1px solid rgba(226,232,240,.95) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.08) !important;
}

html body nav.sb-navbar .sb-navbar__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 76px !important;
  gap: 1.5rem !important;
}

html body nav.sb-navbar .sb-navbar__brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: .5rem !important;
  text-decoration: none !important;
}

html body nav.sb-navbar .sb-navbar__brand img[src*="degero-logo-green-20260524"] {
  height: 54px !important;
  width: auto !important;
  max-width: 220px !important;
  display: block !important;
}

html body nav.sb-navbar .sb-navbar__menu {
  display: flex !important;
  align-items: center !important;
  gap: 1.5rem !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body nav.sb-navbar .sb-navbar__menu > li {
  position: relative !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body nav.sb-navbar .sb-navbar__menu a,
html body nav.sb-navbar .sb-navbar__dropdown-btn {
  color: #0a2540 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  font-size: .95rem !important;
  line-height: 1.35 !important;
  padding: .5rem 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .35rem !important;
  background: none !important;
  border: 0 !important;
  cursor: pointer !important;
  font-family: inherit !important;
  white-space: nowrap !important;
}

html body nav.sb-navbar .sb-navbar__menu a:hover,
html body nav.sb-navbar .sb-navbar__dropdown-btn:hover,
html body nav.sb-navbar .sb-navbar__dropdown-btn[aria-expanded="true"] {
  color: #08783f !important;
}

html body nav.sb-navbar .sb-navbar__caret,
html body nav.sb-navbar .sb-navbar__dropdown-btn .sb-navbar__caret {
  display: inline-block !important;
  flex: 0 0 8px !important;
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  min-height: 8px !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  border-left: 0 !important;
  border-top: 0 !important;
  transform: rotate(45deg) !important;
  margin: 0 0 2px .15rem !important;
  transition: transform .2s ease, margin .2s ease !important;
}

html body nav.sb-navbar .sb-navbar__has-submenu.is-open .sb-navbar__caret,
html body nav.sb-navbar .sb-navbar__dropdown-btn[aria-expanded="true"] .sb-navbar__caret {
  transform: rotate(-135deg) !important;
  margin-bottom: -2px !important;
}

html body nav.sb-navbar .sb-navbar__has-submenu::after {
  content: "" !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  height: 14px !important;
  background: transparent !important;
}

html body nav.sb-navbar .sb-navbar__submenu {
  position: absolute !important;
  top: calc(100% + 12px) !important;
  left: 0 !important;
  display: block !important;
  min-width: 300px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: .5rem !important;
  background: #fff !important;
  border: 1px solid rgba(226,232,240,.95) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.14) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(6px) !important;
  max-height: none !important;
  overflow: visible !important;
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease !important;
  z-index: 10000 !important;
}

html body nav.sb-navbar .sb-navbar__has-submenu:hover > .sb-navbar__submenu,
html body nav.sb-navbar .sb-navbar__has-submenu:focus-within > .sb-navbar__submenu,
html body nav.sb-navbar .sb-navbar__has-submenu.is-open > .sb-navbar__submenu,
html body nav.sb-navbar .sb-navbar__has-submenu.sb-submenu--open > .sb-navbar__submenu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

html body nav.sb-navbar .sb-navbar__submenu li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body nav.sb-navbar .sb-navbar__submenu a {
  display: block !important;
  width: 100% !important;
  padding: .65rem .9rem !important;
  border-radius: 10px !important;
  color: #0a2540 !important;
  font-size: .95rem !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

html body nav.sb-navbar .sb-navbar__submenu a:hover,
html body nav.sb-navbar .sb-navbar__submenu a:focus-visible {
  background: rgba(34,197,94,.08) !important;
  color: #16a34a !important;
}

html body nav.sb-navbar .sb-navbar__tel {
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
}

html body nav.sb-navbar .sb-navbar__toggle {
  display: none !important;
  background: none !important;
  border: 0 !important;
  width: 44px !important;
  height: 44px !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
  cursor: pointer !important;
}

html body nav.sb-navbar .sb-navbar__toggle span {
  display: block !important;
  height: 2px !important;
  width: 24px !important;
  background: #0a2540 !important;
  transition: transform .2s ease, opacity .2s ease !important;
}

html body nav.sb-navbar.is-open .sb-navbar__toggle span:nth-child(1) {
  transform: translateY(6px) rotate(45deg) !important;
}

html body nav.sb-navbar.is-open .sb-navbar__toggle span:nth-child(2) {
  opacity: 0 !important;
}

html body nav.sb-navbar.is-open .sb-navbar__toggle span:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg) !important;
}

@media (max-width: 1023px) {
  html body nav.sb-navbar .sb-navbar__inner {
    flex-wrap: wrap !important;
    height: auto !important;
  }

  html body nav.sb-navbar .sb-navbar__brand {
    max-width: calc(100% - 4rem) !important;
  }

  html body nav.sb-navbar .sb-navbar__toggle {
    display: flex !important;
    margin-left: auto !important;
  }

  html body nav.sb-navbar .sb-navbar__menu {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: .25rem !important;
    padding: 1rem clamp(1rem, 4vw, 1.5rem) !important;
    background: #fff !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.14) !important;
  }

  html body nav.sb-navbar.is-open .sb-navbar__menu,
  html body nav.sb-navbar .sb-navbar__menu.sb-navbar__menu--open {
    display: flex !important;
  }

  html body nav.sb-navbar .sb-navbar__menu > li {
    width: 100% !important;
  }

  html body nav.sb-navbar .sb-navbar__menu a,
  html body nav.sb-navbar .sb-navbar__dropdown-btn {
    width: 100% !important;
    padding: .85rem .25rem !important;
    justify-content: space-between !important;
  }

  html body nav.sb-navbar .sb-navbar__has-submenu::after {
    display: none !important;
  }

  html body nav.sb-navbar .sb-navbar__submenu {
    position: static !important;
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 0 1rem !important;
    border: 0 !important;
    border-left: 2px solid rgba(34,197,94,.32) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height .3s ease, padding-top .3s ease, padding-bottom .3s ease !important;
  }

  html body nav.sb-navbar .sb-navbar__has-submenu.is-open > .sb-navbar__submenu,
  html body nav.sb-navbar .sb-navbar__has-submenu.sb-submenu--open > .sb-navbar__submenu,
  html body nav.sb-navbar .sb-navbar__dropdown-btn[aria-expanded="true"] + .sb-navbar__submenu {
    max-height: 500px !important;
    padding-top: .25rem !important;
    padding-bottom: .5rem !important;
  }

  html body nav.sb-navbar .sb-navbar__submenu a {
    padding: .65rem .9rem !important;
    white-space: normal !important;
  }
}
/* Degero exact navbar system - 2026-05-27 end */

/* Degero premium kennisbank article override 20260527 */
html body.page-category-kennisbank .sb-hero[data-sb-section="hero"],
html body.page-category-kennisbank main.sb-main>section.sb-hero:first-of-type,
html body.page-category-kennisbank main>section.sb-hero:first-of-type{
  display:block!important;
  min-height:auto!important;
  padding:clamp(3.5rem,6vw,6rem) 0!important;
  background:#f8fbff!important;
  background-image:linear-gradient(135deg,#ffffff 0%,#f1f8f4 54%,#eaf4ff 100%)!important;
  background-size:auto!important;
  background-position:center!important;
  color:#0a2540!important;
  overflow:hidden!important;
}
html body.page-category-kennisbank .sb-hero[data-sb-section="hero"]::before,
html body.page-category-kennisbank main.sb-main>section.sb-hero:first-of-type::before,
html body.page-category-kennisbank main>section.sb-hero:first-of-type::before,
html body.page-category-kennisbank .sb-hero[data-sb-section="hero"]::after,
html body.page-category-kennisbank main.sb-main>section.sb-hero:first-of-type::after,
html body.page-category-kennisbank main>section.sb-hero:first-of-type::after{
  content:none!important;
  display:none!important;
  background:none!important;
}
html body.page-category-kennisbank .sb-hero[data-sb-section="hero"]>.sb-container,
html body.page-category-kennisbank main.sb-main>section.sb-hero:first-of-type>.sb-container{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0 clamp(1.25rem,4vw,2.5rem)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.04fr) minmax(330px,.96fr)!important;
  gap:clamp(2rem,4vw,4rem)!important;
  align-items:center!important;
  min-height:0!important;
}
html body.page-category-kennisbank .sb-hero__content{
  display:block!important;
  max-width:720px!important;
  padding:0!important;
  color:#0a2540!important;
}
html body.page-category-kennisbank .sb-hero__title{
  color:#082640!important;
  text-shadow:none!important;
  font-size:clamp(2.35rem,5vw,4.75rem)!important;
  line-height:1.01!important;
  letter-spacing:0!important;
  max-width:11.5em!important;
}
html body.page-category-kennisbank .sb-hero__subtitle{
  color:#30465c!important;
  text-shadow:none!important;
  max-width:66ch!important;
}
html body.page-category-kennisbank .sb-hero__points{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:.85rem!important;
}
html body.page-category-kennisbank .sb-hero__point{
  background:#fff!important;
  color:#18324a!important;
  border:1px solid rgba(8,38,64,.1)!important;
  box-shadow:0 18px 42px -34px rgba(8,38,64,.42)!important;
}
@media(max-width:980px){
  html body.page-category-kennisbank .sb-hero[data-sb-section="hero"]>.sb-container,
  html body.page-category-kennisbank main.sb-main>section.sb-hero:first-of-type>.sb-container{
    grid-template-columns:1fr!important;
  }
  html body.page-category-kennisbank .sb-hero__points{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  html body.page-category-kennisbank .sb-hero[data-sb-section="hero"],
  html body.page-category-kennisbank main.sb-main>section.sb-hero:first-of-type{padding:2.4rem 0 2.8rem!important}
}

/* Degero premium kennisbank fixed-header spacing 20260527 */
html body.page-category-kennisbank .sb-main{
  padding-top:0!important;
}
html body.page-category-kennisbank .sb-hero[data-sb-section="hero"],
html body.page-category-kennisbank main.sb-main>section.sb-hero:first-of-type{
  border-top:1px solid rgba(8,38,64,.06)!important;
}

/* Degero premium kennisbank visual polish 20260527 */
html body.page-category-kennisbank .sb-hero__points{
  grid-template-columns:1fr!important;
  max-width:620px!important;
}
html body.page-category-kennisbank .sb-hero__point{
  min-height:0!important;
  padding:1rem 1.1rem!important;
  text-align:left!important;
}
html body.page-category-kennisbank .sb-hero__visual-card{
  background:rgba(8,38,64,.9)!important;
  background-color:rgba(8,38,64,.9)!important;
  color:#fff!important;
}
html body.page-category-kennisbank .sb-hero__visual-kicker,
html body.page-category-kennisbank .sb-hero__visual-note,
html body.page-category-kennisbank .sb-hero__visual-tag{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body.page-category-kennisbank .sb-hero__visual-kicker{
  display:block!important;
  padding:0!important;
  border:0!important;
  color:#8ee2a4!important;
  font-size:.78rem!important;
  font-weight:800!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
html body.page-category-kennisbank .sb-hero__visual-note{
  margin-top:.3rem!important;
  color:#fff!important;
  font-size:1rem!important;
  font-weight:800!important;
  line-height:1.35!important;
}
html body.page-category-kennisbank .sb-hero__visual-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.45rem!important;
  margin-top:.75rem!important;
}
html body.page-category-kennisbank .sb-hero__visual-tag{
  display:inline-flex!important;
  align-items:center!important;
  min-height:1.9rem!important;
  padding:.34rem .62rem!important;
  border-radius:999px!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.12)!important;
  background-color:rgba(255,255,255,.12)!important;
  font-size:.82rem!important;
  font-weight:800!important;
}

/* Degero article contrast and watermark cleanup 20260527 start */
html body main.sb-main > section.sb-section:not(.sb-hero):not(.sb-cta)::before,
html body main.sb-main > section.sb-section:not(.sb-hero):not(.sb-cta)::after,
html body main > section.sb-section:not(.sb-hero):not(.sb-cta)::before,
html body main > section.sb-section:not(.sb-hero):not(.sb-cta)::after,
html body main > section[data-sb-section]:not([data-sb-section="hero"]):not(.sb-hero):not(.sb-cta)::before,
html body main > section[data-sb-section]:not([data-sb-section="hero"]):not(.sb-hero):not(.sb-cta)::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
}

html body.page-category-kennisbank .dg-eeat-strip{
  position:relative!important;
  isolation:isolate!important;
  background:#082640!important;
  background-image:linear-gradient(135deg,#082640 0%,#0d3557 100%)!important;
  border:0!important;
  padding:clamp(1rem,2.2vw,1.45rem) 0!important;
  color:#ffffff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),inset 0 -1px rgba(255,255,255,.08)!important;
}
html body.page-category-kennisbank.page-category-kennisbank main.sb-main#main-content > section.dg-eeat-strip[data-degero-eeat-article="1"][aria-label="Artikelverantwoording"],
html body.page-category-kennisbank.page-category-kennisbank main.sb-main > section.dg-eeat-strip[data-degero-eeat-article="1"][aria-label="Artikelverantwoording"]{
  background:#082640!important;
  background-color:#082640!important;
  background-image:linear-gradient(135deg,#082640 0%,#0d3557 100%)!important;
}
html body.page-category-kennisbank .dg-eeat-strip::before,
html body.page-category-kennisbank .dg-eeat-strip::after{
  content:none!important;
  display:none!important;
}
html body.page-category-kennisbank .dg-eeat-strip__grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(.75rem,1.6vw,1rem)!important;
  align-items:stretch!important;
}
html body.page-category-kennisbank .dg-eeat-strip p{
  display:block!important;
  min-height:100%!important;
  margin:0!important;
  padding:1rem 1.05rem!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.075)!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:#edf7ff!important;
  font-size:.94rem!important;
  line-height:1.62!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body.page-category-kennisbank .dg-eeat-strip strong{
  display:block!important;
  margin:0 0 .28rem!important;
  color:#8ee2a4!important;
  font-size:.78rem!important;
  font-weight:850!important;
  line-height:1.25!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
}

html body.page-category-kennisbank #artikel{
  position:relative!important;
  padding:clamp(3rem,6vw,5.5rem) 0!important;
  background:#f6faf7!important;
  background-image:linear-gradient(180deg,#ffffff 0%,#f6faf7 18%,#f6faf7 100%)!important;
  overflow:visible!important;
}
html body.page-category-kennisbank #artikel::before,
html body.page-category-kennisbank #artikel::after{
  content:none!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
}
html body.page-category-kennisbank #artikel .sb-section__header{
  display:none!important;
}
html body.page-category-kennisbank #artikel .sb-grid.sb-grid--2{
  align-items:start!important;
  gap:clamp(2rem,4vw,3.5rem)!important;
}
html body.page-category-kennisbank .dg-article-copy{
  max-width:760px!important;
}
html body.page-category-kennisbank .dg-article-copy > p{
  background:transparent!important;
  box-shadow:none!important;
}

html body.page-category-kennisbank #artikel .dg-fact-box{
  position:sticky!important;
  top:6.5rem!important;
  align-self:start!important;
  margin:0!important;
  padding:1.35rem!important;
  border-radius:18px!important;
  background:#082640!important;
  background-image:linear-gradient(155deg,#082640 0%,#10385a 100%)!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 34px 74px -48px rgba(8,38,64,.84)!important;
}
html body.page-category-kennisbank #artikel .dg-fact-box::before,
html body.page-category-kennisbank #artikel .dg-fact-box::after{
  content:none!important;
  display:none!important;
}
html body.page-category-kennisbank #artikel .dg-fact-box h3{
  color:#ffffff!important;
  margin:0 0 .85rem!important;
  font-size:1.28rem!important;
  line-height:1.25!important;
}
html body.page-category-kennisbank #artikel .dg-fact-box p,
html body.page-category-kennisbank #artikel .dg-fact-box p:last-child{
  margin:.95rem 0 0!important;
  padding:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#edf7ff!important;
  font-size:.98rem!important;
  line-height:1.72!important;
}
html body.page-category-kennisbank #artikel .dg-route-list{
  display:grid!important;
  gap:.65rem!important;
  margin:0 0 1rem!important;
  padding:0!important;
  list-style:none!important;
}
html body.page-category-kennisbank #artikel .dg-route-list li{
  background:rgba(255,255,255,.09)!important;
  color:#f5fbff!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
html body.page-category-kennisbank #artikel .dg-route-cta{
  display:grid!important;
  gap:.65rem!important;
  margin-top:1rem!important;
}
html body.page-category-kennisbank #artikel .dg-route-cta a{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:44px!important;
  padding:.76rem .9rem!important;
  border-radius:10px!important;
  font-weight:850!important;
  line-height:1.25!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
html body.page-category-kennisbank #artikel .dg-route-cta a:first-child{
  background:#22c55e!important;
  color:#062114!important;
  border:1px solid rgba(34,197,94,.7)!important;
}
html body.page-category-kennisbank #artikel .dg-route-cta a:last-child{
  background:#163a5d!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.26)!important;
}

@media(max-width:980px){
  html body.page-category-kennisbank #artikel .dg-fact-box{
    position:static!important;
  }
}
@media(max-width:760px){
  html body.page-category-kennisbank .dg-eeat-strip__grid{
    grid-template-columns:1fr!important;
  }
  html body.page-category-kennisbank .dg-eeat-strip p{
    padding:.9rem .95rem!important;
  }
}
/* Degero article contrast and watermark cleanup 20260527 end */

/* Degero GACS CTA button cleanup 20260527 start */
html body.page-category-kennisbank #artikel .dg-fact-box .dg-route-cta {
  display: grid !important;
  gap: .78rem !important;
  margin-top: 1.15rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.page-category-kennisbank #artikel .dg-fact-box .dg-route-cta a {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: .82rem 1rem !important;
  border-radius: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  background-clip: padding-box !important;
  outline-offset: 3px !important;
}

html body.page-category-kennisbank #artikel .dg-fact-box .dg-route-cta a::before,
html body.page-category-kennisbank #artikel .dg-fact-box .dg-route-cta a::after {
  content: none !important;
  display: none !important;
}

html body.page-category-kennisbank #artikel .dg-fact-box .dg-route-cta a:first-child,
html body.page-category-kennisbank #artikel .dg-fact-box .dg-route-cta a[href*="gacs"] {
  background: linear-gradient(135deg, #22c55e 0%, #6ee783 100%) !important;
  background-color: #08783f !important;
  color: #062114 !important;
  border: 1px solid rgba(142,226,164,.72) !important;
  box-shadow: 0 16px 34px -24px rgba(34,197,94,.72) !important;
}

html body.page-category-kennisbank #artikel .dg-fact-box .dg-route-cta a:last-child,
html body.page-category-kennisbank #artikel .dg-fact-box .dg-route-cta a[href*="/diensten/epbd-gacs"] {
  background: linear-gradient(135deg, #123858 0%, #082640 100%) !important;
  background-color: #082640 !important;
  color: #ffffff !important;
  border: 1px solid rgba(142,226,164,.24) !important;
  box-shadow: 0 16px 34px -26px rgba(0,0,0,.55) !important;
}

html body.page-category-kennisbank #artikel .dg-fact-box .dg-route-cta a:hover {
  transform: translateY(-1px) !important;
}

html body.page-category-kennisbank #artikel .dg-fact-box .dg-route-cta a:focus-visible {
  outline: 3px solid rgba(142,226,164,.45) !important;
}

@media (max-width: 640px) {
  html body.page-category-kennisbank #artikel .dg-fact-box .dg-route-cta {
    gap: .72rem !important;
  }

  html body.page-category-kennisbank #artikel .dg-fact-box .dg-route-cta a {
    min-height: 48px !important;
    border-radius: 12px !important;
    font-size: .98rem !important;
  }
}
/* Degero GACS CTA button cleanup 20260527 end */

/* Degero navbar strict hover active 20260527 start */
html body nav.sb-navbar .sb-navbar__menu > li > a:not(.sb-navbar__tel),
html body nav.sb-navbar .sb-navbar__menu > li > .sb-navbar__dropdown-btn {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .35rem !important;
  min-height: 40px !important;
  padding: .58rem .9rem !important;
  margin-inline: -.9rem !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #0a2540 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  transform: none !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease !important;
}

html body nav.sb-navbar .sb-navbar__menu > li > a:not(.sb-navbar__tel):hover,
html body nav.sb-navbar .sb-navbar__menu > li > .sb-navbar__dropdown-btn:hover,
html body nav.sb-navbar .sb-navbar__menu > li > .sb-navbar__dropdown-btn[aria-expanded="true"] {
  padding: .58rem .9rem !important;
  margin-inline: -.9rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(34,197,94,.18) !important;
  background: rgba(34,197,94,.11) !important;
  color: #047857 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body nav.sb-navbar .sb-navbar__menu > li > a:not(.sb-navbar__tel):focus-visible,
html body nav.sb-navbar .sb-navbar__menu > li > .sb-navbar__dropdown-btn:focus-visible {
  padding: .58rem .9rem !important;
  margin-inline: -.9rem !important;
  border-radius: 999px !important;
  outline: 2px solid rgba(34,197,94,.55) !important;
  outline-offset: 3px !important;
  background: transparent !important;
  color: #0a2540 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body nav.sb-navbar .sb-navbar__menu > li > a[aria-current="page"]:not(.sb-navbar__tel),
html body nav.sb-navbar .sb-navbar__menu > li > a.is-active:not(.sb-navbar__tel),
html body nav.sb-navbar .sb-navbar__menu > li > a.sb-navbar__link--active:not(.sb-navbar__tel) {
  padding: .58rem .95rem !important;
  margin-inline: -.95rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(34,197,94,.72) !important;
  background: #22c55e !important;
  color: #062114 !important;
  box-shadow: 0 14px 30px -22px rgba(34,197,94,.75) !important;
  transform: none !important;
}

html body nav.sb-navbar .sb-navbar__has-submenu.is-active-section > .sb-navbar__dropdown-btn,
html body nav.sb-navbar .sb-navbar__has-submenu.is-active > .sb-navbar__dropdown-btn {
  padding: .58rem .9rem !important;
  margin-inline: -.9rem !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #0a2540 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body nav.sb-navbar .sb-navbar__menu > li > a[href="/over-ons"]:not([aria-current="page"]):not(:hover) {
  background: transparent !important;
  border-color: transparent !important;
  color: #0a2540 !important;
  box-shadow: none !important;
}

html body nav.sb-navbar .sb-navbar__menu > li > a:not(.sb-navbar__tel)::before,
html body nav.sb-navbar .sb-navbar__menu > li > a:not(.sb-navbar__tel)::after,
html body nav.sb-navbar .sb-navbar__menu > li > .sb-navbar__dropdown-btn::before,
html body nav.sb-navbar .sb-navbar__menu > li > .sb-navbar__dropdown-btn::after {
  content: none !important;
  display: none !important;
}

html body nav.sb-navbar .sb-navbar__menu > li > a.sb-navbar__tel {
  padding: .5rem 0 !important;
  margin-inline: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

@media (max-width: 900px) {
  html body nav.sb-navbar .sb-navbar__menu > li > a:not(.sb-navbar__tel),
  html body nav.sb-navbar .sb-navbar__menu > li > .sb-navbar__dropdown-btn,
  html body nav.sb-navbar .sb-navbar__menu > li > a:not(.sb-navbar__tel):hover,
  html body nav.sb-navbar .sb-navbar__menu > li > a:not(.sb-navbar__tel):focus-visible,
  html body nav.sb-navbar .sb-navbar__menu > li > .sb-navbar__dropdown-btn:hover,
  html body nav.sb-navbar .sb-navbar__menu > li > .sb-navbar__dropdown-btn:focus-visible,
  html body nav.sb-navbar .sb-navbar__menu > li > .sb-navbar__dropdown-btn[aria-expanded="true"],
  html body nav.sb-navbar .sb-navbar__menu > li > a[aria-current="page"]:not(.sb-navbar__tel),
  html body nav.sb-navbar .sb-navbar__menu > li > a.is-active:not(.sb-navbar__tel),
  html body nav.sb-navbar .sb-navbar__has-submenu.is-active-section > .sb-navbar__dropdown-btn {
    width: 100% !important;
    justify-content: space-between !important;
    min-height: 46px !important;
    padding: .82rem 1rem !important;
    margin-inline: 0 !important;
    border-radius: 12px !important;
  }
}
/* Degero navbar strict hover active 20260527 end */

/* Degero navbar over-ons guard 20260527 start */
html body:not(.page-over-ons) nav.sb-navbar .sb-navbar__menu > li > a[href="/over-ons"],
html body:not(.page-over-ons) nav.sb-navbar .sb-navbar__menu > li > a[href="/over-ons"]:hover,
html body:not(.page-over-ons) nav.sb-navbar .sb-navbar__menu > li > a[href="/over-ons"]:focus,
html body:not(.page-over-ons) nav.sb-navbar .sb-navbar__menu > li > a[href="/over-ons"]:focus-visible,
html body:not(.page-over-ons) nav.sb-navbar .sb-navbar__menu > li > a[href="/over-ons"].is-active,
html body:not(.page-over-ons) nav.sb-navbar .sb-navbar__menu > li > a[href="/over-ons"].sb-navbar__link--active,
html body:not(.page-over-ons) nav.sb-navbar .sb-navbar__menu > li > a[href="/over-ons"][aria-current="page"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #0a2540 !important;
  transform: none !important;
}

html body:not(.page-over-ons) nav.sb-navbar .sb-navbar__menu > li > a[href="/over-ons"]::before,
html body:not(.page-over-ons) nav.sb-navbar .sb-navbar__menu > li > a[href="/over-ons"]::after {
  content: none !important;
  display: none !important;
}
/* Degero navbar over-ons guard 20260527 end */

/* Degero article bottom CTA polish 20260527 start */
html body.page-category-kennisbank main.sb-main > section.sb-faq[data-sb-section="faq"] {
  padding-bottom: clamp(2.1rem, 4vw, 3.2rem) !important;
}

html body.page-category-kennisbank main.sb-main > section.sb-faq[data-sb-section="faq"] + section.sb-cta.sb-cta--simple[data-sb-section="cta"] {
  margin-top: 0 !important;
  padding: clamp(2rem, 4vw, 3.1rem) 0 !important;
  background: #082640 !important;
  background-color: #082640 !important;
  background-image:
    linear-gradient(135deg, rgba(34,197,94,.12), rgba(8,38,64,0) 38%),
    linear-gradient(180deg, #082640 0%, #061d31 100%) !important;
  border-top: 1px solid rgba(34,197,94,.22) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  color: #fff !important;
}

html body.page-category-kennisbank main.sb-main > section.sb-faq[data-sb-section="faq"] + section.sb-cta.sb-cta--simple[data-sb-section="cta"] > .sb-container {
  width: min(1080px, calc(100% - 2rem)) !important;
  max-width: 1080px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: .85rem clamp(1.5rem, 4vw, 3rem) !important;
  padding: 0 !important;
  text-align: left !important;
}

html body.page-category-kennisbank main.sb-main > section.sb-faq[data-sb-section="faq"] + section.sb-cta.sb-cta--simple[data-sb-section="cta"] h2 {
  grid-column: 1 !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(1.7rem, 3vw, 2.45rem) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

html body.page-category-kennisbank main.sb-main > section.sb-faq[data-sb-section="faq"] + section.sb-cta.sb-cta--simple[data-sb-section="cta"] p {
  grid-column: 1 !important;
  margin: 0 !important;
  max-width: 66ch !important;
  color: #dce8f3 !important;
  font-size: clamp(.98rem, 1.4vw, 1.08rem) !important;
  line-height: 1.65 !important;
}

html body.page-category-kennisbank main.sb-main > section.sb-faq[data-sb-section="faq"] + section.sb-cta.sb-cta--simple[data-sb-section="cta"] .sb-btn {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  justify-self: end !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: .86rem 1.35rem !important;
  border-radius: 12px !important;
  background: #22c55e !important;
  background-color: #08783f !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 20px 42px -28px rgba(34,197,94,.9) !important;
  color: #062114 !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  transform: none !important;
}

html body.page-category-kennisbank main.sb-main > section.sb-faq[data-sb-section="faq"] + section.sb-cta.sb-cta--simple[data-sb-section="cta"] .sb-btn:hover,
html body.page-category-kennisbank main.sb-main > section.sb-faq[data-sb-section="faq"] + section.sb-cta.sb-cta--simple[data-sb-section="cta"] .sb-btn:focus-visible {
  background: #39d978 !important;
  color: #062114 !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 760px) {
  html body.page-category-kennisbank main.sb-main > section.sb-faq[data-sb-section="faq"] {
    padding-bottom: 1.6rem !important;
  }

  html body.page-category-kennisbank main.sb-main > section.sb-faq[data-sb-section="faq"] + section.sb-cta.sb-cta--simple[data-sb-section="cta"] {
    padding: 1.65rem 0 1.9rem !important;
  }

  html body.page-category-kennisbank main.sb-main > section.sb-faq[data-sb-section="faq"] + section.sb-cta.sb-cta--simple[data-sb-section="cta"] > .sb-container {
    grid-template-columns: 1fr !important;
    gap: .7rem !important;
  }

  html body.page-category-kennisbank main.sb-main > section.sb-faq[data-sb-section="faq"] + section.sb-cta.sb-cta--simple[data-sb-section="cta"] h2,
  html body.page-category-kennisbank main.sb-main > section.sb-faq[data-sb-section="faq"] + section.sb-cta.sb-cta--simple[data-sb-section="cta"] p,
  html body.page-category-kennisbank main.sb-main > section.sb-faq[data-sb-section="faq"] + section.sb-cta.sb-cta--simple[data-sb-section="cta"] .sb-btn {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-self: stretch !important;
  }

  html body.page-category-kennisbank main.sb-main > section.sb-faq[data-sb-section="faq"] + section.sb-cta.sb-cta--simple[data-sb-section="cta"] .sb-btn {
    margin-top: .35rem !important;
    width: 100% !important;
  }
}

/* Visible primary-source context for legal and standards-based guidance. */
html body .dg-source-note {
  display: grid;
  gap: 6px;
  max-width: 68ch;
  margin-top: 24px;
  padding: 18px 20px;
  border-left: 3px solid #16A34A;
  border-radius: 4px;
  background: #F2F8F4;
  color: #334155;
  font-size: 15px;
  line-height: 1.65;
}

html body .dg-source-note strong {
  color: #0A2540;
  font-size: 14px;
}

html body .dg-source-note a {
  color: #087A45;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}
/* Degero article bottom CTA polish 20260527 end */

/* Degero article bottom CTA final class 20260527 start */
html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] {
  margin-top: 0 !important;
  padding: clamp(2rem, 4vw, 3.1rem) 0 !important;
  background: #082640 !important;
  background-color: #082640 !important;
  background-image:
    linear-gradient(135deg, rgba(34,197,94,.14), rgba(8,38,64,0) 42%),
    linear-gradient(180deg, #082640 0%, #061d31 100%) !important;
  border-top: 1px solid rgba(34,197,94,.24) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  color: #fff !important;
  text-align: left !important;
}

html body.page-category-kennisbank main.sb-main > section.sb-faq[data-sb-section="faq"] {
  padding-bottom: clamp(1.9rem, 3.2vw, 2.7rem) !important;
}

html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] > .sb-container {
  width: min(1080px, calc(100% - 2rem)) !important;
  max-width: 1080px !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: .85rem clamp(1.5rem, 4vw, 3rem) !important;
  padding: 0 !important;
  text-align: left !important;
}

html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] h2,
html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] p {
  grid-column: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  text-shadow: none !important;
}

html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] h2 {
  color: #fff !important;
  font-size: clamp(1.7rem, 3vw, 2.45rem) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] p {
  max-width: 66ch !important;
  color: #dce8f3 !important;
  font-size: clamp(.98rem, 1.4vw, 1.08rem) !important;
  line-height: 1.65 !important;
}

html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] .sb-btn {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  justify-self: end !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: .86rem 1.35rem !important;
  border-radius: 12px !important;
  background: #22c55e !important;
  background-color: #08783f !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 20px 42px -28px rgba(34,197,94,.9) !important;
  color: #062114 !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  text-align: center !important;
  transform: none !important;
}

@media (max-width: 760px) {
  html body.page-category-kennisbank main.sb-main > section.sb-faq[data-sb-section="faq"] {
    padding-bottom: 1.45rem !important;
  }

  html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] {
    padding: 1.65rem 0 1.9rem !important;
  }

  html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] > .sb-container {
    grid-template-columns: 1fr !important;
    gap: .7rem !important;
  }

  html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] h2,
  html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] p,
  html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] .sb-btn {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-self: stretch !important;
  }

  html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] .sb-btn {
    width: 100% !important;
    margin-top: .35rem !important;
  }
}
/* Degero article bottom CTA final class 20260527 end */

/* Degero knowledge article template 20260527 start */
html body.page-category-kennisbank .dg-article-brief {
  padding: clamp(1.7rem, 3vw, 2.6rem) 0 0 !important;
  background: linear-gradient(180deg, #f6faf7 0%, rgba(246,250,247,0) 100%) !important;
}

html body.page-category-kennisbank .dg-article-brief__shell {
  width: min(1120px, calc(100% - 2rem)) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr) !important;
  gap: clamp(1rem, 2.8vw, 1.6rem) !important;
  align-items: stretch !important;
}

html body.page-category-kennisbank .dg-article-brief__answer,
html body.page-category-kennisbank .dg-article-brief__route,
html body.page-category-kennisbank .dg-article-brief__toc {
  border: 1px solid rgba(8,38,64,.09) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 24px 60px -44px rgba(8,38,64,.45) !important;
}

html body.page-category-kennisbank .dg-article-brief__answer {
  padding: clamp(1.15rem, 2.2vw, 1.55rem) !important;
  display: grid !important;
  gap: .9rem !important;
}

html body.page-category-kennisbank .dg-article-brief__kicker {
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  gap: .45rem !important;
  padding: .35rem .65rem !important;
  border-radius: 999px !important;
  background: rgba(34,197,94,.12) !important;
  color: #0f5132 !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

html body.page-category-kennisbank .dg-article-brief__answer p {
  margin: 0 !important;
  color: #10243a !important;
  font-size: clamp(1.02rem, 1.6vw, 1.17rem) !important;
  line-height: 1.74 !important;
}

html body.page-category-kennisbank .dg-article-brief__chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .48rem !important;
  margin: .1rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.page-category-kennisbank .dg-article-brief__chips li {
  padding: .45rem .65rem !important;
  border-radius: 999px !important;
  background: #f3f8f5 !important;
  color: #17334d !important;
  font-size: .86rem !important;
  font-weight: 750 !important;
}

html body.page-category-kennisbank .dg-article-brief__route {
  padding: clamp(1.1rem, 2vw, 1.45rem) !important;
  background: #082640 !important;
  color: #fff !important;
}

html body.page-category-kennisbank .dg-article-brief__route h2,
html body.page-category-kennisbank .dg-article-brief__toc strong {
  margin: 0 0 .85rem !important;
  color: inherit !important;
  font-size: .86rem !important;
  line-height: 1.2 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

html body.page-category-kennisbank .dg-article-brief__route ol {
  display: grid !important;
  gap: .6rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  counter-reset: route !important;
}

html body.page-category-kennisbank .dg-article-brief__route li {
  counter-increment: route !important;
  position: relative !important;
  min-height: 44px !important;
  padding: .68rem .72rem .68rem 2.5rem !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.08) !important;
  color: #edf7ff !important;
  font-size: .94rem !important;
  line-height: 1.5 !important;
}

html body.page-category-kennisbank .dg-article-brief__route li::before {
  content: counter(route) !important;
  position: absolute !important;
  left: .75rem !important;
  top: .76rem !important;
  width: 1.22rem !important;
  height: 1.22rem !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: #22c55e !important;
  color: #062114 !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
}

html body.page-category-kennisbank .dg-article-brief__toc {
  grid-column: 1 / -1 !important;
  padding: 1rem 1.1rem !important;
  background: #f8fbff !important;
}

html body.page-category-kennisbank .dg-article-brief__toc ol {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .55rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.page-category-kennisbank .dg-article-brief__toc a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: .42rem .68rem !important;
  border-radius: 999px !important;
  background: #fff !important;
  border: 1px solid rgba(8,38,64,.08) !important;
  color: #082640 !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  font-size: .9rem !important;
}

html body.page-category-kennisbank #artikel {
  padding-top: clamp(2.2rem, 4vw, 3.4rem) !important;
}

html body.page-category-kennisbank #artikel .sb-section__header h2 {
  text-align: left !important;
}

html body.page-category-kennisbank #artikel .dg-article-copy h3 {
  display: flex !important;
  align-items: center !important;
  gap: .55rem !important;
  margin-top: 1.45rem !important;
}

html body.page-category-kennisbank #artikel .dg-article-copy h3::before {
  content: "" !important;
  width: .78rem !important;
  height: .78rem !important;
  border-radius: 999px !important;
  background: #22c55e !important;
  box-shadow: 0 0 0 6px rgba(34,197,94,.13) !important;
  flex: 0 0 auto !important;
}

html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"],
html body.page-category-kennisbank main.sb-main > section.sb-cta.dg-article-bottom-cta[data-sb-section="cta"] {
  margin-top: 0 !important;
  padding: clamp(2rem, 4vw, 3.25rem) 0 !important;
  background: #082640 !important;
  background-color: #082640 !important;
  background-image: linear-gradient(135deg, rgba(34,197,94,.13), rgba(8,38,64,0) 42%), linear-gradient(180deg, #082640 0%, #061d31 100%) !important;
  color: #fff !important;
  text-align: center !important;
}

html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] > .sb-container {
  width: min(900px, calc(100% - 2rem)) !important;
  max-width: 900px !important;
  margin-inline: auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: .72rem !important;
  text-align: center !important;
}

html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] h2,
html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] p {
  margin: 0 !important;
  text-align: center !important;
  color: inherit !important;
}

html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] p {
  max-width: 62ch !important;
  color: #dce8f3 !important;
  line-height: 1.65 !important;
}

html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] .sb-btn {
  width: fit-content !important;
  min-height: 46px !important;
  margin-top: .25rem !important;
  padding: .86rem 1.35rem !important;
  border-radius: 12px !important;
  background: #22c55e !important;
  background-image: none !important;
  color: #062114 !important;
  font-weight: 850 !important;
  text-align: center !important;
  transform: none !important;
}

@media (max-width: 820px) {
  html body.page-category-kennisbank .dg-article-brief__shell {
    grid-template-columns: 1fr !important;
  }

  html body.page-category-kennisbank .dg-article-brief__toc {
    grid-column: 1 !important;
  }
}

@media (max-width: 560px) {
  html body.page-category-kennisbank .dg-article-brief {
    padding-top: 1.15rem !important;
  }

  html body.page-category-kennisbank .dg-article-brief__shell {
    width: min(100% - 1rem, 1120px) !important;
    gap: .78rem !important;
  }

  html body.page-category-kennisbank .dg-article-brief__answer,
  html body.page-category-kennisbank .dg-article-brief__route,
  html body.page-category-kennisbank .dg-article-brief__toc {
    border-radius: 14px !important;
  }

  html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] .sb-btn {
    width: 100% !important;
  }
}
/* Degero knowledge article template 20260527 end */

/* Degero kennisbank overview hero fix 20260527 start */
html body.page-category-kennisbank main#main {
  padding-top: 82px !important;
}

html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] {
  display: block !important;
  margin-top: 0 !important;
  padding: clamp(3.25rem, 5.4vw, 5.4rem) 0 clamp(3rem, 5vw, 4.8rem) !important;
  min-height: auto !important;
  background: #f8fbff !important;
  background-image: linear-gradient(135deg, #ffffff 0%, #f1f8f4 52%, #eaf4ff 100%) !important;
  color: #082640 !important;
  overflow: hidden !important;
  border-top: 1px solid rgba(8,38,64,.06) !important;
}

html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] > .sb-container {
  width: min(1180px, calc(100% - 2rem)) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.02fr) minmax(320px, .98fr) !important;
  gap: clamp(2rem, 4vw, 4rem) !important;
  align-items: center !important;
}

html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] .sb-hero__content {
  max-width: 720px !important;
  color: #082640 !important;
  text-align: left !important;
}

html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] .sb-hero__visual {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  min-height: 360px !important;
  aspect-ratio: 1.24 / 1 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(8,38,64,.12) !important;
  box-shadow: 0 36px 80px -48px rgba(8,38,64,.72) !important;
  background: #dce8f3 !important;
}

html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] .sb-hero__visual img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 360px !important;
  object-fit: cover !important;
  object-position: center !important;
}

html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] .sb-hero__visual::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(8,38,64,.02), rgba(8,38,64,.28)) !important;
}

@media (max-width: 980px) {
  html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] > .sb-container {
    grid-template-columns: 1fr !important;
  }

  html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] .sb-hero__visual {
    order: -1 !important;
    min-height: 280px !important;
    aspect-ratio: 16 / 10 !important;
  }

  html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] .sb-hero__visual img {
    min-height: 280px !important;
  }
}

@media (max-width: 640px) {
  html body.page-category-kennisbank main#main {
    padding-top: 82px !important;
  }

  html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] {
    padding: 1.65rem 0 2.25rem !important;
  }

  html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] > .sb-container {
    width: min(100% - 1rem, 1180px) !important;
    gap: 1.25rem !important;
  }

  html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] .sb-hero__visual {
    min-height: 230px !important;
    border-radius: 16px !important;
  }

  html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] .sb-hero__visual img {
    min-height: 230px !important;
  }
}
/* Degero kennisbank overview hero fix 20260527 end */

/* Degero founder profile photo 20260527 start */
html body.page-over-ons .dg-founder-profile {
  background: linear-gradient(180deg, #ffffff 0%, #f6faf7 100%) !important;
  padding: clamp(3rem, 6vw, 5rem) 0 !important;
  border-block: 1px solid rgba(8,38,64,.08) !important;
}

html body.page-over-ons .dg-founder-profile__grid {
  display: grid !important;
  grid-template-columns: minmax(280px, .86fr) minmax(0, 1.14fr) !important;
  gap: clamp(1.6rem, 4vw, 3.25rem) !important;
  align-items: center !important;
}

html body.page-over-ons .dg-founder-profile__media {
  margin: 0 !important;
  position: relative !important;
}

html body.page-over-ons .dg-founder-profile__media img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 22px !important;
  border: 1px solid rgba(8,38,64,.12) !important;
  box-shadow: 0 36px 80px -48px rgba(8,38,64,.75) !important;
  background: #eaf4ff !important;
}

html body.page-over-ons .dg-founder-profile__media figcaption {
  margin-top: .75rem !important;
  color: #30465c !important;
  font-size: .95rem !important;
  line-height: 1.5 !important;
  font-weight: 700 !important;
}

html body.page-over-ons .dg-founder-profile__content {
  max-width: 720px !important;
}

html body.page-over-ons .dg-founder-profile__content h2 {
  margin: .65rem 0 1rem !important;
  color: #082640 !important;
  font-size: clamp(2rem, 4vw, 3.2rem) !important;
  line-height: 1.06 !important;
  letter-spacing: 0 !important;
}

html body.page-over-ons .dg-founder-profile__content p {
  margin: 0 0 .95rem !important;
  color: #30465c !important;
  font-size: 1.06rem !important;
  line-height: 1.78 !important;
}

html body.page-over-ons .dg-founder-profile__facts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .75rem !important;
  margin: 1.35rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.page-over-ons .dg-founder-profile__facts li {
  padding: .95rem !important;
  border-radius: 14px !important;
  background: #fff !important;
  border: 1px solid rgba(8,38,64,.08) !important;
  box-shadow: 0 18px 46px -40px rgba(8,38,64,.42) !important;
}

html body.page-over-ons .dg-founder-profile__facts strong {
  display: block !important;
  color: #082640 !important;
  font-size: .96rem !important;
  line-height: 1.2 !important;
  margin-bottom: .3rem !important;
}

html body.page-over-ons .dg-founder-profile__facts span {
  display: block !important;
  color: #536678 !important;
  font-size: .9rem !important;
  line-height: 1.55 !important;
}

html body.page-over-ons .dg-founder-profile__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .85rem !important;
  margin-top: 1.5rem !important;
}

html body.page-over-ons .dg-founder-profile__link {
  color: #082640 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  border-bottom: 2px solid rgba(34,197,94,.45) !important;
}

html body.page-over-ons .dg-founder-profile__link:hover {
  color: #0f5132 !important;
  border-bottom-color: #08783f !important;
}

@media (max-width: 900px) {
  html body.page-over-ons .dg-founder-profile__grid {
    grid-template-columns: 1fr !important;
  }

  html body.page-over-ons .dg-founder-profile__media {
    max-width: 520px !important;
  }

  html body.page-over-ons .dg-founder-profile__facts {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  html body.page-over-ons .dg-founder-profile {
    padding: 2.3rem 0 !important;
  }

  html body.page-over-ons .dg-founder-profile__media img {
    border-radius: 16px !important;
  }

  html body.page-over-ons .dg-founder-profile__actions .sb-btn,
  html body.page-over-ons .dg-founder-profile__actions .dg-founder-profile__link {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
}
/* Degero founder profile photo 20260527 end */

/* Degero navbar light active 20260527 start */
html body nav.sb-navbar .sb-navbar__menu > li > a[aria-current="page"]:not(.sb-navbar__tel),
html body nav.sb-navbar .sb-navbar__menu > li > a.is-active:not(.sb-navbar__tel),
html body nav.sb-navbar .sb-navbar__menu > li > a.sb-navbar__link--active:not(.sb-navbar__tel) {
  padding: .58rem .9rem !important;
  margin-inline: -.9rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(34,197,94,.18) !important;
  background: rgba(34,197,94,.11) !important;
  background-color: rgba(34,197,94,.11) !important;
  background-image: none !important;
  color: #047857 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body nav.sb-navbar .sb-navbar__menu > li > a[aria-current="page"]:not(.sb-navbar__tel):hover,
html body nav.sb-navbar .sb-navbar__menu > li > a.is-active:not(.sb-navbar__tel):hover,
html body nav.sb-navbar .sb-navbar__menu > li > a.sb-navbar__link--active:not(.sb-navbar__tel):hover {
  padding: .58rem .9rem !important;
  margin-inline: -.9rem !important;
  border: 1px solid rgba(34,197,94,.18) !important;
  background: rgba(34,197,94,.11) !important;
  background-color: rgba(34,197,94,.11) !important;
  color: #047857 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body nav.sb-navbar .sb-navbar__has-submenu.is-active-section > .sb-navbar__dropdown-btn,
html body nav.sb-navbar .sb-navbar__has-submenu.is-active > .sb-navbar__dropdown-btn {
  padding: .58rem .9rem !important;
  margin-inline: -.9rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(34,197,94,.18) !important;
  background: rgba(34,197,94,.11) !important;
  background-color: rgba(34,197,94,.11) !important;
  color: #047857 !important;
  box-shadow: none !important;
  transform: none !important;
}

@media (max-width: 900px) {
  html body nav.sb-navbar .sb-navbar__menu > li > a[aria-current="page"]:not(.sb-navbar__tel),
  html body nav.sb-navbar .sb-navbar__menu > li > a.is-active:not(.sb-navbar__tel),
  html body nav.sb-navbar .sb-navbar__menu > li > a.sb-navbar__link--active:not(.sb-navbar__tel),
  html body nav.sb-navbar .sb-navbar__has-submenu.is-active-section > .sb-navbar__dropdown-btn,
  html body nav.sb-navbar .sb-navbar__has-submenu.is-active > .sb-navbar__dropdown-btn {
    width: 100% !important;
    justify-content: space-between !important;
    min-height: 46px !important;
    padding: .82rem 1rem !important;
    margin-inline: 0 !important;
    border-radius: 12px !important;
    border: 1px solid rgba(34,197,94,.18) !important;
    background: rgba(34,197,94,.11) !important;
    background-color: rgba(34,197,94,.11) !important;
    color: #047857 !important;
    box-shadow: none !important;
  }
}
/* Degero navbar light active 20260527 end */

/* Degero mobile phone link alignment 20260527 start */
@media (max-width: 900px) {
  html body nav.sb-navbar .sb-navbar__menu.sb-navbar__menu--open > li > a.sb-navbar__tel,
  html body nav.sb-navbar .sb-navbar__menu--open a.sb-navbar__tel,
  html body .sb-navbar__menu.sb-navbar__menu--open > li > a.sb-navbar__tel,
  html body .sb-navbar__menu--open a.sb-navbar__tel {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: max-content !important;
    min-height: 44px !important;
    gap: .55rem !important;
    padding: .78rem 1rem !important;
    margin: .35rem 0 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(34,197,94,.22) !important;
    background: #FFFFFF !important;
    color: #0A2540 !important;
    white-space: nowrap !important;
  }

  html body nav.sb-navbar .sb-navbar__menu.sb-navbar__menu--open > li:has(> a.sb-navbar__tel),
  html body .sb-navbar__menu.sb-navbar__menu--open > li:has(> a.sb-navbar__tel) {
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
  }

  html body nav.sb-navbar .sb-navbar__menu--open a.sb-navbar__tel svg,
  html body .sb-navbar__menu--open a.sb-navbar__tel svg {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    stroke: #22C55E !important;
  }

  html body nav.sb-navbar .sb-navbar__menu--open a.sb-navbar__tel .sb-navbar__tel-label,
  html body .sb-navbar__menu--open a.sb-navbar__tel .sb-navbar__tel-label {
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    color: #0A2540 !important;
    font-weight: 750 !important;
    line-height: 1 !important;
  }
}
/* Degero mobile phone link alignment 20260527 end */

/* Degero navbar pill spacing 20260527 start */
@media (min-width: 1024px) {
  html body nav.sb-navbar .sb-navbar__menu {
    gap: clamp(2.15rem, 2.6vw, 2.35rem) !important;
    column-gap: clamp(2.15rem, 2.6vw, 2.35rem) !important;
    row-gap: .65rem !important;
  }

  html body nav.sb-navbar .sb-navbar__menu > li {
    margin-inline: 0 !important;
  }
}
/* Degero navbar pill spacing 20260527 end */

/* Degero kennisbank explicit hero image 20260527 start */
html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] .dg-kb-hero-visual {
  display: grid !important;
  align-items: end !important;
  position: relative !important;
  isolation: isolate !important;
  min-height: clamp(360px, 32vw, 500px) !important;
  aspect-ratio: 1.28 / 1 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #dce8f3 !important;
  border: 1px solid rgba(8,38,64,.14) !important;
  box-shadow: 0 42px 92px -52px rgba(8,38,64,.78) !important;
}

html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] .dg-kb-hero-visual picture,
html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] .dg-kb-hero-visual img {
  display: block !important;
}

html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] .dg-kb-hero-visual picture {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
}

html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] .dg-kb-hero-visual img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  filter: saturate(1.04) contrast(1.03) !important;
}

html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] .dg-kb-hero-visual::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(8,38,64,0) 38%, rgba(8,38,64,.58) 100%),
    linear-gradient(135deg, rgba(34,197,94,.16), rgba(8,38,64,0) 42%) !important;
}

html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] .dg-kb-hero-caption {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 !important;
  padding: 1rem 1.1rem !important;
  color: #ffffff !important;
  font-size: .96rem !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.38) !important;
}

@media (max-width: 980px) {
  html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] .dg-kb-hero-visual {
    order: -1 !important;
    min-height: 290px !important;
    aspect-ratio: 16 / 10 !important;
  }
}

@media (max-width: 640px) {
  html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] .dg-kb-hero-visual {
    min-height: 235px !important;
    border-radius: 16px !important;
  }

  html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] .dg-kb-hero-caption {
    padding: .85rem .9rem !important;
    font-size: .88rem !important;
  }
}
/* Degero kennisbank explicit hero image 20260527 end */

/* Degero article hero links CTA chat 20260527 start */
html body.page-category-kennisbank main.sb-main > section.sb-hero[data-sb-section="hero"] .dg-article-hero-media,
html body.page-category-kennisbank main#main-content > section.sb-hero[data-sb-section="hero"] .dg-article-hero-media,
html body.page-category-kennisbank .sb-page-hero--knowledge .dg-article-hero-media {
  display: grid !important;
  align-items: end !important;
  position: relative !important;
  isolation: isolate !important;
  min-height: clamp(320px, 31vw, 470px) !important;
  aspect-ratio: 4 / 3 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  border: 1px solid rgba(8,38,64,.14) !important;
  background: #dce8f3 !important;
  box-shadow: 0 42px 92px -52px rgba(8,38,64,.78) !important;
}

html body.page-category-kennisbank .dg-article-hero-media img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  filter: saturate(1.04) contrast(1.04) !important;
}

html body.page-category-kennisbank .dg-article-hero-media::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(8,38,64,0) 35%, rgba(8,38,64,.54) 100%),
    linear-gradient(135deg, rgba(34,197,94,.16), rgba(8,38,64,0) 44%) !important;
}

html body.page-category-kennisbank .dg-article-hero-media figcaption {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 !important;
  padding: .95rem 1.05rem !important;
  color: #fff !important;
  font-size: .94rem !important;
  line-height: 1.45 !important;
  font-weight: 850 !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.38) !important;
}

html body.page-category-kennisbank .sb-page-hero--knowledge .sb-page-hero__inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr) !important;
  gap: clamp(1.6rem, 4vw, 3.6rem) !important;
  align-items: center !important;
}

html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"],
html body.page-category-kennisbank main.sb-main > section.sb-cta.dg-article-bottom-cta[data-sb-section="cta"],
html body.page-category-kennisbank main#main-content > section.dg-article-bottom-cta[data-sb-section="cta"] {
  margin-top: 0 !important;
  padding: clamp(2.4rem, 4.5vw, 3.6rem) 0 !important;
  background: #082640 !important;
  background-color: #082640 !important;
  background-image:
    radial-gradient(circle at 16% 18%, rgba(34,197,94,.18), transparent 30%),
    linear-gradient(180deg, #082640 0%, #061d31 100%) !important;
  color: #fff !important;
  border-top: 1px solid rgba(34,197,94,.22) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  text-align: center !important;
}

html body.page-category-kennisbank .dg-internal-links {
  padding: clamp(2.7rem, 5vw, 4.4rem) 0 !important;
  background: #f6faf7 !important;
  border-top: 1px solid rgba(8,38,64,.07) !important;
}

html body.page-category-kennisbank .dg-internal-links .sb-section__header {
  max-width: 820px !important;
  margin: 0 auto clamp(1.4rem, 3vw, 2.2rem) !important;
  text-align: center !important;
}

html body.page-category-kennisbank .dg-internal-links .sb-section__label {
  color: #047857 !important;
}

html body.page-category-kennisbank .dg-internal-links__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .95rem !important;
}

html body.page-category-kennisbank .dg-internal-links__card {
  display: block !important;
  height: 100% !important;
  padding: 1.05rem !important;
  border-radius: 16px !important;
  background: #fff !important;
  border: 1px solid rgba(8,38,64,.08) !important;
  box-shadow: 0 24px 54px -46px rgba(8,38,64,.45) !important;
  color: #082640 !important;
  text-decoration: none !important;
}

html body.page-category-kennisbank .dg-internal-links__card strong {
  display: block !important;
  margin-bottom: .4rem !important;
  color: #082640 !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
}

html body.page-category-kennisbank .dg-internal-links__card span {
  display: block !important;
  color: #38536a !important;
  font-size: .93rem !important;
  line-height: 1.55 !important;
}

html body.page-category-kennisbank .dg-internal-links__card:hover,
html body.page-category-kennisbank .dg-internal-links__card:focus-visible {
  transform: translateY(-2px) !important;
  border-color: rgba(34,197,94,.25) !important;
  box-shadow: 0 28px 64px -44px rgba(8,38,64,.55) !important;
}

@media (max-width: 980px) {
  html body.page-category-kennisbank .sb-page-hero--knowledge .sb-page-hero__inner {
    grid-template-columns: 1fr !important;
  }

  html body.page-category-kennisbank .sb-page-hero--knowledge .dg-article-hero-media,
  html body.page-category-kennisbank main.sb-main > section.sb-hero[data-sb-section="hero"] .dg-article-hero-media,
  html body.page-category-kennisbank main#main-content > section.sb-hero[data-sb-section="hero"] .dg-article-hero-media {
    order: -1 !important;
    min-height: 280px !important;
    aspect-ratio: 16 / 10 !important;
  }

  html body.page-category-kennisbank .dg-internal-links__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  html body.page-category-kennisbank .dg-article-hero-media {
    min-height: 230px !important;
    border-radius: 16px !important;
  }

  html body.page-category-kennisbank .dg-internal-links__grid {
    grid-template-columns: 1fr !important;
  }
}
/* Degero article hero links CTA chat 20260527 end */

/* Degero article visual uniform 20260527 start */
html body.page-category-kennisbank main.sb-main > section.sb-hero[data-sb-section="hero"] .sb-hero__visual.dg-article-hero-media,
html body.page-category-kennisbank main#main-content > section.sb-hero[data-sb-section="hero"] .sb-hero__visual.dg-article-hero-media,
html body.page-category-kennisbank main.sb-main > section.sb-hero[data-sb-section="hero"] .sb-hero__image.dg-article-hero-media,
html body.page-category-kennisbank main#main-content > section.sb-hero[data-sb-section="hero"] .sb-hero__image.dg-article-hero-media {
  display: grid !important;
  align-items: end !important;
  position: relative !important;
  isolation: isolate !important;
  min-height: clamp(320px, 31vw, 470px) !important;
  aspect-ratio: 4 / 3 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  border: 1px solid rgba(8,38,64,.14) !important;
  background: #dce8f3 !important;
  box-shadow: 0 42px 92px -52px rgba(8,38,64,.78) !important;
}

html body.page-category-kennisbank .sb-hero__visual.dg-article-hero-media > img,
html body.page-category-kennisbank .sb-hero__image.dg-article-hero-media > img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  filter: saturate(1.04) contrast(1.04) !important;
}

html body.page-category-kennisbank .sb-hero__visual.dg-article-hero-media::after,
html body.page-category-kennisbank .sb-hero__image.dg-article-hero-media::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  display: block !important;
  background:
    linear-gradient(180deg, rgba(8,38,64,0) 35%, rgba(8,38,64,.54) 100%),
    linear-gradient(135deg, rgba(34,197,94,.16), rgba(8,38,64,0) 44%) !important;
}

html body.page-category-kennisbank .sb-hero__visual.dg-article-hero-media .sb-hero__visual-card,
html body.page-category-kennisbank .sb-hero__image.dg-article-hero-media .sb-hero__visual-card {
  z-index: 2 !important;
}

@media (max-width: 980px) {
  html body.page-category-kennisbank .sb-hero__visual.dg-article-hero-media,
  html body.page-category-kennisbank .sb-hero__image.dg-article-hero-media {
    order: -1 !important;
    min-height: 280px !important;
    aspect-ratio: 16 / 10 !important;
  }
}

@media (max-width: 640px) {
  html body.page-category-kennisbank .sb-hero__visual.dg-article-hero-media,
  html body.page-category-kennisbank .sb-hero__image.dg-article-hero-media {
    min-height: 230px !important;
    border-radius: 16px !important;
  }
}
/* Degero article visual uniform 20260527 end */

/* Degero round76 readable links and kennisbank spacing start */
html body {
  --dg-link-contrast: #047857;
  --dg-link-contrast-hover: #065f46;
  --dg-card-ink: #0a2540;
  --dg-card-muted: #334155;
  --dg-orange-accessible: #047857;
}
html body main a.sb-card__link,
html body main .sb-card__link,
html body main article.sb-card > a.sb-card__link,
html body main article.sb-card > a.sb-card__link:link,
html body main article.sb-card > a.sb-card__link:visited,
html body main .sb-grid article.sb-card a.sb-card__link,
html body .sb-main .sb-grid article.sb-card a.sb-card__link,
html body .sb-kennisbank article.sb-card a.sb-card__link,
html body .sb-main > section .sb-container > .sb-grid.sb-grid--3 > article.sb-card > a.sb-card__link,
html body main .sb-container > .sb-grid.sb-grid--3 > article.sb-card > a.sb-card__link,
html body main .dg-bf-related a,
html body main .dg-topic-hub a:not(.sb-btn),
html body main .dg-resource-list a,
html body main .dg-source-list a {
  color: var(--dg-link-contrast) !important;
  text-decoration-thickness: 0.08em !important;
  text-underline-offset: 0.16em !important;
}
html body main a.sb-card__link:hover,
html body main .sb-card__link:hover,
html body main article.sb-card > a.sb-card__link:hover,
html body main .dg-bf-related a:hover,
html body main .dg-topic-hub a:not(.sb-btn):hover,
html body main .dg-resource-list a:hover,
html body main .dg-source-list a:hover {
  color: var(--dg-link-contrast-hover) !important;
  text-decoration: underline !important;
}
html body main a.sb-card.sb-card--linked,
html body main .dg-seo-links a.dg-seo-link,
html body main a.dg-seo-link {
  color: var(--dg-card-ink) !important;
  text-decoration: none !important;
}
html body main a.sb-card.sb-card--linked h3,
html body main a.sb-card.sb-card--linked .sb-card__title,
html body main a.dg-seo-link strong {
  color: var(--dg-card-ink) !important;
}
html body main a.sb-card.sb-card--linked p,
html body main a.sb-card.sb-card--linked .sb-card__text,
html body main a.dg-seo-link small {
  color: var(--dg-card-muted) !important;
}
html body main a.sb-card.sb-card--linked:hover h3,
html body main a.sb-card.sb-card--linked:hover .sb-card__title,
html body main a.dg-seo-link:hover strong {
  color: var(--dg-link-contrast-hover) !important;
}
html body main .sb-section--dark a.sb-card__link,
html body main .sb-section--dark .sb-card__link {
  color: #86efac !important;
}
@media (max-width: 767px) {
  html body.page-category-kennisbank main#main > section.sb-hero[data-sb-section="hero"] > .sb-container,
  html body.page-category-kennisbank main.sb-main > section.sb-hero[data-sb-section="hero"] > .sb-container,
  html body.page-category-kennisbank main .sb-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
/* Degero round76 readable links and kennisbank spacing end */

/* Degero GACS Scan footer app link - 2026-06-17 */
@media (min-width: 980px) {
  html body .sb-footer .sb-footer__grid,
  html body footer.sb-footer .sb-footer__grid {
    display: grid !important;
    grid-template-columns: minmax(250px, 1.15fr) minmax(145px, .72fr) minmax(250px, 1.05fr) minmax(150px, .72fr) !important;
    gap: clamp(1.5rem, 2.6vw, 2.75rem) !important;
    align-items: start !important;
  }
}

@media (min-width: 640px) and (max-width: 979px) {
  html body .sb-footer .sb-footer__grid,
  html body footer.sb-footer .sb-footer__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 2.25rem !important;
  }
}

html body .sb-footer .sb-footer__grid > *,
html body footer.sb-footer .sb-footer__grid > *,
html body .sb-footer__col,
html body footer .sb-footer__col {
  min-width: 0 !important;
}

html body .sb-footer__tag,
html body .sb-footer__contact,
html body .sb-footer__col li a {
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

html body .sb-footer__col li a,
html body footer .sb-footer__col li a {
  display: inline !important;
}

html body .dg-footer-app {
  margin-top: 1rem;
  display: grid;
  justify-items: start;
  gap: .38rem;
}

html body .dg-footer-app__link {
  display: inline-grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: .65rem;
  min-height: 44px;
  max-width: 190px;
  padding: .2rem .6rem .2rem .7rem;
  border: 0;
  border-left: 2px solid #22C55E;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #F3F8F5 !important;
  text-decoration: none !important;
  transition: border-color .18s ease, opacity .18s ease;
}

html body .dg-footer-app__link:hover {
  border-color: #86EFAC;
  background: transparent;
  opacity: .84;
  transform: none;
}

html body .dg-footer-app__link img {
  display: block !important;
  box-sizing: border-box;
  width: 22px !important;
  height: 24px !important;
  max-width: 22px !important;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  object-fit: contain;
  flex: 0 0 auto;
}

html body .dg-footer-app__link:focus-visible {
  outline: 3px solid rgba(134, 239, 172, .82);
  outline-offset: 3px;
}

html body .dg-footer-app__text {
  display: inline-flex;
  flex-direction: column;
  min-width: 0;
  gap: .1rem;
  font-size: .75rem;
  line-height: 1.2;
  color: rgba(243, 248, 245, .7);
}

html body .dg-footer-app__text strong {
  color: #FFFFFF;
  font-size: .875rem;
  line-height: 1.15;
}

html body .dg-footer-app__text span {
  color: rgba(243, 248, 245, .68);
}

/* Degero mobile compound-word containment - 2026-07-14 */
@media (max-width: 640px) {
  html body.page-category-diensten .sb-hero .sb-hero__title,
  html body.page-category-diensten .sb-hero h1.sb-hero__title,
  html body.page-category-diensten main#main.dg-diensten-page section.sb-hero h1.sb-hero__title.sb-hero__title {
    max-width: 100% !important;
    font-size: 36px !important;
    line-height: 1.08 !important;
    hyphens: none !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    text-wrap: pretty !important;
  }
}

@media (max-width: 360px) {
  html body.page-category-diensten .sb-hero .sb-hero__title,
  html body.page-category-diensten .sb-hero h1.sb-hero__title,
  html body.page-category-diensten main#main.dg-diensten-page section.sb-hero h1.sb-hero__title.sb-hero__title {
    font-size: 33px !important;
  }
}

/* Gebouwbeheersysteem knowledge hub - 2026-07-16 */
html body.page-gbs-guide {
  --dg-gbs-navy: #082640;
  --dg-gbs-green: #22C55E;
  --dg-gbs-ink: #102A3D;
  --dg-gbs-text: #40586A;
  --dg-gbs-soft: #F3F7F5;
  --dg-gbs-line: rgba(8, 38, 64, .14);
  background: #FFFFFF;
  color: var(--dg-gbs-ink);
}

html body.page-gbs-guide .dg-gbs-hero {
  position: relative;
  isolation: isolate;
  min-height: 650px;
  display: flex;
  align-items: center;
  background-color: var(--dg-gbs-navy);
  background-image: url('/images/degero/degero-hero-gbs-optimalisatie-20260527.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

html body.page-gbs-guide .dg-gbs-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(8, 38, 64, .84);
}

html body.page-gbs-guide .dg-gbs-hero__inner {
  width: 100%;
  padding-top: 88px;
  padding-bottom: 88px;
}

html body.page-gbs-guide .dg-gbs-hero__copy {
  max-width: 760px;
}

html body.page-gbs-guide main#main-content .dg-gbs-kicker {
  margin: 0 0 14px;
  color: #15803D;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: uppercase;
}

html body.page-gbs-guide .dg-gbs-hero .dg-gbs-kicker,
html body.page-gbs-guide .dg-gbs-band--dark .dg-gbs-kicker {
  color: #86EFAC;
}

html body.page-gbs-guide .dg-gbs-hero h1 {
  max-width: 12ch;
  margin: 0;
  color: #FFFFFF;
  font-size: 58px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: 0;
  text-wrap: balance;
}

html body.page-gbs-guide .dg-gbs-lead {
  max-width: 68ch;
  margin: 24px 0 0;
  color: #E2EDF4;
  font-size: 19px;
  line-height: 1.7;
}

html body.page-gbs-guide .dg-gbs-actions,
html body.page-gbs-guide .dg-gbs-dark-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

html body.page-gbs-guide .dg-gbs-actions .sb-button,
html body.page-gbs-guide .dg-gbs-dark-actions .sb-button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border: 1px solid rgba(255, 255, 255, .38);
  border-radius: 6px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
  text-decoration: none;
}

html body.page-gbs-guide .dg-gbs-actions .sb-button--primary,
html body.page-gbs-guide .dg-gbs-dark-actions .sb-button--primary {
  border-color: var(--dg-gbs-green);
  background: var(--dg-gbs-green);
  color: #062313 !important;
}

html body.page-gbs-guide .dg-gbs-actions .sb-button--secondary,
html body.page-gbs-guide .dg-gbs-dark-actions .sb-button--secondary {
  background: rgba(255, 255, 255, .08);
  color: #FFFFFF !important;
}

html body.page-gbs-guide .dg-gbs-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 650px;
  margin: 42px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid rgba(255, 255, 255, .24);
}

html body.page-gbs-guide .dg-gbs-proof > div {
  min-width: 0;
  padding-right: 18px;
}

html body.page-gbs-guide .dg-gbs-proof dt {
  color: #AFC2CF;
  font-size: 12px;
  line-height: 1.4;
}

html body.page-gbs-guide .dg-gbs-proof dd {
  margin: 4px 0 0;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
}

html body.page-gbs-guide .dg-gbs-band {
  padding: 82px 0;
  background: #FFFFFF;
}

html body.page-gbs-guide .dg-gbs-band--soft,
html body.page-gbs-guide .dg-gbs-band--answer {
  background: var(--dg-gbs-soft);
}

html body.page-gbs-guide .dg-gbs-band--answer {
  padding: 50px 0;
  border-bottom: 1px solid var(--dg-gbs-line);
}

html body.page-gbs-guide .dg-gbs-answer,
html body.page-gbs-guide .dg-gbs-author {
  display: grid;
  grid-template-columns: minmax(260px, .75fr) minmax(0, 1.25fr);
  gap: 56px;
  align-items: start;
}

html body.page-gbs-guide .dg-gbs-answer h2,
html body.page-gbs-guide .dg-gbs-author h2,
html body.page-gbs-guide .dg-gbs-heading h2,
html body.page-gbs-guide .dg-gbs-split h2 {
  margin: 0;
  color: var(--dg-gbs-navy);
  font-size: 38px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: 0;
  text-wrap: balance;
}

html body.page-gbs-guide .dg-gbs-answer > p,
html body.page-gbs-guide .dg-gbs-author > p {
  margin: 0;
  color: var(--dg-gbs-text);
  font-size: 18px;
  line-height: 1.75;
}

html body.page-gbs-guide .dg-gbs-heading {
  max-width: 790px;
  margin-bottom: 34px;
}

html body.page-gbs-guide .dg-gbs-heading > p:last-child,
html body.page-gbs-guide .dg-gbs-split > div > p {
  max-width: 68ch;
  margin: 18px 0 0;
  color: var(--dg-gbs-text);
  font-size: 17px;
  line-height: 1.72;
}

html body.page-gbs-guide .dg-gbs-grid {
  display: grid;
  gap: 18px;
}

html body.page-gbs-guide .dg-gbs-grid--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

html body.page-gbs-guide .dg-gbs-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

html body.page-gbs-guide .dg-gbs-grid article {
  min-width: 0;
  padding: 24px;
  border: 1px solid var(--dg-gbs-line);
  border-radius: 8px;
  background: #FFFFFF;
}

html body.page-gbs-guide .dg-gbs-grid article > span {
  display: block;
  margin-bottom: 18px;
  color: #15803D;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.3;
}

html body.page-gbs-guide .dg-gbs-grid h3,
html body.page-gbs-guide .dg-gbs-callout h3 {
  margin: 0;
  color: var(--dg-gbs-navy);
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 0;
}

html body.page-gbs-guide .dg-gbs-grid p {
  margin: 12px 0 0;
  color: var(--dg-gbs-text);
  font-size: 15px;
  line-height: 1.68;
}

html body.page-gbs-guide .dg-gbs-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--dg-gbs-line);
  border-radius: 8px;
  background: #FFFFFF;
}

html body.page-gbs-guide .dg-gbs-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  color: var(--dg-gbs-text);
}

html body.page-gbs-guide .dg-gbs-table th,
html body.page-gbs-guide .dg-gbs-table td {
  padding: 17px 20px;
  border-bottom: 1px solid var(--dg-gbs-line);
  text-align: left;
  vertical-align: top;
  line-height: 1.55;
}

html body.page-gbs-guide .dg-gbs-table thead th {
  background: var(--dg-gbs-navy);
  color: #FFFFFF;
  font-size: 14px;
}

html body.page-gbs-guide .dg-gbs-table tbody th {
  color: var(--dg-gbs-navy);
  font-size: 15px;
}

html body.page-gbs-guide .dg-gbs-table tbody tr:last-child th,
html body.page-gbs-guide .dg-gbs-table tbody tr:last-child td {
  border-bottom: 0;
}

html body.page-gbs-guide .dg-gbs-source {
  max-width: 78ch;
  margin: 22px 0 0;
  color: #506878;
  font-size: 14px;
  line-height: 1.65;
}

html body.page-gbs-guide .dg-gbs-source a,
html body.page-gbs-guide .dg-gbs-author a {
  color: #08783F;
  font-weight: 800;
}

html body.page-gbs-guide .dg-gbs-split {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
  gap: 64px;
  align-items: start;
}

html body.page-gbs-guide .dg-gbs-checklist {
  display: grid;
  gap: 12px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

html body.page-gbs-guide .dg-gbs-checklist li {
  position: relative;
  padding-left: 28px;
  color: var(--dg-gbs-text);
  line-height: 1.62;
}

html body.page-gbs-guide .dg-gbs-checklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .52em;
  width: 10px;
  height: 10px;
  border: 3px solid var(--dg-gbs-green);
  border-radius: 50%;
}

html body.page-gbs-guide .dg-gbs-callout {
  padding: 28px;
  border-left: 4px solid var(--dg-gbs-green);
  border-radius: 0 8px 8px 0;
  background: var(--dg-gbs-soft);
}

html body.page-gbs-guide .dg-gbs-callout__label {
  margin: 0 0 10px;
  color: #15803D;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

html body.page-gbs-guide .dg-gbs-callout ol {
  display: grid;
  gap: 9px;
  margin: 20px 0;
  padding-left: 22px;
  color: var(--dg-gbs-text);
  line-height: 1.55;
}

html body.page-gbs-guide .dg-gbs-callout a {
  color: #08783F;
  font-weight: 800;
}

html body.page-gbs-guide .dg-gbs-band--dark {
  background: var(--dg-gbs-navy);
}

html body.page-gbs-guide .dg-gbs-band--dark .dg-gbs-heading h2,
html body.page-gbs-guide .dg-gbs-band--dark .dg-gbs-heading > p:last-child {
  color: #FFFFFF;
}

html body.page-gbs-guide .dg-gbs-band--dark .dg-gbs-grid article {
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .06);
}

html body.page-gbs-guide .dg-gbs-band--dark .dg-gbs-grid article > span {
  color: #86EFAC;
}

html body.page-gbs-guide .dg-gbs-band--dark .dg-gbs-grid h3,
html body.page-gbs-guide .dg-gbs-band--dark .dg-gbs-grid p {
  color: #FFFFFF;
}

html body.page-gbs-guide .dg-gbs-faq {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

html body.page-gbs-guide .dg-gbs-faq details {
  min-width: 0;
  padding: 20px 22px;
  border: 1px solid var(--dg-gbs-line);
  border-radius: 8px;
  background: #FFFFFF;
}

html body.page-gbs-guide .dg-gbs-faq summary {
  cursor: pointer;
  color: var(--dg-gbs-navy);
  font-weight: 800;
  line-height: 1.45;
}

html body.page-gbs-guide .dg-gbs-faq details p {
  margin: 14px 0 0;
  color: var(--dg-gbs-text);
  line-height: 1.66;
}

html body.page-gbs-guide .dg-gbs-band--author {
  padding-top: 54px;
  padding-bottom: 54px;
  border-top: 1px solid var(--dg-gbs-line);
  border-bottom: 1px solid var(--dg-gbs-line);
}

html body.page-gbs-guide .dg-gbs-band--next {
  background: #FFFFFF;
}

html body.page-gbs-guide .dg-gbs-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

html body.page-gbs-guide .dg-gbs-links a {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 20px;
  border: 1px solid var(--dg-gbs-line);
  border-radius: 8px;
  background: #FFFFFF;
  color: var(--dg-gbs-navy);
  text-decoration: none;
}

html body.page-gbs-guide .dg-gbs-links a:hover {
  border-color: rgba(34, 197, 94, .72);
}

html body.page-gbs-guide .dg-gbs-links span {
  color: var(--dg-gbs-text);
  font-size: 14px;
  line-height: 1.55;
}

@media (max-width: 980px) {
  html body.page-gbs-guide .dg-gbs-grid--four,
  html body.page-gbs-guide .dg-gbs-grid--three,
  html body.page-gbs-guide .dg-gbs-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html body.page-gbs-guide .dg-gbs-split {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}

@media (max-width: 700px) {
  html body.page-gbs-guide .dg-gbs-hero {
    min-height: 620px;
    background-position: 62% center;
  }

  html body.page-gbs-guide .dg-gbs-hero::before {
    background: rgba(8, 38, 64, .88);
  }

  html body.page-gbs-guide .dg-gbs-hero__inner {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  html body.page-gbs-guide .dg-gbs-hero h1 {
    max-width: 100%;
    font-size: 42px;
    overflow-wrap: anywhere;
  }

  html body.page-gbs-guide .dg-gbs-lead {
    font-size: 17px;
    line-height: 1.62;
  }

  html body.page-gbs-guide .dg-gbs-actions .sb-button,
  html body.page-gbs-guide .dg-gbs-dark-actions .sb-button {
    width: 100%;
  }

  html body.page-gbs-guide .dg-gbs-proof {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  html body.page-gbs-guide .dg-gbs-band {
    padding: 58px 0;
  }

  html body.page-gbs-guide .dg-gbs-band--answer,
  html body.page-gbs-guide .dg-gbs-band--author {
    padding: 42px 0;
  }

  html body.page-gbs-guide .dg-gbs-answer,
  html body.page-gbs-guide .dg-gbs-author,
  html body.page-gbs-guide .dg-gbs-grid--four,
  html body.page-gbs-guide .dg-gbs-grid--three,
  html body.page-gbs-guide .dg-gbs-faq,
  html body.page-gbs-guide .dg-gbs-links {
    grid-template-columns: 1fr;
  }

  html body.page-gbs-guide .dg-gbs-answer,
  html body.page-gbs-guide .dg-gbs-author {
    gap: 20px;
  }

  html body.page-gbs-guide .dg-gbs-answer h2,
  html body.page-gbs-guide .dg-gbs-author h2,
  html body.page-gbs-guide .dg-gbs-heading h2,
  html body.page-gbs-guide .dg-gbs-split h2 {
    font-size: 31px;
  }
}

@media (max-width: 390px) {
  html body.page-gbs-guide .dg-gbs-hero h1 {
    font-size: 38px;
  }
}

/* Keep the GBS guide isolated from legacy sitewide section/hero overrides. */
html body.page-gbs-guide main#main-content.dg-gbs-guide > section.dg-gbs-hero {
  min-height: 650px !important;
  padding: 0 !important;
  background: var(--dg-gbs-navy) url('/images/degero/degero-hero-gbs-optimalisatie-20260527.webp') center / cover no-repeat !important;
}

html body.page-gbs-guide main#main-content.dg-gbs-guide > section.dg-gbs-hero::before {
  content: "" !important;
  display: block !important;
  background: rgba(8, 38, 64, .84) !important;
}

html body.page-gbs-guide main#main-content .dg-gbs-hero__inner,
html body.page-gbs-guide main#main-content .dg-gbs-hero__copy {
  background: transparent !important;
  border-color: transparent !important;
  color: #FFFFFF !important;
}

html body.page-gbs-guide .dg-gbs-hero .dg-gbs-kicker {
  color: #86EFAC !important;
}

html body.page-gbs-guide main#main-content .dg-gbs-kicker {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body.page-gbs-guide .dg-gbs-hero h1 {
  color: #FFFFFF !important;
}

html body.page-gbs-guide .dg-gbs-hero .dg-gbs-lead {
  color: #E2EDF4 !important;
}

html body.page-gbs-guide .dg-gbs-hero .dg-gbs-proof dt {
  color: #AFC2CF !important;
}

html body.page-gbs-guide .dg-gbs-hero .dg-gbs-proof dd {
  color: #FFFFFF !important;
}

html body.page-gbs-guide main#main-content .dg-gbs-actions .sb-button--primary,
html body.page-gbs-guide main#main-content .dg-gbs-dark-actions .sb-button--primary {
  color: #062313 !important;
}

html body.page-gbs-guide main#main-content .dg-gbs-actions .sb-button--secondary,
html body.page-gbs-guide main#main-content .dg-gbs-dark-actions .sb-button--secondary {
  color: #FFFFFF !important;
}

html body.page-gbs-guide main#main-content.dg-gbs-guide > section.dg-gbs-band {
  padding: 82px 0 !important;
  background: #FFFFFF !important;
}

html body.page-gbs-guide main#main-content.dg-gbs-guide > section.dg-gbs-band--soft,
html body.page-gbs-guide main#main-content.dg-gbs-guide > section.dg-gbs-band--answer {
  background: var(--dg-gbs-soft) !important;
}

html body.page-gbs-guide main#main-content.dg-gbs-guide > section.dg-gbs-band--answer {
  padding: 50px 0 !important;
}

html body.page-gbs-guide main#main-content.dg-gbs-guide > section.dg-gbs-band--dark {
  background: var(--dg-gbs-navy) !important;
}

html body.page-gbs-guide .dg-gbs-band--dark .dg-gbs-grid article {
  border-color: rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .06) !important;
}

html body.page-gbs-guide .dg-gbs-band--dark .dg-gbs-kicker,
html body.page-gbs-guide .dg-gbs-band--dark .dg-gbs-grid article > span {
  color: #86EFAC !important;
}

html body.page-gbs-guide .dg-gbs-band--dark .dg-gbs-heading h2,
html body.page-gbs-guide .dg-gbs-band--dark .dg-gbs-heading > p:last-child,
html body.page-gbs-guide .dg-gbs-band--dark .dg-gbs-grid h3,
html body.page-gbs-guide .dg-gbs-band--dark .dg-gbs-grid p {
  color: #FFFFFF !important;
}

html body.page-gbs-guide .dg-gbs-heading h2,
html body.page-gbs-guide .dg-gbs-heading > p,
html body.page-gbs-guide .dg-gbs-answer h2,
html body.page-gbs-guide .dg-gbs-answer > p,
html body.page-gbs-guide .dg-gbs-author h2,
html body.page-gbs-guide .dg-gbs-author > p {
  text-align: left !important;
}

html body.page-gbs-guide main#main-content.dg-gbs-guide > section.dg-gbs-band--author {
  padding: 54px 0 !important;
}

html body.page-gbs-guide main#main-content.dg-gbs-guide > section.dg-gbs-band--next {
  background: #FFFFFF !important;
}

@media (max-width: 700px) {
  html body.page-gbs-guide main#main-content.dg-gbs-guide > section.dg-gbs-hero {
    min-height: 620px !important;
    background-position: 62% center !important;
  }

  html body.page-gbs-guide main#main-content.dg-gbs-guide > section.dg-gbs-hero::before {
    background: rgba(8, 38, 64, .88) !important;
  }

  html body.page-gbs-guide main#main-content .dg-gbs-hero h1 {
    font-size: 42px !important;
  }

  html body.page-gbs-guide main#main-content .dg-gbs-hero__inner {
    padding-top: 110px !important;
    padding-bottom: 64px !important;
  }

  html body.page-gbs-guide main#main-content.dg-gbs-guide > section.dg-gbs-band {
    padding: 58px 0 !important;
  }

  html body.page-gbs-guide main#main-content.dg-gbs-guide > section.dg-gbs-band--answer,
  html body.page-gbs-guide main#main-content.dg-gbs-guide > section.dg-gbs-band--author {
    padding: 42px 0 !important;
  }
}

@media (max-width: 390px) {
  html body.page-gbs-guide main#main-content .dg-gbs-hero h1 {
    font-size: 34px !important;
    hyphens: auto !important;
    overflow-wrap: break-word !important;
  }
}

/* Contact location band: fast, consistent NAP information without an embed. */
html body.page-category-contact .dg-contact-coverage {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 40px;
  align-items: center;
  margin-top: 40px;
  padding: 34px 38px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
  background: #082640;
  color: #FFFFFF;
}

html body.page-category-contact .dg-contact-coverage__label {
  margin: 0 0 8px;
  color: #86EFAC;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
  text-transform: uppercase;
}

html body.page-category-contact .dg-contact-coverage h2 {
  margin: 0;
  color: #FFFFFF;
  font-size: 30px;
  line-height: 1.18;
  letter-spacing: 0;
}

html body.page-category-contact .dg-contact-coverage p:last-child {
  max-width: 68ch;
  margin: 14px 0 0;
  color: #D6E3EC;
  line-height: 1.7;
}

html body.page-category-contact .dg-contact-coverage .sb-btn {
  min-height: 48px;
  border-color: rgba(255, 255, 255, .5) !important;
  background: transparent !important;
  color: #FFFFFF !important;
  white-space: nowrap;
}

html body.page-category-contact .dg-contact-coverage .sb-btn:hover,
html body.page-category-contact .dg-contact-coverage .sb-btn:focus-visible {
  border-color: #22C55E !important;
  background: #22C55E !important;
  color: #062313 !important;
}

@media (max-width: 760px) {
  html body.page-category-contact .dg-contact-coverage {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 26px 22px;
  }

  html body.page-category-contact .dg-contact-coverage h2 {
    font-size: 26px;
  }

  html body.page-category-contact .dg-contact-coverage .sb-btn {
    width: 100%;
  }
}

/* Homepage footer and chat are the canonical site-wide components. */
html body .sb-footer,
html body footer.sb-footer,
html body footer.sb-footer.sb-footer {
  box-sizing: border-box !important;
  margin-top: 0 !important;
  padding: 64px 0 0 !important;
  background: #061A2B !important;
  color: #DBE7ED !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
}

html body .sb-footer > .sb-container,
html body footer.sb-footer > .sb-container {
  box-sizing: border-box !important;
  width: min(calc(100% - 48px), 1200px) !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0 !important;
}

html body .sb-footer .sb-footer__grid,
html body footer.sb-footer .sb-footer__grid {
  display: grid !important;
  grid-template-columns: minmax(280px, 1.5fr) repeat(3, minmax(150px, 1fr)) !important;
  gap: 42px !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html body .sb-footer .sb-footer__col,
html body footer.sb-footer .sb-footer__col {
  min-width: 0 !important;
}

html body .sb-footer a.sb-footer__brand,
html body footer.sb-footer a.sb-footer__brand {
  display: inline-flex !important;
  align-items: center !important;
  width: 190px !important;
  min-width: 0 !important;
  max-width: 190px !important;
  height: auto !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .sb-footer a.sb-footer__brand::before,
html body .sb-footer a.sb-footer__brand::after,
html body footer.sb-footer a.sb-footer__brand::before,
html body footer.sb-footer a.sb-footer__brand::after {
  content: none !important;
  display: none !important;
}

html body .sb-footer a.sb-footer__brand img,
html body footer.sb-footer a.sb-footer__brand img {
  display: block !important;
  width: 190px !important;
  max-width: 190px !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  filter: none !important;
}

html body .sb-footer .sb-footer__tag,
html body footer.sb-footer .sb-footer__tag {
  display: block !important;
  max-width: 390px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #AFC0CA !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
}

html body .sb-footer .sb-footer__contact,
html body footer.sb-footer .sb-footer__contact {
  max-width: 390px !important;
  margin: 16px 0 0 !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.65 !important;
}

html body .sb-footer .sb-footer__contact a,
html body footer.sb-footer .sb-footer__contact a {
  color: #FFFFFF !important;
  text-decoration: none !important;
}

html body .sb-footer .sb-footer__heading,
html body footer.sb-footer .sb-footer__heading {
  margin: 0 0 15px !important;
  color: #FFFFFF !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body .sb-footer .sb-footer__col ul,
html body footer.sb-footer .sb-footer__col ul {
  display: grid !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body .sb-footer .sb-footer__col li,
html body footer.sb-footer .sb-footer__col li {
  display: list-item !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

html body .sb-footer .sb-footer__col li a,
html body footer.sb-footer .sb-footer__col li a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  max-width: 100% !important;
  color: #AFC0CA !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-decoration: none !important;
}

html body .sb-footer .sb-footer__contact a:hover,
html body .sb-footer .sb-footer__col li a:hover,
html body footer.sb-footer .sb-footer__contact a:hover,
html body footer.sb-footer .sb-footer__col li a:hover {
  color: #22C55E !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

html body .sb-footer .dg-footer-app,
html body footer.sb-footer .dg-footer-app {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-items: normal !important;
  gap: 8px !important;
  margin-top: 22px !important;
}

html body .sb-footer .dg-footer-app__link,
html body footer.sb-footer .dg-footer-app__link {
  display: inline-flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  gap: 9px !important;
  width: auto !important;
  min-height: 48px !important;
  max-width: none !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, .04) !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
}

html body .sb-footer .dg-footer-app__link:hover,
html body footer.sb-footer .dg-footer-app__link:hover {
  border-color: rgba(34, 197, 94, .8) !important;
  background: rgba(255, 255, 255, .08) !important;
  opacity: 1 !important;
  transform: none !important;
}

html body .sb-footer .dg-footer-app__link img,
html body footer.sb-footer .dg-footer-app__link img {
  display: block !important;
  box-sizing: border-box !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain !important;
}

html body .sb-footer .dg-footer-app__text,
html body footer.sb-footer .dg-footer-app__text {
  display: block !important;
  min-width: 0 !important;
  color: #AFC0CA !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
}

html body .sb-footer .dg-footer-app__text strong,
html body footer.sb-footer .dg-footer-app__text strong {
  display: block !important;
  color: #FFFFFF !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

html body .sb-footer .dg-footer-app__text span,
html body footer.sb-footer .dg-footer-app__text span {
  display: block !important;
  margin-top: 2px !important;
  color: #AFC0CA !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
}

html body .sb-footer .sb-footer__bottom,
html body footer.sb-footer .sb-footer__bottom {
  margin: 42px 0 0 !important;
  padding: 22px 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .13) !important;
  text-align: left !important;
}

html body .sb-footer .sb-footer__copyright,
html body footer.sb-footer .sb-footer__copyright {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  color: #8FA3AF !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  text-align: left !important;
}

html body .sb-chat-widget {
  position: fixed !important;
  z-index: 2147483000 !important;
  inset: auto 22px 22px auto !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
  pointer-events: none !important;
}

html body .sb-chat-widget > * {
  pointer-events: auto !important;
}

html body .sb-chat-widget__trigger {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 66.4px !important;
  height: 66.4px !important;
  padding: 0 !important;
  border: 3px solid #22C55E !important;
  border-radius: 50% !important;
  background: #0A2540 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  box-shadow: 0 22px 42px -24px rgba(10, 37, 64, .88), 0 0 0 7px rgba(34, 197, 94, .12) !important;
  animation: none !important;
  cursor: pointer !important;
  transition: opacity 160ms ease, transform 160ms ease, background-color 160ms ease !important;
}

html body .sb-chat-widget__trigger:hover {
  background: #061A2B !important;
  transform: translateY(-2px) !important;
}

html body .sb-chat-widget .sb-chat-widget__window,
html body .sb-chat-widget .sb-chat-widget__window[aria-hidden="true"] {
  position: fixed !important;
  inset: auto 16px 16px auto !important;
  display: none !important;
  flex-direction: column !important;
  width: min(560px, calc(100vw - 32px)) !important;
  height: min(760px, calc(100vh - 64px)) !important;
  max-height: min(820px, calc(100vh - 64px)) !important;
  overflow: hidden !important;
  border: 1px solid rgba(10, 37, 64, .16) !important;
  border-radius: 28px !important;
  background: #FFFFFF !important;
  box-shadow: 0 44px 90px -48px rgba(10, 37, 64, .62) !important;
  pointer-events: none !important;
  transform: none !important;
}

html body .sb-chat-widget.sb-chat-widget--open .sb-chat-widget__window,
html body .sb-chat-widget .sb-chat-widget__window.sb-chat-widget__window--open,
html body .sb-chat-widget .sb-chat-widget__window[aria-hidden="false"] {
  display: flex !important;
  pointer-events: auto !important;
}

html body .sb-chat-widget__header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 18px 20px 16px !important;
  background: #0A2540 !important;
  background-image: none !important;
  color: #FFFFFF !important;
}

html body .sb-chat-widget__header * {
  color: #FFFFFF !important;
}

html body .sb-chat-widget .sb-chat-widget__header {
  min-height: 0 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
}

html body .sb-chat-widget .sb-chat-widget__header > span {
  display: block !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
}

html body .sb-chat-widget .sb-chat-widget__header .sb-chat-widget__title {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
}

html body .sb-chat-widget .sb-chat-widget__title-logo {
  display: block !important;
  width: 32px !important;
  min-width: 0 !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 0 !important;
}

html body .sb-chat-widget__close {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, .12) !important;
  color: #FFFFFF !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
}

html body .sb-chat-widget__messages {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  padding: 16px 16px 12px !important;
  background: #F3F7F4 !important;
}

html body .sb-chat-widget__message--bot {
  background: #FFFFFF !important;
  color: #0A2540 !important;
  border-color: rgba(10, 37, 64, .08) !important;
}

html body .sb-chat-widget__message--user {
  background: #0A2540 !important;
  color: #FFFFFF !important;
}

html body .sb-chat-widget__quick-btn {
  border-color: rgba(10, 37, 64, .22) !important;
  background: rgba(255, 255, 255, .96) !important;
  color: #0A2540 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  letter-spacing: 0 !important;
}

html body .sb-chat-widget__quick-btn:hover {
  border-color: #0A2540 !important;
  background: #0A2540 !important;
  color: #FFFFFF !important;
}

html body .sb-chat-widget__input {
  display: block !important;
  background: rgba(255, 255, 255, .92) !important;
}

html body .sb-chat-widget .sb-chat-widget__upload {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 62px !important;
  min-width: 0 !important;
  height: 62px !important;
  min-height: 0 !important;
  padding: 1px 6px !important;
  border-width: 1px !important;
  border-color: rgba(10, 37, 64, .18) !important;
  border-radius: 16px !important;
  background: #EEFBF2 !important;
  color: #0A2540 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: 0 !important;
}

html body .sb-chat-widget .sb-chat-widget__send {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 62px !important;
  min-width: 0 !important;
  height: 62px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 2px solid #22C55E !important;
  border-radius: 16px !important;
  background: #0A2540 !important;
  color: #FFFFFF !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: 0 !important;
}

html body .sb-chat-widget .sb-chat-widget__send:hover {
  background: #061A2B !important;
}

html body .sb-chat-widget--cta-visible:not(.sb-chat-widget--open) .sb-chat-widget__trigger,
html body .sb-chat-widget--footer-visible:not(.sb-chat-widget--open) .sb-chat-widget__trigger {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(10px) !important;
}

@media (max-width: 900px) {
  html body .sb-footer .sb-footer__grid,
  html body footer.sb-footer .sb-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  html body .sb-footer,
  html body footer.sb-footer,
  html body footer.sb-footer.sb-footer {
    padding-top: 50px !important;
  }

  html body .sb-footer > .sb-container,
  html body footer.sb-footer > .sb-container {
    width: calc(100% - 32px) !important;
  }

  html body .sb-footer .sb-footer__grid,
  html body footer.sb-footer .sb-footer__grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 36px 22px !important;
  }

  html body .sb-footer .sb-footer__grid > .sb-footer__col:first-child,
  html body footer.sb-footer .sb-footer__grid > .sb-footer__col:first-child {
    grid-column: 1 / -1 !important;
  }

  html body .sb-footer .sb-footer__col li a,
  html body footer.sb-footer .sb-footer__col li a {
    min-height: 44px !important;
  }

  html body .sb-footer .sb-footer__bottom,
  html body footer.sb-footer .sb-footer__bottom {
    padding-right: 68px !important;
  }

  html body .sb-chat-widget {
    inset: auto 16px 16px auto !important;
  }

  html body .sb-chat-widget__trigger {
    position: relative !important;
    inset: auto !important;
    width: 56px !important;
    height: 56px !important;
    box-shadow: 0 14px 30px -18px rgba(6, 26, 43, .8) !important;
  }

  html body .sb-chat-widget .sb-chat-widget__window,
  html body .sb-chat-widget .sb-chat-widget__window[aria-hidden="true"] {
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
  }

  html body .sb-chat-widget__header {
    min-height: 0 !important;
    padding: calc(18px + env(safe-area-inset-top)) 20px 16px !important;
  }

  html body .sb-chat-widget .sb-chat-widget__messages {
    padding: 16px 16px 8px !important;
  }

  html body .sb-chat-widget .sb-chat-widget__quick-replies {
    max-height: none !important;
    padding: 12px 14px 14px !important;
    overflow: visible !important;
  }

  html body .sb-chat-widget .sb-chat-widget__input {
    position: relative !important;
    bottom: auto !important;
    padding: 10px 10px max(10px, env(safe-area-inset-bottom)) !important;
    background: rgba(255, 255, 255, .98) !important;
  }

  html body .sb-chat-widget .sb-chat-widget__row {
    grid-template-columns: 54px minmax(0, 1fr) 54px !important;
    gap: 8px !important;
  }

  html body .sb-chat-widget .sb-chat-widget__upload,
  html body .sb-chat-widget .sb-chat-widget__send {
    width: 54px !important;
    height: 54px !important;
  }

  html body .sb-chat-widget .sb-chat-widget__text-input {
    width: 100% !important;
    height: 54px !important;
  }
}

/* Final sitewide contrast and readability guard - keep after legacy CSS. */
html body .sb-skip-link,
html body .sb-skip-link:focus {
  color: #ffffff !important;
  background: #0a2540 !important;
  border: 2px solid #8ee2a4 !important;
  text-shadow: none !important;
}

html body main.dg-bottom-funnel-page > section.dg-bf-hero,
html body main#main.dg-bottom-funnel-page > section.dg-bf-hero {
  background: linear-gradient(135deg, #082640 0%, #123a5a 56%, #f7faf8 56%, #f7faf8 100%) !important;
  background-color: #082640 !important;
  color: #ffffff !important;
}

html body main.dg-bottom-funnel-page > section.dg-bf-hero h1,
html body main#main.dg-bottom-funnel-page > section.dg-bf-hero h1 {
  color: #ffffff !important;
  text-shadow: none !important;
}

html body main.dg-bottom-funnel-page > section.dg-bf-hero .dg-bf-lead,
html body main#main.dg-bottom-funnel-page > section.dg-bf-hero .dg-bf-lead {
  color: #e7f0f7 !important;
  text-shadow: none !important;
}

html body main.dg-bottom-funnel-page .dg-bf-btn--primary,
html body main#main.dg-bottom-funnel-page .dg-bf-btn--primary {
  color: #0a2540 !important;
  background: #8ee2a4 !important;
  border-color: #8ee2a4 !important;
  text-shadow: none !important;
}

@media (max-width: 900px) {
  html body main.dg-bottom-funnel-page > section.dg-bf-hero,
  html body main#main.dg-bottom-funnel-page > section.dg-bf-hero {
    background: #082640 !important;
    background-color: #082640 !important;
  }
}

html body.page-category-kennisbank .dg-eeat-strip a,
html body.page-category-kennisbank .dg-eeat-strip strong a {
  color: #b9f6ca !important;
  text-decoration-color: rgba(185,246,202,.72) !important;
  text-underline-offset: 2px !important;
}

html body.page-category-kennisbank .dg-article-hero-media figcaption,
html body.page-category-kennisbank .sb-hero__image figcaption {
  color: #ffffff !important;
  background: rgba(6,29,49,.92) !important;
  text-shadow: none !important;
}

html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] .sb-text-center,
html body.page-category-kennisbank main.sb-main > section.sb-cta.dg-article-bottom-cta[data-sb-section="cta"] .sb-text-center {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: .72rem !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] h2 {
  color: #ffffff !important;
}

html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] p {
  color: #e3edf5 !important;
}

html body.page-category-kennisbank main.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] .sb-btn,
html body.page-category-kennisbank main.sb-main > section.sb-cta.dg-article-bottom-cta[data-sb-section="cta"] .sb-btn {
  color: #0a2540 !important;
  background: #8ee2a4 !important;
  background-color: #8ee2a4 !important;
  border-color: #8ee2a4 !important;
  text-shadow: none !important;
}

html body .dg-fact-box {
  color: #e3edf5 !important;
  background: #0f172a !important;
}

html body .dg-fact-box h2,
html body .dg-fact-box h3,
html body .dg-fact-box h4,
html body .dg-fact-box strong {
  color: #ffffff !important;
}

html body .dg-fact-box p,
html body .dg-fact-box li,
html body .dg-fact-box small {
  color: #dbe7f0 !important;
}

html body .dg-fact-box a {
  color: #b9f6ca !important;
}

html body .dg-fact-box .dg-route-cta a,
html body .dg-fact-box a.sb-btn {
  color: #0a2540 !important;
  background: #8ee2a4 !important;
  border-color: #8ee2a4 !important;
}

html body.page-category-kennisbank .dg-kb-cluster-card.dg-kb-cluster-card--cta {
  color: #ffffff !important;
  background: linear-gradient(135deg, #082640 0%, #12385a 100%) !important;
  background-color: #082640 !important;
  border-color: rgba(255,255,255,.12) !important;
}

html body.page-category-kennisbank .dg-kb-cluster-card--cta h2,
html body.page-category-kennisbank .dg-kb-cluster-card--cta h3,
html body.page-category-kennisbank .dg-kb-cluster-card--cta strong {
  color: #ffffff !important;
}

html body.page-category-kennisbank .dg-kb-cluster-card--cta p {
  color: #e3edf5 !important;
}

html body.page-category-kennisbank .dg-kb-cluster-card--cta a {
  color: #b9f6ca !important;
}

html body.page-readiness .rm-cta .sb-btn--ghost {
  color: #ffffff !important;
  background: transparent !important;
  border-color: rgba(255,255,255,.72) !important;
  text-shadow: none !important;
}

html body.page-readiness .rm-cta .sb-btn--ghost:hover,
html body.page-readiness .rm-cta .sb-btn--ghost:focus-visible {
  color: #0a2540 !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
}

html body.page-category-contact main a:not(.sb-btn):not(.sb-navbar__link),
html body.page-category-contact main a:not(.sb-btn):not(.sb-navbar__link):visited {
  color: #087a45 !important;
}

/* ID-scoped contrast locks beat legacy selectors with many :not() clauses. */
html body.page-category-diensten main#main-content.dg-bottom-funnel-page > section.dg-bf-hero {
  background: linear-gradient(135deg, #082640 0%, #123a5a 68%, #f7faf8 68%, #f7faf8 100%) !important;
  background-color: #082640 !important;
  color: #ffffff !important;
}

html body.page-category-diensten main#main-content.dg-bottom-funnel-page > section.dg-bf-hero > .sb-container > div:first-child {
  width: 100% !important;
  max-width: 580px !important;
}

html body.page-category-diensten main#main-content.dg-bottom-funnel-page > section.dg-bf-hero h1 {
  color: #ffffff !important;
}

html body.page-category-diensten main#main-content.dg-bottom-funnel-page > section.dg-bf-hero .dg-bf-lead {
  max-width: 540px !important;
  color: #e7f0f7 !important;
}

html body.page-category-diensten main#main-content.dg-bottom-funnel-page .dg-bf-btn.dg-bf-btn--primary {
  color: #0a2540 !important;
  background: #8ee2a4 !important;
  background-color: #8ee2a4 !important;
  border-color: #8ee2a4 !important;
}

@media (max-width: 900px) {
  html body.page-category-diensten main#main-content.dg-bottom-funnel-page > section.dg-bf-hero {
    background: #082640 !important;
    background-color: #082640 !important;
  }
}

html body.page-category-kennisbank.page-category-kennisbank main#main-content.sb-main > section.dg-eeat-strip[data-degero-eeat-article="1"] a {
  color: #b9f6ca !important;
  text-decoration-color: rgba(185,246,202,.72) !important;
}

html body.page-category-kennisbank.page-category-kennisbank main#main-content.sb-main > section.dg-article-bottom-cta[data-sb-section="cta"] .sb-btn {
  color: #0a2540 !important;
  background: #8ee2a4 !important;
  background-color: #8ee2a4 !important;
  border-color: #8ee2a4 !important;
}

html body main#main-content .dg-fact-box h2,
html body main#main-content .dg-fact-box h3,
html body main#main-content .dg-fact-box h4,
html body main#main-content .dg-fact-box strong {
  color: #ffffff !important;
}

html body main#main-content .dg-fact-box p,
html body main#main-content .dg-fact-box li,
html body main#main-content .dg-fact-box small {
  color: #dbe7f0 !important;
}

html body main#main-content .dg-fact-box a:not(.sb-btn) {
  color: #b9f6ca !important;
}

html body.page-category-kennisbank main#main-content .dg-kb-cluster-card.dg-kb-cluster-card--cta {
  color: #ffffff !important;
  background: linear-gradient(135deg, #082640 0%, #12385a 100%) !important;
  background-color: #082640 !important;
}

html body.page-category-kennisbank main#main-content .dg-kb-cluster-card--cta h2,
html body.page-category-kennisbank main#main-content .dg-kb-cluster-card--cta h3 {
  color: #ffffff !important;
}

html body.page-category-kennisbank main#main-content .dg-kb-cluster-card--cta p {
  color: #e3edf5 !important;
}

html body.page-readiness main#main-content .rm-cta .sb-btn.sb-btn--ghost {
  color: #ffffff !important;
  background: transparent !important;
  border-color: rgba(255,255,255,.72) !important;
}

/* Final service hero contrast guard - keep after all legacy page CSS. */

/* Final component locks for solid WCAG contrast on legacy templates. */
html body.page-category-pakketten main#main-content > section.sb-proof {
  color: #ffffff !important;
  background: linear-gradient(135deg, #08111f 0%, #0a2540 52%, #0f3a66 100%) !important;
  background-color: #0a2540 !important;
}

html body.page-category-pakketten main#main-content > section.sb-proof .sb-proof__stat {
  color: #ffffff !important;
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18) !important;
}

html body.page-category-pakketten main#main-content > section.sb-proof .sb-proof__num {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.page-category-pakketten main#main-content > section.sb-proof .sb-proof__label {
  color: #dbe7f0 !important;
}

html body.page-category-pakketten main#main-content > section.dg-cta-light .sb-btn.sb-btn--primary {
  color: #ffffff !important;
  background: #08783f !important;
  background-color: #08783f !important;
  border-color: #08783f !important;
  text-shadow: none !important;
}

html body.page-category-pakketten main#main-content > section.dg-cta-light .sb-btn.sb-btn--primary:hover,
html body.page-category-pakketten main#main-content > section.dg-cta-light .sb-btn.sb-btn--primary:focus-visible {
  color: #ffffff !important;
  background: #065f32 !important;
  background-color: #065f32 !important;
  border-color: #065f32 !important;
}

html body.page-category-bedrijf main#main-content .dg-reference-proof__action .sb-btn.sb-btn--ghost {
  color: #ffffff !important;
  background: transparent !important;
  border-color: rgba(255,255,255,.72) !important;
  text-shadow: none !important;
}

html body.page-category-bedrijf main#main-content .dg-reference-proof__action .sb-btn.sb-btn--ghost:hover,
html body.page-category-bedrijf main#main-content .dg-reference-proof__action .sb-btn.sb-btn--ghost:focus-visible {
  color: #0a2540 !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
}

html body.page-technisch-beheer main#main-content .tb-btn.tb-btn--primary {
  color: #ffffff !important;
  background: #08783f !important;
  border-color: #08783f !important;
  text-shadow: none !important;
}

html body.page-technisch-beheer main#main-content .tb-btn.tb-btn--primary:hover,
html body.page-technisch-beheer main#main-content .tb-btn.tb-btn--primary:focus-visible {
  color: #ffffff !important;
  background: #065f32 !important;
  border-color: #065f32 !important;
}

html body .sb-footer .dg-footer-app__text,
html body .sb-footer .dg-footer-app__text span {
  font-size: 11px !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

html body.page-gacs main#main-content .dg-gacs-tool-card > span,
html body.page-category-kennisbank main#main-content .dg-kb-cluster-card > span,
html body.page-category-contact main#main-content #projectintake .dg-intake__metrics span,
html body.page-category-diensten main#main-content .dg-energy-calc__metrics span,
html body.page-category-diensten main#main-content .dg-gbs-outcome-strip span {
  font-size: 12px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

html body.page-category-diensten main#main-content section.sb-hero .sb-hero__actions .sb-btn--ghost,
html body.page-category-diensten main#main-content section.sb-hero .sb-hero__actions a[href^="tel:"] {
  color: #0a2540 !important;
  background: rgba(255,255,255,.94) !important;
  border: 1.5px solid rgba(10,37,64,.72) !important;
  text-shadow: none !important;
}

html body.page-category-diensten main#main-content section.sb-hero .sb-hero__actions .sb-btn--ghost:hover,
html body.page-category-diensten main#main-content section.sb-hero .sb-hero__actions .sb-btn--ghost:focus-visible,
html body.page-category-diensten main#main-content section.sb-hero .sb-hero__actions a[href^="tel:"]:hover,
html body.page-category-diensten main#main-content section.sb-hero .sb-hero__actions a[href^="tel:"]:focus-visible {
  color: #ffffff !important;
  background: #0a2540 !important;
  border-color: #0a2540 !important;
}

html body.page-category-diensten main#main-content section.sb-hero .sb-hero__content h1.sb-hero__title {
  max-width: 12.5ch !important;
  margin: 0 0 24px !important;
  color: #082640 !important;
  font-size: 58px !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  text-wrap: balance !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

html body.page-category-diensten main#main-content section.sb-hero .sb-hero__content p.sb-hero__subtitle {
  max-width: 600px !important;
  margin: 0 0 28px !important;
  color: #162b3c !important;
  font-size: 20px !important;
  line-height: 1.58 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

@media (max-width: 1024px) {
  html body.page-category-diensten main#main-content section.sb-hero .sb-hero__content h1.sb-hero__title {
    max-width: 14ch !important;
    font-size: 50px !important;
  }
}

@media (max-width: 767px) {
  html body.page-category-diensten main#main-content section.sb-hero .sb-hero__content h1.sb-hero__title {
    max-width: 100% !important;
    margin-bottom: 20px !important;
    font-size: 40px !important;
    line-height: 1.1 !important;
  }

  html body.page-category-diensten main#main-content section.sb-hero .sb-hero__content p.sb-hero__subtitle {
    max-width: 100% !important;
    margin-bottom: 24px !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width: 420px) {
  html body.page-category-diensten main#main-content section.sb-hero .sb-hero__content h1.sb-hero__title {
    font-size: 34px !important;
    line-height: 1.12 !important;
  }
}

html body.page-category-diensten .sb-hero[data-sb-section="hero"],
html body.page-category-diensten main > section.sb-hero:first-of-type {
  isolation: isolate !important;
  color: #0a2540 !important;
}

html body.page-category-diensten .sb-hero[data-sb-section="hero"]::before,
html body.page-category-diensten main > section.sb-hero:first-of-type::before {
  content: "" !important;
  display: block !important;
  visibility: visible !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  opacity: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(255,255,255,.995) 0%, rgba(255,255,255,.99) 39%, rgba(248,252,249,.96) 54%, rgba(248,252,249,.72) 68%, rgba(10,37,64,.12) 100%) !important;
}

html body.page-category-diensten .sb-hero[data-sb-section="hero"]::after,
html body.page-category-diensten main > section.sb-hero:first-of-type::after {
  content: "" !important;
  display: block !important;
  visibility: visible !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  height: 92px !important;
  z-index: 1 !important;
  opacity: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(255,255,255,0), #fff) !important;
}

html body.page-category-diensten .sb-hero[data-sb-section="hero"] > .sb-container,
html body.page-category-diensten main > section.sb-hero:first-of-type > .sb-container,
html body.page-category-diensten .sb-hero .sb-hero__content {
  position: relative !important;
  z-index: 2 !important;
}

html body.page-category-diensten .sb-hero .sb-hero__content {
  width: min(680px, 100%) !important;
  max-width: 680px !important;
}

html body.page-category-diensten .sb-hero .sb-hero__eyebrow {
  color: #0a2540 !important;
  background: rgba(255,255,255,.96) !important;
  border-color: rgba(10,37,64,.22) !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
}

html body.page-category-diensten .sb-hero h1.sb-hero__title,
html body.page-category-diensten .sb-hero .sb-hero__title {
  max-width: 12.5ch !important;
  margin: 0 0 24px !important;
  color: #082640 !important;
  font-size: 58px !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  text-wrap: balance !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

html body.page-category-diensten .sb-hero .sb-hero__subtitle {
  max-width: 600px !important;
  margin: 0 0 28px !important;
  color: #162b3c !important;
  font-size: 20px !important;
  line-height: 1.58 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

@media (max-width: 1024px) {
  html body.page-category-diensten .sb-hero[data-sb-section="hero"]::before,
  html body.page-category-diensten main > section.sb-hero:first-of-type::before {
    background: linear-gradient(90deg, rgba(255,255,255,.995) 0%, rgba(255,255,255,.985) 60%, rgba(248,252,249,.86) 100%) !important;
  }

  html body.page-category-diensten .sb-hero h1.sb-hero__title,
  html body.page-category-diensten .sb-hero .sb-hero__title {
    max-width: 14ch !important;
    font-size: 50px !important;
  }
}

@media (max-width: 767px) {
  html body.page-category-diensten .sb-hero[data-sb-section="hero"],
  html body.page-category-diensten main > section.sb-hero:first-of-type {
    min-height: auto !important;
    padding: 118px 0 72px !important;
    background-position: 64% center !important;
  }

  html body.page-category-diensten .sb-hero[data-sb-section="hero"]::before,
  html body.page-category-diensten main > section.sb-hero:first-of-type::before {
    background: linear-gradient(180deg, rgba(255,255,255,.985) 0%, rgba(255,255,255,.97) 68%, rgba(248,252,249,.92) 100%) !important;
  }

  html body.page-category-diensten .sb-hero .sb-hero__content {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.page-category-diensten .sb-hero h1.sb-hero__title,
  html body.page-category-diensten .sb-hero .sb-hero__title {
    max-width: 100% !important;
    margin-bottom: 20px !important;
    font-size: 40px !important;
    line-height: 1.1 !important;
  }

  html body.page-category-diensten .sb-hero .sb-hero__subtitle {
    max-width: 100% !important;
    margin-bottom: 24px !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width: 420px) {
  html body.page-category-diensten .sb-hero h1.sb-hero__title,
  html body.page-category-diensten .sb-hero .sb-hero__title {
    font-size: 34px !important;
    line-height: 1.12 !important;
  }
}

/* Responsive UI audit — shared interaction fixes, 2026-07-23 */
html body main [class*="faq"] details > summary,
html body main .sb-faq details > summary {
  min-height: 44px !important;
}

html body main [class*="faq"] details > summary:focus-visible,
html body main .sb-faq details > summary:focus-visible {
  outline: 3px solid rgba(34, 197, 94, .5) !important;
  outline-offset: 3px !important;
}

@media (max-width: 700px) {
  html body.page-gacs main.dg-gacs2 .dg-gacs-stepnav button,
  html body.page-gacs main.dg-gacs2 .dg-gacs-feature-choice span,
  html body.page-gacs main.dg-gacs2 .dg-gacs-pill-options span,
  html body.page-gacs main.dg-gacs2 .dg-gacs-bottom-result .sb-btn {
    min-height: 44px !important;
    font-size: .8125rem !important;
    line-height: 1.25 !important;
  }

  html body.page-gacs main.dg-gacs2 .dg-gacs-bottom-result__score em {
    font-size: .75rem !important;
    line-height: 1.3 !important;
  }

  html body.page-gacs main.dg-gacs2 input[data-gacs-combo-input] {
    min-height: 48px !important;
    font-size: 16px !important;
  }
}

/* Navy route / EEAT links: mint-on-navy. Beats main a #047857. Never mint on white. */
html body.page-category-kennisbank.page-category-kennisbank main#main-content.sb-main .dg-article-brief__route a:not(.sb-btn):not(.sb-cta):not(.sb-chat-cta):not([class*="brand"]):not(.sb-navbar__link),
html body.page-category-kennisbank.page-category-kennisbank main#main-content.sb-main .dg-article-brief__route a:not(.sb-btn):not(.sb-cta):not(.sb-chat-cta):not([class*="brand"]):not(.sb-navbar__link):visited,
html body.page-category-kennisbank.page-category-kennisbank main#main-content.sb-main > section.dg-eeat-strip[data-degero-eeat-article="1"] a:not(.sb-btn):not(.sb-cta):not(.sb-chat-cta):not([class*="brand"]):not(.sb-navbar__link),
html body.page-category-kennisbank.page-category-kennisbank main#main-content.sb-main > section.dg-eeat-strip[data-degero-eeat-article="1"] a:not(.sb-btn):not(.sb-cta):not(.sb-chat-cta):not([class*="brand"]):not(.sb-navbar__link):visited {
  color: #b9f6ca !important;
  text-decoration-color: rgba(185,246,202,.72) !important;
  text-underline-offset: 2px !important;
}

html body.page-category-kennisbank.page-category-kennisbank main#main-content.sb-main .dg-article-brief__route a:not(.sb-btn):not(.sb-cta):not(.sb-chat-cta):not([class*="brand"]):not(.sb-navbar__link):hover,
html body.page-category-kennisbank.page-category-kennisbank main#main-content.sb-main .dg-article-brief__route a:not(.sb-btn):not(.sb-cta):not(.sb-chat-cta):not([class*="brand"]):not(.sb-navbar__link):focus,
html body.page-category-kennisbank.page-category-kennisbank main#main-content.sb-main .dg-article-brief__route a:not(.sb-btn):not(.sb-cta):not(.sb-chat-cta):not([class*="brand"]):not(.sb-navbar__link):focus-visible,
html body.page-category-kennisbank.page-category-kennisbank main#main-content.sb-main > section.dg-eeat-strip[data-degero-eeat-article="1"] a:not(.sb-btn):not(.sb-cta):not(.sb-chat-cta):not([class*="brand"]):not(.sb-navbar__link):hover,
html body.page-category-kennisbank.page-category-kennisbank main#main-content.sb-main > section.dg-eeat-strip[data-degero-eeat-article="1"] a:not(.sb-btn):not(.sb-cta):not(.sb-chat-cta):not([class*="brand"]):not(.sb-navbar__link):focus,
html body.page-category-kennisbank.page-category-kennisbank main#main-content.sb-main > section.dg-eeat-strip[data-degero-eeat-article="1"] a:not(.sb-btn):not(.sb-cta):not(.sb-chat-cta):not([class*="brand"]):not(.sb-navbar__link):focus-visible {
  color: #edf7ff !important;
  text-decoration-color: #edf7ff !important;
}

/* --- UI space + contrast pass 2026-08-16 --- */
html body {
  --sb-text-light: #334155;
  --sb-muted: #334155;
}

html body main :is(p, li, td, dd, figcaption, .sb-card__text, .sb-section__desc) {
  color: inherit;
}

html body main .sb-section__label,
html body main .sb-muted,
html body main .dg-kicker {
  color: #334155 !important;
}

html body main .sb-section--dark .sb-section__label,
html body main .sb-section--dark .sb-muted,
html body main .sb-cta--simple .sb-section__label,
html body main .dg-eeat-strip .sb-section__label,
html body main .dg-eeat-strip .sb-muted,
html body main [class*="--dark"] .sb-muted {
  color: #e2e8f0 !important;
}

/* Collapse vacant grid tracks: 1 item no longer leaves a blank column. */
html body main .sb-grid--2:not(:has(> :nth-child(2):not(:empty))),
html body main #artikel .sb-grid.sb-grid--2:not(:has(> :nth-child(2):not(:empty))),
html body main .sb-about--story .sb-grid--2:not(:has(> :nth-child(2):not(:empty))) {
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 48rem !important;
}

html body main .sb-grid--2 > :empty,
html body main .sb-grid--3 > :empty,
html body main .sb-grid--4 > :empty,
html body main .sb-grid > :empty {
  display: none !important;
}

html body main .sb-grid--3,
html body main .sb-grid--4 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)) !important;
}

html body main #artikel > .sb-container > .sb-section__header,
html body main #artikel .sb-section__header:has(> h2:only-child) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

html body main section:empty,
html body main .sb-container:empty,
html body main .sb-hero__visual:not(:has(img, video, picture, svg, iframe, canvas, [class*="card"])) {
  display: none !important;
}

html body main .sb-section {
  padding-block: clamp(2.25rem, 4.2vw, 4.25rem) !important;
}

html body main .sb-section.sb-hero,
html body main section.sb-hero {
  padding-block: unset !important;
}

html body .sb-hero {
  min-height: 0 !important;
}

html body main .sb-hero--split .sb-hero__visual img,
html body main .sb-hero--split .sb-hero__visual picture {
  max-height: min(520px, 70vh) !important;
  width: 100% !important;
  object-fit: cover !important;
}

html body main a:not(.sb-btn):not(.sb-navbar__link):not(.sb-navbar__tel):not([class*="brand"]) {
  text-underline-offset: 2px;
}

/* Ghost / secondary on white must stay readable */
html body main .sb-btn--ghost,
html body main .sb-hero .sb-btn--ghost,
html body main .sb-btn--secondary {
  color: #0a2540 !important;
  border-color: #0a2540 !important;
  background: #ffffff !important;
}

html body main .sb-section--dark .sb-btn--ghost,
html body main .sb-cta .sb-btn--ghost,
html body main .sb-footer .sb-btn--ghost,
html body footer .sb-btn--ghost {
  color: #f8fafc !important;
  border-color: #e2e8f0 !important;
  background: transparent !important;
}

html body main .dg-internal-links__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)) !important;
  gap: 1rem !important;
}

@media (max-width: 767px) {
  html body .sb-hero,
  html body .sb-hero--split {
    min-height: 0 !important;
  }

  html body main .sb-hero--split .sb-hero__visual {
    max-height: 280px !important;
  }

  html body main .sb-grid--2,
  html body main .sb-grid--3,
  html body main .sb-grid--4 {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* --- NAV LOCK last --- */
/* SINGLE nav stylesheet. Must load last. Neutralizes chrome/unified/home-v3/gacs-shell/fixes-v2/sitebirds. */
:root {
  --sb-navbar-height: 60px !important;
  --dg-green-soft: #eefbf2 !important;
  --dg-navy: #0a2540 !important;
}
html body nav.sb-navbar {
  min-height: 60px !important;
  height: auto !important;
  max-height: none !important;
  padding: 8px 0 !important;
  background: rgba(255,255,255,.97) !important;
  border-bottom: 1px solid rgba(10,37,64,.1) !important;
  box-shadow: none !important;
}
html body nav.sb-navbar,
html body nav.sb-navbar a,
html body nav.sb-navbar button,
html body nav.sb-navbar span,
html body nav.sb-navbar li,
html body nav.sb-navbar ul,
html body nav.sb-navbar div {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
  -webkit-font-smoothing: antialiased !important;
}
html body nav.sb-navbar a.sb-navbar__brand,
html body nav.sb-navbar a.sb-navbar__brand img {
  width: 140px !important;
  min-width: 0 !important;
  max-width: 140px !important;
  height: 44px !important;
  min-height: 0 !important;
  max-height: 44px !important;
  background: none !important;
  background-image: none !important;
}
html body nav.sb-navbar .sb-navbar__inner {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) !important;
  align-items: center !important;
  width: min(100% - 48px, 1200px) !important;
  max-width: 1200px !important;
  min-height: 44px !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  gap: 8px !important;
}
html body nav.sb-navbar .sb-navbar__menu {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  position: static !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 8px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body nav.sb-navbar .sb-navbar__menu > li { margin: 0 !important; padding: 0 !important; }
html body nav.sb-navbar .sb-navbar__menu > li > a,
html body nav.sb-navbar .sb-navbar__dropdown-btn,
html body nav.sb-navbar a.sb-navbar__link,
html body nav.sb-navbar .sb-navbar__menu a:not(.sb-navbar__tel):not(.sb-navbar__brand) {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-bottom-width: 0 !important;
  border-bottom-color: transparent !important;
  border-radius: 5px !important;
  background: transparent !important;
  color: #22313f !important;
  -webkit-text-fill-color: #22313f !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  text-decoration-color: transparent !important;
  text-transform: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
html body nav.sb-navbar .sb-navbar__menu > li > a::before,
html body nav.sb-navbar .sb-navbar__menu > li > a::after,
html body nav.sb-navbar .sb-navbar__dropdown-btn::before,
html body nav.sb-navbar .sb-navbar__dropdown-btn::after,
html body nav.sb-navbar a::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: none !important;
}
html body nav.sb-navbar .sb-navbar__menu > li > a:hover,
html body nav.sb-navbar .sb-navbar__dropdown-btn:hover,
html body nav.sb-navbar .sb-navbar__menu > li > a:focus-visible,
html body nav.sb-navbar .sb-navbar__dropdown-btn:focus-visible,
html body nav.sb-navbar .sb-navbar__menu > li > a.is-active,
html body nav.sb-navbar .sb-navbar__menu > li > a[aria-current="page"],
html body nav.sb-navbar a.is-active,
html body nav.sb-navbar a[aria-current="page"],
html body nav.sb-navbar .sb-navbar__has-submenu.is-active-section > .sb-navbar__dropdown-btn {
  color: #0a2540 !important;
  -webkit-text-fill-color: #0a2540 !important;
  background: #eefbf2 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-bottom-width: 0 !important;
  border-bottom-color: transparent !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
html body nav.sb-navbar .sb-navbar__caret {
  width: 7px !important;
  height: 7px !important;
  margin-left: 7px !important;
  border-right: 1.5px solid currentColor !important;
  border-bottom: 1.5px solid currentColor !important;
  transform: translateY(-2px) rotate(45deg) !important;
  background: none !important;
}
html body nav.sb-navbar a.sb-navbar__tel,
html body nav.sb-navbar a.sb-navbar__tel:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  margin: 0 0 0 12px !important;
  padding: 12px 16px !important;
  gap: 10px !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 5px !important;
  background: #0a2540 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
html body nav.sb-navbar a.sb-navbar__tel:hover,
html body nav.sb-navbar a.sb-navbar__tel:focus-visible {
  background: #0a2540 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-bottom: 0 !important;
  transform: none !important;
}
html body nav.sb-navbar a.sb-navbar__tel .sb-navbar__tel-label {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html body nav.sb-navbar .sb-navbar__submenu a,
html body nav.sb-navbar .sb-navbar__submenu a:hover,
html body nav.sb-navbar .sb-navbar__submenu a.is-active,
html body nav.sb-navbar .sb-navbar__submenu a[aria-current="page"] {
  border-bottom: 0 !important;
  text-decoration: none !important;
}
html body nav.sb-navbar .sb-navbar__submenu a:hover,
html body nav.sb-navbar .sb-navbar__submenu a.is-active,
html body nav.sb-navbar .sb-navbar__submenu a[aria-current="page"] {
  color: #0a2540 !important;
  background: #eefbf2 !important;
}
@media (max-width: 900px) {
  html body nav.sb-navbar .sb-navbar__inner {
    width: min(100% - 32px, 1200px) !important;
    grid-template-columns: 1fr auto !important;
  }
  html body nav.sb-navbar .sb-navbar__menu > li > a,
  html body nav.sb-navbar .sb-navbar__dropdown-btn {
    min-height: 48px !important;
    padding: 12px 14px !important;
  }
  html body nav.sb-navbar a.sb-navbar__tel { margin: 8px 0 0 !important; }
}

/* ===== FINAL LOCK 20260831-b: nav + heroes ===== */
html body nav.sb-navbar .sb-navbar__menu { gap: 18px !important; }
html body nav.sb-navbar .sb-navbar__menu > li > a,
html body nav.sb-navbar .sb-navbar__dropdown-btn,
html body nav.sb-navbar .sb-navbar__menu a:not(.sb-navbar__tel):not(.sb-navbar__brand) {
  padding: 8px 16px !important;
  background: transparent !important;
  color: #22313f !important;
  -webkit-text-fill-color: #22313f !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
html body nav.sb-navbar .sb-navbar__menu > li > a:hover,
html body nav.sb-navbar .sb-navbar__dropdown-btn:hover,
html body nav.sb-navbar .sb-navbar__menu > li > a:focus-visible,
html body nav.sb-navbar .sb-navbar__dropdown-btn:focus-visible,
html body nav.sb-navbar .sb-navbar__menu > li > a.is-active,
html body nav.sb-navbar .sb-navbar__menu > li > a[aria-current="page"],
html body nav.sb-navbar a.is-active,
html body nav.sb-navbar a[aria-current="page"],
html body nav.sb-navbar .sb-navbar__has-submenu.is-active-section > .sb-navbar__dropdown-btn,
html body nav.sb-navbar .sb-navbar__submenu a:hover,
html body nav.sb-navbar .sb-navbar__submenu a.is-active,
html body nav.sb-navbar .sb-navbar__submenu a[aria-current="page"] {
  color: #22c55e !important;
  -webkit-text-fill-color: #22c55e !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
html body nav.sb-navbar a.sb-navbar__tel:hover {
  background: #0a2540 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body .dg-uniform-hero,
html body .dg-home-hero.dg-uniform-hero,
html body .sb-hero.dg-uniform-hero,
html body .gacs-hero.dg-uniform-hero,
html body .dg-booking-hero.dg-uniform-hero,
html body.page-afspraak main.dg-booking-main .dg-booking-hero {
  height: 560px !important;
  min-height: 560px !important;
  max-height: 560px !important;
  overflow: hidden !important;
  color: #ffffff !important;
  background-color: #092d49 !important;
  background-image: linear-gradient(100deg, rgba(5,28,49,.96) 0%, rgba(7,44,66,.88) 47%, rgba(7,55,49,.61) 100%), url("/images/degero/degero-hero-home-wood-20260524.webp") !important;
  background-size: cover !important;
  background-position: center !important;
  padding: 88px 0 40px !important;
}
html body .dg-home-hero::after { display: none !important; content: none !important; }
html body .dg-uniform-hero .dg-home-hero__content,
html body .dg-uniform-hero .sb-hero__content,
html body .dg-uniform-hero .gacs-hero__inner,
html body .dg-uniform-hero .dg-booking-hero__inner,
html body .dg-uniform-hero .dg-booking-hero__inner > div,
html body .dg-uniform-hero .sb-container {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
}
html body .dg-uniform-hero .sb-hero__content,
html body .dg-uniform-hero .dg-home-hero__content {
  max-width: 760px !important;
  width: auto !important;
  padding: 0 !important;
}
html body .dg-uniform-hero h1,
html body .dg-uniform-hero h2,
html body .dg-uniform-hero .sb-hero__title,
html body .dg-uniform-hero .dg-home-hero h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: transparent !important;
  text-shadow: none !important;
}
html body .dg-uniform-hero p,
html body .dg-uniform-hero li,
html body .dg-uniform-hero .sb-hero__subtitle,
html body .dg-uniform-hero .dg-home-hero__lead,
html body .dg-uniform-hero .gacs-answer,
html body .dg-uniform-hero .dg-booking-hero__lead,
html body .dg-uniform-hero .dg-home-hero__proof strong,
html body .dg-uniform-hero .dg-home-hero__proof span {
  color: #e3eef1 !important;
  -webkit-text-fill-color: #e3eef1 !important;
  background: transparent !important;
  text-shadow: none !important;
}
html body .dg-uniform-hero .dg-kicker,
html body .dg-uniform-hero .sb-hero__eyebrow,
html body .dg-uniform-hero .gacs-kicker,
html body .dg-uniform-hero .dg-booking-kicker {
  color: #9be3b8 !important;
  -webkit-text-fill-color: #9be3b8 !important;
  background: transparent !important;
}
html body .dg-uniform-hero .dg-home-hero__proof li { border-color: rgba(255,255,255,.25) !important; }
html body .dg-uniform-hero .sb-hero__visual,
html body .dg-uniform-hero .sb-hero__image,
html body .dg-uniform-hero .sb-hero__mesh { display: none !important; }
html body .dg-uniform-hero .gacs-qtable,
html body .dg-uniform-hero .gacs-cta-row,
html body .dg-uniform-hero .gacs-note,
html body .dg-uniform-hero .gacs-cite { display: none !important; }
@media (max-width: 700px) {
  html body .dg-uniform-hero,
  html body .dg-home-hero.dg-uniform-hero,
  html body.page-afspraak main.dg-booking-main .dg-booking-hero {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 76px 16px 32px !important;
  }
}

/* ===== HOME HERO: dark like /afspraak, white text ===== */
html body .dg-home-hero,
html body .dg-home-hero.dg-uniform-hero {
  height: 560px !important;
  min-height: 560px !important;
  max-height: 560px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  color: #ffffff !important;
  background-color: #092d49 !important;
  background-image: linear-gradient(100deg, rgba(5,28,49,.96) 0%, rgba(7,44,66,.88) 47%, rgba(7,55,49,.61) 100%), url("/images/degero/degero-hero-home-wood-20260524.webp") !important;
  background-size: cover !important;
  background-position: center !important;
  padding: 88px 0 40px !important;
}
html body .dg-home-hero > .dg-uniform-overlay {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(100deg, rgba(5,28,49,.96) 0%, rgba(7,44,66,.88) 47%, rgba(7,55,49,.61) 100%) !important;
}
html body .dg-home-hero::after { display: none !important; content: none !important; }
html body .dg-home-hero .dg-home-hero__inner,
html body .dg-home-hero .dg-home-hero__content {
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
  background-color: transparent !important;
  max-width: none !important;
}
html body .dg-home-hero .dg-home-hero__content { max-width: 760px !important; }
html body .dg-home-hero h1,
html body .dg-home-hero #home-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  background-color: transparent !important;
  text-shadow: none !important;
  font-size: clamp(1.85rem, 3.6vw, 2.85rem) !important;
  line-height: 1.15 !important;
}
html body .dg-home-hero .dg-home-hero__lead,
html body .dg-home-hero p.dg-home-hero__lead {
  color: #e3eef1 !important;
  -webkit-text-fill-color: #e3eef1 !important;
  font-size: 18px !important;
}
html body .dg-home-hero .dg-kicker {
  color: #9be3b8 !important;
  -webkit-text-fill-color: #9be3b8 !important;
  background: transparent !important;
}
html body .dg-home-hero .dg-home-hero__proof { display: grid !important; }
html body .dg-home-hero .dg-home-hero__proof strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body .dg-home-hero .dg-home-hero__proof span {
  color: #c5d6dc !important;
  -webkit-text-fill-color: #c5d6dc !important;
}
html body .dg-home-hero .dg-home-hero__proof li {
  border-color: rgba(255,255,255,.25) !important;
}
html body .dg-home-hero .dg-button--secondary {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: transparent !important;
  border-color: rgba(255,255,255,.45) !important;
}
@media (max-width: 700px) {
  html body .dg-home-hero,
  html body .dg-home-hero.dg-uniform-hero {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 76px 16px 32px !important;
  }
}



/* ===== HOME HERO: transparent text box only — do not leak to cards ===== */
html body.page-home main > section.dg-home-hero .dg-home-hero__inner,
html body.page-home main > section.dg-home-hero .dg-home-hero__content {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}
html body.page-home main > section.dg-home-hero .dg-kicker,
html body.page-home main > section.dg-home-hero [class*="kicker"] {
  background: transparent !important;
  background-color: transparent !important;
  color: #9be3b8 !important;
  -webkit-text-fill-color: #9be3b8 !important;
  border: 0 !important;
}
html body.page-home main > section.dg-home-hero h1,
html body.page-home main > section.dg-home-hero #home-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body.page-home main > section.dg-home-hero .dg-home-hero__lead {
  color: #e3eef1 !important;
  -webkit-text-fill-color: #e3eef1 !important;
}
html body.page-home main > section.dg-home-hero .dg-button--secondary {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: transparent !important;
  border-color: rgba(255,255,255,.55) !important;
}

/* ===== HOME CARDS: navy text on white, never inherit hero white ===== */
html body.page-home main .dg-home-section:not(.dg-home-process) h2,
html body.page-home main .dg-home-section:not(.dg-home-process) h3,
html body.page-home main .dg-home-section:not(.dg-home-process) strong,
html body.page-home main a.dg-route,
html body.page-home main a.dg-route h3,
html body.page-home main a.dg-route .dg-route__number,
html body.page-home main a.dg-route .dg-route__link,
html body.page-home main .dg-case,
html body.page-home main .dg-case h3,
html body.page-home main .dg-case__meta,
html body.page-home main .dg-case a,
html body.page-home main .dg-start-card,
html body.page-home main .dg-start-card h3,
html body.page-home main .dg-start-card a,
html body.page-home main .dg-start-card__price,
html body.page-home main .dg-home-heading:not(.dg-home-heading--inverse) h2,
html body.page-home main .dg-home-platform__content h2,
html body.page-home main .dg-home-platform__audience strong,
html body.page-home main .dg-home-platform__audience span,
html body.page-home main .dg-home-authority__content h2,
html body.page-home main .dg-home-knowledge h2,
html body.page-home main .dg-home-knowledge h3,
html body.page-home main .dg-home-faq h2,
html body.page-home main .dg-home-faq h3,
html body.page-home main .dg-home-faq strong {
  color: #0a2540 !important;
  -webkit-text-fill-color: #0a2540 !important;
}
html body.page-home main .dg-home-section:not(.dg-home-process) p,
html body.page-home main a.dg-route p,
html body.page-home main .dg-case p,
html body.page-home main .dg-start-card p,
html body.page-home main .dg-home-heading:not(.dg-home-heading--inverse) > p:last-child,
html body.page-home main .dg-home-platform__content > p:not(.dg-kicker),
html body.page-home main .dg-home-platform__audience p,
html body.page-home main .dg-home-authority__content p,
html body.page-home main .dg-home-authority__content li {
  color: #334451 !important;
  -webkit-text-fill-color: #334451 !important;
}
html body.page-home main .dg-home-section:not(.dg-home-process) .dg-kicker,
html body.page-home main .dg-home-heading:not(.dg-home-heading--inverse) .dg-kicker {
  color: #0a2540 !important;
  -webkit-text-fill-color: #0a2540 !important;
  background: transparent !important;
  background-color: transparent !important;
}
html body.page-home main a.dg-route,
html body.page-home main .dg-case,
html body.page-home main .dg-start-card {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Inverse bands stay light-on-navy */
html body.page-home main .dg-home-process,
html body.page-home main .dg-home-process h2,
html body.page-home main .dg-home-process h3,
html body.page-home main .dg-home-process p,
html body.page-home main .dg-home-process li,
html body.page-home main .dg-home-process span,
html body.page-home main .dg-home-final,
html body.page-home main .dg-home-final h2,
html body.page-home main .dg-home-final p {
  color: #e8eff3 !important;
  -webkit-text-fill-color: #e8eff3 !important;
}
html body.page-home main .dg-home-process h2,
html body.page-home main .dg-home-final h2,
html body.page-home main .dg-home-heading--inverse h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body.page-home main .dg-home-process .dg-kicker,
html body.page-home main .dg-home-final .dg-kicker {
  color: #9be3b8 !important;
  -webkit-text-fill-color: #9be3b8 !important;
  background: transparent !important;
  background-color: transparent !important;
}