@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#202c65;--ink:#1c2450;--red:#a42639;--paper:#f7f8fc;--muted:#5e667a;--line:#dce0ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.15;letter-spacing:-.04em}h1{font-size:clamp(2.8rem,5.4vw,5rem);font-weight:800;margin:18px 0 24px}h2{font-size:clamp(2rem,3.5vw,3rem);margin:12px 0 24px}h3{font-size:1.45rem;line-height:1.3}a{color:inherit;text-underline-offset:4px}a,button{touch-action:manipulation}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ae283c;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding:0 40px}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:100}.skip:focus{top:0}header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:94px;gap:25px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;line-height:1.3;font-size:14px}.brand strong{font-size:19px}.brand-mark{width:49px;height:49px;object-fit:contain}.nav{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:600}.nav>a{text-decoration:none}.nav>a:hover,.nav>a[aria-current]{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:12px 24px;background:var(--red);color:white;text-decoration:none;border:1px solid var(--red);border-radius:5px;font-weight:600;font-size:15px;transition:background .2s}.button:hover{background:#80182a}.button.lime{background:var(--red);color:white;border-color:var(--red)}.button.outline{background:transparent;color:inherit;border-color:currentColor}.menu-toggle{display:none;border:1px solid var(--line);background:none;padding:8px 14px;border-radius:4px}.eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.hero{background:var(--blue);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.02fr;min-height:580px;align-items:center;gap:64px;padding-top:54px;padding-bottom:54px}.hero p{max-width:440px;color:#dfe5f7;font-size:18px}.hero .eyebrow{color:#ffd0d8}.hero-image{width:100%;height:465px;object-fit:cover;border-radius:120px 8px 8px 8px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.photo-caption{font-size:12px;color:#c9d4f0;margin-top:10px;text-align:right}.quick{display:grid;grid-template-columns:repeat(3,1fr);padding-top:24px;padding-bottom:24px;gap:28px}.quick>div{border-right:1px solid var(--line);font-size:14px;color:var(--muted)}.quick>div:last-child{border:0}.quick strong{display:block;color:var(--ink);font-size:17px}.section{padding-top:85px;padding-bottom:85px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.section-head h2{margin-bottom:0}.text-link{font-weight:600;font-size:14px}.stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stage{display:block;text-decoration:none;background:white;border:1px solid var(--line);border-top:4px solid var(--color);border-radius:6px;padding:28px 24px;transition:transform .2s,box-shadow .2s}.stage:hover{transform:translateY(-5px);box-shadow:0 12px 24px #202c6514}.stage .age{font-size:13px;font-weight:600;color:var(--muted)}.stage .abbr{display:block;font-family:Manrope;font-size:36px;letter-spacing:-.04em;margin:22px 0 4px;font-weight:800}.stage h3{font-size:17px;letter-spacing:-.02em;min-height:44px}.stage p{font-size:15px;color:var(--muted)}.stage .time{border-top:1px solid var(--line);padding-top:17px;margin-top:28px;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split p{color:var(--muted)}.light-green{background:#eaf0fa}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.news-card{text-decoration:none;display:block}.news-card .picture{height:220px;border-radius:6px;overflow:hidden;background:var(--blue)}.news-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.news-card:hover img{transform:scale(1.04)}.news-card time{display:block;font-size:13px;color:var(--muted);margin-top:20px}.news-card h3{font-size:22px;margin:10px 0}.news-card p{color:var(--muted);font-size:15px}.news-art{height:100%;display:flex;justify-content:center;align-items:center;font-family:Manrope;font-size:54px;color:white;font-weight:800}.join{background:var(--blue);color:white;border-radius:8px;padding:50px;display:flex;justify-content:space-between;gap:40px;align-items:center}.join p{color:#dfe5f7;max-width:600px}.join h2{margin:10px 0}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px}.contact-grid p{color:var(--muted)}footer{background:#141d48;color:#e1e7fa;padding:48px 0 25px;font-size:14px}.footer-top{display:flex;justify-content:space-between;gap:40px}.footer-links{display:flex;gap:25px;flex-wrap:wrap}.footer-bottom{margin-top:36px;padding-top:20px;border-top:1px solid #ffffff26;display:flex;justify-content:space-between;gap:20px;color:#b8c4e7;font-size:12px}.page-intro{padding:65px 0 50px;background:#eaf0fa}.page-intro h1{font-size:clamp(2.4rem,5vw,4rem);max-width:900px}.page-intro p{max-width:690px;color:var(--muted);font-size:18px}.breadcrumb{font-size:14px;color:var(--muted)}.prose{max-width:820px}.prose h2{font-size:30px;margin-top:45px}.prose h3{font-size:22px;margin-top:30px}.prose p{color:var(--muted)}.prose img{width:100%;height:auto;border-radius:6px}.info-box{background:white;border:1px solid var(--line);padding:28px;border-radius:6px}.detail-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:start}.detail-layout aside{position:sticky;top:125px}.info-box h3{margin-top:0}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.person{background:white;padding:22px;border:1px solid var(--line);border-radius:5px}.person strong{display:block}.person span{font-size:14px;color:var(--muted)}.values{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.value{border-top:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:35px 1fr;gap:15px}.value .number{color:#35499a;font-size:14px}.value h3{margin:0 0 10px;font-size:20px}.value p{margin:0;color:var(--muted)}.download-row{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 0;border-bottom:1px solid var(--line);text-decoration:none}.download-row:hover{color:#a42639}.download-row span{display:block;color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps b{font-family:Manrope;font-size:45px;color:#a42639}.steps p{color:var(--muted)}@media(max-width:1050px){.wrap{padding-left:25px;padding-right:25px}.nav{gap:16px}.hero-grid{gap:30px}.hero-image{height:420px}.stage-grid{grid-template-columns:repeat(2,1fr)}.split{gap:40px}}@media(max-width:800px){.header-inner{min-height:78px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{padding:7px}.hero-grid{grid-template-columns:1fr;gap:35px;padding-top:48px;padding-bottom:40px}.hero h1{max-width:580px}.hero-image{height:340px;border-top-left-radius:80px}.quick{gap:14px}.quick strong{font-size:15px}.quick>div{font-size:12px}.section{padding-top:60px;padding-bottom:60px}.split,.detail-layout{grid-template-columns:1fr;gap:30px}.news-grid{grid-template-columns:1fr}.news-card{display:grid;grid-template-columns:1fr 1fr;gap:20px}.news-card .picture{height:200px}.join{padding:30px;display:block}.join .button{margin-top:18px}.contact-grid{grid-template-columns:1fr 1fr}.contact-grid>div:first-child{grid-column:1/-1}.footer-top,.footer-bottom{flex-direction:column}.detail-layout aside{position:static}.team-grid{grid-template-columns:1fr 1fr}.values{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps>div{display:grid;grid-template-columns:55px 1fr;column-gap:20px}.steps h3{margin:0}.steps p{grid-column:2}}@media(max-width:480px){.wrap{padding-left:20px;padding-right:20px}h1{font-size:2.8rem}.brand strong{font-size:16px}.brand{font-size:12px}.hero-image{height:265px}.quick{grid-template-columns:1fr}.quick>div{border:0;display:block;text-align:left;font-size:14px}.quick strong{min-width:0;text-align:left}.section-head{align-items:start;flex-direction:column;gap:15px}.stage-grid{grid-template-columns:1fr}.stage{padding:22px}.stage h3{min-height:0}.stage .time{margin-top:20px}.news-card{display:block}.contact-grid,.team-grid{grid-template-columns:1fr}.contact-grid>div:first-child{grid-column:auto}.actions .button{width:100%}.download-row{align-items:start}.page-intro{padding:40px 0}.footer-links{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Original team portraits and pedagogical emblems */
.person{padding:0;overflow:hidden}
.person .portrait{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:0}
.person-info{padding:18px 20px 20px}
.value{grid-template-columns:72px minmax(0,1fr);gap:22px;align-items:start}
.value-logo{display:block;width:72px;height:72px;object-fit:contain}
@media(max-width:480px){.value{grid-template-columns:56px minmax(0,1fr);gap:16px}.value-logo{width:56px;height:56px}}

