.elementor-kit-6{--e-global-color-primary:#04133C;--e-global-color-secondary:#FFBD00;--e-global-color-text:#262626;--e-global-color-accent:#00B4FF;--e-global-color-mynlicht:#EEF8FD;--e-global-color-mynlijn:#C9E9F8;--e-global-color-myngrijs:#5E5E5E;--e-global-color-mynwit:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:900;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-weight:700;--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:700;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}@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 *//* MYN, sitebrede stijl uit het canvas (26-10, Claude). Alles staat achter :is(#myn,html),
   zodat het voorgaat op de standaardstijl van Elementor zonder !important. */
:is(#myn,html) .myn{display:block;flex-direction:row;flex-wrap:nowrap;gap:0;padding:0;width:auto;max-width:none;min-height:0;min-width:auto;align-items:normal;align-content:normal;justify-content:normal;text-align:inherit;flex:0 1 auto}
/* Canvas rekent met content-box, Elementor zet alles op border-box: terugzetten (26-10, Claude) */
:is(#myn,html) .myn :where(img){max-width:none}
:is(#myn,html) .myn,:is(#myn,html) .myn :where(:not(button,select,input,textarea)),:is(#myn,html) .myn :where(*)::before,:is(#myn,html) .myn :where(*)::after{box-sizing:content-box}
:is(#myn,html) .e-con.myn>.elementor-widget{width:auto;max-width:none;margin:0}
:is(#myn,html) body{font-family:'Inter',system-ui,sans-serif;color:#262626;background:#EEF8FD;line-height:normal}
:is(#myn,html) .elementor-widget-text-editor,:is(#myn,html) .elementor-widget-html{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}
:is(#myn,html) .elementor-location-header{position:absolute;left:0;right:0;top:0;z-index:50}
:is(#myn,html) .elementor-widget-image img{vertical-align:top}
:is(#myn,html) h1,:is(#myn,html) h2,:is(#myn,html) h3,:is(#myn,html) h4,:is(#myn,html) .h2,:is(#myn,html) .h3,:is(#myn,html) [style*="font-weight: 900"]{font-family:'Roboto',system-ui,sans-serif}
:is(#myn,html) body{margin:0;background:#FFFFFF}
:is(#myn,html) a{color:#262626}
:is(#myn,html) a:hover{color:#3A3F44}
:is(#myn,html) .wrap{max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}
:is(#myn,html) .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:100px 100px 100px 0;font-weight:700;font-size:15px;text-decoration:none;box-sizing:border-box;border:1.5px solid transparent;font-family:inherit;cursor:pointer}
:is(#myn,html) .btn-sub{background:#FFFFFF;color:#262626;border-color:#262626}
:is(#myn,html) .btn-sub:hover{background:#262626;color:#FFFFFF}
:is(#myn,html) .btn-off{background:#E4E4E7;color:#5E5E5E;border-color:#E4E4E7;cursor:not-allowed}
:is(#myn,html) .navlink{color:#FFFFFF;text-decoration:none;opacity:.9}
:is(#myn,html) .navlink:hover{color:#FFFFFF;opacity:1}
:is(#myn,html) .eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5E5E5E;margin:0 0 14px}
:is(#myn,html) .h2{font-size:clamp(30px,3.4vw,44px);line-height:1.12;font-weight:900;margin:0;color:#262626}
:is(#myn,html) .h3{font-size:22px;line-height:1.25;font-weight:900;margin:0;color:#262626}
:is(#myn,html) .lead{font-size:18px;line-height:1.6;color:#5E5E5E;margin:0}
:is(#myn,html) .muted{color:#5E5E5E}
:is(#myn,html) .chk{flex-shrink:0;width:22px;height:22px;border-radius:50% 50% 50% 0;background:#00B4FF;display:flex;align-items:center;justify-content:center;margin-top:1px}
:is(#myn,html) .chk svg{stroke:#FFFFFF}
:is(#myn,html) .num{flex-shrink:0;width:32px;height:32px;border-radius:50% 50% 50% 0;background:#00B4FF;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
:is(#myn,html) .ico{flex-shrink:0;width:48px;height:48px;border-radius:14px 14px 14px 0;background:#E6F7FF;display:flex;align-items:center;justify-content:center}
:is(#myn,html) .ico svg{stroke:#04133C}
:is(#myn,html) .tag{display:inline-flex;align-items:center;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px 999px 999px 0;background:#EDEDEF;color:#262626}
:is(#myn,html) .stars{color:#FFBD00;letter-spacing:2px}
:is(#myn,html) .card{background:#FFFFFF;border:1px solid #E4E4E7;border-radius:24px 24px 24px 0}
:is(#myn,html) .soft{background:#FFFFFF}
:is(#myn,html) .fld{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700;color:#262626}
:is(#myn,html) .inp{min-height:48px;width:100%;box-sizing:border-box;border:1.5px solid #8E8E96;border-radius:12px 12px 12px 0;padding:0 14px;font-family:inherit;font-size:16px;font-weight:400;color:#262626;background:#FFFFFF}
:is(#myn,html) textarea.inp{min-height:120px;padding:12px 14px;resize:vertical}
:is(#myn,html) .inp:focus{outline:2px solid #00B4FF;outline-offset:1px;border-color:#00B4FF}
:is(#myn,html) .av{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;font-weight:400;color:#262626;cursor:pointer}
:is(#myn,html) .av input{width:22px;height:22px;margin:0;flex-shrink:0;accent-color:#262626;cursor:pointer}
:is(#myn,html) .chip{display:inline-flex;align-items:center;min-height:40px;text-decoration:none;font-size:14px;font-weight:500;padding:0 14px;background:#FFFFFF;border:1px solid #D4D4D8;border-radius:12px 12px 12px 0;color:#262626}
:is(#myn,html) .chip:hover{border-color:#262626}
:is(#myn,html) .tile{position:absolute;left:0;bottom:0;background:#FFFFFF;border-radius:0 20px 0 0;padding:12px 18px 10px;text-align:center;line-height:1}
:is(#myn,html) .dt{flex-shrink:0;width:64px;text-align:center;line-height:1;padding:10px 0;border-radius:16px 16px 16px 0;background:#FFFFFF}
:is(#myn,html) details{border-top:1px solid #E4E4E7;padding:4px 0}
:is(#myn,html) details:last-of-type{border-bottom:1px solid #E4E4E7}
:is(#myn,html) summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;font-weight:700;font-size:17px;color:#262626}
:is(#myn,html) summary::-webkit-details-marker{display:none}
:is(#myn,html) summary::after{content:"+";font-size:24px;font-weight:400;color:#5E5E5E}
:is(#myn,html) details[open] summary::after{content:"\2013"}
:is(#myn,html) details p{margin:0 0 18px;color:#5E5E5E;line-height:1.6}
@media (max-width: 760px){
  :is(#myn,html) .flowdeco{display:none}
}
:is(#myn,html) .grad{background:linear-gradient(90deg,#04133C 0%,#0098D9 50%,#04133C 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@keyframes gradshift{from{background-position:0% 50%}to{background-position:100% 50%}}
:is(#myn,html) .btn{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}
:is(#myn,html) .btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(15,23,42,.12)}
:is(#myn,html) a.card,:is(#myn,html) a.chip{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
:is(#myn,html) a.card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,23,42,.08)}
:is(#myn,html) a img{transition:transform .5s ease}
:is(#myn,html) a:hover > span > img{transform:scale(1.02)}
:is(#myn,html) #top h1,:is(#myn,html) #top nav[aria-label="Kruimelpad"],:is(#myn,html) #top h1 + p{animation:rise .7s ease both}
:is(#myn,html) #top h1{animation-delay:.08s}
:is(#myn,html) #top h1 + p{animation-delay:.16s}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
:is(#myn,html) .nudge{animation:nudge 2.4s ease-in-out infinite}
@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
:is(#myn,html) .pulse{animation:pulse 3.2s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 10px #E6F7FF}50%{box-shadow:0 0 0 16px rgba(230,247,255,.55)}}
:is(#myn,html) details summary::after{transition:transform .2s ease}
@media (prefers-reduced-motion: reduce){
  :is(#myn,html) *,:is(#myn,html) *::before,:is(#myn,html) *::after{animation:none !important;transition:none !important}
}
:is(#myn,html) body{background:#EEF8FD}
:is(#myn,html) .wrap{max-width:1240px}
:is(#myn,html) .btn{border-width:2px}
:is(#myn,html) .btn-sub{background:transparent;color:#262626;border-color:#262626}
:is(#myn,html) .btn-sub:hover{background:#262626;color:#FFFFFF}
:is(#myn,html) .btn-light{background:#FFFFFF;color:#262626;border-color:#FFFFFF}
:is(#myn,html) .btn-light:hover{background:#262626;color:#FFFFFF;border-color:#262626}
:is(#myn,html) .navlink{color:#FFFFFF;text-decoration:none;font-weight:700 !important;font-size:14px !important;letter-spacing:.04em;text-transform:uppercase;opacity:.92}
:is(#myn,html) .navlink.login{text-transform:none;letter-spacing:0}
:is(#myn,html) .h2{font-size:clamp(32px,3.8vw,52px);line-height:1.08}
:is(#myn,html) .card{background:#FFFFFF;border:none;border-radius:28px 28px 28px 0}
:is(#myn,html) .soft{background:#FFFFFF}
:is(#myn,html) .ico{background:#00B4FF}
:is(#myn,html) .ico svg{stroke:#FFFFFF}
:is(#myn,html) .dt{background:#EEF8FD}
:is(#myn,html) .chip{border-color:#C9E9F8}
:is(#myn,html) details{border-top-color:#C9E9F8}
:is(#myn,html) details:last-of-type{border-bottom-color:#C9E9F8}
:is(#myn,html) .herophoto{background:#04133C url(https://myn.nl/wp-content/uploads/2026/10/myn-porsche-centrum-gelderland.jpg) center/cover no-repeat}
:is(#myn,html) .ctaphoto{position:relative;overflow:hidden;border-radius:100px 40px 40px 0 !important;min-height:380px;background:#04133C url(https://myn.nl/wp-content/uploads/2026/10/myn-leden-kijken-achter-de-schermen-tijdens-een-bedrij.jpg) center/cover no-repeat !important;padding:clamp(36px,6vw,80px) !important}
:is(#myn,html) .ctaphoto::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,60,.93) 0%,rgba(4,19,60,.72) 55%,rgba(4,19,60,.3) 100%)}
:is(#myn,html) .ctaphoto > *{position:relative}
:is(#myn,html) .ctaphoto .h2{color:#FFFFFF;font-size:clamp(38px,4.6vw,64px) !important;line-height:1.02}
:is(#myn,html) .ctaphoto p{color:#FFFFFF !important}
:is(#myn,html) .ctaphoto .btn{background:#FFFFFF !important;color:#262626 !important;border-color:#FFFFFF !important;min-height:56px;font-size:16px}
:is(#myn,html) .btn-ghost{background:transparent;color:#FFFFFF;border-color:#FFFFFF}
:is(#myn,html) .btn-ghost:hover{background:#FFFFFF;color:#262626;border-color:#FFFFFF}
:is(#myn,html) .ctaphoto .btn.btn-ghost{background:transparent !important;color:#FFFFFF !important;border-color:#FFFFFF !important}
:is(#myn,html) .ctaphoto .btn.btn-ghost:hover{background:#FFFFFF !important;color:#262626 !important}
:is(#myn,html) .ctaphoto svg path{stroke:rgba(255,255,255,.7) !important}
:is(#myn,html) .grad{background:none !important;color:inherit !important;-webkit-text-fill-color:currentColor !important}
:is(#myn,html) .rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:28px}
:is(#myn,html) .rail > *{scroll-snap-align:start;flex-shrink:0}
:is(#myn,html) .bar{height:4px;background:#C9E9F8;border-radius:4px;position:relative;max-width:520px;margin:0 auto}
:is(#myn,html) .bar span{position:absolute;left:0;top:0;bottom:0;width:38%;background:#00B4FF;border-radius:4px}
:is(#myn,html) .ctaphoto{flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:28px !important}
:is(#myn,html) .ctaphoto svg.nudge{display:none}
:is(#myn,html) .tag{background:#EEF8FD}
:is(#myn,html) .navsep{display:inline-block;width:1px;height:22px;background:rgba(255,255,255,.4)}
:is(#myn,html) a,:is(#myn,html) button,:is(#myn,html) summary,:is(#myn,html) select{cursor:pointer}
:is(#myn,html) a:focus-visible,:is(#myn,html) button:focus-visible,:is(#myn,html) summary:focus-visible{outline:3px solid #00B4FF;outline-offset:3px}
:is(#myn,html) a:not([class]):not([style*="display"]){text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:700}
:is(#myn,html) a:not([class]):not([style*="display"]):hover{text-decoration-color:#00B4FF}
:is(#myn,html) footer a:not([class]),:is(#myn,html) header a:not([class]){text-decoration:none !important;font-weight:inherit !important}
:is(#myn,html) footer a:not([class]):hover{text-decoration:underline !important}
:is(#myn,html) .btn:not(.btn-off)::after{content:"\2192";font-weight:700;transition:transform .2s ease}
:is(#myn,html) .btn:not(.btn-off):hover::after{transform:translateX(3px)}
:is(#myn,html) a.photo,:is(#myn,html) a.card{position:relative;transition:transform .25s ease,box-shadow .25s ease}
:is(#myn,html) a.photo:hover,:is(#myn,html) a.card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(4,19,60,.18)}
:is(#myn,html) a.photo::after,:is(#myn,html) a.card::after{content:"\2192";position:absolute;right:16px;top:16px;z-index:2;width:46px;height:46px;border-radius:50% 50% 50% 0;background:#FFFFFF;color:#262626;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.18);transition:background-color .2s ease}
:is(#myn,html) a.photo:hover::after,:is(#myn,html) a.card:hover::after{background:#FFBD00}
:is(#myn,html) a:not([class])[style*="flex-direction: column"]{transition:transform .25s ease}
:is(#myn,html) a:not([class])[style*="flex-direction: column"]:hover{transform:translateY(-3px)}
:is(#myn,html) a.chip{border:1.5px solid #04133C !important;font-weight:700}
:is(#myn,html) a.chip::after{content:"\2192";margin-left:8px}
:is(#myn,html) a.near{border:1.5px solid #C9E9F8}
:is(#myn,html) a.near::after{content:"\2192";margin-left:auto;padding-right:10px;font-size:20px;font-weight:700}

/* Mobiel menu in de kop (26-10, Claude): onder 1100 px verdwijnt het hoofdmenu en komt er een Menu-knop */
:is(#myn,html) .myn-mobielmenu{display:none;position:static}
:is(#myn,html) details.mm,:is(#myn,html) details.mm:last-of-type{border:0;padding:0}
:is(#myn,html) .mm summary{list-style:none;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border-radius:100px 100px 100px 0;border:2px solid #FFFFFF;color:#FFFFFF;font-weight:700;font-size:15px;cursor:pointer}
:is(#myn,html) .mm summary::after{content:none}
:is(#myn,html) .mm-bars{display:block;width:18px;height:2px;background:#FFFFFF;border-radius:2px;position:relative}
:is(#myn,html) .mm-bars::before,:is(#myn,html) .mm-bars::after{content:"";position:absolute;left:0;width:18px;height:2px;background:#FFFFFF;border-radius:2px}
:is(#myn,html) .mm-bars::before{top:-6px}
:is(#myn,html) .mm-bars::after{top:6px}
:is(#myn,html) .mm-panel{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:calc(100% + 8px);background:#04133C;border-radius:24px 24px 24px 0;padding:12px 24px 20px;box-shadow:0 18px 36px rgba(0,0,0,.25);z-index:60}
:is(#myn,html) .mm-panel a{color:#FFFFFF;text-decoration:none;font-weight:700;font-size:17px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12)}
:is(#myn,html) .mm-panel a:last-child{border-bottom:0}
@media (max-width:1100px){
  :is(#myn,html) .myn-hoofdmenu{display:none}
  :is(#myn,html) .myn-mobielmenu{display:block;margin-left:auto}
  :is(#myn,html) .myn-kopacties .navsep,:is(#myn,html) .myn-kopacties .navlink{display:none}
}
@media (max-width:480px){
  :is(#myn,html) .myn-kopacties .btn{padding:0 16px;font-size:14px;min-height:46px}
  :is(#myn,html) .mm summary{padding:0 14px}
}
/* Elementor-formulieren in canvasstijl (26-10, Claude): geef het formulier de klasse myn-form */
:is(#myn,html) .myn-form,:is(#myn,html) .myn-form *{box-sizing:border-box}
:is(#myn,html) .myn-form .elementor-form-fields-wrapper{row-gap:14px}
:is(#myn,html) .myn-form .elementor-field-group{margin-bottom:0}
:is(#myn,html) .myn-form .elementor-field-label{font-size:14px;font-weight:700;color:#262626;margin-bottom:6px}
:is(#myn,html) .myn-form .elementor-field-textual{min-height:48px;width:100%;box-sizing:border-box;border:1.5px solid #8E8E96;border-radius:12px 12px 12px 0;padding:0 14px;font-family:inherit;font-size:16px;font-weight:400;color:#262626;background:#FFFFFF;box-shadow:none}
:is(#myn,html) .myn-form textarea.elementor-field-textual{min-height:120px;padding:12px 14px;resize:vertical}
:is(#myn,html) .myn-form .elementor-field-textual:focus{outline:2px solid #00B4FF;outline-offset:1px;border-color:#00B4FF}
:is(#myn,html) .myn-form .elementor-field-type-acceptance .elementor-field-option{display:flex;gap:12px;align-items:flex-start}
:is(#myn,html) .myn-form .elementor-field-type-acceptance label{font-size:14px;line-height:1.5;font-weight:400;color:#262626}
:is(#myn,html) .myn-form input[type=checkbox]{width:22px;height:22px;margin:0;flex-shrink:0;accent-color:#262626;cursor:pointer}
:is(#myn,html) .myn-form .elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 24px;border-radius:100px 100px 100px 0;font-family:inherit;font-weight:700;font-size:16px;background:#FFBD00;color:#262626;border:1.5px solid #FFBD00}
:is(#myn,html) .myn-form .elementor-button:hover,:is(#myn,html) .myn-form .elementor-button:focus{background:#262626;color:#FFFFFF;border-color:#262626}
:is(#myn,html) .myn-form .elementor-message{font-size:16px;line-height:1.5;margin-top:12px}
:is(#myn,html) .myn-form .elementor-message.elementor-message-success{color:#04133C;font-weight:700}
/* Zwevend hoofdmenu (26-10, wens Kim): blijft bij scrollen in beeld, met ruimte boven */
:is(#myn,html) .elementor-location-header{position:fixed;top:0;left:0;right:0;z-index:100;pointer-events:none}
:is(#myn,html) .elementor-location-header .wrap > .myn{pointer-events:auto}
:is(#myn,html) body.admin-bar .elementor-location-header{top:32px}
@media (max-width: 782px){:is(#myn,html) body.admin-bar .elementor-location-header{top:46px}}/* End custom CSS */