:root{--blue:#0d237d;--blue-dark:#07164f;--blue-soft:#162f90;--orange:#f28c00;--ink:#17191f;--gray:#f1f3f7;--muted:#676c78;--line:#d9dde6;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Barlow,Arial,sans-serif;line-height:1.55;background:#fff}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin-top:0}h1,h2,h3{line-height:1.02}h1{font-size:clamp(3.4rem,7.2vw,7.5rem);font-weight:400;letter-spacing:-.045em;margin-bottom:28px}h2{font-size:clamp(2.5rem,5vw,5rem);font-weight:400;letter-spacing:-.035em;margin:0}h1 strong,h2 strong{font-weight:700}.shell{width:min(1450px,88vw);margin:0 auto}.topbar{background:var(--blue-dark);color:#fff;font-size:12px}.topbar-inner{height:35px;display:flex;align-items:center;gap:24px}.topbar-inner>span{color:rgba(255,255,255,.68)}.topbar nav{display:flex;gap:24px;margin-left:auto}.mainbar{height:92px;display:flex;align-items:center;background:#fff}.logo{width:245px;display:block}.logo img{width:100%;display:block}.mainbar nav{display:flex;margin-left:auto;gap:34px;font-size:15px;font-weight:600}.mainbar nav a{padding:35px 0;position:relative}.mainbar nav a:after{content:"";position:absolute;bottom:26px;left:0;width:0;height:3px;background:var(--orange);transition:.25s}.mainbar nav a:hover:after{width:100%}.nav-cta{background:var(--blue);color:#fff;padding:16px 19px;margin-left:34px;font-weight:600}.nav-cta b{font-size:22px;margin-left:22px}.menu-toggle{display:none;border:0;background:none}.hero{height:720px;position:relative;color:#fff;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('https://images.unsplash.com/photo-1621905252507-b35492cc74b4?auto=format&fit=crop&w=2200&q=85') center/cover}.hero-shade{background:linear-gradient(90deg,rgba(4,18,70,.92) 0%,rgba(8,27,91,.64) 48%,rgba(7,20,63,.1) 80%)}.hero-inner{position:relative;z-index:1;padding-top:110px}.hero-inner>p:not(.kicker){max-width:620px;font-size:19px;color:rgba(255,255,255,.84)}.kicker{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--blue);display:flex;align-items:center;gap:12px;margin-bottom:20px}.kicker:before{content:"";width:34px;height:3px;background:var(--orange)}.kicker.light{color:#fff}.actions{display:flex;gap:14px;margin-top:35px}.btn{display:inline-flex;min-width:220px;padding:15px 18px;align-items:center;justify-content:space-between;font-weight:600;transition:.25s}.btn:hover{transform:translateY(-3px)}.btn.orange{background:var(--orange);color:#fff}.btn.ghost{color:#fff;border:1px solid rgba(255,255,255,.7)}.btn.white{background:#fff;color:var(--blue)}.btn span{font-size:24px}.hero-news{position:absolute;z-index:2;right:0;bottom:0;width:410px;background:#fff;color:var(--ink);padding:24px 62px 24px 28px}.hero-news span{display:block;color:var(--orange);font-size:10px;letter-spacing:.14em;font-weight:700}.hero-news strong{display:block;font-size:18px;margin-top:5px}.hero-news b{position:absolute;right:25px;top:32px;color:var(--blue);font-size:32px}.quick{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}.quick>div{padding:30px;border-right:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;column-gap:16px}.quick i{grid-row:1/3;color:var(--orange);font-style:normal;font-size:11px}.quick strong{font-size:16px}.quick span{font-size:13px;color:var(--muted)}.solutions,.markets{padding:110px 0}.section-head{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:80px;margin-bottom:55px}.section-head>p{color:var(--muted);font-size:17px;max-width:520px}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.solution-card{background:var(--gray);overflow:hidden;transition:.3s}.solution-card:hover{transform:translateY(-8px);box-shadow:0 18px 35px rgba(12,30,90,.15)}.card-photo{height:250px;background-size:cover;background-position:center}.climate{background-image:url('https://images.unsplash.com/photo-1631545806609-943b7a97756e?auto=format&fit=crop&w=800&q=80')}.electric{background-image:url('https://images.unsplash.com/photo-1625047509248-ec889cbff17f?auto=format&fit=crop&w=800&q=80')}.security{background-image:url('https://images.unsplash.com/photo-1558002038-1055907df827?auto=format&fit=crop&w=800&q=80')}.interior{background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=800&q=80')}.card-copy{padding:26px}.card-copy>span{color:var(--orange);font-size:11px}.card-copy h3{font-size:26px;color:var(--blue);margin:10px 0}.card-copy p{color:var(--muted);font-size:14px;min-height:68px}.card-copy b{font-size:13px;color:var(--blue)}.about{display:grid;grid-template-columns:1fr 1fr;background:var(--blue);color:#fff}.about-photo{min-height:700px;background:url('https://images.unsplash.com/photo-1581092160607-ee22621dd758?auto=format&fit=crop&w=1300&q=85') center/cover}.about-copy{padding:95px 8vw 70px}.about-copy>p:not(.kicker){font-size:17px;color:rgba(255,255,255,.77);max-width:640px;margin:30px 0}.numbers{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid rgba(255,255,255,.25)}.numbers div{padding:25px 15px;border-right:1px solid rgba(255,255,255,.25)}.numbers div:first-child{padding-left:0}.numbers strong{display:block;color:var(--orange);font-size:34px}.numbers span{font-size:12px}.market-list{border-top:1px solid var(--line)}.market-list>a{display:grid;grid-template-columns:80px 1fr 1fr 40px;align-items:center;padding:28px 10px;border-bottom:1px solid var(--line);transition:.25s}.market-list>a:hover{background:var(--gray);padding-left:24px}.market-list span{font-size:11px;color:var(--orange)}.market-list h3{font-size:27px;color:var(--blue);margin:0}.market-list p{margin:0;color:var(--muted)}.market-list b{font-size:30px;color:var(--blue)}.projects{background:var(--blue-dark);padding:100px 0 110px;color:#fff}.projects-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{background:#fff;color:var(--ink)}.project-photo{height:290px;background-position:center;background-size:cover}.project-a{background-image:url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=900&q=80')}.project-b{background-image:url('https://images.unsplash.com/photo-1494526585095-c41746248156?auto=format&fit=crop&w=900&q=80')}.project-c{background-image:url('https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=900&q=80')}.project-card>div:last-child{padding:27px}.project-card span{font-size:10px;color:var(--orange);letter-spacing:.12em;font-weight:700}.project-card h3{font-size:25px;color:var(--blue);margin:10px 0 22px}.project-card a{font-size:13px;font-weight:700;color:var(--blue)}.contact{background:var(--orange);color:#fff;padding:90px 0}.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:80px}.contact-grid>div:last-child{font-size:17px}.contact-grid>div:last-child>a{display:block;font-weight:600;margin-top:8px}.contact-phone{font-size:26px;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:10px}.contact-phone span{float:right}footer{background:#090e22;color:#fff;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px}.footer-grid>div:first-child img{width:270px;filter:brightness(0) invert(1)}.footer-grid p{color:rgba(255,255,255,.58)}.footer-grid nav,.footer-grid>div:last-child{display:flex;flex-direction:column;gap:8px;font-size:14px}.footer-grid strong{margin-bottom:10px}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:50px;padding-top:22px;display:flex;gap:28px;color:rgba(255,255,255,.48);font-size:11px}.footer-bottom a:last-child{margin-left:auto}.reveal{opacity:0;transform:translateY(25px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.topbar-inner>span{display:none}.mainbar nav,.nav-cta{display:none}.menu-toggle{display:block;margin-left:auto}.menu-toggle span{display:block;width:26px;height:2px;background:var(--blue);margin:6px}.mainbar.open nav{display:flex;position:absolute;z-index:20;top:127px;left:0;width:100%;background:#fff;padding:25px 6vw;flex-direction:column;gap:0}.mainbar.open nav a{padding:12px}.solution-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.about-photo{min-height:480px}.project-grid{grid-template-columns:1fr}.project-photo{height:400px}}
@media(max-width:650px){.shell{width:88vw}.topbar nav a:nth-child(2){display:none}.mainbar{height:75px}.logo{width:190px}.mainbar.open nav{top:110px}.hero{height:690px}.hero-inner{padding-top:90px}.hero-news{display:none}.hero-inner>p:not(.kicker){font-size:16px}.actions{align-items:flex-start;flex-direction:column}.btn{min-width:240px}.quick{grid-template-columns:1fr 1fr}.quick>div{padding:20px 12px}.solutions,.markets{padding:75px 0}.section-head{grid-template-columns:1fr;gap:25px}.solution-grid{grid-template-columns:1fr}.card-photo{height:280px}.about-photo{min-height:360px}.about-copy{padding:70px 6vw}.numbers{grid-template-columns:1fr}.numbers div{border-right:0;border-bottom:1px solid rgba(255,255,255,.2);padding-left:0}.market-list>a{grid-template-columns:45px 1fr 25px}.market-list p{display:none}.projects-head{align-items:flex-start;flex-direction:column;gap:30px}.project-photo{height:270px}.contact-grid{grid-template-columns:1fr;gap:35px}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-bottom{flex-wrap:wrap}.footer-bottom a:last-child{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Onderliggende pagina's */
.subpage .mainbar{border-bottom:1px solid var(--line)}.breadcrumbs{padding:18px 0;font-size:12px;color:var(--muted)}.breadcrumbs a{color:var(--blue);font-weight:600}.page-hero{min-height:540px;position:relative;color:#fff;display:flex;align-items:end;background-position:center;background-size:cover}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,77,.94),rgba(8,31,101,.48) 62%,rgba(8,31,101,.08))}.page-hero .shell{position:relative;padding:80px 0}.page-hero h1{font-size:clamp(3rem,6vw,6.2rem);max-width:900px;margin-bottom:18px}.page-hero p{max-width:700px;font-size:19px;color:rgba(255,255,255,.84)}.hero-solutions{background-image:url('assets/smart-building.webp')}.hero-building{background-image:url('assets/gebouwbeheer.webp')}.hero-energy{background-image:url('assets/zonnepanelen.webp')}.hero-safety{background-image:url('assets/security.webp')}.hero-office{background-image:url('assets/kantoor.webp')}.hero-company{background-image:url('https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1800&q=85')}.hero-contact{background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=85')}.intro-block{padding:95px 0}.intro-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.intro-layout h2{font-size:clamp(2.3rem,4vw,4rem)}.intro-layout .lead{font-size:22px;color:var(--blue);font-weight:500}.intro-layout p{color:var(--muted);font-size:17px}.detail-section{padding:90px 0;background:var(--gray)}.detail-section.white{background:#fff}.detail-section .section-head{margin-bottom:45px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.detail-card{background:#fff;min-height:100%;transition:.25s}.detail-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(13,35,125,.12)}.detail-card img{width:100%;height:235px;object-fit:cover;display:block}.detail-card>div{padding:28px}.detail-card small{color:var(--orange);font-weight:700;letter-spacing:.1em}.detail-card h3{font-size:27px;color:var(--blue);margin:10px 0 14px}.detail-card p{font-size:15px;color:var(--muted)}.detail-card a{font-size:13px;font-weight:700;color:var(--blue)}.process{padding:95px 0;background:var(--blue);color:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid rgba(255,255,255,.25)}.process-grid div{padding:30px 24px;border-right:1px solid rgba(255,255,255,.25)}.process-grid span{color:var(--orange);font-size:12px}.process-grid h3{font-size:23px;margin:15px 0}.process-grid p{font-size:14px;color:rgba(255,255,255,.65)}.quote-band{padding:75px 0;background:var(--orange);color:#fff}.quote-band blockquote{font-size:clamp(1.8rem,3.5vw,3.5rem);line-height:1.15;max-width:1000px;margin:0}.cta-band{padding:85px 0;background:var(--blue-dark);color:#fff}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-row p{color:rgba(255,255,255,.68);max-width:600px}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:50px}.contact-card{padding:35px;background:var(--gray)}.contact-card h3{color:var(--blue);font-size:28px}.contact-card a{display:block;color:var(--blue);font-weight:600;margin-top:8px}.story-timeline{border-left:3px solid var(--orange);padding-left:35px}.story-timeline div{margin-bottom:35px}.story-timeline strong{color:var(--blue);font-size:24px}.story-timeline p{margin:5px 0;color:var(--muted)}
@media(max-width:900px){.intro-layout{grid-template-columns:1fr;gap:35px}.detail-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.cta-row{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.page-hero{min-height:480px}.page-hero .shell{padding:55px 0}.intro-block,.detail-section,.process{padding:70px 0}.detail-grid,.contact-cards{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.process-grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.cta-band{padding:65px 0}}

/* Videohero op de voorpagina */
.hero-video{position:absolute;inset:0;overflow:hidden;background:#0d237d url('assets/multicom-video-poster.jpg') center/cover no-repeat}
.hero-video video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}

/* Extra inhoud en markt-overzichten */
.facts-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:55px}.fact{background:#fff;padding:30px}.fact strong{display:block;color:var(--blue);font-size:22px;margin-bottom:8px}.fact p{margin:0;color:var(--muted);font-size:14px}.source-note{margin-top:35px;padding:22px 25px;border-left:4px solid var(--orange);background:#fff;color:var(--muted);font-size:14px}.source-note a{color:var(--blue);font-weight:700}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;margin-top:35px}.service-list div{padding:20px 0;border-top:1px solid var(--line)}.service-list h3{color:var(--blue);font-size:22px;margin-bottom:7px}.service-list p{color:var(--muted);font-size:14px;margin:0}.market-card{position:relative;min-height:390px;overflow:hidden;color:#fff;background-position:center;background-size:cover}.market-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,20,77,.9),rgba(5,20,77,.08) 75%)}.market-card>div{position:absolute;z-index:1;left:28px;right:28px;bottom:25px}.market-card h3{font-size:30px;margin:7px 0}.market-card p{font-size:14px;color:rgba(255,255,255,.75)}.market-card b{color:var(--orange)}
@media(max-width:700px){.facts-strip,.service-list{grid-template-columns:1fr}.market-card{min-height:330px}}
.content-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.content-columns h2{font-size:clamp(2.2rem,4vw,4rem);margin-bottom:25px}.content-columns p{color:var(--muted);font-size:16px}.check-list{list-style:none;padding:0;margin:25px 0}.check-list li{position:relative;padding:13px 0 13px 30px;border-bottom:1px solid var(--line)}.check-list li:before{content:"\2713";position:absolute;left:0;color:var(--orange);font-weight:800}.faq-list{margin-top:45px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{cursor:pointer;color:var(--blue);font-size:19px;font-weight:700;list-style:none}.faq-list summary:after{content:"+";float:right;color:var(--orange);font-size:25px}.faq-list details[open] summary:after{content:"\2212"}.faq-list details p{max-width:850px;margin:15px 0 0;color:var(--muted)}.result-band{padding:75px 0;background:#eef1f8}.result-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.result-grid h2{font-size:clamp(2.2rem,4vw,4rem)}
@media(max-width:800px){.content-columns,.result-grid{grid-template-columns:1fr;gap:30px}}
.hero-climate{background-image:url('assets/smart-building.webp')}.hero-connect{background-image:url('assets/connectivity.webp')}.hero-charging{background-image:url('assets/laadpaal.webp')}.hero-fire{background-image:url('assets/brandbeveiliging.webp')}.hero-markets{background-image:url('assets/kantoor.webp')}.hero-utility{background-image:url('assets/gebouwbeheer.webp')}.hero-care{background-image:url('https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=1800&q=85')}.hero-education{background-image:url('https://images.unsplash.com/photo-1523050854058-8df90110c9f1?auto=format&fit=crop&w=1800&q=85')}.hero-retail{background-image:url('https://images.unsplash.com/photo-1441986300917-64674bd600d8?auto=format&fit=crop&w=1800&q=85')}

/* Leesbaarheid en inhoudelijke verdiepingsblokken */
:root{--orange:#ad5a00;--muted:#3f4653}
body{font-size:18px;line-height:1.7;color:#111827}
p{max-width:74ch}
h1,h2,h3{line-height:1.08}
.topbar{font-size:14px}.topbar-inner>span{color:rgba(255,255,255,.86)}.mainbar nav{font-size:16px}.breadcrumbs{font-size:14px;color:#4c5563}.hero-shade{background:linear-gradient(90deg,rgba(4,18,70,.97) 0%,rgba(8,27,91,.84) 54%,rgba(7,20,63,.42) 100%)}.hero-inner>p:not(.kicker),.page-hero p{font-size:21px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.36)}.page-hero:before{background:linear-gradient(90deg,rgba(5,20,77,.97),rgba(8,31,101,.78) 68%,rgba(8,31,101,.44))}.page-hero .shell{z-index:1}.kicker{font-size:14px}.section-head>p,.intro-layout p,.content-columns p,.detail-card p,.service-list p,.fact p,.source-note,.faq-list details p,.market-list p,.market-card p,.card-copy p,.cta-row p{color:#3f4653;font-size:17px;line-height:1.72}.intro-layout .lead{font-size:24px;line-height:1.45;color:var(--blue)}.card-copy p{min-height:auto}.detail-card p,.service-list p,.fact p,.market-card p{font-size:16px}.process-grid p,.about-copy>p:not(.kicker),.contact-grid>div:last-child,.cta-band p{color:rgba(255,255,255,.9);font-size:17px;line-height:1.7}.footer-grid p{color:rgba(255,255,255,.82);font-size:16px}.footer-grid nav,.footer-grid>div:last-child{font-size:16px}.footer-bottom{font-size:13px;color:rgba(255,255,255,.74)}.quote-band,.contact{background:#9f5200}.btn.orange{background:#9f5200}.market-card:before{background:linear-gradient(0deg,rgba(5,20,77,.96),rgba(5,20,77,.55) 62%,rgba(5,20,77,.18))}.market-card p{color:#fff}.source-note{border-left-width:6px;color:#364152}.check-list li{font-size:17px;line-height:1.55;color:#222b38}.faq-list summary{font-size:21px}.reveal{opacity:1;transform:none;transition:none}.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .35s,transform .35s}.js .reveal.visible{opacity:1;transform:none}.hero-climate{background-image:url('assets/airco-warmtepompen-v2.webp')}.hero-charging{background-image:url('assets/laadinfrastructuur-v2.webp')}.hero-fire{background-image:url('assets/detectie-alarmering-v2.webp')}
.deep-dive{padding:95px 0;background:#fff}.deep-dive.tint{background:#eef1f8}.deep-intro{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start;margin-bottom:44px}.deep-intro h2{font-size:clamp(2.3rem,4vw,4.2rem)}.deep-intro p:last-child{font-size:20px;color:#2f3948}.deep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.deep-card{background:#fff;border:1px solid var(--line);padding:30px;min-height:100%;box-shadow:0 12px 32px rgba(13,35,125,.06)}.deep-dive.tint .deep-card{background:#fff}.deep-card small{display:block;color:var(--orange);font-weight:800;letter-spacing:.12em;margin-bottom:12px}.deep-card h3{color:var(--blue);font-size:25px;margin-bottom:12px}.deep-card p{color:#354052;font-size:17px;line-height:1.68;margin-bottom:0}.deep-card ul{margin:16px 0 0;padding-left:20px;color:#2f3948;line-height:1.65}.deep-card li+li{margin-top:8px}.topic-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.topic-nav a{background:#fff;border:1px solid var(--line);color:var(--blue);font-weight:700;padding:12px 16px}.topic-nav a:hover{border-color:var(--orange);color:var(--orange)}
@media(max-width:900px){.deep-intro{grid-template-columns:1fr;gap:28px}.deep-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){body{font-size:17px}.hero-inner>p:not(.kicker),.page-hero p{font-size:18px}.section-head>p,.intro-layout p,.content-columns p,.detail-card p,.service-list p,.fact p,.source-note,.faq-list details p,.market-list p,.market-card p,.card-copy p,.cta-row p{font-size:16px}.deep-grid{grid-template-columns:1fr}.deep-dive{padding:70px 0}}

/* Nieuwe onderwerpbeelden en onderliggende pagina's */
.climate{background-image:url('assets/gebouwbeheer-home-v2.webp')}
.electric{background-image:url('assets/energie-data-home-v2.webp')}
.hero-solar{background-image:url('assets/zonnepanelen.webp')}
.hero-monitoring{background-image:url('assets/energie-data-home-v2.webp')}
.hero-automation{background-image:url('assets/gebouwbeheer-home-v2.webp')}
.hero-maintenance{background-image:url('assets/gebouwbeheer.webp')}
.hero-gbs{background-image:url('assets/gbs-systeem-v2.webp')}
.hero-airhandling{background-image:url('assets/luchtbehandeling-v2.webp')}
.hero-inspections{background-image:url('assets/energie-data-home-v2.webp')}
.hero-medium-voltage{background-image:url('assets/middenspanningsinstallaties.webp')}
.hero-camera{background-image:url('assets/camera-inbraakdetectie-v2.webp')}
.hero-access{background-image:url('assets/veiligheid-v2.webp')}
.hero-emergency{background-image:url('assets/noodverlichting-v2.webp')}
.hero-safety,.security,.project-b{background-image:url('assets/veiligheid-v2.webp')}
.hero-construction{background-image:url('assets/project-multicom-pand.jpg')}
.service-list a{display:inline-block;margin-top:8px;color:var(--blue);font-size:14px;font-weight:700}

.mainbar .site-nav{display:flex;align-items:center;margin-left:auto;gap:0;position:relative}
.site-nav .nav-item{position:relative}
.site-nav .nav-link{height:92px;display:flex;align-items:center;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:700;cursor:pointer;padding:0 16px;position:relative}
.site-nav .nav-link:after{content:"";position:absolute;bottom:26px;left:16px;width:0;height:3px;background:var(--orange);transition:.25s}
.site-nav .nav-link:hover:after,.site-nav .nav-item.open>.nav-link:after,.site-nav .nav-item:focus-within>.nav-link:after{width:calc(100% - 32px)}
.site-nav .has-dropdown>.nav-link{padding-right:28px}
.site-nav .has-dropdown>.nav-link:before{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;border-right:2px solid var(--orange);border-bottom:2px solid var(--orange);transform:translateY(-65%) rotate(45deg);transition:.2s}
.site-nav .nav-item.open>.nav-link:before,.site-nav .nav-item:focus-within>.nav-link:before{transform:translateY(-35%) rotate(225deg)}
.dropdown-menu{position:absolute;z-index:80;top:92px;right:0;width:min(980px,calc(100vw - 64px));display:grid;grid-template-columns:300px 1fr;gap:28px;background:#fff;border-top:4px solid var(--orange);box-shadow:0 24px 60px rgba(7,22,79,.18);padding:30px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:opacity .2s,transform .2s,visibility .2s}
.dropdown-menu.compact{width:min(760px,calc(100vw - 64px))}
.nav-item.open>.dropdown-menu,.nav-item:focus-within>.dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
@media(hover:hover){.nav-item:hover>.dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-item:hover>.nav-link:after{width:calc(100% - 32px)}}
.dropdown-feature{background:var(--blue);color:#fff;padding:26px;min-height:100%}
.dropdown-feature span{display:block;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.dropdown-feature strong{display:block;font-size:29px;line-height:1.08;margin-bottom:12px}
.dropdown-feature p{color:rgba(255,255,255,.82);font-size:15px;line-height:1.55;margin-bottom:20px}
.mainbar .dropdown-feature a{display:inline-flex;padding:0;color:#fff;font-size:14px;font-weight:800}
.mainbar .dropdown-feature a:after,.mainbar .dropdown-columns a:after{display:none}
.dropdown-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.dropdown-columns.two{grid-template-columns:repeat(2,1fr)}
.dropdown-columns small{display:block;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.mainbar .dropdown-columns a{display:block;padding:10px 0;color:#18234a;font-size:15px;font-weight:700;border-bottom:1px solid var(--line)}
.mainbar .dropdown-columns a:hover{color:var(--orange);padding-left:6px}

@media(max-width:1000px){
.mainbar .site-nav{display:none}
.mainbar.open .site-nav{display:flex;position:absolute;z-index:90;top:127px;left:0;width:100%;max-height:calc(100vh - 127px);overflow:auto;background:#fff;padding:18px 6vw 28px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 24px 50px rgba(7,22,79,.16)}
.site-nav .nav-item{width:100%}
.site-nav .nav-link{height:auto;min-height:52px;width:100%;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}
.site-nav .nav-link:after{display:none}
.site-nav .has-dropdown>.nav-link{padding-right:28px}
.site-nav .has-dropdown>.nav-link:before{right:4px}
.dropdown-menu,.dropdown-menu.compact{position:static;width:100%;display:none;grid-template-columns:1fr;gap:0;box-shadow:none;border-top:0;background:#f4f6fb;padding:0;margin:0 0 12px;opacity:1;visibility:visible;pointer-events:auto;transform:none}
.nav-item.open>.dropdown-menu{display:grid}
.dropdown-feature{padding:22px;background:var(--blue-dark)}
.dropdown-feature strong{font-size:24px}
.dropdown-columns,.dropdown-columns.two{grid-template-columns:1fr;gap:0;padding:14px 22px 22px}
.dropdown-columns div+div{margin-top:18px}
.mainbar .dropdown-columns a{padding:10px 0}
}

@media(max-width:650px){.mainbar.open .site-nav{top:110px;max-height:calc(100vh - 110px)}}
.gbs-card,.solution-card .card-photo.gbs-card{background-image:url('assets/gbs-systeem-home-priva.webp')!important;background-position:center}
.solution-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.solution-card{min-width:0}
.solution-card .card-copy h3{overflow-wrap:anywhere}
@media(max-width:1200px){.solution-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.solution-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.solution-grid{grid-template-columns:1fr}}

/* Dropdown boven de pagina houden en centreren onder de volledige navigatiebalk. */
header{position:sticky;top:0;z-index:1000;background:#fff}
section[id]{scroll-margin-top:140px}
.mainbar{position:relative;z-index:1001;overflow:visible}
.mainbar .site-nav{position:static}
.site-nav .nav-item{position:static}
.dropdown-menu{left:50%;right:auto;top:92px;width:min(1120px,88vw);transform:translate(-50%,12px);z-index:2000}
.dropdown-menu.compact{width:min(860px,88vw)}
.nav-item.open>.dropdown-menu,.nav-item:focus-within>.dropdown-menu{transform:translate(-50%,0)}
@media(hover:hover){.nav-item:hover>.dropdown-menu{transform:translate(-50%,0)}}
@media(max-width:1000px){
.mainbar .site-nav{position:absolute}
.mainbar.open .site-nav{top:100%}
.site-nav .nav-item{position:relative}
.dropdown-menu,.dropdown-menu.compact{left:auto;right:auto;top:auto;width:100%;transform:none;z-index:auto}
.nav-item.open>.dropdown-menu,.nav-item:focus-within>.dropdown-menu{transform:none}
}
@media(max-width:650px){section[id]{scroll-margin-top:120px}.mainbar.open .site-nav{top:100%;max-height:calc(100vh - 110px)}}

.language-toggle{height:42px;min-width:52px;margin-left:18px;border:2px solid var(--blue);background:#fff;color:var(--blue);font:inherit;font-weight:800;letter-spacing:.08em;cursor:pointer;transition:.2s}
.language-toggle:hover,.language-toggle[aria-pressed="true"]{background:var(--orange);border-color:var(--orange);color:#fff}
.translate-widget{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.translate-status{position:fixed;z-index:2500;right:24px;bottom:24px;max-width:360px;background:var(--blue-dark);color:#fff;padding:14px 18px;box-shadow:0 18px 45px rgba(7,22,79,.24);font-size:14px;line-height:1.45;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .2s,transform .2s}
.translate-status.visible{opacity:1;transform:translateY(0)}
.goog-te-banner-frame.skiptranslate,.goog-te-gadget-icon{display:none!important}
body{top:0!important}
@media(max-width:1000px){.language-toggle{height:38px;min-width:48px;margin-left:12px;margin-right:4px}.menu-toggle{margin-left:auto}}
@media(max-width:650px){.language-toggle{height:36px;min-width:44px;font-size:14px}.translate-status{left:18px;right:18px;bottom:18px;max-width:none}}

.hero-projects{background-image:url('assets/project-multicom-pand.jpg')}
.footer-grid>div:first-child img{width:270px;filter:none;background:#fff;padding:14px 18px;box-shadow:0 12px 32px rgba(0,0,0,.22)}
@media(max-width:650px){.footer-grid>div:first-child img{width:min(270px,100%);padding:12px 14px}}
.project-a{background-image:url('assets/project-restaurant-212-1.jpg')}
.project-b{background-image:url('assets/project-manutan-led.jpg')}
.project-c{background-image:url('assets/project-multicom-pand.jpg')}
.project-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.project-tile{background:#fff;display:block;transition:.25s;box-shadow:0 12px 32px rgba(13,35,125,.06)}
.project-tile:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(13,35,125,.14)}
.project-tile img{width:100%;height:280px;object-fit:cover;display:block}
.project-tile span{display:block;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.12em;margin:26px 28px 10px}
.project-tile h3{font-size:30px;color:var(--blue);margin:0 28px 12px}
.project-tile p{margin:0 28px 22px;color:#354052;font-size:17px}
.project-tile b{display:block;margin:0 28px 28px;color:var(--blue);font-size:14px}
.project-feature{padding:100px 0;background:#eef1f8}
.project-feature.white{background:#fff}
.project-feature-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}
.project-feature-grid.reverse{grid-template-columns:1.05fr .95fr}
.project-feature-grid.reverse .project-media{order:2}
.project-media img{width:100%;height:560px;object-fit:cover;display:block;box-shadow:0 22px 48px rgba(13,35,125,.14)}
.project-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}
.project-media .project-gallery img{height:180px;box-shadow:none}
.project-gallery figure{margin:0;position:relative;overflow:hidden;background:#fff}
.project-gallery figure img{width:100%;display:block}
.project-gallery figcaption{position:absolute;left:12px;bottom:12px;background:rgba(7,22,79,.92);color:#fff;padding:7px 10px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.project-gallery.labelled{grid-template-columns:repeat(3,1fr)}
.project-copy h2{font-size:clamp(2.4rem,4vw,4.4rem);margin-bottom:24px}
.project-copy .lead{font-size:23px;color:var(--blue);font-weight:600;line-height:1.45}
.project-copy p{color:#354052;font-size:17px}
.project-points{display:grid;gap:12px;margin-top:32px}
.project-points div{padding:20px 0;border-top:1px solid var(--line)}
.project-points strong{display:block;color:var(--blue);font-size:20px;margin-bottom:4px}
.project-points span{color:#354052}
.legal-document{background:#fff;padding:46px;box-shadow:0 16px 40px rgba(13,35,125,.08);border-left:6px solid var(--orange)}
.legal-document pre{white-space:pre-wrap;margin:0;font-family:Barlow,Arial,sans-serif;font-size:16px;line-height:1.75;color:#1f2937}
.gbs-feature{display:grid;grid-template-columns:.9fr 1.05fr .85fr;gap:46px;align-items:center}
.gbs-feature-image img{width:100%;height:420px;object-fit:cover;display:block;box-shadow:0 18px 42px rgba(13,35,125,.14)}
.gbs-feature-copy p{color:#354052;font-size:17px;line-height:1.7}
@media(max-width:950px){.project-overview,.project-feature-grid,.project-feature-grid.reverse{grid-template-columns:1fr}.project-feature-grid.reverse .project-media{order:0}.project-media img{height:420px}}
@media(max-width:950px){.gbs-feature{grid-template-columns:1fr}.gbs-feature-image img{height:360px}}
@media(max-width:650px){.project-feature{padding:70px 0}.project-tile img,.project-media img{height:300px}.project-gallery,.project-gallery.labelled{grid-template-columns:1fr}.project-media .project-gallery img{height:240px}.legal-document{padding:28px}.legal-document pre{font-size:15px}.gbs-feature-image img{height:280px}}
.contact-form-section{padding:95px 0;background:#fff}.contact-form-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.contact-form-intro p:not(.kicker){color:#3f4653;font-size:18px;line-height:1.72}.form-helper{margin-top:28px;padding:20px 22px;border-left:5px solid var(--orange);background:#f4f6fb}.form-helper a{color:var(--blue);font-weight:800}.contact-form-panel{background:#eef1f8;padding:38px;box-shadow:0 18px 42px rgba(13,35,125,.1)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:flex;flex-direction:column;gap:8px;color:var(--blue);font-size:15px;font-weight:800}.contact-form .full,.form-note,.form-status{grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #c9cfdb;background:#fff;color:#172033;font:inherit;font-size:17px;padding:14px 15px;outline:0;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(13,35,125,.14)}.contact-form textarea{min-height:160px;resize:vertical}.form-note{margin:2px 0 0;color:#3f4653;font-size:15px;line-height:1.6}.contact-form button{border:0;cursor:pointer}.form-status{min-height:24px;margin:0;color:#2e6b37;font-weight:700}.form-status.visible{padding:12px 14px;background:#e9f5ec;border-left:4px solid #2e6b37}.form-status.error{color:#8a1f1f;background:#fff1f1;border-left-color:#8a1f1f}@media(max-width:900px){.contact-form-wrap{grid-template-columns:1fr;gap:35px}.contact-form-panel{padding:30px}}@media(max-width:650px){.contact-form-section{padding:70px 0}.contact-form{grid-template-columns:1fr}.contact-form-panel{padding:24px}.contact-form input,.contact-form select,.contact-form textarea{font-size:16px}.contact-form button{width:100%;min-width:0}}
.contact-page main{display:flex;flex-direction:column}.contact-page .breadcrumbs{order:0}.contact-page .hero-contact{display:none}.contact-page .contact-form-section{order:1;padding:58px 0 95px;background:linear-gradient(135deg,#eef1f8 0%,#fff 58%,#fff 100%)}.contact-page .contact-form-panel{background:#fff}.contact-page .intro-block{order:2;padding-top:80px}.contact-page .process{order:3}@media(max-width:650px){.contact-page .contact-form-section{padding:40px 0 70px}.contact-page .intro-block{padding-top:65px}}
.trust-section{padding:95px 0;background:#fff}.trust-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:start}.trust-copy>p:not(.kicker){color:#3f4653;font-size:18px;line-height:1.72;margin:28px 0}.trust-list{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--line)}.trust-list li{position:relative;padding:15px 0 15px 32px;border-bottom:1px solid var(--line);color:#253044;font-size:17px}.trust-list li:before{content:"";position:absolute;left:0;top:22px;width:12px;height:12px;background:var(--orange)}.certifications{display:grid;gap:18px}.cert-card{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center;background:#f4f6fb;border:1px solid var(--line);padding:22px;box-shadow:0 14px 34px rgba(13,35,125,.08)}.cert-logo-link{display:flex;align-items:center;justify-content:center;width:260px;max-width:100%;min-height:126px;padding:14px;background:#fff;border:1px solid #e3e7ef;border-radius:14px;transition:transform .2s,box-shadow .2s}.cert-logo-link:focus,.cert-logo-link:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(13,35,125,.12);outline:0}.cert-card img{width:100%;max-width:236px;max-height:104px;object-fit:contain;display:block}.cert-card h3{color:var(--blue);font-size:26px;margin-bottom:8px}.cert-card p{margin:0;color:#3f4653;font-size:16px;line-height:1.58}@media(max-width:950px){.trust-layout{grid-template-columns:1fr;gap:38px}.certifications{grid-template-columns:1fr 1fr}.cert-card{grid-template-columns:1fr}.cert-logo-link{width:250px}.cert-card img{max-width:226px;max-height:105px}}@media(max-width:650px){.trust-section{padding:70px 0}.certifications{grid-template-columns:1fr}.cert-card{padding:20px}.cert-logo-link{width:230px}.cert-card img{max-width:206px}.trust-list li{font-size:16px}}