.vcamp_container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    position: relative;
    margin-bottom: 60px;
}

.vcamp_row {
    width: 80%;
    max-width: 1080px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}

.vcamp_image>img {
    width: 50px;
}

.vcamp_image_right {
    width: 50%;
    position: absolute;
    right: 0px;
    height: 100%;
    overflow: hidden;
    object-fit: contain;
}

.vcamp_image_right>img {
    width: auto;
    height: auto;
    position: relative;
}

.vcamp_row.vcamp_row_hoofdsectie {
    min-height: 500px;
    border: 0px solid red;
    padding-bottom: 100px;
    padding-top: 30px;
}

.vcamp_row.vcamp_row_hoofdsectie::after {
    background-color: var(--primary);
    content: "";
    width: 100%;
    height: calc(100% - 50px);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    background: rgb(2, 64, 129);
    background: linear-gradient(130deg, rgba(2, 64, 129, 1) 0%, rgba(27, 119, 214, 1) 100%);
}

.vcamp_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 20px;
}

a.vcamp_button {
    background-color: var(--secondary);
    color: white;
    padding: 10px 21px;
    padding-right: 35px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .1px;
    position: relative;
}

a.vcamp_button::after {
    content: "";
    width: 19px;
    height: 23px;
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    background-position: Center;
    background-repeat: no-repeat;
    transition: all 500ms cubic-bezier(0.250, 0.250, 0.000, 0.985);
    transition-timing-function: cubic-bezier(0.250, 0.250, 0.000, 0.985);
}

a.vcamp_button:hover {
    filter: brightness(1.1);
}

a.vcamp_button:hover::after {
    transform: translateY(-50%) translateX(5px);
}

a.vcamp_button::after,
a.vcamp_button.vcamp_btn_blauw::after {
    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%23ffffff%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');
}

a.vcamp_button.vcamp_btn_wit::after {
    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%23f28c00%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');
}

.vcamp_buttons {
    display: flex;
    gap: 7px;
    flex-direction: row;
    flex-wrap: nowrap;
}

a.vcamp_button.vcamp_btn_blauw {
    background-color: var(--primary);
}

a.vcamp_button.vcamp_btn_wit {
    background-color: white;
    color: var(--secondary);
}

a.vcamp_button.vcamp_btn_blauw_outline {
    background-color: rgba(0, 0, 0, 0);
    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, 1);
}

.vcamp_content>p {
    color: white;
    font-size: 16px;
}

.vcamp_content>p {
    color: white;
    font-size: 16px;
}

.vcamp_content>h1 {
    padding: 0px;
    font-weight: 700;
    margin-bottom: 20px;
}

.vcamp_row.vcamp_row_blokjes_cta {
    border: 0px solid red;
}

.vcamp_row>.vcamp_content>h3,
.vcamp_row>.vcamp_content>h1 {
    color: var(--primary);
    text-align: center;
    font-weight: 700;
    font-size: 23px;
    grid-column: span 2;
}

.vcamp_row.vcamp_row_blokjes_cta>.vcamp_content {
    grid-column: span 2;
    gap: 10px;
    display: grid;
    grid-template-columns: 1fr 280px;
    grid-gap: 20px;
}

.vcamp_row>.vcamp_content>h3 {
    font-weight: 600;
    color: var(--secondary);
    font-weight: 400;
    font-size: 16px;
    padding: 0px;
}

.vcamp_blokje {
    background-color: #f5f5f5;
    padding: 20px;
    margin-bottom: 20px;
}

.vcamp_blokje>h4 {
    color: var(--primary);
    font-size: 18px;
    font-weight: 700;
}

.vcamp_blokje>p {
    padding: 0px;
    font-size: 16px;
}

.vcamp_row.vcamp_row_hoofdsectie>.vcamp_content>h1 {
    color: white;
    text-align: left;
    font-size: 36px;
}

.vcamp_row.vcamp_row_foto_links_tekst_rechts>.vcamp_content>* {
    text-align: left;
    gap: 10px;
}

.vcamp_container.vcamp_container_foto_links_tekst_rechts {
    background-color: #fafafa;
    margin-top: 50px;
    padding-top: 25px;
    padding-bottom: 25px;
    min-height: 300px;
    display: flex;
    justify-content: flex-start;
}

.vcamp_row.vcamp_row_foto_links_tekst_rechts {
    border: 0px solid red;
}

.vcamp_image_right.vcamp_image_left {
    left: 0px;
    top: -25px;
    height: calc(100% + 25px);
}

.text_black>p {
    color: black;
}

.vcamp_container.vcamp_container_fullwidth_tekst_links_foto_rechts {
    background-color: var(--primary);
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.vcamp_container.vcamp_container_fullwidth_tekst_links_foto_rechts>.vcamp_row {
    height: 100%;
}

.vcamp_content.vcamp_quote>h3 {
    font-size: 30px;
    text-align: left;
    color: white;
    font-weight: 700;
}

.vcamp_content.vcamp_quote>h5 {
    font-size: 15px;
    text-align: left;
    color: var(--secondary);
}

.vcamp_artikelen {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 20px;
}

.vcamp_artikel {
    background-color: #f6f6f6;
}

.vcamp_artikel_img {
    position: relative;
    padding-top: 75%;
    background-size: cover;
    background-position: center;
}

.vcamp_artikel_content {
    padding: 10px;
}

.vcamp_artikel_content>h4 {
    font-size: 18px;
    font-weight: 700;
    color: #003c77;
    line-height: 19px;
}

.vcamp_artikel_content>p>*,
.vcamp_artikel_content>p>*>* {
    font-size: 14px;
    line-height: 17px;
    font-weight: 500 !important;
}

.vcamp_img_label {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 40px;
    height: 40px;
    background-color: var(--secondary);
    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%23ffffff%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: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.vcamp_cta_vlakken {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 20px;
}

.vcamp_cta_vlak.vcamp_vlak_oranje_big {
    background-color: var(--secondary);
}

.vcamp_cta_vlak {
    padding: 25px;
    position: relative;
    background-size: contain;
}

.vcamp_cta_vlak>* {
    color: white;
}

.vcamp_cta_vlak>p {
    font-size: 16px;
    line-height: 21px;
}

.vcamp_cta_vlak>.vcamp_buttons {
    margin-top: 25px;
}

.vcamp_cta_vlak>* {
    z-index: 999;
}

.vcamp_cta_vlak.vcamp_vlak_blauw_tiny::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rebeccapurple;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: -1;
}

.vcamp_align_right {
    align-content: last;
}

.vcamp_vlak_blauw_tiny>.vcamp_align_right {
    display: flex;
    justify-content: flex-end;
}

.vcamp_cta_vlak.vcamp_vlak_oranje_big {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
}

.vcamp_image_bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100%;
}

