.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;
}: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;
}.verstegen_kennis_grid,
.verstegen_sectoren_grid,
.verstegen_diensten_grid {
display: grid;
grid-template-columns: repeat(auto-fit, 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/2024/03/2024_02_27_Verstegen-Accountants_Dordrecht_magnetme-CalvinoProducions_-9-1-scaled.jpg);
}
.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%;
}
.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;
}.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"}