.lp9{background:#fff;padding:64px 0}.lp9 h2{margin:0 0 24px;font-size:32px;font-weight:500;color:#153259;text-align:center}
.lp9g{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.lp9g.n4{grid-template-columns:repeat(4,minmax(0,1fr))}.lp9g article{background:#f3f6f9;border-radius:10px;padding:22px}.lp9g h3{margin:0 0 8px;font-size:19px;font-weight:500;line-height:1.25;color:#153259}.lp9g p{margin:0;font-size:15.5px;line-height:1.5;color:#3a4552}
.lp9r{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;margin-top:16px}.lp9r figure{margin:0;padding:26px;background:#153259;border-radius:10px;color:#fff}.lp9r figure span{display:block;min-height:0;color:#fdb813;letter-spacing:1px}.lp9r blockquote{margin:6px 0 12px;font-size:21px;line-height:1.35}.lp9r figcaption{font-size:14px;color:#cfe0ee}
.lp9s{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:24px;border:1.5px solid #e3e8ee;border-radius:10px}.lp9s small{font-size:14px;color:#5b6673}.lp9s b{font-size:22px;font-weight:500;color:#153259}.lp9s span{font-size:15.5px;color:#3a4552}.lp9s .btn{margin-top:auto;text-decoration:none}.lp9s span+.btn{margin-top:14px}
.lp9o{margin:20px 0 0;text-align:center;font-size:15.5px;color:#3a4552}.lp9o a{color:#0086c8;font-weight:500}
@media (max-width:860px){.lp9{padding:36px 0}.lp9 h2{font-size:24px;margin-bottom:16px}.lp9g,.lp9g.n4,.lp9r{grid-template-columns:minmax(0,1fr);gap:12px}.lp9g article{padding:18px 16px}.lp9r figure{padding:20px 16px}.lp9r blockquote{font-size:18px}.lp9s{padding:18px 16px}.lp9o a{display:inline-block;padding:6px 0}}
.lp9 .wr{max-width:1240px;margin:0 auto;padding:0 32px;box-sizing:border-box}
@media (max-width:860px){.lp9 .wr{padding:0 16px}}

/* /beveiligingscameras/bedrijf/: aanvullingen op de overgenomen onderdelen (lpb.css) */
.lpb .lpx-eb{margin:0 0 12px;font-size:16px;font-weight:500;line-height:1.3;color:#7fd0f5}
@container (min-width:861px){.lpb .hp-h.lpx-h{background:linear-gradient(90deg,#153259 0,#153259 34%,rgba(21,50,89,.86) 47%,rgba(21,50,89,.2) 72%,rgba(21,50,89,0) 100%),url(/assets/hero/bedrijf-1600.webp) 100% 30%/66% auto no-repeat,#153259}}
@container (max-width:860px){.lpb .hp-h.lpx-h{background:linear-gradient(90deg,rgba(21,50,89,.94) 0,rgba(21,50,89,.84) 100%),url(/assets/hero/bedrijf-800.webp) 78% 30%/cover}}
.lpb .lpx-t4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lpx-ex{display:block;margin-top:3px;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;color:#5b6673}
.lpb .lpx-ic{display:flex;align-items:center;justify-content:center;flex:none;width:60px;height:60px;border-radius:10px;background:#eef5fb;color:#0086c8}
.lpb .lpx-ic svg{width:28px;height:28px}
.lpb .lpx-rt{font-size:14px;line-height:1.4;color:#5b6673}
.lpb .lpx-see{background:#f5f6f7}.lpb .lpx-see .zb8{box-shadow:0 0 0 4px #f5f6f7}
.lpb .lpx-eb2{margin:0 0 8px;font-size:15px;font-weight:500;color:#0086c8}
.lpb .lpx-q{margin-top:26px;padding-top:20px;border-top:1px solid #dfe3e8}
.lpb .lpx-z{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:72px 0 0;padding:0;background:#f5f6f7;border-radius:10px}
.lpb .lpx-z li{display:flex;gap:16px;align-items:flex-start;padding:28px 32px}
.lpb .lpx-z li+li{border-left:1px solid #dfe3e8}
.lpb .lpx-z span{display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;border-radius:10px;background:#fff;color:#0086c8}
.lpb .lpx-z b{display:block;margin:1px 0 3px;font-size:18px;font-weight:500;line-height:1.25;color:#153259}
.lpb .lpx-z p{margin:0;font-size:15.5px;line-height:1.45;color:#3a4552}
@container (max-width:860px){.lpb .lpx-t4{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lpb .lpx-eb{font-size:14.5px;margin-bottom:8px}.lpb .lpx-z{grid-template-columns:minmax(0,1fr);margin-top:28px}.lpb .lpx-z li{padding:16px;gap:12px}.lpb .lpx-z li+li{border-left:0;border-top:1px solid #dfe3e8}.lpb .lpx-z span{width:42px;height:42px}.lpb .lpx-z b{font-size:16.5px;margin-top:0}.lpb .lpx-z p{font-size:15px}}
.lpb .cmp8 img.a{max-width:none;margin:0;padding:0}.lpb .cmp8 .b{background:none;padding:0;margin:0;max-width:none;color:inherit}
.lpb .lpx-t4 button:last-child{grid-column:auto}
@container (max-width:860px){.lpb .lpx-eb2{order:-1;text-align:center;margin-bottom:6px}.lpb .lpx-biz .ol-ld{text-align:center}.lpb .lpx-q{order:5;margin-top:20px;padding-top:16px}.lpb .lpx-z{order:6}
.lpb .hp-pr:has(.lpx-ex){flex-wrap:wrap;gap:12px}.lpb .hp-pr:has(.lpx-ex)>div{flex:1 0 100%}.lpb .hp-pr:has(.lpx-ex) .btn{flex:1 0 100%}.lpb .hp-pr .lpx-ex{display:inline;margin-left:8px}
.lpb .hp-pr:has(.lpx-rt){flex-wrap:wrap;gap:12px}.lpb .hp-pr:has(.lpx-rt) .btn{flex:1 0 100%}.lpb .lpx-rt br{display:none}}
.lpb .lpx-h h1{text-wrap:balance}
.lpb .lpx-pa{justify-content:flex-start;gap:20px;margin-top:6px}
@container (max-width:860px){.lpb .hp-pr.lpx-pa{flex-wrap:wrap;gap:10px}.lpb .hp-pr.lpx-pa .btn{flex:1 0 100%}}
/* Kop op een regel op desktop: bredere tekstkolom en het donkere vlak loopt iets verder door. */
@container (min-width:1100px){.lpb .lpx-h .hp-ht{max-width:760px}
.lpb .hp-h.lpx-h{background:linear-gradient(90deg,#153259 0,#153259 42%,rgba(21,50,89,.88) 56%,rgba(21,50,89,.2) 78%,rgba(21,50,89,0) 100%),url(/assets/hero/bedrijf-1600.webp) 100% 30%/66% auto no-repeat,#153259}}
/* Adviesblok in het plekkenblok, gelijk aan de homepage (lead.css). */
.lpb .lpx-adv{margin:0 0 14px}
.lpb .lpx-adv .a-top{display:flex;align-items:center;gap:16px;padding:12px 18px 12px 12px;background:#f3f6f9;border-radius:10px}
.lpb .lpx-adv img{flex:none;width:76px;height:68px;padding:4px;box-sizing:border-box;object-fit:contain;background:#fff;border-radius:6px}
.lpb .lpx-adv .a-nm{min-width:0}.lpb .lpx-adv .a-nm small{display:inline-block;margin:0 0 5px;padding:2px 9px;background:#153259;border-radius:99px;font-size:12.5px;font-weight:500;line-height:1.4;color:#fff}
.lpb .lpx-adv .a-nm b{display:block;font-size:21px;font-weight:500;line-height:1.2;color:#153259}.lpb .lpx-adv .a-nm span{display:block;margin-top:2px;font-size:14.5px;color:#3a4552}
.lpb .lpx-adv .a-pr{margin-left:auto;text-align:right;font-size:14.5px;color:#3a4552;white-space:nowrap}.lpb .lpx-adv .a-pr b{font-size:27px;font-weight:500;color:#153259}.lpb .lpx-adv .a-pr small{font-size:14px}.lpb .lpx-adv .a-pr em{display:block;margin-top:1px;font-style:normal;font-size:14px;color:#5b6673}
.lpb .lpx-adv .a-bt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:12px}.lpb .lpx-adv .a-bt>*{display:flex;align-items:center;justify-content:center;min-height:56px;margin:0;padding:0 12px;box-sizing:border-box;text-align:center;text-decoration:none;white-space:nowrap}
@container (max-width:860px){.lpb .lpx-adv .a-top{flex-wrap:wrap;gap:10px 12px;padding:12px}.lpb .lpx-adv img{width:64px;height:58px}.lpb .lpx-adv .a-nm b{font-size:19px}.lpb .lpx-adv .a-pr{flex:1 0 100%;margin:0;text-align:left}}
@container (max-width:860px){.lpb .lpx-adv .a-bt{grid-template-columns:minmax(0,1fr)}.lpb .lpx-adv .a-bt>*{min-height:52px}}

/* Telefoon, ronde 2: zelfde regels als de homepage (lead.css). */
@container (max-width:860px){
.lpb .hp-sec{padding:56px 0}
.lpb .hp-sec .ol-ldc{margin-bottom:26px}
.lpb .hp-tb{display:flex;grid-template-columns:none;gap:8px;margin:0 -16px 16px;padding:2px 16px 8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.lpb .hp-tb::-webkit-scrollbar{display:none}
.lpb .hp-tb button{flex:1 0 86px;flex-direction:column;justify-content:center;gap:7px;min-height:84px;padding:12px 6px 10px;text-align:center;font-size:13.5px;line-height:1.2;scroll-snap-align:start;text-wrap:balance}
.lpb .hp-tb button:last-child{grid-column:auto}
.lpb .hp-tb button span{margin:0}
.lpb .hp-tb.lpx-t4 button{flex-basis:72px}
.lpb .hp-pi{height:200px}
.lpb .hp-pb{padding:24px 20px 22px}
.lpb .hp-pb h3{margin-bottom:14px}
.lpb .hp-pb ul{margin-bottom:22px}
.lpb .hp-pb li{padding-bottom:8px}
.lpb .lpx-adv{margin-bottom:16px}
.lpb .lpx-adv .a-top{flex-wrap:nowrap;align-items:center;gap:12px;padding:16px}
.lpb .lpx-adv img{display:none}
.lpb .lpx-adv .a-nm small{margin-bottom:6px}
.lpb .lpx-adv .a-nm b{font-size:20px}
.lpb .lpx-adv .a-nm span{font-size:13.5px}
.lpb .lpx-adv .a-pr{flex:none;display:flex;flex-direction:column;align-items:flex-end;margin-left:auto;text-align:right;line-height:1.25;font-size:13px}
.lpb .lpx-adv .a-pr b{font-size:24px;line-height:1.15}
.lpb .lpx-adv .a-pr small,.lpb .lpx-adv .a-pr em{font-size:13px;margin:0}
.lpb .lpx-adv .a-bt{gap:10px;margin-top:14px}
.lpb .hp-no{margin-top:16px}
.lpb .hp-c3{gap:16px}
.lpb .hp-c3 article{flex-direction:column}
.lpb .hp-c3 img{width:100%;height:172px;min-height:0;align-self:auto}
.lpb .hp-c3 div{padding:18px 20px 22px}
.lpb .hp-c3 b{font-size:19px;margin:4px 0 6px}
.lpb .hp-c3 span{font-size:15.5px;line-height:1.45}
.lpb .sg9{gap:14px}
.lpb .zm8{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:12px}
.lpb .zi8{aspect-ratio:16/9}
.lpb .zb8{padding:6px 14px;font-size:13.5px}
.lpb .cp9{padding:2px 0 6px}
.lpb .cp9~.cp9{padding:4px 0 0}
}
@container (max-width:860px){.lpb .hp-tb{scroll-padding:0 16px}.lpb .hp-c3 b,.lpb .hp-pb h3{text-wrap:balance}}
@container (max-width:860px){.lpb .hp-tb.lpx-t4 button{font-size:13px;text-wrap:wrap;padding:12px 3px 10px}}
/* Telefoon: adviesblok met de camerafoto links, de naam in het midden en de prijs rechts. */
@container (max-width:860px){
.lpb .lpx-adv .a-top{display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-items:center;column-gap:10px;row-gap:0;padding:14px}
.lpb .lpx-adv img{display:block;grid-column:1;grid-row:1/4;width:48px;height:48px;padding:3px}
.lpb .lpx-adv .a-nm{grid-column:2;grid-row:1/4}.lpb .lpx-adv .a-nm span{font-size:13px}
.lpb .lpx-adv .a-pr{display:contents}
.lpb .lpx-adv .a-pr .hp-vf{grid-column:3;grid-row:1;justify-self:end;align-self:end;font-size:13px;line-height:1.2;color:#3a4552}
.lpb .lpx-adv .a-pr b{grid-column:3;grid-row:2;justify-self:end;font-size:24px;line-height:1.15;white-space:nowrap}
.lpb .lpx-adv .a-pr small{grid-column:3;grid-row:3;justify-self:end;align-self:start;font-size:13px;line-height:1.3;color:#3a4552}
.lpb .lpx-adv .a-pr em{grid-column:2/4;grid-row:4;justify-self:end;margin-top:4px;font-size:13px;color:#5b6673}
}
/* Telefoon: het label Ons advies staat gecentreerd op de bovenrand van het kader. */
@container (max-width:860px){.lpb .lpx-adv{margin-top:26px}.lpb .lpx-adv .a-top{position:relative;padding-top:20px}.lpb .lpx-adv .a-nm small{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);margin:0;white-space:nowrap;box-shadow:0 0 0 3px #fff}}

/* Themablok buiten (lp.js, BUITEN): twee regenvideo's en vier feiten. */
.lpo{padding:84px 0;background:#fff}.lpo .wr{max-width:1240px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.lpo h2{margin:0 0 8px;font-size:32px;font-weight:500;line-height:1.2;color:#153259;text-align:center}
.lpo-ld{margin:0 0 36px;font-size:18px;line-height:1.45;color:#3a4552;text-align:center}
.lpo-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.92fr);gap:20px;align-items:stretch}
.lpo figure{position:relative;margin:0;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#2a3440}
.lpo video{display:block;width:100%;height:100%;object-fit:cover}
.lpo figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(21,50,89,.92) 0,rgba(21,50,89,.5) 24%,rgba(21,50,89,0) 48%);pointer-events:none}
.lpo figcaption{position:absolute;z-index:1;left:22px;right:22px;bottom:18px;font-size:15.5px;line-height:1.4;color:#eaf1f7}
.lpo figcaption b{display:block;margin:0 0 2px;font-size:21px;font-weight:500;color:#fff}
.lpo-f{list-style:none;display:flex;flex-direction:column;margin:0;padding:6px 26px;background:#f5f6f7;border-radius:10px}
.lpo-f li{flex:1;display:flex;flex-direction:column;justify-content:center;padding:14px 0}.lpo-f li+li{border-top:1px solid #dfe3e8}
.lpo-f b{font-size:19px;font-weight:500;line-height:1.25;color:#153259}.lpo-f span{margin-top:2px;font-size:15.5px;line-height:1.4;color:#3a4552}
@container (max-width:860px){.lpo{padding:56px 0}.lpo .wr{padding:0 16px}.lpo h2{font-size:24px}.lpo-ld{font-size:16px;margin-bottom:24px}
.lpo-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.lpo figcaption{left:12px;right:12px;bottom:12px;font-size:13px;line-height:1.3}.lpo figcaption b{font-size:17px}
.lpo-f{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:4px 16px;margin-top:4px}.lpo-f li{padding:14px 0}.lpo-f li:nth-child(odd){padding-right:12px}.lpo-f li:nth-child(even){padding-left:12px;border-left:1px solid #dfe3e8}.lpo-f li+li{border-top:0}.lpo-f li:nth-child(n+3){border-top:1px solid #dfe3e8}
.lpo-f b{font-size:16px}.lpo-f span{font-size:13.5px}}
/* Telefoon: bijschrift onder de video in plaats van eroverheen, zodat de camera vrij blijft. */
@container (max-width:860px){.lpo figure{aspect-ratio:auto;overflow:visible;background:none;border-radius:0}.lpo figure:after{content:none}
.lpo video{aspect-ratio:1;height:auto;border-radius:10px;background:#2a3440}
.lpo figcaption{position:static;margin:10px 2px 0;color:#3a4552;font-size:13.5px;line-height:1.35}.lpo figcaption b{color:#153259;font-size:17px}
.lpo-f{margin-top:12px}.lpo-f li{justify-content:flex-start}.lpo-f b{font-size:15.5px}}

/* Review onder het buitenblok */
.lpo .lpo-q{position:static;aspect-ratio:auto;overflow:visible;background:none;border-radius:0;max-width:760px;margin:36px auto 0;text-align:center}.lpo .lpo-q:after{content:none}
.lpo-q>span{display:block;color:#fdb813;letter-spacing:2px;font-size:17px}
.lpo-q blockquote{margin:8px 0 10px;font-size:20px;line-height:1.45;color:#153259;text-wrap:balance}
.lpo .lpo-q figcaption{position:static;margin:0;font-size:14px;color:#5b6673}.lpo-q figcaption a{color:inherit}
@container (max-width:860px){.lpo .lpo-q{margin-top:26px}.lpo-q blockquote{font-size:17px}.lpo .lpo-q figcaption{margin:0;font-size:13.5px;color:#5b6673}}

/* Themablok draadloos (lp.js, DRAAD): animatie links, check rechts (even hoog), vier feittegels eronder. */
.lpw-g{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-areas:"v c" "f f";gap:20px;align-items:stretch}
.lpw-v{grid-area:v;display:flex;flex-direction:column;background:#f4f4f4;border-radius:10px;overflow:hidden}
/* De animatie heeft dezelfde achtergrond als de kaart (#f4f4f4). Links en onder lucht, zodat de camera vrij staat; boven en rechts loopt de muur door tot de rand. */
.lpw-vd{flex:1;display:flex;align-items:center;padding:0 0 12px 36px}
.lpw-vd video{display:block;width:100%;height:auto;aspect-ratio:1400/928;object-fit:contain;background:#f4f4f4}
.lpw-v ol{list-style:none;counter-reset:w;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:20px 28px 24px;border-top:1px solid #e3e6ea}
.lpw-v li{counter-increment:w;position:relative;padding-left:36px;font-size:14.5px;line-height:1.4;color:#3a4552}
.lpw-v li:before{content:counter(w);position:absolute;left:0;top:1px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#153259;font-size:13.5px;font-weight:500;color:#fff}
.lpw-v li b{display:block;font-size:16px;font-weight:500;color:#153259}
.lpw-c{grid-area:c;padding:28px;background:#f5f6f7;border-radius:10px}
.lpw-c h3{margin:0 0 4px;font-size:22px;font-weight:500;line-height:1.25;color:#153259}.lpw-c>p{margin:0 0 14px;font-size:16px;color:#3a4552}
.lpw-c .fq{margin:16px 0 8px;font-size:16.5px;color:#153259}.lpw-c .fb2 button{min-width:64px;min-height:46px;font:500 16px Roboto,Arial,sans-serif;cursor:pointer}
.lpw-c .res{margin-top:18px;background:#fff}.lpw-c .res b{display:block;margin:0 0 2px;font-size:17px;font-weight:500;color:#153259}.lpw-c .res .btn{display:block;width:100%;margin-top:12px}
.lpw-f{grid-area:f;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0}
.lpw-f li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-content:start;padding:20px;background:#f5f6f7;border-radius:10px}
.lpw-i{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff;border-radius:10px;color:#0086c8}
.lpw-i svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lpw-f b{font-size:17px;font-weight:500;line-height:1.25;color:#153259}.lpw-f span{grid-column:2;margin-top:2px;font-size:14.5px;line-height:1.4;color:#3a4552}
@container (max-width:860px){.lpw-g{grid-template-columns:minmax(0,1fr);grid-template-areas:"v" "c" "f";gap:14px}.lpw-vd{padding:0 0 8px 18px}.lpw-v ol{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px 18px 20px}.lpw-c{padding:22px 18px}.lpw-c h3{font-size:20px}
.lpw-f{grid-template-columns:minmax(0,1fr);gap:10px}.lpw-f li{padding:16px}.lpw-f b{font-size:16.5px}}
/* Animatie met ruimte rondom; de muur vloeit rechts en boven uit in plaats van hard af te breken. */
.lpw-vd{padding:28px 32px 24px 36px}
.lpw-vd video{-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%);mask-composite:intersect}
@container (max-width:860px){.lpw-vd{padding:18px 16px 12px 18px}}
/* Kleur in het draadloosblok: de check is de donkerblauwe kaart (zoals het configuratieblok), de iconen krijgen een blauwe tint. */
.lpw-c{display:flex;flex-direction:column;background:#153259}
.lpw-c h3{color:#fff}.lpw-c>p{color:#cfe0ee}.lpw-c .fq{color:#fff}
.lpw-c .fb2 button{background:transparent;border-color:rgba(255,255,255,.7);color:#fff;transition:background-color var(--dur) ease,color var(--dur) ease,border-color var(--dur) ease,transform var(--dur) var(--ease-out)}
.lpw-c .fb2 button.on{background:#fff;border-color:#fff;color:#153259}.lpw-c .fb2 button:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.lpw-c .fb2 button:not(.on):hover{background:rgba(255,255,255,.12);border-color:#fff}}
.lpw-c .res{background:#fff;color:#0b0b0b}.lpw-c .res a{color:#0086c8}
.lpw-c .lpw-n{margin:auto 0 0;padding-top:22px;font-size:14.5px;line-height:1.4;color:#a9c3da}
.lpw-i{background:#e3f0f9}.lpw-f li{background:#f5f6f7}
