.certificeringen{display:grid;gap:var(--so-block-gap);grid-template-columns:1fr 1fr 1fr 1fr;@media (width <= 1100px){grid-template-columns:1fr 1fr 1fr}@media (width <= 860px){grid-template-columns:1fr 1fr}@media (width <= 576px){grid-template-columns:1fr}}.certificering-wrapper{container-name:certificering;container-type:inline-size}.certificering{--certificering-padding:24px;aspect-ratio:1/1;background-color:var(--so-color-dark-gray);border-radius:24px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:var(--certificering-padding,24px);position:relative;@container certificering (width <= 290px){--certificering-padding:16px}&:focus-within{outline:2px solid var(--so-color-red);outline-offset:2px}>img{aspect-ratio:1/1;margin:auto;pointer-events:none;transform:translateY(-48px);transition:all .4s ease;width:43.75%}&:focus-within>img,&:hover>img{transform:translateY(-58px);width:calc(43.75% - 20px)}.certificering-subtitel-text{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;margin:0;padding-bottom:32px;.certificering-tag-subtitel{background-color:var(--so-color-red);border-radius:16px;color:var(--so-color-white);padding:2px 4px;text-align:center}}.certificering-subtitel-text,.certificering-tag-subtitel{color:var(--so-color-taupe);font-family:var(--so-font-family-alt);font-size:12px;font-weight:400;letter-spacing:-.05em;line-height:1;text-transform:uppercase}.certificering-content{bottom:0;display:flex;flex-direction:column;gap:12px;left:var(--certificering-padding,24px);min-height:calc(100% - 62px);padding:32px 12px;position:absolute;right:var(--certificering-padding,24px);transform:translateY(calc(100% - 96px));transition:transform .4s ease;z-index:1;@container certificering (width <= 290px){min-height:calc(100% - 44px);padding-bottom:24px;padding-left:12px;padding-right:12px;padding-top:24px;transform:translateY(calc(100% - 80px))}*{padding:0}*,h3{margin:0}.certificering-toggle{appearance:none;background:transparent;border:none;color:inherit;cursor:pointer;display:block;font:inherit;font-size:16px;font-weight:700;letter-spacing:var(--so-fontsize-h6-letterspacing);line-height:var(--so-fontsize-h6-line-height);margin:0;min-height:32px;padding:0 16px 0 0;position:relative;text-align:left;width:100%;&:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23fff' d='M14 8H8v6H6V8H0V6h6V0h2v6h6z'/%3E%3C/svg%3E");content:"";height:14px;position:absolute;right:-10px;top:5px;transform:rotate(0deg);transition:transform .4s ease,background-image .4s ease;width:14px}&:focus{outline:none}@container certificering (width >= 320px){font-size:18px}}.certificering-panel{display:flex;flex:1;flex-direction:column;gap:12px;min-height:0;opacity:0;transition:opacity .4s ease}p{display:-webkit-box;font-size:14px;-webkit-line-clamp:6;line-clamp:6;line-height:1.285714285714286;-webkit-box-orient:vertical;overflow:hidden;@container certificering (width <= 275px){font-size:12px}}&:after{background-color:var(--so-color-charcoal);border-radius:24px;bottom:0;content:"";left:calc(var(--certificering-padding, 24px)*-1);position:absolute;right:calc(var(--certificering-padding, 24px)*-1);top:0;z-index:-1}.certificering-teamleden{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;margin-top:auto;img{aspect-ratio:1/1;background-color:var(--so-color-gray);border:2px solid var(--so-color-charcoal);border-radius:100%;height:48px;object-fit:contain;width:48px;&:not(:first-child){margin-left:-24px}&:first-child{z-index:5}&:nth-child(2){z-index:4}&:nth-child(3){z-index:3}&:nth-child(4){z-index:2}&:nth-child(5){z-index:1}}}.certificering.active &{transform:translate(0);.certificering-toggle:after{transform:rotate(45deg)}.certificering-panel{opacity:1}}.certificering:not(.active):focus-within &,.certificering:not(.active):hover &{transform:translateY(calc(100% - 112px));.certificering-toggle:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23ff3b1d' d='M14 8H8v6H6V8H0V6h6V0h2v6h6z'/%3E%3C/svg%3E")}}}@media (prefers-reduced-motion:reduce){.certificering-content,.certificering-content .certificering-panel,.certificering-content .certificering-toggle:after,>img{transition:none}}}.certificates-description{align-items:center;display:flex;font-family:var(--so-font-family-alt);font-size:14px;font-weight:400;gap:8px;justify-content:center;letter-spacing:-.05em;margin-top:32px;text-transform:uppercase;&:after,&:before{background-color:var(--so-color-gray);content:"";flex:1;height:1px}}