@font-face{font-family:Red Hat Display;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/red-hat-display-latin-ext-700-normal-4Yv4bhFz.woff2)format("woff2"),url(/assets/red-hat-display-latin-ext-700-normal-CIzU_EaE.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Red Hat Display;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/red-hat-display-latin-700-normal-DUeyuPwR.woff2)format("woff2"),url(/assets/red-hat-display-latin-700-normal-pELEKMor.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Display;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/red-hat-display-latin-ext-500-normal-1Gu2JayI.woff2)format("woff2"),url(/assets/red-hat-display-latin-ext-500-normal-BVAh5fhN.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Red Hat Display;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/red-hat-display-latin-500-normal-q2vn4sTq.woff2)format("woff2"),url(/assets/red-hat-display-latin-500-normal-BuXLKpl5.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Text;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/red-hat-text-latin-ext-400-normal-BBm29hAA.woff2)format("woff2"),url(/assets/red-hat-text-latin-ext-400-normal-BAHjMHPw.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Red Hat Text;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/red-hat-text-latin-400-normal-CU14VBGs.woff2)format("woff2"),url(/assets/red-hat-text-latin-400-normal-B-8bUVwG.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Text;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/red-hat-text-latin-ext-500-normal-CuIcaAu8.woff2)format("woff2"),url(/assets/red-hat-text-latin-ext-500-normal-Ck5JEOHB.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Red Hat Text;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/red-hat-text-latin-500-normal-c4wcFpAd.woff2)format("woff2"),url(/assets/red-hat-text-latin-500-normal-BVSYZAnq.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/red-hat-mono-latin-ext-400-normal-CTgQ0k1t.woff2)format("woff2"),url(/assets/red-hat-mono-latin-ext-400-normal-CQ9iMEKY.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Red Hat Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/red-hat-mono-latin-400-normal-C-lyubUB.woff2)format("woff2"),url(/assets/red-hat-mono-latin-400-normal-CG-MPK9d.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/red-hat-mono-latin-ext-500-normal-DzmeEbMl.woff2)format("woff2"),url(/assets/red-hat-mono-latin-ext-500-normal-C50_0SE6.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Red Hat Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/red-hat-mono-latin-500-normal-CjZS5o_4.woff2)format("woff2"),url(/assets/red-hat-mono-latin-500-normal-C00uZsq5.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--marine:#0b1833;--tinte:#0b1833;--neben:#47506a;--blau:#002bea;--weiss:#fff;--stein:#f2f3f6;--fuge:#d9dce3;--apricot:#ecddcb;--apricot-neben:#4e4436;--leiste:5.25rem;--display:"Red Hat Display", "Red Hat Text", sans-serif;--text:"Red Hat Text", sans-serif;--mono:"Red Hat Mono", ui-monospace, monospace;--ease:cubic-bezier(.23, 1, .32, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:4rem}body{background:var(--weiss);color:var(--tinte);font:400 1.0625rem/1.6 var(--text);margin:0}img,svg,canvas{max-width:100%;display:block}a{color:inherit}h1,h2{font-family:var(--display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:700;line-height:1.05}h2{margin-bottom:1.4rem;font-size:clamp(2rem,4.2vw,3.6rem)}p{text-wrap:pretty;margin:0 0 1rem}:focus-visible{outline:3px solid var(--blau);outline-offset:3px}.sprung{background:var(--weiss);z-index:50;padding:.6rem 1rem;position:absolute;top:0;left:-999px}.sprung:focus{left:1rem}.frame{background:var(--stein);display:block;overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%}figcaption{font:400 .95rem/1.45 var(--mono);color:var(--neben);margin-top:.7rem}.leiste{z-index:20;width:var(--leiste);background:var(--marine);color:var(--weiss);flex-direction:column;justify-content:space-between;align-items:center;padding:1.6rem 0 1.4rem;display:flex;position:fixed;top:0;bottom:0;left:0}.leiste-logo{color:var(--weiss);text-decoration:none;display:block}.leiste-logo .logo-quer{display:none}.leiste-logo{flex-direction:column;align-items:center;gap:.9rem;display:flex}.leiste-logo .logo-zeichen{width:clamp(2.2rem,2.4vw,3rem);height:auto}.leiste-logo .logo-hoch{width:clamp(1.1rem,1.25vw,1.7rem);height:auto}.leiste-nav{flex-direction:column;align-items:center;gap:1.6rem;display:flex}.leiste-nav a{writing-mode:vertical-rl;font:500 clamp(.95rem, 1vw, 1.25rem)/1 var(--text);letter-spacing:.02em;border-radius:2px;padding:.3rem;text-decoration:none;transform:rotate(180deg)}.leiste-fuss{flex-direction:column;align-items:center;gap:1rem;display:flex}.leiste-heute{writing-mode:vertical-rl;font:400 .8rem/1.2 var(--mono);color:#c9d0e2;max-height:15rem;margin:0;transform:rotate(180deg)}.leiste-tel{writing-mode:vertical-rl;font:500 clamp(1rem, 1vw, 1.25rem)/1 var(--mono);text-underline-offset:.3em;padding:.3rem;text-decoration:underline;text-decoration-thickness:1px;transform:rotate(180deg)}.leiste a:focus-visible{outline-color:#8ea2ff}@media (hover:hover) and (pointer:fine){.leiste-nav a,.leiste-tel{transition:color .15s var(--ease)}.leiste-nav a:hover,.leiste-tel:hover{color:#afc0ff}}main,.abschluss{margin-left:var(--leiste)}.einstieg{background:var(--weiss);height:170vh;position:relative}.einstieg-buehne{grid-template-columns:minmax(18rem,32%) 1fr;height:100svh;display:grid;position:sticky;top:0}.einstieg-text{flex-direction:column;justify-content:flex-end;padding:3rem clamp(1.5rem,3vw,3.5rem) clamp(2.5rem,7vh,5rem);display:flex}.einstieg h1{letter-spacing:-.03em;margin-bottom:1.6rem;font-size:min(6rem,5.4vw)}.einstieg-zeile{color:var(--neben);max-width:30ch;margin-bottom:2rem;font-size:clamp(1.0625rem,1.25vw,1.3rem)}.knopf{background:var(--blau);color:var(--weiss);font:500 1.0625rem/1 var(--text);transition:transform .14s var(--ease), background-color .15s var(--ease);border-radius:3px;align-self:flex-start;padding:1rem 1.4rem;text-decoration:none;display:inline-block}.knopf:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.knopf:hover{background-color:#0020b8}}.einstieg-bild{height:100%}.einstieg-schleier{background:var(--marine);opacity:0;pointer-events:none;position:absolute;inset:0}html:not(.js) .einstieg{height:auto}html:not(.js) .einstieg-buehne{position:relative}.auftakt{background:var(--stein);grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(2rem,5vw,6rem);padding:clamp(5rem,11vw,9rem) clamp(1.5rem,5vw,6rem);display:grid}.auftakt-text p{max-width:62ch}.auftakt-text p:first-of-type{font-size:clamp(1.15rem,1.4vw,1.35rem);line-height:1.5}.auftakt-bild{margin:0}.auftakt-bild .frame{aspect-ratio:3/2}.format{background:var(--weiss);padding:clamp(5rem,10vw,8rem) 0 clamp(4rem,8vw,7rem)}.format-kopf{grid-template-columns:1fr 1fr;align-items:end;gap:2rem clamp(2rem,5vw,6rem);padding:0 clamp(1.5rem,5vw,6rem) clamp(2rem,4vw,3rem);display:grid}.format-kopf h2{margin:0}.format-kopf p{max-width:52ch;margin:0}.film{background:var(--stein);position:relative;overflow:hidden}.film .still{object-fit:cover;width:100%;height:100%}.film canvas{opacity:0;width:100%;height:100%;transition:opacity .3s var(--ease);position:absolute;inset:0}.film.is-live canvas{opacity:1}.format-film{height:min(78vh,52vw);margin:0 clamp(1.5rem,5vw,6rem)}.format-zitat{max-width:46rem;margin:clamp(2.5rem,5vw,4rem) clamp(1.5rem,5vw,6rem) 0 auto;padding:0 clamp(1.5rem,5vw,6rem) 0 0}.format-zitat p{font:500 clamp(1.4rem, 2.3vw, 2.1rem)/1.3 var(--display);letter-spacing:-.015em;text-wrap:balance;margin-bottom:.9rem}.format-zitat footer,.bad blockquote footer{font:400 .95rem/1.4 var(--mono);color:var(--neben)}.mass{background:var(--stein);grid-template-columns:minmax(18rem,.9fr) 1.6fr;grid-template-areas:"text blatt""bild blatt";align-items:start;gap:clamp(2rem,4vw,4rem);padding:clamp(5rem,10vw,8rem) clamp(1.5rem,5vw,6rem);display:grid}.mass-text{grid-area:text}.mass-text>p{max-width:52ch}.mass-liste{border-top:1px solid var(--fuge);margin:1.6rem 0 1rem;padding:0;list-style:none}.mass-liste li{border-bottom:1px solid var(--fuge)}.mass-liste button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;font:400 1.0625rem/1.4 var(--text);color:var(--tinte);transition:background-color .15s var(--ease);align-items:baseline;gap:1rem;padding:.85rem .4rem;display:flex}.mass-liste button:focus-visible{outline:3px solid var(--blau);outline-offset:-3px}.mass-liste .kz{font:500 1rem/1 var(--mono);min-width:2.4rem;color:var(--blau)}.mass-liste button[aria-pressed=true]{background-color:var(--weiss)}.mass-liste button:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.mass-liste button:hover{background-color:#fafbfc}}.mass-hinweis{font:400 .95rem/1.45 var(--mono);color:var(--neben)}.blatt-rahmen{background:var(--weiss);border:1px solid var(--fuge);border-radius:6px;grid-area:blatt;overflow-x:auto}.blatt{width:100%;min-width:720px;height:auto;color:var(--tinte)}.mass-bild{grid-area:bild;margin:0}.mass-bild .frame{aspect-ratio:3/2}.blatt .k1{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round}.blatt .k2{fill:none;stroke:currentColor;stroke-width:1px}.blatt .fz{fill:none;stroke:#8c93a6;stroke-width:.8px}.blatt .dl{fill:none;stroke:currentColor;stroke-width:.9px}.blatt .ext{fill:none;stroke:currentColor;stroke-width:.6px}.blatt .ph{fill:none;stroke:currentColor;stroke-width:.9px;stroke-dasharray:10 4 3 4}.blatt .ar{fill:currentColor;stroke:none}.blatt .hat{fill:url(#schraffur);stroke:currentColor;stroke-width:1px}.blatt text{font-family:var(--mono);fill:currentColor}.blatt .dt{paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round;font-size:17px;font-weight:500}.blatt .nt{font-size:16px}.blatt .vt{letter-spacing:.06em;font-size:16px;font-weight:500}.blatt g[data-mass]{transition:color .16s var(--ease)}.blatt g[data-mass].an{color:var(--blau)}.baeder{background:var(--marine);color:var(--weiss);padding:clamp(5rem,10vw,8rem) 0;overflow:hidden}.baeder-kopf{grid-template-columns:1.1fr 1fr;align-items:end;gap:1rem clamp(2rem,5vw,6rem);margin-bottom:clamp(2.5rem,5vw,4rem);padding:0 clamp(1.5rem,5vw,6rem);display:grid}.baeder-kopf h2{margin:0}.baeder-kopf p{color:#d5dbea;max-width:50ch;margin:0}.baeder-reihe{will-change:auto;gap:clamp(1.5rem,3vw,3rem);width:max-content;margin:0;padding:0 clamp(1.5rem,5vw,6rem);list-style:none;display:flex}.bad{flex:none;width:clamp(19rem,34vw,34rem)}.bad .frame{aspect-ratio:4/3;background:#1a2846}.bad-titel{font:500 .95rem/1.4 var(--mono);color:#c9d0e2;margin:.9rem 0 .6rem}.bad blockquote{margin:0}.bad blockquote p{font:500 clamp(1.15rem, 1.5vw, 1.4rem)/1.35 var(--display);letter-spacing:-.01em;max-width:32ch;margin-bottom:.6rem}.bad blockquote footer{color:#c9d0e2}.bad-nur-zitat{align-items:center;width:clamp(17rem,26vw,26rem);display:flex}.bad-nur-zitat blockquote p{font-size:clamp(1.5rem,2.4vw,2.2rem)}.besuch{background:var(--apricot);color:var(--tinte);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,6rem);padding:clamp(5rem,10vw,8rem) clamp(1.5rem,5vw,6rem);display:grid}.besuch-bild{margin:0}.besuch-bild .frame{aspect-ratio:1630/1151}.besuch-text p{max-width:52ch}.besuch .heute{font:500 1.0625rem/1.4 var(--mono)}.zeiten{border-top:1px solid #0b183340;margin:1.4rem 0 1.6rem}.zeiten div{border-bottom:1px solid #0b183340;grid-template-columns:1fr auto;gap:1rem;padding:.6rem 0;display:grid}.zeiten dt{margin:0}.zeiten dd{font-family:var(--mono);text-align:right;margin:0}.besuch-kontakt{font-family:var(--mono);flex-wrap:wrap;gap:.6rem 1.6rem;margin-top:1.6rem;display:flex}.besuch-kontakt a{text-underline-offset:.25em}.abschluss{background:var(--weiss);color:var(--tinte);padding:0 clamp(1.5rem,5vw,6rem) 3rem}.abschluss-kante{border-bottom:2px solid var(--marine);align-items:flex-end;gap:3px;height:2.4rem;margin-bottom:2.4rem;display:flex}.abschluss-kante span{width:1.2rem;height:1.2rem;display:block}.abschluss-kante span:first-child{background:#499537}.abschluss-kante span:nth-child(2){background:#499537;width:2.4rem;height:2.4rem}.abschluss-kante span:nth-child(3){background:#0000f2;width:2.4rem;height:2.4rem;margin-left:-1.3rem;position:relative;top:-1.2rem}.abschluss-kante span:nth-child(4){background:red;width:2.4rem;height:2.4rem;margin-left:-1.3rem}.abschluss-inhalt{grid-template-columns:auto 1fr 1fr 1fr;align-items:start;gap:1rem 2.5rem;display:grid}.abschluss-logo{width:auto;height:clamp(1.6rem,1.9vw,2.4rem);color:var(--tinte)}.abschluss-zeile{font:400 .95rem/1.4 var(--mono);color:var(--neben);grid-column:1}.abschluss address{grid-area:1/2/span 2;font-style:normal}.abschluss-kontakt{font-family:var(--mono);grid-area:1/3/span 2}.abschluss-heute{font:500 1rem/1.4 var(--mono);grid-area:1/4}.abschluss-links{flex-wrap:wrap;grid-area:2/4;gap:.4rem 1.2rem;display:flex}.abschluss-links button,.dialog-zu{all:unset;cursor:pointer;font:400 .95rem/1.4 var(--text);text-underline-offset:.25em;text-decoration:underline}.abschluss-links button:focus-visible,.dialog-zu:focus-visible{outline:3px solid var(--blau);outline-offset:3px}dialog{max-width:min(36rem,100vw - 2rem);color:var(--tinte);background:var(--weiss);border:0;border-radius:6px;padding:2rem;box-shadow:0 18px 48px #0b183340}dialog::backdrop{background:#0b183373}dialog h2{margin-bottom:1rem;font-size:1.6rem}dialog[open]{animation:dlg-auf .32s var(--ease)}@keyframes dlg-auf{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media (width<=900px){:root{--leiste:0px}.leiste{flex-direction:row;width:auto;height:3.6rem;padding:0 1rem;bottom:auto;right:0}.leiste-logo .logo-hoch,.leiste-logo .logo-zeichen{display:none}.leiste-logo .logo-quer{width:auto;height:1.25rem;display:block}.leiste-nav,.leiste-heute{display:none}.leiste-fuss{flex-direction:row}.leiste-tel{writing-mode:horizontal-tb;font-size:1rem;transform:none}main{padding-top:3.6rem}.einstieg{height:auto}.einstieg-buehne{grid-template-columns:1fr;height:auto;position:relative}.einstieg-bild{aspect-ratio:3/2;order:-1;height:auto}.einstieg-text{padding:1.6rem 1.25rem 2.6rem}.einstieg h1{margin-bottom:1rem;font-size:clamp(2.3rem,10.5vw,3rem)}.einstieg-zeile{margin-bottom:1.4rem}.auftakt,.format-kopf,.besuch,.baeder-kopf{grid-template-columns:1fr}.auftakt,.mass,.besuch{padding:4.5rem 1.25rem}.format-kopf,.baeder-kopf{padding:0 1.25rem 2rem}.format-film{height:62vw;margin:0 1.25rem}.format-zitat{margin:2.5rem 1.25rem 0;padding:0}.mass{grid-template-columns:1fr;grid-template-areas:"text""blatt""bild"}.baeder-bahn{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overflow-x:auto}.baeder-reihe{padding:0 1.25rem}.bad{scroll-snap-align:start;width:80vw}.bad-nur-zitat{width:72vw}.abschluss{padding:0 1.25rem 2.5rem}.abschluss-inhalt{grid-template-columns:1fr}.abschluss-inhalt>*{grid-area:auto/1!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation:none!important}}.einstieg-bild .still{transform:scale(1.06)}.zeiten .kurz{display:none}.zeiten dd{white-space:nowrap}@media (width<=900px){.zeiten .lang{display:none}.zeiten .kurz{display:inline}.zeiten div{gap:.75rem}}@media (width<=560px){.zeiten div{grid-template-columns:auto 1fr;gap:.25rem 1rem}.zeiten dt{white-space:nowrap}.zeiten dd{font-size:.9375rem}}
