/*** Root variables ***/

:root {
    --clr-pink: #D60057;
    --clr-light-grey: #F5F5F5;
    --clr-hover-grey: #D5D5D5;
    --clr-mid-grey: #666666;
    --clr-dark-grey: #444444;
    --clr-white: #ffffff;
    --clr-black: #222222;

    --text-xl: clamp(2.5rem, 1.864rem + 2.679vi, 4.375rem); /* 40px - 70px */
    --text-lg: clamp(1.75rem, 1.326rem + 1.786vi, 3rem); /* 28px - 48px */
    --text-md: clamp(1.25rem, 1.08rem + 0.714vi, 1.75rem); /* 20px - 28px */
    --text-sm: clamp(1.25rem, 1.165rem + 0.357vi, 1.5rem); /* 20px - 24px */
    --text-xs: clamp(1rem, 0.915rem + 0.357vi, 1.25rem); /* 16px - 20px */
    --text-xxs: 1rem; /* 16px */

    --line-height-sm: 1.1em;
    --line-height-lg: 1.5em;

    --letter-spacing-sm: -1px;
    --letter-spacing-lg : -2px;
}


/*** Font settings ***/

@font-face {
    font-family: 'Lintel';
    src: URL('Lintel-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Lintel';
    src: URL('Lintel-Light.otf') format('opentype');
    font-weight: 300;
}

@font-face {
    font-family: 'Lintel';
    src: URL('Lintel-Medium-Italic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Lintel';
    src: URL('Lintel-Bold.otf') format('opentype');
    font-weight: 700;
}

@font-face {
    font-family: 'Lintel';
    src: URL('Lintel-ExtraBold.otf') format('opentype');
    font-weight: 800;
}

.font-secondary {
    font-family: 'Lintel';
}


/*** Text responsive classes ***/
/* https://chrisburnell.com/clamp-calculator/ min.viewport = 380px, max.viewport = 1500px */

/* 40px - 70px */
.text-xl, .text-xl > div > * {
	font-size: var(--text-xl);
    line-height: var(--line-height-sm);
}

/* 28px - 48px */
.text-lg, .text-lg > div > * {
	font-size: var(--text-lg);
    line-height: var(--line-height-sm);
}

/* 20px - 28px */
.text-md, .text-md > div > * {
	font-size: var(--text-md);
    line-height: var(--line-height-sm);
}

/* 20px - 24px */
.text-sm, .text-sm > div > * {
	font-size: var(--text-sm);
    line-height: var(--line-height-sm);
}

/* 16px - 20px */
.text-xs, .text-xs > div > * {
	font-size: var(--text-xs);
    line-height: var(--line-height-lg);
}

/* 16px */
.text-xxs, .text-xxs > div > * {
	font-size: var(--text-xxs);
    line-height: var(--line-height-lg);
}


/*** Utility classes ***/

.text-pink {
    color: var(--clr-pink);
}

.hover-text-pink:hover {
    color: var(--clr-pink) !important;
}

.text-mid-grey {
    color: var(--clr-mid-grey);
}

.text-dark-grey {
    color: var(--clr-dark-grey) !important;
}

.text-white {
    color: var(--clr-white);
}

.text-black {
    color: var(--clr-black);
}

.spacing-sm {
    letter-spacing: var(--letter-spacing-sm);
}

.spacing-lg {
    letter-spacing: var(--letter-spacing-lg);
}

.font-light {
    font-weight: 300;
}

.font-medium-italic {
    font-weight: 500;
    font-style: italic;
}

.font-medium {
    font-weight: 500;
}

.font-bold {
    font-weight: 700;
}

.font-extrabold {
    font-weight: 800;
}

.underline {
    text-decoration: underline;
}

.text-center {
    text-align: center;
}

.line-height-lg > div > * {
    line-height: var(--line-height-lg);
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

@media only screen and (max-width: 768px) {
    .mobile-flex-col {
        flex-direction: column;
    }
}

.wrap {
    flex-wrap: wrap;
}

.justify-between {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.align-center {
    align-items: center;
}

.text-center {
    text-align: center;
}

.gap-xs {
    gap: 0.5rem;
}

.gap-sm {
    gap: 1rem;
}

.gap-md {
    gap: 1.5rem;
}

.gap-xl {
    gap: 3rem;
}

.bg-light-grey {
    background-color: var(--clr-light-grey);
}

.bg-white {
    background-color: var(--clr-white);
}

.bg-pink {
    background-color: var(--clr-pink);
}

.bg-black {
    background-color: var(--clr-black);
}

.hover-bg-darker-grey:hover {
    transition: 0.3s all;
    background-color: var(--clr-hover-grey);
}

.rounded-sm {
    border-radius: 0.5rem;
}

.rounded-lg {
    border-radius: 2rem;
}

@media only screen and (max-width: 768px) {
    .rounded-lg {
        border-radius: 1rem;
    }
}

.rounded-lg-l {
    border-radius: 2rem 0rem 0rem 2rem;
}

.p-0 {
    padding: 0px;
}

.p-32 {
    padding: 32px;
}

@media only screen and (max-width: 768px) {
    .p-32 {
        padding: 15px;
    }
}

.p-40 {
    padding: 40px;
}

@media only screen and (max-width: 768px) {
    .p-40 {
        padding: 15px;
    }
}

.px-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.px-48 {
    padding-left: 48px;
    padding-right: 48px;
}

@media only screen and (max-width: 768px) {
    .px-48 {
        padding-left: 20px;
        padding-right: 20px;    
    }
}

.py-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.py-24 {
    padding-top: 24px;
    padding-bottom: 24px;
}

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media only screen and (max-width: 768px) {
    .py-40 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.pt-30 {
    padding-top: 30px;
}

.pt-10 {
    padding-top: 100px;
}

.pb-10 {
    padding-bottom: 100px;
}

.m-0 {
    margin: 0px !important;
}

.mt-6 {
    margin-top: 6px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-40 {
    margin-top: 40px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mr-10 {
    margin-right: 10px;;
}

.h-100 {
    height: 100%;
}

.h-90 {
    height: 90px;
}

.opacity-50 {
    opacity: 0.5;
}

.border-none {
    border: none;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

@media only screen and (min-width: 981px) {
    .hide-desktop {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
    .hide-tablet {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .hide-mobile {
        display: none;
    }
}

.transition {
    transition: 0.3s all;
}

.a-pink a {
    color: var(--clr-pink);
}

/*** Element specific CSS ***/

ul {
    padding: 0px !important;
}

html {
    overflow-x: hidden;
}

#header-menu-link a {
    color: var(--clr-black);
    font-size: clamp(1.25rem, 1.165rem + 0.357vi, 1.5rem); /* 20px - 24px */
}

#header-submenu-link a {
    color: var(--clr-white);
    font-size: clamp(1rem, 0.915rem + 0.357vi, 1.25rem); /* 16px - 20px */
}

a#footer-menu-link {
    color: var(--clr-white);
}

a.current-menu-item {
	color: var(--clr-pink) !important;
}

#testimonial-card-image {
    height: 112px;
    width: 112px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.vincer_home_testimonial_slider_carroussel {
    height: 290px;
}


/* Back button weergeven als text */
button#vincer_back_button_text {
    background-color: transparent;
    border: 0px solid red;
    padding: 0px;
    cursor: pointer;
}


/* slider dots */
    ul.vincer-testimonials-slider-dots {
        display: flex;
        gap: 10px;
        padding: 0px;
        width: 100%;
        margin: 0px;
        justify-content: flex-end;
        height: 30px;
        transform: translateY(40px);
    }

    @media only screen and (max-width: 768px) {
        ul.vincer-testimonials-slider-dots {
            transform: translateY(20px);
        }   
    }

    ul.vincer-testimonials-slider-dots > li,
    ul.vincer-testimonials-slider-dots > li > button {
        font-size: 0px;
        width: 12px;
        height: 12px;
        margin: 0px;
        padding: 0px;
    }

    ul.vincer-testimonials-slider-dots > li > button{
        border-radius: 50%;
        border: 0px solid red;
        background-color: #EEEEEE;
    }

    /* current one */
    ul.vincer-testimonials-slider-dots > li.slick-active > button {
        background-color: var(--clr-pink);
        opacity: 1;
    }


/* kennis onderwerpen slider */
    #vincer_home_kennis_onderwerpen_slider_static_wrapper {
        display: flex;
        justify-content: center;
        gap: 1rem;
    }

    a.vincer_home_kennis_onderwerpen_slider_carroussel_card_link {
        height: 240px !important;
        width: 400px !important;
    }

    .vincer_home_kennis_onderwerpen_slider_carroussel_card_wrapper {
        position: relative;
    }

    .vincer_home_kennis_onderwerpen_slider_carroussel_card, #vincer_home_kennis_onderwerpen_slider_carroussel_card {
        position: relative;
        height: 240px !important;
        width: 400px !important;
        margin-right: 1rem;
        padding: 40px 30px 0px 30px;
    }

    .vincer_home_kennis_onderwerpen_slider_carroussel_card_inner {
        display: flex;
        height: 170px;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .vincer_home_kennis_onderwerpen_slider_carroussel_card::before {
        content: '';
        position: absolute;
        top: 0px; 
        left: 0px;
        width: 100%;
        height: 100%;
        background-image: url('https://vincer.ruw-web.nl/wp-content/uploads/2025/05/folder_background_pink.png');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 0;
        transition: 0.3s all;
        opacity: 0;
    }

    .vincer_home_kennis_onderwerpen_slider_carroussel_card::after {
        content: '';
        position: absolute;
        top: 0px; 
        left: 0px;
        width: 100%;
        height: 100%;
        background-image: url('https://vincer.ruw-web.nl/wp-content/uploads/2025/04/folder_background.png');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
        transition: 0.3s all;
        opacity: 1;
    }

    .vincer_home_kennis_onderwerpen_slider_carroussel_card:hover::after {
        opacity: 0;
    }

    .vincer_home_kennis_onderwerpen_slider_carroussel_card:hover::before {
        opacity: 1;
    }

    .vincer_home_kennis_onderwerpen_slider_carroussel_card > * {
        position: relative;
        z-index: 2;
    }

    .vincer_home_kennis_onderwerpen_slider_carroussel_card:hover h3 {
        color: var(--clr-white) !important;
    }

    .vincer_home_kennis_onderwerpen_slider_carroussel_card:hover p {
        color: var(--clr-white) !important;
    }

    .vincer_home_kennis_onderwerpen_slider_carroussel_card:hover a {
        color: var(--clr-white) !important;
    }

    .vincer_home_kennis_onderwerpen_slider_carroussel > button.slick-arrow {
        font-size: 0px;
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 20px;
        border: none;
        background-color: transparent;
        z-index: 5;
        cursor: pointer;
        background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cpath%20fill%3D%22%23D60057%22%20d%3D%22M15.5857864%2C12%20L7.29289322%2C20.2928932%20C6.90236893%2C20.6834175%206.90236893%2C21.3165825%207.29289322%2C21.7071068%20C7.68341751%2C22.0976311%208.31658249%2C22.0976311%208.70710678%2C21.7071068%20L17.7071068%2C12.7071068%20C18.0976311%2C12.3165825%2018.0976311%2C11.6834175%2017.7071068%2C11.2928932%20L8.70710678%2C2.29289322%20C8.31658249%2C1.90236893%207.68341751%2C1.90236893%207.29289322%2C2.29289322%20C6.90236893%2C2.68341751%206.90236893%2C3.31658249%207.29289322%2C3.70710678%20L15.5857864%2C12%20Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .vincer_home_kennis_onderwerpen_slider_carroussel > button.slick-prev {
        bottom: -40px;
        right: 530px;
        transform: rotate(180deg);
    }

    .vincer_home_kennis_onderwerpen_slider_carroussel > button.slick-next {
        bottom: -40px;
        right: 500px;
    }

    @media only screen and (max-width: 768px) {
        .vincer_home_kennis_onderwerpen_slider_carroussel > button.slick-prev {
            bottom: -30px;
            right: 75px;
            transform: rotate(180deg);
        }
        
        .vincer_home_kennis_onderwerpen_slider_carroussel > button.slick-next {
            bottom: -30px;
            right: 22px;
        }
    }


/* Ninja form download whitepaper form */
    .nf-form-fields-required, .nf-field-label, .nf-form-title {
        display: none;
    }

    /* Email veld */
    #nf-field-2 {
        font-size: 18px;
        position: relative;
        padding: 20px 20px 15px 20px !important;
        border: none;
        border-radius: 64px;
        height: 48px !important;
    }

    /* Button */
    #nf-field-4 {
        position: absolute;
        right: -2px;
        top: -73px;
        cursor: pointer;
        background-color: var(--clr-black);
        border: 0px red solid;
        border-radius: 0px 64px 64px 0px;
        color: #fff;
        font-weight: 800;
        font-family: 'Lintel';
        font-size: var(--text-xs);
        padding: 12px 30px;
        transition: 0.3s all;
        height: 48px !important;
    }

    /* Button mobiel */
    @media only screen and (max-width: 768px) {	
        #nf-field-2 {
            width: 90%;
            border-radius: 64px 0px 0px 64px;
            height: 51px !important;
        }

        #nf-field-4 {
            position: absolute;
            right: 13px;
            top: -77px;
            cursor: pointer;
            background-color: var(--clr-black);
            border-radius: 0px 64px 64px 0px;
            color: #fff;
            text-transform: uppercase;
            font-weight: 900;
            padding: 17px 12px;
            font-size: 16px;
            transition: 0.3s all;
            height: 52px !important;
        }
    }


/* Shortcode : [vincer_home_teamleden_slider] */
    .vincer_home_teamleden_slider_foto {
        height: 230px;
        width: 200px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        transform: scale(0.992);
    }

    .vincer_home_teamleden_slider_foto_grijs {
        height: 230px;
        width: 200px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0px;
        /* left: -2px; */
        transition: 0.3s all;
        z-index: 1;
    }

    .vincer_home_teamleden_slider_foto_grijs:hover {
        opacity: 0;
    }

    #vincer_home_teamleden_slider_foto_grijs:hover {
        opacity: 0;
    }

    .vincer_home_teamleden_slider_carroussel {
        position: relative;
    }

    .vincer_home_teamleden_slider_carroussel::before {
        content: '';
        position: absolute;
        top: 0px;
        left: -1px;
        background-image: linear-gradient(
            270deg,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 1) 50%
        );
        width: 35%;
        height: 100%;
        z-index: 1;
    }

    .vincer_home_teamleden_slider_carroussel::after {
        content: '';
        position: absolute;
        top: 0px;
        right: -1px;
        background-image: linear-gradient(
            90deg,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 1) 50%
        );
        width: 35%;
        height: 100%;
    }

    @media only screen and (max-width: 480px) {
        .vincer_home_teamleden_slider_carroussel::before {
            display: none;  
        }

        .vincer_home_teamleden_slider_carroussel::after {
            display: none;
        }
    }

    .slick-slide {
        margin-right: 10px;
    }

    ul.vincer-teamleden-slider-dots {
        display: flex;
        gap: 10px;
        padding: 0px !important;
        width: 100%;
        margin: 0px;
        justify-content: center;
        height: 30px;
        transform: translateY(40px);
    }

    ul.vincer-teamleden-slider-dots > li,
    ul.vincer-teamleden-slider-dots > li > button {
        font-size: 0px;
        width: 12px;
        height: 12px;
        margin: 0px;
        padding: 0px;
    }

    ul.vincer-teamleden-slider-dots > li > button{
        border-radius: 50%;
        border: 0px solid red;
        background-color: #EEEEEE;
    }

    ul.vincer-teamleden-slider-dots > li.slick-active > button {
        background-color: var(--clr-pink);
        opacity: 1;
    }