.vcam_image_slider_1.slick-initialized.slick-slider {
    width: 100%;
    height: 100%;
}

.slick-initialized,
.slick-list,
.slick-list>*,
.slick-list>*>* {
    height: 100% !important;
}

.floating_badge {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #fff900;
    padding: 4px;
    font-size: 13px;
    z-index: 999999999;
    display: none;
}

.vcamp_container:hover>.floating_badge {
    display: block;
}

.vcamp_cta_side_content {
    background-color: var(--secondary);
    padding: 16px;
}

.vcamp_cta_side_content>h4 {
    font-size: 19px;
    Font-weight: 700;
}

.vcamp_cta_info_row {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.vcamp_cta_info_row>a {
    color: white;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.vcamp_cta_info_row>a>span {
    color: white !important;
    font-size: 14px;
    font-weight: 600;
}

.vcamp_cta_side_img {
    position: relative;
    width: 100%;
    padding-top: 100%;
    background-color: #f5f5f5;
}

.vcamp_cta_side_img>div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.vcamp_content>ul>li::marker {
    color: var(--secondary);
}

.vcamp_vlak_blauw_tiny {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media screen and (max-width: 992px) {
    .vcamp_image_right {
        width: 40%;
    }

    .vcamp_row.vcamp_row_hoofdsectie {
        grid-template-columns: 1fr 40%;
    }

    .vcamp_row.vcamp_row_blokjes_cta>.vcamp_content {
        grid-template-columns: 1fr 170px;
    }

    .vcamp_cta_info_row>a>span {
        word-break: break-all;
        font-size: 12px;
        line-height: 15px;
    }

    .vcamp_cta_side_content {
        padding: 10px;
    }

    .vcamp_artikel>.vcamp_artikel_content>h4 {
        font-size: 16px;
    }

    .vcamp_cta_vlakken {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 692px) {
    .vcamp_image_right {
        left: 0px;
        width: 100%;
        height: 260px;
        top: 0px;
    }

    .vcamp_container_hoofdsectie>.vcamp_row {
        padding-top: 270px;
    }

    .vcamp_row.vcamp_row_blokjes_cta>.vcamp_content,
    .vcamp_row.vcamp_row_hoofdsectie {
        display: flex;
    }

    .vcamp_cta_side_img {
        padding-top: 0px;
        height: 250px;
    }

    .vcamp_cta_side_img>div {
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center top;
    }

    .vcamp_artikelen {
        grid-template-columns: 1fr;
    }

    .vcamp_cta_vlakken>.vcamp_buttons,
    .vcamp_cta_vlakken {
        display: flex;
        flex-direction: column;
    }

    .vcamp_cta_vlak {
        padding: 10px;
    }

    .vcamp_row {
        width: calc(100% - 25px);
    }

    .floating_badge {
        display: none !important;
    }

    .vcamp_vlak_oranje_big>.vcamp_buttons {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 300px) {
    .vcamp_buttons {
        flex-direction: column !important;
    }
}

.verst_home_artikelen>.vcamp_artikelen {
    grid-gap: 32px;
}

.verstegen_contactpersonen_list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
}

.verstegen_contactpersonen.verstegen_contact_thema_grijs_mini,
.verstegen_contactpersonen {
    background-color: white;
    display: grid;
    grid-template-columns: 160px 1fr;
}

.verstegen_contactpersonen.verstegen_contact_thema_grijs_mini {
    grid-template-columns: 100px 1fr;
}

.verstegen_contactpersonen_visual {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    aspect-ratio: 1/1;
}

.verstegen_contactpersonen_info {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    padding: 15px;
}

.verstegen_contactpersonen.verstegen_contact_thema_grijs>.verstegen_contactpersonen_info {
    background-color: #F5F5F5 !important;
}

.verstegen_contactpersonen.verstegen_contact_thema_grijs_mini>.verstegen_contactpersonen_info {
    background-color: #fafafa;
}

.verstegen_contactpersonen_info>*,
.verstegen_contactpersonen_email>a,
.verstegen_contactpersonen_telefoon>a {
    color: #F28C00 !important;
    text-decoration: none;
    font-size: 16px;
    padding: 0px !important;
    line-height: 1.5em;
    margin: 0px !important;
}

.verstegen_contactpersonen_naam {
    font-weight: 700;
    margin-bottom: 20px !important;
    color: var(--primary) !important;
    font-size: 20px;
}

.verstegen_contactpersonen_rol {
    color: var(--secondary) !important;
    transform: translateY(-9px);
    font-style: italic;
    font-size: 18px;
}

.verstegen_contactpersonen.verstegen_contact_thema_grijs_mini>.verstegen_contactpersonen_visual {
    width: 100px;
}

.verstegen_contactpersonen.verstegen_contact_thema_grijs_mini>.verstegen_contactpersonen_info>*>* {
    font-size: 16px;
}

#verstegen_contactpersonen_grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
    grid-template-rows: 1fr;
    gap: 20px;
}

@media only screen and (max-width: 1300px) {
    #verstegen_contactpersonen_grid {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}

#verstegen_contactpersonen_grid_item {
    display: grid;
    grid-template-columns: 160px auto;
    grid-template-rows: 1fr;
    height: 160px;
}

@media only screen and (max-width: 550px) {
    #verstegen_contactpersonen_grid_item {
        display: flex;
        flex-direction: column;
        height: auto;
    }
}

#verstegen_contactpersonen_foto {
    width: 160px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 550px) {
    #verstegen_contactpersonen_foto {
        height: 340px;
        width: 100%;
    }
}

