.cx-hero,.cx-hero *{box-sizing:border-box!important;text-align:left!important}
.cx-hero{display:block!important;position:relative;overflow:hidden;width:100%;margin:0;padding:92px 0 44px;background:#0A1017;font-family:'Plus Jakarta Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.cx-hero .cx-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 140% at 12% 0%,rgba(22,154,71,.16),transparent 55%)}
.cx-hero .cx-inner{position:relative;display:block!important;max-width:1320px;margin:0 auto;padding:0 50px}

/* Kruimelpad */
.cx-hero .cx-crumb{display:flex;align-items:center;justify-content:flex-start!important;flex-wrap:wrap;gap:8px;margin:0 0 26px;font-size:13px;line-height:1.4;color:#6C7A86}
.cx-hero a.cx-crumb-a{display:inline!important;margin:0!important;padding:0!important;background:none!important;border:0!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-size:13px!important;font-weight:400!important;line-height:1.4!important;color:#A9B7C2!important;text-decoration:none!important;white-space:nowrap;transition:color .15s ease}
.cx-hero a.cx-crumb-a:hover{color:#6CC08B!important}
.cx-hero a.cx-crumb-a:focus-visible{outline:2px solid #6CC08B!important;outline-offset:3px;border-radius:4px}
.cx-hero .cx-cur{color:#F2F6F4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}

/* Twee kolommen: competitie links, volgende wedstrijd rechts */
.cx-hero .cx-grid{display:flex;align-items:center;justify-content:space-between!important;gap:40px}
.cx-hero .cx-left{flex:1 1 auto;min-width:0}
.cx-hero .cx-next{flex:0 0 440px;width:440px}
.cx-hero .cx-next.cx-gone{display:none!important}

/* Logo + titel */
.cx-hero .cx-row{display:flex;align-items:center;justify-content:flex-start!important;gap:26px;min-width:0}
.cx-hero .cx-logo{width:96px;height:96px;flex:none;display:flex;align-items:center;justify-content:center;padding:14px;background:#fff;border-radius:22px;overflow:hidden}
.cx-hero .cx-logo img{display:block;width:100%;height:100%;object-fit:contain}
.cx-hero .cx-logo .cx-init{font-family:'Poppins',system-ui,sans-serif;font-size:22px;font-weight:700;color:#0F1621}
.cx-hero .cx-txt{flex:1 1 auto;min-width:0}
.cx-hero .cx-eb-row{display:flex;align-items:center;justify-content:flex-start!important;gap:10px;margin:0 0 12px}
.cx-hero .cx-tick{width:3px;height:13px;flex:none;background:#6CC08B}
.cx-hero .cx-eb{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:#6CC08B}
.cx-hero h1.cx-h1{margin:0!important;padding:0!important;font-family:'Poppins',system-ui,sans-serif!important;font-size:56px!important;font-weight:700!important;line-height:1.04!important;letter-spacing:-.03em!important;color:#F2F6F4!important;text-transform:none!important;text-wrap:balance;overflow-wrap:break-word}

/* Gegevens onder de naam: elk gegeven begint met een puntje; het puntje aan het begin van een regel valt buiten beeld */
.cx-hero .cx-metaw{overflow:hidden;margin-top:14px}
.cx-hero .cx-meta{display:flex;align-items:center;justify-content:flex-start!important;flex-wrap:wrap;gap:4px 0;min-height:21px;margin:0 0 0 -21px;font-size:14px;font-weight:500;line-height:1.5;color:#A9B7C2}
.cx-hero .cx-mi{white-space:nowrap}
.cx-hero .cx-mi:empty{display:none}
.cx-hero .cx-mi::before{content:"\00b7";display:inline-block;width:21px;text-align:center!important;color:#4A5560}

/* Kaart volgende wedstrijd */
.cx-hero .cx-next{position:relative;display:block;margin:0;padding:0;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);border-radius:18px;overflow:hidden;color:#F2F6F4}
.cx-hero .cx-nh{display:flex;align-items:center;justify-content:space-between!important;gap:12px;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.cx-hero .cx-nh-l{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:#6CC08B;white-space:nowrap}
.cx-hero .cx-nh-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#6CC08B}
.cx-hero .cx-nh-r{min-width:0;font-size:12.5px;line-height:1.3;color:#8A97A2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-hero .cx-nm{display:flex;align-items:flex-start;justify-content:space-between!important;gap:10px;padding:18px 18px 4px}
.cx-hero .cx-nt{display:flex;flex:1 1 0;flex-direction:column;align-items:center;min-width:0;text-align:center!important}
.cx-hero .cx-nt img{display:block;width:40px;height:40px;object-fit:contain}
.cx-hero .cx-nt .cx-ni{display:flex;align-items:center;justify-content:center!important;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);font-family:'Poppins',system-ui,sans-serif;font-size:13px;font-weight:700;color:#C9D3DA}
.cx-hero .cx-nn{display:block;width:100%;margin-top:9px;font-family:'Poppins',system-ui,sans-serif;font-size:14.5px;font-weight:600;line-height:1.3;color:#F2F6F4;text-align:center!important;overflow-wrap:anywhere}
.cx-hero .cx-nr{display:block;margin-top:3px;font-size:12px;line-height:1.3;color:#8A97A2;text-align:center!important}
.cx-hero .cx-nc{display:flex;flex:none;flex-direction:column;align-items:center;min-width:92px;padding-top:2px;text-align:center!important}
.cx-hero .cx-time{font-family:'Poppins',system-ui,sans-serif;font-size:28px;font-weight:700;line-height:1;letter-spacing:-.02em;color:#F2F6F4;font-variant-numeric:tabular-nums;text-align:center!important}
.cx-hero .cx-date{margin-top:6px;font-size:12.5px;line-height:1.3;color:#8A97A2;text-align:center!important;white-space:nowrap}
.cx-hero .cx-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#6CC08B}
.cx-hero .cx-live i{width:7px;height:7px;border-radius:50%;background:#6CC08B;animation:cxBlink 1.2s ease-in-out infinite}
@keyframes cxBlink{50%{opacity:.3}}
.cx-hero .cx-odds{display:flex;gap:8px;padding:16px 18px 0}
.cx-hero .cx-odds>*{flex:1 1 0;min-width:0}
.cx-hero a.cx-odd,.cx-hero span.cx-odd{display:block!important;margin:0!important;padding:10px 6px 9px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;box-shadow:none!important;color:#F2F6F4!important;text-decoration:none!important;text-align:center!important;transition:background-color .15s ease,border-color .15s ease}
.cx-hero a.cx-odd:hover{background:rgba(22,154,71,.16)!important;border-color:rgba(108,192,139,.55)!important}
.cx-hero .cx-ok{display:block;font-size:11px;font-weight:700;line-height:1;letter-spacing:.06em;color:#8A97A2;text-align:center!important}
.cx-hero .cx-ov{display:block;margin-top:6px;font-family:'Poppins',system-ui,sans-serif;font-size:19px;font-weight:700;line-height:1;color:#F2F6F4;font-variant-numeric:tabular-nums;text-align:center!important}
.cx-hero .cx-ob{display:block;margin-top:6px;font-size:11.5px;line-height:1.2;color:#9FDDB4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center!important}
.cx-hero span.cx-odd .cx-ov{color:#5B6872}
.cx-hero .cx-nodds{margin:16px 18px 0;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04);font-size:13px;line-height:1.5;color:#A9B7C2}
.cx-hero .cx-nf{display:flex;align-items:center;justify-content:space-between!important;flex-wrap:wrap;gap:8px 14px;padding:14px 18px 16px}
.cx-hero .cx-tv{display:inline-flex;align-items:center;gap:7px;min-width:0;font-size:13px;line-height:1.3;color:#A9B7C2}
.cx-hero .cx-tv i{width:6px;height:6px;flex:none;border-radius:50%;background:#6CC08B}
.cx-hero a.cx-tv-a{display:inline!important;margin:0!important;padding:0!important;background:none!important;border:0!important;font:inherit!important;font-weight:600!important;color:#F2F6F4!important;text-decoration:none!important}
.cx-hero a.cx-tv-a:hover{color:#6CC08B!important}
.cx-hero a.cx-vb{display:inline-flex!important;align-items:center;gap:6px;margin:0 0 0 auto!important;padding:0!important;background:none!important;border:0!important;font-family:'Poppins',system-ui,sans-serif!important;font-size:13.5px!important;font-weight:600!important;line-height:1.2!important;color:#6CC08B!important;text-decoration:none!important;white-space:nowrap}
.cx-hero a.cx-vb:hover{color:#9FDDB4!important}
.cx-hero a.cx-vb svg{width:14px;height:14px;display:block;flex:none;transition:transform .15s ease}
.cx-hero a.cx-vb:hover svg{transform:translateX(3px)}
.cx-hero a:focus-visible{outline:2px solid #6CC08B!important;outline-offset:3px;border-radius:6px}

/* Laden */
.cx-hero .cx-sk{display:block;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.11) 50%,rgba(255,255,255,.06) 75%);background-size:200% 100%;animation:cxSk 1.3s ease-in-out infinite}
.cx-hero .cx-sk-odd{height:64px;border-radius:12px}
.cx-hero .cx-nt .cx-sk,.cx-hero .cx-nc .cx-sk{margin-left:auto;margin-right:auto}
@keyframes cxSk{0%{background-position:200% 0}100%{background-position:-200% 0}}

@media(max-width:1180px){
  .cx-hero .cx-next{flex-basis:400px;width:400px}
  .cx-hero h1.cx-h1{font-size:48px!important}
}
@media(max-width:980px){
  .cx-hero{padding:92px 0 30px}
  .cx-hero .cx-inner{padding:0 24px}
  .cx-hero .cx-grid{display:block}
  .cx-hero .cx-next{width:100%;max-width:560px;margin-top:26px}
  .cx-hero h1.cx-h1{font-size:40px!important}
}
@media(max-width:640px){
  .cx-hero{padding:92px 0 28px}
  .cx-hero .cx-crumb{margin-bottom:18px}
  .cx-hero .cx-row{gap:16px}
  .cx-hero .cx-logo{width:64px;height:64px;border-radius:15px;padding:10px}
  .cx-hero .cx-logo .cx-init{font-size:16px}
  .cx-hero .cx-eb-row{margin-bottom:8px}
  .cx-hero .cx-eb{font-size:11px}
  .cx-hero h1.cx-h1{font-size:32px!important}
  .cx-hero .cx-metaw{margin-top:10px}
  .cx-hero .cx-meta{font-size:13px;min-height:20px}
  .cx-hero .cx-next{margin-top:22px}
  .cx-hero .cx-nh{flex-wrap:wrap;gap:4px 12px}
  .cx-hero .cx-nh-r{white-space:normal}
  .cx-hero .cx-nh,.cx-hero .cx-nf{padding-left:14px;padding-right:14px}
  .cx-hero .cx-nm{padding:16px 14px 2px}
  .cx-hero .cx-odds{padding:14px 14px 0;gap:6px}
  .cx-hero .cx-nodds{margin:14px 14px 0}
  .cx-hero .cx-time{font-size:24px}
  .cx-hero .cx-nn{font-size:13.5px}
}
@media(max-width:420px){
  .cx-hero .cx-logo{width:54px;height:54px;border-radius:13px;padding:8px}
  .cx-hero h1.cx-h1{font-size:28px!important}
  .cx-hero .cx-cur{max-width:160px}
  .cx-hero .cx-nc{min-width:76px}
}
@media(prefers-reduced-motion:reduce){.cx-hero *{animation:none!important;transition:none!important}}