@charset "UTF-8";
/* ---------------------------------------------------------------
   1. Custom fonts: TimeBurner
      Fontbestanden: templates/yootheme_happyzorg/fonts/
   --------------------------------------------------------------- */
@font-face {
  font-family: "TimeBurner";
  src: url("../fonts/TimeBurner.ttf.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TimeBurner-Bold";
  src: url("../fonts/TimeBurner-Bold.ttf.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* ---------------------------------------------------------------
   2. Brand kleuren als CSS custom properties
   --------------------------------------------------------------- */
:root {
  --hz-blue: rgb(0, 167, 225);
  --hz-blue-light: rgba(0, 167, 225, 0.1);
  --hz-orange: rgb(230, 83, 0);
  --hz-orange-light: rgba(230, 83, 0, 0.1);
  --hz-blue-dark: rgb(0, 92, 185);
  --hz-body: rgb(112, 113, 118);
  --hz-gray: rgb(165, 166, 169);
}

.hz-blue-light {
  background-color: var(--hz-blue-light) !important;
}

.hz-orange-light {
  background-color: var(--hz-orange-light) !important;
}

.hz-blue-dark {
  background-color: var(--hz-blue-dark) !important;
}

/* ---------------------------------------------------------------
   3. Heading font — expliciete override
      @base-heading-font-family in Less wordt overschreven door de
      Customizer style-data (Primary → Inter). custom.css wordt als
      laatste geladen en wint daardoor van de gecompileerde theme.css.
   --------------------------------------------------------------- */
/* h1–h3: display font (TimeBurner-Bold) */
h1,
h2,
h3,
.h1,
.h2,
.h3,
.uk-h1,
.uk-h2,
.uk-h3,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-article-title {
  font-family: "TimeBurner-Bold", "Montserrat", sans-serif;
  font-weight: 400;
}

h1,
h2,
h3,
.h1,
.h2,
.h3,
.uk-h1,
.uk-h2,
.uk-h3,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-article-title {
  color: var(--hz-blue);
}

/* h4–h6: brand font (Montserrat) */
h4,
h5,
h6,
.h4,
.h5,
.h6,
.uk-h4,
.uk-h5,
.uk-h6 {
  font-family: "Montserrat", sans-serif;
  color: var(--hz-blue);
}

/* h1–h6: nette regelafbrekingen, geen wees-woorden op de laatste regel */
h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: pretty;
}

/* ---------------------------------------------------------------
   4. Secondary button — oranje ook in uk-light / uk-section-primary context
      theme.css overschrijft .uk-light .uk-button-secondary naar blauw (#244ba8)
      én zet een blauwe background-image gradient als hover-ripple (#009dce).
      Beide moeten worden overridden.
   --------------------------------------------------------------- */
.uk-light .uk-button-secondary,
.uk-light .btn-secondary,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary,
.uk-overlay-primary .uk-button-secondary,
.uk-offcanvas-bar .uk-button-secondary {
  background-color: var(--hz-orange) !important;
  background-image: radial-gradient(circle at 50% 100%, #dc4b0e 1%, transparent 1%) !important;
  color: #fff !important;
}

.uk-light .uk-button-secondary:hover,
.uk-light .btn-secondary:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,
.uk-overlay-primary .uk-button-secondary:hover,
.uk-offcanvas-bar .uk-button-secondary:hover {
  background-color: #dc4b0e !important;
  background-image: radial-gradient(circle at 50% 100%, #dc4b0e 1%, transparent 1%) !important;
  color: #fff !important;
}

.uk-button-white {
  background-color: #fff !important;
  background-image: radial-gradient(circle at 50% 100%, #f2f2f2 1%, transparent 1%) !important;
  color: var(--hz-blue-dark) !important;
  border: 1px solid transparent;
}

.uk-button-white:hover,
.uk-button-white:focus {
  background-color: #f2f2f2 !important;
  background-image: radial-gradient(circle at 50% 100%, #e6e6e6 1%, transparent 1%) !important;
  color: var(--hz-blue-dark) !important;
}

.uk-button-white:active,
.uk-button-white.uk-active {
  background-color: #e6e6e6 !important;
  background-image: none !important;
  color: var(--hz-blue-dark) !important;
}

/* ---------------------------------------------------------------
   5. SVG kleur-fix: Primary/Secondary in uk-light secties
      YOOtheme overschrijft naar #fff in .uk-light — herstel brand kleuren
   --------------------------------------------------------------- */
.uk-light svg.uk-text-primary,
.uk-light .uk-text-primary svg,
.uk-section-primary:not(.uk-preserve-color) svg.uk-text-primary,
.uk-section-primary:not(.uk-preserve-color) .uk-text-primary svg {
  color: var(--hz-blue) !important;
}

.uk-light svg.uk-text-secondary,
.uk-light .uk-text-secondary svg,
.uk-section-primary:not(.uk-preserve-color) svg.uk-text-secondary,
.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary svg {
  color: var(--hz-orange) !important;
}

/* ---------------------------------------------------------------
   6. Card tekst-fix in primary sections zonder preserve-color
      Houd heading in de section wit, maar maak card-content leesbaar.
   --------------------------------------------------------------- */
.uk-section-primary:not(.uk-preserve-color) .uk-card-default {
  color: var(--hz-body);
}

.uk-section-primary:not(.uk-preserve-color) .uk-card-default .el-title.uk-text-primary,
.uk-section-primary:not(.uk-preserve-color) .uk-card-default .uk-card-title.uk-text-primary {
  color: var(--hz-blue-dark) !important;
}

.uk-section-primary:not(.uk-preserve-color) .uk-card-default .el-meta.uk-text-primary,
.uk-section-primary:not(.uk-preserve-color) .uk-card-default .uk-h6.uk-text-primary {
  color: var(--hz-blue) !important;
}

.hz-text-dark-blue {
  color: var(--hz-blue-dark);
}

.zkn-widget-type-3 {
  display: flex;
  justify-content: flex-start;
}

.zkn-widget-holder {
  margin-left: 0;
  margin-right: 0;
}

.uk-text-center .zkn-widget-type-3 {
  justify-content: center;
}

.uk-text-right .zkn-widget-type-3 {
  justify-content: flex-end;
}

.uk-text-right .zkn-widget-holder {
  margin-left: auto;
}

@media (min-width: 640px) {
  .uk-text-right\@s .zkn-widget-type-3 {
    justify-content: flex-end;
  }
  .uk-text-right\@s .zkn-widget-holder {
    margin-left: auto;
  }
  footer .zkn-widget-type-3 .zkn-widget-holder,
  footer .zkn-widget-type-3 .zkn-widget-holder .zkn-widget {
    width: 300px !important;
    max-width: 300px !important;
  }
}
@media (min-width: 960px) {
  .uk-text-right\@m .zkn-widget-type-3 {
    justify-content: flex-end;
  }
  .uk-text-right\@m .zkn-widget-holder {
    margin-left: auto;
  }
}
@media (max-width: 959px) {
  footer > .uk-section + .uk-section {
    padding-top: 0;
  }
}
@media (max-width: 479px) {
  footer > .uk-section:first-child .uk-grid > div:nth-child(-n+2) h2 {
    font-size: 17px;
    line-height: 1.3;
  }
  footer > .uk-section:first-child .uk-grid > div:nth-child(-n+2) ul a {
    font-size: 14px;
  }
  footer .uk-subnav > * > a.el-link {
    font-size: 14px;
  }
}
@media (max-width: 389px) {
  footer > .uk-section:first-child .uk-grid > div:nth-child(-n+2) h2 {
    font-size: 16px;
  }
  footer > .uk-section:first-child .uk-grid > div:nth-child(-n+2) ul a {
    font-size: 13px;
  }
  footer .uk-subnav > * > a.el-link {
    font-size: 13px;
  }
}
@media (max-width: 339px) {
  footer > .uk-section:first-child .uk-grid > div:nth-child(-n+2) h2 {
    font-size: 15px;
  }
  footer > .uk-section:first-child .uk-grid > div:nth-child(-n+2) ul a {
    font-size: 12px;
  }
  footer .uk-subnav > * > a.el-link {
    font-size: 12px;
  }
}
@media (max-width: 639px) {
  footer .zkn-widget-type-3 .zkn-widget-holder {
    width: 100%;
    max-width: none;
  }
  footer .zkn-widget-type-3 .zkn-widget-holder .zkn-widget {
    width: 100% !important;
    max-width: none !important;
  }
}
a.sticky-menu-column a {
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  color: var(--hz-blue-dark);
}

.hz-bullets ul {
  list-style: none;
  padding-left: 0;
}
.hz-bullets ul > li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 6px;
}
.hz-bullets ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 15px;
  height: 15px;
  transform: translateY(-50%);
  background: url("../img/bb-12.svg") no-repeat center/contain;
}

#tm-main ul > li::marker,
#tm-main ol > li::marker {
  color: var(--hz-blue);
}

@media (min-width: 960px) and (max-width: 1199px) {
  .section-bg-circles .uk-grid {
    padding-right: 100px;
  }
  .section-bg-circles .uk-background-bottom-right {
    background-size: 200px auto;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .section-bg-circles .uk-grid {
    padding-right: 100px;
  }
  .section-bg-circles .uk-background-bottom-right {
    background-size: 200px auto;
  }
}
@media (min-width: 1600px) and (max-width: 1699px) {
  .section-bg-circles .uk-grid {
    padding-right: 100px;
  }
  .section-bg-circles .uk-background-bottom-right {
    background-size: 300px auto;
  }
}
@media (min-width: 960px) and (max-width: 1299px) {
  .tm-header .uk-navbar-nav {
    gap: 10px;
  }
  .tm-header .uk-navbar-nav > li > a {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .tm-header .uk-navbar-nav {
    gap: 20px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .tm-header .uk-navbar-dropdown .uk-visible\@l {
    display: block !important;
  }
}
.uk-input,
.uk-select,
.uk-textarea {
  border-radius: 0;
  border-color: transparent;
  color: #000;
}

form.rsform .uk-input,
form.rsform .uk-select,
form.rsform .uk-textarea {
  border-radius: 0;
  border-color: transparent;
  color: #000;
}
form.rsform .uk-input::placeholder,
form.rsform .uk-textarea::placeholder {
  color: #555;
}
form.rsform .uk-select {
  color: #555;
  border-color: transparent !important;
}
form.rsform .uk-select option[disabled] {
  display: none;
}
form.rsform .form-check-input[type=checkbox],
form.rsform .form-check-input[type=radio],
form.rsform .uk-checkbox,
form.rsform .uk-radio {
  background-color: #fff;
}
form.rsform .form-check-input[type=checkbox]:checked,
form.rsform .form-check-input[type=checkbox]:indeterminate,
form.rsform .form-check-input[type=radio]:checked,
form.rsform .uk-checkbox:checked,
form.rsform .uk-checkbox:indeterminate,
form.rsform .uk-radio:checked {
  background-color: #00a7e1;
  border-color: #00a7e1;
}
form.rsform .uk-input.uk-form-danger,
form.rsform .uk-select.uk-form-danger,
form.rsform .uk-textarea.uk-form-danger,
form.rsform .uk-input.uk-form-danger:focus,
form.rsform .uk-select.uk-form-danger:focus,
form.rsform .uk-textarea.uk-form-danger:focus {
  border-color: transparent !important;
  background-color: #fef4f6;
}
form.rsform .uk-input.uk-form-danger::placeholder,
form.rsform .uk-textarea.uk-form-danger::placeholder {
  color: #f13054;
}
form.rsform .uk-select.uk-form-danger {
  color: #f13054;
}
form.rsform label.uk-form-danger {
  color: #f13054;
}
form.rsform .uk-form-danger {
  color: #f13054;
}
form.rsform .hz-field-helptext {
  margin-bottom: 10px;
}
form.rsform .rsform-block-ik-ben fieldset {
  min-height: 40px;
}

@media (max-width: 640px) {
  .rsform-block-dob .formControls {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .rsform-block-dob select.rsform-select-box-small {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    padding-left: 10px;
    padding-right: 20px;
    font-size: 14px;
  }
  .rsform-block-dob .formValidation {
    flex-basis: 100%;
  }
}

form#formId72 .uk-form-label.formControlLabel {
  display: none;
}
form#formId72 .uk-form-horizontal .uk-form-controls {
  margin-left: 0;
}
form#formId72 .rsform-block-akkoord-privacy {
  margin-top: 55px;
}
@media (max-width: 959px) {
  form#formId72 .uk-grid > .uk-width-1-2\@m + .uk-width-1-2\@m {
    margin-top: 20px;
  }
}

/*
.rsform-type-turnstile .formControls {
    min-height: 28px;
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-bottom: 10px;
    overflow: hidden;
}

.rsform-type-turnstile iframe,
.rsform-type-turnstile .cf-turnstile,
.rsform-type-turnstile .cf-turnstile iframe {
    max-height: 60px;
    display: block;
}
    */
/*
#contactform .rsform-block-verstuur {
    .uk-form-label {
        display: none;
    }
    .uk-form-controls {
        margin-left: 0;
        text-align: center;
    }
}
*/
/*
#form-html.hz-form-visible + .uk-panel {
    margin-top: 40px !important;
}
*/
/*
#form-html {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    opacity: 0;
    margin-top: 0;
    transition:
        grid-template-rows 0.4s ease,
        opacity 0.3s ease,
        margin-top 0.4s ease;

    > form {
        min-height: 0;
        overflow: hidden;
    }

    &.hz-form-visible {
        grid-template-rows: 1fr;
        opacity: 1;
        margin-top: 2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    #form-html {
        transition: none;
    }
}
*/
/*
#contactform p:has(a[href^='tel:']) {
    font-size: 0.875rem;
    color: #767676;

    a {
        color: inherit;
    }
}
*/
/*
@keyframes hz-contact-flash {
    50% {
        background-color: #fff;
    }
}

#contactform.hz-contact-flash {
    animation: hz-contact-flash 0.5s ease-in-out 2;
}

@media (prefers-reduced-motion: reduce) {
    #contactform.hz-contact-flash {
        animation: none;
    }
}
*/
.jobs-search .uk-grid-margin {
  align-items: center;
}
@media (max-width: 959px) {
  .jobs-search {
    padding-top: 15px;
  }
}

@media (max-width: 959px) {
  .jobs-main {
    padding-top: 0;
    padding-bottom: 20px;
  }
}

.variant1 {
  margin-top: 15px;
  margin-bottom: 25px;
}
@media (max-width: 959px) {
  .variant1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

.variant1-buttons {
  gap: 10px;
}

@media (max-width: 959px) {
  .variant1 .uk-button {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 0.875rem;
    white-space: nowrap;
  }
  .variant1 ul[uk-grid] {
    align-items: center;
  }
}
#vacatures #btn_filters {
  margin-top: 0.5rem;
  color: var(--hz-blue);
  text-decoration: underline;
}
#vacatures #btn_filters:hover, #vacatures #btn_filters:focus {
  color: var(--hz-orange);
}
#vacatures #btn_filters .filter-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.4rem;
  padding: 0 0.25rem;
  border-radius: 999px;
  background-color: var(--hz-orange);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}
#vacatures .reset-filters {
  color: #cc0000;
  text-decoration: underline;
}
#vacatures .reset-filters:hover,
#vacatures .reset-filters:focus {
  color: #a30000;
  text-decoration: underline;
}
#vacatures #apply_container {
  display: none;
}
#vacatures .btn-reset {
  text-decoration: none;
}
#vacatures .active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.75rem 0;
}
#vacatures .active-filter-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.6rem;
  border-radius: 4px;
  background-color: #333;
  color: #fff;
  font-family: "Inter", "Montserrat", sans-serif;
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-decoration: none;
  line-height: 1.2;
  transition: background-color 0.15s ease;
}
#vacatures .active-filter-pill:hover, #vacatures .active-filter-pill:focus {
  background-color: #a30000;
  color: #fff;
  text-decoration: none;
}
#vacatures .active-filter-pill .pill-remove {
  font-weight: 700;
  font-size: 0.85rem;
  line-height: 1;
}
#vacatures .active-filter-pill--all {
  background-color: #cc0000;
  font-weight: 600;
}
#vacatures .active-filter-pill--all:hover, #vacatures .active-filter-pill--all:focus {
  background-color: #a30000;
}

