:root{--navy:#2c3e63;--navy-deep:#1e2c47;--navy-mid:#3a4f7a;--sky:#5ba0e0;--sky-bright:#7ab8f0;--sky-pale:#e8f1fa;--concrete:#f5f7fa;--line:#d4dce5;--ink:#1e2c47;--ink-soft:#5a6878;--white:#ffffff}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Archivo,sans-serif;color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:Archivo,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1;text-transform:uppercase}a{color:inherit;text-decoration:none}.container{max-width:1320px;margin:0 auto;padding:0 32px}.topbar{background:var(--navy-deep);color:var(--white);font-size:.85rem;padding:12px 0;letter-spacing:.12em;border-bottom:2px solid var(--sky);font-family:Archivo,sans-serif;text-transform:uppercase;text-align:center;font-weight:500}.topbar .tagline{display:inline-flex;align-items:center;gap:14px}.topbar .tagline::after,.topbar .tagline::before{content:'◆';color:var(--sky-bright);font-size:.7rem}.nav{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;box-shadow:0 2px 20px rgba(44,62,99,.05)}.nav .container{display:flex;justify-content:space-between;align-items:center;padding:18px 32px}.logo-img{height:72px;width:auto;display:block}.nav-links{display:flex;gap:32px;list-style:none;align-items:center}.nav-links a{font-size:.85rem;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.05em;transition:color .2s}.nav-links a:hover{color:var(--sky)}.btn-cta{background:var(--navy);color:var(--white)!important;padding:14px 24px;border:2px solid var(--navy);box-shadow:4px 4px 0 var(--sky);transition:.2s}.btn-cta:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--sky)}.menu-toggle{display:none;background:0 0;border:none;cursor:pointer;font-size:1.6rem;color:var(--navy)}.hero{position:relative;min-height:92vh;display:flex;align-items:center;background:linear-gradient(90deg,rgba(30,44,71,.95) 0,rgba(30,44,71,.8) 45%,rgba(30,44,71,.45) 100%),url('bg-07-34975950.jpg') center center/cover;color:var(--white);overflow:hidden;border-bottom:4px solid var(--sky)}.hero::after,.hero::before{display:none}.hero-inner{position:relative;z-index:2;max-width:720px;padding:100px 0 140px 60px;margin-left:0;margin-right:auto;text-align:left}.hero .container{padding-left:0;max-width:100%;margin-left:0}.hero-eyebrow{display:inline-flex;align-items:center;gap:12px;background:var(--sky);color:var(--white);padding:8px 16px;font-family:Archivo,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:32px;font-weight:600}.hero-eyebrow::before{content:'▲';font-size:.6rem}.hero h1{font-size:clamp(2.6rem, 7vw, 5.5rem);margin-bottom:32px;font-weight:900;letter-spacing:-.04em}.hero h1 span{display:inline-block;color:var(--sky-bright);position:relative}.hero h1 span::after{content:'';position:absolute;bottom:8px;left:0;right:0;height:8px;background:var(--sky);z-index:-1;opacity:.4}.hero p{font-size:1.2rem;margin-bottom:44px;max-width:540px;opacity:.95;line-height:1.6;margin-left:0;margin-right:auto}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-start}.btn-primary,.btn-secondary{padding:18px 32px;font-weight:700;font-size:.9rem;transition:.2s;display:inline-flex;align-items:center;gap:12px;cursor:pointer;border:2px solid;font-family:inherit;text-transform:uppercase;letter-spacing:.08em}.btn-primary{background:var(--sky);color:var(--white);border-color:var(--sky);box-shadow:5px 5px 0 var(--white)}.btn-primary:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--white)}.btn-secondary{background:0 0;color:var(--white);border-color:var(--white)}.btn-secondary:hover{background:var(--white);color:var(--navy)}.hero-stats{position:absolute;bottom:0;left:0;right:0;background:var(--sky);z-index:3}.hero-stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.hero-stat{padding:28px 32px;color:var(--white);border-right:1px solid rgba(255,255,255,.2)}.hero-stat:last-child{border-right:none}.hero-stat-num{font-size:2.5rem;font-weight:900;line-height:1;margin-bottom:6px;letter-spacing:-.03em}.hero-stat-label{font-family:Archivo,sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;opacity:.95}section{padding:120px 0}.section-eyebrow{font-family:Archivo,sans-serif;font-size:.78rem;text-transform:uppercase;letter-spacing:.2em;color:var(--sky);font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:14px}.section-eyebrow::before{content:'';width:30px;height:3px;background:var(--sky)}.section-title{font-size:clamp(2.2rem, 5vw, 3.8rem);margin-bottom:28px;max-width:800px;font-weight:900;letter-spacing:-.03em;color:var(--navy)}.section-title .accent{color:var(--sky)}.intro{background:var(--white)}.intro-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:stretch}.intro-image{width:100%;height:540px;background-size:cover;background-position:center;border-radius:0;position:relative;box-shadow:0 20px 40px rgba(30,44,71,.15)}.intro-image::before{content:'';position:absolute;top:-16px;left:-16px;width:60%;height:60%;background:var(--sky);z-index:-1}.intro-content{position:relative}.intro-text p{color:var(--ink-soft);font-size:1.05rem;margin-bottom:20px}.intro-checks{list-style:none;margin-top:36px;border-top:2px solid var(--navy)}.intro-checks li{padding:18px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;font-weight:600;color:var(--navy);font-size:.95rem}.intro-checks .check{width:32px;height:32px;background:var(--sky);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;font-weight:900}.intro-checks .num{font-family:Archivo,sans-serif;color:var(--ink-soft);font-size:.75rem;margin-left:auto}.services{background:var(--navy-deep);color:var(--white);position:relative;overflow:hidden}.services::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:80px 80px;pointer-events:none}.services .container{position:relative;z-index:1}.services .section-title{color:var(--white)}.services-header{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:70px}.services-header p{color:rgba(255,255,255,.75);font-size:1.05rem}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.service-card{background:var(--navy);overflow:hidden;position:relative;transition:.3s;display:flex;flex-direction:column;border:2px solid var(--navy-mid)}.service-card:hover{border-color:var(--sky);transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--sky)}.service-image{height:280px;background-size:cover;background-position:center;position:relative;filter:grayscale(.2) brightness(.9);transition:filter .3s}.service-card:hover .service-image{filter:grayscale(0) brightness(1)}.service-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(30,44,71,.6))}.service-tag{position:absolute;top:0;left:0;z-index:2;background:var(--sky);color:var(--white);padding:10px 16px;font-family:Archivo,sans-serif;font-size:.75rem;letter-spacing:.1em;font-weight:600;text-transform:uppercase}.service-body{padding:36px 32px 40px;flex:1;display:flex;flex-direction:column}.service-body h3{font-size:1.8rem;margin-bottom:16px;color:var(--white);font-weight:800}.service-body p{color:rgba(255,255,255,.7);font-size:.98rem;margin-bottom:28px;flex:1}.service-link{color:var(--sky-bright);font-weight:700;font-size:.82rem;display:inline-flex;align-items:center;gap:10px;transition:gap .2s;text-transform:uppercase;letter-spacing:.12em;font-family:Archivo,sans-serif}.service-link:hover{gap:16px;color:var(--white)}.approach{background:var(--concrete);position:relative;overflow:hidden}.approach::before{content:'WERKWIJZE';position:absolute;top:40px;right:-50px;font-size:14rem;font-weight:900;color:var(--navy);opacity:.04;line-height:1;pointer-events:none;letter-spacing:-.05em}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;position:relative}.approach-intro p{color:var(--ink-soft);font-size:1.05rem;margin-bottom:20px}.approach-list{list-style:none}.approach-item{padding:32px;background:var(--white);margin-bottom:16px;display:grid;grid-template-columns:70px 1fr;gap:24px;border-left:4px solid var(--sky);transition:.2s}.approach-item:hover{transform:translateX(8px);box-shadow:-8px 8px 0 var(--navy)}.approach-num{font-family:Archivo,sans-serif;font-size:2rem;color:var(--sky);font-weight:700;line-height:1}.approach-item h4{font-size:1.25rem;margin-bottom:8px;color:var(--navy);font-weight:800}.approach-item p{color:var(--ink-soft);font-size:.95rem;text-transform:none;font-weight:400;line-height:1.6}.regions{background:var(--white)}.regions-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.regions-text p{color:var(--ink-soft);font-size:1.05rem;margin-bottom:20px}.region-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:36px}.region-tag{background:var(--navy);color:var(--white);padding:20px 24px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.95rem;border-left:4px solid var(--sky);transition:.2s}.region-tag:hover{background:var(--sky);transform:translateY(-3px)}.regions-clients{background:var(--sky-pale);padding:50px;border-left:6px solid var(--sky)}.regions-clients h4{color:var(--navy);font-size:1.3rem;margin-bottom:28px;font-weight:800}.client-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px}.client-list li{color:var(--navy);font-size:.92rem;padding-left:22px;position:relative;font-weight:500}.client-list li::before{content:'▸';position:absolute;left:0;top:0;color:var(--sky);font-weight:700}.testimonial{background:linear-gradient(rgba(30,44,71,.78),rgba(30,44,71,.78)),url('img-testimonial.jpg') center center/cover;text-align:center;color:var(--white);position:relative;overflow:hidden}.testimonial .container{position:relative;z-index:1}.testimonial-quote{max-width:880px;margin:0 auto}.quote-mark{display:inline-block;font-family:Archivo,sans-serif;font-size:7rem;line-height:.8;margin-bottom:8px;font-weight:900}.testimonial-quote blockquote{font-size:clamp(1.5rem, 3vw, 2.4rem);line-height:1.3;color:var(--white);margin-bottom:36px;font-weight:700;letter-spacing:-.02em;text-transform:uppercase}.testimonial-author{font-family:Archivo,sans-serif;font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;opacity:.95;font-weight:500}.cta-section{background:var(--navy-deep);color:var(--white);text-align:center;padding:110px 0;position:relative;overflow:hidden;border-top:4px solid var(--sky);border-bottom:4px solid var(--sky)}.cta-section::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(91,160,224,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(91,160,224,.05) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.cta-section .container{position:relative}.cta-section h2{font-size:clamp(2.2rem, 5vw, 3.6rem);margin-bottom:24px;font-weight:900;letter-spacing:-.03em;color:var(--white)}.cta-section h2 .accent{color:var(--sky-bright)}.cta-section p{font-size:1.1rem;max-width:620px;margin:0 auto 40px;color:rgba(255,255,255,.8)}.contact{background:var(--white)}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.contact-info h2{font-size:clamp(2rem, 4vw, 3rem);margin-bottom:24px;font-weight:900;letter-spacing:-.03em;color:var(--navy)}.contact-info>p{color:var(--ink-soft);margin-bottom:40px;font-size:1.05rem}.contact-block{padding:22px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:start}.contact-block:last-child{border-bottom:1px solid var(--line)}.contact-block .label{font-family:Archivo,sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:var(--sky);font-weight:600;padding-top:4px}.contact-block .value{font-size:1.05rem;color:var(--navy);font-weight:600}.contact-block .value a:hover{color:var(--sky)}.contact-form{background:var(--navy-deep);color:var(--white);padding:50px;position:relative;border-top:4px solid var(--sky)}.contact-form h3{font-size:1.8rem;margin-bottom:10px;color:var(--white);font-weight:900}.contact-form .form-sub{color:rgba(255,255,255,.75);margin-bottom:32px;font-size:.95rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-field{margin-bottom:16px}.form-field label{display:block;font-family:Archivo,sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:var(--sky-bright);margin-bottom:10px;font-weight:600}.form-field input,.form-field select,.form-field textarea{width:100%;padding:14px 16px;border:2px solid var(--navy-mid);background:var(--navy);font-family:inherit;font-size:.95rem;color:var(--white);transition:border-color .2s}.form-field input::placeholder,.form-field textarea::placeholder{color:rgba(255,255,255,.4)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:0;border-color:var(--sky)}.form-field textarea{resize:vertical;min-height:120px}.form-submit{background:var(--sky);color:var(--white);border:2px solid var(--sky);padding:18px 32px;font-weight:800;font-size:.9rem;cursor:pointer;font-family:inherit;transition:.2s;width:100%;letter-spacing:.1em;text-transform:uppercase}.form-submit:hover{background:var(--white);color:var(--navy);border-color:var(--white)}footer{background:var(--navy-deep);color:var(--white);padding:90px 0 30px;border-top:4px solid var(--sky)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px}.footer-brand .logo-img{height:60px;margin-bottom:24px;filter:brightness(0) invert(1)}.footer-brand p{color:rgba(255,255,255,.7);font-size:.95rem;margin-bottom:24px;max-width:320px}.footer-social a{display:inline-flex;align-items:center;gap:10px;color:var(--sky-bright);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;font-family:Archivo,sans-serif}.footer-col h5{font-size:.78rem;text-transform:uppercase;letter-spacing:.2em;color:var(--sky-bright);margin-bottom:24px;font-weight:700;font-family:Archivo,sans-serif}.footer-col ul{list-style:none}.footer-col li{margin-bottom:12px;font-size:.92rem;color:rgba(255,255,255,.75)}.footer-col a:hover{color:var(--sky-bright)}.footer-bottom{padding-top:30px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;font-family:Archivo,sans-serif;font-size:.78rem;color:rgba(255,255,255,.55);flex-wrap:wrap;gap:16px;text-transform:uppercase;letter-spacing:.1em}
/* === Footer logo (groter formaat voor het brede schoonmaakbedrijf-logo) === */
.footer-logo-img{max-width:200px;width:100%;height:auto;display:block;margin-bottom:24px;background:var(--white);padding:10px 12px;box-sizing:border-box}

/* === Bestandsupload in formulier === */
.form-optional{color:rgba(255,255,255,.5);font-weight:400;text-transform:none;letter-spacing:.05em;font-size:.7rem;margin-left:6px}
.file-upload{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.file-upload input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.file-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--navy);color:var(--white);border:2px solid var(--sky);font-family:inherit;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:.2s}
.file-upload-btn:hover{background:var(--sky);color:var(--white)}
.file-upload input[type="file"]:focus + .file-upload-btn{outline:2px solid var(--sky-bright);outline-offset:2px}
.file-list{color:rgba(255,255,255,.7);font-size:.88rem;font-style:italic}