/* Shortcode : [vincer_home_nieuwsberichten_grid] */
    #vincer_home_nieuwsberichten_grid_wrapper {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    @media only screen and (max-width: 768px) {
        #vincer_home_nieuwsberichten_grid_wrapper {
            justify-content: flex-start;
        }
    }

    .vincer_home_nieuwsberichten_grid_card {
        width: 296px;
        height: 296px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }


/* Ninja form aanmelden voor nieuwsbrief */

    /* Email veld */
    #nf-field-5, #nf-field-6 {
        font-size: 18px;
        position: relative;
        padding: 20px 20px 15px 20px !important;
        border: none;
        border-radius: 4px;
        height: 51px !important;
    }

    #nf-field-6 {
        margin-top: -15px;
    }

    /* Akkoord met privacyvoorwaarden */
    #nf-field-8-wrap {
        margin-left: 20px;
        margin-top: -10px;
    }
    
    #nf-label-field-8 {
        color: white;
        font-weight: 300;
    }

    input#nf-field-8 {
        border-radius: 4px;
    }

    /* Button */
    #nf-field-7 {
        cursor: pointer;
        background-color: var(--clr-black);
        border: 0px red solid;
        border-radius: 64px;
        color: #fff;
        font-weight: 900;
        font-family: 'Lintel';
        font-size: var(--text-xs);
        padding: 12px 30px;
        margin-top: -15px;;
    }


