@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-diensten{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-diensten *{box-sizing:border-box}.msm-beveiligingsbedrijf-diensten [hidden]{display:none!important}.msm-beveiligingsbedrijf-diensten :is(h1,h2,h3,p,figure){margin:0}.msm-beveiligingsbedrijf-diensten :is(h1,h2,h3){font-family:var(--m-font-display,'Waakveld Display',sans-serif);line-height:1.06;text-wrap:balance}.msm-beveiligingsbedrijf-diensten h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.035em}.msm-beveiligingsbedrijf-diensten p{max-width:62ch}.msm-beveiligingsbedrijf-diensten a{color:inherit;text-underline-offset:5px}.msm-beveiligingsbedrijf-diensten button{font:inherit;cursor:pointer}.msm-beveiligingsbedrijf-diensten :is(a,button,input,select):focus-visible{outline:3px solid var(--m-primary,#f04b3e);outline-offset:5px}.msm-beveiligingsbedrijf-diensten .wk-wrap{width:min(1180px,calc(100% - 48px));margin:auto}.msm-beveiligingsbedrijf-diensten .wk-eyebrow{font:600 12px/1.5 var(--m-font-body,'Waakveld Body',sans-serif);text-transform:uppercase;letter-spacing:.16em}.msm-beveiligingsbedrijf-diensten .wk-muted{color:var(--m-muted,#aeb4b0)}.msm-beveiligingsbedrijf-diensten .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-diensten .wk-button:hover{filter:brightness(1.08)}.msm-beveiligingsbedrijf-diensten .wk-line-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600}.msm-beveiligingsbedrijf-diensten img{max-width:100%;display:block}.msm-beveiligingsbedrijf-diensten .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-diensten{padding:110px 0 100px;overflow:clip}.msm-beveiligingsbedrijf-diensten .wk-service-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:52px}.msm-beveiligingsbedrijf-diensten h2{margin-top:20px}.msm-beveiligingsbedrijf-diensten .wk-service-heading>p{max-width:40ch}.msm-beveiligingsbedrijf-diensten .wk-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.msm-beveiligingsbedrijf-diensten .wk-electric{position:relative;isolation:isolate;min-width:0;border:1px solid color-mix(in srgb,var(--m-ink,#f4f5f1) 28%,transparent);padding:30px 25px 22px;border-radius:5px;scroll-margin-top:125px}.msm-beveiligingsbedrijf-diensten .wk-electric>canvas{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);pointer-events:none;z-index:-1}.msm-beveiligingsbedrijf-diensten .wk-electric:focus-within{outline:1px solid var(--m-primary,#f04b3e);outline-offset:3px}.msm-beveiligingsbedrijf-diensten .wk-electric .wk-eyebrow{font-size:10px;color:var(--m-muted,#aeb4b0)}.msm-beveiligingsbedrijf-diensten h3{font-size:38px;margin-top:12px}.msm-beveiligingsbedrijf-diensten .wk-hardware{height:260px;position:relative;margin:20px -8px 22px}.msm-beveiligingsbedrijf-diensten .wk-hardware img{position:absolute;height:auto;aspect-ratio:1;object-fit:contain;width:75%;left:12%;top:0;filter:drop-shadow(0 12px 10px #0004)}.msm-beveiligingsbedrijf-diensten .wk-alarm img:first-child{width:68%;left:-8%;top:0}.msm-beveiligingsbedrijf-diensten .wk-alarm img:nth-child(2){width:54%;left:46%;top:27%}.msm-beveiligingsbedrijf-diensten .wk-alarm img:nth-child(3){width:47%;left:46%;top:-1%}.msm-beveiligingsbedrijf-diensten .wk-camera img{width:105%;left:-3%;top:8%}.msm-beveiligingsbedrijf-diensten .wk-access img:first-child{width:50%;left:-4%;top:2%;transform:rotate(-8deg)}.msm-beveiligingsbedrijf-diensten .wk-access img:nth-child(2){width:53%;left:42%;top:0;transform:rotate(8deg)}.msm-beveiligingsbedrijf-diensten .wk-access img:nth-child(3){width:50%;left:24%;top:44%}.msm-beveiligingsbedrijf-diensten .wk-electric>p:not(.wk-eyebrow){font-size:14px;color:var(--m-muted,#aeb4b0);min-height:140px}.msm-beveiligingsbedrijf-diensten .wk-electric>a{font-size:12px;border-top:1px solid color-mix(in srgb,var(--m-ink,#f4f5f1) 25%,transparent);width:100%;padding-top:16px;margin-top:26px}.msm-beveiligingsbedrijf-diensten .wk-service-note{font-size:11px;color:var(--m-muted,#aeb4b0);margin-top:28px}@media(max-width:900px){.msm-beveiligingsbedrijf-diensten .wk-hardware{height:200px}.msm-beveiligingsbedrijf-diensten .wk-electric{padding:24px 17px}.msm-beveiligingsbedrijf-diensten .wk-electric>p:not(.wk-eyebrow){min-height:170px}}@media(max-width:650px){.msm-beveiligingsbedrijf-diensten{padding:80px 0}.msm-beveiligingsbedrijf-diensten .wk-service-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.msm-beveiligingsbedrijf-diensten .wk-service-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 10px 24px;margin:0 -10px;scrollbar-color:var(--m-primary,#f04b3e) transparent;scrollbar-width:thin}.msm-beveiligingsbedrijf-diensten .wk-electric{flex:0 0 90%;scroll-snap-align:start;padding:28px 24px}.msm-beveiligingsbedrijf-diensten .wk-hardware{height:240px}.msm-beveiligingsbedrijf-diensten .wk-electric>p:not(.wk-eyebrow){min-height:115px}}
@media(max-width:600px){.msm-beveiligingsbedrijf-diensten .wk-wrap{width:calc(100% - 40px)}}@media(prefers-reduced-motion:reduce){.msm-beveiligingsbedrijf-diensten *,.msm-beveiligingsbedrijf-diensten *::before,.msm-beveiligingsbedrijf-diensten *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Original ElectricBorder CSS scoped to receiving module. */
.msm-beveiligingsbedrijf-diensten .electric-border {
  position: relative;
  isolation: isolate;
}

.msm-beveiligingsbedrijf-diensten .electric-border__canvas {
  position: absolute;
  z-index: 1;
  display: block;
  pointer-events: none;
}


.msm-beveiligingsbedrijf-diensten .wk-original-electric{position:absolute;inset:0;pointer-events:none;z-index:-1}.msm-beveiligingsbedrijf-diensten .wk-original-electric>.electric-border{height:100%}