/* =========================================================
   Vervolgpagina's (alles behalve de homepage)
   Wordt alleen geladen door app/[locale]/[...slug]/page.tsx en elke regel is
   afgeschermd met .pg (de klasse op <main>), dus de homepage merkt hier niets van.
   Bouwt voort op style.css: zelfde kleuren, letters, knoppen, kaders en bubbels.
   ========================================================= */
.pg{--pg-navy:#22365F;--pg-lijn:#E3E6EC;--pg-grond:#F3F5F9;--pg-tekst:#3F4A60;--pg-gat:96px;--pg-r:44px;--pg-zij:clamp(20px,3vw,46px)}
@media (max-width:1100px){.pg{--pg-gat:76px}}
@media (max-width:700px){.pg{--pg-gat:58px;--pg-r:30px;--pg-zij:18px}}

/* ---------- 1. aansluiting tussen secties ---------- */
/* wit: altijd dezelfde ruimte onder; boven alleen ruimte als er een gekleurd vlak voor staat */
.pg>.pg-s--wit{padding-top:0!important;padding-bottom:var(--pg-gat)!important;margin-top:0!important;margin-bottom:0!important}
.pg>.pg-s--wit.pg-na-band,.pg>.pg-s--wit.pg-na-bubbel,.pg>.pg-s--wit.pg-na-licht{padding-top:var(--pg-gat)!important}
/* de handgeschreven labels van 'over' steken boven de foto's uit */
.pg>.over.pg-s--wit.pg-na-wit{padding-top:34px!important}
/* 'meer lezen' heeft zijn eigen scheidingslijn; na een gekleurd vlak is die overbodig */
.pg>.meer3.pg-na-band .meer3-kop,.pg>.meer3.pg-na-bubbel .meer3-kop,.pg>.meer3.pg-na-licht .meer3-kop{border-top:0;padding-top:0}

/* gekleurde vlakken: even breed als de header en de hero */
.pg>.pg-s--band,.pg>.pg-s--licht{width:min(100% - 36px,1180px)!important;margin-left:auto!important;margin-right:auto!important;margin-top:0!important;margin-bottom:0!important;position:relative;overflow:hidden}
.pg>.pg-s--band>.wrap,.pg>.pg-s--licht>.wrap{max-width:100%!important;padding-left:var(--pg-zij)!important;padding-right:var(--pg-zij)!important}
@media (max-width:700px){.pg>.pg-s--band,.pg>.pg-s--licht{width:calc(100% - 20px)!important}}

/* blauwe band: hoeken alleen rond waar de band begint of eindigt */
.pg>.pg-s--band{border-radius:0!important}
.pg>.pg-s--band.pg-band-top{border-top-left-radius:var(--pg-r)!important;border-top-right-radius:var(--pg-r)!important;padding-top:76px!important}
.pg>.pg-s--band.pg-band-bot{border-bottom-left-radius:var(--pg-r)!important;border-bottom-right-radius:var(--pg-r)!important;padding-bottom:84px!important}
.pg>.pg-s--band:not(.pg-band-top){padding-top:34px!important}
.pg>.pg-s--band:not(.pg-band-bot){padding-bottom:44px!important}
@media (max-width:700px){
  .pg>.pg-s--band.pg-band-top{padding-top:52px!important}
  .pg>.pg-s--band.pg-band-bot{padding-bottom:56px!important}
  .pg>.pg-s--band:not(.pg-band-top){padding-top:22px!important}
  .pg>.pg-s--band:not(.pg-band-bot){padding-bottom:30px!important}
}
/* twee gekleurde vlakken direct na elkaar: smalle witte voeg, zoals tussen offerte en header */
.pg>.pg-band-top.pg-na-bubbel,.pg>.pg-band-top.pg-na-licht,
.pg>.pg-s--licht.pg-na-band,.pg>.pg-s--licht.pg-na-bubbel,.pg>.pg-s--licht.pg-na-licht,
.pg>.faq5.pg-na-band,.pg>.faq5.pg-na-bubbel,.pg>.faq5.pg-na-licht,
.pg>.aanvraag2.pg-na-band,.pg>.aanvraag2.pg-na-bubbel,.pg>.aanvraag2.pg-na-licht{margin-top:20px!important}
/* de FAQ-bubbel krijgt zijn lucht van de witte buren */
.pg>.faq5{margin-top:0!important;margin-bottom:0!important}

/* lichte bubbel */
.pg>.pg-s--licht{background:var(--pg-grond);border-radius:var(--pg-r);padding:74px 0 78px}
@media (max-width:700px){.pg>.pg-s--licht{padding:48px 0 52px}}

/* ---------- 2. gedeelde bouwstenen ---------- */
.pg .pg-blok .h2{font-family:"Gobold","Arial Narrow",Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.015em;font-size:clamp(32px,3.1vw,46px);line-height:1.14;color:var(--ink);margin:0 0 18px;text-align:left;max-width:none}
.pg .pg-blok .h2 em,.pg .tekst2 .h2 em{font-style:normal;color:var(--oranje)}
.pg .pg-blok .kicker{justify-content:flex-start}
.pg .pg-rijk{font-size:16.5px;line-height:1.72;font-weight:500;color:var(--pg-tekst)}
.pg .pg-rijk>*:first-child{margin-top:0}
.pg .pg-rijk>*:last-child{margin-bottom:0}
.pg .pg-rijk p{margin:0 0 16px}
.pg .pg-rijk h2,.pg .pg-rijk h3{font-family:"Gobold","Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:22px;line-height:1.2;color:var(--ink);margin:30px 0 10px}
.pg .pg-rijk h4{font-size:16.5px;font-weight:700;color:var(--ink);margin:22px 0 6px}
.pg .pg-rijk strong{color:var(--ink);font-weight:700}
.pg .pg-rijk ul,.pg .pg-rijk ol{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:9px}
.pg .pg-rijk ul li{position:relative;padding-left:24px}
.pg .pg-rijk ul li::before{content:"";position:absolute;left:3px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--oranje)}
.pg .pg-rijk ol{counter-reset:pgol}
.pg .pg-rijk ol li{position:relative;padding-left:34px;counter-increment:pgol}
.pg .pg-rijk ol li::before{content:counter(pgol,decimal-leading-zero);position:absolute;left:0;top:0;font-family:"Gobold","Arial Narrow",sans-serif;color:var(--oranje-t);font-size:17px}
.pg .pg-rijk a{color:var(--ink);text-decoration:none;background:linear-gradient(var(--oranje),var(--oranje)) 0 100%/100% 1.5px no-repeat;padding-bottom:1px;transition:background-size .2s}
.pg .pg-rijk a:hover{background-size:100% 3px}
.pg .lede.pg-rijk{max-width:56ch}

.pg .pg-acts{margin-top:30px}
.pg .pg-acts--midden{justify-content:center;margin-top:46px}
.pg .pg-blok .tlink svg,.pg .pg-extra .tlink svg{color:var(--oranje);flex:none}
/* een lange doorlink breekt netjes af, met de pijl direct achter de tekst */
.pg .pg-acts .tlink{white-space:normal;text-align:left;line-height:1.5}
.pg .pg-extra{margin-top:34px}
.pg .pg-acts--navy .tlink{color:#fff}
.pg .prijs .pg-extra{margin-top:40px}

.pg .pg-vink{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.pg .pg-vink li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.5;font-weight:600;color:var(--ink)}
.pg .pg-vink i{flex:none;width:22px;height:22px;border-radius:50%;background:var(--oranje);display:grid;place-items:center;margin-top:1px}
.pg .pg-vink svg{width:12px;height:12px;color:var(--ink)}
.pg .pg-vink a{color:inherit;text-decoration:none;background:linear-gradient(var(--oranje),var(--oranje)) 0 100%/100% 1.5px no-repeat}

.pg .pg-koprij{display:grid;grid-template-columns:1.1fr .9fr;gap:20px 56px;align-items:end;margin-bottom:44px}
.pg .pg-koprij>div:only-child{grid-column:1/-1}
.pg .pg-koprij .h2{margin:0}
.pg .pg-koprij .lede{margin:0;font-size:16px;padding-bottom:4px}
@media (max-width:900px){.pg .pg-koprij{grid-template-columns:1fr;margin-bottom:32px}}

/* blauw vlak: witte tekst, oranje accenten */
.pg .pg-donker{background:var(--pg-navy) url("/ralfdroneartist2/hoogtelijnen-wit.svg") right -240px top -160px/1300px auto no-repeat;color:#fff}
.pg .pg-donker .kicker{color:rgba(255,255,255,.75)}
.pg .pg-donker .h2{color:#fff}
/* style.css zet .lede met !important op donkergrijs, dus hier ook dwingend */
.pg .pg-donker .pg-rijk,.pg .pg-donker .lede{color:rgba(255,255,255,.9)!important}
.pg .pg-donker .pg-rijk strong,.pg .pg-donker .pg-rijk h2,.pg .pg-donker .pg-rijk h3,.pg .pg-donker .pg-rijk h4,.pg .pg-donker .pg-rijk a{color:#fff}
.pg .pg-donker .pg-vink li{color:#fff}
.pg .pg-donker .tlink{color:#fff}
.pg .pg-donker .pg-media figcaption{color:rgba(255,255,255,.7)}

/* beeld of video in het verschoven oranje kader van de hero */
.pg .pg-media{margin:0;position:relative}
.pg .pg-media-in{position:relative;isolation:isolate;aspect-ratio:4/3.1}
.pg .pg-media-in::after{content:"";position:absolute;top:18px;left:-18px;right:18px;bottom:-18px;border:1px solid var(--oranje);border-radius:16px;z-index:-1;pointer-events:none}
.pg .pg-media-in img,.pg .pg-media-in video{width:100%;height:100%;object-fit:cover;border-radius:14px;background:#172440;display:block}
.pg .pg-media figcaption{display:flex;align-items:center;gap:8px;margin-top:34px;font-size:13px;font-weight:600;letter-spacing:.03em;color:#5E6780}
.pg .pg-media figcaption svg{width:15px;height:15px;color:var(--oranje-t);flex:none}
@media (max-width:700px){.pg .pg-media-in::after{top:10px;left:-8px;right:8px;bottom:-10px}.pg .pg-media figcaption{margin-top:24px}}

/* kruimelpad in de hero */
.pg .pg-kruimel{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 22px;font-size:12.5px;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.62)}
.pg .pg-kruimel a{color:rgba(255,255,255,.82);text-decoration:none;transition:color .2s}
.pg .pg-kruimel a:hover{color:var(--oranje)}
.pg .pg-kruimel i{font-style:normal;color:rgba(255,255,255,.35)}
.pg .pg-kruimel span{color:#fff}

/* knoppen naar plaatsen en snelle links */
.pg .pg-chips{margin-top:34px}
.pg .pg-chips>b{display:block;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#4C6A9E;margin-bottom:14px}
.pg .pg-chips>div{display:flex;flex-wrap:wrap;gap:10px}
.pg .pg-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;border-radius:999px;background:#fff;border:1px solid var(--pg-lijn);font-size:14.5px;font-weight:600;color:var(--ink);text-decoration:none;transition:background .25s,border-color .25s,transform .25s}
.pg .pg-chip svg{width:15px;height:15px;color:var(--oranje-t);flex:none}
.pg a.pg-chip:hover{background:var(--oranje);border-color:var(--oranje);transform:translateY(-2px)}
.pg a.pg-chip:hover svg{color:var(--ink)}
.pg .pg-chip--vast{background:transparent;color:var(--pg-tekst)}

/* linklijst met pijltjes, zoals onder 'meer lezen' */
.pg .pg-linklijst{list-style:none;margin:0;padding:0}
.pg .pg-linklijst li{border-bottom:1px solid var(--pg-lijn)}
.pg .pg-linklijst li:last-child{border-bottom:0}
.pg .pg-linklijst a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;text-decoration:none;color:var(--ink);font-size:15px;font-weight:600;line-height:1.35;transition:padding .25s,color .25s}
.pg .pg-linklijst a small{display:block;font-size:13px;font-weight:500;color:#5E6780;margin-top:2px}
.pg .pg-linklijst a i{flex:none;width:30px;height:30px;border-radius:50%;background:var(--oranje-l);color:var(--oranje-t);display:grid;place-items:center;transition:background .25s,color .25s,transform .25s}
.pg .pg-linklijst a i svg{width:14px;height:14px}
.pg .pg-linklijst a:hover{padding-left:6px;color:#22365F}
.pg .pg-linklijst a:hover i{background:var(--oranje);color:var(--ink);transform:rotate(-45deg)}

/* ---------- 3. compacte paginakop ---------- */
.pg .pg-kop{padding-bottom:clamp(44px,4.4vw,70px)!important;min-height:0!important}
.pg .pg-kop .pg-kop-grid{display:grid;grid-template-columns:1fr;gap:clamp(30px,4vw,60px);align-items:center;position:relative;z-index:1}
.pg .pg-kop--beeld .pg-kop-grid{grid-template-columns:1.12fr .88fr}
.pg .pg-kop .pg-kop-t{min-height:0!important;padding:0!important;display:block!important}
.pg .pg-kop .kicker{color:rgba(255,255,255,.78)}
.pg .pg-h1{color:#fff;font-size:clamp(40px,4.6vw,68px)!important;line-height:1.04!important;margin:0 0 20px!important;max-width:18ch}
.pg .pg-h1--lang{font-size:clamp(32px,3.5vw,52px)!important;line-height:1.08!important;max-width:22ch}
.pg .pg-h1 em{font-style:normal;color:var(--oranje)}
/* de hero houdt elke regel op één lijn; een paginakop mag gewoon afbreken */
.pg .pg-h1 .r{white-space:normal!important;overflow:visible!important}
.pg .pg-h1 .r>span{display:inline;white-space:normal!important}
.pg .pg-kop .lede{color:rgba(255,255,255,.95);font-size:16.5px;max-width:60ch;margin:0 0 24px}
.pg .pg-kop:not(.pg-kop--beeld) .lede{max-width:68ch}
.pg .pg-kop-media .pg-media-in{aspect-ratio:4/3}
.pg .pg-kop-media figcaption{color:rgba(255,255,255,.7)}
.pg .pg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin:0 0 26px;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.78)}
.pg .pg-meta span{display:inline-flex;align-items:center;gap:8px}
.pg .pg-meta svg{width:15px;height:15px;color:var(--oranje)}
.pg .pg-meta-wie img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid #22365F;margin-right:-14px}
.pg .pg-meta-wie img:last-of-type{margin-right:4px}
@media (max-width:700px){.pg .pg-kop .acts .btn,.pg .pg-acts .btn{white-space:normal;text-align:left}}
@media (max-width:1024px){.pg .pg-kop--beeld .pg-kop-grid{grid-template-columns:1fr}.pg .pg-kop-media{max-width:560px;margin-top:34px!important;padding-left:8px}}

/* lange H1's in de gewone hero iets kleiner, zodat twee regels ook echt twee regels blijven */
.pg .hero .h1.h1--lang{font-size:clamp(34px,3.9vw,56px)!important;line-height:1.06!important}

/* ---------- 4. tekst naast beeld ---------- */
.pg .pg-split-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(40px,6vw,88px);align-items:center}
.pg .pg-split--links .pg-media{order:-1}
.pg .pg-split--zonder .pg-split-grid{grid-template-columns:1fr;max-width:860px}
.pg .pg-split .pg-media{padding-left:18px}
@media (max-width:900px){
  .pg .pg-split-grid{grid-template-columns:1fr;gap:34px}
  .pg .pg-split .pg-media{order:-1;padding-left:8px;max-width:620px}
}

/* fotoreeks onder het beeld van een split */
.pg .pg-split-m{padding-left:18px}
.pg .pg-split .pg-split-m .pg-media{padding-left:0}
.pg .pg-fotos{display:grid;gap:10px;margin-top:22px}
/* één extra foto: brede strook, niet net zo groot als het hoofdbeeld */
.pg .pg-fotos.pg-fotos--1 a{aspect-ratio:21/8}
.pg .pg-fotos--2{grid-template-columns:repeat(2,1fr)}
.pg .pg-fotos--3{grid-template-columns:repeat(3,1fr)}
.pg .pg-fotos--4{grid-template-columns:repeat(4,1fr)}
.pg .pg-fotos a{display:block;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#172440;cursor:zoom-in}
.pg .pg-fotos img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .3s}
.pg .pg-fotos a:hover img{transform:scale(1.06)}
.pg .pg-media+.pg-fotos{margin-top:34px}
.pg .pg-media:has(figcaption)+.pg-fotos{margin-top:16px}
@media (max-width:900px){.pg .pg-split-m{order:-1;padding-left:8px;max-width:620px}}
@media (max-width:520px){.pg .pg-fotos--4{grid-template-columns:repeat(2,1fr)}}
/* vergroting */
.pg-lb{position:fixed;inset:0;z-index:80;background:rgba(10,16,32,.9);display:grid;place-items:center;padding:4vh 4vw;opacity:0;transition:opacity .25s}
.pg-lb.aan{opacity:1}
.pg-lb img{max-width:100%;max-height:88vh;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.pg-lb button{position:absolute;top:18px;right:18px;width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#131D33;font-size:26px;line-height:1;cursor:pointer}
.pg-lb button.pg-lb-v,.pg-lb button.pg-lb-n{top:50%;transform:translateY(-50%);right:auto;font-size:22px}
.pg-lb button.pg-lb-v{left:18px}
.pg-lb button.pg-lb-n{left:auto;right:18px}

/* ---------- 5. kaarten ---------- */
.pg .pg-krt-rij{display:grid;gap:22px}
.pg .pg-krt-rij--2{grid-template-columns:repeat(2,1fr)}
.pg .pg-krt-rij--3{grid-template-columns:repeat(3,1fr)}
.pg .pg-krt-rij--4{grid-template-columns:repeat(4,1fr)}
.pg .pg-krt{display:flex;flex-direction:column;background:#fff;border:1px solid var(--pg-lijn);border-radius:20px;padding:30px 26px 26px;text-decoration:none;color:inherit}
.pg a.pg-krt{transition:transform .4s cubic-bezier(.2,.75,.2,1),border-color .3s,box-shadow .4s,opacity .7s}
.pg a.pg-krt:hover{transform:translateY(-6px);border-color:#C9D1E0;box-shadow:0 22px 44px rgba(19,29,51,.1)}
.pg .pg-krt-ico{width:52px;height:52px;border-radius:14px;background:var(--oranje-l);color:var(--oranje-t);display:grid;place-items:center;margin-bottom:20px;font-family:"Gobold","Arial Narrow",sans-serif;font-size:22px;letter-spacing:.02em;transition:background .3s,color .3s}
.pg .pg-krt-ico svg{width:25px;height:25px}
.pg a.pg-krt:hover .pg-krt-ico{background:var(--oranje);color:var(--ink)}
.pg .pg-krt h3{font-family:"Gobold","Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:23px;line-height:1.14;color:var(--ink);margin:0 0 10px}
.pg .pg-krt p{font-size:15px;line-height:1.65;font-weight:500;color:var(--pg-tekst);margin:0}
.pg .pg-krt-link{margin-top:auto;padding-top:22px;display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.pg .pg-krt-link svg{width:16px;height:16px;color:var(--oranje);transition:transform .3s}
.pg a.pg-krt:hover .pg-krt-link svg{transform:translateX(5px)}
.pg .pg-donker .pg-krt{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
.pg .pg-donker .pg-krt h3,.pg .pg-donker .pg-krt-link{color:#fff}
.pg .pg-donker .pg-krt p{color:rgba(255,255,255,.85)}
.pg .pg-donker .pg-krt-ico{background:rgba(255,255,255,.1);color:var(--oranje)}
.pg .pg-donker a.pg-krt:hover{border-color:rgba(255,255,255,.35);box-shadow:none;background:rgba(255,255,255,.12)}
@media (max-width:1100px){.pg .pg-krt-rij--4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.pg .pg-krt-rij--3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.pg .pg-krt-rij--2,.pg .pg-krt-rij--3,.pg .pg-krt-rij--4{grid-template-columns:1fr}.pg .pg-krt{padding:24px 22px 22px}}

/* fotokaarten: zelfde stijl als 'Meer lezen' op de homepage */
.pg .pg-fk{display:flex;flex-direction:column;background:#fff;border:1px solid var(--pg-lijn);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .4s cubic-bezier(.2,.75,.2,1),border-color .3s,box-shadow .4s,opacity .7s}
.pg a.pg-fk:hover{transform:translateY(-6px);border-color:#C9D1E0;box-shadow:0 22px 44px rgba(19,29,51,.1)}
.pg .pg-fk-f{position:relative;display:block;aspect-ratio:4/3.4;overflow:hidden;background:#22365F}
.pg .pg-fk-f img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.pg a.pg-fk:hover .pg-fk-f img{transform:scale(1.07)}
.pg .pg-fk-f::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,36,64,0) 38%,rgba(23,36,64,.9))}
.pg .pg-fk-nr{position:absolute;top:16px;left:16px;z-index:2;font-family:"Gobold","Arial Narrow",sans-serif;font-size:20px;line-height:1;color:var(--ink);background:var(--oranje);border-radius:10px;padding:6px 10px 5px}
.pg .pg-fk-f b{position:absolute;left:20px;right:20px;bottom:16px;z-index:2;font-family:"Gobold","Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:26px;line-height:1.06;color:#fff}
.pg .pg-fk-t{display:flex;flex-direction:column;flex:1;padding:20px 22px 20px}
.pg .pg-fk-t>span{font-size:15px;line-height:1.62;font-weight:500;color:var(--pg-tekst)}
.pg .pg-fk-t em{font-style:normal;margin-top:auto;padding-top:18px;display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.pg .pg-fk-t em svg{width:16px;height:16px;color:var(--oranje);flex:none;transition:transform .3s}
.pg a.pg-fk:hover em svg{transform:translateX(5px)}
.pg .pg-donker .pg-fk{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
.pg .pg-donker .pg-fk-t>span{color:rgba(255,255,255,.85)}
.pg .pg-donker .pg-fk-t em{color:#fff}
html.anim .pg .pg-fk.rv{transition-delay:calc(var(--i)*110ms)}
@media (max-width:620px){.pg .pg-fk-f{aspect-ratio:16/10}.pg .pg-fk-f b{font-size:24px}}

/* projecttitel in de videoslider als link; in een onzichtbaar bijschrift niet klikbaar, zodat een klik de carrousel draait */
.pg .fl-item figcaption a{color:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .35s}
.pg .fl-item.actief figcaption a:hover,.pg .fl-item.actief figcaption a:focus-visible{background-size:100% 2px}
.pg .fl-item:not(.actief) figcaption a{pointer-events:none}

/* ---------- 6. oproep tot actie ---------- */
.pg .pg-cta-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(30px,5vw,80px);align-items:center}
.pg .pg-cta .h2{font-size:clamp(34px,3.4vw,52px);margin-bottom:14px}
.pg .pg-cta .tlink{margin-top:22px}
.pg .pg-cta-r{display:grid;gap:12px}
.pg .pg-cta-r .btn{justify-content:center;width:100%}
.pg .pg-cta-bel{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid rgba(255,255,255,.18);border-radius:14px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:background .2s,border-color .2s}
.pg .pg-cta-bel:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.35)}
.pg .pg-cta-bel i{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;color:var(--oranje);flex:none}
.pg .pg-cta-bel i svg{width:17px;height:17px}
.pg .pg-cta-bel small{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.pg .pg-cta-hulp{display:flex;align-items:center;gap:10px;margin:6px 0 0;font-size:13.5px;font-weight:500;color:rgba(255,255,255,.75)}
.pg .pg-cta-hulp img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.25)}
@media (max-width:900px){.pg .pg-cta-grid{grid-template-columns:1fr}}

.pg .pg-strook-in{display:flex;align-items:center;gap:22px;padding:22px 26px;border-radius:18px;background:var(--pg-grond)}
.pg .pg-strook-t{flex:1}
.pg .pg-strook-t b{display:block;font-size:19px;font-weight:700;color:var(--ink);line-height:1.3}
.pg .pg-strook-t span{display:block;font-size:15px;font-weight:500;color:var(--pg-tekst);margin-top:3px}
.pg .pg-strook .pg-acts{margin-top:0;flex:none}
@media (max-width:900px){.pg .pg-strook-in{flex-direction:column;align-items:flex-start;padding:22px 20px}.pg .pg-strook .pg-acts .btn{width:100%;justify-content:center}.pg .pg-strook .pg-acts{width:100%}}

/* ---------- 7. kaarten naar verwante pagina's ---------- */
.pg .pg-door-rij{display:grid;gap:22px}
.pg .pg-door-rij--2{grid-template-columns:repeat(2,1fr)}
.pg .pg-door-rij--3{grid-template-columns:repeat(3,1fr)}
.pg .pg-door-rij--4{grid-template-columns:repeat(4,1fr)}
.pg .pg-door-k{display:flex;flex-direction:column;border:1px solid var(--pg-lijn);border-radius:20px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:transform .4s cubic-bezier(.2,.75,.2,1),border-color .3s,box-shadow .4s,opacity .7s}
.pg .pg-door-k:hover{transform:translateY(-6px);border-color:#C9D1E0;box-shadow:0 22px 44px rgba(19,29,51,.1)}
.pg .pg-door-f{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#22365F}
.pg .pg-door-f img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.pg .pg-door-k:hover .pg-door-f img,.pg .pg-blog-k:hover .pg-blog-f img{transform:scale(1.07)}
.pg .pg-door-l{position:absolute;top:14px;left:14px;z-index:2;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--oranje);border-radius:8px;padding:5px 10px}
.pg .pg-door-t{display:flex;flex-direction:column;flex:1;padding:22px 22px 20px}
.pg .pg-door-t b{font-family:"Gobold","Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:23px;line-height:1.12;color:var(--ink)}
.pg .pg-door-t>span{font-size:14.5px;line-height:1.6;font-weight:500;color:var(--pg-tekst);margin-top:8px}
.pg .pg-door-t em,.pg .pg-blog-t em,.pg .pg-con-k em{font-style:normal;margin-top:auto;padding-top:18px;display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.pg .pg-door-t em svg,.pg .pg-blog-t em svg,.pg .pg-con-k em svg{width:16px;height:16px;color:var(--oranje);transition:transform .3s}
.pg .pg-door-k:hover em svg,.pg .pg-blog-k:hover em svg,.pg .pg-con-k:hover em svg{transform:translateX(5px)}
@media (max-width:1100px){.pg .pg-door-rij--4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.pg .pg-door-rij--3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.pg .pg-door-rij--2,.pg .pg-door-rij--3,.pg .pg-door-rij--4{grid-template-columns:1fr}}

/* ---------- 8. werkgebied ---------- */
.pg .pg-regio-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(34px,5vw,76px);align-items:start}
.pg .pg-regio-k{background:#fff;border-radius:24px;padding:30px 28px 14px;border:1px solid var(--pg-lijn)}
.pg .pg-regio-k .pg-chips{margin-top:0;margin-bottom:18px}
.pg .pg-regio-k .pg-chip{background:var(--pg-grond);border-color:transparent}
@media (max-width:900px){.pg .pg-regio-grid{grid-template-columns:1fr}}

/* ---------- 9. cijfers ---------- */
.pg .pg-cijfer-rij{display:grid;gap:0;border:1px solid var(--pg-lijn);border-radius:24px;overflow:hidden;background:#fff}
.pg .pg-cijfer-rij--2{grid-template-columns:repeat(2,1fr)}
.pg .pg-cijfer-rij--3{grid-template-columns:repeat(3,1fr)}
.pg .pg-cijfer-rij--4{grid-template-columns:repeat(4,1fr)}
.pg .pg-cijfer{padding:34px 28px;border-right:1px solid var(--pg-lijn)}
.pg .pg-cijfer:last-child{border-right:0}
.pg .pg-cijfer strong{display:block;font-family:"Gobold","Arial Narrow",sans-serif;font-weight:400;font-size:clamp(40px,4vw,58px);line-height:1;letter-spacing:.02em;color:var(--oranje)}
.pg .pg-cijfer b{display:block;margin-top:12px;font-size:15.5px;font-weight:700;color:var(--ink)}
.pg .pg-cijfer span{display:block;margin-top:4px;font-size:14px;line-height:1.55;font-weight:500;color:var(--pg-tekst)}
@media (max-width:900px){
  .pg .pg-cijfer-rij--3,.pg .pg-cijfer-rij--4{grid-template-columns:repeat(2,1fr)}
  .pg .pg-cijfer{border-bottom:1px solid var(--pg-lijn);padding:26px 22px}
  .pg .pg-cijfer:nth-child(2n){border-right:0}
  .pg .pg-cijfer:nth-last-child(-n+2){border-bottom:0}
}

/* feiten in plaats van cijfers: label boven, waarde als gewone kop */
.pg .pg-cijfers--feiten .pg-cijfer{display:flex;flex-direction:column}
.pg .pg-cijfers--feiten .pg-cijfer b{order:-1;margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#4C6A9E}
.pg .pg-cijfers--feiten .pg-cijfer strong{font-size:clamp(22px,2vw,28px);line-height:1.14;color:var(--ink);text-transform:uppercase}

/* review van een opdrachtgever */
.pg .pg-review-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,76px);align-items:center}
.pg .pg-review-k{margin:0;background:#fff;border:1px solid var(--pg-lijn);border-radius:24px;padding:34px 34px 30px}
.pg .pg-review-k .sterren{display:flex;gap:3px;color:var(--oranje);margin-bottom:16px}
.pg .pg-review-k .sterren svg{width:18px;height:18px}
.pg .pg-review-k blockquote{margin:0;font-size:18px;line-height:1.65;font-weight:500;color:var(--ink)}
.pg .pg-review-k figcaption{display:flex;align-items:center;gap:14px;margin-top:22px;padding-top:20px;border-top:1px solid var(--pg-lijn);font-size:14px;font-weight:700;color:var(--pg-tekst)}
.pg .pg-review-k figcaption img{height:34px;width:auto;max-width:120px;object-fit:contain}
@media (max-width:900px){.pg .pg-review-grid{grid-template-columns:1fr}.pg .pg-review-k{padding:26px 22px 24px}.pg .pg-review-k blockquote{font-size:16.5px}}

/* ---------- 10. artikel ---------- */
.pg .pg-art-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(36px,5vw,84px);align-items:start}
.pg .pg-art-zij{position:sticky;top:104px;display:grid;gap:18px}
.pg .pg-art-body{max-width:760px;min-width:0}
.pg .pg-toc{border:1px solid var(--pg-lijn);border-radius:20px;padding:6px 22px 14px;background:#fff}
.pg .pg-toc summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:16px 0 12px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#4C6A9E}
.pg .pg-toc summary::-webkit-details-marker{display:none}
.pg .pg-toc summary i{width:10px;height:10px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);transition:transform .3s;margin-right:4px}
.pg .pg-toc[open] summary i{transform:rotate(-135deg) translate(-3px,-3px)}
.pg .pg-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}
.pg .pg-toc li{counter-increment:toc;border-top:1px solid var(--pg-lijn)}
.pg .pg-toc a{display:flex;gap:12px;padding:11px 0;font-size:14.5px;font-weight:600;line-height:1.35;color:var(--pg-tekst);text-decoration:none;transition:color .2s,padding .25s}
.pg .pg-toc a::before{content:counter(toc,decimal-leading-zero);font-family:"Gobold","Arial Narrow",sans-serif;font-size:15px;color:var(--oranje-t);flex:none;width:22px}
.pg .pg-toc a:hover,.pg .pg-toc a.actief{color:var(--ink);padding-left:4px}
.pg .pg-toc a.actief{font-weight:700}
.pg .pg-zijkaart{background:var(--pg-navy) url("/ralfdroneartist2/hoogtelijnen-wit.svg") right -300px top -200px/900px auto no-repeat;border-radius:24px;padding:26px 22px 22px;color:#fff;display:grid;gap:10px}
.pg .pg-zijkaart img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}
.pg .pg-zijkaart b{font-family:"Gobold","Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:24px;line-height:1.1;margin-top:4px}
.pg .pg-zijkaart p{margin:0 0 8px;font-size:14.5px;line-height:1.55;font-weight:500;color:rgba(255,255,255,.85)}
.pg .pg-zijkaart .btn{justify-content:center;width:100%;padding:13px 18px;font-size:15px}
.pg .pg-zijkaart .tlink{color:#fff;justify-content:center;margin-top:6px;font-size:13px}
.pg .pg-zijkaart .tlink svg{color:var(--oranje)}
.pg .pg-zijlinks{border:1px solid var(--pg-lijn);border-radius:20px;padding:18px 22px 6px;background:#fff}
.pg .pg-zijlinks>b,.pg .pg-art-links>b{display:block;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#4C6A9E;margin-bottom:4px}
.pg .pg-zijlinks .pg-linklijst a{font-size:14.5px;padding:12px 0}

.pg .pg-kern{background:var(--pg-grond);border-radius:20px;padding:26px 28px 28px;margin-bottom:40px}
.pg .pg-kern>b{display:block;font-family:"Gobold","Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:22px;color:var(--ink)}
.pg .pg-kern .pg-vink{margin-top:16px}
.pg .pg-kern .pg-vink li{font-weight:500;color:var(--pg-tekst)}
.pg .pg-art-deel{margin:0 0 40px}
.pg .pg-art-deel>h2{font-family:"Gobold","Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.015em;font-size:clamp(26px,2.5vw,36px);line-height:1.14;color:var(--ink);margin:0 0 16px;scroll-margin-top:110px}
.pg .pg-art-deel .pg-rijk{font-size:17px;line-height:1.78}
.pg .pg-art-deel .pg-acts{margin-top:24px}
.pg .pg-art-fig{margin:6px 0 46px;padding-left:18px}
.pg .pg-art-fig .pg-media-in{aspect-ratio:16/9}
.pg .pg-quote{margin:0 0 40px;padding:6px 0 6px 26px;border-left:3px solid var(--oranje)}
.pg .pg-quote p{margin:0;font-family:"Gobold","Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.015em;font-size:clamp(22px,2.2vw,30px);line-height:1.22;color:var(--ink)}
.pg .pg-quote cite{display:block;margin-top:12px;font-style:normal;font-size:14px;font-weight:600;color:#5E6780}
.pg .pg-art-punten{border:1px solid var(--pg-lijn);border-radius:20px;padding:26px 28px 28px;margin:0 0 40px}
.pg .pg-art-punten h3{font-family:"Gobold","Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:22px;color:var(--ink);margin:0}
.pg .pg-art-punten .pg-vink{margin-top:16px}
.pg .pg-art-links{margin:0 0 40px;border:1px solid var(--pg-lijn);border-radius:20px;padding:20px 26px 8px}
.pg .pg-art-cta{display:flex;align-items:center;justify-content:space-between;gap:26px;margin:0 0 40px;padding:26px 28px;border-radius:20px;background:var(--pg-navy) url("/ralfdroneartist2/hoogtelijnen-wit.svg") right -260px top -180px/1000px auto no-repeat;color:#fff}
.pg .pg-art-cta b{display:block;font-family:"Gobold","Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:26px;line-height:1.12}
.pg .pg-art-cta p{margin:8px 0 0;font-size:15px;line-height:1.6;font-weight:500;color:rgba(255,255,255,.88)}
.pg .pg-art-cta-k{display:grid;gap:10px;flex:none;justify-items:center}
.pg .pg-art-wa{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#fff;text-decoration:none;opacity:.9}
.pg .pg-art-wa svg{width:16px;height:16px;color:#3DDC84}
.pg .pg-art-wa:hover{opacity:1;text-decoration:underline}
.pg .pg-buren{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:50px 0 0;padding-top:34px;border-top:1px solid var(--pg-lijn)}
.pg .pg-buur{display:block;padding:20px 22px;border:1px solid var(--pg-lijn);border-radius:18px;text-decoration:none;color:inherit;transition:border-color .3s,transform .35s,box-shadow .35s}
.pg .pg-buur:hover{border-color:#C9D1E0;transform:translateY(-4px);box-shadow:0 18px 36px rgba(19,29,51,.09)}
.pg .pg-buur small{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#4C6A9E;margin-bottom:8px}
.pg .pg-buur small svg{width:15px;height:15px;color:var(--oranje)}
.pg .pg-buur b{display:block;font-family:"Gobold","Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:20px;line-height:1.16;color:var(--ink)}
.pg .pg-buur--volgend{text-align:right}
.pg .pg-buur--volgend small{justify-content:flex-end}
@media (max-width:620px){.pg .pg-buren{grid-template-columns:1fr}.pg .pg-buur--volgend{text-align:left}.pg .pg-buur--volgend small{justify-content:flex-start}}
.pg .pg-art-body>*:last-child{margin-bottom:0}
.pg .pg-art--juridisch .pg-art-deel .pg-rijk{font-size:15.5px;line-height:1.75}
.pg .pg-art--juridisch .pg-art-deel>h2{font-size:clamp(22px,2vw,28px)}
@media (max-width:1000px){
  .pg .pg-art-grid{grid-template-columns:1fr;gap:30px}
  .pg .pg-art-zij{position:static;display:contents}
  .pg .pg-toc{order:-2}
  .pg .pg-art-body{order:-1}
  .pg .pg-art-grid{display:flex;flex-direction:column;align-items:stretch}
  .pg .pg-art-cta{flex-direction:column;align-items:flex-start}
  .pg .pg-art-cta-k{justify-items:start;width:100%}
  .pg .pg-art-cta-k .btn{width:100%;justify-content:center}
}

/* ---------- 11. blogoverzicht ---------- */
.pg .pg-blog-rij{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pg .pg-blog-k{display:flex;flex-direction:column;border:1px solid var(--pg-lijn);border-radius:20px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:transform .4s cubic-bezier(.2,.75,.2,1),border-color .3s,box-shadow .4s,opacity .7s}
.pg .pg-blog-k:hover{transform:translateY(-6px);border-color:#C9D1E0;box-shadow:0 22px 44px rgba(19,29,51,.1)}
.pg .pg-blog-f{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#22365F}
.pg .pg-blog-f img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.pg .pg-blog-t{display:flex;flex-direction:column;flex:1;padding:22px 22px 20px}
.pg .pg-blog-t small{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#5E6780;margin-bottom:10px}
.pg .pg-blog-t small svg{width:14px;height:14px;color:var(--oranje-t)}
.pg .pg-blog-t b{font-family:"Gobold","Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:23px;line-height:1.14;color:var(--ink)}
.pg .pg-blog-t>span{font-size:14.5px;line-height:1.6;font-weight:500;color:var(--pg-tekst);margin-top:8px}
.pg .pg-blog-k--groot{grid-column:1/-1;flex-direction:row}
.pg .pg-blog-k--groot .pg-blog-f{flex:1.1;aspect-ratio:auto;min-height:340px}
.pg .pg-blog-k--groot .pg-blog-t{flex:1;padding:40px 40px 36px;justify-content:center}
.pg .pg-blog-k--groot .pg-blog-t b{font-size:clamp(28px,2.8vw,40px)}
.pg .pg-blog-k--groot .pg-blog-t>span{font-size:16px}
.pg .pg-blog-k--groot .pg-blog-t em{margin-top:26px;padding-top:0}
@media (max-width:900px){.pg .pg-blog-rij{grid-template-columns:repeat(2,1fr)}.pg .pg-blog-k--groot{flex-direction:column}.pg .pg-blog-k--groot .pg-blog-f{min-height:0;aspect-ratio:16/10;flex:none}.pg .pg-blog-k--groot .pg-blog-t{padding:24px 22px}}
@media (max-width:620px){.pg .pg-blog-rij{grid-template-columns:1fr}}

/* ---------- 12. contactkaarten ---------- */
.pg .pg-con-rij{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.pg .pg-con-k{display:flex;flex-direction:column;border:1px solid var(--pg-lijn);border-radius:20px;padding:28px 26px 24px;background:#fff;text-decoration:none;color:inherit;transition:transform .4s cubic-bezier(.2,.75,.2,1),border-color .3s,box-shadow .4s,opacity .7s}
.pg .pg-con-k:hover{transform:translateY(-6px);border-color:#C9D1E0;box-shadow:0 22px 44px rgba(19,29,51,.1)}
.pg .pg-con-k>i{width:52px;height:52px;border-radius:14px;background:var(--oranje-l);color:var(--oranje-t);display:grid;place-items:center;margin-bottom:18px;transition:background .3s,color .3s}
.pg .pg-con-k>i svg{width:23px;height:23px}
.pg .pg-con-k:hover>i{background:var(--oranje);color:var(--ink)}
.pg .pg-con-k--whatsapp>i{background:#E3F8EB;color:#1EA855}
.pg .pg-con-k--whatsapp:hover>i{background:#25D366;color:#fff}
.pg .pg-con-k b{font-family:"Gobold","Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:24px;color:var(--ink)}
.pg .pg-con-k>span{font-size:14.5px;line-height:1.6;font-weight:500;color:var(--pg-tekst);margin-top:6px}
.pg .pg-con-k em{letter-spacing:.06em;font-size:14px;text-transform:none}

/* ---------- 13. tekstsectie (terugval): kop en knoppen links, leestekst rechts ---------- */
.pg .pg-tekst-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,80px);align-items:start}
.pg .pg-tekst-l{position:sticky;top:112px}
.pg .pg-tekst-l .h2{margin-bottom:0}
@media (max-width:900px){.pg .pg-tekst-grid{grid-template-columns:1fr;gap:22px}.pg .pg-tekst-l{position:static}}

/* ---------- 14. kleine verbeteringen aan bestaande blokken op vervolgpagina's ---------- */
.pg .tekst2--donker .h2 em{color:var(--oranje)}
/* tweede FAQ-lijst of kaartenrij op dezelfde pagina: app.js bedient alleen de eerste */
.pg .faq4.pg-in .faq4-item{opacity:1;transform:none}

/* ---------- 15. reparaties aan gedeelde blokken, alleen op vervolgpagina's ---------- */
/* 'Over ons' onder 1100px: style.css haalt daar het blauwe vlak weg maar laat de tekst wit, dus wit op wit */
@media (max-width:1100px){
  .pg .over-grid>.rv.d1 .h2{color:var(--ink)!important}
  .pg .over-grid>.rv.d1 .lede{color:#3F4A60!important}
  .pg .over-grid>.rv.d1 .lede strong,.pg .over-grid>.rv.d1 .tlink,.pg .over-grid>.rv.d1 .ilink{color:var(--ink)!important}
  .pg .over-grid>.rv.d1 .kicker{color:#4C6A9E!important}
  /* tekstlinks krijgen een raakvlak van minstens 44px */
  .pg .tlink{padding:11px 0}
}
/* kicker van de tijdlijn staat onder 1100px in blauw op blauw */
.pg .tl .kicker{color:rgba(255,255,255,.75)!important}
/* iOS zoomt in op invoervelden kleiner dan 16px */
@media (max-width:700px){.pg .aanvraag2 input,.pg .aanvraag2 textarea{font-size:16px!important}}
/* tablet: de WhatsApp-knop staat anders bovenop de vaste offertebalk */
@media (min-width:701px) and (max-width:1024px){.pg~.wa-hoek{bottom:92px}}
/* in het formulier zelf zitten balk en WhatsApp-knop alleen maar in de weg */
.pg~.mbalk,.pg~.wa-hoek{transition:opacity .3s,transform .3s}
.pg~.mbalk.pg-weg,.pg~.wa-hoek.pg-weg{opacity:0!important;pointer-events:none!important;transform:translateY(16px)!important}
/* eerlijke foutmelding als een aanvraag niet verstuurd kon worden */
.pg .pg-formfout{grid-column:1/-1;background:#FDECEC;border:1px solid #F3B9B9;border-radius:14px;padding:16px 18px;font-size:14.5px;line-height:1.55;font-weight:600;color:#7A1F1F}
.pg .pg-formfout a{color:inherit}
.pg form.pg-bezig .verstuur{opacity:.6;pointer-events:none}

/* Het uitklapmenu wordt rechthoekig afgeknipt (style.css 1298: clip-path zonder "round"), terwijl de
   onderhoeken rond zijn en er een slagschaduw onder ligt. Die schaduw blijft daardoor als grijze punt
   in beide onderhoeken staan, zichtbaar zodra het menu over een witte sectie valt. De knip krijgt hier
   dezelfde ronding als de hoeken. Alleen op vervolgpagina's: de homepage laadt dit bestand niet. */
@media (min-width:1025px){
  body:has(main.pg) .hdr .mega{clip-path:inset(0 0 100% 0 round 0 0 44px 44px)}
  body:has(main.pg) .hdr .nav>div.open .mega{clip-path:inset(0 0 0 0 round 0 0 44px 44px)}
}

/* paginakop op een telefoon: knoppen onder elkaar en over de volle breedte, zodat de tekst niet afbreekt */
@media (max-width:480px){
  .pg .pg-kop .acts{flex-direction:column;align-items:stretch;gap:12px}
  .pg .pg-kop .acts .btn{justify-content:center;text-align:center}
}

/* beeld links: ook als het beeld in een wrapper met fotoreeks zit */
@media (min-width:901px){.pg .pg-split--links .pg-split-m{order:-1}}
/* cijfers: lange waarden ('2 werkdagen') mogen niet buiten het vak lopen */
.pg .pg-cijfer{min-width:0}
.pg .pg-cijfer strong{overflow-wrap:anywhere}
@media (max-width:520px){.pg .pg-cijfer strong{font-size:34px}.pg .pg-cijfers--feiten .pg-cijfer strong{font-size:20px}}

/* hero op een telefoon: knoppen onder elkaar, zodat een langere knoptekst niet buiten beeld valt */
@media (max-width:480px){
  .pg .hero .acts{flex-direction:column;align-items:stretch;gap:12px}
  .pg .hero .acts .btn{justify-content:center;white-space:normal;text-align:center}
}
.pg .pg-chip--link{padding:10px 14px 10px 16px}
.pg .pg-chip--link svg{order:2;color:var(--oranje-t)}
/* Staande portretten in liggende of vierkante vakken: het gezicht in beeld houden in plaats van het midden (anders zie je bij Jasper alleen kin en trui) */
.pg img[src*="/img/team.jpg"]{object-position:50% 5%!important}
.pg img[src*="/img/ralf.jpg"]{object-position:50% 25%!important}
.pg img[src*="/img/jasper.jpg"]{object-position:50% 25%!important}