/* Shortcode : [vincer_dienstenpagina_diensten_loop] */
    #vincer_dienstenpagina_diensten_loop_wrapper {
        display: grid;
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
    
    @media only screen and (max-width: 980px) {
        #vincer_dienstenpagina_diensten_loop_wrapper {
            display: grid;
            grid-template-rows: 1fr;
            grid-template-columns: 1fr;
            gap: 1rem;
        }
    }


/* Shortcode : [vincer_kennispagina_onderwerpen_grid] */
    #vincer_kennispagina_onderwerpen_grid {
        --min-card-width: 400px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(var(--min-card-width), 100%), 1fr));
        row-gap: 40px;
        column-gap: 1rem;
    }

    #vincer_kennispagina_onderwerpen_grid_card {
        background-color: var(--clr-light-grey);
        height: 100%;
        padding: 40px 30px 30px 30px;
        border-radius: 0px 8px 8px 8px;
        transition: 0.3s all;
    }

    a#vincer_kennispagina_onderwerpen_grid_card_wrapper:hover > #vincer_kennispagina_onderwerpen_grid_card {
        background-color: var(--clr-pink);
    }
    
    #vincer_kennispagina_onderwerpen_grid_card_folder_element {
        background-color: var(--clr-light-grey);
        height: 16px;
        width: 100px;
        border-radius: 8px 8px 0px 0px;
        transition: 0.3s all;
    }

    a#vincer_kennispagina_onderwerpen_grid_card_wrapper:hover > #vincer_kennispagina_onderwerpen_grid_card_folder_element {
        background-color: var(--clr-pink);
    }

    a#vincer_kennispagina_onderwerpen_grid_card_wrapper:hover p {
        color: var(--clr-white);
    }

    a#vincer_kennispagina_onderwerpen_grid_card_wrapper:hover h3 {
        color: var(--clr-white);
    }


