/* Power Industries – dienstpagina's (overgezet uit het P1-thema) */
html,body,body *{font-feature-settings:"locl" 0;-webkit-font-feature-settings:"locl" 0}
.pi-sec{padding-top:var(--pt,80px);padding-bottom:var(--pb,80px)}
@media screen and (max-width:749px){.pi-sec{padding-top:calc(var(--pt,80px)*.7);padding-bottom:calc(var(--pb,80px)*.7)}}
.pi-label{font-family:var(--font-body-family);font-size:1.2rem;font-weight:400;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;margin:0 0 1.2rem;color:rgba(var(--color-foreground),.6)}
.pi-zacht{color:rgba(var(--color-foreground),.75)}
.pi-zacht p:first-child{margin-top:0}.pi-zacht p:last-child{margin-bottom:0}
.pi-knoppen{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3.2rem}
.pi-media{position:relative;overflow:hidden;display:block;background:rgba(var(--color-foreground),.04)}
.pi-media img{display:block;width:100%;height:auto}
.pi-media--ratio{aspect-ratio:var(--ratio,3/2)}
.pi-media--ratio img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pi-tm__binnen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6.4rem;align-items:center}
.pi-tm--zonder-media{grid-template-columns:minmax(0,1fr)}
.pi-tm--zonder-media .pi-tm__tekst{max-width:80rem}
.pi-tm--media-links .pi-tm__media{order:-1}
@media screen and (max-width:989px){.pi-tm__binnen{grid-template-columns:minmax(0,1fr);gap:3.2rem}}
.pi-tm__titel{margin:0 0 1.2rem}
.pi-tm__sub{font-style:italic;font-size:1.8rem;margin:0 0 1.6rem;color:rgba(var(--color-foreground),.85)}
.pi-stappen{list-style:none;padding:0;margin:3.2rem 0 0;display:grid;gap:2.4rem}
.pi-stap{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.6rem;align-items:start}
.pi-stap__nr{font-size:1.8rem;font-weight:700;min-width:3.2rem;line-height:1.3;color:rgba(var(--color-foreground),.4)}
.pi-stap__nr--leeg{display:block;width:.8rem;height:.8rem;min-width:0;margin-top:.8rem;background:rgb(var(--color-foreground))}
.pi-stap__titel{margin:0 0 .4rem}
.pi-vgl .pi-vgl__voor{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos,50%)) 0 0)}
.pi-vgl__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3;touch-action:pan-y}
.pi-vgl__lijn{position:absolute;top:0;bottom:0;left:var(--pos,50%);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.35);z-index:2;pointer-events:none}
.pi-vgl__lijn:after{content:"";position:absolute;top:50%;left:50%;width:4.8rem;height:4.8rem;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7l-5 5 5 5'/%3E%3Cpath d='M15 7l5 5-5 5'/%3E%3C/svg%3E") center/2.4rem no-repeat;box-shadow:0 4px 16px rgba(0,0,0,.35);transform:translate(-50%,-50%);transition:transform .2s ease}
.pi-vgl:hover .pi-vgl__lijn:after{transform:translate(-50%,-50%) scale(1.06)}
@media screen and (max-width:749px){.pi-vgl__lijn:after{width:4.2rem;height:4.2rem;background-size:2.1rem}}
.pi-kn__kop{max-width:80rem;margin-bottom:4rem}
.pi-kn__kop>:last-child{margin-bottom:0}
.pi-midden{margin-left:auto;margin-right:auto;text-align:center}
.pi-kn__kop .h0,.pi-kn__kop .h1,.pi-kn__kop .h2,.pi-kn__kop .h3{margin:0 0 1.2rem}
.pi-kn__grid{display:grid;grid-template-columns:repeat(var(--kol,3),minmax(0,1fr));gap:4rem 2.4rem}
@media screen and (max-width:989px){.pi-kn__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:749px){.pi-kn__grid{grid-template-columns:minmax(0,1fr)}}
.pi-kn__grid:has(.pi-vak){gap:2.4rem}
.pi-kaart{display:flex;flex-direction:column;gap:1.2rem}
.pi-kaart__titel{margin:.4rem 0 0}
.pi-kaart__tekst{flex:1}
.pi-kaart a.pi-media img{transition:transform .5s ease}
.pi-kaart a.pi-media:hover img{transform:scale(1.03)}
.pi-kaart .button{align-self:flex-start;margin-top:.4rem}
.pi-kn__knop{margin-top:4rem;display:flex}
.pi-kn__knop.pi-midden{justify-content:center}
.pi-vak{padding:3.2rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.12)}
.color-scheme-1 .pi-vak{background:rgba(var(--color-foreground),.03)}
.pi-vak--uitgelicht{border:2px solid rgb(var(--color-foreground))}
.pi-vak__titel{margin:0 0 1.2rem}
.pi-vak__knop{margin-top:2rem}
.pi-vak ul{padding-left:2rem}
.pi-kn__slot{margin-top:3.2rem;max-width:80rem}
.pi-kn__slot p{margin:0}
.pi-kn__slot--klein{font-size:1.3rem;opacity:.7}
.pi-cijfer__getal{margin:0 0 .6rem;line-height:1}
.pi-cijfer__tekst{margin:0}
.pi-faq__lijst{max-width:96rem;border-top:1px solid rgba(var(--color-foreground),.15)}
.pi-faq__item{border-bottom:1px solid rgba(var(--color-foreground),.15)}
.pi-faq__vraag{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2.2rem 0;margin:0}
.pi-faq__vraag::-webkit-details-marker{display:none}
.pi-faq__plus{position:relative;flex:0 0 1.4rem;width:1.4rem;height:1.4rem}
.pi-faq__plus:before,.pi-faq__plus:after{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;margin-top:-1px;background:rgb(var(--color-foreground));transition:transform .2s ease}
.pi-faq__plus:after{transform:rotate(90deg)}
.pi-faq__item[open] .pi-faq__plus:after{transform:rotate(0)}
.pi-faq__antwoord{padding:0 0 2.4rem;max-width:80rem}
.pi-cta{position:relative;overflow:hidden}
.pi-cta__media{position:absolute;inset:0}
.pi-cta__media img{width:100%;height:100%;object-fit:cover;display:block}
.pi-cta__overlay{position:absolute;inset:0;background:#000}
.pi-cta__binnen{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.6rem;text-align:center;max-width:80rem}
.pi-cta__binnen h2{margin:0}
.pi-cta--foto .pi-cta__binnen h2,.pi-cta--foto .pi-cta__tekst,.pi-cta--foto .pi-cta__info{color:#fff}
.pi-cta--foto .button--secondary{color:#fff;--color-button-text:255,255,255}
.pi-cta__tekst p{margin:0}
.pi-cta__info{font-size:1.4rem;opacity:.75;margin:0}