.ruw_dienstpagina {
width: 100%;
overflow: hidden;
float: left;
display: flex;
flex-direction: column;
align-items: center;
background-color: #ffffff;
gap: 0;
box-sizing: border-box;
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;
gap: 25px;
}
.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: 30px;
}
@media screen and (max-width: 980px) {
.ruw_dienstpagina .ruw_section {
padding-top: 40px;
padding-bottom: 40px;
}
.ruw_dienstpagina .ruw_section .ruw_row {
gap: 20px;
width: 90%;
padding: 15px;
}
}
@media screen and (max-width: 480px) {
.ruw_dienstpagina .ruw_section .ruw_row {
width: 95%;
padding: 10px;
}
}
.ruw_top_section {
padding-top: 150px !important;
position: relative;
padding-bottom: 0 !important;
}
@media screen and (max-width: 980px) {
.ruw_top_section {
padding-top: 100px !important;
}
}
.ruwd_breadcrumb > ul {
list-style: none;
padding: 0 !important;
margin: 0 !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;
}
@media screen and (max-width: 980px) {
.ruwd_breadcrumb > ul {
flex-wrap: wrap;
justify-content: center;
gap: 3px;
}
.ruwd_breadcrumb > ul > li {
font-size: 14px;
}
}
.ruw_dienstpagina .ruw_section .ruw_row_caroussel {
max-width: 100%;
width: 100%;
position: relative;
padding: 0;
display: block;
}
.splide__slide {
padding: 5px;
} .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: 50%;
transform: translate(-50%, 0%);
}
@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; width: 80%;
line-height: 1.2em;
max-width: 1100px;
}
@media screen and (max-width: 980px) {
.rtxt_dienst_slogan {
font-size: 2em;
width: 95%;
}
}
@media screen and (max-width: 480px) {
.rtxt_dienst_slogan {
font-size: 1.8em;
}
}
.ruw_top_section::before {
background: linear-gradient(180deg, var(--dienst-300) 0%, rgba(255, 255, 255, 1) 25%);
content: '';
position: absolute;
bottom: 0;
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 !important;
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);
}
@media screen and (max-width: 400px) {
.dienst_cta_primary {
margin-left: auto;
margin-right: auto;
display: block;
width: fit-content;
}
}
.ruw_dienstpagina .ruw_section .ruw_row_full {
width: 100% !important;
max-width: 100% !important;
padding: 0 !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 0;
}
.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: flex-start;
width: 100%;
gap: 15px;
justify-content: center;
height: 100%;
}
@media screen and (max-width: 980px) {
.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;
width: 100%;
}
}
.rtxt_tinyheader {
font-weight: 800;
font-size: 17px;
padding: 0;
color: var(--dienst-700);
}
@media screen and (max-width: 980px) {
.rtxt_tinyheader {
text-align: center;
}
}
.rtxt_moduleheader {
color: black;
font-weight: 900!important;
font-size: 33px;
line-height: 1.15em;
}
@media screen and (max-width: 980px) {
.rtxt_moduleheader {
font-size: 28px;
text-align: center;
}
}
@media screen and (max-width: 480px) {
.rtxt_moduleheader {
font-size: 24px;
}
}
.ruw_row_col > * {
padding: 0 !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 .splide__slide {
width: 100% !important;
}
ul.ruw_checks_list > li,
#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;
width: 100%;
box-sizing: border-box;
}
@media screen and (max-width: 768px) {
ul.ruw_checks_list > li,
#ruwd_horizontal_car > div > ul > li > .splide_slide_content {
padding-left: 0;
width: 100%;
max-width: 100%;
}
}
ul.ruw_checks_list > li::after,
#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(//buroruw.nl/wp-content/uploads/2025/07/check.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 30px;
}
ul.ruw_checks_list > li > p,
#ruwd_horizontal_car > div > ul > li > .splide_slide_content > * {
margin: 0 !important;
padding: 0 !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;
}
ul.ruw_checks_list > li > p {
font-size: 18px;
font-weight: 400;
font-style: italic;
}
.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,
.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;
width: 100%;
float: left;
position: relative;
}
.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: 0;
}
.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: 0 !important;
padding: 0 !important;
}
.ruw_faq_question {
font-size: 17px;
font-weight: 800;
}
@media screen and (max-width: 980px) {
.ruw_faq_question,
.ruw_faq_answer {
text-align: center;
}
}
.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;
flex-wrap: wrap;
justify-content: center;
}
.ruw_dienst_badges > a,
.ruw_dienst_badge > a {
margin: 0 !important;
}
.text_centered {
text-align: center !important;
max-width: 800px;
font-weight: 400;
}
.text_centered > * {
text-align: center;
}
#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: 0 !important;
padding: 0 !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;
}
@media screen and (max-width: 980px) {
.ruw_pages h5,
.ruw_pages > * {
text-align: center;
}
}
.ruw_nopadding,
.ruw_nopadding > div {
padding: 0 !important;
margin: 0 !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: auto;
height: auto;
}
.ruw-slick-carousel .slick-dots {
bottom: -70px;
}
@media screen and (max-width: 980px) {
.ruw-slick-carousel {
max-width: 100%;
margin-top: 15px;
}
.ruw-slick-carousel .slick-dots {
bottom: -55px;
}
}
@media screen and (max-width: 480px) {
.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;
}
}
.slick-dots li {
margin: 0!important;
}
.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);
} .cases_explanation {
text-align: center;
font-size: 16px;
font-weight: 300;
color: #666;
margin-top: 24px;
}
.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);
}
.ruw24c_carroussel_card_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: color-mix(in srgb, var(--overlay-color, #000000) 90%, transparent);
opacity: 0;
transition: opacity 0.3s ease;
z-index: 2;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.ruw24c_carroussel_card:hover .ruw24c_carroussel_card_overlay {
opacity: 1;
}
.ruw24c_carroussel_card_title {
color: white;
font-size: clamp(1.5rem, 1.169rem + 1.395vw, 2.25rem);
font-weight: 900;
text-align: center;
padding: 20px;
line-height: 1.2;
}
.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;
}
@media screen and (max-width: 980px) {
.rw24_modal {
grid-template-columns: 1fr;
max-width: 95vw;
max-height: 95vh;
}
.rw24_img {
min-height: 200px;
}
}
.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: "\00D7";
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: "\2039";
}
.rw24_next {
right: 20px;
}
.rw24_next::before {
content: "\203A";
}
.rs24_content {
padding: 40px;
display: flex;
flex-direction: column;
gap: 20px;
overflow-y: auto;
}
@media screen and (max-width: 980px) {
.rs24_content {
padding: 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: 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: 0 !important;
}
.pb-0 {
padding-bottom: 0 !important;
} ul.footer_subdiensten_links {
list-style-type: none !important;
padding: 0 !important;
margin: 0;
}
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;
} .ruw25_slider_fade {
width: 100%;
min-height: 20px;
aspect-ratio: 3/2;
position: relative;
overflow: hidden;
}
.ruw_row_col.col_img {
width: 100%;
height: 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: 700px;
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;
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: 0;
margin: 0;
}
#subdiensten_mega_menu_item_title_parent {
font-size: 20px;
font-weight: 900;
color: #fff;
padding: 0;
margin: 0;
}
#subdiensten_mega_menu_item_subtitle {
font-size: 14px;
font-weight: 400;
color: #666666;
padding: 0;
margin: 0;
}
#subdiensten_mega_menu_item_subtitle_parent {
font-size: 14px;
font-weight: 400;
color: #fff;
padding: 0;
margin: 0;
}
#subdiensten_mega_menu_items_list {
list-style-type: none;
padding: 0;
margin: 0;
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: 0;
}
.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;
}
} #dienst-3d-images-grid {
display: flex;
justify-content: center;
align-items: center;
perspective: 1600px;
height: 400px;
position: relative;
}
.dienst-3d-image-item {
height: 350px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 10px;
transform-style: preserve-3d;
}
#dienst-3d-image-0 {
border-radius: 0 10px 10px 0;
}
#dienst-3d-image-4 {
border-radius: 10px 0 0 10px;
} .referenties_filter_wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
margin-bottom: 64px;
flex-wrap: wrap;
}
.referenties_filter_label {
font-weight: 200;
font-size: 16px;
color: #222222;
}
.referenties_filter_desktop,
.referenties_filter_buttons {
display: flex;
gap: 1rem;
justify-content: center;
flex-wrap: wrap;
}
.referenties_filter_btn {
padding: 0.75rem 1.5rem;
border: none;
background-color: rgba(255, 255, 255, 0.5);
color: #222222;
font-size: 20px;
font-weight: 900;
cursor: pointer;
transition: all 0.3s ease;
border-radius: 2px;
}
.referenties_filter_btn:hover {
background-color: rgba(255, 255, 255, 0.75);
}
.referenties_filter_btn.active {
background-color: #E95F3E;
color: white;
pointer-events: none;
}
.referenties_filter_mobile {
display: none;
}
.referenties_filter_select {
padding: 0.75rem 1.5rem;
border: none;
background-color: rgba(255, 255, 255, 0.5);
color: #222222;
font-size: 18px;
font-weight: 900;
border-radius: 2px;
cursor: pointer;
min-width: 200px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 1.25em;
padding-right: 3rem;
}
.referenties_grid_container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
padding: 0 0 2rem 0;
align-items: stretch;
}
.referenties_grid_item {
cursor: pointer;
transition: transform 0.3s ease;
display: flex;
flex-direction: column;
height: 100%;
}
.referenties_grid_image {
width: 100%;
aspect-ratio: 1 / 1;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 2px;
position: relative;
flex-shrink: 0;
}
.referenties_grid_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: color-mix(in srgb, var(--overlay-color, #000000) 90%, transparent);
opacity: 0;
transition: opacity 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
padding: 1.5rem;
border-radius: 2px;
}
.referenties_grid_item:hover .referenties_grid_overlay {
opacity: 1;
}
.referenties_grid_overlay_content {
text-align: center;
color: white;
}
.referenties_grid_discipline {
font-size: 18px;
font-weight: 400;
letter-spacing: 0.5px;
margin: 0 0 0.5rem 0;
color: white;
}
.referenties_grid_title {
font-size: clamp(1.5rem, 1.169rem + 1.395vw, 2.25rem);
font-weight: 900;
color: white;
margin: 0;
line-height: 1.3;
}
.referenties_load_more_wrapper {
display: flex;
justify-content: center;
padding: 2rem 0;
}
.referenties_load_more_btn {
padding: 0.75rem 2.5rem;
background-color: #F5F5F5;
border: none;
color: #222222;
font-size: 16px;
font-weight: 300;
cursor: pointer;
transition: all 0.3s ease;
border-radius: 2px;
}
.referenties_load_more_btn:hover {
background-color: #EAEAEA;
}
@media screen and (max-width: 1024px) {
.referenties_grid_container {
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}
}
@media screen and (max-width: 767px) {
.referenties_filter_desktop {
display: none !important;
}
.referenties_filter_mobile {
display: block;
width: 100%;
}
.referenties_filter_select {
width: 100%;
}
.referenties_filter_wrapper {
flex-direction: column;
align-items: stretch;
gap: 0.75rem;
margin-bottom: 48px;
}
.referenties_filter_label {
text-align: left;
}
.referenties_grid_container {
grid-template-columns: 1fr;
gap: 1.5rem;
}
} ul.ruw_checks_list > li {
display: flex;
align-items: flex-start;
gap: 10px;
justify-content: center;
height: unset;
padding-left: 60px;
background-color: #F5F5F5 !important;
}
ul.ruw_checks_list {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
}
ul.ruw_checks_list > li::after {
background-image: url(//buroruw.nl/wp-content/uploads/2025/07/check.svg);
left: 0;
}
.dienst_gradient_reverse {
background-image: unset;
position: relative;
}
.dienst_gradient_reverse::after {
width: 100%;
height: 400px;
background-image: linear-gradient(to top, #fff, #eee);
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 0;
} .inline_fotos_caroussel {
width: 100%;
overflow: hidden;
}
.inline_fotos_caroussel .slick-list {
overflow: hidden;
border-radius: 8px;
}
.inline_fotos_caroussel .slick-track {
display: flex;
align-items: center;
}
.inline_fotos_caroussel .slick-slide {
height: auto;
outline: none;
}
.inline_fotos_caroussel .slick-slide > div {
height: 100%;
}
.inline_fotos_caroussel .slick-dots {
bottom: 25px;
padding: 0px!important;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
gap: 3px;
}
.inline_fotos_caroussel .slick-dots li button:before {
color: white;
font-size: 12px;
opacity: 0.7;
}
.inline_fotos_caroussel .slick-dots li.slick-active button:before {
opacity: 1;
color: black;
}
.inline_fotos_caroussel .slick-prev,
.inline_fotos_caroussel .slick-next {
z-index: 10;
width: 40px;
height: 40px;
}
.inline_fotos_caroussel .slick-prev:before,
.inline_fotos_caroussel .slick-next:before {
font-size: 24px;
color: white;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.ruw_col_overflow {
overflow: hidden;
float: left;
position: relative;
}
.ruw_row_col.ruw_row_inline_caroussel {
width: 100%;
height: 100%;
float: left;
position: relative;
overflow: hidden;
}
.inline_fotos_caroussel,
.inline_fotos_caroussel > .slick-list,
.inline_fotos_caroussel > .slick-list > *,
.inline-doelgroep-carousel-slide,
div.inline-doelgroep-carousel-slide,
.ruw_row_inline_caroussel_inner {
height: 500px !important;
background-size: cover;
background-position: center;
border-radius: 2px;
width: 100%;
}
@media screen and (max-width: 980px) {
.inline_fotos_caroussel,
.inline_fotos_caroussel > .slick-list,
.inline_fotos_caroussel > .slick-list > *,
.inline-doelgroep-carousel-slide,
div.inline-doelgroep-carousel-slide,
.ruw_row_inline_caroussel_inner {
height: 300px !important;
}
}
@media screen and (max-width: 480px) {
.inline_fotos_caroussel,
.inline_fotos_caroussel > .slick-list,
.inline_fotos_caroussel > .slick-list > *,
.inline-doelgroep-carousel-slide,
div.inline-doelgroep-carousel-slide,
.ruw_row_inline_caroussel_inner {
height: 220px !important;
}
}
.ruw_dienst_gap {
padding-top: 50px;
gap: 35px;
}
.col_align_top {
height: 100%;
}
.ruw_row.ruw_row_2col.ruw_row_2-1 {
display: grid;
grid-template-columns: 2fr 1fr !important;
}
@media screen and (max-width: 980px) {
.ruw_row.ruw_row_2col.ruw_row_2-1 {
grid-template-columns: 1fr !important;
}
}
.ruw_img_contain {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
max-width: 40vh;
}
.ruw_img_contain img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
} .ruw_img_cover {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
.ruw_img_cover > img {
width: 100%;
height: 100%;
object-fit: cover;
} .ruw_col_pdcaligraphy {
position: relative;
height: 100%;
padding-top: 35px;
padding-bottom: 90px;
}
.ruw_inline_doelgroep_description {
font-family: "Caveat", cursive;
font-size: 23px;
padding: 0;
color: var(--dienst-700);
position: absolute;
bottom: 30px;
left: 0;
}
.ruw_section.ruw_section_cta {
padding: 0;
}
.ruw_section.ruw_section_cta > .ruw_row {
padding-bottom: 0;
}
.ruw_section.ruw_section_cta > .ruw_row > .ruw_col_vrijstaand_img > img {
max-height: 390px;
width: auto;
}
.ruw_section.ruw_section_cta > .ruw_row > .ruw_row_col {
padding-top: 50px;
padding-bottom: 60px;
}
.ruw_section.ruw_section_cta > .ruw_row > .ruw_col_vrijstaand_img {
padding: 0 !important;
display: flex;
justify-content: flex-end;
}
.ruw_section.ruw_section_cta > .ruw_row > .ruw_row_col > .rtxt_tinyheader {
color: black !important;
}
.ruw_section.ruw_section_cta > .ruw_row > .ruw_row_col > .rtxt_moduleheader {
color: var(--dienst-700) !important;
}
.ruw_section.ruw_section_cta > .ruw_row > .ruw_row_col > div {
color: black !important;
font-weight: 400;
} .ruw_callme {
display: flex;
grid-template-columns: 1fr auto;
grid-gap: 0;
overflow: hidden;
border-radius: 3px;
}
.ruw_callme > input.ruw_callme_field {
padding: 10px 15px;
border: 0ch solid #ccc;
width: 250px;
max-width: 300px;
box-sizing: border-box;
height: 45px;
pointer-events: auto;
}
.ruw_callme > button:hover,
.ruw_callme > input.ruw_callme_field:hover {
filter: brightness(0.95);
}
.ruw_callme > button {
background-color: var(--dienst-700) !important;
color: white;
font-weight: 800;
font-size: 17px;
border-radius: 0;
border: 0px solid red !important;
width: 220px;
pointer-events: auto;
cursor: pointer;
transition: background-color 0.3s ease;
}
@media screen and (max-width: 480px) {
.ruw_callme {
flex-direction: column;
width: 100%;
gap: 10px;
}
.ruw_callme > input.ruw_callme_field,
.ruw_callme > button {
width: 100%;
max-width: 100%;
padding: 10px 10px;
border-radius: 4px;
}
}
.ruw_section_cta > .ruw_row_2col {
display: grid;
grid-template-columns: 1fr 359px !important;
}
@media screen and (max-width: 980px) {
.ruw_section_cta > .ruw_row_2col {
grid-template-columns: 1fr !important;
}
}
.ruw_inline_cali {
position: relative;
top: unset;
bottom: unset;
left: unset;
font-weight: 600;
}
p.pcaligraphy,
.ruw_whatsapp_caveat {
display: flex;
justify-content: flex-start;
align-items: center;
font-family: "Caveat", cursive;
font-size: 23px;
gap: 10px;
margin-top: 2px;
cursor: pointer;
}
.pcaligraphy{
font-weight: 600;
}
.ruw_whatsapp_caveat > img {
width: 35px;
}
.ruw_section > .ruw_row.ruw_row_2col.ruw_img_faq.ruw_img_faq {
grid-template-columns: 400px 1fr !important;
grid-gap: 40px;
}
@media screen and (max-width: 980px) {
.ruw_section > .ruw_row.ruw_row_2col.ruw_img_faq {
grid-template-columns: 1fr !important;
}
}
.ruw_row.ruw_row_2col.ruw_img_faq > .ruw_focus_body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 15px;
padding-top: 50px;
padding-bottom: 50px;
}
.ruw_section > p,
.ruw_section > * > p,
.ruw_section > * > * > p,
.ruw_section > * > * > * > p,
.ruw_section > * > * > * > * > p,
.ruw_section > * > * > * > * > * > p {
color: #222222 !important;
font-weight: 400 !important;
}
.ruw_col_center {
display: flex;
justify-content: center;
align-items: center;
}
.ruw_row_logos {
width: 100%;
float: left;
position: relative;
}
.ruw_row_logos .ruw_row_logo {
width: 200px;
height: 100px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin: 0 auto;
}
.ruw_row_logos .ruw_row_logo img {
width: 100%;
height: 100%;
object-fit: contain;
filter: grayscale(100%);
opacity: 0.6;
}  .ruw_row_col.row_maps {
width: 80%;
max-width: 500px;
aspect-ratio: 1/1;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
float: left;
padding: 10px;
position: relative;
display: block;
}
.ruw_maps_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
border-radius: 2px;
z-index: 0;
}
.ruw_row_col.row_maps .ruw_maps_items {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.ruw_row_col.row_maps .ruw_maps_items ul {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
list-style-type: none;
}
.ruw_maps_items ul > .ruw_maps_item {
background-color: #F5F5F5;
width: 270px;
padding: 10px;
border-radius: 2px;
position: absolute;
}
.ruw_maps_items ul > .ruw_maps_item > p {
font-size: 13px;
font-style: italic;
color: #222222;
font-weight: 300;
padding: 5px;
}
ul .ruw_maps_item::after {
content: '';
position: absolute;
width: 20px;
height: 20px;
background-color: #F5F5F5;
transform: rotate(45deg);
border-radius: 2px;
}
ul .ruw_maps_item.ruw_maps_item_2::after,
ul .ruw_maps_item.ruw_maps_item_4::after {
right: -10px;
top: 10px;
}
ul .ruw_maps_item.ruw_maps_item_1::after,
ul .ruw_maps_item.ruw_maps_item_3::after {
left: -10px;
top: 10px;
}
@media screen and (min-width: 980px) {
ul .ruw_maps_item.ruw_maps_item_1 {
top: 15%;
right: -20%;
}
ul .ruw_maps_item.ruw_maps_item_2 {
top: 25%;
left: -20%;
}
ul .ruw_maps_item.ruw_maps_item_3 {
top: 75%;
right: -20%;
}
ul .ruw_maps_item.ruw_maps_item_4 {
top: 60%;
left: -20%;
}
}
@media screen and (max-width: 980px) {
ul .ruw_maps_item.ruw_maps_item_1 {
top: 0%;
right: -5%;
opacity: 0.9;
}
ul .ruw_maps_item.ruw_maps_item_2 {
top: 30%;
left: -5%;
opacity: 0.9;
}
ul .ruw_maps_item.ruw_maps_item_3 {
top: 50%;
right: -5%;
opacity: 0.9;
}
ul .ruw_maps_item.ruw_maps_item_4 {
bottom: 0%;
left: -5%;
opacity: 0.9;
}
}
.col_text > * {
width: 100%;
}
.ruw_row_col.row_maps_2 {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
justify-content: center;
align-items: center;
}
.ruw_row_col.row_maps_2 .ruw_maps_ill {
aspect-ratio: 5/6;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position:relative;
}
.ruw_row_col.row_maps_2 .ruw_maps_ill::after{
content: "Ons werkgebied concentreert zich in de Drechtsteden";
position: absolute;
bottom: 0px;
right: -290px;
font-size: 22px;
font-weight: 300;
color: var(--dienst-700);
font-family:
"caveat", cursive; width: 400px;
}
.ruw_row_col.row_maps_2 .ruw_maps2_items ul,
.ruw_row_col.row_maps_2 .ruw_maps2_items {
position: relative;
height: 100%;
}
.ruw_row_col.row_maps_2 .ruw_maps2_items ul {
display: flex;
flex-direction: column;
gap: 15px;
padding: 0!important;
list-style: none!important;
align-items:center;
justify-content: center;
}
.ruw_row_col.row_maps_2 .ruw_maps2_items ul .ruw_maps2_item {
background-color: #F5F5F5;
padding: 10px;
border-radius: 2px;
width: 100%;
}
.ruw_row_col.row_maps_2 .ruw_maps2_items ul .ruw_maps2_quote {
font-size: 18px;
color: #222222;
font-weight: 800!important;
padding: 12px;
}
@media screen and (max-width: 980px) {
.ruw_row_col.row_maps_2 {
grid-template-columns: 1fr !important;
align-items: center;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
}
.ruw_row_col.row_maps_2 .ruw_maps_ill::after{
position: absolute;
width: 100%;
text-align: center;
padding: 15px 0 0 0;
bottom: -30px;
right: 0px;
float: left;
}
.ruw_row_col.row_maps_2 .ruw_maps_ill{
aspect-ratio: 1/1;
max-width: 500px;
margin-bottom: 60px;
width: 100%;
}
} .ruw_col_ctas{
display: flex;
flex-direction: row;
gap: 20px;
margin-top: 25px;
}
.ruw_col_ctas > a{
margin: 0px!important;
}
.ruw_col_ctas > a.dienst_cta_primary:hover{
margin: 0px!important;
background-color: var(--dienst-700)!important;
filter: brightness(0.9)!important;
}
.ruw_col_ctas > a.dienst_cta_primary.dienst_cta_white{
background-color: white!important;
color: black!important;
}
.ruw_col_ctas > a.dienst_cta_primary.dienst_cta_white:hover{
margin: 0px!important;
background-color: white!important;
color: var(--dienst-700)!important;
filter: brightness(0.9)!important;
}
p.ruw_maps2_quote.splide_slide_content {
padding: 19px!important;
font-weight: 800;
font-size: 19px;
opacity: 1;
}
p.ruw_maps2_quote{
gap: 0px!important;
}
p.ruw_maps2_quote.splide_slide_content::after{
display: none;
}
.ruw_maps2_item.is-next{
opacity: 1!important;
}
p.ruw_maps2_quote{
gap: 0px!important;
justify-content: center!important;
}
.ruw_section.dienst_gradient.dienst_gradient_reverse.ruw_dienst_gap {
padding-top: 50px;
}
p.ruw_inline_doelgroep_description,
p.ruw_inline_doelgroep_description.ruw_inline_cali{
color: var(--dienst-700)!important;
font-weight: 500!important;
}
.ruwl_borderradius{
border-radius: 5px!important;
}  .ruw_focus_listgrid{
display: none;
}
@media screen and (max-width: 768px) {
.ruw_row_col.row_maps {
width: 88%;
max-width: 380px;
padding: 8px;
}
.ruw_maps_items ul > .ruw_maps_item {
width: 190px;
padding: 8px;
}
.ruw_maps_items ul > .ruw_maps_item > p {
font-size: 12px;
padding: 4px;
}
ul .ruw_maps_item.ruw_maps_item_1 {
top: 2%;
right: -4%;
}
ul .ruw_maps_item.ruw_maps_item_2 {
top: 28%;
left: -4%;
}
ul .ruw_maps_item.ruw_maps_item_3 {
top: 52%;
right: -4%;
}
ul .ruw_maps_item.ruw_maps_item_4 {
top: auto;
bottom: 2%;
left: -4%;
}
.ruw_focus_listgrid,
.ruw_focus_listgrid ul {
display: flex;
gap: 10px;
flex-direction: column;
}
.ruw_focus_listgrid ul .ruw_maps2_item {
padding: 8px;
background-color: #f5f5f5;
display: flex;
justify-content: left;
align-items: left;
gap: 5px;
}
.ruw_focus_listgrid ul .ruw_maps2_item .ruw_maps2_quote {
font-size: 14px;
font-weight: 500!important;
color: #222222;
padding: 3px;
font-style: italic;
}
}
@media screen and (max-width: 480px) {
.ruw_row_col.row_maps {
width: 92%;
max-width: 300px;
padding: 5px;
}
.ruw_maps_items ul > .ruw_maps_item {
width: 145px;
padding: 6px;
}
.ruw_maps_items ul > .ruw_maps_item > p {
font-size: 11px;
padding: 3px;
}
ul .ruw_maps_item.ruw_maps_item_1 {
top: 2%;
right: -1%;
}
ul .ruw_maps_item.ruw_maps_item_2 {
top: 28%;
left: -1%;
}
ul .ruw_maps_item.ruw_maps_item_3 {
top: 54%;
right: -1%;
}
ul .ruw_maps_item.ruw_maps_item_4 {
top: auto;
bottom: 2%;
left: -1%;
}
}
@media screen and (max-width: 360px) {
.ruw_row_col.row_maps {
width: 96%;
max-width: 260px;
}
.ruw_maps_items ul > .ruw_maps_item {
width: 120px;
padding: 5px;
}
.ruw_maps_items ul > .ruw_maps_item > p {
font-size: 10px;
padding: 2px;
}
} @media screen and (max-width: 768px) {
.ruw_row_col.row_maps_2 .ruw_maps_ill::after {
font-size: 20px;
}
.ruw_row_col.row_maps_2 .ruw_maps2_items ul .ruw_maps2_quote {
font-size: 16px;
padding: 10px;
}
.ruw_row_col.row_maps_2 .ruw_maps2_items ul .ruw_maps2_item {
padding: 8px;
}
.ruw_col_ctas{
flex-direction: column;
align-items:center;
}
.ruw_col_pdcaligraphy > div.mb-lg{
margin-bottom: 20px!important;
}
.ruw_section.ruw_section_cta > .ruw_row > .ruw_row_col {
padding-top: 30px;
padding-bottom: 0px;
}
}
@media screen and (max-width: 480px) {
.ruw_row_col.row_maps_2 .ruw_maps_ill {
max-width: 320px;
}
.ruw_row_col.row_maps_2 .ruw_maps_ill::after {
font-size: 18px;
bottom: -28px;
}
.ruw_row_col.row_maps_2 .ruw_maps2_items ul .ruw_maps2_quote {
font-size: 15px;
padding: 9px;
}
.ruw_row_col.row_maps_2 .ruw_maps2_items ul {
gap: 10px;
}
}
@media screen and (max-width: 360px) {
.ruw_row_col.row_maps_2 .ruw_maps_ill {
max-width: 280px;
margin-bottom: 50px;
}
.ruw_row_col.row_maps_2 .ruw_maps_ill::after {
font-size: 16px;
bottom: -26px;
}
.ruw_row_col.row_maps_2 .ruw_maps2_items ul .ruw_maps2_quote {
font-size: 14px;
padding: 8px;
}
} @media screen and (max-width: 480px) {
p.ruw_maps2_quote.splide_slide_content {
font-size: 16px !important;
padding: 14px !important;
}
}#ruwbot_app {}
#ruwbot_app .ruwbot_wrapper {
width: 100%;
height: 100%;
z-index: 999999;
background-color: #1e1e1ec7;
position: fixed;
top: 0;
left: 0;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
} #ruwbot_app{
--ruwbot-bar-height: 60px;
--ruwbot-gap: 7px;
--ruwbot-radius: 6px;
--ruwbot-search-width: 30px;
--ruwbot-gpt-width: 110px; --ruwbot-inner-height: calc(var(--ruwbot-bar-height) - (var(--ruwbot-gap) * 2));
--ruwbot-bar-left: calc(var(--ruwbot-gap) * 2 + var(--ruwbot-search-width));
--ruwbot-bar-right: calc(var(--ruwbot-gap) * 2 + var(--ruwbot-gpt-width));
}
#ruwbot_app .ruwbot_wrapper .ruwbot_body {
position: relative;
width: min(500px, calc(100% - (var(--ruwbot-gap) * 2)));
height: var(--ruwbot-bar-height);
overflow: visible;
background-color: white;
border-radius: 10px;
padding-top: 60px;
}
.ruwbot_query_panel.ruwbot_query_panel_search{
position: absolute;
inset: auto 0 0 0; height: var(--ruwbot-bar-height);
overflow: hidden;
border-radius: 10px;
}
.ruwbot_search_icon{
position: absolute;
left: var(--ruwbot-gap);
top: var(--ruwbot-gap);
width: var(--ruwbot-search-width);
height: var(--ruwbot-inner-height);
border-radius: var(--ruwbot-radius);
background-image: url(//buroruw.nl/wp-content/uploads/2026/03/search_24dp_000000_FILL0_wght700_GRAD200_opsz20.svg);
background-size: 70% auto;
background-repeat: no-repeat;
background-position: center;
}
.ruwbot_query_bar{
position: absolute;
left: var(--ruwbot-bar-left);
top: var(--ruwbot-gap);
width: calc(100% - var(--ruwbot-bar-left) - var(--ruwbot-bar-right));
height: var(--ruwbot-inner-height);
background-color: white;
border-radius: var(--ruwbot-radius);
}
.ruwbot_gpt_run{
position: absolute;
right: var(--ruwbot-gap);
top: var(--ruwbot-gap);
width: var(--ruwbot-gpt-width);
height: var(--ruwbot-inner-height); background: transparent;
border-radius: var(--ruwbot-radius);
color: white;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
cursor: pointer;
font-family: "Montserrat", sans-serif;
font-weight: 800;
z-index: 2;
position: absolute;
overflow: visible;
isolation: isolate; } .ruwbot_gpt_run::after{
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle, rgba(236, 98, 44, 1) 0%, rgba(247, 104, 27, 1) 100%);
border-radius: inherit;
z-index: 0;;
} .ruwbot_gpt_run::before{
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 220%;
aspect-ratio: 1 / 1;
background: conic-gradient(from 0deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #8b00ff, #ff0000);
animation: ruwbot-gradient-rotate 3s linear infinite;
filter: blur(20px);
opacity: 0;
border-radius: 50%;
transform: translate(-50%, -50%);
z-index: -1;
pointer-events: none;
}
.ruwbot_gpt_run:hover::before{
opacity: 0.2;
} .ruwbot_gpt_run > *{
position: relative;
z-index: 1;
}
@keyframes ruwbot-gradient-rotate {
from { transform: translate(-50%, -50%) rotate(0deg); }
to   { transform: translate(-50%, -50%) rotate(360deg); }
} .ruwbot_query_panel_search > .ruwbot_gpt_run{
transform: translateX(calc(100% + var(--ruwbot-gap)));
}
.ruwbot_query_panel_search > .ruwbot_query_bar{
width: calc(100% - var(--ruwbot-bar-left) - (var(--ruwbot-gap) * 1));
} .ruwbot_query_panel_chat > .ruwbot_search_icon{
transform: translateX(calc(-100% - var(--ruwbot-gap)));
}
.ruwbot_query_panel_chat > .ruwbot_query_bar{
left: var(--ruwbot-gap);
width: calc(100% - var(--ruwbot-gpt-width) - (var(--ruwbot-gap) * 3));
}
.ruwbot_query_panel_chat > .ruwbot_query_bar,
.ruwbot_query_panel_search > .ruwbot_query_bar{
border: 0px solid white;
border-radius: var(--ruwbot-radius);
background-color: #f5f5f5;
padding-left: 10px;
}
.ruwbot_query_panel_search > .ruwbot_query_bar{  } .ruwbot_app > *,
.ruwbot_app > * > *,
.ruwbot_app > * > * > *, 
.ruwbot_app > * > * > * > *{
transition-duration: .4s;
transition-timing-function : cubic-bezier(1, 0, 0, 1)
}
.ruwbot_app.ruwbot_app_chat > .ruwbot_wrapper{
backdrop-filter: blur(10px);
background-color: #2a2a2a82;
}
.ruwbot_query_panel.ruwbot_query_panel_chat {
width: 100%;
background-color: #ffffff;
height: 60px;
position: absolute;
left: 0px;
bottom: 0px;
overflow: hidden;
border-radius: 9px;
} #ruwbot_app > .ruwbot_wrapper > .ruwbot_body.ai_response_loading:not(.ruwbot_body_response){
height: calc(var(--ruwbot-bar-height) + 47px);
background: rgba(255, 255, 255, 0.29);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.56);
}
.ruwbot_body.ai_response_loading > .ruwbot_query_panel_chat{
background-color: transparent;
}
.ruwbot_body.ai_response_loading > .ruwbot_query_panel_chat > .ruwbot_query_bar{ border-radius: calc(var(--ruwbot-radius) + 5px);
background-color: #5e5e5ec4;
color: #d7d7d7;
}
.ruwbot_body.ai_response_loading > .ruwbot_query_panel_chat > .ruwbot_gpt_run{
background-color: black!important;
border-radius: calc(var(--ruwbot-radius) + 5px);
pointer-events: none;
filter: saturate(0);
} .gpt_load {
display: block;
--height-of-loader: 4px;
--loader-color: #ec622c;
width: 100%;
height: var(--height-of-loader);
border-radius: 20px;
background-color: rgba(0,0,0,0.2);
position: relative;
}
.gpt_load::before {
content: "";
position: absolute;
background: var(--loader-color);
top: 0;
left: 0;
width: 0%;
height: 100%;
border-radius: 30px;
animation: moving 1s ease-in-out infinite;
}
@keyframes moving {
50% {
width: 100%;
}
100% {
width: 0;
right: 0;
left: unset;
}
}
.ruwbot_gptloader {
position: absolute;
top: calc( var(--ruwbot-gap) + 6px);
left: calc(var(--ruwbot-gap) + 6px);
width: calc(100% - var(--ruwbot-gap) * 2 - 12px);
display: flex;
justify-content: center;
flex-direction: row;
align-items: center;
}
.ruwbot_gptloader > span{
color: white;
font-size: 14px;
font-family: "Montserrat", sans-serif;
width: 420px;
} #ruwbot_app .ruwbot_search_results{
position: absolute;
left: var(--ruwbot-bar-left);
right: var(--ruwbot-gap);
top: calc(100% + var(--ruwbot-gap)); z-index: 50;
max-height: min(340px, 55vh);
background: rgba(255, 255, 255, 0.96);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(0,0,0,0.08);
border-radius: 12px;
box-shadow:
0 18px 50px rgba(0,0,0,0.16),
0 2px 10px rgba(0,0,0,0.08);
overflow: hidden; transform: translateY(-2px);
transform-origin: top;
}
#ruwbot_app .ruwbot_search_results ul{
list-style: none;
margin: 0;
padding: 8px;
overflow: auto;
max-height: inherit;
scrollbar-width: thin;
scrollbar-color: rgba(0,0,0,0.25) transparent;
}
#ruwbot_app .ruwbot_search_results ul::-webkit-scrollbar{
width: 10px;
}
#ruwbot_app .ruwbot_search_results ul::-webkit-scrollbar-track{
background: transparent;
}
#ruwbot_app .ruwbot_search_results ul::-webkit-scrollbar-thumb{
background: rgba(0,0,0,0.18);
border-radius: 999px;
border: 3px solid transparent;
background-clip: content-box;
}
#ruwbot_app .ruwbot_search_results ul li{
margin: 0;
}
#ruwbot_app .ruwbot_search_results ul li + li{
margin-top: 6px;
}
#ruwbot_app .ruwbot_search_results ul li a{
display: block;
padding: 10px 12px;
border-radius: 10px;
text-decoration: none;
color: #141414;
font-family: "Montserrat", sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 1.25;
background: rgba(245,245,245,0.0);
border: 1px solid rgba(0,0,0,0.00);
transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}
#ruwbot_app .ruwbot_search_results ul li a:hover{
background: rgba(245,245,245,0.9);
border-color: rgba(0,0,0,0.05);
transform: translateY(-1px);
}
#ruwbot_app .ruwbot_search_results ul li a:focus,
#ruwbot_app .ruwbot_search_results ul li a:focus-visible{
outline: none;
background: rgba(236, 98, 44, 0.10);
border-color: rgba(236, 98, 44, 0.35);
box-shadow: 0 0 0 3px rgba(236, 98, 44, 0.18);
} #ruwbot_app > .ruwbot_wrapper > .ruwbot_body.ai_response_loaded {
height: auto;
min-height: calc(var(--ruwbot-bar-height) + 120px);
max-height: min(520px, 72vh);
background: rgba(255, 255, 255, 0.13);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
border: 1px solid rgba(255, 255, 255, 0.28);
border-radius: 16px;
box-shadow:
0 12px 48px rgba(0, 0, 0, 0.30),
0 2px 8px  rgba(0, 0, 0, 0.12);
display: flex;
flex-direction: column;
padding-top: 0;
overflow: hidden;
} .ruwbot_body.ai_response_loaded > .ruwbot_gpt_answer,
.ruwbot_body.ruwbot_body_response > .ruwbot_gpt_answer {
flex: 1 1 auto;
overflow-y: auto;
padding: 14px 14px 8px;
display: flex;
flex-direction: column;
gap: 8px;
scrollbar-width: thin;
scrollbar-color: rgba(255,255,255,0.25) transparent;
}
.ruwbot_body.ai_response_loaded > .ruwbot_gpt_answer::-webkit-scrollbar,
.ruwbot_body.ruwbot_body_response > .ruwbot_gpt_answer::-webkit-scrollbar {
width: 6px;
}
.ruwbot_body.ai_response_loaded > .ruwbot_gpt_answer::-webkit-scrollbar-thumb,
.ruwbot_body.ruwbot_body_response > .ruwbot_gpt_answer::-webkit-scrollbar-thumb {
background: rgba(255,255,255,0.22);
border-radius: 999px;
} .ruwbot_bubble_content {
color: #ffffff;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.6;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
} .ruwbot_body.ai_response_loaded > .ruwbot_query_panel_chat {
flex: 0 0 auto;
position: relative; inset: unset;
background: rgba(255, 255, 255, 0.10);
border-top: 1px solid rgba(236, 98, 44, 0.40);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
} .ruwbot_body.ai_response_loaded > .ruwbot_query_panel_chat > .ruwbot_query_bar {
background: rgba(255, 255, 255, 0.18);
border: 1px solid rgba(255, 255, 255, 0.30);
border-radius: calc(var(--ruwbot-radius) + 4px);
color: #ffffff;
}
.ruwbot_body.ai_response_loaded > .ruwbot_query_panel_chat > .ruwbot_query_bar::placeholder {
color: rgba(255, 255, 255, 0.55);
}
.ruwbot_body.ai_response_loaded > .ruwbot_query_panel_chat > .ruwbot_query_bar:focus {
outline: none;
border-color: rgba(236, 98, 44, 0.70);
box-shadow: 0 0 0 3px rgba(236, 98, 44, 0.18);
}
.ruwbot_bubble_content a {
color: #ec622c;
font-weight: 800;
text-decoration: underline;
} .ruwbot_bubble {
max-width: 82%;
padding: 10px 14px;
border-radius: 16px;
word-break: break-word;
transition: none; } .ruwbot_bubble_user {
align-self: flex-end;
background: #ec622c;
border-bottom-right-radius: 4px;
}
.ruwbot_bubble_user .ruwbot_bubble_content {
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
} .ruwbot_bubble_assistant {
align-self: flex-start;
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.20);
border-bottom-left-radius: 4px;
} .ruwbot_bubble_typing {
align-self: flex-start;
background: rgba(255, 255, 255, 0.10);
border: 1px solid rgba(255, 255, 255, 0.16);
border-bottom-left-radius: 4px;
padding: 13px 16px;
display: flex;
align-items: center;
} .ruwbot_bubble_typing .gpt_load {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.8);
position: relative;
margin-right: 28px; animation: ruwbot-typing-wave 1.4s ease-in-out infinite;
box-shadow:
14px 0 0 rgba(255, 255, 255, 0.8),
28px 0 0 rgba(255, 255, 255, 0.8);
}
.ruwbot_bubble_typing .gpt_load::before {
display: none; }
@keyframes ruwbot-typing-wave {
0%, 100% {
transform: translateY(0);
box-shadow: 14px 0 0 rgba(255,255,255,0.8), 28px 0 0 rgba(255,255,255,0.8);
}
20% {
transform: translateY(-6px);
box-shadow: 14px 0 0 rgba(255,255,255,0.8), 28px 0 0 rgba(255,255,255,0.8);
}
40% {
transform: translateY(0);
box-shadow: 14px -6px 0 rgba(255,255,255,0.8), 28px 0 0 rgba(255,255,255,0.8);
}
60% {
transform: translateY(0);
box-shadow: 14px 0 0 rgba(255,255,255,0.8), 28px -6px 0 rgba(255,255,255,0.8);
}
80% {
transform: translateY(0);
box-shadow: 14px 0 0 rgba(255,255,255,0.8), 28px 0 0 rgba(255,255,255,0.8);
}
}  #ruwbot_app > .ruwbot_wrapper > .ruwbot_body.ruwbot_body_response.ai_response_loading {
height: auto;
min-height: calc(var(--ruwbot-bar-height) + 120px);
max-height: min(520px, 72vh);
background: rgba(255, 255, 255, 0.13);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
border: 1px solid rgba(255, 255, 255, 0.28);
border-radius: 16px;
box-shadow: 0 12px 48px rgba(0, 0, 0, 0.30), 0 2px 8px rgba(0, 0, 0, 0.12);
display: flex;
flex-direction: column;
padding-top: 0;
overflow: hidden;
}
.ruwbot_body.ruwbot_body_response.ai_response_loading > .ruwbot_query_panel_chat {
flex: 0 0 auto;
position: relative;
inset: unset;
background: rgba(255, 255, 255, 0.10);
border-top: 1px solid rgba(236, 98, 44, 0.40);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}
.ruwbot_body.ruwbot_body_response.ai_response_loading > .ruwbot_query_panel_chat > .ruwbot_query_bar {
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.20);
border-radius: calc(var(--ruwbot-radius) + 4px);
color: rgba(255, 255, 255, 0.45);
}@font-face {
font-family: 'caveat';
src: url(//buroruw.nl/wp-content/uploads/useanyfont/8623Caveat.woff2) format('woff2'),
url(//buroruw.nl/wp-content/uploads/useanyfont/8623Caveat.woff) format('woff');
font-display: auto;
}
.caveat{font-family: 'caveat' !important;}.vp-modal,
.vp-modal *,
.vp-modal *::before,
.vp-modal *::after{
margin: 0 !important;
padding: 0 !important;
border: none !important;
outline: 0 !important;
font-size: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
line-height: 1 !important;
box-sizing: border-box !important;
}
@media print {
.vp-modal {
display: none !important;
}
}
.vp-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
background: #000;
background: rgba(0, 0, 0, 0.70);
backdrop-filter: blur(5px);
z-index: 99999998;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
font-size: 0 !important;
}
.vp-modal.vp-show {
opacity: 1;
visibility: visible;
}
.vp-container {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 95%;
height: 100vh;
margin: 0 auto !important;
padding: 20px !important;
transform: scale(0.9) translateY(30px);
transition: all 0.3s ease;
font-size:0 !important;
box-sizing: border-box;
}
.vp-modal.vp-show .vp-container {
transform: scale(1) translateY(0);
}
.vp-video {
font-size:0 !important;
position: relative;
width: 800px;
max-width: 92vw;
height: 450px;
max-height: 86vh;
min-width: 150px;
min-height: 84.38px;
background: #000000;
box-shadow: 
0 25px 50px rgba(0, 0, 0, 0.2),
0 10px 20px rgba(0, 0, 0, 0.2) !important;
}
.vp-video iframe,
.vp-video video {
width: 100%;
height: 100%;
border: none;
font-size:0 !important;
background: #000000 !important;
}
.vp-close {
position: absolute;
z-index: 999999;
top: 0;
left: -35px;
width: 20px;
height: 20px;
background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8 8L16 16M16 8L8 16" stroke="%23ffffff" stroke-width="2" stroke-linecap="round"/></svg>') rgba(0, 0, 0, 0.4) center no-repeat;
background-size: 100% 100%;
border: none;
border-radius: 50% !important;
font-size: 0 !important;
cursor: pointer;
transition: all 0.2s ease;
}
.vp-close:hover {
opacity: 0.5;
}
@media (max-width: 1096px) {
.vp-container{
max-width: 85%;
padding: 10px !important;
}
}
@media (max-width: 960px) {
.vp-close{
left:-30px;
}
}
@media (max-width: 768px) {
.vp-video{
height: auto !important;
max-height: 100% !important;
aspect-ratio: 16 / 9;
}
}
@media (max-width: 500px) {
.vp-container{
max-width: 80%;
padding: 5px !important;
}
.vp-close{
left: -25px;
width: 16px;
height: 16px;
}
}
@media (max-width: 260px) {
.vp-close{
left: -20px;
}
}
.vp-video::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin: -20px 0 0 -20px !important;
border: 3px solid #000 !important;
border-top: 3px solid #fff !important;
border-radius: 50% !important;
animation: video-popup_spin-load 1s linear infinite;
z-index: 1;
}
.vp-video iframe,
.vp-video video {
z-index: 100;
position: relative;
}
@keyframes video-popup_spin-load {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.vp-video iframe[src],
.vp-video video[src] {
background: #000;
}
.vp-video:has(iframe[src])::before,
.vp-video:has(video[src])::before {
display: none;
}
.YouTubePopUp-Wrap{
display: none !important;
}[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(//buroruw.nl/wp-content/plugins/popups-for-divi/images/spin.gif),-o-radial-gradient(center,circle,#fff 65%,#fff0 66%)!important;background-image:url(//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}