/* Shortcode : [vincer_casespagina_onderwerpen_grid] */
    #vincer_casespagina_onderwerpen_grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        row-gap: 2rem;
    }
    
    a#vincer_casespagina_onderwerpen_grid_card {
        display: grid;
        grid-template-columns: 400px 1fr;
        grid-template-rows: 1fr;
        height: 350px;
        transition: 0.3s all;
    }
    
    a#vincer_casespagina_onderwerpen_grid_card:hover {
        background-color: var(--clr-hover-grey);
    }
    
    #vincer_casespagina_onderwerpen_grid_card_image {
        height: 350px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 2rem 0rem 0rem 2rem;
    }
    
    @media only screen and (max-width: 768px) {
        a#vincer_casespagina_onderwerpen_grid_card {
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: 1fr 1fr;
            height: 100%;
        }

        #vincer_casespagina_onderwerpen_grid_card_image {
            height: 300px;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            border-radius: 2rem 2rem 0rem 0rem;
        }
    }


/* Ninja form voor contact */

    /* Input velden */
    #nf-field-9, #nf-field-10, #nf-field-11 {
        font-size: 18px;
        position: relative;
        padding: 20px 20px 15px 20px !important;
        border: none;
        border-radius: 4px;
        height: 51px !important;
        background-color: var(--clr-light-grey);
        color: #7A7A7A;
    }
    #nf-field-12 {
        font-size: 18px;
        position: relative;
        padding: 20px 20px 15px 20px !important;
        border: none;
        border-radius: 4px;
        background-color: var(--clr-light-grey);
        color: #7A7A7A;
    }

    #nf-field-6 {
        margin-top: -15px;
    }

    /* Akkoord met privacyvoorwaarden */
    #nf-field-8-wrap {
        margin-left: 20px;
        margin-top: -10px;
    }

    #nf-label-field-8 {
        color: white;
        font-weight: 300;
    }

    input#nf-field-8 {
        border-radius: 4px;
    }

    /* Button */
    #nf-field-13 {
        cursor: pointer;
        background-color: var(--clr-pink);
        border: 0px red solid;
        border-radius: 64px;
        color: #fff;
        font-weight: 900;
        font-family: 'Lintel';
        font-size: var(--text-sm);
        padding: 12px 30px;
        margin-top: -15px;
    }