@media (max-width:960px){.menu-toggle{display:block}.logo-img{height:56px}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);flex-direction:column;padding:30px;gap:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);border-top:1px solid var(--line);border-bottom:2px solid var(--navy)}.nav-links.open{display:flex}.hero-stats-grid{grid-template-columns:repeat(2,1fr)}.hero-stat{border-bottom:1px solid rgba(255,255,255,.2)}.hero-stat:nth-child(2){border-right:none}.approach-grid,.contact-grid,.intro-grid,.regions-grid,.services-header{grid-template-columns:1fr;gap:50px}.intro-image{height:380px}.services-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.form-row{grid-template-columns:1fr}.contact-form{padding:32px}section{padding:80px 0}.topbar .meta{gap:16px}.container{padding:0 24px}.approach::before{font-size:8rem}}@media (max-width:540px){.client-list,.footer-grid,.hero-stats-grid,.region-list{grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{justify-content:center}.topbar{font-size:.7rem}.topbar .container{flex-direction:column;gap:6px}.contact-block{grid-template-columns:1fr;gap:8px}.hero-inner{padding:70px 0 200px}.logo-img{height:48px}}
@media (max-width:540px){.file-upload{flex-direction:column;align-items:flex-start}.file-upload-btn{width:100%;justify-content:center}}

/* === Dienst showcase met achtergrondfoto === */
.dienst-showcase{color:var(--white);position:relative}
.showcase-caption{max-width:540px;background:rgba(30,44,71,.85);padding:28px 32px;border-left:4px solid var(--sky-bright)}
.showcase-tag{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--sky-bright);margin-bottom:10px}
.showcase-caption h3{font-size:1.6rem;font-weight:800;margin:0 0 8px;line-height:1.2;text-transform:uppercase;letter-spacing:-.02em}
.showcase-caption p{font-size:.95rem;line-height:1.5;margin:0;color:rgba(255,255,255,.85)}

