.elementor-kit-1506{--e-global-color-primary:#FF4D1C;--e-global-color-secondary:#0F1623;--e-global-color-text:#FFD600;--e-global-color-accent:#F5F2EC;--e-global-color-c696dce:#F5F2EC;--e-global-color-14ef391:#C8D5DC;--e-global-color-764183d:#F9FAFD;--e-global-color-d6cea4e:#FFFFFF;--e-global-color-86b4fcd:#02010100;--e-global-color-57c8da2:#000000CC;--e-global-typography-primary-font-family:"Syne";--e-global-typography-primary-font-size:65px;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Syne";--e-global-typography-secondary-font-size:44px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Space Mono";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-392b9e0-font-family:"Poppins";--e-global-typography-392b9e0-font-size:22px;--e-global-typography-392b9e0-font-weight:600;--e-global-typography-392b9e0-text-transform:capitalize;--e-global-typography-392b9e0-font-style:normal;--e-global-typography-392b9e0-text-decoration:none;--e-global-typography-392b9e0-line-height:1.2em;--e-global-typography-392b9e0-letter-spacing:0px;--e-global-typography-c05b693-font-family:"Poppins";--e-global-typography-c05b693-font-size:22px;--e-global-typography-c05b693-font-weight:300;--e-global-typography-c05b693-text-transform:none;--e-global-typography-c05b693-font-style:normal;--e-global-typography-c05b693-text-decoration:none;--e-global-typography-c05b693-line-height:1.5em;--e-global-typography-c05b693-letter-spacing:0px;--e-global-typography-6558fb1-font-family:"Poppins";--e-global-typography-6558fb1-font-size:16px;--e-global-typography-6558fb1-font-weight:300;--e-global-typography-6558fb1-text-transform:uppercase;--e-global-typography-6558fb1-font-style:normal;--e-global-typography-6558fb1-text-decoration:none;--e-global-typography-6558fb1-line-height:1.5em;--e-global-typography-6558fb1-letter-spacing:10px;--e-global-typography-92bce3b-font-family:"Poppins";--e-global-typography-92bce3b-font-size:16px;--e-global-typography-92bce3b-font-weight:400;--e-global-typography-92bce3b-text-transform:capitalize;--e-global-typography-92bce3b-font-style:italic;--e-global-typography-92bce3b-text-decoration:underline;--e-global-typography-92bce3b-line-height:1em;--e-global-typography-92bce3b-letter-spacing:0px;--e-global-typography-b2deeae-font-family:"Poppins";--e-global-typography-b2deeae-font-size:85px;--e-global-typography-b2deeae-font-weight:600;--e-global-typography-b2deeae-text-transform:none;--e-global-typography-b2deeae-font-style:normal;--e-global-typography-b2deeae-text-decoration:none;--e-global-typography-b2deeae-line-height:1em;--e-global-typography-b2deeae-letter-spacing:0px;--e-global-typography-fb1a3e0-font-family:"Poppins";--e-global-typography-fb1a3e0-font-size:200px;--e-global-typography-fb1a3e0-font-weight:600;--e-global-typography-fb1a3e0-text-transform:none;--e-global-typography-fb1a3e0-font-style:normal;--e-global-typography-fb1a3e0-text-decoration:none;--e-global-typography-fb1a3e0-line-height:1.2em;--e-global-typography-fb1a3e0-letter-spacing:0px;--e-global-typography-397e168-font-family:"Poppins";--e-global-typography-397e168-font-size:16px;--e-global-typography-397e168-font-weight:400;--e-global-typography-397e168-text-transform:capitalize;--e-global-typography-397e168-font-style:italic;--e-global-typography-397e168-text-decoration:none;--e-global-typography-397e168-line-height:1.3em;--e-global-typography-397e168-letter-spacing:0px;background-color:var( --e-global-color-c696dce );font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-kit-1506 e-page-transition{background-color:#FFBC7D;}.site-header{background-color:#0F1623;padding-inline-end:11%;padding-inline-start:11%;}.site-footer{background-color:var( --e-global-color-d6cea4e );}.elementor-kit-1506 a{font-family:"DM Sans", Sans-serif;}.elementor-kit-1506 h1{font-family:"Syne", Sans-serif;font-size:64px;font-weight:800;}.elementor-kit-1506 h2{font-family:"Syne", Sans-serif;font-size:44px;}.elementor-kit-1506 h3{font-family:"Syne", Sans-serif;font-size:28px;}.elementor-kit-1506 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-392b9e0-font-family ), Sans-serif;font-size:var( --e-global-typography-392b9e0-font-size );font-weight:var( --e-global-typography-392b9e0-font-weight );text-transform:var( --e-global-typography-392b9e0-text-transform );font-style:var( --e-global-typography-392b9e0-font-style );text-decoration:var( --e-global-typography-392b9e0-text-decoration );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--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){margin-block-end: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 .site-logo img{width:59px;max-width:59px;}.site-header .site-navigation ul.menu li a{color:#FF4D1C;}.site-header .site-navigation-toggle .site-navigation-toggle-icon{color:#FFFFFF;}.site-header .site-navigation .menu li{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.site-footer .copyright p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}@media(max-width:1024px){.elementor-kit-1506{--e-global-typography-primary-font-size:45px;--e-global-typography-secondary-font-size:25px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:14px;--e-global-typography-c05b693-font-size:14px;--e-global-typography-6558fb1-font-size:14px;--e-global-typography-92bce3b-font-size:14px;--e-global-typography-b2deeae-font-size:65px;--e-global-typography-fb1a3e0-font-size:145px;--e-global-typography-397e168-font-size:14px;}.elementor-kit-1506 h4{font-size:var( --e-global-typography-392b9e0-font-size );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}.site-header{padding-inline-end:5%;padding-inline-start:5%;}.site-header .site-navigation .menu li{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.site-footer .copyright p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-kit-1506{--e-global-typography-primary-font-size:28px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:20px;--e-global-typography-392b9e0-font-size:18px;--e-global-typography-b2deeae-font-size:48px;--e-global-typography-b2deeae-line-height:1em;--e-global-typography-fb1a3e0-font-size:100px;--e-global-typography-fb1a3e0-line-height:1em;}.elementor-kit-1506 h4{font-size:var( --e-global-typography-392b9e0-font-size );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.site-header .site-navigation .menu li{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.site-footer .copyright p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}
/* Start custom CSS *//* ════════════════════════════════════════
   JJ COMMUNICATIE — BRAND CSS
   Versie 1.0 — Elementor Pro
   ════════════════════════════════════════ */

/* Merkkleur variabelen */
:root {
  --jj-orange:     #FF4D1C;
  --jj-yellow:     #FFD600;
  --jj-green:      #1DBA6E;
  --jj-navy:       #0F1623;
  --jj-offwhite:   #F5F2EC;
  --jj-lightgray:  #E8E5DF;
  --jj-gray:       #8A8A8A;

  /* Spacing schaal (8px grid) */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  32px;
  --space-lg:  64px;
  --space-xl:  96px;

  /* Border radius */
  --radius:    6px;
  --radius-lg: 16px;
}

/* Pagina-achtergrond */
body {
  background-color: var(--jj-offwhite);
  color: var(--jj-navy);
}

/* Kopfont: letter-spacing verfijnen */
h1 { letter-spacing: -2px; }
h2 { letter-spacing: -1px; }
h3 { letter-spacing: -0.5px; }

/* Bodytekst */
p {
  line-height: 1.75;
  color: var(--jj-navy);
}
/* ── PRIMAIRE KNOP (Oranje, gevuld) ── */
.elementor-button,
.elementor-button.elementor-size-md {
  background-color: var(--jj-orange) !important;
  color: #ffffff !important;
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: -0.3px !important;
  border-radius: var(--radius) !important;
  padding: 14px 28px !important;
  border: 2px solid var(--jj-orange) !important;
  transition: transform .15s, box-shadow .15s !important;
}
.elementor-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(255, 77, 28, 0.35) !important;
  background-color: #e8430f !important;
}

