:root, [data-bs-theme=light] {
    --fn-primary: #d85151;
    --fn-secondary: #6c727f;
    --fn-success: #33b36b;
    --fn-info: #3d7a81;
    --fn-warning: #fc9231;
    --fn-danger: #f03d3d;
    --fn-light: #fff;
    --fn-dark: #1d2735;
    --fn-primary-rgb: 216, 81, 81;
    --fn-secondary-rgb: 108, 114, 127;
    --fn-success-rgb: 51, 179, 107;
    --fn-info-rgb: 61, 122, 129;
    --fn-warning-rgb: 252, 146, 49;
    --fn-danger-rgb: 240, 61, 61;
    --fn-light-rgb: 255, 255, 255;
    --fn-dark-rgb: 29, 39, 53;
    --fn-primary-text-emphasis: #c92d2d;
    --fn-secondary-text-emphasis: #333d4c;
    --fn-success-text-emphasis: #288b53;
    --fn-info-text-emphasis: #2d595e;
    --fn-warning-text-emphasis: #f67804;
    --fn-danger-text-emphasis: #e81212;
    --fn-light-text-emphasis: #333d4c;
    --fn-dark-text-emphasis: #111827;
    --fn-primary-bg-subtle: #fbeeee;
    --fn-secondary-bg-subtle: #eef1f6;
    --fn-success-bg-subtle: #ebf7f0;
    --fn-info-bg-subtle: #ecf2f2;
    --fn-warning-bg-subtle: #fff4ea;
    --fn-danger-bg-subtle: #feecec;
    --fn-light-bg-subtle: #fff;
    --fn-dark-bg-subtle: #edeeef;
    --fn-primary-border-subtle: #f7dcdc;
    --fn-secondary-border-subtle: #e0e5eb;
    --fn-success-border-subtle: #d6f0e1;
    --fn-info-border-subtle: #d8e4e6;
    --fn-warning-border-subtle: #fee9d6;
    --fn-danger-border-subtle: #fcd8d8;
    --fn-light-border-subtle: #eef1f6;
    --fn-dark-border-subtle: #e0e5eb;
    --fn-white-rgb: 255, 255, 255;
    --fn-black-rgb: 0, 0, 0;
    --fn-font-sans-serif: "Inter", sans-serif;
    --fn-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --fn-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
    --fn-root-font-size: 1rem;
    --fn-body-font-family: var(--fn-font-sans-serif);
    --fn-body-font-size: 1rem;
    --fn-body-font-weight: 400;
    --fn-body-line-height: 1.5;
    --fn-body-color: #4e5562;
    --fn-body-color-rgb: 78, 85, 98;
    --fn-body-bg: #fff;
    --fn-body-bg-rgb: 255, 255, 255;
    --fn-emphasis-color: #1d2735;
    --fn-emphasis-color-rgb: 29, 39, 53;
    --fn-secondary-color: #6c727f;
    --fn-secondary-color-rgb: 108, 114, 127;
    --fn-secondary-bg: #eef1f6;
    --fn-secondary-bg-rgb: 238, 241, 246;
    --fn-tertiary-color: #9ca3af;
    --fn-tertiary-color-rgb: 156, 163, 175;
    --fn-tertiary-bg: #f5f7fa;
    --fn-tertiary-bg-rgb: 245, 247, 250;
    --fn-heading-color: #111827;
    --fn-link-color: #d85151;
    --fn-link-color-rgb: 216, 81, 81;
    --fn-link-decoration: underline;
    --fn-link-hover-color: #d85151;
    --fn-link-hover-color-rgb: 216, 81, 81;
    --fn-link-hover-decoration: none;
    --fn-code-color: #d63384;
    --fn-highlight-color: #4e5562;
    --fn-highlight-bg: #fff3cd;
    --fn-border-width: 1px;
    --fn-border-style: solid;
    --fn-border-color: #e0e5eb;
    --fn-border-color-translucent: rgba(0, 0, 0, .1);
    --fn-border-radius: 0.5rem;
    --fn-border-radius-sm: calc(var(--fn-border-radius)* 0.75);
    --fn-border-radius-lg: calc(var(--fn-border-radius)* 1.5);
    --fn-border-radius-xl: calc(var(--fn-border-radius)* 2);
    --fn-border-radius-xxl: calc(var(--fn-border-radius)* 2.5);
    --fn-border-radius-2xl: var(--fn-border-radius-xxl);
    --fn-border-radius-pill: 50rem;
    --fn-box-shadow: 0 0.5rem 2rem -0.25rem hsla(216, 9%, 44%, .1);
    --fn-box-shadow-sm: 0 0.375rem 1.5rem hsla(216, 9%, 44%, .06);
    --fn-box-shadow-lg: 0 1.125rem 3rem -0.375rem hsla(216, 9%, 44%, .12);
    --fn-box-shadow-inset: unset;
    --fn-focus-ring-width: 0.25rem;
    --fn-focus-ring-opacity: 0.1;
    --fn-focus-ring-color: rgba(17, 24, 39, .1);
    --fn-form-valid-color: #33b36b;
    --fn-form-valid-border-color: #33b36b;
    --fn-form-invalid-color: #f03d3d;
    --fn-form-invalid-border-color: #f03d3d;
}