.jobs-filters .checkbox.extra.closed,
.jobs-filters .closed {
  display: none;
}
.jobs-filters a.checkbox {
  display: block;
  text-decoration: none;
}
.jobs-filters a.checkbox:hover {
  color: var(--hz-orange);
}
.jobs-filters .show-filters {
  text-decoration: none;
  color: var(--hz-blue);
}
.jobs-filters .show-filters:hover {
  text-decoration: none;
  color: var(--hz-orange);
}
.jobs-filters .show-filters .more {
  font-weight: 300;
  font-style: italic;
  text-decoration: none;
  display: none;
  margin-top: 0.5rem;
}
.jobs-filters .show-filters:hover .more {
  text-decoration: underline;
}
.jobs-filters .show-filters .less {
  display: block;
  font-weight: 300;
  font-style: italic;
  text-decoration: none;
}
.jobs-filters .show-filters.on .more {
  display: block;
}
.jobs-filters .show-filters.on .less {
  display: none;
}

@media (max-width: 639px) {
  .jobs-search .form.uk-grid {
    margin-left: 0;
  }
  .jobs-search .form.uk-grid > .form-group:not(.form-group-radius) {
    padding-left: 0;
  }
  .jobs-search .form-group-radius,
  .jobs-search .form-group-filters {
    width: 7rem;
    flex: 0 0 7rem;
  }
  .jobs-search .form-group-zip {
    width: calc(100% - 7rem);
    flex: 0 0 calc(100% - 7rem);
  }
  .jobs-search .form-group-submit {
    width: calc(100% - 7rem);
    flex: 0 0 calc(100% - 7rem);
  }
  .jobs-search .form-group-filters #btn_filters {
    width: 100%;
  }
}
@media (max-width: 959px) {
  #vacatures #mobile_filters {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1000;
    width: 100%;
    margin: 0;
    padding-left: 0 !important;
    background-color: #ecf0f5;
    overflow-y: auto;
    padding-bottom: 6.5rem;
  }
  #vacatures .uk-grid-large > #mobile_filters {
    padding-left: 0 !important;
    border-left: 0 !important;
  }
  #vacatures .uk-grid-large > #mobile_filters::before {
    display: none !important;
  }
  #vacatures #mobile_filters header {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 0.5rem 15px 0.25rem;
    background-color: #ecf0f5;
  }
  #vacatures #mobile_filters header .mobile-reset-link {
    visibility: hidden;
  }
  #vacatures #mobile_filters header.has-active-filters .mobile-reset-link {
    visibility: visible;
  }
  #vacatures #mobile_filters header .uk-container {
    padding-left: 0;
    padding-right: 0;
  }
  #vacatures #mobile_filters .close-filters {
    width: 2rem;
    height: 2rem;
    min-height: 2rem;
  }
  #vacatures #filters {
    padding: 0.5rem 15px 7rem;
  }
  #vacatures #filters input,
  #vacatures #filters select {
    background-color: #fff;
  }
  #vacatures #filters .filter-section {
    margin-top: 1.25rem !important;
  }
  #vacatures #filters .filter-section h5 {
    margin-bottom: 0.1rem !important;
  }
  #vacatures #filters .total {
    color: #555 !important;
  }
  #vacatures #filters a.checkbox {
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
  }
  #vacatures #filters .checkbox.extra.closed {
    display: block;
  }
  #vacatures #filters .show-filters {
    display: none;
  }
  #vacatures #apply_container {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    padding: 1rem 15px calc(1rem + env(safe-area-inset-bottom));
    background-color: #ecf0f5;
    box-shadow: 0 -15px 24px -18px rgba(0, 0, 0, 0.45);
  }
  body.filters-active {
    overflow: hidden;
  }
  body.filters-active #vacatures #mobile_filters,
  body.filters-active #vacatures #apply_container {
    display: block;
  }
}
@media (min-width: 960px) and (max-width: 1399px) {
  #vacatures .jobs-main .uk-grid-large.uk-grid-divider {
    margin-left: -40px;
  }
  #vacatures .jobs-main .uk-grid-large.uk-grid-divider > * {
    padding-left: 40px;
  }
  #vacatures .jobs-main .uk-grid-large.uk-grid-divider > :not(.uk-first-column)::before {
    left: 20px;
  }
}
@media (min-width: 1400px) {
  #vacatures .jobs-main .uk-grid-large.uk-grid-divider {
    margin-left: -60px;
  }
  #vacatures .jobs-main .uk-grid-large.uk-grid-divider > * {
    padding-left: 60px;
  }
  #vacatures .jobs-main .uk-grid-large.uk-grid-divider > :not(.uk-first-column)::before {
    left: 30px;
  }
}
.jobs-grid .el-item h3 {
  transition: color 0.15s ease;
}
.jobs-grid .el-item a:hover h3 {
  color: var(--hz-orange);
}
.jobs-grid .el-item a:hover .el-link {
  background-size: 15000%;
}