/* === Section intro (kleine intro onder section-title) === */
.section-intro{font-size:1rem;color:rgba(0,0,0,.6);max-width:680px;margin:0 0 32px;line-height:1.6}
.dienst-section.dark .section-intro{color:rgba(255,255,255,.7)}

/* Mobiele aanpassing showcase */
@media (max-width:760px){
  .dienst-showcase{min-height:360px !important}
  .showcase-caption{padding:20px 22px}
  .showcase-caption h3{font-size:1.3rem}
}



/* === Compactere spacing tussen opvolgende dienst-sections === */
.dienst-section + .dienst-section{padding-top:50px}



/* === Staand portret in intro-sectie === */
.intro-image-portrait{width:100%;height:100%;min-height:500px;background-size:cover;background-position:center top;position:relative;box-shadow:0 20px 40px rgba(30,44,71,.15)}
.intro-image-portrait::before{content:'';position:absolute;top:-16px;left:-16px;width:60%;height:30%;background:var(--sky);z-index:-1}


/* Mobiele variant: foto behoudt vaste verhouding onder de tekst */
@media (max-width:960px){
  .intro-image-portrait{height:auto;aspect-ratio:23/50;min-height:0}
}

@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.hero h1,.hero p,.hero-buttons,.hero-eyebrow{animation:.7s ease-out backwards fadeUp}.hero-eyebrow{animation:.6s ease-out .1s backwards slideIn}.hero h1{animation-delay:.25s}.hero p{animation-delay:.4s}.hero-buttons{animation-delay:.55s}.page{display:none}#page-home,.page.active{display:block}body.has-active-page #page-home{display:none}body.has-active-page .page.active{display:block}.service-card-link{text-decoration:none;color:inherit;display:block;cursor:pointer}.service-card-link .service-card{height:100%}.dienst-hero{position:relative;min-height:60vh;display:flex;align-items:center;color:var(--white);overflow:hidden;border-bottom:4px solid var(--sky);padding:100px 0 80px}.dienst-hero .container{position:relative;z-index:2;padding-left:0;max-width:100%}.dienst-hero-inner{max-width:720px;padding:0 0 0 60px}.dienst-back{display:inline-block;color:var(--sky-bright);font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:24px;font-weight:700;text-decoration:none}.dienst-back:hover{color:var(--white)}.dienst-hero h1,.dienst-hero .dienst-h1{font-size:clamp(2.4rem, 5vw, 4rem);font-weight:900;letter-spacing:-.03em;margin-bottom:20px;line-height:1;text-transform:uppercase}.dienst-hero p{font-size:1.15rem;max-width:580px;opacity:.95;line-height:1.6}.dienst-section{padding:90px 0;background:var(--white)}.dienst-section.alt{background:var(--white)}.dienst-section.dark{background:var(--navy);color:var(--white)}.dienst-section.dark .section-title{color:var(--white)}.two-col{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}.two-col p{color:var(--ink-soft);font-size:1.05rem;margin-bottom:16px}.dark .two-col p{color:rgba(255,255,255,.8)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.info-item{background:var(--white);padding:24px;border-left:4px solid var(--sky);transition:transform .2s}.info-item:hover{transform:translateX(6px)}.dark .info-item{background:var(--navy-deep);border-left-color:var(--sky-bright)}.info-item h4{font-size:1.1rem;margin-bottom:8px;color:var(--navy);font-weight:800;text-transform:uppercase}.dark .info-item h4{color:var(--white)}.info-item p{font-size:.95rem;margin:0}.voornaaa{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.voornaaa-card{position:relative;height:380px;background-size:cover;background-position:center;overflow:hidden}.voornaaa-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(30,44,71,.7))}.voornaaa-label{position:absolute;bottom:20px;left:20px;background:var(--sky);color:var(--white);padding:8px 16px;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;z-index:2}.faq-grid{display:grid;gap:16px;margin-top:40px}.faq-item{background:var(--white);border-left:4px solid var(--sky);overflow:hidden}.faq-item summary{padding:22px 26px;cursor:pointer;font-weight:700;font-size:1.05rem;color:var(--navy);list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary::after{content:'+';font-size:1.6rem;color:var(--sky);transition:transform .2s}.faq-item[open] summary::after{transform:rotate(45deg)}.faq-item p{padding:0 26px 22px;color:var(--ink-soft);margin:0;line-height:1.6}.dienst-cta{background:var(--navy);color:var(--white);text-align:center;padding:80px 0;border-top:4px solid var(--sky)}.dienst-cta h2{font-size:clamp(2rem, 4vw, 3rem);margin-bottom:16px;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}.dienst-cta p{opacity:.85;margin-bottom:30px;font-size:1.1rem}.dienst-cta .hero-buttons{justify-content:center}@media (max-width:960px){.two-col{grid-template-columns:1fr;gap:40px}.info-grid,.voornaaa{grid-template-columns:1fr}.dienst-hero-inner{padding:0 24px}.dienst-section{padding:60px 0}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Werkfoto portret-tegels: op mobiel hoger om hele foto te tonen */
@media (max-width:768px){.werkfoto-portret{height:auto !important;max-height:80vh}}

/* WhatsApp floating button */
.wa-float{position:fixed;bottom:24px;right:24px;z-index:9999;font-family:'Archivo',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.wa-float a{display:flex;align-items:center;gap:12px;background:#fff;border-radius:50px;padding:6px 18px 6px 6px;box-shadow:0 4px 20px rgba(0,0,0,.18);text-decoration:none;transition:transform .2s,box-shadow .2s}.wa-float a:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.25)}.wa-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #25d366}.wa-text{display:flex;flex-direction:column;line-height:1.2;max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .35s ease,margin-right .35s ease;margin-right:0}.wa-float a:hover .wa-text,.wa-float.wa-open .wa-text{max-width:240px;margin-right:6px}.wa-greeting{font-size:13px;color:#555;font-weight:500}.wa-name{font-size:15px;color:#1e2c47;font-weight:700}.wa-icon{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.wa-icon svg{width:13px;height:13px;fill:#fff}.wa-avatar-wrap{position:relative;flex-shrink:0}@media(max-width:600px){.wa-float{bottom:16px;right:16px}.wa-float a{padding:5px 14px 5px 5px}.wa-avatar{width:64px;height:64px}.wa-greeting{font-size:12px}.wa-name{font-size:14px}}