.animate-shake:hover .animate-target, .animate-shake:focus-visible .animate-target {
   animation: shake 0.8s;
}
 @keyframes shake {
   0% {
     transform: scale3d(1, 1, 1);
  }
   20% {
     transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -5deg);
  }
   50%, 70%, 90% {
     transform: scale3d(1.25, 1.25, 1.25) rotate3d(0, 0, 1, 5deg);
  }
   60%, 80% {
     transform: scale3d(1.25, 1.25, 1.25) rotate3d(0, 0, 1, -5deg);
  }
   100% {
     transform: scale3d(1, 1, 1);
  }
}
 .animate-pulse:hover .animate-target, .animate-pulse:focus-visible .animate-target {
   animation: pulse 0.9s;
}
 @keyframes pulse {
   0% {
     transform: scale(1);
  }
   14% {
     transform: scale(1.25);
  }
   28% {
     transform: scale(1);
  }
   42% {
     transform: scale(1.25);
  }
   70% {
     transform: scale(1);
  }
}
 .animate-rotate:hover .animate-target, .animate-rotate:focus-visible .animate-target {
   animation: rotate 0.45s ease-in-out;
}
 @keyframes rotate {
   from {
     transform: rotate(0);
  }
   to {
     transform: rotate(360deg);
  }
}
 .animate-scale:hover .animate-target, .animate-scale:focus-visible .animate-target {
   animation: scale 0.35s ease-in-out;
}
 @keyframes scale {
   0% {
     transform: scale3d(1, 1, 1);
  }
   50% {
     transform: scale3d(1.2, 1.2, 1.2);
  }
   100% {
     transform: scale3d(1, 1, 1);
  }
}
 .animate-slide-end {
   overflow: hidden;
}
 .animate-slide-end:hover .animate-target, .animate-slide-end:focus-visible .animate-target {
   animation: slide-end 0.3s forwards;
}
 .animate-slide-start {
   overflow: hidden;
}
 .animate-slide-start:hover .animate-target, .animate-slide-start:focus-visible .animate-target {
   animation: slide-start 0.3s forwards;
}
 .animate-slide-up {
   overflow: hidden;
}
 .animate-slide-up:hover .animate-target, .animate-slide-up:focus-visible .animate-target {
   animation: slide-up 0.3s forwards;
}
 .animate-slide-down {
   overflow: hidden;
}
 .animate-slide-down:hover .animate-target, .animate-slide-down:focus-visible .animate-target {
   animation: slide-down 0.3s forwards;
}
 @keyframes slide-end {
   49% {
     transform: translate(100%);
  }
   50% {
     opacity: 0;
     transform: translate(-100%);
  }
   51% {
     opacity: 1;
  }
}
 @keyframes slide-start {
   49% {
     transform: translate(-100%);
  }
   50% {
     opacity: 0;
     transform: translate(100%);
  }
   51% {
     opacity: 1;
  }
}
 @keyframes slide-up {
   49% {
     transform: translateY(-100%);
  }
   50% {
     opacity: 0;
     transform: translateY(100%);
  }
   51% {
     opacity: 1;
  }
}
 @keyframes slide-down {
   49% {
     transform: translateY(100%);
  }
   50% {
     opacity: 0;
     transform: translateY(-100%);
  }
   51% {
     opacity: 1;
  }
}
 .animate-blinking {
   animation: blinking 1s infinite;
}
 @keyframes blinking {
   from {
     opacity: 0;
  }
}
 .animate-shake .animate-target::after, .animate-pulse .animate-target::after, .animate-rotate .animate-target::after, .animate-scale .animate-target::after, .animate-slide-end .animate-target::after, .animate-slide-start .animate-target::after, .animate-slide-up .animate-target::after, .animate-slide-down .animate-target::after {
   display: none;
}
 .animate-up-down {
   animation: move-up-down 5s linear infinite;
}
 @keyframes move-up-down {
   0%, 100% {
     transform: translateY(0);
  }
   50% {
     transform: translateY(-1rem);
  }
}
 .animate-down-up {
   animation: move-down-up 5s linear infinite;
}
 @keyframes move-down-up {
   0%, 100% {
     transform: translateY(0);
  }
   50% {
     transform: translateY(1rem);
  }
}
 .animate-spin {
   animation: spin 10s linear infinite;
}
 @keyframes spin {
   0% {
     transform: rotate(0deg);
  }
   50% {
     transform: rotate(180deg);
  }
   100% {
     transform: rotate(360deg);
  }
}
 .animate-blink {
   animation: blink 1.75s linear infinite;
}
 @keyframes blink {
   0% {
     opacity: 0;
  }
   50% {
     opacity: 1;
  }
   100% {
     opacity: 0;
  }
}
 @keyframes fade-in {
   from {
     opacity: 0;
  }
   to {
     opacity: 1;
  }
}
 @keyframes fade-up {
   from {
     opacity: 0;
     transform: translateY(0.5rem);
  }
   to {
     opacity: 1;
     transform: translateY(0);
  }
}
 .hover-effect-scale {
   --fn-transition-duration: 0.35s;
   --fn-transform-scale: 1.06;
}
 .hover-effect-scale .hover-effect-target {
   transition: transform var(--fn-transition-duration) ease-in-out;
}
 .hover-effect-scale:hover .hover-effect-target, .hover-effect-scale:focus-visible .hover-effect-target, .hover-effect-scale:focus-within .hover-effect-target {
   transform: scale(var(--fn-transform-scale));
}
 .hover-effect-opacity {
   --fn-transition-duration: 0.25s;
}
 .hover-effect-opacity .hover-effect-target {
   transition: visibility var(--fn-transition-duration) ease-in-out, opacity var(--fn-transition-duration) ease-in-out;
}
 .hover-effect-opacity:hover .hover-effect-target.opacity-0, .hover-effect-opacity:focus-visible .hover-effect-target.opacity-0, .hover-effect-opacity:focus-within .hover-effect-target.opacity-0 {
   visibility: visible !important;
   opacity: 1 !important;
}
 .hover-effect-opacity:hover .hover-effect-target.opacity-100, .hover-effect-opacity:focus-visible .hover-effect-target.opacity-100, .hover-effect-opacity:focus-within .hover-effect-target.opacity-100 {
   visibility: hidden !important;
   opacity: 0 !important;
}
 .hover-effect-scale.hover-effect-opacity .hover-effect-target {
   transition: all var(--fn-transition-duration) ease-in-out;
}
 .hover-effect-underline:hover {
   text-decoration: underline !important;
   text-decoration-thickness: var(--fn-border-width) !important;
}
 
