/* Dezelfde dienstenkaartregels als homepage; alleen de linklijst op /spoedtandarts/ (kopie van algemene-tandheelkunde-linkkaarten.css). */
/* Homepage :root en .wrap, begrensd; hef de binnenpagina-breedte op. */
#gerelateerd{--maxw:1300px;--pad:clamp(16px,4vw,40px)}
#gerelateerd>.wrap{width:auto;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
/* style-tvs.min.css */
[data-patroon="services-grid"] .sb-diensten__kop{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}
[data-patroon="services-grid"] .sb-diensten__kop .sectiekop{margin-bottom:0}
[data-patroon="services-grid"] .sb-diensten__grid{list-style:none;margin:clamp(2rem,4vw,3rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem 1.1rem}
[data-patroon="services-grid"] .sb-dienst{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border-radius:var(--r);box-shadow:var(--schaduw-kaart);overflow:hidden}
[data-patroon="services-grid"] .sb-dienst__beeld{position:relative}
[data-patroon="services-grid"] .sb-dienst__foto{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;object-position:center 30%}
[data-patroon="services-grid"] .sb-dienst__ico{position:absolute;right:.8rem;bottom:-1.4rem;width:3.2rem;height:3.2rem;display:grid;place-items:center;border-radius:14px;background:#fff;box-shadow:var(--schaduw-kaart)}
[data-patroon="services-grid"] .sb-dienst__ico img{width:34px;height:34px}
[data-patroon="services-grid"] .sb-dienst__tekst{display:flex;flex:1;flex-direction:column;padding:1.5rem 1.25rem 1.25rem}
[data-patroon="services-grid"] .sb-dienst h3{font-size:1.12rem;margin:0 0 .5rem;color:var(--goud-diep)}
[data-patroon="services-grid"] .sb-dienst h3 a{color:inherit;text-decoration:none}
[data-patroon="services-grid"] .sb-dienst h3 a::after{content:"";position:absolute;inset:0;z-index:1}
[data-patroon="services-grid"] .sb-dienst p{margin:0 0 1rem;font-size:.95rem;color:var(--ant-zacht)}
[data-patroon="services-grid"] .sb-dienst__pijl{margin-top:auto;width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%;background:var(--goud-licht);color:var(--goud-diep)}
[data-patroon="services-grid"] .sb-dienst__pijl svg{width:16px;height:16px}
[data-patroon="services-grid"] .sb-dienst:focus-within{outline:3px solid var(--goud-diep);outline-offset:3px}
[data-patroon="services-grid"] .sb-dienst h3 a:focus-visible{outline:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){[data-patroon="services-grid"] .sb-dienst{transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
[data-patroon="services-grid"] .sb-dienst:hover{transform:translateY(-4px);box-shadow:var(--schaduw)}
[data-patroon="services-grid"] .sb-dienst:hover .sb-dienst__pijl{background:var(--goud-diep);color:#fff}}
@media(max-width:980px){[data-patroon="services-grid"] .sb-diensten__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){[data-patroon="services-grid"] .sb-diensten__kop{display:block}
[data-patroon="services-grid"] .sb-diensten__grid{grid-template-columns:1fr;gap:.8rem}
[data-patroon="services-grid"] .sb-dienst{flex-direction:row;min-height:8rem}
[data-patroon="services-grid"] .sb-dienst__beeld{flex:none;width:7.25rem}
[data-patroon="services-grid"] .sb-dienst__foto{position:absolute;inset:0;height:100%;aspect-ratio:auto}
[data-patroon="services-grid"] .sb-dienst__ico,[data-patroon="services-grid"] .sb-dienst__pijl{display:none}
[data-patroon="services-grid"] .sb-dienst__tekst{padding:.9rem 1rem}
[data-patroon="services-grid"] .sb-dienst h3{font-size:1.02rem;margin-bottom:.3rem}
[data-patroon="services-grid"] .sb-dienst p{margin:0;font-size:.88rem}}
@media(min-width:861px){[data-patroon="services-grid"] .sb-diensten__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
[data-patroon="services-grid"] .sb-dienst h3{color:var(--bruin)}
[data-patroon="services-grid"] .sb-diensten:has(.sb-diensten__grid--secties){padding-block:clamp(2.5rem,5vw,4rem)}
[data-patroon="services-grid"] .sb-diensten:has(.sb-diensten__grid--3){padding-block:clamp(1.75rem,2.8vw,2.25rem)}
[data-patroon="services-grid"] .sb-diensten:has(.sb-diensten__grid--3) .sectiekop{margin-bottom:0}
[data-patroon="services-grid"] .sb-diensten__grid--3{margin-top:clamp(1rem,2vw,1.4rem);gap:.9rem}
[data-patroon="services-grid"] .sb-diensten__grid--3 .sb-dienst__foto{object-position:center 28%}
@media(min-width:621px){[data-patroon="services-grid"] .sb-diensten__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-patroon="services-grid"] .sb-diensten__grid--3:has(>li:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
[data-patroon="services-grid"] .sb-diensten__grid--3 .sb-dienst__foto{aspect-ratio:3/1}
[data-patroon="services-grid"] .sb-diensten__grid--3 .sb-dienst__ico{width:2.5rem;height:2.5rem;bottom:-1rem;border-radius:11px}
[data-patroon="services-grid"] .sb-diensten__grid--3 .sb-dienst__ico img{width:26px;height:26px}
[data-patroon="services-grid"] .sb-diensten__grid--3 .sb-dienst__tekst{padding:.75rem 3.2rem .8rem 1.1rem}
[data-patroon="services-grid"] .sb-diensten__grid--3 .sb-dienst h3{font-size:1.05rem;margin-bottom:.25rem}
[data-patroon="services-grid"] .sb-diensten__grid--3 .sb-dienst p{margin:0;font-size:.88rem;line-height:1.5}
[data-patroon="services-grid"] .sb-diensten__grid--3 .sb-dienst__pijl{position:absolute;right:.9rem;bottom:.9rem;width:2rem;height:2rem}}
@media(min-width:861px){[data-patroon="services-grid"] .sb-diensten__grid--3:has(>li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}
[data-patroon="services-grid"] .sb-diensten:has(.sb-diensten__grid--3) .sectiekop{max-width:none}
[data-patroon="services-grid"] .sb-diensten:has(.sb-diensten__grid--3) .sectiekop>.intro{max-width:none;font-size:1.05rem;margin-top:.45rem}
@media(max-width:620px){[data-patroon="services-grid"] .sb-diensten:has(.sb-diensten__grid--3) .kop{font-size:1.75rem}
[data-patroon="services-grid"] .sb-diensten:has(.sb-diensten__grid--3) .sectiekop>.intro{display:none}
[data-patroon="services-grid"] .sb-diensten__grid--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
[data-patroon="services-grid"] .sb-diensten__grid--3 .sb-dienst{flex-direction:column;min-height:0}
[data-patroon="services-grid"] .sb-diensten__grid--3 .sb-dienst__beeld{width:auto}
[data-patroon="services-grid"] .sb-diensten__grid--3 .sb-dienst__foto{position:static;aspect-ratio:2/1;height:auto}
[data-patroon="services-grid"] .sb-diensten__grid--3 .sb-dienst__tekst{padding:.55rem .7rem .65rem}
[data-patroon="services-grid"] .sb-diensten__grid--3 .sb-dienst h3{font-size:.93rem;line-height:1.25;margin:0}
[data-patroon="services-grid"] .sb-diensten__grid--3 .sb-dienst p{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
[data-patroon="services-grid"] .sb-diensten__grid--3>li:last-child:nth-child(odd){grid-column:1/-1}
[data-patroon="services-grid"] .sb-diensten__grid--3>li:last-child:nth-child(odd) .sb-dienst__foto{aspect-ratio:4/1}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){[data-patroon="services-grid"] .sb-dienst__ico{transition:transform .25s var(--ease)}
[data-patroon="services-grid"] .sb-diensten:not(#aanbod,#diensten6) .sb-dienst:is(:hover,:focus-within) .sb-dienst__ico{transform:translateY(-3px) scale(1.08)}}
@media(min-width:861px){[data-patroon="services-grid"] .sb-diensten__grid--3:has(>li:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
[data-patroon="services-grid"] main > :is(.sb-diensten,.sb-impact,.pk) + *{--r-h:var(--rh-laag)}
[data-patroon="services-grid"] .sb-diensten .sb-dienst{background:var(--bruin);box-shadow:0 1px 2px rgba(0,17,69,.12),0 16px 34px -18px rgba(0,17,69,.6)}
[data-patroon="services-grid"] .sb-diensten .sb-dienst h3{color:var(--wit)}
[data-patroon="services-grid"] .sb-diensten .sb-dienst p{color:var(--licht-hover)}
[data-patroon="services-grid"] .sb-diensten .sb-dienst__pijl{background:var(--goud);color:var(--bruin)}
[data-patroon="services-grid"] .sb-diensten__grid--wit{--dk-r:4px;row-gap:calc(30px + .35rem);margin-top:calc(30px + .35rem)}
[data-patroon="services-grid"] .sb-diensten .sb-diensten__grid--wit .sb-dienst{background:var(--wit);border-radius:var(--dk-r);overflow:visible;
box-shadow:0 0 0 1px rgba(0,17,69,.07),0 1px 2px rgba(0,17,69,.08),0 16px 32px -20px rgba(0,17,69,.4)}
[data-patroon="services-grid"] .sb-diensten .sb-diensten__grid--wit .sb-dienst h3{color:var(--bruin)}
[data-patroon="services-grid"] .sb-diensten .sb-diensten__grid--wit .sb-dienst p{color:var(--ant-zacht)}
[data-patroon="services-grid"] .sb-diensten .sb-diensten__grid--wit .sb-dienst__pijl{background:var(--goud-licht);color:var(--goud-diep)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){[data-patroon="services-grid"] .sb-diensten .sb-diensten__grid--wit .sb-dienst:hover .sb-dienst__pijl{background:var(--goud-diep);color:var(--wit)}}
[data-patroon="services-grid"] .sb-diensten__grid--wit .sb-dienst__beeld{border-radius:var(--dk-r) var(--dk-r) 0 0}
[data-patroon="services-grid"] .sb-diensten__grid--wit .sb-dienst__ico{border-radius:var(--dk-r)}
[data-patroon="services-grid"] .sb-dpop{--fa:3.15;container-type:inline-size;aspect-ratio:var(--fa);
--p:clamp(30px,100cqw / var(--fa) * .16,40px);
--ph:max((100cqw / var(--fa) + var(--p)) / (1 - var(--d0)),100cqw / var(--ar));
--pw:calc(var(--ph) * var(--ar));
--pt:calc(-1 * (var(--d0) * var(--ph) + var(--p)));
--pl:clamp(100cqw - var(--pw),50cqw - var(--mid) * var(--pw),0px)}
[data-patroon="services-grid"] .sb-dpop__raam{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
[data-patroon="services-grid"] .sb-dpop__boven{position:absolute;left:0;right:0;bottom:100%;height:calc(var(--p) + 40px);overflow:hidden;pointer-events:none}
[data-patroon="services-grid"] .sb-diensten__grid--3 .sb-dpop .sb-dienst__foto,[data-patroon="services-grid"] .sb-dpop__boven>img{position:absolute;right:auto;bottom:auto;left:var(--pl);
width:var(--pw);height:var(--ph);max-width:none;aspect-ratio:auto;object-fit:fill;border-radius:0}
[data-patroon="services-grid"] .sb-diensten__grid--3 .sb-dpop .sb-dienst__foto{top:var(--pt)}
[data-patroon="services-grid"] .sb-dpop__boven>img{top:calc(var(--pt) + var(--p) + 40px);
filter:drop-shadow(0 10px 12px rgba(0,17,69,.3)) drop-shadow(0 2px 3px rgba(0,17,69,.22))}
[data-patroon="services-grid"] .sb-dpop--verhuizen{--d0:.067;--mid:.832;--ar:1.3333}
[data-patroon="services-grid"] .sb-dpop--opslag{--d0:.288;--mid:.643;--ar:1.3333}
[data-patroon="services-grid"] .sb-dpop--meubelprojecten{--d0:.106;--mid:.573;--ar:1.4993}
[data-patroon="services-grid"] .sb-dpop--gebouwbeheer{--d0:.103;--mid:.335;--ar:1.5}
[data-patroon="services-grid"] .sb-dpop--assetmanagement{--d0:.218;--mid:.63;--ar:1.3333}
[data-patroon="services-grid"] .sb-dpop--duurzame-werkomgeving{--d0:.286;--mid:.256;--ar:1.3712}
@media(max-width:620px){[data-patroon="services-grid"] .sb-diensten__grid--wit{row-gap:calc(30px + .45rem);margin-top:calc(30px + .45rem)}
[data-patroon="services-grid"] .sb-dpop{--fa:2}
[data-patroon="services-grid"] .sb-diensten__grid--wit>li:last-child:nth-child(odd) .sb-dpop{--fa:4}}
[data-patroon="services-grid"] :is(#aanbod,#diensten6) .sb-dienst__ico:has(>img[src*="/img/iconen/"]){width:3.4rem;height:3.4rem}
[data-patroon="services-grid"] :is(#aanbod,#diensten6) .sb-dienst__ico>img[src*="/img/iconen/"]{width:46px;height:46px}
@media(min-width:621px){[data-patroon="services-grid"] :is(#aanbod,#diensten6) .sb-diensten__grid--3 .sb-dienst__ico:has(>img[src*="/img/iconen/"]){width:3rem;height:3rem}
[data-patroon="services-grid"] :is(#aanbod,#diensten6) .sb-diensten__grid--3 .sb-dienst__ico>img[src*="/img/iconen/"]{width:40px;height:40px}
[data-patroon="services-grid"] :is(#aanbod,#diensten6) .sb-diensten__grid--3 .sb-dienst:has(.sb-dienst__ico>img[src*="/img/iconen/"]) h3{padding-right:3.6rem}}
[data-patroon="services-grid"] :is(main > :is(#aanbod,#diensten6) .sb-diensten__grid--wit, main > #aanbod.sb-diensten--overzicht .sb-diensten__grid) .sb-dienst{
box-shadow:0 0 0 1px rgba(132,173,255,.55),0 1px 2px rgba(0,17,69,.08),0 16px 32px -20px rgba(0,17,69,.4)}
[data-patroon="services-grid"] :is(main > :is(#aanbod,#diensten6) .sb-diensten__grid--wit, main > #aanbod.sb-diensten--overzicht .sb-diensten__grid) .sb-dienst__pijl{background:var(--teal-paneel)}
[data-patroon="services-grid"] :is(main > :is(#aanbod,#diensten6) .sb-diensten__grid--wit, main > #aanbod.sb-diensten--overzicht .sb-diensten__grid) .sb-dienst__pijl svg{filter:brightness(0) invert(1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){[data-patroon="services-grid"] #aanbod .sb-dienst__ico>img[src*="/img/iconen/"]{transition:transform .25s var(--ease)}
[data-patroon="services-grid"] #aanbod .sb-dienst:hover .sb-dienst__ico>img[src*="/img/iconen/"]{transform:translateY(-3px) scale(1.25)}
[data-patroon="services-grid"] :is(main > :is(#aanbod,#diensten6) .sb-diensten__grid--wit, main > #aanbod.sb-diensten--overzicht .sb-diensten__grid) .sb-dienst:hover{
box-shadow:0 0 0 1.5px var(--offerte),0 0 26px -6px rgba(132,173,255,.55),0 22px 38px -22px rgba(0,17,69,.45)}
[data-patroon="services-grid"] :is(main > :is(#aanbod,#diensten6) .sb-diensten__grid--wit, main > #aanbod.sb-diensten--overzicht .sb-diensten__grid) .sb-dienst__pijl{transition:background-color .25s var(--ease)}
[data-patroon="services-grid"] :is(main > :is(#aanbod,#diensten6) .sb-diensten__grid--wit, main > #aanbod.sb-diensten--overzicht .sb-diensten__grid) .sb-dienst:hover .sb-dienst__pijl{background:var(--goud-diep)}}
@media(prefers-reduced-motion:no-preference){[data-patroon="services-grid"] #aanbod .sb-dienst:focus-within .sb-dienst__ico>img[src*="/img/iconen/"]{transition:transform .25s var(--ease);transform:translateY(-3px) scale(1.25)}}
[data-patroon="services-grid"] .c7-vest .c7-vest__wie .sb-dpop{--fa:1.1765;border-radius:8px}
[data-patroon="services-grid"] .c7-vest .c7-vest__wie .sb-dpop__raam>img{position:absolute;left:var(--pl);top:var(--pt);width:var(--pw);height:var(--ph);max-width:none;aspect-ratio:auto;object-fit:fill;border-radius:0}
[data-patroon="services-grid"] .c7-vest .c7-vest__wie .sb-dpop__boven>img{width:var(--pw);height:var(--ph);aspect-ratio:auto;object-fit:fill;border-radius:0}
@media (prefers-reduced-motion:no-preference){[data-patroon="services-grid"] .js .c7-vest .sb-dpop__boven>img{transition:opacity .8s var(--ease),transform .8s var(--ease)}
[data-patroon="services-grid"] .js .c7-vest [data-reveal]:not(.in) .sb-dpop__boven>img{opacity:0;transform:translateY(12%)}}
@media(prefers-reduced-motion:no-preference){[data-patroon="services-grid"] #diensten6 .sb-dienst__ico>img{transition:scale .6s cubic-bezier(.34,1.56,.64,1) .35s,opacity .3s ease .35s,transform .3s var(--ease);
animation:c7-d6-zweef 4s ease-in-out infinite}
[data-patroon="services-grid"] .js #diensten6 [data-reveal-groep]>:not(.in) .sb-dienst__ico>img{scale:.6;opacity:0}
[data-patroon="services-grid"] #diensten6 .sb-dienst:nth-child(2) .sb-dienst__ico>img{transition-delay:.43s,.43s,0s;animation-duration:4.4s;animation-delay:-1.1s}
[data-patroon="services-grid"] #diensten6 .sb-dienst:nth-child(3) .sb-dienst__ico>img{transition-delay:.51s,.51s,0s;animation-duration:3.6s;animation-delay:-2.3s}
[data-patroon="services-grid"] #diensten6 .sb-dienst:nth-child(4) .sb-dienst__ico>img{transition-delay:.59s,.59s,0s;animation-duration:4.6s;animation-delay:-.6s}
[data-patroon="services-grid"] #diensten6 .sb-dienst:nth-child(5) .sb-dienst__ico>img{transition-delay:.67s,.67s,0s;animation-duration:3.8s;animation-delay:-3.1s}
[data-patroon="services-grid"] #diensten6 .sb-dienst:nth-child(6) .sb-dienst__ico>img{transition-delay:.75s,.75s,0s;animation-duration:4.2s;animation-delay:-1.7s}
[data-patroon="services-grid"] #diensten6 .sb-dienst:focus-within .sb-dienst__ico>img{transform:rotate(-6deg) scale(1.15)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){[data-patroon="services-grid"] #diensten6 .sb-dienst:hover .sb-dienst__ico>img{transform:rotate(-6deg) scale(1.15)}}
@media(max-width:359.98px){[data-patroon="services-grid"] .c7-wg .sb-dpop{--p:min(30px,max(100cqw / var(--fa) * .269 / (.731 - var(--d0)),100cqw / var(--ar) * .269))}}
[data-patroon="services-grid"] .sb-dienst__ico{outline:var(--c7-geel-rand) solid #DCB114;outline-offset:calc(-1 * var(--c7-geel-rand))}
/* tvs-extra.css */
[data-patroon="services-grid"] #gerelateerd .sb-dienst{box-shadow:0 0 0 1px #DCB114,var(--schaduw-kaart)}
[data-patroon="services-grid"] #gerelateerd .sb-dienst:hover{box-shadow:0 0 0 1px #DCB114,var(--schaduw)}
[data-patroon="services-grid"] #gerelateerd .sb-dienst:hover .sb-dienst__pijl{background:#84ADFF;transform:translateX(2px)}
/* compact.css */

/* homepage inline homepage-vastgezet */
@media(min-width:621px){[data-patroon="services-grid"] [data-blok="diensten"][data-v="1"] .sb-diensten__grid--3{margin-top:calc(30px + .2rem);row-gap:calc(30px + .2rem)}
[data-patroon="services-grid"] [data-blok="diensten"][data-v="1"] .sb-diensten__grid--3 .sb-dpop{--fa:3.75}
[data-patroon="services-grid"] [data-blok="diensten"][data-v="1"] .sb-diensten__grid--3 .sb-dienst__tekst{padding:.6rem 3.2rem .65rem 1.1rem}}
[data-patroon="services-grid"] [data-blok="waarom"][data-v="2"] .sb-dpop__raam>img{position:absolute;left:var(--pl);top:var(--pt);width:var(--pw);height:var(--ph);max-width:none;object-fit:fill;border-radius:0}