@font-face{font-family:ATZPChildSerif;src:url('/youth-playfair.woff') format('woff');font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:ATZPChildSans;src:url('/youth-manrope.woff') format('woff');font-weight:200 800;font-style:normal;font-display:swap}
.children-workshop{--cw-ink:#203f3d;--cw-cream:#faf7ef;--cw-sage:#e6ece2;--cw-peach:#f7e8df;--cw-lavender:#ece8f0;color:var(--cw-ink);font-family:ATZPChildSans,Arial,sans-serif;font-size:1rem;line-height:1.75;overflow-wrap:break-word}
.children-workshop *{min-width:0}
.children-workshop h1,.children-workshop h2,.children-workshop h3{color:var(--cw-ink);font-family:ATZPChildSerif,Georgia,serif;font-weight:500;letter-spacing:-.025em;line-height:1.18;text-wrap:balance}
.children-workshop h1{font-size:clamp(2.6rem,4.7vw,4.9rem);margin:.85rem 0 1.2rem}
.children-workshop h2{font-size:clamp(2rem,3.3vw,3.35rem);margin:0 0 1.4rem}
.children-workshop h3{font-size:clamp(1.4rem,2.2vw,2rem);margin:0 0 1rem}
.children-workshop p{margin:0 0 1rem}
.cw-wrap{max-width:1280px;margin:0 auto}
.cw-section,.cw-hero,.cw-teaser{padding:clamp(2.75rem,5.5vw,5.5rem) clamp(1.25rem,5vw,5rem)}
.cw-hero{background:var(--cw-cream);padding-top:1.7rem}
.cw-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:1.8rem;color:var(--cw-ink);font-size:.85rem;text-decoration:none;text-underline-offset:5px}
.cw-back:hover{text-decoration:underline}
.cw-hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,4vw,4rem);align-items:center}
.children-workshop .cw-eyebrow{font-size:.76rem;line-height:1.5;font-weight:800;letter-spacing:.14em;margin:0 0 1rem}
.cw-subtitle{font-size:1.16rem;font-weight:700;max-width:30em}
.cw-tagline{font-size:1.06rem;max-width:27em}
.cw-facts{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:1.5rem 0}
.cw-facts li{padding:.35rem .85rem;border:1px solid #bccbbd;background:#fff9;border-radius:3rem;font-size:.88rem;font-weight:700}
.cw-art{margin:0;overflow:hidden;background:#efe8da;border-radius:3px}
.cw-art img{display:block;width:100%;height:auto}
.cw-hero .cw-art{box-shadow:0 18px 48px #203f3d0a}
.cw-button{display:inline-flex;align-items:center;justify-content:center;gap:1.8rem;min-height:48px;padding:.82rem 1.35rem;background:var(--cw-ink);color:#fff;text-decoration:none;font-size:.95rem;font-weight:700;border:1px solid var(--cw-ink);border-radius:3px;transition:background .15s}
.cw-button:hover{background:#355955;color:#fff}
.children-workshop a:focus-visible{outline:3px solid #925736;outline-offset:5px}
.cw-intro{max-width:840px;text-align:center}
.cw-intro>p:last-child{font-size:1.08rem;margin:0}
.cw-themes-section{background:#f7f8f5}
.cw-themes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin-top:2.3rem}
.cw-theme{padding:1.7rem 1.5rem 1.4rem;background:var(--cw-peach);border-radius:3px}
.cw-theme:nth-child(2){background:var(--cw-sage)}
.cw-theme:nth-child(3){background:var(--cw-lavender)}
.cw-theme:nth-child(4){background:#f0eddd}
.cw-number{display:block;font-size:.85rem;letter-spacing:.1em;margin:0 0 2rem;font-weight:800}
.cw-theme p{font-size:.95rem;margin:0}
.cw-timeline{display:grid;grid-template-columns:2fr 1fr;gap:2.5rem;margin-top:2.5rem}
.cw-step{border-top:3px solid #a7baaa;padding-top:1.4rem}
.cw-step:nth-child(2){border-color:#d3bbdb}
.cw-step .cw-time{font-size:1rem;font-weight:800;margin-bottom:1rem}
.cw-step h3{max-width:21em}
.cw-step p{max-width:45em}
.cw-contact{background:var(--cw-sage)}
.cw-contact-grid{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:3rem}
.cw-contact-grid p:last-child{margin:0;max-width:44em}
.cw-contact-actions{display:flex;align-items:center;flex-direction:column;gap:1rem}
.cw-text-link{color:var(--cw-ink);font-size:.9rem;text-underline-offset:5px;min-height:44px;padding:.5rem 0}
.cw-teaser{background:var(--cw-cream);scroll-margin-top:1rem}
.cw-teaser-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(1.5rem,4vw,4rem)}
.cw-teaser .cw-art{max-width:550px}
.cw-teaser h2{font-size:clamp(2rem,3vw,3rem)}
.cw-teaser .cw-teaser-facts{font-size:.92rem;font-weight:800;margin:1.25rem 0}
#teilnahme{scroll-margin-top:1rem}
@media(min-width:1600px){.cw-hero-grid{gap:4.5rem}}
@media(max-width:1050px){.cw-hero-grid{grid-template-columns:1fr;gap:2rem}.cw-copy{max-width:780px}.cw-hero .cw-art{max-width:100%}.cw-themes{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-timeline{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.cw-section,.cw-teaser{padding-top:2.8rem;padding-bottom:2.8rem}.cw-hero{padding-top:1.2rem;padding-bottom:2rem}.cw-back{margin-bottom:1.15rem}.children-workshop h1{font-size:clamp(2.55rem,10.5vw,3.4rem)}.cw-facts{gap:.5rem}.cw-facts li{font-size:.83rem}.cw-themes{grid-template-columns:1fr;gap:1rem;margin-top:1.7rem}.cw-theme{padding:1.5rem}.cw-number{margin-bottom:1.1rem}.cw-theme h3{max-width:24ch}.cw-timeline,.cw-contact-grid,.cw-teaser-grid{grid-template-columns:1fr;gap:2rem}.cw-intro{text-align:left}.cw-contact-actions{align-items:flex-start}.cw-teaser .cw-art{max-width:none}.cw-teaser-grid .cw-art{order:2}.cw-teaser-grid .cw-copy{order:1}.cw-button{max-width:100%;text-align:center}.cw-art{border-radius:2px}}
@media(prefers-reduced-motion:reduce){.cw-button{transition:none}}
