@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(../media/cormorant-garamond-latin-500-normal.1ua6lqq3rsqyo.woff2)format("woff2"),url(../media/cormorant-garamond-latin-500-normal.410p0bora3wvy.woff)format("woff")}
@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(../media/cormorant-garamond-latin-600-normal.2k7r9iymu8ux8.woff2)format("woff2"),url(../media/cormorant-garamond-latin-600-normal.0ya_yl54k7n41.woff)format("woff")}
@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(../media/cormorant-garamond-latin-500-italic.0p-d800d619j9.woff2)format("woff2"),url(../media/cormorant-garamond-latin-500-italic.02zy1irvpwwx9.woff)format("woff")}
@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(../media/eb-garamond-latin-400-normal.14mhtqv6-ireq.woff2)format("woff2"),url(../media/eb-garamond-latin-400-normal.04szn23lvrjyr.woff)format("woff")}
@font-face{font-family:EB Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(../media/eb-garamond-latin-400-italic.0frbocedum937.woff2)format("woff2"),url(../media/eb-garamond-latin-400-italic.0u0gmmezvksjf.woff)format("woff")}
@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(../media/eb-garamond-latin-500-normal.1-_wha7251nvk.woff2)format("woff2"),url(../media/eb-garamond-latin-500-normal.3njynpuuotesc.woff)format("woff")}
:root{--grund:#17120e;--flaeche:#221a14;--linie:#3a2e24;--text:#efe4cf;--text-gedaempft:#b5a387;--messing:#c9a25c;--messing-hell:#e2c48a;--ochsenblut:#7a2a24;--pergament:#e6dcc4;--schrift-titel:"Cormorant Garamond", Georgia, serif;--schrift-text:"EB Garamond", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--grund);color:var(--text);font-family:var(--schrift-text);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:1.125rem;line-height:1.5}h1,h2,h3{font-family:var(--schrift-titel);margin:0;font-weight:500;line-height:1.15}a{color:var(--messing-hell)}:focus-visible{outline:3px solid var(--messing-hell);outline-offset:3px}.versalien{letter-spacing:.12em;font-variant-caps:all-small-caps}.nur-vorleser{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kopf{border-bottom:1px solid var(--linie);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;padding:1.25rem 1.5rem 1rem;display:flex}.kopf .marke{font-family:var(--schrift-titel);letter-spacing:.02em;color:var(--messing-hell);font-size:1.6rem;font-weight:600;text-decoration:none}.kopf .gruss{color:var(--text-gedaempft);margin:0;font-style:italic}.haus{grid-template-columns:minmax(0,1fr) 17rem;gap:1.5rem;max-width:1500px;margin:0 auto;padding:1.5rem;display:grid}@media (max-width:960px){.haus{grid-template-columns:minmax(0,1fr);padding:1rem 0}.haus>.namenstafel{margin:0 1rem}}.plan-rahmen{background:var(--flaeche);border:1px solid var(--linie);border-radius:4px;padding:.75rem;overflow-x:auto}.plan{aspect-ratio:1080/960;background:var(--pergament);min-width:720px;position:relative;container-type:inline-size}.plan>img,.plan>svg.ebene{width:100%;height:100%;display:block;position:absolute;inset:0}.plan>svg.ebene{pointer-events:none}.raum-link{border-radius:2px;transition:box-shadow .16s,background-color .16s;display:block;position:absolute}.raum-link:hover{background:#e2c48a1a;box-shadow:inset 0 0 0 2px #c9a25cb3}.raum-link:focus-visible{outline:4px solid var(--messing-hell);outline-offset:-4px;box-shadow:inset 0 0 0 7px var(--ochsenblut);background:#e2c48a29}.schild{pointer-events:none;text-align:center;color:var(--text);border:1px solid var(--messing);background:#17120ee0;border-radius:2px;max-width:21cqw;padding:.35cqw .9cqw .45cqw;line-height:1.15;position:absolute;transform:translate(-50%,-50%);box-shadow:0 .2cqw .8cqw #00000059}.schild.oben{transform:translate(-50%,-100%)}.schild .name{font-family:var(--schrift-titel);letter-spacing:.04em;color:var(--messing-hell);font-size:1.75cqw;font-weight:600;display:block}.schild .slogan{font-family:var(--schrift-titel);color:var(--text);font-size:1.2cqw;font-style:italic;display:block}.schild .belegung{color:var(--text-gedaempft);margin-top:.15cqw;font-size:1.15cqw;display:block}.schild .belegung.voll{color:var(--messing-hell)}.schild.folgt{border-color:var(--linie);background:#17120eb3;padding:.25cqw .8cqw .3cqw}.schild.folgt .name{color:var(--text-gedaempft);font-size:1.45cqw}.schild.folgt .belegung{font-style:italic}.namenstafel{background:var(--flaeche);border:1px solid var(--linie);border-radius:4px;align-self:start;padding:1.25rem 1.25rem 1.5rem}.namenstafel h2{color:var(--messing-hell);font-size:1.6rem}.namenstafel .anzahl{color:var(--text-gedaempft);margin:.15rem 0 1rem}.namenstafel ul{margin:0;padding:0;list-style:none}.namenstafel li{border-top:1px solid var(--linie);justify-content:space-between;align-items:baseline;gap:.75rem;padding:.45rem 0;display:flex}.namenstafel li:first-child{border-top:0}.namenstafel .wo{color:var(--text-gedaempft);text-align:right;font-style:italic}.namenstafel .leer{color:var(--text-gedaempft);font-style:italic}.namenstafel .hinweis{color:var(--text-gedaempft);margin-top:1.25rem;font-size:.95rem}.tuer{text-align:center;place-items:center;min-height:100vh;padding:2rem 1.5rem;display:grid}.tuer h1{color:var(--messing-hell);font-size:clamp(2.2rem,6vw,3.4rem)}.tuer p{color:var(--text-gedaempft);margin:.75rem 0 0;font-style:italic}.tuer .zier{color:var(--messing);letter-spacing:.5em;margin-bottom:1.25rem;font-style:normal}.raumkopf{border-bottom:1px solid var(--linie);flex-wrap:wrap;align-items:center;gap:1.25rem;padding:1rem 1.5rem;display:flex}.raumkopf .zurueck{border:1px solid var(--messing);min-height:44px;color:var(--messing-hell);border-radius:2px;align-items:center;padding:0 .9rem;text-decoration:none;display:inline-flex}.raumkopf .zurueck:hover{background:#c9a25c1f}.raumkopf h1{color:var(--messing-hell);font-size:2rem}.raumkopf .slogan{font-family:var(--schrift-titel);color:var(--text);margin:0;font-style:italic}.raumkopf .belegung{color:var(--text-gedaempft);margin-left:auto}.kopf .garderobe{min-height:44px;color:var(--text-gedaempft);align-items:center;font-style:italic;display:inline-flex}.kopf .garderobe:hover{color:var(--messing-hell)}button,.knopf{font:inherit;border:1px solid var(--messing);min-height:44px;color:var(--messing-hell);cursor:pointer;background:0 0;border-radius:2px;padding:0 1.1rem}button:hover:not(:disabled){background:#c9a25c1f}button[aria-pressed=true]{background:var(--messing);color:var(--grund)}button:disabled{opacity:.5;cursor:default}.raum-vorraum{max-width:40rem;margin:2.5rem auto;padding:0 1.25rem 3rem}.vorraum-text{text-align:center;color:var(--text-gedaempft);font-style:italic}.spiegel,.vorraum-hinweis{background:var(--flaeche);border:1px solid var(--linie);border-radius:4px;padding:1.5rem}.spiegel h2,.vorraum-hinweis h2{color:var(--messing-hell);font-size:1.8rem}.spiegel-text{color:var(--text-gedaempft);margin:.5rem 0 1rem}.spiegel-bild{aspect-ratio:4/3;background:var(--grund);border:1px solid var(--linie);place-items:center;display:grid;overflow:hidden}.spiegel-bild video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.spiegel-ohne{color:var(--text-gedaempft);font-style:italic}.pegel{color:var(--text-gedaempft);align-items:center;gap:.75rem;margin:1rem 0;display:flex}.pegel-balken{background:var(--grund);border:1px solid var(--linie);flex:1;height:8px;overflow:hidden}.pegel-balken>div{background:var(--messing);transform-origin:0;height:100%;transition:transform 80ms linear}.wahl{gap:.75rem;margin:1rem 0;display:flex}.wahl button{flex:1}.geraetewahl{gap:.75rem;margin:1rem 0;display:grid}.geraetewahl label{color:var(--text-gedaempft);gap:.25rem;display:grid}.geraetewahl select{font:inherit;background:var(--grund);min-height:44px;color:var(--text);border:1px solid var(--linie);border-radius:2px;padding:0 .5rem}.eintreten{background:var(--messing);width:100%;color:var(--grund);margin-top:.5rem;font-weight:500}.eintreten:hover:not(:disabled){background:var(--messing-hell)}.vorraum-hinweis p{color:var(--text-gedaempft)}.vorraum-knoepfe{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.vorraum-knoepfe a{align-items:center;min-height:44px;display:inline-flex}.raum{flex-direction:column;min-height:100vh;display:flex}.raum-mitte{flex:1;padding:1.25rem}.raum-hinweis,.raum-regel{text-align:center;max-width:50rem;color:var(--text-gedaempft);margin:0 auto 1rem;font-style:italic}.buehne{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:.9rem;max-width:1400px;margin:0 auto;display:grid}.buehne[data-anzahl="1"]{max-width:760px}.buehne[data-anzahl="2"]{max-width:1100px}.kachel{aspect-ratio:4/3;background:var(--flaeche);border:1px solid var(--linie);border-radius:4px;place-items:center;margin:0;display:grid;position:relative;overflow:hidden}.kachel.spricht{border-color:var(--messing-hell);box-shadow:0 0 0 2px var(--messing)}.kachel.lavabo{opacity:.55;border-style:dashed}.kachel video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.kachel video.gespiegelt{transform:scaleX(-1)}.kachel-marke{border:2px solid var(--messing);width:5.5rem;height:5.5rem;font-family:var(--schrift-titel);color:var(--messing-hell);background:var(--grund);border-radius:50%;place-items:center;font-size:2.6rem;font-weight:600;display:grid}.kachel figcaption{color:var(--text);background:linear-gradient(#0000,#17120eeb 45%);justify-content:space-between;gap:.5rem;padding:.4rem .75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.kachel-status{color:var(--text-gedaempft);font-style:italic}.steuerleiste{border-top:1px solid var(--linie);padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:#17120ef5;position:sticky;bottom:0}.steuer-knoepfe{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.steuer-knoepfe button{min-width:8.5rem}.steuer-knoepfe .gehen{border-color:var(--ochsenblut);background:var(--ochsenblut);color:var(--text)}.steuer-knoepfe .gehen:hover{background:#8f3229}.steuer-knoepfe .zustand{letter-spacing:.1em;margin-left:.35em;font-variant-caps:all-small-caps}.steuer-knoepfe button[aria-pressed=false] .zustand{color:var(--text-gedaempft)}.steuer-knoepfe .zurueck-aus-lavabo{background:var(--messing-hell);color:var(--grund)}.steuer-hinweis{text-align:center;color:var(--text-gedaempft);margin:0 0 .5rem;font-style:italic}@media (max-width:560px){.raum-mitte{padding:.75rem}.buehne:not([data-anzahl="1"]):not([data-anzahl="2"]){grid-template-columns:1fr 1fr;gap:.5rem}.buehne:not([data-anzahl="1"]):not([data-anzahl="2"]) .kachel-marke{width:3.5rem;height:3.5rem;font-size:1.7rem}.buehne:not([data-anzahl="1"]):not([data-anzahl="2"]) figcaption{padding:.3rem .5rem;font-size:.9rem}.raumkopf{gap:.25rem 1rem;padding:.75rem 1rem}.raumkopf h1{font-size:1.7rem}.steuer-knoepfe{grid-template-columns:1fr 1fr;display:grid}.steuer-knoepfe button{min-width:0}.raumkopf .belegung{margin-left:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}