#verstegen_contactpersonen_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px 30px;
}

.verstegen_contact_thema_grijs {
    background-color: #f5f5f5;
}

.verstegen_contact_thema_wit {
    background-color: #ffffff;
}

#verstegen_contactpersonen_naam {
    font-size: 20px;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 20px !important;
}

#verstegen_contactpersonen_email > a,
.phone-reveal-toggle {
    cursor: pointer;
    color: #F28C00;
    font-size: 17px;
    text-decoration: underline;
}

.phone-reveal-toggle.revealed {
    text-decoration: none !important;
}

.phone-reveal-toggle.revealed a {
    color: #F28C00;
    text-decoration: none !important;
    font-size: 16px;
}

.phone-reveal-toggle.revealed a:hover {
    text-decoration: underline !important;
}

#verstegen_contactpersonen_fader_wrapper {
    position: relative;
}

#verstegen_contactpersonen_fader_container {
    min-height: 160px;
}

.verstegen_contactpersonen_fader_content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
    gap: 20px;
}

@media only screen and (max-width: 768px) {
    .verstegen_contactpersonen_fader_content {
        grid-template-columns: 1fr;
    }
}

.verstegen_fader_nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--primary, #007cba);
    color: white;
    border: none;
    width: 50px;
    height: 50px;
    font-size: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
    padding-bottom: 10px;
}

.verstegen_fader_prev {
    left: -25px;
}

.verstegen_fader_next {
    right: -25px;
}

.verstegen_fader_nav:hover {
    opacity: 0.75;
}

.verstegen_fader_nav:active {
    transform: translateY(-50%) scale(1.1);
}

@media only screen and (max-width: 768px) {
    .verstegen_fader_nav {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .verstegen_fader_prev {
        left: -20px;
    }

    .verstegen_fader_next {
        right: -20px;
    }
}

.verstegen_contactpersonen_fader_content .verstegen_contactpersonen_grid_item {
    display: grid;
    grid-template-columns: 160px auto;
    grid-template-rows: 1fr;
    height: 160px;
}

@media only screen and (max-width: 550px) {
    .verstegen_contactpersonen_fader_content .verstegen_contactpersonen_grid_item {
        display: flex;
        flex-direction: column;
        height: auto;
    }
}

.verstegen_contactpersonen_fader_content .verstegen_contactpersonen_foto {
    width: 160px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 550px) {
    .verstegen_contactpersonen_fader_content .verstegen_contactpersonen_foto {
        height: 340px;
        width: 100%;
    }
}

.verstegen_contactpersonen_fader_content .verstegen_contactpersonen_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px 30px;
}

.verstegen_contactpersonen_fader_content .verstegen_contactpersonen_naam {
    font-size: 20px;
    font-weight: 700;
}

.verstegen_locatie_fotoslider_image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 400px !important;
}

:root {
    --primary: #005092;
    --secondary: #F28C00;
}

.vrst_carroussel_card_inner.vrst_resultaat {
    margin: 5px;
}

ul.slick-dots {
    padding: 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.slick-dots>li::marker {
    display: none !important;
    visibility: none;
    font-size: 0px;
}

.slick-dots>li>button {
    font-size: 0px;
    width: 14px;
    height: 14px;
    margin: 4px;
    border: 0px solid red;
    background-color: #d9d9d9;
    border-radius: 50%;
}

li.slick-active>button {
    background-color: var(--secondary);
}

.vrst_fullWithSection,
.vrst_fullWithColumn {
    width: 100vw !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    max-width: unset !important;
    min-width: unset !important;
}

.vrst_carroussel_next,
.vrst_carroussel_prev {
    width: 30px;
    height: 30px;
    background-color: var(--bg);
    border-radius: 50%;
    transform: translateY(4px);
    background-image: url(//verstegenaccountants.nl/wp-content/uploads/2023/08/right-arrow-1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.vrst_carroussel_prev {
    transform: translateY(4px) rotate(180deg);
}

.vrst_carroussel:after,
.vrst_carroussel:before {
    content: "";
    width: 5%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: red;
    z-index: 99999999;
    background: rgb(245, 245, 245);
    background: linear-gradient(90deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 0) 100%);
    opacity: 0.7;
    pointer-events: none;
}

.vrst_carroussel:before {
    right: 0px;
    left: unset;
    transform: rotate(180DEG);
}

.slick-arrow {
    display: none !important;
}

.vrst_carroussel_card_inner.vrst_resultaat {
    background-color: #f6f6f6;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 160px auto;
    min-height: 400px;
}

.vrst_resultaat_content>h5 {
    padding: 10px;
    color: var(--primary);
    font-size: 17px;
    font-weight: 600;
}

.vrst_resultaat_content>p {
    line-height: 22px;
    font-size: 15px;
    color: grey;
    padding: 10px;
    padding-top: 0px !important;
    margin-bottom: 10px;
}

.vrst_resultaat_img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

:root {
    --clr-blue-600: #005092;
    --clr-blue-700: #002F5F;
    --clr-orange-500: #F28C02;
    --clr-gray-200: #F5F5F5;
    --clr-black: #000000;
    --clr-white: #FFFFFF;
}

.white-text {
    color: white;
}

.flex {
    display: flex;
}

.flex-row {
    flex-direction: row;
}

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

.gap-sm {
    gap: 1rem;
}

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

.justify-start {
    justify-content: flex-start;
}

.flex-wrap {
    flex-wrap: wrap;
}

.gap-4 {
    gap: 16px;
}

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

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

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

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

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

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

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

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

.text-500 {
    font-size: 32px;
}

.text-300 {
    font-size: 20px;
}

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

.p-0 {
    padding: 0;
}

.mb-4 {
    margin-bottom: 16px;
}

.verstegen_kennis_grid,
.verstegen_sectoren_grid,
.verstegen_diensten_grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    grid-gap: 20px;
}