.vacature-listing .item {
  border-radius: 4px;
  transition: background-color 0.15s ease;
}
@media (max-width: 959px) {
  .vacature-listing .item {
    padding: 12px;
  }
  .vacature-listing .item + .item {
    border-top: 1px solid #dbe3ea;
    margin-top: 0.35rem;
    padding-top: 0.85rem;
  }
  .vacature-listing .item h3 {
    font-size: 1.125rem;
    line-height: 1.35;
    font-weight: 600;
  }
  .vacature-listing .item .subline {
    font-size: 0.9rem;
    line-height: 1.45;
    margin-top: 0.35rem !important;
    margin-bottom: 0.5rem !important;
  }
  .vacature-listing .item .description p {
    font-size: 0.9rem;
    line-height: 1.5;
  }
  .vacature-listing .item .el-link {
    display: block;
    text-align: center;
  }
}
.vacature-listing .item .description p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.vacature-listing .item h3 {
  transition: color 0.15s ease;
}
.vacature-listing .item .el-link {
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.vacature-listing .item:hover {
  background-color: #e5f4fa;
}
.vacature-listing .item:hover h3 {
  color: var(--hz-blue-dark);
}
.vacature-listing .item:hover .el-link {
  background-color: var(--hz-orange);
  background-image: none;
  color: #fff;
  border-color: var(--hz-orange);
}
.vacature-listing.no-results {
  padding-top: 15px;
  color: var(--hz-blue-dark);
}

@media (max-width: 959px) {
  .team-services .uk-grid-margin {
    margin-top: 10px !important;
  }
  .team-services h3 {
    font-size: 18px;
    margin-top: 0 !important;
  }
  .team-services .el-image {
    width: 24px;
    height: 24px;
  }
}
.mod-hns-teams-list-compact a.item {
  display: flex;
  margin-bottom: 10px;
  transition: color 0.15s ease;
}
.mod-hns-teams-list-compact a.item:hover {
  color: #f15f22;
  text-decoration: underline;
}
.mod-hns-teams-list-compact a.item:last-child {
  margin-bottom: 0;
}
.mod-hns-teams-list-compact .items {
  column-count: 3;
  column-gap: 2.5rem;
}
.mod-hns-teams-list-compact .group {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  margin-bottom: 0.75rem;
}
@media (max-width: 1199px) {
  .mod-hns-teams-list-compact .items {
    column-count: 2;
  }
}
@media (max-width: 991px) {
  .mod-hns-teams-list-compact .items {
    column-count: 2;
  }
}
@media (max-width: 767px) {
  .mod-hns-teams-list-compact .items {
    column-count: 1;
  }
}

/*
body.home {
    .hero {
        overflow: hidden;
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            max-height: 500px;
            object-position: top left;
            transform: scale(1.5); // zoomniveau
            transform-origin: top left; // waar de zoom om draait
        }
    }
}
*/
.hz-zebra {
  border-bottom: 1px solid #eef4f8;
}
.hz-zebra.hz-zebra-first {
  border-top: 1px solid #eef4f8;
}
.hz-zebra img {
  width: 100%;
  aspect-ratio: 16/10;
  max-height: 400px;
  border: 1px solid #e5e5e5;
  border-radius: 20px;
  box-shadow: rgba(0, 92, 185, 0.12) 0px 20px 55px 0px;
}
.hz-zebra.object-fit-contain img {
  object-fit: contain;
}
.hz-zebra .uk-card-default {
  padding: 0;
  background-color: transparent;
}
.hz-zebra .read-more-btn {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding-right: 18px;
  font-weight: 400;
  font-size: 14px;
  text-transform: lowercase;
}
.hz-zebra .read-more-btn::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 10px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: translateY(-50%) rotate(0deg);
  transform-origin: 50% 50%;
  transition: transform 0.2s ease;
}
.hz-zebra .read-more-btn[aria-expanded=true]::after {
  transform: translateY(-50%) rotate(180deg);
}
.hz-zebra.hz-zebra-alt {
  background: linear-gradient(180deg, #fbfdff 0%, #f2f9fd 100%);
}

.hz-js {
  --hz-read-more-expand-duration: 0.32s;
  --hz-read-more-fade-duration: 0.32s;
  --hz-read-more-ease: cubic-bezier(0.16, 1, 0.3, 1);
}
.hz-js .hz-zebra .el-content > p:nth-of-type(n + 2),
.hz-js .hz-zebra-alt .el-content > p:nth-of-type(n + 2) {
  display: none;
}
.hz-js .hz-zebra .el-content .hz-read-more-body.hz-read-more-collapsible,
.hz-js .hz-zebra-alt .el-content .hz-read-more-body.hz-read-more-collapsible {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: none !important;
  will-change: max-height, opacity;
}
.hz-js .hz-zebra .el-content .hz-read-more-body.hz-read-more-collapsible.hz-read-more-animate,
.hz-js .hz-zebra-alt .el-content .hz-read-more-body.hz-read-more-collapsible.hz-read-more-animate {
  transition: max-height var(--hz-read-more-expand-duration) var(--hz-read-more-ease) !important, opacity var(--hz-read-more-fade-duration) var(--hz-read-more-ease) !important;
}
.hz-js .hz-zebra .el-content .hz-read-more-body.hz-read-more-collapsible.hz-read-more-expanded,
.hz-js .hz-zebra-alt .el-content .hz-read-more-body.hz-read-more-collapsible.hz-read-more-expanded {
  max-height: var(--hz-read-more-expanded-height, 420px);
  opacity: 1;
}

@media (max-width: 959px) {
  .hz-js .hz-zebra .el-content.hz-read-more-mobile-clamp > p:first-of-type,
  .hz-js .hz-zebra-alt .el-content.hz-read-more-mobile-clamp > p:first-of-type {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .hz-js .hz-zebra .el-content.hz-read-more-mobile-clamp.hz-read-more-expanded > p:first-of-type,
  .hz-js .hz-zebra-alt .el-content.hz-read-more-mobile-clamp.hz-read-more-expanded > p:first-of-type {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hz-js .hz-zebra .el-content .hz-read-more-body.hz-read-more-collapsible.hz-read-more-animate,
  .hz-js .hz-zebra-alt .el-content .hz-read-more-body.hz-read-more-collapsible.hz-read-more-animate {
    transition: none !important;
  }
}
.services .uk-card {
  background-color: #fff;
}
.services .el-item {
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  box-shadow: rgba(0, 92, 185, 0.12) 0 20px 55px 0;
}
.services .el-link {
  position: absolute;
  bottom: 15px;
  right: 20px;
}
.services .uk-card-media-top img.el-image {
  aspect-ratio: 3/2;
  width: 100%;
  height: auto;
  object-fit: cover;
}

body.home .services .el-title {
  text-align: center;
}

@media (max-width: 640px) {
  .services .el-item {
    border-radius: 10px;
    overflow: hidden;
    border: none;
    background-color: var(--hz-blue);
    padding: 10px;
  }
  .services .el-item:hover {
    background-color: var(--hz-orange);
    color: #fff;
  }
  .services .uk-card {
    background-color: transparent;
  }
  .services .uk-card-body {
    padding: 0;
  }
  .services .el-title {
    text-align: center;
    color: #fff !important;
  }
  .services .uk-card-media-top {
    display: none;
  }
  .services .el-content {
    display: none;
  }
  .services .uk-grid-margin {
    margin-top: 10px;
  }
}
.hz-hero-layout-a .hz-col-1 {
  margin-right: -40px !important;
}
.hz-hero-layout-a .hz-col-2 {
  padding-top: 80px !important;
  padding-bottom: 60px !important;
}

.hz-team-hero .hz-col-1 {
  padding-top: 80px !important;
  padding-bottom: 60px !important;
}
.hz-team-hero .hz-col-2 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 959px) {
  .hz-hero-layout-a .hz-col-1 {
    aspect-ratio: 2/1;
    margin-right: auto !important;
  }
  .hz-hero-layout-a .hz-col-2 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .hz-team-hero .hz-col-1 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .hz-team-hero .hz-col-2 {
    aspect-ratio: 2/1;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media (min-width: 960px) {
  .hz-hero-layout-a {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 959px) {
  body.vacature .hz-hero-layout-a .hz-col-1 {
    aspect-ratio: 4/3;
  }
}
@media (max-width: 640px) {
  body.vacature .hz-hero-layout-a .hz-col-1 {
    aspect-ratio: 5/4;
  }
}
/* Layout A: breadcrumb floating above the hero without pushing the image down */
:root {
  --hz-bc-top: 20px;
  --hz-bc-safe-space: 60px;
  --hz-breadcrumbs-margin-bottom: 0;
}

#tm-main {
  position: relative;
}

body.vacatures nav.uk-margin-medium-bottom {
  margin: 0 !important;
}

.hz-breadcrumbs {
  margin-bottom: var(--hz-breadcrumbs-margin-bottom) !important;
}

.uk-section.hz-bc-floating {
  position: absolute;
  top: var(--hz-bc-top);
  left: 0;
  width: 100%;
  z-index: 20;
  background: transparent;
}

.uk-section.hz-bc-floating nav[aria-label=Breadcrumb] {
  position: static;
}

@media (max-width: 959px) {
  .uk-section.hz-bc-floating {
    position: static;
    top: auto;
    width: auto;
  }
}
@media (min-width: 960px) {
  .uk-section.hz-bc-floating {
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .usps img {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 640px) {
  .usps img {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 640px) {
  .featured-tzo .uk-margin-medium-top:has(.el-link) {
    display: none;
  }
}
.hz-vacancy-facts {
  width: 100%;
  margin: 20px 0 22px;
  border-collapse: collapse;
}
.hz-vacancy-facts th,
.hz-vacancy-facts td {
  padding: 7px 0;
  border-bottom: 1px solid #dde3e8;
  vertical-align: middle;
  text-align: left;
}
.hz-vacancy-facts tr:first-child th,
.hz-vacancy-facts tr:first-child td {
  border-top: 1px solid #dde3e8;
}
.hz-vacancy-facts th {
  width: 190px;
  padding-right: 12px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--hz-blue);
}
.hz-vacancy-facts td {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  color: #444;
}
.hz-vacancy-facts .hz-fact-icon {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  vertical-align: -4px;
  fill: none;
  stroke: var(--hz-blue);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 639px) {
  .hz-vacancy-facts th {
    width: 130px;
    padding-right: 8px;
    font-size: 10.5px;
    letter-spacing: 0.06em;
  }
  .hz-vacancy-facts td {
    font-size: 13.5px;
  }
  .hz-vacancy-facts .hz-fact-icon {
    margin-right: 8px;
  }
}
.hz-vacancy-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 22px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #444;
}
.hz-vacancy-meta > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.hz-vacancy-meta .hz-fact-icon {
  flex: none;
  width: 17px;
  height: 17px;
  fill: none;
  stroke: var(--hz-blue);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 639px) {
  .hz-vacancy-meta {
    gap: 4px 16px;
    font-size: 13px;
  }
  .hz-vacancy-meta .salary {
    flex-basis: 100%;
  }
}
.hz-intro-clamp {
  --hz-intro-clamp-lines: 5;
}

.hz-hero-layout-a {
  --hz-hero-max-height: 480px;
}
.hz-hero-layout-a .hz-intro-clamp {
  --hz-intro-clamp-lines: 8;
}

body.itemid-161 .hz-hero-layout-a .hz-read-more {
  --hz-hero-max-height: 580px;
}

.hz-js {
  --hz-read-more-expand-duration: 0.32s;
  --hz-read-more-ease: cubic-bezier(0.16, 1, 0.3, 1);
}
.hz-js .hz-intro-clamp.hz-intro-clamped {
  max-height: var(--hz-intro-clamp-height);
  overflow: hidden;
}
.hz-js .hz-intro-clamp.hz-intro-clamped.hz-intro-animate {
  transition: max-height var(--hz-read-more-expand-duration) var(--hz-read-more-ease);
}
.hz-js .hz-intro-clamp.hz-intro-clamped.hz-intro-expanded {
  max-height: var(--hz-intro-full-height);
}
.hz-js .hz-intro-clamp.hz-intro-clamped.hz-intro-clip {
  clip-path: var(--hz-intro-clip, none);
}
.hz-js .hz-intro-clamp + .read-more-btn {
  display: inline-flex;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
  padding-right: 18px;
  font-weight: 400;
  font-size: 14px;
  text-transform: lowercase;
}
.hz-js .hz-intro-clamp + .read-more-btn[hidden] {
  display: none;
}
.hz-js .hz-intro-clamp + .read-more-btn::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 10px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: translateY(-50%) rotate(0deg);
  transform-origin: 50% 50%;
  transition: transform 0.2s ease;
}
.hz-js .hz-intro-clamp + .read-more-btn[aria-expanded=true]::after {
  transform: translateY(-50%) rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  .hz-js .hz-intro-clamp.hz-intro-clamped.hz-intro-animate {
    transition: none;
  }
}
main img.el-image:not(.hz-hero-layout-a *, .hz-team-hero *, .uk-card *, .services *, .hz-zebra *, .hz-zebra-alt *, [src*=logo], [src$=".svg"]) {
  border-radius: 20px;
}

main .uk-inline-clip.uk-border-rounded:not(.hz-hero-layout-a *, .hz-team-hero *, .uk-card *, .services *, .hz-zebra *, .hz-zebra-alt *) {
  border-radius: 20px;
}

@media (max-width: 640px) {
  main img.el-image:not(.hz-hero-layout-a *, .hz-team-hero *, .uk-card *, .services *, .hz-zebra *, .hz-zebra-alt *, [src*=logo], [src$=".svg"]),
  main .uk-inline-clip.uk-border-rounded:not(.hz-hero-layout-a *, .hz-team-hero *, .uk-card *, .services *, .hz-zebra *, .hz-zebra-alt *) {
    border-radius: 10px;
  }
}