@charset "UTF-8";
.ruw_dienstpagina {
width: 100%;
overflow: hidden;
float: left;
display: flex;
flex-direction: column;
align-items: center;
background-color: #ffffff;
gap: 0px;
box-sizing: border-box;
gap: 0px;
margin-bottom: 60px!important;
}
.ruw_dienstpagina .ruw_section {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
overflow: hidden;
padding-top: 30px;
padding-bottom: 60px;
}
.ruw_dienstpagina .ruw_section .ruw_row {
padding: 20px;
width: 80%;
max-width: 1100px;
box-sizing: border-box;
display: flex;
flex-direction: column;
z-index: 10;
align-items: center;
gap: 50px;
}
@media screen and (max-width: 980px) {
.ruw_dienstpagina .ruw_section .ruw_row {
gap: 20px;
}
}
.ruw_top_section{
padding-top: 150px!important;
position:relative;
padding-bottom: 0px!important;
}
.ruwd_breadcrumb > ul {
list-style: none;
padding: 0px!important;
margin: 0px!important;
display: flex;
align-items:center;
gap: 5px;
justify-content: center;
}
.ruwd_breadcrumb > ul > li {
display: inline;
}
.ruwd_breadcrumb > ul > li > a {
text-decoration: none;
font-weight: 800;
color: #222222;
opacity: 0.5;
transition: opacity 0.3s ease;
}
.ruwd_breadcrumb > ul > li > a:hover{
opacity: 1;
}
.ruw_dienstpagina .ruw_section .ruw_row_caroussel{
max-width: 100%; width: 100%;
position: relative;
padding: 0px;
display: block;
}
.splide__slide{
padding: 5px;
}
.ruw_carousel_item{
width: 100%;
height: 100%;
aspect-ratio: 1/1;
background-size: cover;
background-position: center;
}
.ruw_carousel_item {
width: 100%;
height: 400px;
background-size: cover;
background-position: center;
transition: transform 0.5s ease, opacity 0.5s ease;
transform-style: preserve-3d;
}
.ruw_row_caroussel > .top_row,
.ruw_row_caroussel > .bottom_row{
position:absolute;
bottom: -3px;
height: 33px;
min-width: 100%;
left: 0px;
transform: translate(-50%, 0%);
left: 50%;
}
@media only screen and (min-width: 2150px) {
.ruw_row_caroussel > .top_row,
.ruw_row_caroussel > .bottom_row{
display: none;
}
}
.ruw_row_caroussel > .top_row{
top: 0;
bottom: auto;
transform: rotate(180deg) translate(50%, 0%);
}
.rtxt_dienst_slogan{
font-size: 2.6em;
font-weight: 900;
color: var(--dienst-700);
text-align: center;
margin-top: 10px;
margin-bottom: 20px;
width: 80%;
line-height: 1.2em;
max-width: 1100px;
}
.ruw_top_section::before{
background: linear-gradient(180deg,var(--dienst-300 ) 30%, rgba(255, 255, 255, 1) 100%);
content: '';
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 250px;
}
p.rtxt_subheader {
max-width: 720px;
width: 100%;
text-align: center;
font-weight: 800;
color: black;
}
.dienst_cta_primary
{
display: inline-block;
padding: 8px 19px;
background-color: var(--dienst-700);
color: white;
font-size: 18px;
margin-top: 20px;
font-weight: 800;
text-decoration: none;
transition: background-color 0.3s ease;
}
.dienst_cta_primary:hover {
background-color: var(--dienst-300);
}
.ruw_dienstpagina .ruw_section .ruw_row_full{
width: 100% !important;
max-width: 100% !important;
padding: 0px !important;
}
.marquee {
display: flex;
flex-direction: row;
align-content: center;
align-items: center;
justify-content: flex-end;
}
.marquee-inner > span {
font-size: 60px;
font-weight: 900;
color: #ececec; }
@media screen and (max-width: 980px) {
.marquee-inner > span {
font-size: 30px;
}
}
.marquee-inner {
padding: 20px;
margin: 20px 0px;
}
.ruw_row.ruw_row_2col {
display: grid!important;
grid-template-columns: 1fr 1fr!important;
align-content: center;
align-items: center;
justify-items: center;
justify-content: center;
}
@media screen and (max-width: 980px) {
.ruw_row.ruw_row_2col {
display: flex !important;
gap: 20px;
}
.ruw_row_reverse {
grid-template-areas: "col1" "col2"!important;
}
}
.ruw_img {
display: block;
}
.fullwidth {
max-width: 100% !important;
}
.ruw_img > img {
max-width: 350px;
max-height: 500px;
}
.ruw_row_col {
display: flex;
flex-direction: column;
align-content: center;
align-items: stretch;
gap: 15px;
}
.rtxt_tinyheader {
font-weight: 800;
font-size: 17px;
padding: 0px;
color: var(--dienst-700);
}
.rtxt_moduleheader {
color: black;
font-weight: 900;
font-size: 33px;
line-height: 1.15em;
}
.ruw_row_col > * {
padding: 0px!important;
}
.ruw_focus {
width: 100%;
display: grid;
grid-template-columns: 270px 1fr;
grid-gap: 40px;
}
@media screen and (max-width: 980px) {
.ruw_focus {
grid-template-columns: 1fr;
grid-gap: 40px;
}
.ruw_focus_intro > * {
text-align: center;
}
}
.ruw_focus_intro > *{
text-align: right;
}
#ruwd_horizontal_car > div > ul > li{
opacity: .5;
}
#ruwd_horizontal_car > div > ul > li > .splide_slide_content {
transition-duration: 0.6s;
background-color: #F5F5F5;
padding: 16px;
padding-left: 80px;
height: 100px;
position:relative;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 7px;
}
@media screen and (max-width: 768px) {
#ruwd_horizontal_car > div > ul > li > .splide_slide_content {
padding-left: 0px;
width: fit-content;
max-width: 100%;
}
}
#ruwd_horizontal_car > div > ul > li > .splide_slide_content::after{
content: '';
position: absolute;
top: 0;
left: 10px;
width: 60px;
height: 100%;
z-index: 1;
background-image: url(//v2.buroruw.nl/wp-content/uploads/2025/07/check.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 30px;
}
#ruwd_horizontal_car > div > ul > li > .splide_slide_content > *{
margin: 0px!important;
padding: 0px!important;
font-size: 14px;
gap: 15px;
}
#ruwd_horizontal_car > div > ul > li > .splide_slide_content > h3{
font-size: 20px;
font-weight: 900;
color: black!important;
}
.ruw_focus_body > .splide > .splide__track > ul.splide__list >  .is-next {
opacity: 1 !important;
background-color: white !important;
}
.ruw_focus_intro {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
gap: 15px;
}
@media screen and (max-width: 980px) {
.ruw_focus_intro {
align-items: center;
}
} .ruw_focus_grid {
display: flex;
flex-direction: column;
gap: 15px;
}
.ruw_focus_grid_item {
background-color: #F5F5F5;
padding: 16px;
display: flex;
flex-direction: column;
gap: 7px;
height: fit-content;
}
.ruw_focus_grid_item > * {
font-size: 14px;
text-align: center;
}
.ruw_focus_grid_item > h3 {
font-size: 20px;
font-weight: 900;
color: black;
text-align: center;
} @media screen and (min-width: 981px) {
.ruw_focus_slider {
display: block;
}
.ruw_focus_grid {
display: none !important;
-webkit-appearance: none;
}
.ruw_focus_grid_item {
display: none !important;
-webkit-appearance: none;
}
}
@media screen and (max-width: 980px) {
.ruw_focus_slider {
display: none;
}
.ruw_focus_grid {
display: grid;
gap: 15px;
}
.ruw_focus_grid_item {
display: block !important;
}
}
.col_img{
grid-area: col1;
}
.col_text{
grid-area: col2;
}
.ruw_row_2col{
grid-template-areas: "col1 col2";
}
.ruw_row_reverse{
grid-template-areas: "col2 col1";
}
.ruw_focus_intro > a.dienst_cta_primary{
margin-top: 0px;
}
.ruw_faq_item{
padding: 20px;
padding-right: 60px;
background-color: #F5F5F5;
width: 100%;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 15px;
position:relative;
}
.ruw_faq_list{
display: flex;
flex-direction: column;
align-items: stretch;
gap: 10px;
}
.ruw_faq_item > *{
margin: 0px!important;
padding: 0px!important;
}
.ruw_faq_question{
font-size: 17px;
font-weight: 800;
}
.ruw_faq_item::after{
content: '';
position: absolute;
top: 0;
right: 10px;
width: 60px;
height: 60px;
z-index: 1;
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
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%23000000%22%20d%3D%22M15.0857864%2C12.5%20L6.79289322%2C20.7928932%20C6.40236893%2C21.1834175%206.40236893%2C21.8165825%206.79289322%2C22.2071068%20C7.18341751%2C22.5976311%207.81658249%2C22.5976311%208.20710678%2C22.2071068%20L17.2071068%2C13.2071068%20C17.5976311%2C12.8165825%2017.5976311%2C12.1834175%2017.2071068%2C11.7928932%20L8.20710678%2C2.79289322%20C7.81658249%2C2.40236893%207.18341751%2C2.40236893%206.79289322%2C2.79289322%20C6.40236893%2C3.18341751%206.40236893%2C3.81658249%206.79289322%2C4.20710678%20L15.0857864%2C12.5%20Z%22%20transform%3D%22rotate(90%2012%2012.5)%22%2F%3E%0A%3C%2Fsvg%3E%0A');
}
.ruw_faq_item.ruw_faq_item_open::after{
transform: rotate(180deg);
}
.cta_standby{
font-weight: 400;
background-color: #F5F5F5!important;
color: #9C9C9C!important;
}
.ruw_dienst_badges {
display: flex;
gap: 10px;
}
.ruw_dienst_badges {
display: flex;
gap: 10px;
}
.ruw_dienst_badges > a {
margin: 0px!important;
}
.ruw_dienst_badge > a {
margin: 0px;
}
.text_centered{
text-align: center!important;
max-width: 800px;
font-weight: 400;
}
#ruw_happy_customers_caroussel > .splide__track .splide__list {
display: flex;
align-items: center;
}
#ruw_happy_customers_caroussel > .splide__track .splide__list .splide__slide {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
#ruw_happy_customers_caroussel .splide__pagination {
transform: translateY(60px);
}
#ruw_happy_customers_caroussel .splide__pagination li button {
background: #000;
opacity: 0.25;
}
#ruw_happy_customers_caroussel .splide__pagination li button.is-active {
background: var(--dienst-700);
opacity: 1;
}
#ruw_happy_customers_caroussel > .splide__track .splide__list .splide__slide .ruw_klanten_caroussel_item {
max-width: 200px;
max-height: 200px;
width: 100%;
height: auto;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
#ruw_happy_customers_caroussel > .splide__track .splide__list .splide__slide img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
display: block;
margin: 0 auto;
}
#ruw_happy_customers_caroussel{
width: 100%;
max-width: 1000px;
position:relative;
}
@media screen and (max-width: 980px) {
#ruw_happy_customers_caroussel{
margin-top: 40px;
}
}
#ruw_happy_customers_caroussel::after{
background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 100%);
content: '';
position: absolute;
top: 0;
left: 0;    
width: 100%;
height: 100%;
pointer-events: none;
}
.ruw_pages > *{
margin: 0px!important;
padding: 0px!important;
font-size: 15px!important;
}
.ruw_pages > h5{
font-weight: 800;
font-size: 15px;
color: black;
margin-bottom: 10px;
}
.ruw_pages{
width: 100%;
max-width: 1100px;
padding: 25px;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 6px;
background-color: #F5F5F5;
}
.ruw_nopadding,
.ruw_nopadding > div{
padding: 0px!important;
margin: 0px!important;
} .ruw-slick-carousel {
margin-top: 20px;
width: 100%;
max-width: 600px;
}
.ruw-slick-carousel .slick-slide-item {
width: 100%;
text-align: center;
}
.ruw-slick-carousel .slick-slide-item img {
width: 100%;
height: 440px;
object-fit: cover;
border-radius: 4px;
} @media screen and (max-width: 1200px) {
.ruw-slick-carousel .slick-slide-item img {
height: 380px;
}
}
@media screen and (max-width: 900px) {
.ruw-slick-carousel .slick-slide-item img {
height: 320px;
}
}
@media screen and (max-width: 980px) {
.ruw-slick-carousel {
max-width: 100%;
margin-top: 15px;
}
.ruw-slick-carousel .slick-slide-item img {
height: 280px;
}
}
.ruw-slick-carousel .slick-dots {
bottom: -70px;
}
@media screen and (max-width: 980px) {
.ruw-slick-carousel .slick-dots {
bottom: -55px;
}
}
.slick-dots li {
margin: 0px;
}
.ruw-slick-carousel .slick-dots li button:before {
color: #F5F5F5;
font-size: 12px;
opacity: 1;
}
.ruw-slick-carousel .slick-dots li.slick-active button:before {
color: var(--dienst-700);
} .ruw-dienst-cases-wrapper {
width: 100%;
margin-top: 20px;
}
.ruw24c_carroussel {
width: 100%;
max-width: 100%;
}
.ruw24c_carroussel_card {
padding: 15px;
position: relative;
cursor: pointer;
}
.ruw24c_carroussel_card_inner {
background-size: cover;
background-position: center;
height: 100%;
width: 100%;
padding-top: 100%;
position: relative;
border-radius: 2px;
overflow: hidden;
transition: transform 0.3s ease;
}
.ruw24c_carroussel_card:hover .ruw24c_carroussel_card_inner {
transform: scale(1.05);
}
.card_blur {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
filter: blur(20px);
z-index: -1;
opacity: 0.3;
}
.no-cases-message {
text-align: center;
color: #666;
font-style: italic;
padding: 40px 20px;
}
.rw24_overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.8);
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
}
.rw24_modal {
background: white;
border-radius: 2px;
overflow: hidden;
max-width: 90vw;
max-height: 90vh;
display: grid;
grid-template-columns: 1fr 1fr;
}
.rw24_img {
background-size: cover;
background-position: center;
min-height: 400px;
position: relative;
}
.rs24_close {
position: absolute;
top: 20px;
right: 20px;
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.9);
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.rs24_close::before {
content: "×";
font-size: 24px;
font-weight: bold;
}
.rw24_nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 50px;
height: 50px;
background: rgba(255, 255, 255, 0.9);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: bold;
}
.rw24_prev {
left: 20px;
}
.rw24_prev::before {
content: "‹";
}
.rw24_next {
right: 20px;
}
.rw24_next::before {
content: "›";
}
.rs24_content {
padding: 40px;
display: flex;
flex-direction: column;
gap: 20px;
}
.rs24_cta {
background: var(--dienst-500);
color: white;
padding: 12px 24px;
text-decoration: none;
border-radius: 4px;
text-align: center;
font-weight: 600;
transition: background-color 0.3s ease;
}
.rs24_cta:hover {
background: var(--dienst-600);
}
.r24_dots {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 8px;
}
.r24_dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.5);
cursor: pointer;
}
.r24_dot_active {
background: var(--dienst-700);
}
.r24_loader {
width: 50px;
height: 50px;
border: 5px solid #f3f3f3;
border-top: 5px solid var(--dienst-500);
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@media screen and (max-width: 980px) {
.rw24_modal {
grid-template-columns: 1fr;
grid-template-rows: 1fr;
max-width: 95vw;
}
} @media screen and (max-width: 980px) {
.ruw_dienstpagina .ruw_section {
padding-top: 40px;
padding-bottom: 40px;
}
.ruw_top_section {
padding-top: 100px!important;
}
.ruw_dienstpagina .ruw_section .ruw_row {
width: 90%;
padding: 15px;
}
.rtxt_dienst_slogan {
font-size: 2em;
width: 95%;
}
.rtxt_moduleheader {
font-size: 28px;
text-align: center;
}
.rtxt_tinyheader {
text-align: center;
}
.ruwd_breadcrumb > ul {
flex-wrap: wrap;
justify-content: center;
gap: 3px;
}
.ruwd_breadcrumb > ul > li {
font-size: 14px;
} .ruw_row_col {
text-align: center;
}
.ruw_row_col h2,
.ruw_row_col h3,
.ruw_row_col p,
.ruw_row_col div {
text-align: center;
} .ruw_faq_question {
text-align: center;
}
.ruw_faq_answer {
text-align: center;
} .ruw_dienst_badges {
justify-content: center;
flex-wrap: wrap;
} .ruw_pages h5 {
text-align: center;
}
.ruw_pages > * {
text-align: center;
}
}
@media screen and (max-width: 480px) {
.rtxt_dienst_slogan {
font-size: 1.8em;
}
.rtxt_moduleheader {
font-size: 24px;
}
.ruw_dienstpagina .ruw_section .ruw_row {
width: 95%;
padding: 10px;
}
.ruw-slick-carousel {
max-width: unset;
}
.ruw-slick-carousel .slick-slide-item img {
max-height: 250px;
}
}
@media screen and (max-width: 400px) {
.ruw-slick-carousel .slick-slide-item img {
height: 220px;
} .dienst_cta_primary {
margin-left: auto;
margin-right: auto;
display: block;
width: fit-content;
}
}
@media screen and (max-width: 768px) {
.mobile-mt-40 {
margin-top: 40px;
}
}
.flex {
display: flex;
}
.mt-auto {
margin-top: auto;
}
.mb-md {
margin-bottom: 60px;
}
.mb-lg {
margin-bottom: 120px;
}
.mt-md {
margin-top: 60px;
}
@media screen and (min-width: 980px) {
.dienst_gradient {
background-image: linear-gradient(to bottom, #fff, #eee 84%, #fff 84%);
}
}
.p-0 {
padding: 0px !important;
}
.pb-0 {
padding-bottom: 0px !important;
} ul.footer_subdiensten_links {
list-style-type: none !important;
padding: 0px !important;
margin: 0px;
}
ul.footer_subdiensten_links > li {
margin-bottom: 5px;
}
ul.footer_subdiensten_links > li > a {
color: #999999;
transition: all 0.3s ease;
font-weight: 400;
}
ul.footer_subdiensten_links > li > a:hover {
color: #EB622D;
}
.slick-track{
display: block;
}
.ruw-slick-carousel .slick-slide-item img{
width: auto;
height: auto;
}
.ruw25_slider_fade {
width: 100%;
min-height: 20px;
aspect-ratio: 3/2;
position: relative;
overflow: hidden;
}
.ruw-slick-carousel {
width: 100%;
}
.ruw_row_col.col_img {
width: 100%;
}
.ruw_fadeslider_item {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
.ruw25_slider_fade,
.slick-track,
.slick-list,
.ruw_fadeslider_item{
border-radius: 2px;
height: 100%;
}
a.black_link_underline {
text-decoration: underline !important;
color: #000000;
transition: all 0.3s ease;
}
a.black_link_underline:hover {
color: var(--dienst-700);
text-decoration: underline !important;
}
.lees_meer_over {
font-weight: 300;
} #subdiensten_mega_menu {
border: none;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
padding: 0;
max-width: 100%;
max-height: 600px;
overflow: hidden;
margin-top: 10vh;
margin-bottom: auto;
animation: fade-out 0.3s ease-out;
}
#subdiensten_mega_menu:open {
animation: fade-in 0.3s ease-out;
}
#subdiensten_mega_menu::backdrop {
background: rgba(0, 0, 0, 0.5);
}
#subdiensten_mega_menu_content {
display: grid;
grid-template-columns: 1fr 400px;
height: 100%;
min-height: 400px;
}
#subdiensten_mega_menu_items {
display: flex;
flex-direction: column;
gap: 10px;
padding: 15px;
background-color: #fcfcfc;
overflow-y: auto;
min-width: 650px;
} #subdiensten_mega_menu_content.no-images-mode {
grid-template-columns: 1fr;
max-width: 650px;
margin: 0 auto;
}
a#subdiensten_mega_menu_item, a#subdiensten_mega_menu_item_parent {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
transition: all 0.3s ease;
padding: 10px 20px;
text-decoration: none;
}
a#subdiensten_mega_menu_item:hover {
background-color: #e6e6e6;
}
a#subdiensten_mega_menu_item_parent:hover {
background-color: var(--hover-color) !important;
}
#subdiensten_mega_menu_item_content {
display: flex;
flex-direction: column;
gap: 5px;
}
#subdiensten_mega_menu_item_arrow {
transform: rotate(180deg);
}
#subdiensten_mega_menu_item_arrow svg {
transform: translateY(4px);
}
#subdiensten_mega_menu_item_title {
font-size: 20px;
font-weight: 900;
color: #222222;
padding: 0px;
margin: 0px;
}
#subdiensten_mega_menu_item_title_parent {
font-size: 20px;
font-weight: 900;
color: #fff;
padding: 0px;
margin: 0px;
}
#subdiensten_mega_menu_item_subtitle {
font-size: 14px;
font-weight: 400;
color: #666666;
padding: 0px;
margin: 0px;
}
#subdiensten_mega_menu_item_subtitle_parent {
font-size: 14px;
font-weight: 400;
color: #fff;
padding: 0px;
margin: 0px;
}
#subdiensten_mega_menu_items_list {
list-style-type: none;
padding: 0px;
margin: 0px;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 5px;
}
#subdiensten_mega_menu_image {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
@media screen and (max-width: 1100px) {
#subdiensten_mega_menu_content {
min-height: 100%;
}
}
@media screen and (max-width: 979px) {
#subdiensten_mega_menu {
display: none;
}
}
@keyframes fade-in {
0% {
opacity: 0;
display: none;
}
100% {
opacity: 1;
display: block;
}
}
@keyframes fade-out {
0% {
opacity: 1;
display: block;
}
100% {
opacity: 0;
display: none;
}
}
@keyframes backdrop-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 0.25;
}
} .gerelateerde_subdiensten {
display: flex;
gap: 10px;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin-top: 20px;
}
@media screen and (max-width: 480px) {
.gerelateerde_subdiensten {
flex-direction: column;
}
}
.subdienst_button {
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 18px;
font-weight: 800;
transition: opacity 0.3s ease;
padding: 8px 19px;
}
.subdienst_button:hover {
opacity: 0.75;
}
@media screen and (max-width: 480px) {
.subdienst_button {
width: 100%;
flex-grow: 1;
}
}
.subdiensten_header {
display: flex;
flex-direction: column;
gap: 15px;
align-items: center;
justify-content: center;
}
.subdiensten_header_subtitle {
font-size: 16px;
font-weight: 900;
padding: 0px;
}
.subdiensten_header_title {
font-size: 36px;
font-weight: 800;
}
@media screen and (max-width: 980px) {
.subdiensten_header_title {
font-size: 30px;
}
}
@media screen and (max-width: 768px) {
.subdiensten_header_title {
font-size: 24px;
}
}@font-face {
font-family: 'caveat';
src: url(//v2.buroruw.nl/wp-content/uploads/useanyfont/8623Caveat.woff2) format('woff2'),
url(//v2.buroruw.nl/wp-content/uploads/useanyfont/8623Caveat.woff) format('woff');
font-display: auto;
}
.caveat{font-family: 'caveat' !important;}@font-face {
font-family: 'vp-close-icon';
src:  url(//v2.buroruw.nl/wp-content/plugins/video-popup/css/vp-close-icon/fonts/vp-close-icon-font.eot?lv4qfq);
src:  url(//v2.buroruw.nl/wp-content/plugins/video-popup/css/vp-close-icon/fonts/vp-close-icon-font.eot?lv4qfq#iefix) format('embedded-opentype'),
url(//v2.buroruw.nl/wp-content/plugins/video-popup/css/vp-close-icon/fonts/vp-close-icon-font.ttf?lv4qfq) format('truetype'),
url(//v2.buroruw.nl/wp-content/plugins/video-popup/css/vp-close-icon/fonts/vp-close-icon-font.woff?lv4qfq) format('woff'),
url(//v2.buroruw.nl/wp-content/plugins/video-popup/css/vp-close-icon/fonts/vp-close-icon-font.svg?lv4qfq#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
.vp-close-button{
font-family: 'vp-close-icon' !important;
speak: none !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
line-height: 1 !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
.vp-close-button:before{
content: "\61";
}
 .YouTubePopUp-Wrap{
position:fixed;
width:100%;
height:100%;
background-color:#000;
background-color:rgba(0,0,0,0.8);
top:0;
left:0;
z-index:2147483647;
}
.Video-PopUp-Content{
display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content:center;
width:100%;
height:100%;
}
.vp-flex{
max-width:800px;
width:100%;
height:450px;
max-height:90%;
margin:0 40px;
position:relative;
background-color:#000;
}
.vp-flex iframe, .vp-flex video{
width:100%;
height:100%;
max-width:100% !important;
max-height:100%;
min-width:100%;
min-height:100%;
margin: 0 !important;
padding: 0 !important;
outline: none !important;
display:block;
border:5px solid #fff;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.3);
background-color:#000;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.YouTubePopUp-Close{
position:absolute;
top:0px;
cursor:pointer;
left:-36px;
margin:auto 0;
transition:all ease-in-out 0.3s;
-webkit-transition:all ease-in-out 0.3s;
-moz-transition:all ease-in-out 0.3s;
-o-transition:all ease-in-out 0.3s;
}
.YouTubePopUp-Close:before{
font-family: 'vp-close-icon' !important;
speak: none !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
line-height: 1 !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
content: "\61";
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
font-size:26px;
color:#fff;
}
.YouTubePopUp-Close:hover{
opacity:0.5;
}
.vp-flex.vp-flex-no-border iframe,
.vp-flex.vp-flex-no-border video{
padding:0 !important;
border: 0 !important;
border-radius: 0 !important;
-moz-border-radius:0 !important;
-webkit-border-radius:0 !important;
}
.vp-flex-no-border.vp-vt-locally,
.vp-flex-no-border.vp-vt-vimeo{
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
} @media all and (max-width: 782px){
.vp-flex, .Video-PopUp-Content .vp-flex{
max-width:480px !important;
height:270px !important;
}
}
@media all and (max-width: 320px){
.vp-flex, .Video-PopUp-Content .vp-flex{
max-width:240px !important;
height:140px !important;
}
}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}[class*=et_pb_section_dap_]{width:100%}#et-boc .area-outer-wrap{max-height:100vh;max-width:100vw;pointer-events:none;position:fixed;z-index:100}#et-boc .area-outer-wrap.entry-content{padding:0}#et-boc .area-outer-wrap[data-da-type=popup]{min-width:320px;padding:10px}@media screen and (min-width:981px){#et-boc .area-outer-wrap[data-da-type=popup]{width:90%}}@media screen and (max-width:980px){#et-boc .area-outer-wrap[data-da-type=popup]{width:100%}}@media (min-width:981px){#et-boc .area-outer-wrap .et_pb_row.et_pb_equal_columns,#et-boc .area-outer-wrap .et_pb_row_inner.et_pb_equal_columns,#et-boc .area-outer-wrap .et_pb_section.et_pb_equal_columns>.et_pb_row{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}}#et-boc .area-outer-wrap[data-da-type=inline]{bottom:unset;height:unset;left:unset;max-height:unset;max-width:unset;position:relative;right:unset;top:unset;-webkit-transform:unset;transform:unset;width:unset}#et-boc .area-outer-wrap>[data-da-area]{-ms-scroll-chaining:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:block!important;-ms-flex-direction:column;flex-direction:column;height:100%;margin:auto;overscroll-behavior:contain;pointer-events:all;position:relative}#et-boc .area-outer-wrap>[data-da-area]>.et_pb_section{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}#et-boc .area-outer-wrap>[data-da-area] .clearfix:after,#et-boc .area-outer-wrap>[data-da-area] .et_pb_row:after,#et-boc .area-outer-wrap>[data-da-area] .et_pb_row_inner:after,#et-boc .area-outer-wrap>[data-da-area] .et_pb_slides:after{content:""}#et-boc .area-outer-wrap.full-height[data-da-overflow=full_height]>[data-da-area],#et-boc .area-outer-wrap[data-da-overflow=clip]>[data-da-area]{overflow:auto}#et-boc .area-outer-wrap[data-da-overflow=show]>[data-da-area]{overflow:visible}#et-boc .area-outer-wrap[data-da-type=flyin].full-height,#et-boc .area-outer-wrap[data-da-type=popup].full-height{bottom:0!important;height:auto!important;margin-top:0!important;top:0!important}#et-boc .area-outer-wrap[data-da-type=flyin].full-height [data-da-area],#et-boc .area-outer-wrap[data-da-type=popup].full-height [data-da-area]{max-height:100%}#et-boc .area-outer-wrap[data-da-type=flyin].full-height[data-da-size=auto] .da-close-wrap,#et-boc .area-outer-wrap[data-da-type=popup].full-height[data-da-size=auto] .da-close-wrap{height:calc(100% - 20px)!important}#et-boc .area-outer-wrap[data-da-type=flyin].full-height:not([data-da-size=auto]) .da-close-wrap,#et-boc .area-outer-wrap[data-da-type=popup].full-height:not([data-da-size=auto]) .da-close-wrap{height:100%!important}#et-boc .area-outer-wrap[data-da-size=full_screen],#et-boc .area-outer-wrap[data-da-size=full_width]{max-width:100vw;min-width:100vw;padding-left:0;padding-right:0;width:100vw}#et-boc .area-outer-wrap[data-da-size=full_screen][data-da-position-v=bottom],#et-boc .area-outer-wrap[data-da-size=full_screen][data-da-position-v=top],#et-boc .area-outer-wrap[data-da-size=full_width][data-da-position-v=bottom],#et-boc .area-outer-wrap[data-da-size=full_width][data-da-position-v=top]{padding-bottom:0;padding-top:0}#et-boc .area-outer-wrap[data-da-size=full_screen] .et_pb_section,#et-boc .area-outer-wrap[data-da-size=full_width] .et_pb_section{max-width:none;min-width:100%;width:100%}#et-boc .area-outer-wrap[data-da-size=full_height],#et-boc .area-outer-wrap[data-da-size=full_screen]{height:100vh;max-height:100vh;min-height:100vh;padding-bottom:0;padding-top:0}#et-boc .area-outer-wrap[data-da-size=full_height][data-da-position-h=left],#et-boc .area-outer-wrap[data-da-size=full_height][data-da-position-h=right],#et-boc .area-outer-wrap[data-da-size=full_screen][data-da-position-h=left],#et-boc .area-outer-wrap[data-da-size=full_screen][data-da-position-h=right]{padding-left:0;padding-right:0}#et-boc .area-outer-wrap .da-close-wrap{display:block;left:50%;overflow:visible;pointer-events:none;position:absolute;text-align:right;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .6s .3s;-o-transition:opacity .6s .3s;transition:opacity .6s .3s;z-index:100}#et-boc .area-outer-wrap .da-close{-webkit-box-sizing:content-box;box-sizing:content-box;cursor:pointer;display:block;font-family:Courier New,monospace;font-size:20px;font-weight:700;height:30px;line-height:30px;opacity:.7;pointer-events:all;position:absolute;right:0;text-align:center;text-decoration:none;top:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;width:30px}#et-boc .area-outer-wrap .da-close:focus,#et-boc .area-outer-wrap .da-close:hover{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}#et-boc .area-outer-wrap[data-da-close-btn=no] .da-close-wrap{display:none!important}#et-boc .area-outer-wrap[data-da-close-btn=yes] .da-close-wrap{display:block}#et-boc .area-outer-wrap[data-da-color=light] .da-close{background:#fff2;-webkit-box-shadow:0 0 3px 1px #00000008;box-shadow:0 0 3px 1px #00000008;color:#333}#et-boc .area-outer-wrap[data-da-color=light] .da-close:focus,#et-boc .area-outer-wrap[data-da-color=light] .da-close:hover{background:#fff;-webkit-box-shadow:0 0 4px 0 #0002,0 0 3px 1px #0001;box-shadow:0 0 4px 0 #0002,0 0 3px 1px #0001;color:#000}#et-boc .area-outer-wrap[data-da-color=dark] .da-close{background:#0002;-webkit-box-shadow:0 0 0 1px #ffffff08;box-shadow:0 0 0 1px #ffffff08;color:#eee;text-shadow:0 0 1px #000,0 0 3px #000a}#et-boc .area-outer-wrap[data-da-color=dark] .da-close:focus,#et-boc .area-outer-wrap[data-da-color=dark] .da-close:hover{background:#2b2b2b;-webkit-box-shadow:0 0 1px 1px #fff3;box-shadow:0 0 1px 1px #fff3;color:#fff}#et-boc .area-outer-wrap[data-da-close-bg=none] .da-close,#et-boc .area-outer-wrap[data-da-close-bg=none] .da-close:focus,#et-boc .area-outer-wrap[data-da-close-bg=none] .da-close:hover{background:transparent;-webkit-box-shadow:none;box-shadow:none}#et-boc .area-outer-wrap[data-da-loader=yes] [data-da-area]{background-image:url(//v2.buroruw.nl/wp-content/plugins/popups-for-divi/images/spin.gif),-o-radial-gradient(center,circle,#fff 65%,#fff0 66%)!important;background-image:url(//v2.buroruw.nl/wp-content/plugins/popups-for-divi/images/spin.gif),radial-gradient(circle at center,#fff 65%,#fff0 66%)!important;background-position:50%;background-repeat:no-repeat;background-size:32px 32px,48px 48px!important}#et-boc .area-outer-wrap[data-da-shadow=yes] [data-da-area]{-webkit-box-shadow:0 3px 10px -1px rgba(0,0,0,.3),0 2px 50px 2px rgba(0,0,0,.2);box-shadow:0 3px 10px -1px rgba(0,0,0,.3),0 2px 50px 2px rgba(0,0,0,.2)}#et-boc .area-outer-wrap[data-da-shadow=no] [data-da-area]{-webkit-box-shadow:none;box-shadow:none}.area-outer-wrap [data-da-area]{display:block;pointer-events:all}.da-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(0,0,0,.55);bottom:0;left:0;position:fixed;right:0;top:0;transition:-webkit-backdrop-filter 1s 1s,backdrop-filter 1s 1s;z-index:99}.da-overlay-visible{overflow:hidden}.da-overlay-visible .da-overlay{backdrop-filter:saturate(180%) blur(5px);-webkit-backdrop-filter:saturate(180%) blur(5px)}[data-area-hook]{display:none!important;visibility:hidden!important}.da-flyin-visible .mfp-bg,.da-hover-visible .mfp-bg,.da-popup-visible .mfp-bg{z-index:20000000}.da-flyin-visible .mfp-wrap,.da-hover-visible .mfp-wrap,.da-popup-visible .mfp-wrap{z-index:20000001}