.verstegen_themas_grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 20px;
}

div.verstegen_thema,
.verstegen_kennis,
.verstegen_sector,
.verstegen_dienst {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 200px 50px auto;
    background-color: #fafafa;
    padding: 0;
    position: relative;
}

div.verstegen_inleiding {
    font-size: 17px;
}

.verstegen_dienst {
    border-bottom: 2px solid #F28C00;
    transition: background-color 0.3s ease;
}

.verstegen_dienst:hover,
.verstegen_thema:hover,
a.verstegen_sector:hover {
    background-color: rgba(0, 80, 146, 0.16);
}

.verstegen_titel>div,
.verstegen_titel {
    font-family: 'Titillium Web', Helvetica, Arial, Lucida, sans-serif;
    font-size: 20px;
    padding: 20px;
    font-weight: 700;
    color: #005092;
    z-index: 0;
}

.verstegen_titel>div {
    padding: 0px !important;
}

.verstegen_titel>span {
    font-size: 17px;
    font-weight: 500;
    color: grey;
}

.verstegen_thema>.verstegen_titel {
    position: relative;
    line-height: 10px;
    padding-right: 70px;
    font-size: 17px;
    line-height: 22px;
}

a.verstegen_sector>.verstegen_titel {
    padding-top: 40px;
}

.verstegen_kennis:before,
.verstegen_sector:before,
.verstegen_thema>div.verstegen_titel:before,
.verstegen_dienst>div.verstegen_titel:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0;
    width: 50px;
    height: 50px;
    background-size: cover;
    z-index: 2;
    margin-top: 150px;
}

.verstegen_kennis:before,
.verstegen_sector:before {
    top: auto;
    bottom: 0px;
    margin-top: 0 !important;
}

.verstegen_thema>div.verstegen_titel:before {
    margin: 0px;
}

.verstegen_img {
    background-position: Center;
    background-repeat: no-repeat;
    background-size: cover;
}

.verstegen_inleiding {
    padding: 35px 20px 35px 20px;
    font-size: 17px;
    line-height: 21px;
    color: #525c68;
}

@media only screen and (min-width: 600px) {
    .verstegen_sectoren_grid {
        grid-template-columns: 1fr;
    }

    .verstegen_sector {
        display: grid;
        grid-template-columns: 300px 1fr;
        grid-gap: 20px;
        grid-template-rows: auto 1fr;
    }

    .verstegen_sector>.verstegen_img {
        grid-column: 1 / span 1;
        grid-row: 1 / span 2;
    }

    .verstegen_sector>.verstegen_titel {
        grid-column: 2 / span 1;
        grid-row: 1 / span 1;
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .verstegen_sector>.verstegen_inleiding {
        grid-row: 2 / span 1;
        grid-column: 2 / span 1;
        padding-top: 00px;
        padding-bottom: 60px;
    }
}

@media only screen and (min-width: 600px) {
    .verstegen_kennis_grid {
        grid-template-columns: 1fr;
    }

    .verstegen_kennis {
        display: grid;
        grid-template-columns: 1fr 300px;
        grid-gap: 20px;
        grid-template-rows: auto 1fr;
    }

    .verstegen_kennis>.verstegen_img {
        grid-column: 2 / span 1;
        grid-row: 1 / span 2;
    }

    .verstegen_kennis>.verstegen_titel {
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .verstegen_kennis>.verstegen_inleiding {
        grid-row: 2 / span 1;
        grid-column: 1 / span 1;
        padding-top: 00px;
        padding-bottom: 60px;
    }
}

button.verstegen_thema {
    border: 0px solid red;
    background-color: rgba(0, 0, 0, 0);
    font-size: 17px;
    font-family: 'Titillium Web', Helvetica, Arial, Lucida, sans-serif;
    color: grey;
    border-right: 1px solid grey;
    border-radius: 0px;
    margin-bottom: 10px;
    cursor: pointer;
}

button.verstegen_thema.thema_selected {
    color: #F28C00;
    font-weight: 700;
}

button.verstegen_thema:last-child {
    border-right: 0px solid white;
}

.verstegen_cats>button>img {
    width: 25px;
    margin-right: 5px;
    cursor: pointer;
    transform: translateY(5px);
}

#app>h3 {
    color: #005092;
    font-weight: 700;
    font-size: 25px;
}

.v_post {
    padding: 13px 21px;
    border-top: 1px solid #CCCCCC;
    color: grey;
    font-size: 17px;
    cursor: pointer;
}

.v_post:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: black;
}

