/* youthacademy.eu – gegenereerd door scripts/build.mjs */
.s1{width: 100%; min-width: 1440px; min-height: 100%; box-sizing: border-box; display: flex; flex-direction: column; background: #F6F4EE; font-family: 'Figtree','Segoe UI',system-ui,sans-serif; color: #13201A;}
.s2{flex-shrink: 0; height: 88px; box-sizing: border-box; padding: 0 96px; display: flex; align-items: center; justify-content: space-between; background: #0F3D2E;}
.s3{display: flex; align-items: center; gap: 12px; text-decoration: none;}
.s4{width: 65px; height: 61px}
.s5{font-family: 'Barlow Condensed','Arial Narrow',sans-serif; font-weight: 700; font-size: 28px; letter-spacing: 0.5px; color: #FFFFFF;}
.s6{color: #E8C547;}
.s7{display: flex; align-items: center; gap: 40px;}
.s8{color: #DDE8E1; text-decoration: none; font-size: 16px; font-weight: 500;}
.s9{display: inline-flex; align-items: center; height: 48px; padding: 0 24px; background: #E8C547; color: #0F3D2E; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 16px;}
.s10{flex-shrink: 0; position: relative; height: 800px; box-sizing: border-box; padding: 64px 96px 88px; display: flex; align-items: center; gap: 64px; justify-content: space-between; background: #0F3D2E; overflow: hidden;}
.s11{position: absolute; right: -260px; top: -120px;}
.s12{width: 640px; display: flex; flex-direction: column; gap: 26px; position: relative;}
.s13{font-size: 15px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #E8C547;}
.s14{margin: 0; font-family: 'Barlow Condensed','Arial Narrow',sans-serif; font-weight: 800; font-size: 80px; line-height: 0.96; color: #FFFFFF;}
.s15{margin: 0; font-size: 20px; line-height: 1.55; color: #C9D8CF; max-width: 580px;}
.s16{display: flex; gap: 28px; align-items: center; padding: 18px 0; border-top: 1px solid #2E5A47; border-bottom: 1px solid #2E5A47;}
.s17{display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 600; color: #FFFFFF;}
.s18{display: flex; gap: 16px; align-items: center;}
.s19{white-space: nowrap; display: inline-flex; align-items: center; height: 56px; padding: 0 24px; background: #E8C547; color: #0F3D2E; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 18px;}
.s20{white-space: nowrap; display: inline-flex; align-items: center; gap: 10px; height: 56px; padding: 0 22px; border: 2px solid #3E6B57; color: #FFFFFF; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 18px;}
.s21{display: flex; align-items: center; gap: 10px; font-size: 16px; color: #C9D8CF;}
.s22{color: #FFFFFF;}
.s23{position: relative; width: 544px; height: 500px; flex-shrink: 0;}
.s24{position: absolute; top: 0; right: 0; width: 544px; height: auto; border-radius: 14px; box-shadow: 0 24px 60px rgba(0,0,0,0.35); display: block;}
.s25{position: absolute; left: -72px; top: 300px; width: 440px; padding: 8px 6px 4px; background: #FFFFFF; border-radius: 12px; box-shadow: 0 20px 44px rgba(0,0,0,0.4);}
.s26{width: 100%; height: auto; display: block;}
.s27{position: absolute; right: 0; bottom: 0; font-size: 13px; color: #9FB8AC;}
.s28{box-sizing: border-box; padding: 96px 96px 88px; display: flex; flex-direction: column; gap: 48px;}
.s29{margin: 0; font-family: 'Barlow Condensed','Arial Narrow',sans-serif; font-weight: 700; font-size: 52px; line-height: 1.05; max-width: 820px;}
.s30{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px;}
.s31{display: flex; flex-direction: column; gap: 12px; padding-top: 24px; border-top: 3px solid #13201A;}
.s32{font-size: 22px; font-weight: 700;}
.s33{margin: 0; font-size: 17px; line-height: 1.6; color: #4A5550;}
.s34{box-sizing: border-box; padding: 88px 96px; display: flex; flex-direction: column; gap: 48px; background: #ECE8DC;}
.s35{display: flex; flex-direction: column; gap: 12px;}
.s36{font-size: 15px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #1F6B45;}
.s37{margin: 0; font-family: 'Barlow Condensed','Arial Narrow',sans-serif; font-weight: 700; font-size: 52px; line-height: 1.05;}
.s38{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;}
.s39{display: flex; flex-direction: column; gap: 14px; padding: 32px; background: #FFFFFF; border-radius: 12px;}
.s40{width: 48px; height: 48px; border-radius: 10px; background: #E3EDE7; display: flex; align-items: center; justify-content: center;}
.s41{font-size: 21px; font-weight: 700;}
.s42{margin: 0; font-size: 16px; line-height: 1.6; color: #4A5550;}
.s43{box-sizing: border-box; padding: 96px 96px; display: flex; flex-direction: column; align-items: center; gap: 36px;}
.s44{margin: 0; font-family: 'Barlow Condensed','Arial Narrow',sans-serif; font-weight: 700; font-size: 52px; text-align: center;}
.s45{width: 1040px; height: 585px; border-radius: 16px; background: #13201A; display: block; box-shadow: 0 24px 60px rgba(0,0,0,0.25);}
.s46{display: flex; flex-direction: column; gap: 12px; align-items: center;}
.s47{margin: 0; font-size: 18px; line-height: 1.55; color: #4A5550; text-align: center;}
.s48{margin-top: 8px; padding: 8px 18px; border-radius: 999px; background: #0F3D2E; color: #E8C547; font-size: 15px; font-weight: 700;}
.s49{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: stretch;}
.s50{display: flex; flex-direction: column; gap: 20px; padding: 36px 32px; background: #FFFFFF; color: #13201A; border-radius: 14px;}
.s51{display: flex; justify-content: space-between; align-items: center;}
.s52{font-size: 24px; font-weight: 700;}
.s53{font-size: 16px; line-height: 1.5; opacity: 0.85; min-height: 72px;}
.s54{display: flex; flex-direction: column; gap: 6px; min-height: 104px;}
.s55{display: flex; align-items: baseline; gap: 8px;}
.s56{font-family: 'Barlow Condensed','Arial Narrow',sans-serif; font-size: 56px; font-weight: 800; line-height: 1;}
.s57{font-size: 16px; opacity: 0.8;}
.s58{display: flex; flex-direction: column; gap: 10px; flex-grow: 1; padding-top: 16px; border-top: 1px solid #E6E2D6;}
.s59{display: flex; gap: 10px; font-size: 16px; line-height: 1.45;}
.s60{font-weight: 800; color: #1F6B45;}
.s61{display: inline-flex; align-items: center; justify-content: center; height: 52px; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 17px; background: #13201A; color: #FFFFFF;}
.s62{display: flex; flex-direction: column; gap: 20px; padding: 36px 32px; background: #0F3D2E; color: #FFFFFF; border-radius: 14px;}
.s63{padding: 5px 12px; border-radius: 999px; background: #E8C547; color: #0F3D2E; font-size: 13px; font-weight: 700;}
.s64{font-size: 15px; font-weight: 700; color: #E8C547;}
.s65{display: flex; flex-direction: column; gap: 10px; flex-grow: 1; padding-top: 16px; border-top: 1px solid #2E5A47;}
.s66{font-weight: 800; color: #E8C547;}
.s67{display: inline-flex; align-items: center; justify-content: center; height: 52px; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 17px; background: #E8C547; color: #0F3D2E;}
.s68{font-size: 15px; font-weight: 700; color: #1F6B45;}
.s69{display: flex; align-items: center; gap: 28px; padding: 32px 40px; background: #0F3D2E; border-radius: 14px;}
.s70{width: 72px; height: 72px; flex-shrink: 0; border-radius: 50%; background: #E8C547; display: flex; align-items: center; justify-content: center;}
.s71{display: flex; flex-direction: column; gap: 6px;}
.s72{font-family: 'Barlow Condensed','Arial Narrow',sans-serif; font-weight: 800; font-size: 40px; line-height: 1; color: #FFFFFF;}
.s73{font-size: 19px; line-height: 1.5; color: #DDE8E1;}
.s74{display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 32px 40px; background: #FFFFFF; border-radius: 14px;}
.s75{display: flex; flex-direction: column; gap: 8px; max-width: 760px;}
.s76{font-size: 22px; font-weight: 700; line-height: 1.35;}
.s77{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 220px; height: 150px; flex-shrink: 0; border-radius: 12px; background: #0F3D2E;}
.s78{font-family: 'Barlow Condensed','Arial Narrow',sans-serif; font-weight: 800; font-size: 52px; color: #E8C547;}
.s79{font-size: 15px; color: #C9D8CF;}
.s80{box-sizing: border-box; padding: 96px 200px; display: flex; flex-direction: column; align-items: center; gap: 24px;}
.s81{font-family: 'Barlow Condensed','Arial Narrow',sans-serif; font-weight: 600; font-size: 40px; line-height: 1.2; text-align: center;}
.s82{font-size: 17px; color: #4A5550;}
.s83{box-sizing: border-box; padding: 0 96px 96px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px;}
.s84{display: flex; flex-direction: column; gap: 18px; padding: 44px; background: #FFFFFF; border-radius: 14px;}
.s85{margin: 0; font-family: 'Barlow Condensed','Arial Narrow',sans-serif; font-weight: 700; font-size: 38px; line-height: 1.05;}
.s86{display: flex; gap: 12px; font-size: 16px; line-height: 1.55; color: #4A5550;}
.s87{color: #13201A;}
.s88{font-size: 16px; font-weight: 700;}
.s89{box-sizing: border-box; margin: 0 96px 96px; padding: 64px 72px; border-radius: 18px; background: #0F3D2E; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: center;}
.s90{display: flex; flex-direction: column; gap: 20px;}
.s91{margin: 0; font-family: 'Barlow Condensed','Arial Narrow',sans-serif; font-weight: 800; font-size: 56px; line-height: 1; color: #FFFFFF;}
.s92{margin: 0; font-size: 18px; line-height: 1.6; color: #C9D8CF;}
.s93{display: flex; flex-direction: column; gap: 10px; font-size: 16px; color: #DDE8E1;}
.s94{display: flex; flex-direction: column; gap: 16px; padding: 32px; background: #0B3226; border: 1px solid #2E5A47; border-radius: 14px;}
.s95{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px;}
.s96{display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 600; color: #C9D8CF;}
.s97{height: 52px; box-sizing: border-box; padding: 0 16px; border: 1px solid #3E6B57; border-radius: 8px; background: #123F31; color: #FFFFFF; font-size: 16px; font-family: inherit;}
.s98{display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 1.5; color: #C9D8CF;}
.s99{margin-top: 3px; width: 18px; height: 18px; accent-color: #E8C547; flex-shrink: 0;}
.s100{height: 58px; border: 0; border-radius: 8px; background: #E8C547; color: #0F3D2E; font-family: inherit; font-weight: 800; font-size: 19px; cursor: pointer;}
.s101{font-size: 13px; line-height: 1.5; color: #9FB8AC;}
.s102{flex-shrink: 0; margin-top: auto; box-sizing: border-box; padding: 28px 96px; background: #13201A; color: #B7C2BB; display: flex; justify-content: space-between; align-items: center; font-size: 14px;}
.s103{display: flex; flex-direction: column; gap: 4px;}
.s104{display: flex; align-items: center; gap: 12px;}
.s105{width: 40px; height: 38px}
.s106{font-family: 'Barlow Condensed','Arial Narrow',sans-serif; font-weight: 700; font-size: 22px; letter-spacing: 0.5px; color: #FFFFFF;}
.s107{font-size: 15px; font-style: italic; color: #E8C547;}
.s108{color: #DDE8E1;}
.s109{display: flex; gap: 32px;}

/* Ontwerp */
@font-face{font-family:'Figtree';src:url(/assets/fonts/figtree.ttf) format('truetype');font-weight:300 900;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url(/assets/fonts/barlow-condensed-700.ttf) format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url(/assets/fonts/barlow-condensed-800.ttf) format('truetype');font-weight:800;font-display:swap}

:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
body{margin:0;background:#F6F4EE;overflow-x:hidden}
img,video{max-width:100%}
.ya-short{display:none}
input::placeholder{color:#7F9A8D}
@media (max-width: 1100px){
 .ya-root{min-width:0!important}
 header{padding:0 20px!important;height:72px!important}
 header nav{gap:12px!important}
 header nav a:not(:last-child){display:none!important}
 header nav a:last-child{height:42px!important;padding:0 14px!important;font-size:14px!important}
 header svg{width:34px!important;height:32px!important}
 header > a > span{font-size:21px!important}
 header nav a:last-child{white-space:nowrap}
}
@media (max-width: 600px){ header nav a:last-child .ya-long{display:none} header nav a:last-child .ya-short{display:inline} header nav a:last-child{font-size:13px!important;padding:0 12px!important}
 section{padding-left:20px!important;padding-right:20px!important}
 .ya-hero{flex-direction:column!important;height:auto!important;padding-top:40px!important;padding-bottom:56px!important;align-items:stretch!important;gap:40px!important}
 .ya-hero > div{width:100%!important;max-width:100%!important}
 .ya-hero h1{font-size:54px!important}
 .ya-hero div:is(.s2,.s3,.s7,.s9,.s10,.s16,.s17,.s18,.s19,.s20,.s21,.s40,.s43,.s46,.s51,.s61,.s67,.s69,.s70,.s74,.s77,.s80,.s89,.s102,.s104){flex-wrap:wrap}
 .ya-shots{height:auto!important}
 .ya-shots > img{position:static!important;width:100%!important}
 .ya-shots > div{display:none!important}
 :is(.s30,.s38,.s49),:is(.s83),:is(.s89,.s95){grid-template-columns:minmax(0,1fr)!important}
 h2{font-size:38px!important}
 .ya-video{width:100%!important;height:auto!important;aspect-ratio:16/9}
 :is(.s74){flex-direction:column!important;align-items:flex-start!important}
 #demo{margin:0 16px 56px!important;padding:28px 20px!important;gap:28px!important}
 #demo form{padding:20px!important}
 footer{flex-direction:column!important;align-items:flex-start!important;gap:20px!important;padding:24px 20px!important}
 footer > div:last-child{flex-wrap:wrap!important;gap:16px!important}
}
@media (max-width: 600px){ .ya-hero h1{font-size:44px!important} h2{font-size:32px!important} }

/* Formulier: honeypot onzichtbaar voor mensen */
.ya-hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.ya-root{min-height:100vh}

/* Juridische pagina's, bedankt en 404 */
.lg{flex:1 0 auto;box-sizing:border-box;padding:72px 24px 96px}
.lg-article{max-width:780px;margin:0 auto;font-size:17px;line-height:1.7;color:#2B3631}
.lg-eyebrow{font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#1F6B45;margin-bottom:12px}
.lg h1{margin:0 0 28px;overflow-wrap:break-word;hyphens:manual;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;font-size:60px;line-height:1;color:#13201A}
.lg-article h2{margin:48px 0 12px;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;font-size:30px;line-height:1.15;color:#13201A}
.lg-article p{margin:0 0 16px}
.lg-article ul,.lg-article ol{margin:0 0 20px;padding-left:24px}
.lg-article li{margin:0 0 8px;padding-left:4px}
.lg-article strong{color:#13201A}
.lg-article a{color:#1F6B45;font-weight:600;text-underline-offset:3px}
.lg-article a:hover{color:#0F3D2E}
.lg-meta{margin-top:40px!important;padding-top:20px;border-top:1px solid #E6E2D6;font-size:15px;color:#6B756F}
.lg-fill{background:#FFF6D6;border-bottom:1px dashed #B8961F;border-radius:3px;padding:0 4px}

.lg-table{margin:20px 0 28px;border:1px solid #E6E2D6;border-radius:12px;overflow:hidden;background:#FFFFFF}
.lg-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.lg-table th,.lg-table td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid #E6E2D6;overflow-wrap:break-word}
.lg-table thead th{background:#0F3D2E;color:#FFFFFF;font-weight:700;font-size:14px}
.lg-table tbody th{font-weight:700;color:#13201A}
.lg-table tbody tr:last-child>*{border-bottom:0}
.lg-kv tbody th{width:34%;background:#F6F4EE}

.lg-message{display:flex;align-items:center;justify-content:center}
.lg-message-box{max-width:640px;text-align:center}
.lg-message p{margin:0 0 32px;font-size:20px;line-height:1.55;color:#4A5550}
.lg-button{display:inline-flex;align-items:center;height:56px;padding:0 24px;background:#E8C547;color:#0F3D2E;border-radius:8px;text-decoration:none;font-weight:700;font-size:18px}

/* Tabellen als kaarten op smalle schermen */
@media (max-width: 760px){
 .lg-table:not(.lg-kv){border:0;border-radius:0;background:none;overflow:visible}
 .lg-table:not(.lg-kv) thead{display:none}
 .lg-table:not(.lg-kv) table,.lg-table:not(.lg-kv) tbody,.lg-table:not(.lg-kv) tr,.lg-table:not(.lg-kv) th,.lg-table:not(.lg-kv) td{display:block;width:auto}
 .lg-table:not(.lg-kv) tr{margin-bottom:12px;background:#FFFFFF;border:1px solid #E6E2D6;border-radius:12px;overflow:hidden}
 .lg-table:not(.lg-kv) tbody th{background:#0F3D2E;color:#FFFFFF;border-bottom:0}
 .lg-table:not(.lg-kv) td{padding:10px 14px}
 .lg-table:not(.lg-kv) tbody tr:last-child>*{border-bottom:1px solid #E6E2D6}
 .lg-table:not(.lg-kv) tbody tr>*:last-child{border-bottom:0!important}
 .lg-table:not(.lg-kv) td::before{content:attr(data-label);display:block;margin-bottom:2px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#1F6B45}
}
@media (max-width: 600px){
 .lg{padding:40px 20px 64px}
 .lg h1{font-size:44px}
 .lg-article{font-size:16px}
 .lg-article h2{font-size:26px!important;margin-top:36px}
 .lg-kv table,.lg-kv tbody,.lg-kv tr,.lg-kv th,.lg-kv td{display:block;width:auto!important}
 .lg-kv tbody th{padding-bottom:0;border-bottom:0;background:none;font-size:13px;color:#1F6B45}
 .lg-kv td{padding-top:2px}
 .lg-message p{font-size:18px}
}