/* Shortcode : [vincer_contactgegevens] */
    .entry-content tr td {
        padding: 0px 24px 0px 0px !important;
    }


/* Shortcode : [vincer_home_nieuwsberichten_grid] */
    #vincer_nieuwspagina_nieuwsberichten_grid_wrapper {
        display: grid;
        gap: 1rem;
    }

    a#vincer_nieuwspagina_nieuwsberichten_grid_card {
        display: grid;
        grid-template-columns: 296px 1fr;
        background-color: var(--clr-light-grey);
        border-radius: 2rem;
        transition: 0.3s all;
    }

    a#vincer_nieuwspagina_nieuwsberichten_grid_card:hover {
        background-color: var(--clr-hover-grey);
    }

    #vincer_nieuwspagina_nieuwsberichten_grid_card_image {
        width: 296px;
        height: 296px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-color: var(--clr-light-grey);
        border-radius: 2rem;
    }
    
    @media only screen and (max-width: 768px) {
        #vincer_nieuwspagina_nieuwsberichten_grid_wrapper {
            display: grid;
            grid-template-columns: 1fr;
            gap: 1rem;
        }

        a#vincer_nieuwspagina_nieuwsberichten_grid_card {
            display: grid;
            grid-template-columns: 150px 1fr;
            grid-template-rows: 1fr;
            background-color: var(--clr-light-grey);
            border-radius: 1rem;
        }    

        #vincer_nieuwspagina_nieuwsberichten_grid_card_image {
            width: 150px;
            height: 150px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            border-radius: 1rem;
        }
    }



