div#rb_bestemming_booking {
background-color: #f5f5f5;
padding: 20px;
}
.rbb_screen > h3 {
font-family: var(--font);
font-weight: 700;
color: Var(--primary);
text-align: center;
margin-top: 10px;
}
p.rb_korting_banner {
background-color: #e7e7e7;
padding: 15px;
border-radius: 5px;
display: block;
color: #515151;
margin: 10px 0px;
padding-bottom: 15px!important;
}:root{
--primary: rgb(47, 172, 102);
--font: univia;
}
.rb_fields {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
z-index: 999999999999999999!important;
}
.rb_span2{
grid-column: span 2;
}
.rb_field {
display: flex;
flex-direction: column;
align-items: stretch;
}
.rb_field > select,
.rb_field > textarea,
.rb_field > input[type="text"],
.rb_field > input[type="number"] {
height: 50px;
padding-left: 10px;
border-radius: 4px;
border: 1px solid #c6c6c6;
font-size: 15px;
font-family: var(--font);
font-weight: 800;
}
.rb_field > p{
font-size: 15px;
font-family: var(--font);
font-weight: 800;
}
.rb_field > textarea{
width: 100%;
padding: 10px;
height: unset;
}
.rb_field > input[type="number"] {
width: 100%;
}
.rb_field > input[type="number"]::-webkit-inner-spin-button,
.rb_field > input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.rb_fields > div > h5,
.rb_fields > h5 {
font-size: 20px;
font-weight: 600;
font-family: var(--font);
margin: 0px;
padding: 0px;
}
.rb_field.rb_timepicker {
display: grid;
grid-template-columns: 1fr 20px 1fr;
align-content: center;
justify-content: center;
align-items: center;
justify-items: center;
}
.rb_field.rb_timepicker > select{
width: 100%;
}
.rb_field.rb_timepicker > span{
text-align: center;
font-size: 17px;
font-weight: 700;
}
.rb_field.rb_checkbox {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
}
.checkbox-wrapper-17 input[type=checkbox] {
height: 0;
width: 0;
visibility: hidden;
}
.checkbox-wrapper-17 label {
--size: 35px;
cursor: pointer;
width: var(--size);
height: calc(var(--size) / 2);
background: grey;
display: block;
border-radius: 100px;
position: relative;
z-index:1;
}
.checkbox-wrapper-17 label:after {
content: '';
position: absolute;
top: 6%;
left: 2.5%;
width: calc(50% - 5%);
height: calc(100% - 11%);
background: #fff;
border-radius: 90px;
transition: 0.3s;
}
.checkbox-wrapper-17 input:checked + label {
background: var(--primary);
}
.checkbox-wrapper-17 input:checked + label:after {
left: calc(100% - 2.5%);
transform: translateX(-100%);
}
.checkbox-wrapper-17 label:active:after {
width: 55%;
}
.checkbox-wrapper-17 {
display: flex;
transform: translateY(-2px);
}
button.rb_button {
border: 0px solid white;
background-color: black;
padding: 11px;
color: white;
border-radius: 5px;
font-family: var(--font);
font-size: 15px;
font-weight: 600;
}
button.rb_next{
background-color: var(--primary);
color: white;
}
.rb_nav {
margin-top: 20px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#app{
z-index:999999999999999999999999999;
}
span.easepick-wrapper {
z-index: 9999;
}
.rb_field > div.rb_submit{
padding: 15px;
font-weight: 800;
}
.rb_error > select,
.rb_error > textarea,
.rb_error > input {
border-color: red !important;
box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.rb_error{
position:relative;
}
.rb_error:after{
content: "";
position:absolute;
top: 10px;
right: 10px;
height: 30px;
width: 30px;
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%23e63d00%22%20d%3D%22M22.0488001%2C18.0287141%20C22.5852265%2C18.9942816%2022.2373389%2C20.2118882%2021.2717714%2C20.7483146%20C20.9746554%2C20.913379%2020.640374%2C21%2020.3004855%2C21%20L3.69951446%2C21%20C2.59494496%2C21%201.69951446%2C20.1045695%201.69951446%2C19%20C1.69951446%2C18.6601115%201.78613546%2C18.3258301%201.95119991%2C18.0287141%20L10.2516854%2C3.08784017%20C10.7881118%2C2.1222727%2012.0057184%2C1.77438511%2012.9712859%2C2.31081148%20C13.297766%2C2.49218933%2013.5669367%2C2.76136004%2013.7483146%2C3.08784017%20L22.0488001%2C18.0287141%20Z%20M12%2C4.05912603%20L3.69951446%2C19%20L20.3004855%2C19%20L12%2C4.05912603%20Z%20M11%2C9.5%20C11%2C8.94771525%2011.4477153%2C8.5%2012%2C8.5%20C12.5522847%2C8.5%2013%2C8.94771525%2013%2C9.5%20L13%2C13%20C13%2C13.5522847%2012.5522847%2C14%2012%2C14%20C11.4477153%2C14%2011%2C13.5522847%2011%2C13%20L11%2C9.5%20Z%20M12%2C17.5%20C11.3096441%2C17.5%2010.75%2C16.9403559%2010.75%2C16.25%20C10.75%2C15.5596441%2011.3096441%2C15%2012%2C15%20C12.6903559%2C15%2013.25%2C15.5596441%2013.25%2C16.25%20C13.25%2C16.9403559%2012.6903559%2C17.5%2012%2C17.5%20Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.pac-container:after { background-image: none !important;
height: 0px;
}
.pac-container>* {
font-family: 'univia';
color: grey !important;
}
.pac-matched {
color: #2FAC66;
}
.pac-item-query {
color: grey !important;
}
.rb_alert_banner{
background-color: rgb(207, 67, 67);
color: white;
padding: 9px;
width: 100%;
border-radius: 5px;
font-weight: 600;
font-family: var(--font);
margin-bottom: 10px;
}
.loader {
width: 100%;
height: 27.4px;
--c: #000 50%, #0000 0;
background: linear-gradient(90deg, var(--c)) 0 0%, linear-gradient(-90deg, var(--c)) 0 50%, linear-gradient(90deg, var(--c)) 0 100%;
background-size: 18px calc(100% / 3);
background-repeat: repeat-x;
animation: l8 1.25s infinite linear;
}
@keyframes l8 {
100% {background-position: -8px 0%,-8px 50%,-8px 100%}
}
.rb_load {
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center;
}
.rb_confirm {
display: flex;
background-color: var(--primary);
padding: 7px;
border-radius: 6px;
gap: 10px;
border-radius: 9px;
box-shadow:  6px 6px 21px #e4e4e4,
-6px -6px 21px #ffffff;
}
.rb_confirm > div > *{
color: white;
font-family: var(--font);
font-size: 17px;
}
.rb_confirm > div > strong{
font-weight: 800;
}
.rb_confirm > div > span{
font-weight: 500;
font-size: 15px;
}
.rb_field > select,
.rb_field > textarea,
.rb_field > input[type="text"],
.rb_field > input[type="number"] { 
min-width: 10px !important;
width: 100%;
}
@media screen and (max-width: 500px){
.rb_fields {
grid-template-columns: 1fr;
}
.rb_span2{
grid-column: span 1;
}
.rb_field.rb_timepicker {
grid-template-columns: 1fr;
}
.rb_field > select,
.rb_field > textarea,
.rb_field > input[type="text"],
.rb_field > input[type="number"] {
height: 50px;
padding-left: 10px;
border-radius: 4px;
border: 1px solid #c6c6c6;
font-size: 15px;
font-family: var(--font);
font-weight: 800;
min-width: 10px!important;
}
.rb_field > textarea{
width: 100%;
padding: 10px;
height: unset;
}
.rb_field > input[type="number"] {
width: 100%;
}
.rb_field > input[type="number"]::-webkit-inner-spin-button,
.rb_field > input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.rb_fields > div > h5,
.rb_fields > h5 {
font-size: 20px;
font-weight: 600;
font-family: var(--font);
margin: 0px;
padding: 0px;
}
.rb_field.rb_timepicker {
display: grid;
grid-template-columns: 1fr 20px 1fr;
align-content: center;
justify-content: center;
align-items: center;
justify-items: center;
}
.rb_field.rb_timepicker > select{
width: 100%;
}
.rb_field.rb_timepicker > span{
text-align: center;
font-size: 17px;
font-weight: 700;
}
}
div#offerte {
overflow: visible;
}
.rb_info_banner {
font-family: var(--font);
line-height: 17px;
font-size: 13px;
padding: 9px;
background-color: #292929;
margin-bottom: 10px;
border-radius: 5px;
color: white;
cursor: pointer;
}
.rf_light > .et_pb_code_inner > #app > div.rb_info_banner {
background-color: #2f995d;
}
.rf_light > .et_pb_code_inner > #app > div.rb_content > div.rb_fields >  div.rb_field > *{
background-color: #2f995d;
}
.rf_light > .et_pb_code_inner > #app > div.rb_content > div.rb_fields > div.rb_field > * {
background-color: #63c18c;
border: 0px solid red !important;
border-radius: 1px !important;
color: white !important;
}
.rf_light > .et_pb_code_inner > #app > div.rb_content > div.rb_fields > div.rb_field > *::placeholder{
color: rgba(255, 255, 255, 0.766);
}
.rf_light > .et_pb_code_inner > #app > div.rb_nav > span{
color: white;
}
.rf_light > .et_pb_code_inner > #app > div.rb_nav > button{
background-color: white;
color: black;
border-radius: 2px!important;
}
.rf_light > .et_pb_code_inner > #app > div.rb_content > div.rb_fields > h5{
color: white;
font-size: 15px!important;
display: none!important;
}
.rf_light > .et_pb_code_inner > #app > div.rb_content > div.rb_fields div.rb_outerlabel > p{
padding: 10px!important;
}
.rf_light > .et_pb_code_inner > #app > div.rb_content > div.rb_fields > div.rb_field > button.rb_submit {
background-color: black !important;
}
.rb_toggle_el {
background-color: #d6e4dc;
width: 30px;
height: 16px;
border-radius: 10px;
position: relative;
}
.rb_toggle {
display: flex;
align-content: center;
align-items: center;
gap: 10px;
position: relative;
transition: all 500ms cubic-bezier(0.250, 0.250, 0.200, 1.175); transition-timing-function: cubic-bezier(0.250, 0.250, 0.200, 1.175); }
.rb_toggle > span {
color: black;
font-size: 15px;
font-weight: 500;
cursor: pointer;
}
.rb_toggle_el_inner {
position: absolute;
left: 2px;
top: 2px;
border-radius: 50%;
height: 12px;
width: 12px;
background-color: white;
transition: all 500ms cubic-bezier(0.250, 0.250, 0.200, 1.175); transition-timing-function: cubic-bezier(0.250, 0.250, 0.200, 1.175); }
.rbo_uitvoering_Selected > .rb_toggle_el{
background-color: #30ac66;
}
.rbo_uitvoering_Selected > .rb_toggle_el > .rb_toggle_el_inner{
left: 16px!important;
}
.rf_light > div > #app > .rb_content > .rb_fields > .rb_field > .hideOnEmbedded {
display: none !important;
}
.hideOnEmbedded{
display: none !important;
}
@media only screen and (max-width: 500px) {
.rbo_cargo_space {
line-height: 20px !important;
padding: 7px !important;
border-radius: 4px !important;
}
a.rbo_shortlease_badge {
padding: 8px!important;
grid-template-columns: 1fr 30px!important;
}
.rbosl_cta {
width: 33px!important;
background-position: center!important;
background-size: contain!important;
}
ul#rbo_autoverhuur, ul.rb_grid-item_inline{
grid-template-columns:repeat(auto-fit, minmax(253px, 1fr))!important;
}
.rbo_price > span {
font-size: 19px!important;
}
#rbd_overview{
padding: 0px!important;
}
div.rbd_uitvoering_list {
display: flex!important;
flex-direction: column!important;
}
div.rbd_uitvoering_list > div.rbd_uitvoering_item {
display: grid;
grid-template-columns: 34px 1fr;
padding: 0px!important;
align-content: center;
align-items: center;
height: 36px;
}
div.rbo_call_details {
display: flex;
flex-direction: column;
align-items: stretch;
}
.rbo_call_details > a:nth-child(1){
border-right: 0px solid red!important;
}
div.rbo_call_details > a {
display: flex;
align-items: stretch;
flex-direction: row;
width: 100%;
justify-content: space-between;
}
.rbo_price_wrapper.rbo_shortlease_cta {
display: grid;
grid-template-columns: 1fr 36px;
padding-right: 0px;
padding: 10px;
}
.rbo_price_wrapper.rbo_shortlease_cta > .rbo_cta > svg {
transform: translateX(3px);
}
button.rb_button {
padding: 11px!important;
font-size: 13px!important;
}
.rbd_image_wrapper{
padding: 0px!important;
}
div.rbd_overview{
padding: 0px!important;
}
div.rb_toggle {
margin-bottom: 10px;
}
}.rb_overzicht {
display: grid;
grid-template-columns: repeat(auto-fill , minmax(300px , 1fr));
grid-gap: 25px;
}
.rb_bestemming {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 210px 30px auto 20px auto 40px;
box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;
padding: 20px;
grid-gap: 5px;
border-radius: 4px;
align-items: start;
overflow: hidden;
position:relative;
}
.rb_bestemming > *{
height: 100%;
padding: 0px;
}
.rb_bestemming > h5 {
color: #2FAC66!important;
font-weight: 300;
font-size: 15px;
font-family: univia , sans-serif;
}
.rb_bestemming > h4 {
color: #272727!important;
font-weight: 800;
font-size: 18px;
font-family: univia , sans-serif;
line-height: 26px;
}
.rb_bestemming > span , .rb_bestemming > div{
color: #444;
font-weight: 300;
font-size: 14px;
}
.rb_image {
width: calc(100% + 40px);
margin-left: -20px;
margin-top: -20px;
background-size: cover;
background-position: center;
}
.rb_bestemming > a {
background-color: #2fac66;
float: left;
width: 130px;
position: absolute;
bottom: 0px;
right: 0px;
height: 40px;
color: #fff;
line-height: 40px;
padding-left: 20px;
}
@font-face {
font-family: "Univia";
src: url(https://ringelberg.nl/wp-content/uploads/2022/05/UniviaPro-Black.otf);
}
#rb > h1 > span > strong {
color: #30ac66;
}
#rb > h1 {
text-align: center;
margin-bottom: 20px;
}
.rb_alert {
background-color: #222;
padding: 20px;
color: #fff;
text-align: center;
}
ul#rbo_autoverhuur,
ul.rb_grid-item_inline {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-gap: 20px;
list-style: none;
padding: 0px !important;
}
li.rbo_item,
.rbi_grid-item {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 200px 1fr auto;
background-color: white;
box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
padding: 0px!important;
overflow: hidden;
transition: all 500ms cubic-bezier(0.250, 0.250, 0.000, 1.000); transition-timing-function: cubic-bezier(0.250, 0.250, 0.000, 1.000); max-width: 400px;
}
.rbi_image {
background-color: red;
object-fit: cover;
overflow: hidden;
}
.rbi_image > img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 500ms cubic-bezier(0.250, 0.250, 0.000, 1.000); transition-timing-function: cubic-bezier(0.250, 0.250, 0.000, 1.000); }
.rbi_grid-item:hover > .rbi_image > img {
transform: scale(1.1);
}
.rbi_grid-item:hover {
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.rbi_content {
padding: 20px;
}
.rbi_content > h4{
color: #2fac66;
font-size: 16px;
font-weight: 300;
font-family: univia;
}
.rbi_content > h3{
font-size: 16px;
font-weight: 300;
font-family: univia;
color:grey;
}
.rbi_content > h2{
font-size: 24px;
font-weight: 900;
font-family: univia;
}
.rbi_content > p{
font-size: 16px;
font-weight: 300;
}
.rbi_cta {
display: flex;
flex-direction: column;
flex-direction: column;
align-items: flex-end;
}
.rbi_cta > a{
padding: 10px 20px;
background-color: #2fac66;
color: white;
font-weight: 700;
text-decoration: none;
transform: skew(-9deg, 0deg) translateX(4px);
} .rbo_info > h2 {
font-family: 'Univia';
font-weight: 600;
font-size: 25px;
}
li.rbo_item {
padding: 50px;
}
.rbo_info , .rbo_disclaimer {
padding: 20px;
}
.rbo_badges {}
.rbo_badge {
display: flex;
background-color: #fafafa;
border-radius: 50px;
flex-direction: row;
align-content: center;
align-items: center;
padding: 0px 10px;
gap: 7px;
display: inline-block;
margin-right: 3px;
margin-bottom: 7px;
}
.rbo_badge > img {
width: 15px;
transform: translate(-2px, 2px);
}
.rbo_badge > span {
font-family: 'Univia';
font-weight: 400;
color: grey;
font-size: 12px;
}
.rbo_price_wrapper {
padding: 20px;
background-color: #30ac66;
display: grid;
grid-template-columns: 1fr 60px;
cursor: pointer;
}
.rbo_item:hover{
box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
.rbo_item:hover > .rbo_info > h2{
color: #30ac66;
}
.rbo_item:hover > .rbo_price_wrapper{
background-color: #10954a;
}
.rbo_price_wrapper:hover > .rbo_cta > svg{
transform: translateX(10px);
}
.rbo_cta > svg{
transition: all 500ms cubic-bezier(0.250, 0.250, 0.000, 0.975); transition-timing-function: cubic-bezier(0.250, 0.250, 0.000, 0.975); }
.rbo_info{
cursor:pointer;
}
.rbo_price {
color: white;
display: flex;
flex-direction: column;
transform: translateY(5px);
}
.rbo_shortlease_cta > span,
.rbo_price > span {
font-size: 24px;
font-family: 'Univia';
font-weight: 900;
}
.rbo_shortlease_cta > span{
font-size: 17px;
}
.rbo_price > i {
font-family: 'Univia';
margin-top: 0px;
font-size: 13px;
}
.rbo_cta { border-left: 2px solid #7fe5ab54;
display: flex;
flex-direction: column;
align-items:center;
justify-content: center;
}
.rbo_cta > svg{
transform: translateX(5px);
}
li.rbo_item {
display: grid;
grid-template-rows: auto 1fr auto;
}
.rbo_image_wrapper {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
position:relative;
}
.rb_badge365 {
position: absolute;
width: 40px;
height: 30px;
right: 20px;
bottom: 0px;
background-size: contain;
background-position:center;
background-repeat: no-repeat;
background-image: url(//ringelberg.nl/wp-content/uploads/2024/08/spin.svg);
}
.rbo_badge.rbo_badge_green {
background-color: #30ac66;
}
.rbo_badge.rbo_badge_green > *{
filter: invert(1);
color: black;
}
.rbo_cargo_space {
padding: 15px;
padding-top: 16px;
font-size: 13px;
line-height: 0px;
background-color: #666666;
color: white;
font-family: 'Univia';
border-radius: 20px;
margin-bottom: 10px;
}
.rb_shortlease {
color: white;
background-color: #666666;
display: flex;
padding: 20px;
gap: 10px;
margin-top: 30px;
align-content: center;
align-items: center;
}
.rb_shortlease > img {
width: 40px;
}
.rb_shortlease > p > * {
font-size: 16px;
color: white;
}
.rb_shortlease > p > a {
text-decoration: underline;
font-weight: 500;
}
.rbo_shortlease_badge {
background-color: #666;
padding: 20px;
padding-right: 30px;
color: white;
display: grid;
grid-template-columns: 1fr 60px;
grid-gap: 10px;
margin-top: 40px;
cursor:pointer;
}
.rbo_shortlease_badge:hover{
background-color: #555;
}
.rbo_shortlease_badge > div > strong {
font-size: 20px;
font-weighT: 900;
}
.rbosl_cta {
border-left: 2px solid grey;
background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M15.5857864%2C12%20L7.29289322%2C20.2928932%20C6.90236893%2C20.6834175%206.90236893%2C21.3165825%207.29289322%2C21.7071068%20C7.68341751%2C22.0976311%208.31658249%2C22.0976311%208.70710678%2C21.7071068%20L17.7071068%2C12.7071068%20C18.0976311%2C12.3165825%2018.0976311%2C11.6834175%2017.7071068%2C11.2928932%20L8.70710678%2C2.29289322%20C8.31658249%2C1.90236893%207.68341751%2C1.90236893%207.29289322%2C2.29289322%20C6.90236893%2C2.68341751%206.90236893%2C3.31658249%207.29289322%2C3.70710678%20L15.5857864%2C12%20Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
background-size: 35px;
background-position: center right;
background-repeat: no-repeat;
} .rbd_image_wrapper {
padding: 20px;
box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
border-radius: 3px;
margin-bottom: 5px;
position:relative;
}
.rbd_images_thumbs { width: 100%; display: grid;
grid-template-columns: repeat(auto-fit,minmax(50px , 1fr));
grid-gap: 6px;
margin-top: 7px;
float: left;
margin-bottom: 10px;
}
.rbd_image_thumb {
padding-bottom: 75%;
background-size: cover;
background-position: center;
background-color: #fafafa;
border-radius: 4px;
}
.rbd_overview {
float: left;
padding-right: 20px;
width: 100%;
}
.rbd_image_overlay_wrapper{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
pointer-events: none!important;
}
.rbd_images {
position:absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow: hidden;
background-color: white;
padding: 30px;
}
.rbd_images > img {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 4px;
}
.rbd_modal_overlay {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000000000000000000; pointer-events: none;
transition: all 500ms cubic-bezier(0.250, 0.250, 0.000, 1.000);
transition-timing-function: cubic-bezier(0.250, 0.250, 0.000, 1.000);
}
.rbd_modal_overlay.active{
opacity: 1;
pointer-events: all;
}
.rbd_modal_overlay > img{
max-width: 90%;
background-color: rgb(238, 238, 238)!important;
max-height: 90%;
}
.rbd_uitvoering_item > img {
height: 40px;
}
.rbd_uitvoering_list {
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fit,minmax(70px , 1fr));
grid-gap: 8px;
justify-content: start;
margin-bottom: 9px;
margin-top: 5px;
}
.rbd_uitvoering_item {
display: flex;
background-color: #fafafa;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center;
height: 80px;
border: 1px solid #e6e6e6;
border-radius: 3px;
}
.rbd_uitvoering_item > span {
font-size: 13px;
font-family: 'Univia';
font-weight: 300;
}
.action_ribbon{
position:relative;
}
.action_ribbon.active:after{
width: 120px;
height: 120px;
content:"";
position: absolute;
top: 0px;
right: 0px;
background-image: url(//ringelberg.nl/wp-content/uploads/2024/08/ringelberg-actie.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.r360_tag {
display: flex;
gap: 6px;
flex-direction: row-reverse;
}
.r360_tag > span {
font-family: 'Univia';
font-weight: 300;
font-size: 13px;
line-height: 27px;
}
.rboa_dvider,
.rbo_call_details,
.rbo_price_wrapper.rbo_shortlease_cta {
margin-top: 20px;
margin-left: -25px;
width: calc(100% + 50px);
margin-bottom: -25px;
}
.rbo_price_wrapper.rbo_shortlease_cta > span{
font-size: 18px;
}
.rbo_call_details {
background-color: #bbb;
color: white;
display: grid;
grid-template-columns: 1fr 1fr;
padding: 9px 4px;
overflow: hidden;
}
.rbo_call_details > a{
padding: 7px;
color: black;
text-decoration: none;
font-family: univia!important;
font-weight: 300;
display: flex;
align-items: center;
justify-content: center;
gap: 2px;
font-size: 13px;
flex-direction: row;
}
.rbo_call_details > a:nth-child(1){
border-right: 1px solid #555;
}
.rboa_dvider{
background-color: white;
height: 20px;
}
.rbsl_step {
background-color: rgb(240, 240, 240);
z-index: -1;
display: grid;
grid-template-columns: 70px 1fr;
height: 70px;
margin-bottom: 30px;
}
.rbsl_step > h4 {
color: white;
background-color: #30ac66;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
align-items: center;
justify-content: center;
line-height: 40px;
}
.rbsl_step > h4 > span {
font-family: 'Univia';
font-weight: 600;
transform: translate(0px , 1px);
}
.rbsl_step > * {
padding: 0px!important;
}
.rbsl_step > h5 {
font-size: 16px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
align-items: center;
justify-content: flex-start;
padding-left: 20px!important;
float: left;
gap: 5px;
font-family: 'Univia';
font-weight: 400;
} @media screen and (max-width: 768px) {
.rbsl_step > h5 {
padding-left: 0px!important;
}
.rbsl_step > h4 {
padding-left: 20px!important;
}
.rbd_image_wrapper {
padding: 10px;
}
}
.rf_light > .et_pb_code_inner > #app > div.rb_content > div.rb_fields > div.rb_field > div.rb_toggles > div.rb_toggle > span {
color: white;
font-weight: 600;
}
.rf_light > .et_pb_code_inner > #app > div.rb_content > div.rb_fields > div.rb_field > div.rb_toggles > .rb_toggle {
padding-left: 11px;
}
.rf_light > .et_pb_code_inner > #app > div.rb_content > div.rb_fields > div.rb_field > div.rb_toggles{
padding-bottom: 10px;
}
.rf_light > .et_pb_code_inner > #app > div.rb_content > div.rb_fields > div.rb_field > div.rb_toggles > .rb_toggle > .rb_toggle_el {
background-color: #4e4e4e4a;
}
.rf_light > .et_pb_code_inner > #app > div.rb_content > div.rb_fields > div.rb_field > div.rb_toggles > .rb_toggle.rbo_uitvoering_Selected > .rb_toggle_el {
background-color: #008038;
}#ruw_breadcrumbs > span > span > a{
color: rgba(255, 255, 255, 0.898);
font-family: univia;
font-size: 15px;
}
#ruw_breadcrumbs > span > .breadcrumb_last{
font-size: 15px;
font-family: univia;
color: white;
font-weight: 800;
}.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-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .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>[data-da-area] .et_pb_contact_select{-moz-appearance:textfield}#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(//ringelberg.nl/wp-content/plugins/popups-for-divi/images/spin.gif),-o-radial-gradient(center,circle,#fff 65%,#fff0 66%)!important;background-image:url(//ringelberg.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}