@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/montserrat-latin-600-normal.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:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/montserrat-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/montserrat-latin-800-normal.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:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/montserrat-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--bg:#D5F8E6;--navy:#1C2050;--indigo:#43409C;--green:#61977B;--line:rgba(28,32,80,.18);
  --b:20px;--c:16px;--d:52px;--lh:1.5;--gap:calc(var(--b)*1.5);--rand:clamp(16px,5vw,64px)}
@media (max-width:640px){:root{--b:16px;--c:13px;--d:42px}}
*{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--navy);font-family:Montserrat,system-ui,sans-serif;
  font-size:var(--b);line-height:var(--lh);font-weight:600;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
p,h1,h2,h3,ul,dl,dd,figure{margin:0}
ul{padding:0;list-style:none}
.skip{position:absolute;left:-999px}.skip:focus{left:var(--rand);top:8px;background:var(--navy);color:var(--bg);padding:4px 8px}
.wrap{max-width:1180px;margin:0 auto;padding:0 var(--rand)}
.col{max-width:38em}
.d{font-size:var(--d);line-height:1.02;font-weight:800;letter-spacing:-.01em}
.x{font-weight:800}
.c{font-size:var(--c);line-height:1.45}
.i{color:var(--indigo)}
.nw{white-space:nowrap}
.g{color:var(--green)}
.gap{margin-top:var(--gap)}
.gap2{margin-top:calc(var(--gap)*2)}
.gap3{margin-top:calc(var(--gap)*3)}
.half{margin-top:calc(var(--gap)/2)}
.kopf{border-bottom:1px solid var(--line)}
.kopf-in{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25em 1.4em;padding-top:18px;padding-bottom:18px}
.marke{font-weight:800;text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:.25em 1.2em;font-size:var(--c)}
nav a{text-decoration:none;color:var(--indigo)}
nav a[aria-current],nav a:hover{color:var(--navy);text-decoration:underline}
nav .lang{color:var(--navy)}
/* hero: the posters' 45-degree block next to the portrait */
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--gap);align-items:start;
  padding-top:calc(var(--gap)*1.5)}
@media (max-width:860px){.hero{grid-template-columns:1fr}}
.diag-box{position:relative;width:100%}
.diag{position:absolute;left:50%;top:50%;white-space:nowrap;text-align:center;transform:translate(-50%,-50%) rotate(45deg)}
.diag.flach{position:static;transform:none;white-space:normal;text-align:left}
.foto img{display:block;width:100%;height:auto}
.foto figcaption{margin-top:.4em}
.hero-ev~.hero-ev{display:none}
.mitw li{display:grid;grid-template-columns:minmax(0,15em) minmax(0,1fr);column-gap:1.2em;padding:.35em 0;border-top:1px solid var(--line)}
.hero .mitw li{grid-template-columns:1fr}
@media (max-width:640px){.mitw li{grid-template-columns:1fr}}
.aktionen{display:flex;flex-wrap:wrap;gap:.4em 1.6em}
.aktionen a::after{content:" →"}
.ev{border-top:1px solid var(--line);padding-top:var(--gap)}
.ev+.ev{margin-top:calc(var(--gap)*1.5)}
.archiv li{border-top:1px solid var(--line);padding:.55em 0;display:grid;grid-template-columns:4.5em 12em 1fr;column-gap:1em}
@media (max-width:640px){.archiv li{grid-template-columns:3.2em 1fr}.archiv li .rest{grid-column:2}}
.dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--gap)}
.dl img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.dl figcaption{margin-top:.5em}
.fakten{display:grid;grid-template-columns:11em 1fr;column-gap:1.2em;row-gap:.3em}
@media (max-width:640px){.fakten{grid-template-columns:1fr}.fakten dd{margin-bottom:.4em}}
.fakten dt{color:var(--indigo);font-size:var(--c);padding-top:.2em}
.kopierbar{border-left:3px solid var(--line);padding-left:1em}
.nl{display:flex;flex-wrap:wrap;gap:12px;max-width:38em}
.nl label{flex:1 1 100%}
.nl input[type=email]{flex:1 1 16em;min-width:0;font:inherit;color:var(--navy);background:#fff8;border:2px solid var(--navy);padding:.5em .8em;border-radius:0}
.nl input[type=email]:focus{outline:3px solid var(--indigo);outline-offset:1px}
.nl button{font:inherit;font-weight:800;color:var(--bg);background:var(--navy);border:0;padding:.55em 1.3em;cursor:pointer;border-radius:0}
.nl .nl-msg{flex:1 1 100%}
.knopf{display:inline-block;font-weight:800;color:var(--bg);background:var(--navy);padding:.55em 1.3em;text-decoration:none}
.hp{position:absolute;left:-5000px}
.text h2{font-size:var(--b);font-weight:800;margin-top:calc(var(--gap)*1.4)}
.text p,.text ul{margin-top:.6em;max-width:38em}
.text ul li{padding-left:1em;text-indent:-1em}
.text ul li::before{content:"– "}
.fuss{margin-top:calc(var(--gap)*4);border-top:1px solid var(--line);padding:var(--gap) 0 calc(var(--gap)*2)}
.fuss .wrap{display:flex;flex-wrap:wrap;gap:.4em 1.6em;font-size:var(--c);color:var(--indigo)}
.fuss .foerder{align-items:center;gap:.8em 1.6em;margin-bottom:var(--gap);color:var(--navy)}
.foerder img{display:block;height:auto;mix-blend-mode:multiply}
main>section:first-child.wrap{padding-top:calc(var(--gap)*2)}