{"id":32,"date":"2026-05-19T12:21:15","date_gmt":"2026-05-19T12:21:15","guid":{"rendered":"https:\/\/sportbrein.com\/?page_id=32"},"modified":"2026-05-19T12:21:15","modified_gmt":"2026-05-19T12:21:15","slug":"32-2","status":"publish","type":"page","link":"https:\/\/sportbrein.com\/index.php\/32-2\/","title":{"rendered":""},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"nl\"><br \/>\n<head><br \/>\n  <meta charset=\"UTF-8\"><br \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n  <title>Concepten \u2014 Sportbrein<\/title><br \/>\n  <meta name=\"description\" content=\"Vier concepten van Sportbrein: Jaarplanner (periodisering), Mindform (mindset-game), Vitaal Sportpark en de Artikelen-kennisbasis. Per concept: probleem, oplossing en voor wie.\"><br \/>\n  <meta name=\"theme-color\" content=\"#F2EFE8\"><\/p>\n<p>  <meta property=\"og:type\" content=\"website\"><br \/>\n  <meta property=\"og:title\" content=\"Concepten \u2014 Sportbrein\"><br \/>\n  <meta property=\"og:description\" content=\"Vier concepten van Sportbrein: periodisering, mindset-training, vitale sportparken en een kennisbasis van 200+ artikelen.\"><br \/>\n  <meta property=\"og:url\" content=\"https:\/\/sportbrein.com\/concepten\/\"><br \/>\n  <meta property=\"og:locale\" content=\"nl_NL\"><\/p>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,800;1,9..144,300;1,9..144,400;1,9..144,500&#038;family=Manrope:wght@300;400;500;600;700;800&#038;family=JetBrains+Mono:wght@400;500;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n    \/* =========================================================\n       SPORTBREIN \u2014 Concepten page\n       Reuses the homepage design system.\n       ========================================================= *\/<\/p>\n<p>    :root {\n      --paper:        #F2EFE8;\n      --paper-warm:   #E9E4D6;\n      --paper-deep:   #DCD6C5;\n      --ink:          #0F1419;\n      --ink-soft:     #2A2F3A;\n      --grey:         #6E6B65;\n      --grey-light:   #B5B2AC;\n      --rule:         rgba(15, 20, 25, 0.14);\n      --rule-strong:  rgba(15, 20, 25, 0.45);\n      --rule-light:   rgba(250, 248, 242, 0.18);\n      --accent:       #D8431C;\n      --accent-deep:  #A8341A;\n      --pitch:        #0E5C3A;\n      --chalk:        #FAF8F2;<\/p>\n<p>      --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;\n      --font-body:    'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n      --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;<\/p>\n<p>      --container:    1280px;\n      --gutter:       clamp(20px, 4vw, 56px);\n      --section-pad:  clamp(64px, 9vw, 120px);\n    }<\/p>\n<p>    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    html { scroll-behavior: smooth; scroll-padding-top: 80px; }<\/p>\n<p>    body {\n      font-family: var(--font-body);\n      background: var(--paper);\n      color: var(--ink);\n      line-height: 1.55;\n      font-size: 17px;\n      font-weight: 400;\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n      overflow-x: hidden;\n      text-rendering: optimizeLegibility;\n    }<\/p>\n<p>    body::before {\n      content: '';\n      position: fixed;\n      inset: 0;\n      pointer-events: none;\n      z-index: 1;\n      opacity: 0.32;\n      mix-blend-mode: multiply;\n      background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'\/><feColorMatrix values='0 0 0 0 0.06 0 0 0 0 0.08 0 0 0 0 0.1 0 0 0 0.6 0'\/><\/filter><rect width='100%25' height='100%25' filter='url(%23n)'\/><\/svg>\");\n    }<\/p>\n<p>    img { max-width: 100%; height: auto; display: block; }\n    a   { color: inherit; text-decoration: none; }\n    button { font: inherit; cursor: pointer; border: 0; background: none; color: inherit; }\n    ul, ol { list-style: none; }<\/p>\n<p>    ::selection { background: var(--accent); color: var(--chalk); }<\/p>\n<p>    .skip {\n      position: absolute; left: -9999px; top: 0;\n      background: var(--ink); color: var(--chalk);\n      padding: 10px 16px; z-index: 1000; font-weight: 600;\n    }\n    .skip:focus { left: 16px; top: 16px; }<\/p>\n<p>    .container {\n      width: 100%;\n      max-width: var(--container);\n      margin: 0 auto;\n      padding: 0 var(--gutter);\n      position: relative;\n    }<\/p>\n<p>    .kicker {\n      font-family: var(--font-mono);\n      font-size: 12px;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      color: var(--ink-soft);\n      font-weight: 500;\n    }\n    .kicker--muted { color: var(--grey); }<\/p>\n<p>    \/* Buttons *\/\n    .btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 15px 24px;\n      font-family: var(--font-body);\n      font-weight: 600;\n      font-size: 15px;\n      letter-spacing: 0.01em;\n      border-radius: 2px;\n      transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1),\n                  background 0.25s, color 0.25s, box-shadow 0.25s;\n      position: relative;\n      white-space: nowrap;\n    }\n    .btn .arrow { display: inline-block; transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1); }\n    .btn:hover .arrow { transform: translateX(6px); }<\/p>\n<p>    .btn--primary { background: var(--ink); color: var(--chalk); }\n    .btn--primary:hover { background: var(--accent); }\n    .btn--accent { background: var(--accent); color: var(--chalk); }\n    .btn--accent:hover { background: var(--accent-deep); }\n    .btn--ghost {\n      background: transparent;\n      color: var(--ink);\n      box-shadow: inset 0 0 0 1px var(--rule-strong);\n    }\n    .btn--ghost:hover {\n      background: var(--ink); color: var(--chalk);\n      box-shadow: inset 0 0 0 1px var(--ink);\n    }\n    .btn--ghost-light {\n      background: transparent;\n      color: var(--chalk);\n      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4);\n    }\n    .btn--ghost-light:hover { background: var(--chalk); color: var(--ink); }<\/p>\n<p>    \/* ============================== HEADER ============================== *\/\n    .site-header {\n      position: sticky;\n      top: 0;\n      z-index: 50;\n      background: rgba(242, 239, 232, 0.85);\n      backdrop-filter: saturate(140%) blur(10px);\n      -webkit-backdrop-filter: saturate(140%) blur(10px);\n      border-bottom: 1px solid var(--rule);\n    }\n    .header-inner {\n      display: grid;\n      grid-template-columns: auto 1fr auto;\n      align-items: center;\n      gap: 32px;\n      height: 72px;\n    }\n    .brand {\n      display: flex;\n      align-items: baseline;\n      gap: 10px;\n      font-family: var(--font-display);\n      font-weight: 800;\n      font-size: 22px;\n      letter-spacing: -0.01em;\n      color: var(--ink);\n    }\n    .brand-mark { position: relative; padding-left: 14px; }\n    .brand-mark::before {\n      content: '';\n      position: absolute;\n      left: 0; top: 50%;\n      width: 6px; height: 6px;\n      background: var(--accent);\n      border-radius: 50%;\n      transform: translateY(-50%);\n    }\n    .brand-sub {\n      font-family: var(--font-mono);\n      font-size: 10px;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      color: var(--grey);\n      font-weight: 500;\n    }\n    .nav-list { display: flex; justify-content: center; gap: 4px; }\n    .nav-link {\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--ink-soft);\n      padding: 8px 14px;\n      border-radius: 2px;\n      transition: color 0.2s, background 0.2s;\n      position: relative;\n    }\n    .nav-link:hover { color: var(--accent); }\n    .nav-link[aria-current=\"page\"] { color: var(--ink); }\n    .nav-link[aria-current=\"page\"]::after {\n      content: '';\n      position: absolute;\n      left: 14px; right: 14px;\n      bottom: 2px;\n      height: 2px;\n      background: var(--accent);\n    }\n    .header-cta {\n      font-family: var(--font-mono);\n      font-size: 12px;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      font-weight: 500;\n      color: var(--ink);\n      padding: 10px 16px;\n      box-shadow: inset 0 0 0 1px var(--rule-strong);\n      border-radius: 2px;\n      transition: background 0.25s, color 0.25s;\n    }\n    .header-cta:hover { background: var(--ink); color: var(--chalk); }\n    .menu-toggle {\n      display: none;\n      width: 40px; height: 40px;\n      align-items: center;\n      justify-content: center;\n    }\n    .menu-toggle span {\n      width: 20px; height: 1.5px; background: var(--ink);\n      position: relative;\n    }\n    .menu-toggle span::before,\n    .menu-toggle span::after {\n      content: ''; position: absolute; left: 0;\n      width: 100%; height: 1.5px; background: var(--ink);\n    }\n    .menu-toggle span::before { top: -6px; }\n    .menu-toggle span::after  { top:  6px; }<\/p>\n<p>    \/* ============================== PAGE HERO ============================== *\/\n    .page-hero {\n      padding: clamp(56px, 8vw, 96px) 0 clamp(32px, 5vw, 56px);\n      border-bottom: 1px solid var(--rule);\n    }\n    .page-hero-meta {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin-bottom: clamp(24px, 4vw, 40px);\n      padding-bottom: 14px;\n      border-bottom: 1px solid var(--rule);\n    }\n    .page-hero-title {\n      font-family: var(--font-display);\n      font-size: clamp(48px, 9.5vw, 144px);\n      font-weight: 400;\n      letter-spacing: -0.035em;\n      line-height: 0.94;\n      color: var(--ink);\n      font-variation-settings: \"opsz\" 144;\n      margin-bottom: clamp(28px, 4vw, 44px);\n    }\n    .page-hero-title em { font-style: italic; font-weight: 300; color: var(--accent); }<\/p>\n<p>    .page-hero-grid {\n      display: grid;\n      grid-template-columns: 1.2fr 1fr;\n      gap: clamp(32px, 5vw, 80px);\n      align-items: start;\n      padding-top: 24px;\n      border-top: 1px solid var(--rule);\n    }\n    .page-hero-lead {\n      font-size: clamp(18px, 1.5vw, 21px);\n      color: var(--ink-soft);\n      line-height: 1.55;\n      max-width: 56ch;\n    }<\/p>\n<p>    \/* Anchor index *\/\n    .toc {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n    }\n    .toc-item {\n      display: grid;\n      grid-template-columns: 56px 1fr auto;\n      gap: 16px;\n      align-items: baseline;\n      padding: 14px 0;\n      border-top: 1px solid var(--rule);\n      transition: padding 0.3s, color 0.2s;\n    }\n    .toc-item:last-child { border-bottom: 1px solid var(--rule); }\n    .toc-item:hover { padding-left: 8px; color: var(--accent); }\n    .toc-num {\n      font-family: var(--font-mono);\n      font-size: 12px;\n      color: var(--grey);\n      letter-spacing: 0.12em;\n      font-weight: 500;\n    }\n    .toc-name {\n      font-family: var(--font-display);\n      font-size: clamp(18px, 1.8vw, 22px);\n      font-weight: 500;\n      letter-spacing: -0.01em;\n      color: var(--ink);\n      transition: color 0.2s;\n    }\n    .toc-item:hover .toc-name { color: var(--accent); }\n    .toc-tag {\n      font-family: var(--font-mono);\n      font-size: 11px;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      color: var(--grey);\n      font-weight: 500;\n    }<\/p>\n<p>    \/* ============================== CONCEPT SECTION ============================== *\/\n    .concept-section {\n      padding: var(--section-pad) 0;\n      position: relative;\n      scroll-margin-top: 80px;\n    }\n    .concept-section--paper-warm { background: var(--paper-warm); }\n    .concept-section--dark { background: var(--ink); color: var(--chalk); }\n    .concept-section--dark a { color: var(--chalk); }<\/p>\n<p>    .concept-head {\n      display: grid;\n      grid-template-columns: auto 1fr;\n      align-items: end;\n      gap: 24px;\n      margin-bottom: clamp(36px, 5vw, 64px);\n      padding-bottom: 24px;\n      border-bottom: 1px solid var(--rule);\n    }\n    .concept-section--dark .concept-head { border-bottom-color: var(--rule-light); }<\/p>\n<p>    .concept-section-num {\n      font-family: var(--font-mono);\n      font-size: 13px;\n      letter-spacing: 0.16em;\n      color: var(--grey);\n      font-weight: 500;\n    }\n    .concept-section--dark .concept-section-num { color: var(--grey-light); }<\/p>\n<p>    .concept-section-meta {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-end;\n      text-align: right;\n      gap: 6px;\n    }\n    .concept-section-tag {\n      font-family: var(--font-mono);\n      font-size: 11px;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      color: var(--accent);\n      padding: 4px 10px;\n      border: 1px solid var(--accent);\n      border-radius: 2px;\n      font-weight: 500;\n      align-self: flex-end;\n    }\n    .concept-section-tag--ext { color: var(--pitch); border-color: var(--pitch); }\n    .concept-section--dark .concept-section-tag { color: var(--accent); border-color: var(--accent); }<\/p>\n<p>    .concept-section-title {\n      font-family: var(--font-display);\n      font-size: clamp(48px, 8.5vw, 128px);\n      font-weight: 400;\n      letter-spacing: -0.035em;\n      line-height: 0.95;\n      color: var(--ink);\n      font-variation-settings: \"opsz\" 144;\n    }\n    .concept-section--dark .concept-section-title { color: var(--chalk); }\n    .concept-section-title em { font-style: italic; font-weight: 300; color: var(--accent); }<\/p>\n<p>    .concept-body {\n      display: grid;\n      grid-template-columns: 1fr 1.4fr;\n      gap: clamp(36px, 5vw, 88px);\n      align-items: start;\n    }<\/p>\n<p>    \/* Definition block \u2014 Probleem \/ Oplossing \/ Voor wie *\/\n    .concept-def {\n      position: sticky;\n      top: 96px;\n      display: flex;\n      flex-direction: column;\n    }\n    .concept-def-row {\n      padding: 18px 0;\n      border-top: 1px solid var(--rule);\n    }\n    .concept-section--dark .concept-def-row { border-top-color: var(--rule-light); }\n    .concept-def-row:last-child { border-bottom: 1px solid var(--rule); }\n    .concept-section--dark .concept-def-row:last-child { border-bottom-color: var(--rule-light); }<\/p>\n<p>    .concept-def-label {\n      font-family: var(--font-mono);\n      font-size: 11px;\n      letter-spacing: 0.16em;\n      text-transform: uppercase;\n      color: var(--grey);\n      font-weight: 500;\n      margin-bottom: 6px;\n    }\n    .concept-section--dark .concept-def-label { color: var(--grey-light); }\n    .concept-def-text {\n      font-size: 16px;\n      color: var(--ink-soft);\n      line-height: 1.5;\n    }\n    .concept-section--dark .concept-def-text { color: var(--chalk); }<\/p>\n<p>    .concept-def-actions {\n      margin-top: 20px;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      align-items: flex-start;\n    }<\/p>\n<p>    \/* Long-form content area *\/\n    .concept-content {\n      display: flex;\n      flex-direction: column;\n      gap: 28px;\n    }\n    .concept-lead {\n      font-family: var(--font-display);\n      font-size: clamp(22px, 2.6vw, 30px);\n      font-weight: 400;\n      line-height: 1.25;\n      letter-spacing: -0.015em;\n      color: var(--ink);\n    }\n    .concept-section--dark .concept-lead { color: var(--chalk); }\n    .concept-lead em { font-style: italic; color: var(--accent); }<\/p>\n<p>    .concept-content p {\n      font-size: 17px;\n      color: var(--ink-soft);\n      line-height: 1.65;\n      max-width: 62ch;\n    }\n    .concept-section--dark .concept-content p { color: var(--grey-light); }<\/p>\n<p>    .concept-content h4 {\n      font-family: var(--font-mono);\n      font-size: 11px;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      color: var(--grey);\n      font-weight: 500;\n      margin-top: 12px;\n      padding-bottom: 6px;\n      border-bottom: 1px solid var(--rule);\n    }\n    .concept-section--dark .concept-content h4 {\n      color: var(--grey-light);\n      border-bottom-color: var(--rule-light);\n    }<\/p>\n<p>    \/* Feature list *\/\n    .feature-list {\n      display: flex;\n      flex-direction: column;\n    }\n    .feature-row {\n      display: grid;\n      grid-template-columns: 32px 1fr;\n      gap: 16px;\n      padding: 14px 0;\n      border-top: 1px solid var(--rule);\n    }\n    .concept-section--dark .feature-row { border-top-color: var(--rule-light); }\n    .feature-row:last-child { border-bottom: 1px solid var(--rule); }\n    .concept-section--dark .feature-row:last-child { border-bottom-color: var(--rule-light); }\n    .feature-num {\n      font-family: var(--font-mono);\n      font-size: 11px;\n      color: var(--grey);\n      letter-spacing: 0.1em;\n      font-weight: 500;\n      padding-top: 4px;\n    }\n    .feature-text {\n      font-size: 16px;\n      color: var(--ink-soft);\n      line-height: 1.55;\n    }\n    .concept-section--dark .feature-text { color: var(--chalk); }\n    .feature-text strong {\n      font-weight: 600;\n      color: var(--ink);\n    }\n    .concept-section--dark .feature-text strong { color: var(--chalk); }<\/p>\n<p>    \/* Pull quote *\/\n    .pullquote {\n      font-family: var(--font-display);\n      font-size: clamp(24px, 3vw, 36px);\n      font-weight: 400;\n      font-style: italic;\n      line-height: 1.25;\n      letter-spacing: -0.015em;\n      color: var(--ink);\n      padding: 20px 0 20px 28px;\n      border-left: 3px solid var(--accent);\n      max-width: 30ch;\n    }\n    .concept-section--dark .pullquote { color: var(--chalk); }\n    .pullquote-attr {\n      display: block;\n      margin-top: 12px;\n      font-family: var(--font-mono);\n      font-style: normal;\n      font-size: 11px;\n      letter-spacing: 0.16em;\n      text-transform: uppercase;\n      color: var(--grey);\n      font-weight: 500;\n    }<\/p>\n<p>    \/* Field grid (for Vitaal Sportpark) *\/\n    .field-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 14px;\n      margin-top: 8px;\n    }\n    .field-card {\n      background: var(--chalk);\n      border: 1px solid var(--rule);\n      padding: 20px;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      transition: border-color 0.3s, transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n    }\n    .concept-section--paper-warm .field-card { background: var(--paper); }\n    .field-card:hover { border-color: var(--ink); transform: translateY(-2px); }\n    .field-num {\n      font-family: var(--font-mono);\n      font-size: 11px;\n      letter-spacing: 0.14em;\n      color: var(--grey);\n      font-weight: 500;\n    }\n    .field-name {\n      font-family: var(--font-display);\n      font-size: 22px;\n      font-weight: 500;\n      letter-spacing: -0.01em;\n      color: var(--ink);\n      line-height: 1.1;\n    }\n    .field-desc {\n      font-size: 14px;\n      color: var(--ink-soft);\n      line-height: 1.45;\n    }<\/p>\n<p>    \/* Decorative SVG slot *\/\n    .concept-deco {\n      position: absolute;\n      pointer-events: none;\n      opacity: 0.06;\n      color: var(--ink);\n      z-index: 0;\n    }\n    .concept-section--dark .concept-deco { color: var(--chalk); opacity: 0.08; }<\/p>\n<p>    .concept-deco--top-right { top: 6%; right: -100px; width: 320px; height: 320px; }\n    .concept-deco--bottom-left { bottom: 4%; left: -80px; width: 280px; height: 280px; }<\/p>\n<p>    \/* Partner list *\/\n    .partner-list {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n    }\n    .partner-tag {\n      font-family: var(--font-mono);\n      font-size: 11px;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      color: var(--ink-soft);\n      padding: 6px 12px;\n      background: var(--chalk);\n      border: 1px solid var(--rule);\n      border-radius: 2px;\n      font-weight: 500;\n    }\n    .concept-section--paper-warm .partner-tag { background: var(--paper); }<\/p>\n<p>    \/* Mini-stats *\/\n    .stat-strip {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 1px;\n      background: var(--rule);\n      border: 1px solid var(--rule);\n      margin: 8px 0;\n    }\n    .concept-section--dark .stat-strip {\n      background: var(--rule-light);\n      border-color: var(--rule-light);\n    }\n    .stat-cell {\n      background: var(--paper);\n      padding: 18px 16px;\n    }\n    .concept-section--paper-warm .stat-cell { background: var(--paper-warm); }\n    .concept-section--dark .stat-cell { background: var(--ink); }\n    .stat-num {\n      font-family: var(--font-display);\n      font-size: clamp(26px, 3vw, 36px);\n      font-weight: 500;\n      line-height: 1;\n      color: var(--ink);\n      letter-spacing: -0.015em;\n      margin-bottom: 4px;\n    }\n    .concept-section--dark .stat-num { color: var(--chalk); }\n    .stat-label {\n      font-family: var(--font-mono);\n      font-size: 10px;\n      letter-spacing: 0.16em;\n      text-transform: uppercase;\n      color: var(--grey);\n      font-weight: 500;\n    }<\/p>\n<p>    \/* Placeholder boxes (for user's own screenshots \/ content) *\/\n    .placeholder {\n      border: 1.5px dashed var(--rule-strong);\n      background: rgba(15,20,25,0.02);\n      padding: 28px;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      border-radius: 2px;\n    }\n    .placeholder-label {\n      font-family: var(--font-mono);\n      font-size: 10px;\n      letter-spacing: 0.16em;\n      text-transform: uppercase;\n      color: var(--accent);\n      font-weight: 600;\n    }\n    .placeholder-text {\n      font-size: 14px;\n      color: var(--grey);\n      font-style: italic;\n      line-height: 1.5;\n    }<\/p>\n<p>    \/* ============================== CTA ============================== *\/\n    .cta {\n      padding: clamp(72px, 10vw, 128px) 0;\n      background: var(--ink);\n      color: var(--chalk);\n      position: relative;\n      overflow: hidden;\n    }\n    .cta::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background:\n        radial-gradient(circle at 15% 30%, rgba(216, 67, 28, 0.15), transparent 50%),\n        radial-gradient(circle at 85% 70%, rgba(14, 92, 58, 0.12), transparent 55%);\n      pointer-events: none;\n    }\n    .cta-inner {\n      position: relative;\n      max-width: 880px;\n      margin: 0 auto;\n      text-align: center;\n    }\n    .cta-kicker {\n      font-family: var(--font-mono);\n      font-size: 12px;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: var(--accent);\n      font-weight: 500;\n      margin-bottom: 28px;\n      display: inline-block;\n    }\n    .cta-title {\n      font-family: var(--font-display);\n      font-size: clamp(36px, 5.6vw, 72px);\n      font-weight: 400;\n      letter-spacing: -0.03em;\n      line-height: 1;\n      margin-bottom: 24px;\n      font-variation-settings: \"opsz\" 144;\n    }\n    .cta-title em { font-style: italic; color: var(--accent); font-weight: 300; }\n    .cta-lead {\n      font-size: clamp(17px, 1.4vw, 19px);\n      color: rgba(250, 248, 242, 0.78);\n      max-width: 56ch;\n      margin: 0 auto 32px;\n      line-height: 1.55;\n    }\n    .cta-buttons {\n      display: flex;\n      gap: 12px;\n      justify-content: center;\n      flex-wrap: wrap;\n    }<\/p>\n<p>    \/* ============================== FOOTER ============================== *\/\n    .site-footer {\n      background: var(--paper);\n      color: var(--ink);\n      padding: 64px 0 28px;\n      border-top: 1px solid var(--rule);\n      position: relative;\n    }\n    .footer-display {\n      font-family: var(--font-display);\n      font-size: clamp(56px, 13vw, 200px);\n      font-weight: 800;\n      letter-spacing: -0.04em;\n      line-height: 0.9;\n      color: var(--ink);\n      margin-bottom: 28px;\n      padding: 4px 0;\n      overflow: hidden;\n    }\n    .footer-display em { font-style: italic; color: var(--accent); font-weight: 300; }<\/p>\n<p>    .footer-top {\n      display: grid;\n      grid-template-columns: 2fr 1fr 1fr 1fr;\n      gap: 40px;\n      margin-bottom: 56px;\n    }\n    .footer-brand-name {\n      font-family: var(--font-display);\n      font-size: 20px;\n      font-weight: 700;\n      letter-spacing: -0.015em;\n      margin-bottom: 10px;\n      color: var(--ink);\n    }\n    .footer-brand-sub {\n      font-size: 15px;\n      color: var(--ink-soft);\n      max-width: 36ch;\n      line-height: 1.5;\n    }\n    .footer-col h4 {\n      font-family: var(--font-mono);\n      font-size: 11px;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      color: var(--grey);\n      font-weight: 500;\n      margin-bottom: 16px;\n    }\n    .footer-col ul li { margin-bottom: 8px; }\n    .footer-col a {\n      font-size: 15px;\n      color: var(--ink);\n      transition: color 0.2s;\n    }\n    .footer-col a:hover { color: var(--accent); }<\/p>\n<p>    .footer-bottom {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding-top: 20px;\n      border-top: 1px solid var(--rule);\n      font-family: var(--font-mono);\n      font-size: 11px;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      color: var(--grey);\n    }<\/p>\n<p>    \/* ============================== RESPONSIVE ============================== *\/\n    @media (max-width: 980px) {\n      .page-hero-grid { grid-template-columns: 1fr; gap: 32px; }\n      .concept-body { grid-template-columns: 1fr; gap: 32px; }\n      .concept-def { position: static; }\n      .field-grid { grid-template-columns: 1fr; }\n      .footer-top { grid-template-columns: 1fr 1fr; }\n      .concept-section-meta { align-items: flex-start; text-align: left; }\n      .concept-section-tag { align-self: flex-start; }\n    }<\/p>\n<p>    @media (max-width: 720px) {\n      body { font-size: 16px; }\n      .header-inner { grid-template-columns: auto 1fr auto; height: 60px; gap: 16px; }\n      .nav-list { display: none; }\n      .header-cta { display: none; }\n      .menu-toggle { display: flex; }\n      .brand-sub { display: none; }<\/p>\n<p>      .page-hero-meta { flex-direction: column; align-items: flex-start; gap: 8px; }\n      .concept-head { grid-template-columns: 1fr; gap: 12px; }\n      .toc-item { grid-template-columns: 40px 1fr; gap: 14px; }\n      .toc-tag { grid-column: 2; padding-top: 2px; }\n      .stat-strip { grid-template-columns: 1fr; }<\/p>\n<p>      .footer-top { grid-template-columns: 1fr; gap: 28px; margin-bottom: 40px; }\n      .footer-bottom { flex-direction: column; gap: 10px; text-align: center; }\n    }<\/p>\n<p>    @media (prefers-reduced-motion: reduce) {\n      *, *::before, *::after {\n        animation-duration: 0.01ms !important;\n        transition-duration: 0.01ms !important;\n      }\n    }\n  <\/style>\n<p><\/head><br \/>\n<body><br \/>\n  <a href=\"#main\" class=\"skip\">Naar hoofdcontent<\/a><\/p>\n<p>  <!-- HEADER --><\/p>\n<header class=\"site-header\">\n<div class=\"container\">\n<div class=\"header-inner\">\n        <a href=\"\/\" class=\"brand\" aria-label=\"Sportbrein home\"><br \/>\n          <span class=\"brand-mark\">Sportbrein<\/span><br \/>\n          <span class=\"brand-sub\">Est. praktijk<\/span><br \/>\n        <\/a><\/p>\n<nav aria-label=\"Hoofdmenu\">\n<ul class=\"nav-list\">\n<li><a href=\"\/\"            class=\"nav-link\">Home<\/a><\/li>\n<li><a href=\"\/concepten\/\"  class=\"nav-link\" aria-current=\"page\">Concepten<\/a><\/li>\n<li><a href=\"\/voetbal-cv\/\" class=\"nav-link\">Voetbal-CV<\/a><\/li>\n<li><a href=\"\/artikelen\/\"  class=\"nav-link\">Artikelen<\/a><\/li>\n<li><a href=\"\/contact\/\"    class=\"nav-link\">Contact<\/a><\/li>\n<\/ul>\n<\/nav>\n<p>        <a href=\"\/contact\/\" class=\"header-cta\">Sparren <span aria-hidden=\"true\">\u2192<\/span><\/a><br \/>\n        <button class=\"menu-toggle\" aria-label=\"Open menu\"><span><\/span><\/button>\n      <\/div>\n<\/p><\/div>\n<\/header>\n<p>  <main id=\"main\"><\/p>\n<p>    <!-- ============================== PAGE HERO ============================== --><\/p>\n<section class=\"page-hero\" aria-labelledby=\"page-title\">\n<div class=\"container\">\n<div class=\"page-hero-meta\">\n          <span class=\"kicker\">\u2116 Concepten \u2014 Vier voorbeelden<\/span><br \/>\n          <span class=\"kicker kicker--muted\">Editie 2026 \u00b7 Sportbrein<\/span>\n        <\/div>\n<h1 id=\"page-title\" class=\"page-hero-title\">\n          Vier manieren<br \/>om iets <em>praktisch<\/em><br \/>te maken.<br \/>\n        <\/h1>\n<div class=\"page-hero-grid\">\n<p class=\"page-hero-lead\">\n            De concepten hieronder zijn voorbeelden van eerdere sportproblemen die<br \/>\n            naar iets werkbaars zijn vertaald \u2014 van seizoensplanning tot mindset,<br \/>\n            van sportpark tot kennisbasis. Elk concept volgt dezelfde drie vragen:<br \/>\n            <em>wat is het probleem<\/em>, <em>wat is de oplossing<\/em>, <em>voor wie werkt het<\/em>.\n          <\/p>\n<nav class=\"toc\" aria-label=\"Concepten op deze pagina\">\n            <a href=\"#jaarplanner\" class=\"toc-item\"><br \/>\n              <span class=\"toc-num\">C.01<\/span><br \/>\n              <span class=\"toc-name\">Jaarplanner<\/span><br \/>\n              <span class=\"toc-tag\">Periodisering<\/span><br \/>\n            <\/a><br \/>\n            <a href=\"#mindform\" class=\"toc-item\"><br \/>\n              <span class=\"toc-num\">C.02<\/span><br \/>\n              <span class=\"toc-name\">Mindform<\/span><br \/>\n              <span class=\"toc-tag\">Mindset \u00b7 Game<\/span><br \/>\n            <\/a><br \/>\n            <a href=\"#vitaal-sportpark\" class=\"toc-item\"><br \/>\n              <span class=\"toc-num\">C.03<\/span><br \/>\n              <span class=\"toc-name\">Vitaal Sportpark<\/span><br \/>\n              <span class=\"toc-tag\">Project<\/span><br \/>\n            <\/a><br \/>\n            <a href=\"#artikelen\" class=\"toc-item\"><br \/>\n              <span class=\"toc-num\">C.04<\/span><br \/>\n              <span class=\"toc-name\">Artikelen<\/span><br \/>\n              <span class=\"toc-tag\">Kennisbasis<\/span><br \/>\n            <\/a><br \/>\n          <\/nav>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- ============================== C.01 \u2014 JAARPLANNER ============================== --><\/p>\n<section id=\"jaarplanner\" class=\"concept-section\" aria-labelledby=\"jp-title\">\n      <!-- Calendar decoration --><br \/>\n      <svg class=\"concept-deco concept-deco--top-right\" viewBox=\"0 0 200 200\" aria-hidden=\"true\">\n        <rect x=\"2\" y=\"14\" width=\"196\" height=\"184\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n        <line x1=\"2\" y1=\"38\" x2=\"198\" y2=\"38\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n        <line x1=\"2\" y1=\"14\" x2=\"2\" y2=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n        <line x1=\"50\" y1=\"14\" x2=\"50\" y2=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n        <line x1=\"100\" y1=\"14\" x2=\"100\" y2=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n        <line x1=\"150\" y1=\"14\" x2=\"150\" y2=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n        <line x1=\"198\" y1=\"14\" x2=\"198\" y2=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n        <g stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\">\n          <line x1=\"50\" y1=\"38\" x2=\"50\" y2=\"198\"\/>\n          <line x1=\"100\" y1=\"38\" x2=\"100\" y2=\"198\"\/>\n          <line x1=\"150\" y1=\"38\" x2=\"150\" y2=\"198\"\/>\n          <line x1=\"2\" y1=\"78\" x2=\"198\" y2=\"78\"\/>\n          <line x1=\"2\" y1=\"118\" x2=\"198\" y2=\"118\"\/>\n          <line x1=\"2\" y1=\"158\" x2=\"198\" y2=\"158\"\/>\n        <\/g>\n        <rect x=\"55\" y=\"80\" width=\"40\" height=\"36\" fill=\"currentColor\" opacity=\"0.4\"\/>\n        <rect x=\"105\" y=\"120\" width=\"40\" height=\"36\" fill=\"currentColor\" opacity=\"0.6\"\/>\n      <\/svg><\/p>\n<div class=\"container\">\n<header class=\"concept-head\">\n          <span class=\"concept-section-num\">\u2116 C.01<\/span><\/p>\n<div class=\"concept-section-meta\">\n            <span class=\"concept-section-tag\">Toolkit \u00b7 Periodisering<\/span><\/p>\n<h2 id=\"jp-title\" class=\"concept-section-title\"><em>Jaarplanner<\/em><\/h2>\n<\/p><\/div>\n<\/header>\n<div class=\"concept-body\">\n<aside class=\"concept-def\">\n<div class=\"concept-def-row\">\n<div class=\"concept-def-label\">Probleem<\/div>\n<div class=\"concept-def-text\">Trainingsweken, wedstrijden en belasting lopen door elkaar zodra het seizoen begint. Er is geen ritme, alleen reageren.<\/div>\n<\/p><\/div>\n<div class=\"concept-def-row\">\n<div class=\"concept-def-label\">Oplossing<\/div>\n<div class=\"concept-def-text\">Een werkbaar jaaroverzicht dat periodisering, voetbalinhoud en belasting samenbrengt op \u00e9\u00e9n plek.<\/div>\n<\/p><\/div>\n<div class=\"concept-def-row\">\n<div class=\"concept-def-label\">Voor wie<\/div>\n<div class=\"concept-def-text\">Hoofdtrainers, technische staf en clubs die met meerdere teams werken \u2014 van amateur tot prestatie.<\/div>\n<\/p><\/div>\n<div class=\"concept-def-actions\">\n              <a href=\"\/contact\/\" class=\"btn btn--primary\"><br \/>\n                Vraag een demo <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span><br \/>\n              <\/a>\n            <\/div>\n<\/aside>\n<div class=\"concept-content\">\n<p class=\"concept-lead\">\n              Een seizoen valt niet te overzien in losse weken. De Jaarplanner brengt<br \/>\n              <em>macro, meso en micro<\/em> samen \u2014 zodat elke training een plek heeft<br \/>\n              in een groter geheel.\n            <\/p>\n<p>\n              De meeste jaarplanningen sneuvelen binnen zes weken. Niet omdat trainers<br \/>\n              slecht plannen, maar omdat de planning losstaat van de praktijk: een<br \/>\n              Excel die in week 1 mooi is, en in week 8 niet meer klopt met<br \/>\n              werkelijkheid. De Jaarplanner van Sportbrein begint vanuit de<br \/>\n              voetbalpraktijk en houdt drie niveaus naast elkaar zichtbaar.\n            <\/p>\n<div class=\"stat-strip\" role=\"group\" aria-label=\"Drie niveaus periodisering\">\n<div class=\"stat-cell\">\n<div class=\"stat-num\">Macro<\/div>\n<div class=\"stat-label\">Seizoensblokken &amp; pieken<\/div>\n<\/p><\/div>\n<div class=\"stat-cell\">\n<div class=\"stat-num\">Meso<\/div>\n<div class=\"stat-label\">Wedstrijdritme \u00b7 4\u20136 wk<\/div>\n<\/p><\/div>\n<div class=\"stat-cell\">\n<div class=\"stat-num\">Micro<\/div>\n<div class=\"stat-label\">De trainingsweek<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<h4>Wat erin zit<\/h4>\n<div class=\"feature-list\">\n<div class=\"feature-row\">\n                <span class=\"feature-num\">01<\/span><br \/>\n                <span class=\"feature-text\"><strong>Seizoensopbouw in blokken.<\/strong> Voorbereiding, eerste seizoenshelft, winterstop, tweede helft en uitloop \u2014 met overgangen die zichtbaar zijn in plaats van toevallig.<\/span>\n              <\/div>\n<div class=\"feature-row\">\n                <span class=\"feature-num\">02<\/span><br \/>\n                <span class=\"feature-text\"><strong>Belastingsturing per week.<\/strong> Wedstrijd-, herstel- en ontwikkelweken volgens een ritme dat past bij jouw competitie en spelersgroep.<\/span>\n              <\/div>\n<div class=\"feature-row\">\n                <span class=\"feature-num\">03<\/span><br \/>\n                <span class=\"feature-text\"><strong>Voetbalinhoud op \u00e9\u00e9n lijn.<\/strong> Thema&#8217;s (aanvallen, verdedigen, omschakelen) koppelen aan trainingsdagen, in plaats van wekelijks vanaf nul beginnen.<\/span>\n              <\/div>\n<div class=\"feature-row\">\n                <span class=\"feature-num\">04<\/span><br \/>\n                <span class=\"feature-text\"><strong>Stafcommunicatie als bijproduct.<\/strong> E\u00e9n document dat hoofdtrainer, assistent, keeperstrainer en fysiek trainer kunnen lezen zonder vertaling.<\/span>\n              <\/div>\n<div class=\"feature-row\">\n                <span class=\"feature-num\">05<\/span><br \/>\n                <span class=\"feature-text\"><strong>Aanpasbaar zonder herbouw.<\/strong> Een geblesseerde sleutelspeler of een afgelaste wedstrijd herschikt blokken \u2014 niet de hele planning.<\/span>\n              <\/div>\n<\/p><\/div>\n<blockquote class=\"pullquote\"><p>\n              Een goede planning toont wat je <em>nog niet<\/em> kunt zien.<br \/>\n              <span class=\"pullquote-attr\">\u2014 Uitgangspunt Jaarplanner<\/span>\n            <\/p><\/blockquote>\n<h4>Voor de klant: hoe het in de praktijk werkt<\/h4>\n<p>\n              In een eerste sessie kijken we naar jouw seizoen, competitievorm en<br \/>\n              spelersgroep. Daaruit volgt een eerste versie van de Jaarplanner die<br \/>\n              direct werkbaar is. Daarna passen we aan op basis van wat er echt<br \/>\n              gebeurt \u2014 bij voorkeur in een korte evaluatie elke 4 tot 6 weken.\n            <\/p>\n<p>            <!-- Slot for user's own screenshots \/ project material --><\/p>\n<div class=\"placeholder\">\n              <span class=\"placeholder-label\">\u2014 Plaats voor screenshots \u2014<\/span><br \/>\n              <span class=\"placeholder-text\">Hier kan een visual van de Jaarplanner-tool komen: bijvoorbeeld het seizoensoverzicht, de weekstructuur, of een ingevulde planning per blok. Vervang dit blok door een &lt;img&gt; of &lt;figure&gt; met de juiste bestanden.<\/span>\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- ============================== C.02 \u2014 MINDFORM ============================== --><\/p>\n<section id=\"mindform\" class=\"concept-section concept-section--dark\" aria-labelledby=\"mf-title\">\n      <!-- Mountain decoration --><br \/>\n      <svg class=\"concept-deco concept-deco--bottom-left\" viewBox=\"0 0 200 200\" aria-hidden=\"true\">\n        <path d=\"M 0,180 L 40,90 L 70,140 L 100,40 L 140,120 L 170,80 L 200,180 Z\"\n              fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n        <path d=\"M 0,180 L 40,90 L 70,140 L 100,40 L 140,120 L 170,80 L 200,180 Z\"\n              fill=\"currentColor\" opacity=\"0.5\"\/>\n        <circle cx=\"100\" cy=\"40\" r=\"6\" fill=\"currentColor\"\/>\n        <line x1=\"100\" y1=\"46\" x2=\"100\" y2=\"180\" stroke=\"currentColor\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\n      <\/svg><\/p>\n<div class=\"container\">\n<header class=\"concept-head\">\n          <span class=\"concept-section-num\">\u2116 C.02<\/span><\/p>\n<div class=\"concept-section-meta\">\n            <span class=\"concept-section-tag\">Mindset \u00b7 Game<\/span><\/p>\n<h2 id=\"mf-title\" class=\"concept-section-title\">Mind<em>form<\/em><\/h2>\n<\/p><\/div>\n<\/header>\n<div class=\"concept-body\">\n<aside class=\"concept-def\">\n<div class=\"concept-def-row\">\n<div class=\"concept-def-label\">Probleem<\/div>\n<div class=\"concept-def-text\">Mindset, falen en frustratie blijven abstract op training. &#8220;Doorzetten&#8221; is makkelijk gezegd, lastig geoefend.<\/div>\n<\/p><\/div>\n<div class=\"concept-def-row\">\n<div class=\"concept-def-label\">Oplossing<\/div>\n<div class=\"concept-def-text\">Een first-person klimgame die frustratie tot trainingsstof maakt \u2014 met een coach- en tegenstem die opzettelijk botsen.<\/div>\n<\/p><\/div>\n<div class=\"concept-def-row\">\n<div class=\"concept-def-label\">Voor wie<\/div>\n<div class=\"concept-def-text\">Jeugdtrainers, prestatiegerichte coaches, mentale begeleiders, esports-coaches en iedereen die &#8220;tilten&#8221; wil leren herkennen en hanteren.<\/div>\n<\/p><\/div>\n<div class=\"concept-def-actions\">\n              <a href=\"https:\/\/store.steampowered.com\/app\/2572990\/Mindform\/\" class=\"btn btn--ghost-light\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n                Speel op Steam <span aria-hidden=\"true\">\u2197<\/span><br \/>\n              <\/a><br \/>\n              <a href=\"https:\/\/mindformgame.com\/\" class=\"btn btn--ghost-light\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n                Offici\u00eble website <span aria-hidden=\"true\">\u2197<\/span><br \/>\n              <\/a>\n            <\/div>\n<\/aside>\n<div class=\"concept-content\">\n<p class=\"concept-lead\">\n              Een spel waar je <em>m\u00f3\u00e9t vallen<\/em> om te leren klimmen.<br \/>\n              Mindform vertaalt growth mindset naar iets dat je daadwerkelijk<br \/>\n              voelt \u2014 frame voor frame.\n            <\/p>\n<p>\n              Mindform is een first-person klimgame, ontwikkeld door Gametrain Studios<br \/>\n              en sinds juli 2024 gratis speelbaar op Steam. De inspiratiebron is<br \/>\n              bewust ongemakkelijk: spellen als <em>Getting Over It<\/em> en<br \/>\n              <em>Peaks of Yore<\/em>, waar \u00e9\u00e9n misstap je terugwerpt naar bijna het<br \/>\n              startpunt. Het idee achter Mindform: dezelfde frustratie, maar met een<br \/>\n              ander einddoel \u2014 niet alleen klimmen, maar leren omgaan met vallen.\n            <\/p>\n<div class=\"stat-strip\" role=\"group\" aria-label=\"Mindform feitenblok\">\n<div class=\"stat-cell\">\n<div class=\"stat-num\">2024<\/div>\n<div class=\"stat-label\">Steam release<\/div>\n<\/p><\/div>\n<div class=\"stat-cell\">\n<div class=\"stat-num\">F2P<\/div>\n<div class=\"stat-label\">Free to play<\/div>\n<\/p><\/div>\n<div class=\"stat-cell\">\n<div class=\"stat-num\">500m<\/div>\n<div class=\"stat-label\">Neuroasis-top<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<h4>Hoe het werkt<\/h4>\n<div class=\"feature-list\">\n<div class=\"feature-row\">\n                <span class=\"feature-num\">01<\/span><br \/>\n                <span class=\"feature-text\"><strong>First-person perspectief.<\/strong> Geen afstand tot het personage \u2014 jij bent de klimmer. Frustratie en focus voelen meteen anders.<\/span>\n              <\/div>\n<div class=\"feature-row\">\n                <span class=\"feature-num\">02<\/span><br \/>\n                <span class=\"feature-text\"><strong>Twee stemmen, \u00e9\u00e9n hoofd.<\/strong> Een coach-stem begeleidt je door je frustratie heen; een &#8220;vijand-stem&#8221; lacht je uit als je valt. Dezelfde dialoog die in elk spelers- of sportershoofd plaatsvindt \u2014 nu hoorbaar gemaakt.<\/span>\n              <\/div>\n<div class=\"feature-row\">\n                <span class=\"feature-num\">03<\/span><br \/>\n                <span class=\"feature-text\"><strong>Free Climb &amp; tijdsmodi.<\/strong> De volledige Neuroasis-berg vrij beklimmen, of de &#8220;one-minute climbing challenge&#8221;: hoever kom je in zestig seconden?<\/span>\n              <\/div>\n<div class=\"feature-row\">\n                <span class=\"feature-num\">04<\/span><br \/>\n                <span class=\"feature-text\"><strong>Achievements als reflectie.<\/strong> Niet &#8220;level 12 ontgrendeld&#8221;, maar mijlpalen die over volharding en mindset gaan.<\/span>\n              <\/div>\n<div class=\"feature-row\">\n                <span class=\"feature-num\">05<\/span><br \/>\n                <span class=\"feature-text\"><strong>Demo &amp; volledige game.<\/strong> Een gratis demo voor introductie, en de volledige free-to-play versie voor gebruik in trajecten.<\/span>\n              <\/div>\n<\/p><\/div>\n<blockquote class=\"pullquote\"><p>\n              Het doel is geen score \u2014 het is een mindset die <em>blijft<\/em><br \/>\n              als de game uit is.<br \/>\n              <span class=\"pullquote-attr\">\u2014 Concept Mindform<\/span>\n            <\/p><\/blockquote>\n<h4>Voor de klant: waar zet je het in?<\/h4>\n<p>\n              Mindform werkt verrassend goed in trainerstrajecten en stafontwikkeling,<br \/>\n              juist omdat het ongemak echt is. In een sessie van een uur ervaren<br \/>\n              spelers, coaches of staf wat &#8220;tilten&#8221; met je doet \u2014 en wat helpt om<br \/>\n              eruit te komen. Daarna wordt het gesprek op het veld concreter:<br \/>\n              dezelfde stemmen, dezelfde reflex, andere context.\n            <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- ============================== C.03 \u2014 VITAAL SPORTPARK ============================== --><\/p>\n<section id=\"vitaal-sportpark\" class=\"concept-section concept-section--paper-warm\" aria-labelledby=\"vs-title\">\n      <!-- Sportpark top-down decoration --><br \/>\n      <svg class=\"concept-deco concept-deco--top-right\" viewBox=\"0 0 200 200\" aria-hidden=\"true\">\n        <rect x=\"4\" y=\"4\" width=\"192\" height=\"192\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n        <line x1=\"100\" y1=\"4\" x2=\"100\" y2=\"196\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n        <line x1=\"4\" y1=\"100\" x2=\"196\" y2=\"100\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n        <circle cx=\"100\" cy=\"100\" r=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n        <rect x=\"20\" y=\"20\" width=\"60\" height=\"60\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n        <rect x=\"120\" y=\"20\" width=\"60\" height=\"60\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n        <rect x=\"20\" y=\"120\" width=\"60\" height=\"60\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n        <rect x=\"120\" y=\"120\" width=\"60\" height=\"60\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n        <circle cx=\"50\" cy=\"50\"   r=\"3\" fill=\"currentColor\"\/>\n        <circle cx=\"150\" cy=\"50\"  r=\"3\" fill=\"currentColor\"\/>\n        <circle cx=\"50\" cy=\"150\"  r=\"3\" fill=\"currentColor\"\/>\n        <circle cx=\"150\" cy=\"150\" r=\"3\" fill=\"currentColor\"\/>\n      <\/svg><\/p>\n<div class=\"container\">\n<header class=\"concept-head\">\n          <span class=\"concept-section-num\">\u2116 C.03<\/span><\/p>\n<div class=\"concept-section-meta\">\n            <span class=\"concept-section-tag concept-section-tag--ext\">Project \u00b7 Extern<\/span><\/p>\n<h2 id=\"vs-title\" class=\"concept-section-title\">Vitaal <em>Sportpark<\/em><\/h2>\n<\/p><\/div>\n<\/header>\n<div class=\"concept-body\">\n<aside class=\"concept-def\">\n<div class=\"concept-def-row\">\n<div class=\"concept-def-label\">Probleem<\/div>\n<div class=\"concept-def-text\">Sportparken worden vaak alleen gebruikt voor wedstrijden en training. Daarbuiten is het stil, terwijl er ruimte ligt voor de hele gemeenschap.<\/div>\n<\/p><\/div>\n<div class=\"concept-def-row\">\n<div class=\"concept-def-label\">Oplossing<\/div>\n<div class=\"concept-def-text\">Een multifunctioneel sportpark als Open Club \u2014 een ontmoetingsplek voor sport, bewegen, gezondheid en samenwerking tussen verenigingen, onderwijs en zorg.<\/div>\n<\/p><\/div>\n<div class=\"concept-def-row\">\n<div class=\"concept-def-label\">Voor wie<\/div>\n<div class=\"concept-def-text\">Clubbesturen, gemeenten, sportkoepels, scholen, fysio&#8217;s en wijkpartners die hun sportpark willen openbreken.<\/div>\n<\/p><\/div>\n<div class=\"concept-def-actions\">\n              <a href=\"https:\/\/www.vitaal-sportpark.nl\/\" class=\"btn btn--primary\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n                Bekijk project <span aria-hidden=\"true\">\u2197<\/span><br \/>\n              <\/a>\n            <\/div>\n<\/aside>\n<div class=\"concept-content\">\n<p class=\"concept-lead\">\n              Een sportpark hoeft niet om \u00e9\u00e9n sport te draaien.<br \/>\n              Bij Longa&#8217;30 in Lichtenvoorde is het uitgangspunt geworden:<br \/>\n              <em>plezier in bewegen<\/em> \u2014 voor iedereen.\n            <\/p>\n<p>\n              Het Vitaal Sportpark op De Treffer (Longa&#8217;30) is in samenwerking<br \/>\n              tussen Stichting Accommodatie Beheer, Huisman Sportmanagement &amp;<br \/>\n              Advies en Achterhoek in Beweging tot stand gekomen. Het uitgangspunt<br \/>\n              is simpel: een sportpark is meer dan een voetbalveld op zaterdag.<br \/>\n              Met een multifunctioneel beweegpark van ruim 1.250 m\u00b2 is er<br \/>\n              ruimte voor topsport, breedtesport, revalidatie, vitaliteits\u00adprogramma&#8217;s<br \/>\n              en beweegonderwijs \u2014 naast elkaar, in dezelfde ruimte.\n            <\/p>\n<div class=\"stat-strip\" role=\"group\" aria-label=\"Vitaal Sportpark feitenblok\">\n<div class=\"stat-cell\">\n<div class=\"stat-num\">1.250<\/div>\n<div class=\"stat-label\">m\u00b2 beweegpark<\/div>\n<\/p><\/div>\n<div class=\"stat-cell\">\n<div class=\"stat-num\">4<\/div>\n<div class=\"stat-label\">Veldtypes<\/div>\n<\/p><\/div>\n<div class=\"stat-cell\">\n<div class=\"stat-num\">3 jr<\/div>\n<div class=\"stat-label\">Voorbereiding<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<h4>Wat het sportpark biedt<\/h4>\n<div class=\"field-grid\" role=\"list\">\n<div class=\"field-card\" role=\"listitem\">\n                <span class=\"field-num\">V.01<\/span><br \/>\n                <span class=\"field-name\">Voetbalveld<\/span><br \/>\n                <span class=\"field-desc\">Kunstgras met figuren en belijning voor wendbaarheidstraining en loopscholing.<\/span>\n              <\/div>\n<div class=\"field-card\" role=\"listitem\">\n                <span class=\"field-num\">V.02<\/span><br \/>\n                <span class=\"field-name\">Teqball &amp; Panna<\/span><br \/>\n                <span class=\"field-desc\">Techniek- en behendigheidsvormen die spelers en jeugd uitdagen op kleine ruimte.<\/span>\n              <\/div>\n<div class=\"field-card\" role=\"listitem\">\n                <span class=\"field-num\">V.03<\/span><br \/>\n                <span class=\"field-name\">Beweegtuin<\/span><br \/>\n                <span class=\"field-desc\">SMARTGOALS, klim- en loopmuur, battle ropes \u2014 cognitief \u00e9n motorisch trainen.<\/span>\n              <\/div>\n<div class=\"field-card\" role=\"listitem\">\n                <span class=\"field-num\">V.04<\/span><br \/>\n                <span class=\"field-name\">Beachveld<\/span><br \/>\n                <span class=\"field-desc\">Beachvolley, -tennis en -badminton \u2014 gevarieerd bewegen op een andere ondergrond.<\/span>\n              <\/div>\n<\/p><\/div>\n<blockquote class=\"pullquote\"><p>\n              Plezier is de belangrijkste <em>motivator<\/em>.<br \/>\n              <span class=\"pullquote-attr\">\u2014 Uitgangspunt Vitaal Sportpark<\/span>\n            <\/p><\/blockquote>\n<h4>Voor de klant: hoe pas je dit toe?<\/h4>\n<p>\n              Een Vitaal Sportpark is geen kant-en-klaar pakket \u2014 het is een<br \/>\n              werkwijze. Het begint bij een vraaganalyse in de gemeenschap, gevolgd<br \/>\n              door een ontwerp dat past bij locatie, gebruikers en partners. Sportbrein<br \/>\n              denkt mee over de gedragsmatige kant: hoe maak je dat het sportpark<br \/>\n              \u00e9cht voor iedereen voelt, niet alleen op papier?\n            <\/p>\n<h4>Partners van het Lichtenvoordse project<\/h4>\n<div class=\"partner-list\" role=\"list\">\n              <span class=\"partner-tag\" role=\"listitem\">Gemeente Oost Gelre<\/span><br \/>\n              <span class=\"partner-tag\" role=\"listitem\">Menzis<\/span><br \/>\n              <span class=\"partner-tag\" role=\"listitem\">SAB Longa&#8217;30<\/span><br \/>\n              <span class=\"partner-tag\" role=\"listitem\">Provincie Gelderland<\/span><br \/>\n              <span class=\"partner-tag\" role=\"listitem\">Achterhoek in Beweging<\/span><br \/>\n              <span class=\"partner-tag\" role=\"listitem\">Vario Fields<\/span><br \/>\n              <span class=\"partner-tag\" role=\"listitem\">Centrum in Beweging<\/span><br \/>\n              <span class=\"partner-tag\" role=\"listitem\">Graafschap College<\/span>\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- ============================== C.04 \u2014 ARTIKELEN ============================== --><\/p>\n<section id=\"artikelen\" class=\"concept-section\" aria-labelledby=\"art-title\">\n      <!-- Library \/ stack decoration --><br \/>\n      <svg class=\"concept-deco concept-deco--bottom-left\" viewBox=\"0 0 200 200\" aria-hidden=\"true\">\n        <g stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\">\n          <rect x=\"10\" y=\"20\" width=\"180\" height=\"22\"\/>\n          <rect x=\"10\" y=\"50\" width=\"180\" height=\"22\"\/>\n          <rect x=\"10\" y=\"80\" width=\"180\" height=\"22\"\/>\n          <rect x=\"10\" y=\"110\" width=\"180\" height=\"22\"\/>\n          <rect x=\"10\" y=\"140\" width=\"180\" height=\"22\"\/>\n          <rect x=\"10\" y=\"170\" width=\"180\" height=\"22\"\/>\n        <\/g>\n        <g fill=\"currentColor\" opacity=\"0.5\">\n          <rect x=\"15\" y=\"25\" width=\"80\" height=\"12\"\/>\n          <rect x=\"15\" y=\"55\" width=\"60\" height=\"12\"\/>\n          <rect x=\"15\" y=\"85\" width=\"100\" height=\"12\"\/>\n          <rect x=\"15\" y=\"115\" width=\"50\" height=\"12\"\/>\n          <rect x=\"15\" y=\"145\" width=\"90\" height=\"12\"\/>\n          <rect x=\"15\" y=\"175\" width=\"70\" height=\"12\"\/>\n        <\/g>\n      <\/svg><\/p>\n<div class=\"container\">\n<header class=\"concept-head\">\n          <span class=\"concept-section-num\">\u2116 C.04<\/span><\/p>\n<div class=\"concept-section-meta\">\n            <span class=\"concept-section-tag\">Kennisbasis \u00b7 200+ stuks<\/span><\/p>\n<h2 id=\"art-title\" class=\"concept-section-title\"><em>Artikelen<\/em><\/h2>\n<\/p><\/div>\n<\/header>\n<div class=\"concept-body\">\n<aside class=\"concept-def\">\n<div class=\"concept-def-row\">\n<div class=\"concept-def-label\">Probleem<\/div>\n<div class=\"concept-def-text\">Kennis over sport, brein en prestatie staat verspreid en blijft theoretisch \u2014 moeilijk te vertalen naar de eigen praktijk.<\/div>\n<\/p><\/div>\n<div class=\"concept-def-row\">\n<div class=\"concept-def-label\">Oplossing<\/div>\n<div class=\"concept-def-text\">Een groeiende kennisbasis van 200+ zelfgeschreven artikelen, geschreven met toepassing als uitgangspunt.<\/div>\n<\/p><\/div>\n<div class=\"concept-def-row\">\n<div class=\"concept-def-label\">Voor wie<\/div>\n<div class=\"concept-def-text\">Trainers, assistenten, fysieke trainers, bestuurders, mentale begeleiders \u2014 iedereen die kennis op het veld wil krijgen.<\/div>\n<\/p><\/div>\n<div class=\"concept-def-actions\">\n              <a href=\"\/artikelen\/\" class=\"btn btn--primary\"><br \/>\n                Bekijk artikelen <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span><br \/>\n              <\/a>\n            <\/div>\n<\/aside>\n<div class=\"concept-content\">\n<p class=\"concept-lead\">\n              De kennisbasis onder alle andere concepten \u2014<br \/>\n              <em>200+ artikelen<\/em> over training, brein en prestatie,<br \/>\n              geschreven met \u00e9\u00e9n vraag in het achterhoofd: kun je het maandagavond gebruiken?\n            <\/p>\n<p>\n              De artikelen zijn niet bedoeld als academische tekst, maar als<br \/>\n              werkmateriaal. Elk stuk staat los, maar samen vormen ze de bron waaruit<br \/>\n              de Jaarplanner, Mindform en andere concepten gevoed worden. Het is een<br \/>\n              levend archief \u2014 er komen artikelen bij, en oudere stukken worden<br \/>\n              herschreven als de praktijk daarom vraagt.\n            <\/p>\n<h4>Thema&#8217;s binnen de kennisbasis<\/h4>\n<div class=\"feature-list\">\n<div class=\"feature-row\">\n                <span class=\"feature-num\">T.01<\/span><br \/>\n                <span class=\"feature-text\"><strong>Training &amp; periodisering.<\/strong> Belastingsturing, seizoensopbouw, micro-\/meso-\/macrocyclus, voorbereiding en piekmomenten.<\/span>\n              <\/div>\n<div class=\"feature-row\">\n                <span class=\"feature-num\">T.02<\/span><br \/>\n                <span class=\"feature-text\"><strong>Sport &amp; brein.<\/strong> Wat doet stress, focus en faalangst met prestatie \u2014 en wat helpt op het veld om daar grip op te krijgen?<\/span>\n              <\/div>\n<div class=\"feature-row\">\n                <span class=\"feature-num\">T.03<\/span><br \/>\n                <span class=\"feature-text\"><strong>Mindset &amp; gedrag.<\/strong> Growth mindset, frustratiehantering, motivatie en zelfregulatie \u2014 niet als theorie, als trainingsstof.<\/span>\n              <\/div>\n<div class=\"feature-row\">\n                <span class=\"feature-num\">T.04<\/span><br \/>\n                <span class=\"feature-text\"><strong>Voetbalinhoud.<\/strong> Spelprincipes, oefenvormen en thema&#8217;s, gekoppeld aan ontwikkelingsdoelen per leeftijd of niveau.<\/span>\n              <\/div>\n<div class=\"feature-row\">\n                <span class=\"feature-num\">T.05<\/span><br \/>\n                <span class=\"feature-text\"><strong>Sportpark &amp; club.<\/strong> Open Club-gedachte, vitaliteit, samenwerking met wijk en partners.<\/span>\n              <\/div>\n<\/p><\/div>\n<h4>Voor de klant: waarom dit relevant is<\/h4>\n<p>\n              Of je nu sparring zoekt over een concreet probleem of een concept<br \/>\n              op maat wilt laten ontwikkelen \u2014 de artikelen vormen de gedeelde<br \/>\n              taal. Veel trajecten beginnen met \u00e9\u00e9n of twee stukken als<br \/>\n              vertrekpunt, zodat we niet vanuit het niets praten maar vanuit een<br \/>\n              gezamenlijk kader.\n            <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- ============================== CTA ============================== --><\/p>\n<section class=\"cta\" aria-labelledby=\"cta-title\">\n<div class=\"container\">\n<div class=\"cta-inner\">\n          <span class=\"cta-kicker\">\u2014 Vraagstuk dat hier niet bij staat? \u2014<\/span><\/p>\n<h2 id=\"cta-title\" class=\"cta-title\">Jouw concept kan het <em>vijfde<\/em> worden.<\/h2>\n<p class=\"cta-lead\">\n            Nieuwe concepten ontstaan vaak uit een gesprek met een trainer, coach of<br \/>\n            bestuurder. Stuur een bericht over je vraagstuk \u2014 een eerste sessie kost<br \/>\n            niets en eindigt nooit met meer vragen dan ervoor.\n          <\/p>\n<div class=\"cta-buttons\">\n            <a href=\"\/contact\/\" class=\"btn btn--accent\"><br \/>\n              Bespreek je sportprobleem <span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span><br \/>\n            <\/a><br \/>\n            <a href=\"https:\/\/www.linkedin.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn--ghost-light\"><br \/>\n              LinkedIn <span aria-hidden=\"true\">\u2197<\/span><br \/>\n            <\/a>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <\/main><\/p>\n<p>  <!-- FOOTER --><\/p>\n<footer class=\"site-footer\">\n<div class=\"container\">\n<div class=\"footer-display\">Sport<em>brein<\/em>.<\/div>\n<div class=\"footer-top\">\n<div>\n<div class=\"footer-brand-name\">Sportbrein<\/div>\n<p class=\"footer-brand-sub\">\n            Sportbrein helpt trainers, coaches en clubs om sportproblemen praktisch te maken \u2014<br \/>\n            vanuit voetbalpraktijk en kennis over sport en brein.\n          <\/p>\n<\/p><\/div>\n<div class=\"footer-col\">\n<h4>Navigeren<\/h4>\n<ul>\n<li><a href=\"\/\">Home<\/a><\/li>\n<li><a href=\"\/concepten\/\">Concepten<\/a><\/li>\n<li><a href=\"\/artikelen\/\">Artikelen<\/a><\/li>\n<\/ul><\/div>\n<div class=\"footer-col\">\n<h4>Over<\/h4>\n<ul>\n<li><a href=\"\/voetbal-cv\/\">Voetbal-CV<\/a><\/li>\n<li><a href=\"\/contact\/\">Contact<\/a><\/li>\n<li><a href=\"https:\/\/www.linkedin.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">LinkedIn \u2197<\/a><\/li>\n<\/ul><\/div>\n<div class=\"footer-col\">\n<h4>Colofon<\/h4>\n<ul>\n<li><a href=\"\/privacy\/\">Privacy<\/a><\/li>\n<li><a href=\"\/cookies\/\">Cookies<\/a><\/li>\n<li><a href=\"\/algemene-voorwaarden\/\">Voorwaarden<\/a><\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<div class=\"footer-bottom\">\n        <span>\u00a9 2026 Sportbrein<\/span><br \/>\n        <span>Winterswijk \u00b7 Gelderland \u00b7 NL<\/span><br \/>\n        <span>Editie 2026 \/ v1.0<\/span>\n      <\/div>\n<\/p><\/div>\n<\/footer>\n<p>  <script>\n    \/\/ Subtle header shadow on scroll\n    const header = document.querySelector('.site-header');\n    let lastY = 0;\n    window.addEventListener('scroll', () => {\n      const y = window.scrollY;\n      if (y > 8 && lastY <= 8) header.style.boxShadow = '0 1px 0 rgba(15,20,25,0.06), 0 8px 24px rgba(15,20,25,0.04)';\n      if (y <= 8 &#038;&#038; lastY > 8) header.style.boxShadow = '';\n      lastY = y;\n    }, { passive: true });\n  <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Concepten \u2014 Sportbrein Naar hoofdcontent Sportbrein Est. praktijk Home Concepten Voetbal-CV Artikelen Contact Sparren \u2192 \u2116 Concepten \u2014 Vier voorbeelden Editie 2026 \u00b7 Sportbrein Vier manierenom iets praktischte maken. De concepten hieronder zijn voorbeelden van eerdere sportproblemen die naar iets werkbaars zijn vertaald \u2014 van seizoensplanning tot mindset, van sportpark tot kennisbasis. Elk concept volgt [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sportbrein.com\/index.php\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sportbrein.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sportbrein.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sportbrein.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sportbrein.com\/index.php\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":1,"href":"https:\/\/sportbrein.com\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/sportbrein.com\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/sportbrein.com\/index.php\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}