/* Sticky onderdelen die vanuit de beheerinstellingen per apparaat aan/uit staan. */
.site-header,
.site-header .site-logo img,
.site-header #navToggle {
  transition: height .2s ease, width .2s ease, max-height .2s ease;
}

@media (min-width: 769px) {
  body.svcms-sticky-header-desktop {
    height: auto !important;
    min-height: 100vh;
  }

  body.svcms-sticky-header-desktop > .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1030;
  }

  body.svcms-sticky-header-desktop.svcms-article-tools-docked > .site-header {
    height: 76px !important;
  }

  body.svcms-sticky-header-desktop.svcms-article-tools-docked > .site-header .site-logo img {
    width: auto !important;
    height: 56px !important;
    max-height: 56px !important;
  }

  body:not(.svcms-sticky-header-desktop) > .site-header {
    position: relative !important;
    top: auto !important;
  }
}

@media (max-width: 768px) {
  body.svcms-sticky-header-mobile {
    height: auto !important;
    min-height: 100vh;
  }

  body.svcms-sticky-header-mobile > .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1030;
  }

  body.svcms-sticky-header-mobile.svcms-article-tools-docked > .site-header {
    height: 64px !important;
  }

  body.svcms-sticky-header-mobile.svcms-article-tools-docked > .site-header .site-logo img {
    width: auto !important;
    height: 46px !important;
    max-height: 46px !important;
  }

  body.svcms-sticky-header-mobile.svcms-article-tools-docked > .site-header #navToggle {
    width: 42px !important;
    height: 42px !important;
  }

  body:not(.svcms-sticky-header-mobile) > .site-header {
    position: relative !important;
    top: auto !important;
  }
}