.elementor-3406 .elementor-element.elementor-element-4c6284e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--overlay-opacity:0.68;--margin-top:0px;--margin-bottom:-100px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:20px;--padding-right:20px;}.elementor-3406 .elementor-element.elementor-element-4c6284e1:not(.elementor-motion-effects-element-type-background), .elementor-3406 .elementor-element.elementor-element-4c6284e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.auto-motorhuis.nl/wp-content/uploads/2026/07/camper.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3406 .elementor-element.elementor-element-4c6284e1:hover{background-color:var( --e-global-color-primary );}.elementor-3406 .elementor-element.elementor-element-4c6284e1::before, .elementor-3406 .elementor-element.elementor-element-4c6284e1 > .elementor-background-video-container::before, .elementor-3406 .elementor-element.elementor-element-4c6284e1 > .e-con-inner > .elementor-background-video-container::before, .elementor-3406 .elementor-element.elementor-element-4c6284e1 > .elementor-background-slideshow::before, .elementor-3406 .elementor-element.elementor-element-4c6284e1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3406 .elementor-element.elementor-element-4c6284e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(50deg, var( --e-global-color-primary ) 46%, var( --e-global-color-secondary ) 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3406 .elementor-element.elementor-element-5a1d78fa .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:1.4em;font-weight:400;color:var( --e-global-color-secondary );}.elementor-3406 .elementor-element.elementor-element-6b4083da .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:4em;font-weight:400;color:var( --e-global-color-92b6dfd );}.elementor-3406 .elementor-element.elementor-element-16c4a6c2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3406 .elementor-element.elementor-element-b335fa5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3406 .elementor-element.elementor-element-ec37b87{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3406 .elementor-element.elementor-element-260f3dc2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3406 .elementor-element.elementor-element-655bc7fd{columns:2;column-gap:40px;font-family:"Manrope", Sans-serif;font-size:1em;font-weight:400;line-height:1.8em;}@media(min-width:768px){.elementor-3406 .elementor-element.elementor-element-ec37b87{--width:100%;}}@media(max-width:767px){.elementor-3406 .elementor-element.elementor-element-4c6284e1:not(.elementor-motion-effects-element-type-background), .elementor-3406 .elementor-element.elementor-element-4c6284e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom right;}.elementor-3406 .elementor-element.elementor-element-4c6284e1{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-3406 .elementor-element.elementor-element-655bc7fd{columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-79d4a4f *//* ==========================================================
   BUSVERHUUR ZOEKFUNCTIE – VIK RENT CAR
   Voeg de class "busverhuur-search" toe aan de buitenste
   Elementor-widget of container.
   ========================================================== */

.busverhuur-search {
    --search-primary: #e9510e;
    --search-primary-hover: #c94309;
    --search-text: #1d1d1b;
    --search-muted: #6b6b6b;
    --search-border: #d8d8d8;
    --search-background: #ffffff;
    --search-field-background: #f7f7f7;
    --search-radius: 4px;
    --search-transition: 0.2s ease;

    width: 100%;
    max-width: none;
    color: var(--search-text);
    font-family: inherit;
}

/* Zorgt dat padding en borders binnen de breedte blijven */
.busverhuur-search,
.busverhuur-search *,
.busverhuur-search *::before,
.busverhuur-search *::after {
    box-sizing: border-box;
}

/* Elementor-omsluiting */
.busverhuur-search.elementor-element,
.busverhuur-search > .elementor-widget-container {
    width: 100%;
    max-width: none;
}

/* Formulier behoudt de oorspronkelijke plugin-layout */
.busverhuur-search form {
    width: 100%;
    max-width: none;
    margin: 0;
}

/* Buitenste zoekbox */
.busverhuur-search .vrcdivsearch {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 24px;

    background: var(--search-background);
    border: 1px solid var(--search-border);
    border-radius: var(--search-radius);
    box-shadow: 0 4px 18px rgb(0 0 0 / 7%);
}

/* ==========================================================
   VELDCONTAINERS
   ========================================================== */

.busverhuur-search .vrcdivsearch .vrcsfentrylabsel {
    min-width: 0;
    color: var(--search-text);
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

/* Labels */
.busverhuur-search .vrcdivsearch label,
.busverhuur-search .vrcdivsearch .vrcsfentrylabsel > label {
    display: block;
    width: 100%;
    margin: 0 0 7px;

    color: var(--search-text);
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

/* ==========================================================
   ALGEMENE INVOERVELDEN
   ========================================================== */

.busverhuur-search .vrcdivsearch input[type="text"],
.busverhuur-search .vrcdivsearch input[type="search"],
.busverhuur-search .vrcdivsearch input[type="date"],
.busverhuur-search .vrcdivsearch input[type="number"],
.busverhuur-search .vrcdivsearch input[type="email"],
.busverhuur-search .vrcdivsearch input[type="tel"],
.busverhuur-search .vrcdivsearch select,
.busverhuur-search .vrcdivsearch textarea {
    min-height: 50px;
    margin: 0;
    padding: 11px 14px;

    color: var(--search-text);
    background-color: var(--search-field-background);
    border: 1px solid var(--search-border);
    border-radius: var(--search-radius);
    outline: none;

    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;

    transition:
        border-color var(--search-transition),
        background-color var(--search-transition),
        box-shadow var(--search-transition);
}

/* Placeholder */
.busverhuur-search .vrcdivsearch input::placeholder,
.busverhuur-search .vrcdivsearch textarea::placeholder {
    color: var(--search-muted);
    opacity: 1;
}

/* Hover */
.busverhuur-search .vrcdivsearch input:hover,
.busverhuur-search .vrcdivsearch select:hover,
.busverhuur-search .vrcdivsearch textarea:hover {
    border-color: #ababab;
}

/* Focus */
.busverhuur-search .vrcdivsearch input:focus,
.busverhuur-search .vrcdivsearch select:focus,
.busverhuur-search .vrcdivsearch textarea:focus {
    background-color: #ffffff;
    border-color: var(--search-primary);
    box-shadow: 0 0 0 3px rgb(233 81 14 / 14%);
}

/* ==========================================================
   DATUMVELDEN
   ========================================================== */

.busverhuur-search .vrcdivsearch .vrcsfentrydate {
    position: relative;
    display: flex;
    align-items: center;

    width: 100%;
    min-width: 0;
    min-height: 50px;
    margin: 0;
}

/* Datuminput */
.busverhuur-search .vrcdivsearch .vrcsfentrydate input,
.busverhuur-search .vrcdivsearch .vrcsfentrydate input[type="text"] {
    display: block;
    width: 100%;
    height: 50px;
    min-height: 50px;
    margin: 0;
    padding: 11px 48px 11px 14px;

    color: var(--search-text);
    background-color: var(--search-field-background);
    border: 1px solid var(--search-border);
    border-radius: var(--search-radius);
    outline: none;

    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

/* Kalendericoon */
.busverhuur-search .vrcdivsearch .vrcsfentrydate > i {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 15px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;

    color: var(--search-muted);
    font-size: 16px;
    line-height: 1;
    pointer-events: none;

    transform: translateY(-50%);
}

/* Alternatieve kalenderwrapper */
.busverhuur-search
.vrcdivsearch
.vrcsfentrydate
> span[class*="calendar"] {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 15px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;
    line-height: 1;

    transform: translateY(-50%);
}

/* Alternatief wanneer het icoon niet direct onder de datumcontainer staat */
.busverhuur-search
.vrcdivsearch
.vrcsfentrydate
[class*="calendar"] {
    color: var(--search-muted);
}

/* ==========================================================
   SELECTVELDEN
   ========================================================== */

.busverhuur-search .vrcdivsearch select {
    width: 100%;
    padding-right: 42px;

    background-image:
        linear-gradient(
            45deg,
            transparent 50%,
            var(--search-text) 50%
        ),
        linear-gradient(
            135deg,
            var(--search-text) 50%,
            transparent 50%
        );

    background-position:
        calc(100% - 19px) 50%,
        calc(100% - 14px) 50%;

    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;

    appearance: none;
}

/* ==========================================================
   ZOEKNOP
   ========================================================== */

.busverhuur-search .vrcdivsearch button,
.busverhuur-search .vrcdivsearch input[type="submit"],
.busverhuur-search .vrcdivsearch .btn {
    min-height: 50px;
    padding: 12px 26px;

    color: #ffffff;
    background-color: var(--search-primary);
    border: 1px solid var(--search-primary);
    border-radius: var(--search-radius);
    cursor: pointer;

    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;

    transition:
        background-color var(--search-transition),
        border-color var(--search-transition),
        box-shadow var(--search-transition),
        transform var(--search-transition);
}

/* Hover zoekknop */
.busverhuur-search .vrcdivsearch button:hover,
.busverhuur-search .vrcdivsearch input[type="submit"]:hover,
.busverhuur-search .vrcdivsearch .btn:hover {
    color: #ffffff;
    background-color: var(--search-primary-hover);
    border-color: var(--search-primary-hover);
    box-shadow: 0 5px 14px rgb(0 0 0 / 14%);
    transform: translateY(-1px);
}

/* Toetsenbordfocus */
.busverhuur-search .vrcdivsearch button:focus-visible,
.busverhuur-search
.vrcdivsearch
input[type="submit"]:focus-visible {
    outline: 3px solid rgb(233 81 14 / 25%);
    outline-offset: 3px;
}

/* ==========================================================
   CHECKBOXES EN RADIOBUTTONS
   ========================================================== */

.busverhuur-search .vrcdivsearch input[type="checkbox"],
.busverhuur-search .vrcdivsearch input[type="radio"] {
    width: 18px;
    height: 18px;
    margin: 0 7px 0 0;
    accent-color: var(--search-primary);
}

/* ==========================================================
   FOUTMELDINGEN
   ========================================================== */

.busverhuur-search .vrcdivsearch .error,
.busverhuur-search .vrcdivsearch .validation-error,
.busverhuur-search .vrcdivsearch .invalid-feedback {
    display: block;
    margin-top: 6px;
    color: #c80000;
    font-size: 13px;
}

/* ==========================================================
   MOBIEL
   ========================================================== */

@media (max-width: 767px) {
    .busverhuur-search .vrcdivsearch {
        width: 100%;
        padding: 18px;
    }

    .busverhuur-search .vrcdivsearch input[type="text"],
    .busverhuur-search .vrcdivsearch input[type="search"],
    .busverhuur-search .vrcdivsearch input[type="date"],
    .busverhuur-search .vrcdivsearch input[type="number"],
    .busverhuur-search .vrcdivsearch input[type="email"],
    .busverhuur-search .vrcdivsearch input[type="tel"],
    .busverhuur-search .vrcdivsearch select,
    .busverhuur-search .vrcdivsearch textarea {
        width: 100%;
    }

    .busverhuur-search .vrcdivsearch button,
    .busverhuur-search .vrcdivsearch input[type="submit"],
    .busverhuur-search .vrcdivsearch .btn {
        width: 100%;
    }
}

/* ==========================================
   Alle buttons in VikRentCar oranje
   ========================================== */

.busverhuur-search .vrcdivsearch button,
.busverhuur-search .vrcdivsearch input[type="submit"],
.busverhuur-search .vrcdivsearch input[type="button"],
.busverhuur-search .vrcdivsearch .btn,
.busverhuur-search .vrcdivsearch .button,
.busverhuur-search .vrcdivsearch a.btn,
.busverhuur-search .vrcdivsearch .vrcbtn,
.busverhuur-search .vrcdivsearch .vrc-button {
    background: #e9510e !important;
    border-color: #e9510e !important;
    color: #fff !important;
    box-shadow: none;
}

.busverhuur-search .vrcdivsearch button:hover,
.busverhuur-search .vrcdivsearch input[type="submit"]:hover,
.busverhuur-search .vrcdivsearch input[type="button"]:hover,
.busverhuur-search .vrcdivsearch .btn:hover,
.busverhuur-search .vrcdivsearch .button:hover,
.busverhuur-search .vrcdivsearch a.btn:hover,
.busverhuur-search .vrcdivsearch .vrcbtn:hover,
.busverhuur-search .vrcdivsearch .vrc-button:hover {
    background: #cf470d !important;
    border-color: #cf470d !important;
    color: #fff !important;
}

/* Reserveer nu-knop */
.busverhuur-search input[type="submit"].btn.booknow.vrc-pref-color-btn,
.busverhuur-search .booknow,
.busverhuur-search .vrc-pref-color-btn {
    background: #e9510e !important;
    background-color: #e9510e !important;
    border-color: #e9510e !important;
    color: #ffffff !important;
}

/* Hover */
.busverhuur-search input[type="submit"].btn.booknow.vrc-pref-color-btn:hover,
.busverhuur-search .booknow:hover,
.busverhuur-search .vrc-pref-color-btn:hover {
    background: #c94309 !important;
    background-color: #c94309 !important;
    border-color: #c94309 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-655bc7fd */.seo_tekst h1, .seo_tekst h2, .seo_tekst h3{
    font-size: 1.4em;
}/* End custom CSS */