/* Shortcode : [vincer_over_ons_teamleden_grid] */
    #vincer_over_ons_teamleden_grid_wrapper {
        --min-card-width: 260px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(var(--min-card-width), 100%), 1fr));
        row-gap: 40px;
    }

    #vincer_over_ons_teamleden_grid_card {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #vincer_over_ons_teamleden_grid_card_image {
        height: 300px;
        width: 260px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        transform: scale(0.992);
    }

    #vincer_over_ons_teamleden_grid_card_image_grijs {
        height: 300px;
        width: 260px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        transition: 0.3s all;
        z-index: 1;
        opacity: 1;
    }

    #vincer_over_ons_teamleden_grid_card_image_grijs:hover {
        opacity: 0;
    }


/* Shortcode : [vincer_detailpagina_kennisartikel_image] */
    #vincer_detailpagina_kennisartikel_image {
        height: 400px;
        width: 400px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    @media only screen and (max-width: 980px) {
        #vincer_detailpagina_kennisartikel_image {
            height: 300px;
            width: 100%;
        }
    }


/* Shortcode : [vincer_detailpagina_case_image] */
    #vincer_detailpagina_case_image {
        height: 400px;
        width: 400px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    @media only screen and (max-width: 768px) {
        #vincer_detailpagina_case_image {
            height: 300px;
            width: 100%;
        }
    }

/* Shortcode : [vincer_detailpagina_nieuwsbericht_image] */
    #vincer_detailpagina_nieuwsbericht_image {
        height: 400px;
        width: 400px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    @media only screen and (max-width: 768px) {
        #vincer_detailpagina_nieuwsbericht_image {
            height: 300px;
            width: 100%;
        }
    }

/* Shortcode : [vincer_detailpagina_vacature_image] */
    #vincer_detailpagina_vacature_image {
        height: 400px;
        width: 400px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    @media only screen and (max-width: 768px) {
        #vincer_detailpagina_vacature_image {
            height: 300px;
            width: 100%;
        }
    }

/* Shortcode : [vincer_home_diensten_loop] */
    a#diensten_loop_card {
        transition: 0.3s all;
    }

    a#diensten_loop_card:hover {
        background-color: var(--clr-pink);
    }

    a#diensten_loop_card:hover h3 {
        color: var(--clr-white);
    }

    a#diensten_loop_card:hover p {
        color: var(--clr-white);
    }

    a#diensten_loop_card:hover svg#diensten_loop_card_arrow_pink {
        opacity: 0;
    }

    svg#diensten_loop_card_arrow_white {
        position: absolute;
        top: 0px;
        right: 0px;
        opacity: 0;
    }

    a#diensten_loop_card:hover svg#diensten_loop_card_arrow_white {
        opacity: 1;
    }

/* Shortcodes : 
    [vincer_detailpagina_dienst_innovatiebox_proces]
    [vincer_detailpagina_dienst_financiele_en_fiscale_planning_proces]
    [vincer_detailpagina_dienst_mkb_advies_artikelen_proces]
*/
    #vincer_detailpagina_dienst_innovatiebox_proces_wrapper,
    #vincer_detailpagina_dienst_financiele_en_fiscale_planning_proces_wrapper,
    #vincer_detailpagina_dienst_mkb_advies_proces_wrapper,
    #vincer_detailpagina_dienst_fiscale_advisering_proces_wrapper {
        --min-card-width: 296px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(var(--min-card-width), 100%), 1fr));
        gap: 1rem;
    }

