.elementor-kit-4{--e-global-color-primary:#EB6314;--e-global-color-secondary:#181631;--e-global-color-text:#5E6078;--e-global-color-accent:#C4431C;--e-global-color-navydeepest:#181631;--e-global-color-navydeep:#16275F;--e-global-color-navy:#25368E;--e-global-color-orangedeep:#C4431C;--e-global-color-orange:#EB6314;--e-global-color-bluepale:#96C3ED;--e-global-color-ink:#161831;--e-global-color-muted:#5E6078;--e-global-color-surface:#F3F3F3;--e-global-color-line:#E2E2E9;--e-global-color-white:#FFFFFF;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-weight:200;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-weight:700;background-color:#FFFFFF;color:#161831;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:300;line-height:1.5em;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:#EB6314;}.elementor-kit-4 a:hover{color:#C4431C;}.elementor-kit-4 h1{font-family:"Manrope", Sans-serif;font-weight:200;}.elementor-kit-4 h2{font-family:"Manrope", Sans-serif;font-weight:200;}.elementor-kit-4 h3{font-family:"Manrope", Sans-serif;font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}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-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 *//* ===== Stryx — site-brede stijlen (aanpasbaar via Site-instellingen > Aangepaste CSS) ===== */
@font-face{font-family:Manrope;font-style:normal;font-weight:200 700;font-display:swap;src:url(https://stryx-consultancy.wpprovider.nl/wp-content/uploads/stryx-fonts/manrope-var-latin.woff2) format("woff2");}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11"}
.e-con[id]{scroll-margin-top:80px}
/* Accentwoorden in koppen */
.stryx-accent{font-weight:500}
.stryx-accent-orange{font-weight:500;color:var(--e-global-color-orange)}
.stryx-accent-deep{font-weight:500;color:var(--e-global-color-orangedeep)}
/* Lijn-iconen (Lucide) */
.elementor-icon svg[stroke],.elementor-button-icon svg[stroke],.elementor-icon-list-icon svg[stroke]{fill:none!important;stroke:currentColor}
.elementor-icon-list-icon svg[stroke]{stroke:var(--e-icon-list-icon-color, currentColor)}
/* Vaste, halfdoorzichtige header */
.stryx-header{position:fixed!important;top:0;left:0;right:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
body.admin-bar .stryx-header{top:32px}
@media(max-width:782px){body.admin-bar .stryx-header{top:46px}}
.elementor-editor-active .stryx-header{position:relative!important}
/* Fotokaders met oranje hoekjes */
.stryx-frame{position:relative}
.stryx-frame::before,.stryx-frame::after{content:"";position:absolute;width:56px;height:56px;pointer-events:none;z-index:2}
.stryx-frame::before{top:-12px;left:-12px;border-top:2px solid var(--e-global-color-orangedeep);border-left:2px solid var(--e-global-color-orangedeep)}
.stryx-frame::after{bottom:-12px;right:-12px;border-bottom:2px solid var(--e-global-color-orangedeep);border-right:2px solid var(--e-global-color-orangedeep)}
.stryx-frame img{display:block;transition:transform .7s ease}
.stryx-frame:hover img{transform:scale(1.02)}
.stryx-frame .elementor-widget-image{overflow:hidden;border-radius:16px}
.stryx-frame--hero .elementor-widget-image{position:relative}
.stryx-frame--hero .elementor-widget-image::after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(to top right,rgba(24,22,49,.6),transparent,transparent);pointer-events:none}
/* Gloed-effecten */
.stryx-glow{position:relative;overflow:hidden}
.stryx-glow::after{content:"";position:absolute;border-radius:9999px;filter:blur(64px);pointer-events:none;z-index:0}
.stryx-glow>.e-con-inner,.stryx-glow>.elementor-element{position:relative;z-index:1}
.stryx-glow--hero::after{width:640px;height:640px;top:-160px;right:0;background:rgba(196,67,28,.25)}
.stryx-glow--services::after{width:448px;height:448px;top:-128px;right:-128px;background:rgba(196,67,28,.2)}
.stryx-glow--problem::after{width:288px;height:288px;top:-96px;right:-96px;background:rgba(196,67,28,.2)}
/* Decoratieve hoeklijnen */
.stryx-deco-tr::after{content:"";position:absolute;top:64px;right:40px;width:80px;height:80px;border-top:2px solid rgba(196,67,28,.3);border-right:2px solid rgba(196,67,28,.3);pointer-events:none}
.stryx-deco-corners{position:relative}
/* Kaarten */
.stryx-card{transition:border-color .3s ease,background-color .3s ease,transform .3s ease}
.stryx-card:hover{border-color:rgba(196,67,28,.4)!important}
.stryx-lift:hover{transform:translateY(-4px)}
.stryx-tile .elementor-icon{transition:transform .3s ease}
.stryx-tile:hover .elementor-icon{transform:scale(1.1)}
/* Bolletjeslijsten */
.stryx-dots .elementor-icon-list-icon{width:auto!important}
.stryx-dots .elementor-icon-list-icon svg{flex:none;margin:0!important}
.stryx-dots .elementor-icon-list-text{padding-left:0!important}
/* Blogkaart */
.stryx-post-card .elementor-widget-theme-post-featured-image img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .5s ease}
.stryx-post-card:hover .elementor-widget-theme-post-featured-image img{transform:scale(1.05)}
.stryx-post-card .elementor-widget-theme-post-featured-image{overflow:hidden;background:var(--e-global-color-navydeepest)}
.stryx-readmore .elementor-button-icon{transition:transform .3s ease}
.stryx-post-card:hover .stryx-readmore .elementor-button-icon{transform:translateX(4px)}
/* Artikeltekst */
.stryx-prose p{margin:0 0 1.25rem}
.stryx-prose h2{font-size:30px;line-height:36px;font-weight:200;letter-spacing:-.02em;margin:48px 0 16px;color:var(--e-global-color-ink)}
.stryx-prose h3{font-size:20px;line-height:28px;font-weight:500;margin:32px 0 12px}
.stryx-prose ul,.stryx-prose ol{padding-left:24px;margin:0 0 1.25rem}
.stryx-prose ul{list-style:disc}.stryx-prose ol{list-style:decimal}
.stryx-prose li+li{margin-top:8px}
.stryx-prose a{color:var(--e-global-color-orange);text-decoration:underline;text-underline-offset:2px;word-break:break-word}
.stryx-prose a:hover{color:var(--e-global-color-orangedeep)}
.stryx-prose strong{font-weight:500}
.stryx-prose img{border-radius:14px;border:1px solid var(--e-global-color-line);margin:24px 0}
.stryx-prose blockquote{border-left:2px solid var(--e-global-color-orange);padding-left:16px;font-style:italic;color:var(--e-global-color-muted)}
@media(max-width:767px){.stryx-prose h2{font-size:24px;line-height:32px}}
/* Juridische tekst (donker) */
.stryx-legal p,.stryx-legal ul{margin:24px 0 0}
.stryx-legal h2{font-size:24px;line-height:32px;font-weight:500;letter-spacing:-.02em;color:#fff;margin:40px 0 0}
.stryx-legal h3{font-size:18px;line-height:28px;font-weight:500;color:#fff;margin:24px 0 0}
.stryx-legal ul{padding-left:24px;list-style:disc}.stryx-legal ol{padding-left:24px;list-style:decimal;margin:24px 0 0}
.stryx-legal li+li{margin-top:4px}
.stryx-legal strong{color:#fff;font-weight:400}
.stryx-legal a{color:var(--e-global-color-orange);text-decoration:none}
.stryx-legal a:hover{text-decoration:underline}
/* Contactformulier */
.stryx-form .elementor-field-group{margin-bottom:0}
.stryx-form .elementor-field-textual{padding:12px 16px!important;min-height:50px}
.stryx-form .elementor-field-textual::placeholder{color:rgba(150,195,237,.8)}
.stryx-form .elementor-field-textual:focus{outline:none;box-shadow:0 0 0 2px rgba(235,99,20,.5)}
.stryx-form .elementor-field-type-checkbox .elementor-field-subgroup{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.stryx-form .elementor-field-type-checkbox .elementor-field-option{display:flex;align-items:flex-start;gap:12px;margin:0}
.stryx-form .elementor-field-type-checkbox label{font-size:14px;font-weight:300;color:var(--e-global-color-bluepale);line-height:1.35}
.stryx-form input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;min-width:16px;margin:1px 0 0;border:1px solid rgba(255,255,255,.4);border-radius:4px;background:transparent;cursor:pointer;display:grid;place-content:center}
.stryx-form input[type=checkbox]:checked{background:var(--e-global-color-orange);border-color:var(--e-global-color-orange)}
.stryx-form input[type=checkbox]:checked::after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.stryx-form .elementor-button{background:linear-gradient(135deg,var(--e-global-color-orangedeep),var(--e-global-color-orange))!important;box-shadow:0 12px 35px -10px rgba(196,67,28,.4)}
@media(max-width:767px){.stryx-form .elementor-field-type-checkbox .elementor-field-subgroup{grid-template-columns:1fr}}
/* Navigatie */
.stryx-nav .elementor-nav-menu--main .elementor-item{padding-left:0!important;padding-right:0!important}
.stryx-nav .elementor-nav-menu--dropdown{border-top:1px solid rgba(255,255,255,.05)}
/* Kaart-details */
.stryx-push{margin-top:auto!important}
.stryx-post-card{height:100%}
.stryx-post-card .stryx-arrow{display:inline-block;line-height:1;transition:transform .3s ease;margin-left:6px}
.stryx-post-card:hover .stryx-arrow{transform:translateX(4px)}
.stryx-back .elementor-button{padding:0!important}
.elementor-widget-text-editor.stryx-lines p{margin:0 0 6px}

/* Homepage-details */
.stryx-deco-tr{position:relative}
.stryx-check .elementor-icon{background:linear-gradient(135deg,var(--e-global-color-orangedeep),var(--e-global-color-orange))!important}
.stryx-dots .elementor-icon-list-item{align-items:center}
.stryx-deco-corners>.e-con-inner{position:relative;z-index:1}

/* Reset alinea-marges in tekstwidgets (thema voegt anders 14px toe) */
:where(.elementor-widget-text-editor) p{margin:0}
:where(.elementor-widget-text-editor) p+p{margin-top:0}

/* Fijnafstelling */
.elementor-widget-icon .elementor-icon-wrapper{display:flex;line-height:0}
.stryx-dots .elementor-inline-items{row-gap:8px}
.stryx-form .elementor-field-subgroup .elementor-field-option label{font-size:14px!important;font-weight:300!important;line-height:19px!important;color:var(--e-global-color-bluepale)!important;padding:0!important;margin:0!important}
.stryx-form .elementor-field-label{line-height:20px}
.stryx-form .elementor-button{min-height:44px;padding:12px 32px!important;line-height:20px}
.stryx-form textarea.elementor-field-textual{min-height:122px}
.stryx-legal>.elementor-widget-container>*:first-child,.stryx-legal>*:first-child{margin-top:0}

/* Blogkaart-omslag: altijd 16:9, donkerblauw als er geen foto is */
.stryx-cover{aspect-ratio:16/9;flex-shrink:0}
.stryx-cover .elementor-widget,.stryx-cover .elementor-widget img{width:100%;height:100%}
.stryx-cover img{object-fit:cover;display:block}
.elementor-widget-image img{display:block}

/* Hoekaccenten in één laag, zodat de Elementor-overlay (::before) vrij blijft */
.stryx-deco-corners::after{content:"";position:absolute;inset:24px;pointer-events:none;z-index:0;background:linear-gradient(rgba(235,99,20,.4),rgba(235,99,20,.4)) 0 0/64px 2px no-repeat,linear-gradient(rgba(235,99,20,.4),rgba(235,99,20,.4)) 0 0/2px 64px no-repeat,linear-gradient(rgba(235,99,20,.4),rgba(235,99,20,.4)) 100% 100%/64px 2px no-repeat,linear-gradient(rgba(235,99,20,.4),rgba(235,99,20,.4)) 100% 100%/2px 64px no-repeat}
/* Oranje verloop rechtsboven (hero + contact): middelpunt op 75%, zoals het origineel */
#home.e-con::before,#contact.e-con::before{background-image:radial-gradient(at 75% 0%,rgba(196,67,28,.55) 0%,rgba(196,67,28,0) 55%)}/* End custom CSS */