.year-nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:45px}.year-nav a{padding:8px 18px;border:1px solid var(--line);background:white;border-radius:4px;text-decoration:none}.year-nav a:hover{background:var(--blue);color:white}.archive-year{margin-bottom:70px}.archive-year .news-grid{row-gap:48px}.article-gallery{display:grid;gap:20px;margin:32px 0}.article-gallery img{display:block}.person details{font-size:14px;margin-top:14px}.person summary{cursor:pointer;color:var(--ink);font-weight:600}.person details p{margin:12px 0 0;font-size:14px;color:var(--muted)}blockquote{border-left:3px solid #a42639;margin:25px 0;padding:12px 22px;background:white;font-size:17px}.value ul{padding-left:18px;color:var(--muted);margin:8px 0 0}.value li{margin-bottom:7px}

/* Uploaded group logo in the site header */
.brand{flex-shrink:0;height:49px;max-width:calc(100vw - 140px)}.brand-logo{display:block;width:auto;height:49px;max-height:49px;max-width:100%;object-fit:contain}
@media(max-width:1200px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:94px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{padding:7px}}
@media(max-width:800px){.nav{top:78px}}
@media(max-width:480px){.header-inner{gap:15px}}

/* Stage cards: full names and short labels exchanged */
.stage-name{display:block;font-family:Manrope,sans-serif;font-size:1.55rem;line-height:1.2;letter-spacing:-.03em;font-weight:800;min-height:3.6em;margin:22px 0 4px;overflow-wrap:break-word}
.stage h3{min-height:0;margin-top:12px}
.team-stage-name{margin-top:-8px;color:var(--muted)}
@media(max-width:480px){.stage-name{min-height:0}}

.stage-audience{display:block;font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.5;letter-spacing:normal;font-weight:400;margin-top:8px;color:var(--muted)}
.stage .stage-audience{margin:8px 0 0}.page-intro h1 .stage-audience{margin-top:16px}

.button.outline:hover{background:var(--red);color:white;border-color:var(--red)}

/* News thumbnails without a photograph */
.news-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:24px;background:#fff;border:2px solid var(--blue);border-radius:6px}
.news-card .news-fallback img{display:block;width:100%;max-width:340px;height:auto;max-height:100%;object-fit:contain}
.news-card:hover .news-fallback img{transform:none}

.button.blue{background:var(--blue);border-color:var(--blue);color:white}.button.blue:hover{background:#141d48;border-color:#141d48}

.prose.prose-wide{max-width:none;width:100%}

.section-white{background:#fff}

.button.stage-button,.button.stage-button:hover{background:var(--stage-color);border-color:var(--stage-color);color:var(--stage-text)}
.button.stage-button:hover{text-decoration:underline}

@media(max-width:800px){.stage-name-break{display:none}}

/* Rahmenfarbe entsprechend der Berichtszuordnung */
.news-card{--report-color:#202c65}.news-stage-wiwoe{--report-color:#fbbb21}.news-stage-gusp{--report-color:#159a34}.news-stage-caex{--report-color:#0b4697}.news-stage-raro{--report-color:#e62336}
.news-card .picture{border:1px solid var(--line);border-top:4px solid var(--report-color);border-radius:6px;background:#fff}.news-card .news-fallback{border:0;border-radius:0}.draft-preview{padding-top:24px;padding-bottom:24px;background:#fff4cf;font-weight:600}

.person .portrait.team-logo{object-fit:contain;padding:24px;background:#fff}

.download-filter{display:block;max-width:440px;margin:24px 0;font-weight:600}.download-filter select{display:block;width:100%;font:inherit;padding:12px;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:#fff;margin-top:8px}[data-download-id][hidden]{display:none!important}

/* Teamkarten mit dem oberen Farbrand der jeweiligen Altersstufe */
.team-grid[data-team-group]{--team-color:var(--blue)}
.team-grid[data-team-group="wiwoe"]{--team-color:#fbbb21}
.team-grid[data-team-group="gusp"]{--team-color:#159a34}
.team-grid[data-team-group="caex"]{--team-color:#0b4697}
.team-grid[data-team-group="raro"]{--team-color:#e62336}
.team-grid[data-team-group] .person{border:1px solid var(--line);border-top:4px solid var(--team-color);border-radius:6px}

.stage-downloads>h3{display:none}