.template-expertises{.diensten-filter{margin:48px 0 0;max-width:calc(var(--so-container-size) + 32px)}.diensten-filter-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0;li{display:flex}}.diensten-filter-tag{background-color:var(--so-color-mint-mist);border:0;color:var(--so-color-navy);cursor:pointer;font-size:12px;font-weight:700;letter-spacing:-.01em;line-height:1.3333333333333;min-height:24px;min-width:24px;padding:3px 8px;text-transform:uppercase;transition:var(--so-transition-speed) ease background-color,var(--so-transition-speed) ease border-color,var(--so-transition-speed) ease color;&:hover{background-color:var(--so-color-green)}&.is-active,&:hover{color:var(--so-color-white)}&.is-active{background-color:var(--so-color-navy);border-color:var(--so-color-green)}}.expertises-diensten{margin:64px auto;max-width:calc(var(--so-container-size) + 32px);padding-left:var(--so-body-spacing);padding-right:var(--so-body-spacing);position:relative;.dienst{order:2}.dienst:nth-child(-n+6){order:0}.diensten-quote{grid-column:span 3;order:1}&.is-filtered{.dienst{order:0}.diensten-quote{order:1}}&:after{aspect-ratio:128/257;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='257' fill='none' viewBox='0 0 128 257'%3E%3Cpath fill='%23d6ebe0' d='M0 129h128L0 1z'/%3E%3Cpath fill='%233caf79' d='M0 129h128L0 257z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:333px;content:"";left:calc((100dvw - var(--so-container-size))/2*-1);position:absolute;width:128px;z-index:1}}.dienst.is-filtered-out{display:none}}@media (prefers-reduced-motion:reduce){.template-expertises .diensten-filter-tag{transition:none}}.expertise-intro{margin-left:auto;margin-right:auto;max-width:calc(var(--so-container-size) + var(--so-body-spacing)*2);padding-bottom:64px;padding-left:var(--so-body-spacing);padding-right:var(--so-body-spacing);padding-top:64px;position:relative;@media (width <= 768px){padding-bottom:32px;padding-top:32px}p{max-width:863px}&:before{background-color:var(--so-color-ghost-white);content:"";height:100%;left:0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);position:absolute;top:0;width:100vw;z-index:-1}&:after{background-color:unset;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256' fill='none' viewBox='0 0 256 256'%3E%3Cpath fill='%23d6ebe0' d='M0 128h128L0 256z'/%3E%3Cpath fill='%233caf79' d='M128 0v128h128V0z'/%3E%3C/svg%3E");background-position:100% 100%;background-repeat:no-repeat;background-size:256px;bottom:0;content:"";height:calc(100% + 128px);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);right:0;@media (width <= 768px){background-size:128px;height:calc(100% + 64px)}}}