@font-face{font-family:YouthDisplay;src:url('./fonts/barlow-condensed-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
.youth-brand{display:flex;align-items:center;gap:20px}.youth-brand img{width:88px;height:auto;flex-shrink:0}.youth-brand .eyebrow{margin:0}
body[data-page=youth]{--youth-paper:#f2eee5;--youth-ink:#232523;--youth-accent:#d9ee82;background:var(--youth-paper)}
body[data-page=youth] main h1,body[data-page=youth] main h2{font-family:YouthDisplay,'Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.025em;line-height:.96}
body[data-page=youth] main h2{font-size:clamp(44px,6vw,80px)}
body[data-page=youth] .youth-masthead h1{font-size:clamp(72px,8vw,116px);margin:24px 0;max-width:16ch}
body[data-page=youth] .youth-masthead{min-height:740px}
body[data-page=youth] .youth-masthead .lead{font-size:18px;max-width:32ch}
body[data-page=youth] .youth-masthead .button{background:var(--youth-accent);color:var(--youth-ink);border-color:var(--youth-accent)}
body[data-page=youth] .site-header .header-visit{background:var(--youth-accent);color:var(--youth-ink);border-color:var(--youth-accent);border-radius:28px}
body[data-page=youth] .site-header .menu-toggle{background:var(--youth-accent);border-color:var(--youth-accent);border-radius:28px;color:var(--youth-ink)}
.youth-meetup{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--youth-ink);color:var(--youth-paper);padding:28px max(24px,calc((100% - 1280px)/2));flex-wrap:wrap}
.youth-meetup strong{font-family:YouthDisplay,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:clamp(32px,4vw,52px);line-height:1}
.youth-meetup span{font-size:15px}.youth-meetup a{color:var(--youth-accent);text-underline-offset:5px}
body[data-page=youth] .camp-opening{margin-top:48px}
body[data-page=youth] .youth-gallery{gap:48px 32px}
body[data-page=youth] .youth-gallery figure:nth-child(2){margin-top:72px}
body[data-page=youth] .youth-gallery figure:nth-child(4){margin-top:56px}
body[data-page=youth] .youth-gallery figcaption{font-weight:600;color:var(--youth-ink);border-top:2px solid var(--youth-ink);margin-top:12px}
body[data-page=youth] #jugendtermine{border-top:3px solid var(--youth-ink)}
@media(max-width:760px){body[data-page=youth] .youth-masthead{min-height:650px}body[data-page=youth] .youth-masthead h1{font-size:clamp(48px,12vw,88px)}.youth-meetup{padding:24px;gap:16px;align-items:flex-start;flex-direction:column}body[data-page=youth] .youth-gallery figure:nth-child(2),body[data-page=youth] .youth-gallery figure:nth-child(4){margin-top:0}body[data-page=youth] .youth-gallery{gap:32px}}