﻿section.branches .myIcon {
    position: absolute;
    top: 20px;
}

.teamheader .image-blur {
    position: relative;
    overflow: hidden;
}

    /* laag 1 – het ingezoomde beeld */
    .teamheader .image-blur::before {
        content: "";
        position: absolute;
        inset: 0;
        background: inherit;
        background-size: cover; /* voor de zekerheid */
        transform: scale(1);
        filter: blur(0);
        transition: transform .6s cubic-bezier(.4,0,.2,1), filter .6s cubic-bezier(.4,0,.2,1);
        will-change: transform, filter;
        z-index: 0; /* onder alles */
    }

    /* laag 2 – de half­transparante kleur */
    .teamheader .image-blur::after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,.25);
        pointer-events: none; /* overlay niet klikbaar */
        z-index: 1; /* net boven de foto, onder de content */
    }

/* hover – alleen de fotolaag transformeren */
.teamheader:hover .image-blur::before {
    transform: scale(1.08);
    filter: blur(6px);
}

/* echte content blijft boven alles */
.teamheader .image-blur > * {
    position: relative;
    z-index: 2;
}


.bg-primary-gradient {
    background: linear-gradient(107deg, #68b565 0%, #72aa6e 100%);
}

