.elementor-18 .elementor-element.elementor-element-dc5c8c0{--display:flex;--min-height:462px;--justify-content:flex-end;--margin-top:-9%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:3%;--padding-left:0%;--padding-right:0%;}.elementor-18 .elementor-element.elementor-element-b1179e9{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-de7ff3f{--display:flex;--margin-top:5%;--margin-bottom:7%;--margin-left:0%;--margin-right:0%;}.elementor-18 .elementor-element.elementor-element-39fa2f8{background-color:var( --e-global-color-05da9c3 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-dc5c8c0{--min-height:300px;--margin-top:-35%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for container, class: .elementor-element-dc5c8c0 */.animated-mesh-gradient-background{

background-color:hsla(222,51%,6%,1);
background-image:
radial-gradient(at 1% 94%, hsla(341,88%,50%,1) 0px, transparent 50%),
radial-gradient(at 93% 14%, hsla(195,71%,82%,1) 0px, transparent 50%);


    animation: animatedgradient 10s ease infinite;
    background-size: 200% 200%;
}


@keyframes animatedgradient {
	0% {
		background-position: 0% 25%;
	}
	25% {
		background-position: 100% 50%;
	}
	50% {
		background-position: 50% 75%;
	}
	75% {
		background-position: 25% 25%;
	}
	100% {
		background-position: 0% 25%;
	}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39fa2f8 *//* ==========================================================================
   GRIB AUTOMOTIVE - voorraadmodule, alleen kleuren
   Deze versie raakt de indeling NIET aan. Geen enkele regel over breedte,
   display, grid, flex of float. De module houdt zijn eigen layout.
   ========================================================================== */

/* ---------- 1. Alle witte vlakken weg ---------- */

#svm-canvas,
#svm-canvas-content,
#svm-canvas-content #pageContainer,
#svm-canvas-content #pageSidebar,
#svm-canvas-content #pageContent,
#svm-canvas-content #stockContainer,
#svm-canvas-content #stock,
#svm-canvas-content .resultsTable,
#svm-canvas-content .navigation,
#svm-canvas-content .sort,
#svm-canvas-content .actions,
#svm-canvas-content #detailsContainer,
#svm-canvas-content .mainBlocks,
#svm-canvas-content #svm-blocks,
#svm-canvas-content section,
#svm-canvas-content .blockContent,
#svm-canvas-content .specsBlock{
  background:transparent !important;
  background-color:transparent !important;
}

/* ---------- 2. Alle tekst licht ---------- */

#svm-canvas,
#svm-canvas-content,
#svm-canvas-content div,
#svm-canvas-content span,
#svm-canvas-content p,
#svm-canvas-content li,
#svm-canvas-content td,
#svm-canvas-content h1,
#svm-canvas-content h2,
#svm-canvas-content h3,
#svm-canvas-content h4,
#svm-canvas-content label{
  color:#EEF3F9 !important;
}

/* bijzaken wat rustiger */
#svm-canvas-content .svm-label,
#svm-canvas-content .separator,
#svm-canvas-content .text,
#svm-canvas-content .saveCompare,
#svm-canvas-content .saveCompare span{
  color:#93A5BC !important;
}

#svm-canvas-content a{color:#9CD8EE !important;text-decoration:none}
#svm-canvas-content a:hover{color:#fff !important}

/* ---------- 3. De kaarten ---------- */

#svm-canvas-content .vehicleTile{
  background:linear-gradient(150deg,#16243B 0%,#0B1524 78%) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:14px !important;
  box-shadow:none !important;
  overflow:hidden;
}
#svm-canvas-content .vehicleTile:hover{
  border-color:rgba(156,216,238,.3) !important;
}

/* titel van de auto */
#svm-canvas-content .mmt,
#svm-canvas-content .mmt a{color:#fff !important}
#svm-canvas-content .mmt a:hover{color:#9CD8EE !important}

/* specificaties */
#svm-canvas-content .specs,
#svm-canvas-content .desc_spec{color:#93A5BC !important}

/* prijs */
#svm-canvas-content .svm-prices,
#svm-canvas-content .svm-price,
#svm-canvas-content .price_with_currency{
  color:#fff !important;
  background:transparent !important;
}

/* fototeller over de foto */
#svm-canvas-content .svm-photoCount{
  background:rgba(8,14,24,.76) !important;
  color:#fff !important;
  border-radius:60px !important;
}

/* ---------- 4. Knoppen ---------- */

#svm-canvas-content .button,
#svm-canvas-content .navButton,
#svm-canvas-content .detailsButton{
  background:#F01256 !important;
  background-color:#F01256 !important;
  color:#fff !important;
  border:1px solid #F01256 !important;
  border-radius:60px !important;
  text-shadow:none !important;
}
#svm-canvas-content .button:hover,
#svm-canvas-content .navButton:hover,
#svm-canvas-content .detailsButton:hover{
  background:#C40E45 !important;
  border-color:#C40E45 !important;
  color:#fff !important;
}