.ratio {
  position: relative;
  width: 100%;
}

.ratio::before {
  display: block;
  padding-top: var(--fn-aspect-ratio);
  content: "";
}

.ratio  > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: var(--fn-heading-color);
    text-decoration: none;
}
.h4, .h5, .h6, h4, h5, h6 {
    line-height: 1.35;
}
a, button {
    text-underline-offset: .25em;
}
html * {
    -webkit-font-smoothing: antialiased;
}
.h4, .h5, .h6, h4, h5, h6 {
    line-height: 1.35;
}
.h5, h5 {
    font-size: 1.25rem;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--fn-heading-color);
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1rem;
    margin-top: 0;
}
.h3, h3 {
    line-height: 1.3;
}
@media (min-width: 1200px) {
    .h3, h3 {
        font-size: 1.75rem;
    }
}
.h3, h3 {
    font-size: calc(1.3rem + .6vw);
}

.card {
    --fn-card-spacer-y: 1.5rem;
    --fn-card-spacer-x: 1.5rem;
    --fn-card-title-spacer-y: 0.75rem;
    --fn-card-title-color: var(--fn-heading-color);
    --fn-card-subtitle-color: ;
    --fn-card-border-width: var(--fn-border-width);
    --fn-card-border-color: var(--fn-border-color-translucent);
    --fn-card-border-radius: var(--fn-border-radius);
    --fn-card-box-shadow: ;
    --fn-card-inner-border-radius: calc(var(--fn-border-radius) - var(--fn-border-width));
    --fn-card-cap-padding-y: 0.75rem;
    --fn-card-cap-padding-x: 1.5rem;
    --fn-card-cap-bg: rgba(var(--fn-body-color-rgb), 0.03);
    --fn-card-cap-color: ;
    --fn-card-height: ;
    --fn-card-color: ;
    --fn-card-bg: var(--fn-body-bg);
    --fn-card-img-overlay-padding: 1.5rem;
    --fn-card-group-margin: 0.75rem;
    color: var(--fn-body-color);
    display: flex;
    flex-direction: column;
    height: var(--fn-card-height);
    min-width: 0;
    position: relative;
    word-wrap: break-word;
    background-clip: border-box;
    background-color: var(--fn-card-bg);
    border: var(--fn-card-border-width) solid var(--fn-card-border-color);
    border-radius: var(--fn-card-border-radius);
    box-shadow: var(--fn-card-box-shadow);
}
.fs-sm {
    font-size: .875rem !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}

.text-bg-success{
  color:white !important;
  background-color:#009900 !important;
}
.zkbkAccTextAanbieding{
  color:#009900;
}