/* kennis onderwerpen slider */
    .vincer_home_kennis_onderwerpen_loop_mobile_wrapper {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    a.vincer_home_kennis_onderwerpen_loop_mobile_carroussel_card_link {
        position: relative;
    }

    .vincer_home_kennis_onderwerpen_loop_mobile_carroussel_card {
        position: relative;
        margin-right: 1rem;
        padding: 40px 15px 15px 30px;
    }

    .vincer_home_kennis_onderwerpen_loop_mobile_carroussel_card::before {
        content: '';
        position: absolute;
        top: 0px; 
        left: 0px;
        width: 100%;
        height: 100%;
        background-image: url('https://vincer.ruw-web.nl/wp-content/uploads/2025/05/folder_background_pink.png');
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 8px;
        z-index: 0;
        transition: 0.3s all;
        opacity: 0;
    }

    .vincer_home_kennis_onderwerpen_loop_mobile_carroussel_card::after {
        content: '';
        position: absolute;
        top: 0px; 
        left: 0px;
        width: 100%;
        height: 100%;
        background-image: url('https://vincer.ruw-web.nl/wp-content/uploads/2025/04/folder_background.png');
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 8px;
        z-index: 1;
        transition: 0.3s all;
        opacity: 1;
    }

    .vincer_home_kennis_onderwerpen_loop_mobile_carroussel_card:hover::after {
        opacity: 0;
    }

    .vincer_home_kennis_onderwerpen_loop_mobile_carroussel_card:hover::before {
        opacity: 1;
    }

    .vincer_home_kennis_onderwerpen_loop_mobile_carroussel_card > * {
        position: relative;
        z-index: 2;
    }

    .vincer_home_kennis_onderwerpen_loop_mobile_carroussel_card:hover h3 {
        color: var(--clr-white) !important;
    }

    .vincer_home_kennis_onderwerpen_loop_mobile_carroussel_card:hover p {
        color: var(--clr-white) !important;
    }

    .vincer_home_kennis_onderwerpen_loop_mobile_carroussel_card:hover a {
        color: var(--clr-white) !important;
    }

/* Shortcode : [vincer_dienstenpagina_diensten_loop] */
    a#vincer_dienstenpagina_diensten_loop_card {
        transition: 0.3s all;
    }

    a#vincer_dienstenpagina_diensten_loop_card:hover {
        background-color: var(--clr-pink);
    }

    a#vincer_dienstenpagina_diensten_loop_card:hover h3 {
        color: var(--clr-white);
    }

    a#vincer_dienstenpagina_diensten_loop_card:hover p {
        color: var(--clr-white);
    }

    a#vincer_dienstenpagina_diensten_loop_card:hover svg#diensten_loop_card_arrow_pink {
        opacity: 0;
    }

    svg#vincer_dienstenpagina_diensten_loop_card_arrow_white {
        position: absolute;
        top: 0px;
        right: 0px;
        opacity: 0;
    }

    a#vincer_dienstenpagina_diensten_loop_card:hover svg#diensten_loop_card_arrow_white {
        opacity: 1;
    }

/* Shortcode : [vincer_detailpagina_dienst_innovatiebox_artikelen] */
    a#vincer_detailpagina_dienst_innovatiebox_artikelen_wrapper {
        transition: 0.3s all;
    }

    a#vincer_detailpagina_dienst_innovatiebox_artikelen_wrapper:hover {
        background-color: var(--clr-hover-grey);
    }

/* Kennis detailpagina's artikelen loops */
    a#kennis_artikelen_card {
        position: relative;
        transition: 0.3s all;
    }

    a#kennis_artikelen_card:hover {
        background-color: var(--clr-pink);        
    }

    a#kennis_artikelen_card:hover p {
        color: var(--clr-white);
    }

    a#kennis_artikelen_card:hover h3 {
        color: var(--clr-white);
    }

    svg#card_arrow_white {
        position: absolute;
        top: 24px;
        right: 30px;
        opacity: 0;
    }

    a#kennis_artikelen_card:hover svg#card_arrow_pink {
        opacity: 0;
    }

    a#kennis_artikelen_card:hover svg#card_arrow_white {
        opacity: 1;
    }