/* de tweede knop in een kaart wordt een omlijnde knop */
#svm-canvas-content .actionButtons .button + .button{
  background:transparent !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.34) !important;
}
#svm-canvas-content .actionButtons .button + .button:hover{
  background:rgba(255,255,255,.1) !important;
  border-color:#fff !important;
}

/* ---------- 5. Pager ---------- */

#svm-canvas-content .pager .page{
  background:rgba(255,255,255,.05) !important;
  color:#93A5BC !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:60px !important;
}
#svm-canvas-content .pager .page:hover{
  background:rgba(255,255,255,.1) !important;
  color:#fff !important;
}
#svm-canvas-content .pager .page.current{
  background:#F01256 !important;
  border-color:#F01256 !important;
  color:#fff !important;
}

/* ---------- 6. Velden, dropdowns en filters ---------- */

#svm-canvas-content input,
#svm-canvas-content select,
#svm-canvas-content textarea,
#svm-canvas-content .selectboxit,
#svm-canvas-content .selectboxit-container .selectboxit{
  background:rgba(255,255,255,.05) !important;
  background-color:rgba(255,255,255,.05) !important;
  color:#EEF3F9 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:8px !important;
}
#svm-canvas-content .selectboxit-text,
#svm-canvas-content .selectboxit-arrow-container{color:#EEF3F9 !important}
#svm-canvas-content .selectboxit-options{
  background:#101B2C !important;
  border:1px solid rgba(156,216,238,.22) !important;
}
#svm-canvas-content .selectboxit-option-anchor{color:#93A5BC !important}
#svm-canvas-content .selectboxit-option:hover .selectboxit-option-anchor,
#svm-canvas-content .selectboxit-selected .selectboxit-option-anchor{
  background:rgba(156,216,238,.14) !important;color:#fff !important;
}
#svm-canvas-content input[type=checkbox]{accent-color:#F01256}

/* ---------- 7. Detailpagina ---------- */

#svm-canvas-content #hcontact-block,
#svm-canvas-content .svm-block{
  background:linear-gradient(150deg,#16243B 0%,#0B1524 78%) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:14px !important;
}
#svm-canvas-content #hprice{
  background:linear-gradient(150deg,#1A2B44 0%,#0A1524 100%) !important;
  border:1px solid rgba(156,216,238,.22) !important;
  border-radius:12px !important;
}
#svm-canvas-content #hprice .price_with_currency{color:#fff !important}

/* lijnen tussen de regels */
#svm-canvas-content .mainSpecsBlock li,
#svm-canvas-content .specsList li,
#svm-canvas-content .svm-block h3{
  border-color:rgba(255,255,255,.09) !important;
}

/* kentekenplaat blijft geel */
#svm-canvas-content .license_nl{
  background:#F6D200 !important;
  color:#0B1422 !important;
  border-radius:4px !important;
}

/* het NAP-logo is een plaatje op wit, geef het een eigen vlakje */
#svm-canvas-content img.garantie{
  background:#fff !important;
  border-radius:2px !important;
  padding:1px !important;
}

/* ---------- 8. Pop-ups ---------- */

#svm-canvas-content .popin,
#svm-canvas-content .modal-inner,
#svm-canvas-content .genericPopin{
  background:#101B2C !important;
  color:#EEF3F9 !important;
  border:1px solid rgba(156,216,238,.22) !important;
  border-radius:14px !important;
}

/* ---------- 9. Losse lijnen en scheidingen ---------- */

#svm-canvas-content hr,
#svm-canvas-content .navigation,
#svm-canvas-content .separator{
  border-color:rgba(255,255,255,.09) !important;
}
#svm-canvas-content ::selection{background:#F01256;color:#fff}
/* ---------- 10. Ruimte binnen de blokken op de detailpagina ---------- */

#svm-canvas-content #hcontact-block{
  box-sizing:border-box !important;
  padding:28px 30px !important;
}
#svm-canvas-content .svm-block{
  box-sizing:border-box !important;
  padding:26px 30px !important;
}
#svm-canvas-content #hprice{
  box-sizing:border-box !important;
  padding:20px 24px !important;
}

/* de kop in een blok iets meer lucht geven */
#svm-canvas-content #svm-blocks h3{
  padding-bottom:14px !important;
  margin-bottom:18px !important;
}

/* op mobiel iets minder, anders blijft er weinig ruimte over voor de tekst */
@media(max-width:600px){
  #svm-canvas-content #hcontact-block,
  #svm-canvas-content .svm-block{padding:22px 20px !important}
}/* End custom CSS */