.elementor-kit-4{--e-global-color-primary:#C9A227;--e-global-color-secondary:#E3C766;--e-global-color-text:rgba(255,255,255,0.72);--e-global-color-accent:#FFFFFF;--e-global-color-ktoink:#0B0D10;--e-global-color-ktopanel:#12151A;--e-global-color-ktocard:#171B21;--e-global-color-ktocard2:#1D222A;--e-global-color-ktodeep:#060709;--e-global-color-ktoline:rgba(255,255,255,0.10);--e-global-color-ktodim:rgba(255,255,255,0.56);--e-global-typography-primary-font-family:"Fraunces";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Fraunces";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:600;background-color:#0B0D10;color:rgba(255,255,255,0.72);font-family:"Inter", Sans-serif;font-size:17px;line-height:1.68em;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:#C9A227;font-family:"Inter", Sans-serif;font-size:15.4px;font-weight:600;color:#0B0D10;border-style:solid;border-width:1.5px 1.5px 1.5px 1.5px;border-color:rgba(0,0,0,0);border-radius:10px 10px 10px 10px;}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{background-color:#E3C766;color:#0B0D10;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:#E3C766;}.elementor-kit-4 a:hover{color:#C9A227;}.elementor-kit-4 h1{color:#FFFFFF;font-family:"Fraunces", Sans-serif;font-weight:600;}.elementor-kit-4 h2{color:#FFFFFF;font-family:"Fraunces", Sans-serif;font-weight:600;}.elementor-kit-4 h3{color:#FFFFFF;font-family:"Fraunces", Sans-serif;font-weight:600;}.elementor-kit-4 h4{color:#FFFFFF;font-family:"Inter", Sans-serif;font-weight:600;}.elementor-kit-4 h5{color:#FFFFFF;font-family:"Inter", Sans-serif;font-weight:600;}.elementor-kit-4 h6{color:#FFFFFF;font-family:"Inter", Sans-serif;font-weight:600;}.elementor-kit-4 img{border-style:none;border-radius:14px 14px 14px 14px;}.elementor-kit-4 label{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:14.5px;font-weight:600;}.elementor-kit-4 input:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea,.elementor-kit-4 .elementor-field-textual{font-family:"Inter", Sans-serif;font-size:16px;color:#FFFFFF;background-color:#1D222A;border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(255,255,255,0.10);border-radius:9px 9px 9px 9px;}.elementor-kit-4 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea:focus,.elementor-kit-4 .elementor-field-textual:focus{background-color:#1D222A;box-shadow:0px 0px 0px 3px rgba(201,162,39,0.14);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1180px;}.e-con{--container-max-width:1180px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:rgba(6,7,9,0.94);--lightbox-ui-color:rgba(255,255,255,0.72);--lightbox-ui-color-hover:#E3C766;--lightbox-text-color:#FFFFFF;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Ketels Occasions: globale regels. Deels verplicht (zie de valkuilenlijst). */
body{background:#0B0D10;color:rgba(255,255,255,0.72)}
/* de globale beeld-radius mag niet op het logo of op de review-avatars slaan */
.elementor-location-header img,.elementor-location-footer img{border-radius:0}
.ti-widget img{border-radius:50%}
/* knop-iconen exact centreren: de inline SVG staat op de tekst-baseline en oogt
   daardoor te hoog; flex-centrering lost dat structureel op */
.elementor-button .elementor-button-content-wrapper{display:flex;align-items:center;justify-content:center;gap:10px}
.elementor-button .elementor-button-icon{display:flex;align-items:center}
.elementor-button .elementor-button-icon svg{display:block;height:1em;width:auto}
/* zelfde verhaal voor het losse icoon-widget: het glyph staat op de tekst-baseline,
   waardoor het element ruimte onder het icoon reserveert en het icoon in een rij op
   align-items:center te laag of te hoog uitkomt. Niet compenseren met een marge. */
.elementor-widget-icon .elementor-icon{display:flex;align-items:center;justify-content:center;line-height:1}
.elementor-widget-icon .elementor-icon svg,.elementor-widget-icon .elementor-icon i{display:block}
/* mobiel: lange woorden en e-mailadressen netjes afbreken */
@media(max-width:767px){h1,h2,h3{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}}
p a,li a{overflow-wrap:anywhere}
/* een link in lopende tekst mag niet alleen aan kleur herkenbaar zijn */
   Niet alleen p a en li a: een tekstwidget die alleen uit een link bestaat zet
   de a rechtstreeks in de widget, en die viel er dan buiten. */
.elementor-widget-text-editor a{text-decoration:underline;text-underline-offset:2px}
/* Elementor-formuliervelden steken enkele pixels uit hun kader */
.elementor-field-group{min-width:0}
.elementor-form .elementor-form-fields-wrapper{max-width:100%}
/* header boven de pagina-inhoud houden, anders valt het uitklapmenu erachter */
.elementor-location-header{position:relative;z-index:999}
.elementor-location-header .e-con,.elementor-location-header .e-con-inner{overflow:visible}
.elementor-nav-menu--dropdown,.elementor-nav-menu .sub-menu{z-index:1000}
/* Elementors frontend.min.css zet zelf scroll-behavior:smooth op html. Daardoor
       voert Chrome de sprong naar een #anker niet uit (live nagemeten: scrollY blijft 0,
       ook na window.scrollTo). Wij zetten hem terug op auto, dan werkt /contact/#afspraak. */
html{scroll-behavior:auto!important}
/* sticky header dekt anders de bovenkant van het ankerdoel af */
[id]{scroll-margin-top:104px}
::selection{background:#C9A227;color:#0B0D10}
/* zichtbare focus voor toetsenbordgebruik */
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #E3C766;outline-offset:3px;border-radius:6px}
/* Mobilox-voorraadmodule: brengt eigen CSS mee voor een lichte achtergrond */
.kto-voorraad{color:rgba(255,255,255,0.72)}
.kto-voorraad a{color:#E3C766}
.kto-voorraad h1,.kto-voorraad h2,.kto-voorraad h3,.kto-voorraad h4{color:#FFFFFF}
.kto-voorraad img{max-width:100%;height:auto}
/* Mobilox gebruikt Bootstrap-rijen met negatieve marges (-15px). Nu het kader eromheen
   weg is, stak dat op tablet 15px buiten het scherm; deze binnenruimte vangt dat op. */
.kto-voorraad{padding-left:15px;padding-right:15px;overflow-x:clip}
/* formulier op /inruilen/ */
.elementor-field-group>label{color:#FFFFFF;font-size:.86rem;font-weight:600;margin-bottom:6px}
.elementor-field-textual{background:#1D222A!important;border:1px solid rgba(255,255,255,0.10)!important;color:#fff!important;border-radius:9px!important}
.elementor-field-textual::placeholder{color:rgba(255,255,255,.56)!important}
.elementor-field-type-acceptance .elementor-field-option label{color:rgba(255,255,255,0.72);font-weight:400}
.elementor-message.elementor-message-success{color:#E3C766}/* End custom CSS */