.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;
}