.elementor-kit-6{--e-global-color-primary:#0C2855;--e-global-color-secondary:#F2C03E;--e-global-color-text:#46526A;--e-global-color-accent:#1A4A90;--e-global-color-csdeep:#071A3D;--e-global-color-csink:#14213D;--e-global-color-csgoldd:#E3AE22;--e-global-color-cslight:#F4F6F9;--e-global-color-csline:#E2E7EF;--e-global-color-csmuted:#5B6479;--e-global-color-cswhite:#FFFFFF;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Plus Jakarta Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Plus Jakarta Sans";--e-global-typography-accent-font-weight:700;--e-global-typography-csscript-font-family:"Caveat";--e-global-typography-csscript-font-weight:600;background-color:#FFFFFF;color:#46526A;font-family:"Plus Jakarta Sans", Sans-serif;font-size:17px;font-weight:400;line-height:1.7em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#F2C03E;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:700;line-height:1.2em;color:#0C2855;border-radius:6px 6px 6px 6px;padding:16px 26px 16px 26px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#E3AE22;color:#0C2855;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:16px;}.elementor-kit-6 a{color:#1A4A90;}.elementor-kit-6 a:hover{color:#0C2855;}.elementor-kit-6 h1{color:#14213D;font-family:"Plus Jakarta Sans", Sans-serif;font-size:56px;font-weight:800;line-height:1.08em;letter-spacing:-1.2px;}.elementor-kit-6 h2{color:#14213D;font-family:"Plus Jakarta Sans", Sans-serif;font-size:40px;font-weight:800;line-height:1.15em;letter-spacing:-0.8px;}.elementor-kit-6 h3{color:#14213D;font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:700;line-height:1.3em;letter-spacing:-0.2px;}.elementor-kit-6 h4{color:#14213D;font-family:"Plus Jakarta Sans", Sans-serif;font-size:17px;font-weight:700;line-height:1.4em;}.elementor-kit-6 h5{color:#14213D;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:700;line-height:1.45em;}.elementor-kit-6 h6{color:#1A4A90;font-family:"Plus Jakarta Sans", Sans-serif;font-size:13px;font-weight:800;line-height:1.3em;letter-spacing:2.4px;}.elementor-kit-6 img{border-radius:0px 0px 0px 0px;}.elementor-kit-6 label{color:#14213D;font-family:"Plus Jakarta Sans", Sans-serif;font-size:14.5px;font-weight:700;line-height:1.4em;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;color:#14213D;background-color:#FFFFFF;border-radius:6px 6px 6px 6px;padding:13px 16px 13px 16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:0px;--container-default-padding-right:28px;--container-default-padding-bottom:0px;--container-default-padding-left:28px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6 h1{font-size:44px;}.elementor-kit-6 h2{font-size:34px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:32px;--container-default-padding-bottom:0px;--container-default-padding-left:32px;}}@media(max-width:767px){.elementor-kit-6{font-size:16px;}.elementor-kit-6 h1{font-size:34px;}.elementor-kit-6 h2{font-size:28px;}.elementor-kit-6 h3{font-size:19px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:16px;--container-default-padding-bottom:0px;--container-default-padding-left:16px;}}
/* Start custom CSS *//* =====================================================================
   Cannelure Specialist: centrale CSS (Elementor Site Settings > Custom CSS)
   Opbouw: basis, knoppen, header, hero, secties, kaarten, band, stappen,
   CTA, FAQ, formulier, footer, juridisch, responsive.
   ===================================================================== */
:root{--cs-navy:#0C2855;--cs-deep:#071A3D;--cs-blue:#1A4A90;--cs-gold:#F2C03E;--cs-gold-d:#E3AE22;
--cs-ink:#14213D;--cs-text:#46526A;--cs-muted:#5B6479;--cs-light:#F4F6F9;--cs-line:#E2E7EF;--cs-r:8px;
--cs-shadow:0 1px 2px rgba(12,40,85,.06),0 8px 24px rgba(12,40,85,.08)}
html,body{overflow-x:clip}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
::selection{background:var(--cs-gold);color:var(--cs-navy)}
.elementor a:focus-visible,.elementor button:focus-visible,.elementor summary:focus-visible,
.elementor input:focus-visible,.elementor select:focus-visible,.elementor textarea:focus-visible{outline:3px solid var(--cs-gold);outline-offset:3px;border-radius:4px}
.elementor-widget-text-editor p:last-child{margin-bottom:0}
.elementor-widget-text-editor a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.elementor-widget-text-editor a:hover{text-decoration-thickness:2px}
#content{scroll-margin-top:96px}
.elementor h1.elementor-heading-title,.elementor h2.elementor-heading-title{text-wrap:balance}
.cs-form .elementor-field-type-upload input[type=file]::file-.elementor-kit-6-button{font:inherit;font-weight:700;background:#fff;color:var(--cs-navy);border:1.5px solid var(--cs-navy);border-radius:6px;padding:8px 14px;margin-right:12px;cursor:pointer}
.cs-icon{display:block;flex:0 0 auto}
.elementor-widget.cs-hidden{display:none}

/* ---------- eyebrow en koppen ---------- */
.cs-eyebrow .elementor-heading-title{display:inline-flex;align-items:center;gap:12px;font-size:13px!important;font-weight:800!important;
 letter-spacing:2.4px!important;text-transform:uppercase;line-height:1.3!important}
.cs-eyebrow .elementor-heading-title::before{content:"";width:28px;height:3px;border-radius:2px;background:var(--cs-gold);flex:0 0 auto}
.cs-eyebrow.cs-center .elementor-heading-title::after{content:"";width:28px;height:3px;border-radius:2px;background:var(--cs-gold);flex:0 0 auto}
.cs-gold{color:var(--cs-gold)}
.cs-lead p{font-size:19px;line-height:1.65}

.cs-head{max-width:780px}
.cs-head--c{margin-left:auto!important;margin-right:auto!important}
.cs-hero-txt{max-width:760px}
.cs-hero-txt--home{max-width:640px}

/* ---------- knoppen ---------- */
.cs-btn .elementor-button{transition:background-color .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;min-height:52px;display:inline-flex;align-items:center}
.cs-btn .elementor-button:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(7,26,61,.18)}
.cs-btn .elementor-button-text{display:inline-flex;align-items:center;gap:10px}
.cs-header .cs-btn .elementor-button{white-space:nowrap}
.cs-ico-arrow .elementor-button-text::after,.cs-ico-mail .elementor-button-text::before,.cs-ico-tel .elementor-button-text::before{content:"";width:18px;height:18px;
 background:currentColor;-webkit-mask:var(--cs-m) center/contain no-repeat;mask:var(--cs-m) center/contain no-repeat;flex:0 0 auto}
.cs-ico-arrow{--cs-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}
.cs-ico-arrow .elementor-button:hover .elementor-button-text::after{transform:translateX(3px)}
.cs-ico-arrow .elementor-button-text::after{transition:transform .2s}
.cs-ico-mail{--cs-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5.5h18v13H3Z'/%3E%3Cpath d='m3.5 6.5 8.5 6.4 8.5-6.4'/%3E%3C/svg%3E")}
.cs-ico-tel{--cs-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h3.6l1.7 4.2-2.2 1.4a11 11 0 0 0 6.3 6.3l1.4-2.2 4.2 1.7V19a1.6 1.6 0 0 1-1.7 1.6A15.6 15.6 0 0 1 3.4 5.7 1.6 1.6 0 0 1 5 4Z'/%3E%3C/svg%3E")}
/* tekstlink met pijl (kaarten) */
.elementor a.cs-link,.cs-textlink .elementor-button{display:inline-flex;align-items:center;gap:8px;color:var(--cs-blue)!important;font-weight:700;font-size:15.5px;
 background:transparent!important;padding:0!important;border:0!important;min-height:0;text-decoration:none;box-shadow:none!important;transform:none!important}
.elementor a.cs-link::after,.cs-textlink .elementor-button-text::after{content:"";width:16px;height:16px;background:var(--cs-gold-d);flex:0 0 auto;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s}
.elementor a.cs-link:hover::after,.cs-textlink .elementor-button:hover .elementor-button-text::after{transform:translateX(4px)}
.elementor a.cs-link:hover,.cs-textlink .elementor-button:hover{color:var(--cs-navy)!important}

/* ---------- header ---------- */
.elementor-location-header{position:sticky;top:0;z-index:100}
.cs-header{transition:box-shadow .25s,padding .25s;box-shadow:0 1px 0 var(--cs-line)}
html.cs-scrolled .cs-header{box-shadow:0 1px 0 var(--cs-line),0 10px 30px rgba(12,40,85,.10)}
.cs-header .cs-logo img{width:200px;height:auto;transition:width .25s}
html.cs-scrolled .cs-header .cs-logo img{width:168px}
.cs-header .elementor-nav-menu .elementor-item{font-size:15px!important;font-weight:600!important;padding:10px 14px!important;color:var(--cs-ink)!important}
.cs-header .elementor-nav-menu--main .elementor-item.elementor-item-active,.cs-header .elementor-nav-menu--main .elementor-item:hover{color:var(--cs-navy)!important}
.cs-header .elementor-nav-menu--main .elementor-item::after{background-color:var(--cs-gold)!important;height:3px!important;border-radius:2px;left:14px!important;right:14px!important;width:auto!important;bottom:2px!important}
.cs-header .elementor-menu-toggle{background:var(--cs-light)!important;border-radius:6px;padding:10px!important;color:var(--cs-navy)!important}
.cs-header .elementor-menu-toggle svg{fill:var(--cs-navy)!important}
.cs-header .elementor-nav-menu--dropdown{background:#fff!important;border-top:1px solid var(--cs-line);box-shadow:0 18px 30px rgba(12,40,85,.12)}
.cs-header .elementor-nav-menu--dropdown .elementor-item{padding:16px 24px!important;border-bottom:1px solid var(--cs-line);font-size:16px!important}
.cs-header .elementor-nav-menu--dropdown .elementor-item.elementor-item-active{background:var(--cs-light)!important;box-shadow:inset 4px 0 0 var(--cs-gold)}
@media (max-width:1180px) and (min-width:1025px){.cs-header .elementor-nav-menu--main .menu-item-home{display:none!important}
 .cs-header .cs-btn-d .elementor-button{padding:13px 18px!important}.cs-header .cs-logo img{width:176px}
 .cs-header .elementor-nav-menu .elementor-item{padding:10px 11px!important;font-size:14.5px!important}}
@media (max-width:1024px){
 .cs-header .cs-nav{order:3;flex-grow:0!important}
 .cs-header .cs-btn-m{order:2;margin-left:auto}
 .cs-header{position:relative}
 .cs-header .cs-nav,.cs-header .cs-nav>.elementor-widget-container,.cs-header .cs-nav .elementor-nav-menu--main{position:static!important}
 .cs-header .elementor-nav-menu__container.elementor-nav-menu--dropdown{position:absolute!important;top:100%!important;left:0!important;right:0!important;width:auto!important;max-width:none!important;margin-top:0!important;z-index:99}
 .cs-header .cs-logo img,html.cs-scrolled .cs-header .cs-logo img{width:160px}}
@media (max-width:420px){.cs-header .cs-logo img,html.cs-scrolled .cs-header .cs-logo img{width:136px}
 .cs-header .cs-btn-m .elementor-button{padding:12px 14px!important;font-size:14px!important;min-height:44px}}

/* ---------- hero ---------- */
.cs-hero{position:relative;overflow:hidden;isolation:isolate}
.cs-hero::before{content:"";position:absolute;inset:-1px 0 auto 0;height:34px;background:#fff;clip-path:polygon(0 0,100% 0,0 100%);z-index:3}
.cs-hero .cs-hero-media{position:absolute!important;inset:0;z-index:-2;margin:0!important;width:100%!important;max-width:none!important}
.cs-hero .cs-hero-media .elementor-widget-container,.cs-hero .cs-hero-media picture{display:block;height:100%}
.cs-hero .cs-hero-media img{width:100%;height:100%!important;object-fit:cover;object-position:70% 40%;display:block}
.cs-hero::after{content:"";position:absolute;inset:0;z-index:-1;
 background:linear-gradient(90deg,rgba(7,26,61,.98) 0%,rgba(7,26,61,.94) 34%,rgba(7,26,61,.62) 58%,rgba(7,26,61,.18) 100%)}
.cs-hero--sub::after{background:linear-gradient(90deg,rgba(7,26,61,.97) 0%,rgba(7,26,61,.90) 45%,rgba(12,40,85,.70) 100%)}
.cs-hero h1 .cs-gold{color:var(--cs-gold)}
.cs-hero-kicker .elementor-heading-title{color:var(--cs-gold)!important}
.cs-slogan{position:absolute!important;right:6%;bottom:16%;width:auto!important;z-index:2;pointer-events:none}
.cs-slogan p{font-family:"Caveat",cursive;font-size:46px;line-height:1;color:#fff;transform:rotate(-9deg);text-align:center;margin:0;font-weight:600}
.cs-slogan svg{display:block;width:230px;margin:10px auto 0;transform:rotate(-9deg)}
.cs-crumbs{font-size:14px;color:rgba(255,255,255,.75)}
.cs-crumbs a{color:#fff!important;text-decoration:none;font-weight:600}
.cs-crumbs a:hover{color:var(--cs-gold)!important}
.cs-crumbs span[aria-hidden]{margin:0 8px;color:var(--cs-gold)}
.cs-hero-checks{display:flex;flex-wrap:wrap;gap:10px 26px;margin:0;padding:0;list-style:none}
.cs-hero-checks li{display:flex;align-items:center;gap:9px;color:#fff;font-weight:600;font-size:15px}
.cs-hero-checks svg{color:var(--cs-gold)}

/* ---------- USP-balk ---------- */
.cs-usp-item{display:flex;gap:16px;align-items:flex-start}
.cs-usp-item .cs-icon{color:var(--cs-navy);margin-top:2px}
.cs-usp-item strong{display:block;color:var(--cs-ink);font-size:16px;line-height:1.35;font-weight:800}
.cs-usp-item span{display:block;color:var(--cs-text);font-size:14.5px;line-height:1.5;margin-top:2px}

/* ---------- kaarten ---------- */
.cs-card{background:#fff;border:1px solid var(--cs-line);border-radius:var(--cs-r);overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.cs-card:hover{transform:translateY(-3px);box-shadow:var(--cs-shadow);border-color:#d4dbe7}
.cs-card .cs-card-media{margin:0!important;flex-shrink:0!important;line-height:0}
.cs-card .cs-card-media .elementor-widget-container{height:auto!important}
.cs-card .cs-card-media img,.cs-card .cs-card-media svg.cs-illus{width:100%!important;aspect-ratio:3/2;height:auto!important;object-fit:cover;display:block;border-radius:0}
.cs-card .cs-card-body{padding:22px 24px 26px}
.cs-card h3{margin:0}
svg.cs-illus{width:100%;height:auto;display:block}
.cs-illus-wrap svg.cs-illus{border-radius:var(--cs-r)}

.cs-fillcol .elementor-widget-image,.cs-fillcol .elementor-widget-image .elementor-widget-container{height:100%}
.cs-fill img{width:100%;height:100%!important;min-height:380px;object-fit:cover;display:block;border-radius:var(--cs-r)}
.cs-rounded img{border-radius:var(--cs-r)}
@media (max-width:767px){.cs-fill img{min-height:0;height:260px!important}}

/* ---------- navy band (kennis/kwaliteit) ---------- */
.cs-band{position:relative}
.cs-band .cs-band-media{position:relative;align-self:stretch}
.cs-band .cs-band-media .elementor-widget-image,.cs-band .cs-band-media .elementor-widget-container{height:100%}
.cs-band .cs-band-media img{width:100%;height:100%!important;min-height:420px;object-fit:cover;display:block}
.cs-band .cs-band-media::before,.cs-band .cs-band-media::after{content:"";position:absolute;top:0;bottom:0;width:30%;z-index:1;pointer-events:none}
.cs-band .cs-band-media::before{left:0;background:linear-gradient(90deg,var(--cs-navy),rgba(12,40,85,0))}
.cs-band .cs-band-media::after{right:0;background:linear-gradient(270deg,var(--cs-navy),rgba(12,40,85,0))}
.cs-checks{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.cs-checks li{display:flex;gap:14px;align-items:flex-start;font-weight:600;font-size:16.5px;line-height:1.45}
.cs-checks .cs-bol{width:28px;height:28px;border-radius:50%;background:var(--cs-gold);color:var(--cs-navy);display:grid;place-items:center;flex:0 0 auto;margin-top:-2px}
.cs-checks--dark li{color:#fff}
.cs-checks--light li{color:var(--cs-ink)}

.cs-band .cs-band-media--r::after,.cs-band .cs-band-media--l::before{display:none}
.cs-band .cs-band-media--r::before{width:22%}.cs-band .cs-band-media--l::after{width:22%}

/* ---------- werkwijze ---------- */
.cs-step{position:relative;text-align:center}
.cs-step .cs-step-ico{width:64px;height:64px;border-radius:50%;background:var(--cs-navy);color:#fff;display:grid;place-items:center;margin:0 auto 18px;box-shadow:0 0 0 6px #e7ecf5}
.cs-step h3{font-size:19px!important;margin:0 0 8px!important}
.cs-step p{margin:0;font-size:15.5px;line-height:1.6;color:var(--cs-text)}
.cs-step-num{color:var(--cs-blue)}
@media (min-width:1025px){
 .cs-steps>.e-con-inner>.e-con:not(:last-child)>.elementor-widget-html .cs-step::after,
 .cs-steps>.e-con:not(:last-child) .cs-step::after{content:"";position:absolute;top:22px;right:-34px;width:22px;height:22px;background:var(--cs-gold);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}}

/* ---------- CTA-band ---------- */
.cs-cta{position:relative;overflow:hidden;isolation:isolate}
.cs-cta .cs-cta-media{position:absolute!important;inset:0;z-index:-2;margin:0!important;width:100%!important;max-width:none!important}
.cs-cta .cs-cta-media .elementor-widget-container{height:100%}
.cs-cta .cs-cta-media img{width:100%;height:100%!important;object-fit:cover;display:block;filter:grayscale(1)}
.cs-cta::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,40,85,.97) 0%,rgba(12,40,85,.92) 55%,rgba(12,40,85,.80) 100%)}

/* ---------- FAQ (details/summary) ---------- */
.cs-faq{display:grid;gap:12px}
.cs-faq details{background:#fff;border:1px solid var(--cs-line);border-radius:var(--cs-r);transition:border-color .2s,box-shadow .2s}
.cs-faq details[open]{border-color:#cdd6e4;box-shadow:var(--cs-shadow)}
.cs-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 24px;
 font-weight:700;font-size:17px;line-height:1.4;color:var(--cs-ink)}
.cs-faq summary::-webkit-details-marker{display:none}
a[href^="tel:"]{white-space:nowrap}
.cs-faq summary::after{content:"";width:28px;height:28px;flex:0 0 auto;border-radius:50%;background:var(--cs-light) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230C2855' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .25s,background-color .2s}
.cs-faq details[open] summary::after{transform:rotate(45deg);background-color:var(--cs-gold)}
.cs-faq .cs-faq-a{padding:0 24px 22px;color:var(--cs-text);font-size:16px;line-height:1.7}
.cs-faq .cs-faq-a p{margin:0}

/* ---------- info-blokken ---------- */
.cs-info{display:grid;gap:18px}
.cs-info-row{display:flex;gap:14px;align-items:flex-start}
.cs-info-row .cs-ib{width:42px;height:42px;border-radius:10px;background:var(--cs-light);color:var(--cs-navy);display:grid;place-items:center;flex:0 0 auto}
.cs-info-row strong{display:block;color:var(--cs-ink);font-size:15px;font-weight:800;line-height:1.35;margin-bottom:2px}
.cs-info-row span,.cs-info-row a{color:var(--cs-text);font-size:15.5px;line-height:1.55;text-decoration:none}
.cs-info-row a:hover{color:var(--cs-blue)}
.cs-panel{background:#fff;border:1px solid var(--cs-line);border-radius:12px;box-shadow:var(--cs-shadow)}
.cs-mini-steps{counter-reset:s;list-style:none;margin:0;padding:0;display:grid;gap:16px}
.cs-mini-steps li{counter-increment:s;display:flex;gap:14px;color:var(--cs-text);font-size:15.5px;line-height:1.55}
.cs-mini-steps li::before{content:counter(s);width:30px;height:30px;border-radius:50%;background:var(--cs-navy);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px;flex:0 0 auto}
.cs-mini-steps strong{color:var(--cs-ink)}
.cs-tag{display:inline-flex;align-items:center;gap:8px;background:var(--cs-light);color:var(--cs-navy);font-weight:700;font-size:13.5px;padding:7px 12px;border-radius:30px}

.cs-pico{width:56px;height:56px;border-radius:12px;background:var(--cs-navy);color:var(--cs-gold);display:grid;place-items:center}
.cs-contactkaart{padding:24px 26px;border-left:4px solid var(--cs-gold)}
.cs-contactkaart p{margin:0}
.cs-ck-l{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--cs-blue)}
.cs-ck-n{font-size:21px;font-weight:800;color:var(--cs-ink);margin:4px 0 12px!important}
.cs-ck-t{display:flex;flex-wrap:wrap;gap:10px 24px}
.cs-ck-t a{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--cs-navy)!important;text-decoration:none}
.cs-ck-t a:hover{color:var(--cs-blue)!important}
.cs-crumbs--dark{color:var(--cs-muted)}
.cs-crumbs--dark a{color:var(--cs-blue)!important}
.cs-formpanel{scroll-margin-top:110px}
#contact,#profielen,#toepassingen,#glaswol,#steenwol,#materiaal,#veelgestelde-vragen{scroll-margin-top:96px}
@media (min-width:1025px){.cs-sticky-side{position:sticky;top:112px}}

/* ---------- formulier ---------- */
.cs-form .elementor-form-fields-wrapper{margin:0!important;display:flex;flex-wrap:wrap;gap:18px 18px}
.cs-form .elementor-field-group{padding:0!important;margin:0!important}
.cs-form .elementor-field-group.elementor-col-50{width:calc(50% - 9px)!important;flex:0 0 calc(50% - 9px)}
.cs-form .elementor-field-group.elementor-col-100{width:100%!important;flex:0 0 100%}
.cs-form .elementor-field-label{font-weight:700!important;color:var(--cs-ink)!important;font-size:14.5px!important;margin-bottom:8px!important}
.cs-form .elementor-mark-required .elementor-field-label::after{color:#B42318!important}
.cs-form .elementor-field-textual{border-radius:6px!important;border:1.5px solid #CFD7E3!important;background:#fff!important;min-height:50px;font-size:16px!important;color:var(--cs-ink)!important}
.cs-form textarea.elementor-field-textual{min-height:120px}
.cs-form .elementor-field-textual:focus{border-color:var(--cs-navy)!important;box-shadow:0 0 0 3px rgba(242,192,62,.45)!important;outline:none!important}
.cs-form .elementor-field-textual::placeholder{color:#8A93A6}
.cs-form .elementor-select-wrapper .select-caret-down-wrapper{right:14px}
/* radio's als keuzeknoppen */
.cs-form .elementor-field-type-radio .elementor-field-subgroup{display:flex;flex-wrap:wrap;gap:10px}
.cs-form .elementor-field-type-radio .elementor-field-option{position:relative;margin:0!important;flex:0 0 auto}
.cs-form .elementor-field-type-radio input{position:absolute;opacity:0;width:1px;height:1px}
.cs-form .elementor-field-type-radio .elementor-field-option label{display:inline-flex!important;align-items:center;min-height:46px;padding:10px 16px!important;border:1.5px solid #CFD7E3;border-radius:6px;
 background:#fff;color:var(--cs-ink);font-weight:600;font-size:15px;cursor:pointer;transition:border-color .15s,background-color .15s;margin:0!important}
.cs-form .elementor-field-type-radio .elementor-field-option label:hover{border-color:var(--cs-navy)}
.cs-form .elementor-field-type-radio input:checked+label{border-color:var(--cs-navy);background:var(--cs-navy);color:#fff}
.cs-form .elementor-field-type-radio input:focus-visible+label{outline:3px solid var(--cs-gold);outline-offset:2px}
.cs-form .elementor-field-type-html{color:var(--cs-ink)}
.cs-form .cs-form-kop{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px;color:var(--cs-ink);padding-top:6px}
.cs-form .cs-form-kop b{width:30px;height:30px;border-radius:50%;background:var(--cs-gold);color:var(--cs-navy);display:grid;place-items:center;font-size:14px}
.cs-form .cs-form-kop--2{border-top:1px solid var(--cs-line);padding-top:24px;margin-top:6px}
.cs-form .elementor-field-type-upload .elementor-field{padding:12px!important;border:1.5px dashed #B9C4D6!important;border-radius:6px;background:var(--cs-light)!important;width:100%}
.cs-form .cs-hint{font-size:13.5px;color:var(--cs-muted);margin-top:6px;display:block}
.cs-form .elementor-field-type-submit{margin-top:4px!important}
.cs-form .elementor-field-type-submit .elementor-button{min-height:56px;font-size:17px!important;font-weight:800!important;width:100%;justify-content:center}
.cs-form .elementor-message{font-size:16px;line-height:1.6;padding:16px 18px;border-radius:8px;margin-top:16px}
.cs-form .elementor-message.elementor-message-success{background:#EAF6EE;color:#14532D;border:1px solid #B7E1C3}
.cs-form .elementor-message.elementor-message-danger{background:#FDECEC;color:#8A1C1C;border:1px solid #F3C1C1}
.cs-form .elementor-message::before{display:none}
.cs-form .elementor-error .elementor-field-textual{border-color:#B42318!important}
.cs-form .elementor-field-group .elementor-form-help-inline,.cs-form .elementor-error .help-inline{color:#B42318;font-size:13.5px;margin-top:6px}
.cs-privacy-note{font-size:13.5px;color:var(--cs-muted);line-height:1.55}
.cs-privacy-note a{color:var(--cs-blue)}
@media (max-width:767px){.cs-form .elementor-field-group.elementor-col-50{width:100%!important;flex:0 0 100%}}

/* ---------- footer ---------- */
.cs-footer a{text-decoration:none}
.cs-footer .cs-flinks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cs-footer .cs-flinks a{color:var(--cs-text);font-size:15px;font-weight:500}
.cs-footer .cs-flinks a:hover{color:var(--cs-blue)}
.cs-footer .cs-fkop{font-weight:800;color:var(--cs-ink);font-size:16px;margin:0 0 16px}
.cs-footer .cs-ftag{display:flex;align-items:center;gap:14px;color:var(--cs-ink);font-weight:700;font-size:15px;line-height:1.4}
.cs-footer .cs-ftag::before{content:"";width:34px;height:3px;background:var(--cs-gold);border-radius:2px;flex:0 0 auto}
.cs-footer-bar{font-size:14px}
.cs-footer-bar,.cs-footer-bar a{color:rgba(255,255,255,.82)}
.cs-footer-bar a:hover{color:var(--cs-gold)}
.cs-legal{display:flex;flex-wrap:wrap;gap:6px 0;list-style:none;margin:0;padding:0}
.cs-legal li:not(:last-child)::after{content:"|";margin:0 10px;color:rgba(255,255,255,.35)}
.cs-credit a{font-weight:600}

.cs-footer-bar .cs-legal{justify-content:center}
@media (max-width:1024px){.cs-footer-bar .cs-legal{justify-content:flex-start}}

/* ---------- juridisch ---------- */
.cs-legal-box{background:var(--cs-light);border-left:4px solid var(--cs-gold);border-radius:6px;padding:22px 24px}

/* ---------- responsive ---------- */
@media (max-width:1024px){
 .cs-slogan{display:none}
 .cs-band .cs-band-media img{min-height:320px}
 .cs-band .cs-band-media::before,.cs-band .cs-band-media::after{display:none}
 .cs-hero::after{background:linear-gradient(90deg,rgba(7,26,61,.97) 0%,rgba(7,26,61,.88) 60%,rgba(7,26,61,.6) 100%)}
}
@media (max-width:767px){
 .cs-hero::before{height:18px}
 .cs-hero::after{background:linear-gradient(180deg,rgba(7,26,61,.92) 0%,rgba(7,26,61,.95) 100%)}
 .cs-lead p{font-size:17px}
 .cs-faq summary{padding:18px;font-size:16px}
 .cs-faq .cs-faq-a{padding:0 18px 18px}
 .cs-card .cs-card-body{padding:20px}
 .cs-step{text-align:left;display:grid;grid-template-columns:56px 1fr;gap:4px 16px;align-items:start}
 .cs-step .cs-step-ico{width:52px;height:52px;margin:0;grid-row:span 2}
 .cs-step h3{margin:4px 0 4px!important}
 .cs-legal li:not(:last-child)::after{margin:0 9px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}/* End custom CSS */