@font-face{font-family:'Waakveld Display';src:url('assets/fonts/barlow-latin-600-normal.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:'Waakveld Display';src:url('assets/fonts/barlow-latin-700-normal.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:'Waakveld Body';src:url('assets/fonts/source-sans-3-latin-wght-normal.woff2') format('woff2-variations');font-style:normal;font-weight:200 900;font-display:swap}
.msm-beveiligingsbedrijf-inschakelen{box-sizing:border-box;color:var(--m-ink,#f4f5f1);background:var(--m-bg,#111416);font-family:var(--m-font-body,'Waakveld Body',sans-serif);font-size:17px;line-height:1.65;scroll-margin-top:115px}.msm-beveiligingsbedrijf-inschakelen *{box-sizing:border-box}.msm-beveiligingsbedrijf-inschakelen [hidden]{display:none!important}.msm-beveiligingsbedrijf-inschakelen :is(h1,h2,h3,p,figure){margin:0}.msm-beveiligingsbedrijf-inschakelen :is(h1,h2,h3){font-family:var(--m-font-display,'Waakveld Display',sans-serif);line-height:1.06;text-wrap:balance}.msm-beveiligingsbedrijf-inschakelen h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.035em}.msm-beveiligingsbedrijf-inschakelen p{max-width:62ch}.msm-beveiligingsbedrijf-inschakelen a{color:inherit;text-underline-offset:5px}.msm-beveiligingsbedrijf-inschakelen button{font:inherit;cursor:pointer}.msm-beveiligingsbedrijf-inschakelen :is(a,button,input,select):focus-visible{outline:3px solid var(--m-primary,#f04b3e);outline-offset:5px}.msm-beveiligingsbedrijf-inschakelen .wk-wrap{width:min(1180px,calc(100% - 48px));margin:auto}.msm-beveiligingsbedrijf-inschakelen .wk-eyebrow{font:600 12px/1.5 var(--m-font-body,'Waakveld Body',sans-serif);text-transform:uppercase;letter-spacing:.16em}.msm-beveiligingsbedrijf-inschakelen .wk-muted{color:var(--m-muted,#aeb4b0)}.msm-beveiligingsbedrijf-inschakelen .wk-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:12px;padding:12px 23px;background:var(--m-primary,#f04b3e);color:var(--m-bg,#111416);font-weight:700;text-decoration:none;border:1px solid transparent;border-radius:3px}.msm-beveiligingsbedrijf-inschakelen .wk-button:hover{filter:brightness(1.08)}.msm-beveiligingsbedrijf-inschakelen .wk-line-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600}.msm-beveiligingsbedrijf-inschakelen img{max-width:100%;display:block}.msm-beveiligingsbedrijf-inschakelen .wk-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.msm-beveiligingsbedrijf-inschakelen{padding:110px 0;background:var(--m-surface,#e9ece8);color:var(--m-bg,#111416)}.msm-beveiligingsbedrijf-inschakelen .wk-process-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:110px;align-items:center}.msm-beveiligingsbedrijf-inschakelen h2{margin-top:20px}.msm-beveiligingsbedrijf-inschakelen .wk-process-intro{margin-top:28px;max-width:38ch}.msm-beveiligingsbedrijf-inschakelen .wk-control-panel{background:var(--m-bg,#111416);color:var(--m-ink,#f4f5f1);padding:24px;margin:36px 0 24px;border-radius:6px;max-width:470px}.msm-beveiligingsbedrijf-inschakelen .wk-panel-bar{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;padding-bottom:15px;border-bottom:1px solid color-mix(in srgb,var(--m-ink,#f4f5f1) 25%,transparent)}.msm-beveiligingsbedrijf-inschakelen .wk-arm-status{font:500 24px var(--m-font-display,'Waakveld Display',sans-serif);padding:28px 0}.msm-beveiligingsbedrijf-inschakelen .wk-fuse-wrap{height:60px;position:relative}.msm-beveiligingsbedrijf-inschakelen .wk-arm{display:flex;justify-content:space-between;align-items:center;width:100%;height:60px;padding:12px 18px;border:1px solid var(--m-primary,#f04b3e);background:var(--m-primary,#f04b3e);color:var(--m-bg,#111416);font-weight:700}.msm-beveiligingsbedrijf-inschakelen .wk-undo-state{display:flex;align-items:center;justify-content:space-between;gap:15px;height:60px;position:relative;border:1px solid var(--m-muted,#aeb4b0);padding:8px 16px;font-size:13px}.msm-beveiligingsbedrijf-inschakelen .wk-undo{padding:7px 12px;min-height:44px;font-size:12px;border:1px solid currentColor;background:none;color:inherit}.msm-beveiligingsbedrijf-inschakelen .wk-fuse{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--m-primary,#f04b3e);transform-origin:left;pointer-events:none}.msm-beveiligingsbedrijf-inschakelen .wk-arm-note{font-size:11px;color:var(--m-muted,#aeb4b0);margin-top:16px}.msm-beveiligingsbedrijf-inschakelen .wk-reset{margin-top:15px;min-height:44px;border:0;background:none;color:inherit;text-decoration:underline;font-size:12px}.msm-beveiligingsbedrijf-inschakelen .wk-delay-note{font-size:13px;max-width:58ch}.msm-beveiligingsbedrijf-inschakelen .wk-steps{list-style:none;margin:0;padding:0;display:grid;gap:45px}.msm-beveiligingsbedrijf-inschakelen .wk-steps li{display:grid;grid-template-columns:40px 1fr;gap:20px;border-top:1px solid color-mix(in srgb,var(--m-bg,#111416) 30%,transparent);padding-top:26px}.msm-beveiligingsbedrijf-inschakelen .wk-steps li>span{font-size:12px;padding-top:3px}.msm-beveiligingsbedrijf-inschakelen .wk-steps h3{font-size:28px;margin-bottom:19px}.msm-beveiligingsbedrijf-inschakelen .wk-steps p{font-size:14px;max-width:35ch}@media(max-width:800px){.msm-beveiligingsbedrijf-inschakelen{padding:80px 0}.msm-beveiligingsbedrijf-inschakelen .wk-process-grid{grid-template-columns:1fr;gap:60px}.msm-beveiligingsbedrijf-inschakelen .wk-control-panel{max-width:none}.msm-beveiligingsbedrijf-inschakelen .wk-steps{gap:30px}}
@media(max-width:600px){.msm-beveiligingsbedrijf-inschakelen .wk-wrap{width:calc(100% - 40px)}}@media(prefers-reduced-motion:reduce){.msm-beveiligingsbedrijf-inschakelen *,.msm-beveiligingsbedrijf-inschakelen *::before,.msm-beveiligingsbedrijf-inschakelen *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.msm-beveiligingsbedrijf-inschakelen .fuse-button {
  --fb-ink: var(--m-ink, #f4f5f1);
  --fb-bg: var(--m-bg, #111416);
  --fb-fuse: var(--m-primary, #f04b3e);
  --fb-fuse-h: 1.5px;
  --fb-radius: 22px;
  --fb-fade: 200ms;
  --fb-press: 0.97;
  --fb-h: 44px;
  --fb-fs: 14px;
  --fb-icon: 15px;
  --fb-px: 20px;
  --fb-ease-out: cubic-bezier(0.23, 1, 0.32, 1);

  position: relative;
  display: inline-grid;
  grid-template-columns: minmax(0, 1fr);
  height: var(--fb-h);
  border-radius: var(--fb-radius);
  background: var(--fb-bg);
  color: var(--fb-ink);
  font-family: inherit;
  font-size: var(--fb-fs);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.01em;
  overflow: hidden;
  isolation: isolate;
  outline: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition: transform 160ms var(--fb-ease-out);
}

.msm-beveiligingsbedrijf-inschakelen .fuse-button[data-pressed] {
  transform: scale(var(--fb-press));
}

.msm-beveiligingsbedrijf-inschakelen .fuse-button:has(:focus-visible) {
  outline: 2px solid color-mix(in srgb, var(--fb-ink) 60%, transparent);
  outline-offset: 3px;
}

.msm-beveiligingsbedrijf-inschakelen .fuse-button__idle:focus-visible,
.msm-beveiligingsbedrijf-inschakelen .fuse-button__undo:focus-visible {
  outline: none;
}

@supports not selector(:has(a)) {
  .msm-beveiligingsbedrijf-inschakelen .fuse-button__idle:focus-visible,
  .msm-beveiligingsbedrijf-inschakelen .fuse-button__undo:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--fb-ink) 60%, transparent);
    outline-offset: -3px;
  }
}

.msm-beveiligingsbedrijf-inschakelen .fuse-button__face {
  position: relative;
  grid-area: 1 / 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  min-width: 0;
  margin: 0;
  padding: 0 var(--fb-px);
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  white-space: nowrap;
  cursor: pointer;
  opacity: 0;
  filter: blur(2px);
  visibility: hidden;
  transition:
    opacity var(--fb-fade) ease,
    filter var(--fb-fade) ease,
    visibility 0s linear var(--fb-fade),
    background-color 160ms ease;
}

.msm-beveiligingsbedrijf-inschakelen .fuse-button[data-phase='idle'] .fuse-button__idle,
.msm-beveiligingsbedrijf-inschakelen .fuse-button[data-phase='armed'] .fuse-button__undo,
.msm-beveiligingsbedrijf-inschakelen .fuse-button[data-phase='settled'] .fuse-button__settled {
  opacity: 1;
  filter: blur(0);
  visibility: visible;
  transition-delay: 0s;
}

.msm-beveiligingsbedrijf-inschakelen .fuse-button[data-instant] .fuse-button__face {
  transition-duration: 0s;
}

.msm-beveiligingsbedrijf-inschakelen .fuse-button__idle:disabled,
.msm-beveiligingsbedrijf-inschakelen .fuse-button__settled {
  cursor: default;
}

.msm-beveiligingsbedrijf-inschakelen .fuse-button[data-phase='idle']:has( .fuse-button__idle:disabled) {
  opacity: 0.55;
}

.msm-beveiligingsbedrijf-inschakelen .fuse-button__icon {
  display: inline-flex;
  width: var(--fb-icon);
  height: var(--fb-icon);
}

.msm-beveiligingsbedrijf-inschakelen .fuse-button__icon svg {
  width: 100%;
  height: 100%;
}

.msm-beveiligingsbedrijf-inschakelen .fuse-button__icon--undo {
  transform: rotate(-70deg);
  transition: transform var(--fb-fade) var(--fb-ease-out);
}

.msm-beveiligingsbedrijf-inschakelen .fuse-button[data-phase='armed'] .fuse-button__icon--undo {
  transform: rotate(0deg);
}

.msm-beveiligingsbedrijf-inschakelen .fuse-button__fuse {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--fb-fuse-h);
  background: var(--fb-fuse);
  box-shadow: 0 0 6px color-mix(in srgb, var(--fb-fuse) 55%, transparent);
  transform-origin: left center;
  pointer-events: none;
}

.msm-beveiligingsbedrijf-inschakelen .fuse-button[data-fuse='top'] .fuse-button__fuse {
  bottom: auto;
  top: 0;
}

.msm-beveiligingsbedrijf-inschakelen .fuse-button__rim {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  opacity: 0;
  filter: drop-shadow(0 0 3px color-mix(in srgb, var(--fb-fuse) 60%, transparent));
  transition: opacity var(--fb-fade) ease;
}

.msm-beveiligingsbedrijf-inschakelen .fuse-button[data-phase='armed'] .fuse-button__rim {
  opacity: 1;
}

.msm-beveiligingsbedrijf-inschakelen .fuse-button[data-instant] .fuse-button__rim {
  transition-duration: 0s;
}

.msm-beveiligingsbedrijf-inschakelen .fuse-button__rim rect {
  x: calc(var(--fb-fuse-h) / 2);
  y: calc(var(--fb-fuse-h) / 2);
  width: calc(100% - var(--fb-fuse-h));
  height: calc(100% - var(--fb-fuse-h));
  rx: max(0px, calc(var(--fb-radius) - var(--fb-fuse-h) / 2));
  fill: none;
  stroke: var(--fb-fuse);
  stroke-width: var(--fb-fuse-h);
  stroke-linecap: round;
  stroke-dasharray: 1;
}

.msm-beveiligingsbedrijf-inschakelen .fuse-button__status {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
  .msm-beveiligingsbedrijf-inschakelen .fuse-button__idle:not(:disabled):hover,
  .msm-beveiligingsbedrijf-inschakelen .fuse-button__undo:hover {
    background: color-mix(in srgb, var(--fb-ink) 7%, transparent);
  }
}

@media (prefers-reduced-motion: reduce) {
  .msm-beveiligingsbedrijf-inschakelen .fuse-button[data-pressed] {
    transform: none;
  }

  .msm-beveiligingsbedrijf-inschakelen .fuse-button .fuse-button__face {
    filter: none;
    transition:
      opacity var(--fb-fade) ease,
      visibility 0s linear var(--fb-fade);
  }

  .msm-beveiligingsbedrijf-inschakelen .fuse-button .fuse-button__icon--undo {
    transform: none;
    transition: none;
  }
}

@media (prefers-contrast: more) {
  .msm-beveiligingsbedrijf-inschakelen .fuse-button {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fb-ink) 40%, transparent);
  }
}

@media (forced-colors: active) {
  .msm-beveiligingsbedrijf-inschakelen .fuse-button__fuse {
    background: Highlight;
  }

  .msm-beveiligingsbedrijf-inschakelen .fuse-button__rim rect {
    stroke: Highlight;
  }
}

.msm-beveiligingsbedrijf-inschakelen .wk-fuse-native{display:flex;justify-content:center;margin:22px 0}