/* ── SECUNDAIRE KNOP — voeg CSS class "jj-btn-secondary" toe in widget */
.jj-btn-secondary .elementor-button {
  background-color: transparent !important;
  color: var(--jj-navy) !important;
  border: 2px solid var(--jj-navy) !important;
}
.jj-btn-secondary .elementor-button:hover {
  background-color: var(--jj-navy) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

/* ── GHOST KNOP — voeg CSS class "jj-btn-ghost" toe in widget */
.jj-btn-ghost .elementor-button {
  background-color: transparent !important;
  color: var(--jj-orange) !important;
  border: 2px solid var(--jj-orange) !important;
}
.jj-btn-ghost .elementor-button:hover {
  background-color: var(--jj-orange) !important;
  color: #ffffff !important;
}
/* ════════════════════════════════════════
   SECTIESTIJLEN
   Gebruik: voeg CSS class toe aan Elementor sectie
   ════════════════════════════════════════ */

/* Donkere sectie (navy) */
.jj-section-dark {
  background-color: var(--jj-navy) !important;
  position: relative;
  overflow: hidden;
}
.jj-section-dark h1,
.jj-section-dark h2,
.jj-section-dark h3 {
  color: #ffffff;
}
.jj-section-dark p {
  color: rgba(255,255,255,0.65);
}

/* Oranje accentcirkel (decoratief, rechtsboven) */
.jj-section-dark::before {
  content: '';
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: var(--jj-orange);
  top: -200px;
  right: -100px;
  opacity: 0.85;
  z-index: 0;
}
.jj-section-dark > .elementor-container {
  position: relative;
  z-index: 1;
}

/* Gele accentssectie */
.jj-section-yellow {
  background-color: var(--jj-yellow) !important;
}
.jj-section-yellow h1,
.jj-section-yellow h2,
.jj-section-yellow h3,
.jj-section-yellow p {
  color: var(--jj-navy) !important;
}

/* Lichte off-white sectie (standaard) */
.jj-section-light {
  background-color: var(--jj-offwhite) !important;
}

/* Witte kaart-stijl sectie */
.jj-card {
  background: #ffffff;
  border-radius: var(--radius-lg);
  padding: 32px;
  box-shadow: 0 2px 20px rgba(0,0,0,0.06);
}

/* Oranje accentlijn boven een kolom of kaart */
.jj-accent-top {
  border-top: 4px solid var(--jj-orange);
  padding-top: 24px;
}

/* Label / badge stijl */
.jj-label {
  display: inline-block;
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--jj-orange);
  margin-bottom: 8px;
}

/* Divider lijn met merkkleuren */
.jj-divider {
  height: 4px;
  background: linear-gradient(90deg, var(--jj-orange), var(--jj-yellow), var(--jj-green));
  border: none;
  border-radius: 2px;
  margin: 48px 0;
}
/* Header achtergrond */
.elementor-location-header {
  background-color: var(--jj-navy);
  box-shadow: 0 2px 24px rgba(0,0,0,0.15);
}

/* Nav-links */
.elementor-nav-menu a {
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: rgba(255,255,255,0.75);
  transition: color .2s;
}
.elementor-nav-menu a:hover,
.elementor-nav-menu .current-menu-item a {
  color: var(--jj-orange);
}

/* Sticky header */
.elementor-sticky--active .elementor-location-header {
  background-color: rgba(15,22,35,0.97);
  backdrop-filter: blur(12px);
}/* End custom CSS */