@font-face{font-family:'Work Sans';font-weight:600 700;font-display:swap;src:url(../fonts/worksans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Work Sans';font-weight:600 700;font-display:swap;src:url(../fonts/worksans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+A720-A7FF}
:root{--lila:#793f8f;--orange:#F59E14;--ink:#111;--grau:#666;--linie:#e4e0e6;--hell:#f6f3f7}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font-family:'Work Sans',Helvetica,Arial,sans-serif;font-weight:600;font-size:17px;line-height:1.5}
a{color:inherit}img{max-width:100%;height:auto}
header{max-width:1240px;margin:0 auto;padding:26px 28px 18px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.logo{font-size:30px;font-weight:700;letter-spacing:1px;color:var(--lila);text-decoration:none;margin-right:auto}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
nav a,.dd>button{text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-size:15px;padding:6px 0;display:inline-block}
.dd>button{all:unset;cursor:pointer;text-transform:uppercase;letter-spacing:1px;font-size:15px;padding:6px 0}
.dd>button:after{content:" ▾";font-size:12px}
nav a.aktiv,.dd>button.aktiv{color:var(--lila);border-bottom:2px solid var(--lila)}
nav a.unt{border-bottom:2px solid var(--orange)}
.dd{position:relative}
.mega{display:none;position:absolute;top:40px;left:-20px;background:#fff;border:1px solid var(--linie);padding:18px;width:640px;z-index:20;grid-template-columns:repeat(5,1fr);gap:12px}
.dd.offen .mega{display:grid}
.mega a{font-size:12px;text-transform:none;letter-spacing:0;line-height:1.25;padding:0}.mega img{width:100%;aspect-ratio:7/10;object-fit:cover;display:block;margin-bottom:4px;background:#eee}
.mega a.alle{grid-column:1/-1;color:var(--lila);font-size:13px;letter-spacing:1px;text-transform:uppercase}
.lang{font-size:14px;letter-spacing:1px}.lang b{color:var(--lila);border-bottom:2px solid var(--orange)}.lang a{text-decoration:none;padding:0}
.burger{all:unset;display:none;cursor:pointer;font-size:15px;letter-spacing:1px;text-transform:uppercase;border:1.5px solid var(--ink);padding:6px 12px}
main{max-width:1240px;margin:0 auto;padding:0 28px 60px}
h1{font-size:34px;line-height:1.15;margin:18px 0 18px}h2{font-size:22px;letter-spacing:.5px;margin:36px 0 12px}h3{font-size:18px;margin:26px 0 6px;text-transform:uppercase;letter-spacing:.5px}
h2.linie{text-transform:uppercase;letter-spacing:1px;margin-top:56px;padding-top:18px;border-top:2px solid var(--ink)}
.meta{color:var(--lila);text-transform:uppercase;letter-spacing:1px;font-size:14px;margin:18px 0 6px}
p{margin:0 0 14px}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:start}
.hero h1{margin-top:0}.hero img{width:100%;display:block;margin-top:18px}
.knoepfe{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.knopf{border:2px solid var(--ink);padding:9px 16px;text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-size:14px;display:inline-block}
.knopf.voll{background:var(--ink);color:#fff}
.text{max-width:860px}.text.unten{border-top:2px solid var(--ink);margin-top:40px;padding-top:6px;max-width:none}
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:40px}
figure{margin:0 0 18px}figcaption{font-size:13px;color:var(--grau);margin-top:4px}
.kacheln{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.kacheln.drei{grid-template-columns:repeat(3,1fr)}.kacheln.drei a{border-top:2px solid var(--ink);padding-top:6px}
.kacheln a{text-decoration:none}.kacheln img{width:100%;aspect-ratio:7/10;object-fit:cover;display:block;background:#eee;margin-bottom:8px}
.kacheln small{display:block;color:var(--lila);letter-spacing:1px;font-size:12px}
.plakate{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:10px}
.plakat img{width:100%;display:block;background:#eee}.plakat figcaption{font-size:13px;color:var(--ink);text-transform:uppercase;letter-spacing:.5px}
.band{margin-top:56px;background:var(--hell);padding:28px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.band p{margin:0;max-width:680px}
footer{border-top:2px solid var(--ink);max-width:1240px;margin:0 auto;padding:18px 28px 40px;display:flex;gap:24px;flex-wrap:wrap;font-size:14px;letter-spacing:1px;text-transform:uppercase}
footer a{text-decoration:none}footer span{margin-left:auto;color:var(--grau)}
@media (max-width:1000px){.plakate{grid-template-columns:repeat(3,1fr)}.kacheln{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1080px){
 header{padding:18px 16px}.logo{font-size:22px}.burger{display:inline-block}
 nav{display:none;width:100%}nav.offen{display:block}nav ul{flex-direction:column;align-items:flex-start;gap:6px}
 .mega{position:static;width:100%;grid-template-columns:repeat(3,1fr);border:0;padding:8px 0}
 main{padding:0 16px 40px}.hero,.zwei{grid-template-columns:1fr;gap:20px}h1{font-size:26px}
 .kacheln,.plakate{grid-template-columns:repeat(2,1fr);gap:14px}footer{padding:18px 16px 30px}footer span{margin-left:0}
}
nav a.einr{border:1.5px solid var(--lila);color:var(--lila);padding:5px 12px}
.logos figure{display:inline-block;vertical-align:middle;margin:0 20px 14px 0}.logos img{max-height:32px;max-width:110px;width:auto;height:auto;display:block}
.logos p:empty,.logos br{display:none}
.hinweis{margin-top:18px;color:var(--lila);font-size:15px}
.galerie{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.galerie img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#eee}@media(max-width:820px){.galerie{grid-template-columns:1fr 1fr;gap:8px}}
.zeile{display:grid;grid-template-columns:1fr 2fr;gap:24px;border-top:1px solid var(--ink);padding:14px 0;max-width:980px}.zeile h2{font-size:15px;margin:0;text-transform:uppercase;letter-spacing:.5px}.zeile p{margin:0 0 10px}@media(max-width:820px){.zeile{grid-template-columns:1fr;gap:6px}}
.logos img[src*="kreativ_gesellschaft"],.logos img[src*="jerwitz"]{max-height:22px}
.kacheln.drei a{display:flex;flex-direction:column;border-top:none;padding-top:0}
.kacheln.drei img{aspect-ratio:4/3;object-fit:cover;margin-bottom:12px;transition:opacity .2s}
.kacheln.drei h3{margin:0 0 6px}
.kacheln.drei p{flex:1}
.kacheln .mehr{color:var(--lila);font-weight:700;border-bottom:2px solid var(--lila);align-self:flex-start;margin-top:4px}
.kacheln.drei a:hover img{opacity:.85}.kacheln.drei a:hover h3{color:var(--lila)}.kacheln.drei a:hover .mehr{border-bottom-width:4px}
@media(max-width:820px){.kacheln.drei{grid-template-columns:1fr;gap:32px}}
.status{border-left:3px solid var(--lila);padding:6px 0 6px 14px;font-weight:700;max-width:760px}
.text a.mehr{color:var(--lila);font-weight:700;text-decoration:none;border-bottom:2px solid var(--lila)}.text a.mehr:hover{border-bottom-width:4px}
.logos figure{margin:0 28px 20px 0}.logos img{max-height:48px;max-width:160px}
.logos img[src*="kreativ_gesellschaft"],.logos img[src*="jerwitz"]{max-height:34px}
.logos img[src*="mudrony"]{max-width:115px}
.stimmen{margin-top:36px}.stimmen h2{font-size:15px;text-transform:uppercase;letter-spacing:.5px;margin:0 0 14px}
.stimmen blockquote{margin:0 0 18px;padding-left:14px;border-left:3px solid var(--lila)}
.stimmen blockquote p{margin:0 0 4px;font-size:18px;line-height:1.35}
.stimmen cite{font-style:normal;font-size:13px;color:var(--lila)}
.stimmen .quelle{font-size:12px;opacity:.75}
.jury{border-left:3px solid var(--lila);padding:4px 0 4px 14px;margin:0 0 28px;max-width:900px}.jury h2{font-size:15px;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}.jury p{margin:0}
.plakate figure.plakat{margin:0;display:flex;flex-direction:column}.plakate figure.plakat a{display:block;position:relative;aspect-ratio:1/1.414}.plakate figure.plakat img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:auto;max-width:108%;object-fit:contain;object-position:center bottom;background:none}.plakate figcaption{margin-top:8px}
body>.band{max-width:1184px;margin:0 auto 40px;box-sizing:border-box}@media(max-width:1240px){body>.band{margin:0 28px 40px}}@media(max-width:1080px){body>.band{margin:0 16px 32px}}
.text p.klein{font-size:13px;opacity:.8;max-width:680px}
.gruppe{margin-top:44px}.gruppe:first-of-type{margin-top:24px}.gruppe h2{font-size:28px;font-weight:700;margin:0 0 18px;padding-top:14px;border-top:1px solid var(--ink)}.gruppe h2 small{font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:.5px;margin-left:10px;opacity:.7}
.lb{position:fixed;inset:0;z-index:1000;background:#fff;display:flex;align-items:center;justify-content:center}.lb[hidden]{display:none}body.lb-offen{overflow:hidden}
.lb figure{margin:0;display:flex;flex-direction:column;align-items:center;max-width:calc(100vw - 140px)}.lb img{max-height:calc(100vh - 110px);max-width:100%;width:auto;height:auto;display:block;box-shadow:0 2px 18px rgba(0,0,0,.12)}
.lb figcaption{margin-top:14px;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink);display:flex;gap:16px;align-items:baseline}.lb-zahl{color:var(--grau);font-size:12px}
.lb button{background:none;border:0;color:var(--ink);cursor:pointer;font:300 54px/1 Helvetica,Arial,sans-serif;padding:10px 18px}.lb button:hover,.lb button:focus-visible{color:var(--lila)}.lb-zu{position:absolute;top:10px;right:14px;font-size:40px!important}
@media(max-width:700px){.lb figure{max-width:100vw}.lb img{max-height:calc(100vh - 140px)}.lb-pf{position:absolute;bottom:14px;font-size:44px!important}.lb-zur{left:20px}.lb-vor{right:20px}}
.plakate figure.plakat img{box-shadow:0 0 0 1px var(--linie)}
