.scrollkaarten-container{display:flex;flex-direction:column;gap:var(--so-block-gap);overflow:visible}.scrollkaarten-intro{& h2{margin-bottom:16px}.tag{margin-bottom:24px}}.scrollkaarten-diensten{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--so-block-gap);overflow:visible;@media (max-width:768px){align-items:stretch;flex-direction:column;flex-wrap:nowrap}}.scrollkaarten-dienst{background-color:#242424;border:1px solid var(--so-color-charcoal);border-radius:16px;display:flex;flex-direction:column;height:fit-content;overflow:hidden;padding:24px;width:calc(33.33333% - var(--so-block-gap)*2/3);will-change:transform;@media only screen and (max-height:890px) and (min-width:1025px){min-height:unset}@media (min-width:769px){&:after{background:radial-gradient(circle,#904214 0,rgba(144,66,20,0) 50%,rgba(144,66,20,0) 100%);content:"";inset:0;opacity:0;position:absolute;transform:translate(50%,25%) scale(2.2);transition:var(--so-transition-speed) ease all;z-index:-1}}&:hover&:after{opacity:1}.specialists-list{margin-bottom:16px}.button{justify-content:flex-start;margin-top:auto;.button-label{white-space:nowrap}@media (min-width:576px){min-height:56px}}.subdiensten{background-color:var(--so-color-dark-gray);border-radius:8px;margin-top:24px;padding:16px;@media only screen and (max-height:890px) and (min-width:1025px){padding-bottom:12px;padding-left:12px;padding-right:12px;padding-top:12px}>span{color:var(--so-color-taupe);display:flex;font-family:var(--so-font-family-alt);font-size:12px;margin-bottom:18px;text-transform:uppercase}ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;li{display:flex}a{background-color:#424242;border-radius:999px;font-family:var(--so-font-family-alt);font-size:12px;font-weight:400;letter-spacing:-.05em;line-height:1;padding:8px;text-decoration:none;text-transform:uppercase;transition:var(--so-transition-speed) ease all;&:hover{background-color:var(--so-color-red)}}}}p{font-size:16px;@media only screen and (max-height:890px) and (min-width:1025px){font-size:14px}}& h3{color:var(--so-color-white);margin-bottom:24px;@media only screen and (max-height:890px) and (min-width:1025px){font-size:20px}}@media (max-width:1024px){width:calc((100% - var(--so-block-gap))/2)}@media (min-width:1280px){min-height:553px}@media (max-width:768px){min-height:260px;padding-bottom:24px;padding-left:24px;padding-right:24px;padding-top:24px;width:100%;will-change:auto}@media (max-width:576px){min-height:220px}}