#va {
    width: 100%;
    box-sizing: border-box;
    background-color: whitesmoke;
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 20px;
}

.va_filters {
    background-color: white;
    overflow-y: scroll;
}

.checkbox>img {
    width: 10px;
    transform: scale(0);
    transition: all 500ms cubic-bezier(0.250, 0.250, 0.185, 1.330);
    transition-timing-function: cubic-bezier(0.250, 0.250, 0.185, 1.330);
}

.checkbox.checked>img {
    transform: scale(1.5);
}

.checkbox {
    padding: 0px;
    border: 2px solid grey;
    border-radius: 4px;
    width: 22px;
    display: flex;
    height: 22px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.va_check {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 5px;
    cursor: pointer;
}

.va_filter>h5 {
    font-size: 19px;
    margin-top: 7px;
    color: black;
    font-weight: 700;
}

.va_filter {
    padding: 3px 20px;
    cursor: pointer;
}

.va_filter>*,
.va_filter>*>* {
    cursor: pointer;
}

.va_filters>h3 {
    background-color: #F28C00;
    font-size: 19px;
    font-weight: 700;
    padding: 16px 20px;
}

.va_filters {
    background-color: white;
    padding-bottom: 60px;
}

.va_filter:first-of-type {
    margin-top: 20px;
}

.va_vacature {
    display: grid;
    grid-template-columns: 1fr 100px;
    grid-gap: 5px;
    padding: 14px;
    background-color: white;
    align-content: center;
    align-items: end;
    justify-items: stretch;
    border-radius: 4px;
    margin-bottom: 15px;
}

.va_tags {
    display: flex;
    gap: 8px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.va_tags>span {
    background-color: whitesmoke;
    padding: 1px 10px;
    border-radius: 30px;
    color: grey;
    font-size: 16px;
    font-weight: 400;
}

.va_vacature>h6,
.va_vacature>h5 {
    font-size: 18px;
    font-weight: 700;
    color: #002f5f;
    grid-column: span 2;
}

.va_vacature>h6 {
    font-size: 17px;
    font-weight: 400;
    color: grey;
}

button.va_cta {
    background-color: #F28C00;
    color: white;
    border: 0px solid red;
    padding: 4px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 17px;
    cursor: pointer;
}

.va_vacature.va_empty_vacature {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 0px;
    padding: 50px 0px;
}

.va_vacature.va_empty_vacature>*,
.va_vacature.va_empty_vacature>*>* {
    padding: 0px;
}

.va_vacature.va_empty_vacature>*>strong {
    font-size: 20px;
    font-weight: 700;
    color: #005092;
}

button.va_primary {
    background-color: #F28C00;
    color: white;
    border: 0px solid red;
    padding: 12px !important;
    border-radius: 3px;
    font-weight: 700;
    font-size: 17px;
    cursor: pointer;
    margin-top: 20px;
}

a.verstegen_thema {
    background-color: #fafafa;
}

a.verstegen_thema>.verstegen_img {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
}

@media only screen and (max-width: 600px) {
    div#va {
        display: block;
        padding: 0px;
    }

    .va_aanbod {
        margin-top: 20px;
    }

    .va_vacature {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        gap: 10px;
        align-content: flex-start;
    }

    .va_tags {
        display: block;
    }

    .va_tags>span {
        font-size: 10px;
        padding: 7px !important;
        margin-right: 5px;
        word-break: keep-all;
        line-break: strict;
        line-height: 12px;
        float: left;
        white-space: nowrap;
        margin-bottom: 7px;
    }
}

.verstegen_thema>div.verstegen_titel:before {
    background-image: url(//verstegenaccountants.nl/wp-content/uploads/2023/08/right-arrow-2.svg);
    background-color: var(--secondary);
    height: 100%;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
}

div#verst_popups {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100%;
    background-color: #282828cf;
    z-index: 999999999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 20px;
}

.verst_content {
    padding: 20px;
    background-color: white;
    border-radius: 10px;
    position: relative;
    display: flex;
    max-width: 350px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: stretch;
    gap: 10px;
}

.verst_close_btn {
    background-color: #005092;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -15px;
    top: -15px;
    border-radius: 50%;
    background-size: 25px;
    background-position: center;
    background-image: url(//verstegenaccountants.nl/wp-content/uploads/2023/09/close-1.svg);
    background-repeat: no-repeat;
}

button.verst_btn {
    padding: 10px 20px;
    border: 0px solid red;
    font-family: 'Titillium Web', Helvetica, Arial, Lucida, sans-serif;
}

button.verst_primary {
    background-color: #F28C00;
    color: white;
}

button.verst_secondary {
    color: #005092;
    background-color: #fafafa;
}

.verst_content>h1 {
    color: #005092;
    text-align: center;
    padding: 0px;
    font-weight: 700;
    padding-bottom: 10px;
    font-size: 18px;
}

.verst_content>.verst_content_text {
    line-height: 20px !important;
    font-size: 16px !important;
}

.verst_content>.verst_content_text>*,
.verst_content>.verst_content_text>*>*,
.verst_content>.verst_content_text>*>*>* {
    padding: 0px !important;
    margin: 0px !important;
    line-height: inherit;
    font-size: inherit;
}

.verst_img {
    width: calc(100% + 40px);
    height: 240px;
    margin-left: -20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 5px;
}

a.verstegen_dienst.verstegen_nieuws {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}

a.verstegen_nieuws>.verstegen_inleiding {
    padding-top: 0px !important;
}

.custom-loader {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 16px solid;
    border-color: #F5F5F5;
    border-right-color: #005FC1;
    animation: s2 1s infinite linear;
}

@keyframes s2 {
    to {
        transform: rotate(1turn)
    }
}

.verstegen_center {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}

span.verst_date {
    padding: 0px 20px;
    font-size: 15px;
    color: grey;
    margin-top: -20px;
}

.va_filter>h5>img {
    width: 14px;
    margin-right: 7px;
    margin-bottom: -1px;
    transform: rotate(0DEG);
    transition: all 500ms cubic-bezier(0.665, -0.325, 0.190, 1.370);
    transition-timing-function: cubic-bezier(0.665, -0.325, 0.190, 1.370);
}

.va_0deg {
    transform: rotate(180DEG) !important;
}

.verst_nieuws_grid>*,
.verst_nieuws_grid>*>*,
.verst_nieuws_grid {
    cursor: pointer !important;
}

.verst_pagenav {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.verst_pagenav>button {
    background-color: #f28d01;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    border: 0px solid #f28d01;
    font-weight: 700;
    font-size: 17px;
}

.verst_nav>p {
    font-size: 16px;
    text-align: center;
    color: grey;
}

.verst_nav>button {
    border: 0px solid red;
    min-width: 30px;
    width: 100%;
    padding: 6px;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #f28d01;
    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%23ffffff%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: 20px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0px !important;
}

.verst_nav>button:first-child {
    transform: rotate(180deg);
}

.verst_nav {
    display: grid;
    grid-template-columns: 40px 1fr 40px;
    width: 200px;
    grid-gap: 4px;
}

span.va_tag {
    background-color: #e8e8e8;
    min-width: 30px;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    height: 30px;
    border-radius: 50px;
    font-weight: 500;
    transform: scale(0.6) translate(-10px, -3px);
}

.va_hide,
.vam_hide {
    visibility: hidden;
    display: none;
}

.vam_filters {}

.filterbar_slide {
    transition: transform 0.3s ease;
    transform: translateX(0%);
}

.verstw_header {
    display: grid;
    grid-template-columns: 5fr 2fr;
    grid-template-rows: 1fr 1fr;
    height: 50vh;
    min-height: 600px;
    max-height: 800px;
}

.verstw_header>* {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.verstimg1 {
    grid-column: 1 / span 1;
    grid-row: 1 / span 2;
    background-image: url(//verstegenaccountants.nl/wp-content/uploads/2025/07/Marenthe-en-Lieke-foto-website.webp);
}

.verstimg2 {
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
    background-image: url(//verstegenaccountants.nl/wp-content/uploads/2024/03/2024_02_27_Verstegen-Accountants_Dordrecht_magnetme-CalvinoProducions_-12-scaled.jpg);
}

.verstimg3 {
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
    background-image: url(//verstegenaccountants.nl/wp-content/uploads/2024/03/2024_02_27_Verstegen-Accountants_Dordrecht_magnetme-CalvinoProducions_-7-scaled.jpg);
}

@media only screen and (max-width: 700px) {
    #va {
        padding: 0px;
        grid-template-columns: 1fr;
    }

    .va_filters {
        position: fixed;
        left: 0px;
        left: 0px;
        top: 0px;
        height: 100%;
        width: calc(100% - 100px);
        transform: translateX(-100%);
        -webkit-box-shadow: 10px 10px 4000px rgba(0, 0, 0, 0.0);
        -moz-box-shadow: 10px 10px 0px 4000px rgba(0, 0, 0, 0.0);
        box-shadow: 10px 10px 0px 4000px rgba(0, 0, 0, 0.0);
    }

    .vam_hide {
        visibility: visible;
    }

    .filterbar_slide {
        transform: translateX(0%);
        -webkit-box-shadow: 10px 10px 0px 4000px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 10px 10px 0px 4000px rgba(0, 0, 0, 0.4);
        box-shadow: 10px 10px 0px 4000px rgba(0, 0, 0, 0.4);
    }

    .va_hide_filters {
        position: absolute;
        right: 10px;
        top: 10px;
        height: 30px;
        width: 30px;
        background-color: rgba(29, 29, 29, 0.694);
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .va_filterbtn {
        background-color: #005092;
        padding: 7px;
        color: white;
        border-radius: 6px;
        font-weight: 700;
        font-size: 16px;
        width: 200px;
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        gap: 6px;
        padding-left: 10px;
        cursor: pointer;
    }

    .va_filters_overlayclose {
        height: 100%;
        position: fixed;
        top: 0px;
        right: 0px;
        width: 100px;
        background-color: rgba(0, 0, 0, 0);
        z-index: 999999999999;
    }

    .verstw_header {
        height: 65vh;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }

    .verstw_header>.verstw_header_img.verstimg1,
    .verstw_header>.verstw_header_img.verstimg2,
    .verstw_header>.verstw_header_img.verstimg3 {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        grid-column: span 1;
        grid-row: span 1 !important;
    }

    .verstw_header>.verstw_header_img.verstimg1 {
        grid-column: 1 / span 2 !important;
    }
}

@media only screen and (max-width: 500px) {
    .va_filters {
        width: calc(100% - 135px);
    }

    .va_filters_overlayclose {
        width: 135px;
    }
}

.verstegen_reveal {
    display: block;
    cursor: pointer;
    text-decoration: underline;
}

@media screen and (max-width: 500px) {
    .verst_mobile_me {
        background-size: 100% auto !important;
        background-position: top center !important;
        padding-top: 370px !important;
        padding-right: 20px !important;
        padding-bottom: 0px !important;
        padding-left: 0px !important;
    }
}

.va_check_show {
    opacity: 0.4;
}

.verst_wb_sidebar {
    position: fixed;
    bottom: calc(50% - 100px);
    right: 0;
    width: 100px;
    background-color: #002f5f;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    z-index: 99999999999999;
}

.verst_wb_sidebar_choice {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    cursor: pointer;
    align-content: center;
    height: 100px;
}

.verst_wb_sidebar_choice>h6 {
    font-size: 14px;
    ;
    color: white;
    padding: 0px !important;
    text-align: center;
}

.verst_wb_sidebar_divider {
    width: 100%;
    height: 1px;
    background-color: white;
}

.verst_wb_popup {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999999999999999;
    flex-direction: column;
}

.verst_wb_popup>h2 {
    color: white;
    width: 300px;
    padding: 10px 15px;
    font-weight: 600;
    background-color: #F28C02;
    text-align: Center;
}

.verst_wb_popup_body {
    width: 300px;
    background-color: white;
    padding: 15px;
    max-height: 580px;
    overflow-y: scroll;
    overflow: visible;
    padding-bottom: 20px;
    position: relative;
    max-height: 600px;
    overflow-y: scroll;
    overflow-x: visible;
}

@media only screen and (max-width: 600px) {
    .verst_wb_popup_body {
        max-height: 100vh;
    }
}

.verst_wb_popup_body::-webkit-scrollbar {
    display: none;
}

.verst_wb_popup_body>h4,
.verst_wb_popup_body>h2 {
    font-size: 20px;
    color: black;
    font-weight: 700;
    text-align: center;
    margin: 5px 00px;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.verst_wb_popup_body>h2 {
    color: #F28C02;
    font-size: 24px;
    font-weight: 800;
}

.verst_wb_popup_body>.va_filter {
    padding: 3px 5px;
}

.verst_next {
    background-color: #02305F;
    color: white;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    max-width: 300px;
    font-weight: 700;
    font-size: 17px;
}

.verst_wb_popup_body>input {
    width: 100%;
    padding: 10px !important;
    margin: 10px 0px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.verst_wp_lader {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 200px;
    background-color: white;
    width: 300px;
}

.loader {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 8px solid lightblue;
    border-right-color: orange;
    animation: l2 1s infinite linear;
}

@keyframes l2 {
    to {
        transform: rotate(1turn)
    }
}

.verst_open_nf {
    cursor: pointer;
}

.verst_col2_choose {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    width: 100%;
    margin-top: 10px;
}

.verst_col2_choose>div {
    padding: 10px;
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.verst_orange {
    background-color: #F28C02;
    color: white;
}

.verst_blue {
    background-color: #005092;
    color: white;
}

.verst_col2_choose>div>* {
    color: inherit !important;
    text-align: center;
    font-size: 15px;
}

.verst_wb_popup_body>p {
    font-size: 15px;
}

a.verstegen_sector.verstegen_linked_artikel>div.verstegen_inleiding {
    padding: 0px 20px;
    padding-left: 20px;
}

.et_pb_module.et_pb_code.verst_meta_code_block>.et_pb_code_inner {
    width: 100%;
    height: 100%;
}

.verst_meta {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.verst_meta>.verstegen_thema {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.verst_meta>.verstegen_thema>.verstegen_titel {
    padding: 13px;
}

.verstegen_titel>h5 {
    font-size: 13px !important;
    font-weight: 700;
    color: grey;
    padding: 0px;
}

.verst_meta_title {
    font-size: 25px;
    font-weight: 700;
    color: #005092;
    padding: 0px;
    margin-bottom: 10px;
}

.verst_meta_title>strong {
    color: var(--secondary);
}

.vcamp_artikelen {
    cursor: pointer;
}

.verst_close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    background-color: #000000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-image: url('data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2052.3%20(67297)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Ejollycons-%5Bcategory%5D%2Ficons%2Fsvg%2Ficon-ui-1-close%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cg%20id%3D%22icons%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icons---export%22%20transform%3D%22translate(-124.000000%2C%20-58.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22row-1%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%20fill%3D%22%23000000%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon---2%22%20transform%3D%22translate(64.000000%2C%200.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%2C13.4142136%20L4.70710678%2C20.7071068%20C4.31658249%2C21.0976311%203.68341751%2C21.0976311%203.29289322%2C20.7071068%20C2.90236893%2C20.3165825%202.90236893%2C19.6834175%203.29289322%2C19.2928932%20L10.5857864%2C12%20L3.29289322%2C4.70710678%20C2.90236893%2C4.31658249%202.90236893%2C3.68341751%203.29289322%2C3.29289322%20C3.68341751%2C2.90236893%204.31658249%2C2.90236893%204.70710678%2C3.29289322%20L12%2C10.5857864%20L19.2928932%2C3.29289322%20C19.6834175%2C2.90236893%2020.3165825%2C2.90236893%2020.7071068%2C3.29289322%20C21.0976311%2C3.68341751%2021.0976311%2C4.31658249%2020.7071068%2C4.70710678%20L13.4142136%2C12%20L20.7071068%2C19.2928932%20C21.0976311%2C19.6834175%2021.0976311%2C20.3165825%2020.7071068%2C20.7071068%20C20.3165825%2C21.0976311%2019.6834175%2C21.0976311%2019.2928932%2C20.7071068%20L12%2C13.4142136%20Z%22%20id%3D%22close%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slices%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%3E%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
}

#verstegen_quicklinks_grid {
    --min-card-width: 350px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(var(--min-card-width), 100%), 1fr));
    grid-auto-rows: 1fr;
    gap: 1rem;
}

.verstegen-quicklink-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 20px;
    background-color: #f28c02;
    color: white !important;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.verstegen-quicklink-btn:hover {
    background-color: #d67a02;
    color: white !important;
    text-decoration: none;
}

a#orange-button {
    background-color: var(--clr-orange-500);
    color: var(--clr-white);
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    transition: opacity 0.3s ease;

    &:hover {
        opacity: 0.8;
    }
}

a#blue-button {
    background-color: var(--clr-blue-600);
    color: var(--clr-white);
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    transition: opacity 0.3s ease;

    &:hover {
        opacity: 0.8;
    }
}

input#nf-field-379 {
    background-color: var(--primary);
}

a#link-white {
    color: white;
}

.verstegen_locatie_fotoslider_image {
    height: 400px !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.verstegen_locatie_fotoslider {
    height: 400px !important;
}

.call-to-action-elementen-grid-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 64px 0;
}

.call-to-action-elementen-grid-wrapper:last-child {
    margin-bottom: 0;
}

.call-to-action-elementen-grid {
    width: 80%;
    max-width: 1232px;
    display: flex;
    flex-direction: row;
    gap: 32px;
    align-items: center;
}

.call-to-action-elementen-grid>div:first-child {
    flex-shrink: 0;
    max-width: 300px;
}

.call-to-action-elementen-grid>div:last-child {
    flex: 1;
}

.call-to-action-elementen-grid.layout-image-right {
    flex-direction: row-reverse;
}

.call-to-action-elementen-grid.layout-image-left {
    flex-direction: row;
}

.call-to-action-elementen-grid img {
    width: 100%;
    height: auto;
    display: block;
}

@media only screen and (max-width: 768px) {
    .call-to-action-elementen-grid {
        flex-direction: column !important;
    }

    .call-to-action-elementen-grid>div:first-child {
        max-width: 100%;
    }
}

.call-to-action-elementen-grid-wrapper.color-scheme-grijs {
    background-color: var(--clr-gray-200);
}

.call-to-action-elementen-grid-wrapper.color-scheme-grijs .cta-heading {
    color: var(--clr-blue-600);
}

.call-to-action-elementen-grid-wrapper.color-scheme-grijs .cta-text {
    color: var(--clr-black);
}

.call-to-action-elementen-grid-wrapper.color-scheme-grijs .cta-text a {
    color: var(--clr-orange-500);
}

.call-to-action-elementen-grid-wrapper.color-scheme-grijs .cta-button {
    background-color: var(--clr-orange-500);
    color: var(--clr-white);
}

.call-to-action-elementen-grid-wrapper.color-scheme-blauw {
    background-color: var(--clr-blue-600);
}

.call-to-action-elementen-grid-wrapper.color-scheme-blauw .cta-heading {
    color: var(--clr-white);
}

.call-to-action-elementen-grid-wrapper.color-scheme-blauw .cta-text {
    color: var(--clr-white);
}

.call-to-action-elementen-grid-wrapper.color-scheme-blauw .cta-text a {
    color: var(--clr-orange-500);
}

.call-to-action-elementen-grid-wrapper.color-scheme-blauw .cta-button {
    background-color: var(--clr-orange-500);
    color: var(--clr-white);
}

.call-to-action-elementen-grid-wrapper.color-scheme-oranje {
    background-color: var(--clr-orange-500);
}

.call-to-action-elementen-grid-wrapper.color-scheme-oranje .cta-heading {
    color: var(--clr-white);
}

.call-to-action-elementen-grid-wrapper.color-scheme-oranje .cta-text {
    color: var(--clr-white);
}

.call-to-action-elementen-grid-wrapper.color-scheme-oranje .cta-text a {
    color: var(--clr-blue-600);
}

.call-to-action-elementen-grid-wrapper.color-scheme-oranje .cta-button {
    background-color: var(--clr-blue-600);
    color: var(--clr-white);
}

.call-to-action-elementen-grid-wrapper.color-scheme-wit {
    background-color: var(--clr-white);
}

.call-to-action-elementen-grid-wrapper.color-scheme-wit .cta-heading {
    color: var(--clr-blue-600);
}

.call-to-action-elementen-grid-wrapper.color-scheme-wit .cta-text {
    color: var(--clr-black);
}

.call-to-action-elementen-grid-wrapper.color-scheme-wit .cta-text a {
    color: var(--clr-orange-500);
}

.call-to-action-elementen-grid-wrapper.color-scheme-wit .cta-button {
    background-color: var(--clr-orange-500);
    color: var(--clr-white);
}

.cta-button {
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    transition: opacity 0.3s ease;
    display: inline-block;
}

.cta-button:hover {
    opacity: 0.8;
}

.artikelen-lees-ook-links {
    display: flex;
    flex-direction: column;
}

a.artikel-lees-ook-link {
    color: var(--clr-orange-500);
    text-decoration: underline;
    font-size: 17px;
    font-weight: 600;
    transition: color 0.3s ease;

    &:hover {
        color: var(--clr-blue-600);
        text-decoration: underline;
    }
}

.et-db #et-boc .et-l .lwp-breadcrumbs .et-pb-icon.before-icon,
.et-db #et-boc .et-l .lwp-breadcrumbs .et-pb-icon.separator,
.lwp-breadcrumbs .et-pb-icon.before-icon,
.lwp-breadcrumbs .et-pb-icon.separator {
    font-size: unset;
    vertical-align: middle
}

.et-db #et-boc .et-l .et-fb-modules-list ul>li.lwp_divi_breadcrumbs {
    color: #fff;
    background-color: #2ea3f2
}

.et-db #et-boc .et-l .et-fb-modules-list .lwp_divi_breadcrumbs:hover {
    background-color: #2ea3f2;
    color: #fff;
    opacity: .8
}

.et-db #et-boc .et-l .et-fb-modules-list ul>li.lwp_divi_breadcrumbs:before {
    color: #fff;
    font-family: ETmodules !important;
    content: "9"
}