.elementor-kit-27{--e-global-color-primary:#141414;--e-global-color-secondary:#009FE3;--e-global-color-text:#434343;--e-global-color-accent:#009FE3;--e-global-color-achtergrond:#F5F5F5;--e-global-color-donker:#1A1A1A;--e-global-color-donker2:#242424;--e-global-color-blauwlicht:#00B3FF;--e-global-typography-primary-font-family:"General Sans";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.12em;--e-global-typography-primary-letter-spacing:-0.03em;--e-global-typography-secondary-font-family:"General Sans";--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.25em;--e-global-typography-text-font-family:"Satoshi";--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"General Sans";--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.4em;--e-global-typography-03823d9-font-family:"Futura";--e-global-typography-03823d9-font-size:clamp(1.5rem, 0.4615rem + 4.6154vw, 3.75rem);--e-global-typography-03823d9-font-weight:700;--e-global-typography-9acd1f9-font-family:"Futura";--e-global-typography-9acd1f9-font-size:clamp(1.25rem, 0.6731rem + 2.5641vw, 2.5rem);--e-global-typography-9acd1f9-font-weight:700;--e-global-typography-5402d94-font-family:"Futura";--e-global-typography-5402d94-font-size:clamp(1.125rem, 1.0673rem + 0.2564vw, 1.25rem);--e-global-typography-5402d94-font-weight:700;--e-global-typography-2170821-font-family:"Poppins";--e-global-typography-2170821-font-size:18px;--e-global-typography-2170821-font-weight:400;--e-global-typography-fd410d0-font-family:"Futura";--e-global-typography-fd410d0-font-size:16px;--e-global-typography-fd410d0-font-weight:500;color:#434343;font-family:"Satoshi", Sans-serif;font-size:16px;font-weight:400;line-height:1.7em;}.elementor-kit-27 button,.elementor-kit-27 input[type="button"],.elementor-kit-27 input[type="submit"],.elementor-kit-27 .elementor-button{background-color:#009FE3;font-family:"General Sans", Sans-serif;font-size:16px;font-weight:600;color:#FFFFFF;border-radius:12px 12px 12px 12px;padding:14px 22px 14px 22px;}.elementor-kit-27 button:hover,.elementor-kit-27 button:focus,.elementor-kit-27 input[type="button"]:hover,.elementor-kit-27 input[type="button"]:focus,.elementor-kit-27 input[type="submit"]:hover,.elementor-kit-27 input[type="submit"]:focus,.elementor-kit-27 .elementor-button:hover,.elementor-kit-27 .elementor-button:focus{background-color:#0088C2;color:#FFFFFF;}.elementor-kit-27 e-page-transition{background-color:#FFBC7D;}.elementor-kit-27 a{color:var( --e-global-color-secondary );}.elementor-kit-27 h1{color:#141414;font-family:"General Sans", Sans-serif;font-size:56px;font-weight:600;line-height:1.2em;letter-spacing:-0.005em;}.elementor-kit-27 h2{color:#141414;font-family:"General Sans", Sans-serif;font-size:44px;font-weight:600;line-height:1.2em;letter-spacing:-0.005em;}.elementor-kit-27 h3{color:#141414;font-family:"General Sans", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;letter-spacing:-0.005em;}.elementor-kit-27 h4{color:#141414;font-family:"General Sans", Sans-serif;font-size:20px;font-weight:600;line-height:1.2em;letter-spacing:-0.005em;}.elementor-kit-27 h5{color:#141414;font-family:"General Sans", Sans-serif;font-size:18px;font-weight:600;line-height:1.3em;letter-spacing:0em;}.elementor-kit-27 h6{color:#141414;font-family:"General Sans", Sans-serif;font-size:16px;font-weight:600;line-height:1.4em;letter-spacing:0em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1328px;}.e-con{--container-max-width:1328px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:1200px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:1080px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:80%;}.e-con{--container-max-width:80%;}}@media(max-width:880px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:80%;}.e-con{--container-max-width:80%;}}@media(max-width:720px){.elementor-kit-27 h1{font-size:36px;}.elementor-kit-27 h2{font-size:30px;}.elementor-kit-27 h3{font-size:20px;}.elementor-kit-27 h4{font-size:18px;}.elementor-kit-27 h5{font-size:16px;}.elementor-kit-27 h6{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;}}/* Start custom CSS *//* =============================================================================
   dV Security · maatwerk-CSS (Site Settings → Custom CSS)
   Alleen wat Elementor zelf niet kan: Figma-vormen die 100% x 100% rekken, de lopende band,
   het masker op de dienstfoto's, de stippellijn in de werkwijze, header over de hero.
   Kleuren en fonts staan in de global kit. Bron: Figma jAt22kejDsz5BOBEYdXH7i, node 57:21.
   ============================================================================= */

/* --- reparaties (uit kit/basis.css) ------------------------------------------ */
.elementor-widget-text-editor p:last-of-type{margin-bottom:0}
body{background:#F5F5F5}
.elementor-widget-heading .elementor-heading-title b{font-weight:700}
.dvs-h2 .elementor-heading-title b,.dvs-h3 .elementor-heading-title b{font-weight:inherit}

/* --- vormen met inkeping: de achtergrond rekt mee met het vlak ---------------- */
.dvs-hero,.dvs-pijnkaart,.dvs-statkaart,.dvs-uspkaart,.dvs-usp,.dvs-reviewkaart,
.dvs-over,.dvs-over-kaart,.dvs-cta-band,.dvs-footer-vlak{background-size:100% 100%!important}

/* Vlakken met 4px marge rondom: anders 100% + 8px breed en horizontale overloop */
.dvs-hero,.dvs-usp,.dvs-over,.dvs-cta-band,.dvs-footer-vlak{width:calc(100% - 8px)!important;max-width:calc(100% - 8px)!important}

/* --- header over de hero ------------------------------------------------------ */
header.elementor-location-header{position:absolute;top:0;left:0;right:0;z-index:50}
.dvs-header{background:transparent}
.dvs-h-l,.dvs-h-r{flex:1 1 0!important;width:auto!important}
.dvs-nav{width:auto!important;margin-top:9px}
.dvs-nav .elementor-nav-menu--main .elementor-item{text-transform:none}
.dvs-nav .sub-arrow{padding-left:4px!important}
.dvs-nav .elementor-nav-menu--dropdown{box-shadow:0 12px 32px -12px rgba(0,0,0,.25)}
.dvs-navcta .elementor-button{white-space:nowrap}

/* --- hero ------------------------------------------------------------------- */
.dvs-hero{position:relative;overflow:hidden;border-radius:24px}
.dvs-hero-tekst{max-width:100%}
.dvs-pil .elementor-heading-title{display:inline-block;padding:6px 12px;border-radius:100px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.dvs-hero-sub b{font-weight:700}

/* lopende band in de inkeping onderaan */
.dvs-marquee{position:absolute!important;left:50%;bottom:0;transform:translateX(-50%);width:658px!important;
  height:56px;overflow:hidden;justify-content:center;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.dvs-marquee-rij{width:max-content!important;flex-wrap:nowrap!important;animation:dvs-band 40s linear infinite}
.dvs-marquee:hover .dvs-marquee-rij{animation-play-state:paused}
.dvs-marquee-rij>.elementor-element{flex:0 0 auto!important;width:auto!important}
.dvs-nowrap .elementor-heading-title{white-space:nowrap}
@keyframes dvs-band{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.dvs-marquee-rij{animation:none}}

/* --- algemeen --------------------------------------------------------------- */
.dvs-eyebrow{width:auto!important}
.dvs-eyebrow>.elementor-element{width:auto!important;flex:0 0 auto}
.dvs-kop-rij>.elementor-element{flex:0 1 auto}
.dvs-rij-2>.elementor-element{flex:0 1 auto}
.dvs-knop .elementor-button{min-height:54px;display:inline-flex;align-items:center}
.dvs-knop .elementor-button-icon svg{width:24px;height:24px}
.dvs-icoonbox{flex:0 0 auto!important;width:48px!important;max-width:48px}

/* --- cijferkaart ------------------------------------------------------------ */
.dvs-stat-r{flex:0 0 282px!important}
.dvs-stat-l{flex:0 0 auto!important;width:auto!important}

/* --- diensten: foto met inkeping via masker, icoon rechtsboven --------------- */
.dvs-dienstbeeld{position:relative;border-radius:16px;
  -webkit-mask:url(/wp-content/uploads/2026/10/dvs-dienst-masker.png) center/100% 100% no-repeat;
          mask:url(/wp-content/uploads/2026/10/dvs-dienst-masker.png) center/100% 100% no-repeat}
.dvs-avatar{position:absolute!important;top:0;right:8px;width:56px!important}
.dvs-dienstkaart{height:100%}
.dvs-dienst-tekst{flex:1 1 auto!important}

/* --- troeven (donker) -------------------------------------------------------- */
.dvs-usp{border-radius:24px}
.dvs-usp-kop{flex:1 1 0!important;width:auto!important}
.dvs-uspkaart{border-radius:16px}
.dvs-usp-boven>.dvs-uspkaart{flex:0 1 370px!important}
.dvs-usp-kop{min-width:300px}

/* --- werkwijze: stippellijn tussen de nummers -------------------------------- */
.dvs-stappen{flex:1 1 0!important;width:auto!important}
.dvs-stap{position:relative}
.dvs-stap>.dvs-nr{position:relative;flex:0 0 56px!important}
.dvs-stap::before{content:"";position:absolute;left:27px;top:64px;bottom:-24px;width:0!important;
  border-left:1.5px dashed rgba(26,26,26,.25)}
.dvs-stap-laatste>.dvs-nr{flex:0 0 56px!important}
.dvs-stap-tekst{flex:1 1 0!important;width:auto!important}
.dvs-werkwijze-beeld{flex:0 0 564px!important}
.dvs-werkwijze-beeld img{border-radius:24px}

/* --- reviews ----------------------------------------------------------------- */
.dvs-sterren>.elementor-element,.dvs-sterren{width:auto!important}
.dvs-initiaal{flex:0 0 44px!important;width:44px!important}
.dvs-initiaal .elementor-heading-title{width:44px;height:44px;border-radius:50%;background:#009FE3;display:block}
.dvs-quote b{font-weight:500;color:#141414}

/* --- over ons: kader met venster op de foto, afgeronde overgang onderaan ------ */
.dvs-over{border-radius:24px;overflow:visible!important}
.dvs-over-kaart{position:relative;overflow:visible!important}
.dvs-over-kaart::before,.dvs-over-kaart::after{content:"";position:absolute;top:auto!important;bottom:0!important;width:54px!important;height:59px;
  background:center/100% 100% no-repeat}
.dvs-over-kaart::before{left:-54px!important;right:auto!important;background-image:url(/wp-content/uploads/2026/10/dvs-over-hoek-l.svg?v=2)}
.dvs-over-kaart::after{right:-54px!important;left:auto!important;background-image:url(/wp-content/uploads/2026/10/dvs-over-hoek-r.svg?v=2)}

/* --- faq --------------------------------------------------------------------- */
.dvs-faq .elementor-accordion-item{background:#fff;border:1px solid #E5E5E5!important;border-radius:16px;
  margin-bottom:12px;overflow:hidden}
.dvs-faq .elementor-accordion-item+.elementor-accordion-item{border-top:1px solid #E5E5E5!important}
.dvs-faq .elementor-tab-title{padding:24px!important;border:0!important;display:flex;align-items:center;gap:24px}
.dvs-faq .elementor-tab-title .elementor-accordion-title{flex:1}
.dvs-faq .elementor-accordion-icon{order:2;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#009FE3;
  display:flex!important;align-items:center;justify-content:center;font-size:14px}
.dvs-faq .elementor-tab-content{padding:0 84px 24px 24px!important;border:0!important}

/* --- footer met eind-CTA ----------------------------------------------------- */
.dvs-cta-band{position:relative;overflow:visible!important;border-radius:24px}
.dvs-cta-kristof{position:absolute!important;right:56px;bottom:0;width:543px!important;pointer-events:none}
.dvs-cta-tekst{position:relative;z-index:2}
.dvs-footer-vlak{position:relative;z-index:1;border-radius:24px}
.dvs-f-boven>.elementor-element{flex:0 1 auto}
.dvs-f-kol{width:auto!important;flex:0 0 auto}
.dvs-f-link a,.dvs-f-link .elementor-heading-title a{color:inherit}
.dvs-f-link a:hover{color:#009FE3}
.dvs-f-onder-l{width:auto!important}
.dvs-social{flex:0 0 48px!important}
.dvs-uren{flex:0 0 330px!important;width:330px!important}

/* --- tablet en mobiel ------------------------------------------------------------ */
@media (max-width:1080px){
  .dvs-rij-2,.dvs-kop-rij,.dvs-usp-boven,.dvs-f-boven{flex-direction:column!important;align-items:stretch!important}
  .dvs-rij-2>.elementor-element,.dvs-usp-boven>.elementor-element,.dvs-werkwijze-beeld{width:100%!important;flex:0 0 auto!important;max-width:100%}
  .dvs-werkwijze-beeld img,.dvs-inbreker-beeld img{width:100%!important}
  .dvs-cta-kristof{display:none}
  .dvs-usp,.dvs-footer-vlak{background-image:none!important;background-color:#1A1A1A!important}
  .dvs-cta-band{background-image:none!important;background-color:#009FE3!important}
  .dvs-uspkaart{min-height:0!important}
  .dvs-f-kolommen{width:100%!important}
  .dvs-nav{margin-top:0}
}
@media (max-width:720px){
  .dvs-hero{background-size:cover!important;border-radius:16px;background-color:#1A1A1A!important}
  .dvs-hero .elementor-heading-title{word-break:normal}
  .dvs-marquee{width:100%!important;bottom:12px;height:40px}
  .dvs-h-r{display:none}
  .dvs-hero-knoppen>.elementor-element,.dvs-hero-knoppen .elementor-button{width:100%}
  .dvs-pijnkaart,.dvs-reviewkaart{background-size:100% 100%!important;min-height:0!important}
  .dvs-statkaart{width:100%!important;flex-direction:column!important;align-items:flex-start!important;gap:12px}
  .dvs-stat-r{width:100%!important;flex:0 0 auto!important}
  .dvs-marquee .elementor-heading-title{color:#fff!important}
  .dvs-stap{gap:20px!important}
  .dvs-over{background-size:cover!important;background-position:center top!important;min-height:0!important;padding-top:0!important}
  .dvs-over-kaart{width:100%!important;min-height:0!important;background-image:none!important;
    background:linear-gradient(transparent 0 280px,#F5F5F5 280px)!important}
  .dvs-over-kaart::before,.dvs-over-kaart::after{display:none}
  .dvs-faq .elementor-tab-content{padding:0 24px 24px!important}
  .dvs-uren{flex:1 1 100%!important;width:100%!important}
  .dvs-f-link .elementor-heading-title a{display:inline-block;padding:12px 0}
  .dvs-f-kol{gap:0!important}
  .dvs-knop .elementor-button{width:100%;justify-content:center}
  .dvs-knop{width:100%!important}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'General Sans';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://dvsecurity.dysign.be/wp-content/uploads/dysign-fonts/general-sans-500.woff2') format('woff2');
}
@font-face {
	font-family: 'General Sans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://dvsecurity.dysign.be/wp-content/uploads/dysign-fonts/general-sans-600.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Satoshi';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://dvsecurity.dysign.be/wp-content/uploads/dysign-fonts/satoshi-400.woff2') format('woff2');
}
@font-face {
	font-family: 'Satoshi';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://dvsecurity.dysign.be/wp-content/uploads/dysign-fonts/satoshi-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Satoshi';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://dvsecurity.dysign.be/wp-content/uploads/dysign-fonts/satoshi-700.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Futura';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://dvsecurity.dysign.be/wp-content/uploads/2024/02/Future-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Futura';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://dvsecurity.dysign.be/wp-content/uploads/2024/02/Futura-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */