:root{--bg:#0a0a0c;--silver:#c7cbd1;--dim:#8a8f98;--teal:#5e9c92;--gold:#d4af37;--bronze-hell:#c9964e;--bronze:#a9762f;--bronze-tief:#6f4a18;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Inter",system-ui,sans-serif;--tuer-l:40.77%;--tuer-t:39.45%;--tuer-w:18.68%;--tuer-h:45.7%}body.haus-offen{overflow:hidden}#haus{z-index:900;background:var(--bg);color:var(--silver);font-family:var(--sans);position:fixed;inset:0;overflow:hidden}#haus *{box-sizing:border-box}#haus button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}#buehne{background:var(--bg);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.szene{aspect-ratio:2752/1536;opacity:0;pointer-events:none;visibility:hidden;content-visibility:hidden;grid-area:1/1;width:max(100vw,179.167vh);transition:opacity 1.1s;position:relative}.szene.aktiv{opacity:1;pointer-events:auto;visibility:visible;content-visibility:visible}.szene.geht{visibility:visible;content-visibility:visible}.szene .bild{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.leben{pointer-events:none;position:absolute;inset:0}.leben i{opacity:0;animation:atmen var(--d,14s) ease-in-out var(--v,0s) infinite;will-change:opacity;border-radius:50%;display:block;position:absolute}.licht.warm{mix-blend-mode:screen;background:radial-gradient(closest-side,#ffce8280,#ffc46e29 55%,#0000 78%)}.licht.dunkel{background:radial-gradient(closest-side,#0c0a10b8,#0e0c124d 58%,#0000 80%)}.licht.laterne{mix-blend-mode:screen;background:radial-gradient(closest-side,#ffd6966b,#ffc8781f 52%,#0000 76%);animation-timing-function:ease-in-out}.licht.feuer{mix-blend-mode:screen;background:radial-gradient(closest-side,#ffa84680,#ff8c3229 55%,#0000 80%)}.licht.kalt{mix-blend-mode:screen;background:radial-gradient(closest-side,#78f0e157,#5ad2c81a 55%,#0000 78%)}.staub{mix-blend-mode:screen;animation:schweben var(--d,26s) ease-in-out var(--v,0s) infinite;background:radial-gradient(closest-side,#fff0d229,#0000 72%)}.licht.schalter{animation-name:schalten}.licht.flackern{animation-name:flackern;animation-timing-function:linear}@keyframes atmen{0%,to{opacity:0}45%,55%{opacity:1}}@keyframes schalten{0%,34%{opacity:0}40%,60%{opacity:1}66%,to{opacity:0}}@keyframes flackern{0%,to{opacity:.15}7%{opacity:.75}9%{opacity:.2}12%{opacity:.85}14%{opacity:.25}40%{opacity:.3}43%{opacity:.9}45%{opacity:.35}70%{opacity:.25}73%{opacity:.7}75%{opacity:.2}}@keyframes schweben{0%,to{opacity:.25;transform:translate(-2%,1%)}50%{opacity:.7;transform:translate(2%,-2%)}}body.ruhig .leben,body:not(.ruhig) #fassade-bild,body.ruhig #fassade-video{display:none}.ebene{position:absolute;inset:0}.spot{cursor:pointer;border-radius:6px;outline:0;position:absolute}.spot:before{content:"";pointer-events:none;opacity:0;background:#c9964e1a;border:2px solid #c9964ee6;border-radius:6px;transition:opacity .3s;position:absolute;inset:0}.spot:hover:before,.spot:focus-visible:before,.spot.zeigen:before{opacity:1}.spot .tag{white-space:nowrap;font-family:var(--serif);letter-spacing:.04em;color:#f3eede;opacity:0;pointer-events:none;z-index:3;background:#0c0a08cc;border:1px solid #d4af378c;border-radius:4px;padding:6px 14px;font-size:clamp(14px,1.3vw,21px);transition:opacity .3s,transform .3s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(6px)}.spot:hover .tag,.spot:focus-visible .tag,.spot.zeigen .tag{opacity:1;transform:translate(-50%)translateY(0)}.spot .tag .ok{color:var(--gold);margin-left:6px}.spot.tief .tag{top:calc(100% + 8px);bottom:auto}.spot.pulsiert:after{content:"";pointer-events:none;opacity:0;will-change:opacity;background:radial-gradient(closest-side,#c9964e61,#0000 72%);border-radius:10px;animation:2.8s ease-in-out infinite puls;position:absolute;inset:-14%}@keyframes puls{0%,to{opacity:0}50%{opacity:1}}@media (hover:none){.spot .tag{opacity:.92;padding:4px 9px;font-size:13px;transform:translate(-50%)translateY(0)}.spot:before{opacity:.5;border-color:#c9964e8c}}#brett-flaeche{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:3.2% 3%;width:55.6%;height:56.1%;padding:3.4% 3%;display:grid;position:absolute;top:22.3%;left:22.2%}.z-blatt{color:#241c0e;text-align:left;min-width:0;min-height:0;font-family:var(--serif);cursor:pointer;--n:0deg;--a:1.4deg;transform:rotate(var(--n));background:#f4ecd8;border:0;flex-direction:column;gap:.35em;padding:13% 9% 8%;transition:transform .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 1.2vh 2.4vh #00000080}.z-blatt:nth-child(6n+1){--n:-1.3deg;--a:1.7deg}.z-blatt:nth-child(6n+2){--n:.9deg;--a:1.2deg}.z-blatt:nth-child(6n+3){--n:.6deg;--a:1.9deg}.z-blatt:nth-child(6n+4){--n:-.8deg;--a:1.3deg}.z-blatt:nth-child(6n+5){--n:1.4deg;--a:1.6deg}.z-blatt:nth-child(6n){--n:-.5deg;--a:2.1deg}.z-blatt:hover{z-index:2;transform:rotate(0)scale(1.045);box-shadow:0 2vh 4vh #000000a6}body:not(.ruhig) #brett-flaeche:not(.gelesen) .z-blatt{transform-origin:50% 5%;animation:wiegen var(--w,9s) ease-in-out var(--wv,0s) infinite;will-change:transform}#brett-flaeche .z-blatt:first-child{--w:5.6s;--wv:0s}#brett-flaeche .z-blatt:nth-child(2){--w:7.1s;--wv:-1.3s}#brett-flaeche .z-blatt:nth-child(3){--w:6.2s;--wv:-2.7s}#brett-flaeche .z-blatt:nth-child(4){--w:8.3s;--wv:-.8s}#brett-flaeche .z-blatt:nth-child(5){--w:5.9s;--wv:-3.4s}#brett-flaeche .z-blatt:nth-child(6){--w:6.8s;--wv:-2.1s}@keyframes wiegen{0%,to{transform:rotate(calc(var(--n) - var(--a)))}50%{transform:rotate(calc(var(--n) + var(--a)))}}body:not(.ruhig) #brett-flaeche .z-blatt:hover{animation:none}.z-blatt:before{content:"";aspect-ratio:1;background:radial-gradient(circle at 34% 32%,#f2f2f2,#8d2626 46%,#3d0e0e);border-radius:50%;width:clamp(9px,1vw,15px);position:absolute;top:4%;left:50%;transform:translate(-50%);box-shadow:0 .4vh .7vh #0000008c}.z-blatt h3{color:#1a1206;margin:.4em 0 0;font-size:clamp(14px,1.55vw,26px);font-weight:600;line-height:1.08}.z-blatt p{font-family:var(--sans);color:#5a4b31;margin:0;font-size:clamp(9px,.82vw,14px);line-height:1.45}.z-blatt .marke{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#8a7247;margin-top:auto;font-size:clamp(7px,.6vw,11px)}.z-blatt.gold{background:#f0e0ae}.z-blatt.gold .marke{color:#8a6a1c}.z-blatt .lang{display:none}#brett-flaeche.gelesen{display:block}#brett-flaeche.gelesen .z-blatt{opacity:0;pointer-events:none;transition:opacity .35s;position:absolute}#brett-flaeche.gelesen .z-blatt.gross{opacity:1;pointer-events:auto;cursor:default;width:100%;height:100%;padding:4.5% 5.5%;position:relative;overflow:auto;transform:rotate(-.3deg)}#brett-flaeche.gelesen .z-blatt.gross:hover{transform:rotate(-.3deg)}#brett-flaeche.gelesen .z-blatt.gross:before{width:clamp(12px,1.3vw,20px)}#brett-flaeche.gelesen .z-blatt.gross h3{margin:.2em 0 .3em;font-size:clamp(20px,2.6vw,44px)}#brett-flaeche.gelesen .z-blatt.gross p{font-size:clamp(11px,1.1vw,19px);line-height:1.5}#brett-flaeche.gelesen .z-blatt.gross .lang{font-family:var(--sans);color:#3e3322;margin-top:.8em;font-size:clamp(10px,1vw,17px);line-height:1.6;display:block}#brett-flaeche.gelesen .z-blatt.gross .marke{font-size:clamp(8px,.75vw,13px)}.plakette{color:#241a06;font-family:var(--serif);letter-spacing:.03em;white-space:nowrap;pointer-events:none;opacity:.94;background:linear-gradient(#e2c46b,#b08a2a);border:1px solid #f5e3a1;border-radius:2px;padding:2px 8px;font-size:clamp(9px,.85vw,14px);font-weight:600;transition:opacity .3s;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0009,inset 0 0 0 1px #00000026}.spot.klein .plakette{padding:1px 5px;font-size:clamp(7px,.6vw,10px)}.spot.unten .plakette{top:auto;bottom:4%;transform:translate(-50%)}.spot:hover .plakette{opacity:0}.plakette .ok{color:#7a1f1f;margin-left:4px}.gravur{font-family:var(--serif);color:#4a3410;letter-spacing:.08em;text-align:center;white-space:nowrap;text-shadow:0 1px #ffeebe80;pointer-events:none;justify-content:center;align-items:center;font-size:clamp(7px,.72vw,12px);font-weight:600;line-height:1;display:flex;position:absolute;inset:0}.spot .tag:after{content:attr(data-stand);color:var(--gold)}#lernstand{z-index:20;opacity:0;pointer-events:none;font-family:var(--serif);color:#f0dc9c;text-align:right;background:linear-gradient(160deg,#3a2a12eb,#1f1608eb);border:1px solid #d4af3799;border-radius:3px;padding:8px 14px;font-size:clamp(13px,1.2vw,18px);transition:opacity .6s;position:fixed;bottom:22px;right:20px;box-shadow:0 6px 18px #0000008c}#lernstand.sichtbar{opacity:1;pointer-events:auto}#lernstand small{font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:2px;font-size:10px;display:block}#lernstand .balken{background:#d4af3733;border-radius:2px;height:3px;margin-top:6px;overflow:hidden}#lernstand .balken i{background:var(--gold);width:0;height:100%;transition:width .6s;display:block}@media (max-width:700px){#lernstand{padding:6px 10px;font-size:12px;bottom:12px;right:12px}}#tuer-oeffnung{left:var(--tuer-l);top:var(--tuer-t);width:var(--tuer-w);height:var(--tuer-h);background:#1a1208;position:absolute;overflow:hidden}#tuer-oeffnung img{width:260%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}#tuer-licht{opacity:0;background:radial-gradient(60% 70% at 50% 45%,#ffdc968c,#0000 70%);transition:opacity 1.4s;position:absolute;inset:0}#portal.offen #tuer-licht{opacity:1}#fluegel{left:var(--tuer-l);top:var(--tuer-t);width:var(--tuer-w);height:var(--tuer-h);perspective:1400px;perspective-origin:50% 45%;position:absolute}.fluegel{backface-visibility:hidden;background-size:100% 100%;width:50%;height:100%;transition:transform 1.7s cubic-bezier(.6,.05,.3,1),filter 1.7s;position:absolute;top:0}.fluegel.l{transform-origin:0;background-image:url(/haus/tuer-links.webp);left:0}.fluegel.r{transform-origin:100%;background-image:url(/haus/tuer-rechts.webp);right:0}#portal.offen .fluegel.l{transform:rotateY(-108deg)}#portal.offen .fluegel.r{transform:rotateY(108deg)}#portal.offen .fluegel{filter:brightness(.55)}#portal.offen .spot{opacity:0;pointer-events:none}#schirm{left:var(--sl,40.8%);top:var(--st,24.4%);width:var(--sw,18.6%);height:var(--sh,26.3%);color:#efe3cd;cursor:zoom-in;background:radial-gradient(130% 120% at 50% 0,#c9964e24,#0000 62%),linear-gradient(168deg,#16130d 0%,#0e0c08 55%,#120f0a 100%);transition:box-shadow 1.2s;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #c9964e2e}#zimmer.an #schirm{box-shadow:inset 0 0 0 1px #c9964e59,inset 0 0 70px #a9762f4d,0 0 60px #a9762f38}#schirm .inhalt{opacity:0;flex-direction:column;padding:7% 8% 6%;font-size:clamp(9px,.95vw,15px);transition:opacity .9s .4s;display:flex;position:absolute;inset:0}#zimmer.an #schirm .inhalt{opacity:1}#schirm .ob{letter-spacing:.22em;text-transform:uppercase;color:var(--bronze-hell);margin-bottom:.5em;font-size:.68em}#schirm h2{font-family:var(--serif);color:#f6ecd9;margin:0;font-size:1.5em;font-weight:500;line-height:1.14}#schirm h2:after{content:"";background:linear-gradient(90deg,var(--bronze-hell),transparent);width:2.6em;height:1px;margin:.55em 0 .1em;display:block}#schirm p{color:#b6a78d;margin:.45em 0 0;font-size:.88em;line-height:1.5;display:none}#zimmer.gross #schirm p{display:block}#schirm .leiste2 button{display:none}#zimmer.gross #schirm .leiste2 button{display:inline-block}#schirm .video{aspect-ratio:16/9;color:#f0dfc2;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(150deg,#c9964e21,#c9964e05);border:1px solid #c9964e66;border-radius:2px;place-items:center;gap:.3em;max-height:52%;margin-top:auto;font-size:.8em;display:grid}#schirm .video b{border:1px solid var(--bronze-hell);border-radius:50%;place-items:center;width:2.4em;height:2.4em;font-size:1em;font-weight:400;transition:background .25s;display:inline-grid}#schirm:hover .video b{background:#c9964e38}#schirm .lektionen{color:#cbbda1;flex-direction:column;gap:.42em;margin-top:auto;padding:0;font-size:.86em;list-style:none;display:flex;overflow:hidden}#schirm .lektionen li{align-items:baseline;gap:.6em;line-height:1.35;display:flex}#schirm .lektionen .haken{color:var(--bronze-hell);text-align:center;flex:none;width:1em}#schirm .lektionen li.erledigt{color:#8f846c}#zimmer.gross #schirm .lektionen{gap:.6em;margin-top:1.2em;margin-bottom:auto;font-size:1em}#schirm .leiste2{align-items:center;gap:.5em;margin-top:.7em;display:flex}#schirm .leiste2 button{border:1px solid var(--bronze-hell);color:#f0dfc2;letter-spacing:.06em;background:#c9964e14;border-radius:2px;padding:.42em .9em;font-size:.8em;transition:background .25s}#schirm .leiste2 button:hover{background:#c9964e38}#schirm .leiste2 button.leer{color:#b6a78d;background:0 0;border-color:#c7b79652}#schirm .lupe{letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-hell);opacity:.75;margin:0 auto;font-size:.72em}#schirm:hover .lupe{opacity:1}#zimmer.gross #schirm{z-index:3;cursor:zoom-out;border-radius:2px;width:min(92vw,140.8vh);height:min(88vh,57.5vw);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 clamp(6px,.7vw,12px) #3a2a0c,0 0 0 clamp(16px,1.9vw,30px) #8a6a24,0 0 0 clamp(19px,2.3vw,36px) #d9b45c,0 0 0 clamp(22px,2.7vw,42px) #6d4f15,0 40px 120px #000000f2}#zimmer.gross #schirm .inhalt{padding:clamp(24px,3.4vw,54px) clamp(26px,3.8vw,62px);font-size:clamp(13px,1.15vw,20px)}#zimmer.gross #schirm h2{font-size:2.1em}#zimmer.gross #schirm .video{max-height:44%}#zimmer.gross #schirm .lupe{margin:0 0 0 auto}#zimmer-dunkel{opacity:0;pointer-events:none;z-index:2;background:#040302eb;transition:opacity .7s;position:fixed;inset:0}body.zimmer-gross #zimmer-dunkel{opacity:1;pointer-events:auto}body.zimmer-gross #wegweiser,body.zimmer-gross #lernstand,body.zimmer-gross .hinweis,body.zimmer-gross #bewegung,body.zimmer-gross .zimmer-schild{pointer-events:none;opacity:0!important}#zimmer .zimmer-schild{white-space:nowrap;color:#241a06;font-family:var(--serif);background:linear-gradient(#e2c46b,#b08a2a);border:1px solid #f5e3a1;border-radius:2px;padding:7px 18px;font-size:clamp(13px,1.3vw,20px);font-weight:600;position:absolute;bottom:7%;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0009}#pult-dunkel{opacity:0;pointer-events:none;z-index:24;background:#040302e6;transition:opacity .6s;position:fixed;inset:0}body.pult-offen #pult-dunkel{opacity:1;pointer-events:auto}#pult{z-index:25;opacity:0;pointer-events:none;background:linear-gradient(90deg,#96784633,#0000 12% 88%,#96784633),linear-gradient(90deg,#f0e6d0 0%,#e9dcc2 46%,#c5b28e 49.6%,#a8946f 50%,#c5b28e 50.4%,#e9dcc2 54%,#f0e6d0 100%);border-radius:3px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(94vw,1150px);height:min(82vh,690px);transition:opacity .5s,transform .5s;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.96);box-shadow:0 0 0 clamp(8px,1vw,16px) #4a3212,0 0 0 clamp(10px,1.3vw,20px) #7a5a22,0 40px 110px #000000eb}body.pult-offen #pult{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}#pult .seite{color:#4a3410;min-width:0;padding:clamp(22px,3.4vh,44px) clamp(24px,3vw,52px);font-size:clamp(13px,1.05vw,17px);line-height:1.55;overflow-y:auto}#pult .seite.links{padding-right:clamp(18px,2vw,34px)}#pult .seite.rechts{padding-left:clamp(18px,2vw,34px)}#pult .kapitel{font-family:var(--serif);color:#3d2a08;letter-spacing:.03em;margin-bottom:.5em;font-size:1.9em;font-weight:600}#pult .kapitel:after{content:"";background:linear-gradient(90deg,var(--bronze),transparent);width:3em;height:2px;margin-top:.35em;display:block}#pult h3{font-family:var(--serif);color:#3d2a08;margin:0 0 .5em;font-size:1.35em;font-weight:600}#pult p{margin:0 0 1em}#pult .zeile{border-bottom:1.5px solid #785c2c73;height:clamp(24px,3vh,34px);margin-bottom:1em}#pult label{letter-spacing:.2em;text-transform:uppercase;color:#8a6a24;margin-bottom:.3em;font-size:.72em;display:block}#pult .liste{margin:0;padding:0;list-style:none}#pult .liste li{border-bottom:1px dotted #785c2c66;align-items:baseline;gap:.7em;padding:.6em 0;display:flex}#pult .liste .was{flex:1;min-width:0}#pult .liste .stand{font-family:var(--serif);color:#6f4a18;white-space:nowrap}#pult .liste .offen{color:#8a7a5c}#pult .siegel{border:2px solid var(--bronze);font-family:var(--serif);color:#6f4a18;letter-spacing:.06em;cursor:pointer;background:#c9964e1a;border-radius:3px;margin-top:1.2em;padding:9px 20px;font-size:1.1em;transition:background .25s,transform .25s;display:inline-block}#pult .siegel:hover{background:#c9964e3d;transform:translateY(-1px)}#pult .pult-zu{letter-spacing:.14em;text-transform:uppercase;color:#8a6a24;opacity:.8;font-size:.78em;position:absolute;bottom:clamp(10px,1.4vh,18px);right:clamp(12px,1.4vw,22px)}#pult .pult-zu:hover{opacity:1}@media (orientation:portrait){#pult{background:linear-gradient(#f0e6d0,#e9dcc2);grid-template-columns:minmax(0,1fr);height:min(86vh,760px)}#pult .seite.rechts{border-top:1px dotted #785c2c80;padding-top:0}}.hinweis{font-family:var(--serif);letter-spacing:.06em;color:#e9e2cf;text-shadow:0 2px 12px #000c;opacity:0;pointer-events:none;text-align:center;z-index:6;font-size:clamp(16px,1.6vw,24px);transition:opacity .8s;position:fixed;bottom:6vh;left:50%;transform:translate(-50%)}.hinweis.sichtbar{opacity:1}.hinweis small{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:8px;font-size:12px;display:block}#titel{text-align:center;pointer-events:none;z-index:6;transition:opacity .8s,transform .8s;position:fixed;top:9vh;left:50%;transform:translate(-50%)}#titel h1{font-family:var(--serif);letter-spacing:.08em;color:#f3eede;text-shadow:0 4px 30px #000000d9;margin:0;font-size:clamp(34px,5.4vw,84px);font-weight:500}#titel p{letter-spacing:.28em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 10px #000000e6;margin:8px 0 0;font-size:clamp(12px,1.1vw,15px)}#titel.weg{opacity:0;transform:translate(-50%)translateY(-20px)}.schild{color:#2a1d05;font-family:var(--serif);letter-spacing:.06em;text-align:center;white-space:nowrap;z-index:2;background:linear-gradient(#d9b453,#a67c1c 55%,#c9a441);border:2px solid #f2dc8c;border-radius:3px;padding:10px 26px;font-size:clamp(14px,1.5vw,24px);font-weight:600;position:absolute;top:clamp(58px,10%,130px);left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0009,inset 0 0 0 1px #00000040}.schild small{font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase;opacity:.8;font-size:.55em;font-weight:500;display:block}#leiste{z-index:20;letter-spacing:.06em;background:linear-gradient(#0a0a0cd9,#0a0a0c00);align-items:center;gap:10px;padding:12px 20px;font-size:13px;display:flex;position:fixed;top:0;left:0;right:0}#leiste .marke{font-family:var(--serif);letter-spacing:.1em;color:#f3eede;white-space:nowrap;margin-right:auto;font-size:20px}#leiste .marke b{color:var(--gold);font-weight:600}#leiste button{color:var(--silver);opacity:.85;white-space:nowrap;border-radius:4px;padding:7px 12px}#leiste button:hover{opacity:1;background:#ffffff12}#leiste button.aktiv{color:var(--gold)}#leiste .cta{border:1px solid var(--bronze-hell);color:#f0dfc2}@media (max-width:700px){#leiste{gap:4px;padding:10px 12px;overflow-x:auto}#leiste .marke{font-size:17px}#leiste button{padding:6px 8px;font-size:12px}#leiste .nurgross{display:none}}#wegweiser{z-index:20;opacity:0;pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;transition:opacity .6s;display:flex;position:fixed;bottom:22px;left:20px}#wegweiser.sichtbar{opacity:1;pointer-events:auto}#wegweiser .ort{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 6px #000;margin-bottom:2px;font-size:11px}#wegweiser button{font-family:var(--serif);letter-spacing:.03em;color:#f0dc9c;background:linear-gradient(160deg,#3a2a12eb,#1f1608eb);border:1px solid #d4af3799;border-radius:3px;padding:8px 14px;font-size:clamp(14px,1.3vw,19px);transition:background .25s,transform .25s;box-shadow:0 6px 18px #0000008c}#wegweiser button:hover{background:linear-gradient(160deg,#5a421af2,#32240cf2);transform:translate(3px)}#wegweiser button[hidden]{display:none}@media (max-width:700px){#wegweiser{bottom:12px;left:12px}#wegweiser button{padding:7px 10px;font-size:14px}}.overlay{z-index:30;opacity:0;pointer-events:none;background:#050403d1;place-items:center;transition:opacity .4s;display:grid;position:fixed;inset:0}.overlay.offen{opacity:1;pointer-events:auto}.overlay .box{border-radius:6px;max-width:min(92vw,880px);max-height:88vh;position:relative;overflow:auto}.overlay .zu{opacity:.55;z-index:3;padding:4px 8px;font-size:26px;line-height:1;transition:opacity .25s;position:absolute;top:8px;right:12px}.overlay .zu:hover{opacity:1}.tafel .zu{color:#3a2a0c;text-shadow:0 1px #fff0be66}.info .zu{color:#6f4a18}.brett{outline-offset:-22px;background:#2d5a45 radial-gradient(circle at 20% 30%,#ffffff0a,#0000 40%);border:18px solid #3b2612;outline:2px solid #6b4a24;padding:38px 34px 30px;box-shadow:0 30px 80px #000c}.brett h2{font-family:var(--serif);letter-spacing:.14em;text-transform:uppercase;color:#e9d8a6;text-align:center;margin:0 0 22px;font-size:clamp(18px,2vw,26px);font-weight:500}.zettel-raster{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px;display:grid}.zettel{color:#2a2318;text-align:left;background:#f4ecd8;min-height:150px;padding:26px 18px 18px;transition:transform .25s;position:relative;box-shadow:0 6px 16px #00000073}.zettel:nth-child(odd){transform:rotate(-1.4deg)}.zettel:nth-child(2n){transform:rotate(1.1deg)}.zettel:hover{z-index:2;transform:rotate(0)scale(1.04)}.zettel:before{content:"";background:radial-gradient(circle at 35% 35%,#e8e8e8,#7a1f1f 45%,#3a0c0c);border-radius:50%;width:12px;height:12px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000080}.zettel h3{font-family:var(--serif);color:#1c1408;margin:6px 0 8px;font-size:22px;font-weight:600}.zettel p{color:#4a3f2c;margin:0;font-size:13px;line-height:1.5}.zettel.gold{background:#efe0b0}.tafel{background:linear-gradient(118deg,#fff4cd4d 0%,#0000 26% 62%,#fff0c429 78%,#0000 92%),linear-gradient(165deg,#a8842f 0%,#8d6a22 22%,#6f5018 48%,#8a6821 74%,#5f4413 100%);border-radius:4px;min-width:min(90vw,640px);padding:clamp(26px,3.2vw,44px) clamp(24px,3vw,48px) clamp(22px,2.6vw,36px);position:relative;box-shadow:0 34px 90px #000000d9,inset 0 0 0 2px #ffecb24d,inset 0 0 44px #00000073}.tafel:before,.tafel:after{content:"";background:radial-gradient(circle at 34% 30%,#ffeeb8,#a17c28 55%,#4a3510);border-radius:50%;width:13px;height:13px;position:absolute;box-shadow:0 2px 4px #0009}.tafel:before{top:14px;left:14px;box-shadow:0 2px 4px #0009,596px 0 #0000}.tafel:after{top:14px;right:14px}.tafel .nieten{background:radial-gradient(circle at 34% 30%,#ffeeb8,#a17c28 55%,#4a3510);border-radius:50%;width:13px;height:13px;position:absolute;bottom:14px;left:14px;box-shadow:0 2px 4px #0009}.tafel .nieten:after{content:"";background:inherit;border-radius:50%;width:13px;height:13px;position:absolute;top:0;left:100%;transform:translate(calc(min(90vw,640px) - 70px));box-shadow:0 2px 4px #0009}.tafel h2{font-family:var(--serif);letter-spacing:.05em;color:#3a2a0c;text-shadow:0 1px #fff0be73;margin:0 0 3px;font-size:clamp(23px,2.5vw,34px);font-weight:600}.tafel .unter{letter-spacing:.24em;text-transform:uppercase;color:#5a4415;text-shadow:0 1px #fff0be59;margin:0 0 20px;font-size:clamp(10px,.85vw,12px)}.tafel ol{margin:0;padding:0;list-style:none}.tafel li{cursor:pointer;border-top:1px solid #3c2a0c66;align-items:center;gap:clamp(10px,1.4vw,18px);padding:clamp(9px,1.2vh,14px) 10px;display:flex;position:relative;box-shadow:0 1px #ffeebe2e}.tafel li:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(100deg,#0000,#fff4cd57,#0000);transition:opacity .3s;position:absolute;inset:0}.tafel li:hover:before{opacity:1}.tafel li .nr{font-family:var(--serif);color:#3f2d0d;text-align:center;text-shadow:0 1px #fff0be73;width:30px;font-size:clamp(19px,2vw,27px)}.tafel li .t{font-family:var(--serif);color:#2e2109;text-shadow:0 1px #fff0be66;font-size:clamp(16px,1.55vw,22px)}.tafel li .s{letter-spacing:.16em;text-transform:uppercase;color:#6a5018;white-space:nowrap;text-shadow:0 1px #fff0be4d;margin-left:auto;font-size:clamp(9px,.72vw,11px)}.tafel li .pkt{background:radial-gradient(circle at 36% 32%,#5a4214e6,#34250af2);border-radius:50%;flex:none;width:11px;height:11px;box-shadow:inset 0 1px 2px #0009,0 1px #fff0be59}.tafel li.besucht .pkt{background:radial-gradient(circle at 36% 32%,#fff0bd,#c79a2e 52%,#7d5c15);box-shadow:0 0 9px #ffdc8c8c,0 1px #fff0be66}.tafel li.besucht .s{color:#3f2d0d}.tafel .etagen{flex-wrap:wrap;gap:8px;margin-top:clamp(16px,2vh,24px);display:flex}.tafel .etagen button{font-family:var(--serif);color:#3a2a0c;text-shadow:0 1px #fff0be66;background:linear-gradient(170deg,#fff0c442,#3c2a0c29);border:1px solid #3c2a0c73;border-radius:3px;flex:1;padding:clamp(8px,1.1vh,12px) 12px;font-size:clamp(14px,1.25vw,18px);transition:background .25s;box-shadow:inset 0 1px #fff4cd59}.tafel .etagen button:hover{background:linear-gradient(170deg,#fff6d670,#3c2a0c1a)}.tafel .etagen button.aktiv{background:linear-gradient(170deg,#3c2a0c57,#3c2a0c80);box-shadow:inset 0 2px 5px #00000073}.info{color:#2b2416;background:radial-gradient(120% 90% at 50% 0,#fffcf0e6,#0000 62%),linear-gradient(176deg,#f6eeda 0%,#efe4cb 48%,#e6d8bb 100%);border-radius:2px;max-width:min(92vw,620px);padding:clamp(30px,4vh,52px) clamp(28px,3.4vw,58px) clamp(26px,3.4vh,44px);position:relative;box-shadow:0 34px 90px #000c,inset 0 0 60px #a0825029}.info:before{content:"";background:linear-gradient(90deg,#0000,#a9762f8c,#c9964ee6,#a9762f8c,#0000);height:5px;position:absolute;top:0;left:0;right:0}.info:after{content:"";background:linear-gradient(90deg,#0000,#785c2c4d,#0000);height:1px;position:absolute;bottom:clamp(14px,1.8vh,22px);left:clamp(28px,3.4vw,58px);right:clamp(28px,3.4vw,58px)}.info .ob{letter-spacing:.26em;text-transform:uppercase;color:#8a6a24;margin:0 0 4px;font-size:clamp(10px,.82vw,12px)}.info h2{font-family:var(--serif);color:#241b08;margin:0 0 12px;font-size:clamp(24px,2.7vw,38px);font-weight:600;line-height:1.1}.info h2:after{content:"";background:linear-gradient(90deg,var(--bronze),#a9762f00);width:64px;height:2px;margin-top:10px;display:block}.info p{color:#4a3f27;max-width:56ch;font-size:clamp(13px,1.1vw,17px);line-height:1.65}.info .siegel{aspect-ratio:1;text-align:center;width:clamp(62px,6vw,92px);font-family:var(--serif);color:#f6ccc4;letter-spacing:.06em;text-shadow:0 1px 1px #460608cc;pointer-events:none;background:radial-gradient(circle at 34% 28%,#ffaa9680,#0000 42%),radial-gradient(circle at 62% 74%,#4606088c,#0000 46%),radial-gradient(circle at 46% 44%,#b8252a,#8e161c 58%,#65090f 100%);border-radius:47% 53% 52% 48%/51% 47% 53% 49%;place-items:center;font-size:clamp(9px,.85vw,13px);font-weight:600;line-height:1.15;display:grid;position:absolute;bottom:clamp(20px,2.4vh,36px);right:clamp(20px,2.4vw,40px);transform:rotate(-8deg);box-shadow:0 6px 14px #00000080,inset 0 -3px 7px #3c040899,inset 0 3px 6px #ff968c47}.info .siegel:before{content:"";border-radius:inherit;border:1px solid #ffaaa04d;position:absolute;inset:11%;box-shadow:inset 0 1px 3px #3c04088c}.info .formular{flex-direction:column;gap:clamp(10px,1.4vh,16px);max-width:34ch;margin-top:clamp(16px,2.2vh,26px);display:flex}.info .formular label{letter-spacing:.2em;text-transform:uppercase;color:#8a6a24;font-size:clamp(10px,.8vw,12px)}.info .formular .zeile{border-bottom:1.5px solid #785c2c73;height:clamp(22px,2.6vh,30px);position:relative}.info .formular .zeile:after{content:"";background:var(--bronze);width:0;height:1.5px;transition:width .5s;position:absolute;bottom:-1.5px;left:0}.info .formular:hover .zeile:after{width:100%}.info .stempel{border:2px solid var(--bronze);font-family:var(--serif);color:#6f4a18;letter-spacing:.06em;cursor:pointer;background:#c9964e1a;border-radius:3px;margin-top:clamp(16px,2vh,24px);padding:9px 20px;font-size:clamp(14px,1.3vw,19px);transition:background .25s,transform .25s;display:inline-block}.info .stempel:hover{background:#c9964e3d;transform:translateY(-1px)}#laden{z-index:50;background:var(--bg);text-align:center;place-items:center;transition:opacity .8s;display:grid;position:fixed;inset:0}#laden.weg{opacity:0;pointer-events:none}#laden .m{font-family:var(--serif);letter-spacing:.12em;color:#f3eede;font-size:clamp(28px,4vw,54px)}#laden .m b{color:var(--gold);font-weight:600}#laden .s{letter-spacing:.24em;text-transform:uppercase;color:var(--dim);margin-top:14px;font-size:12px}#laden .balken{background:#c7cbd126;width:min(60vw,320px);height:1px;margin:26px auto 0;position:relative;overflow:hidden}#laden .balken i{background:var(--gold);width:0;transition:width .3s;position:absolute;top:0;bottom:0;left:0}@media (orientation:portrait){#buehne{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow:auto hidden}#buehne::-webkit-scrollbar{display:none}.szene{justify-self:start;width:179.167vh}.hinweis{max-width:80vw;font-size:15px;bottom:15vh}.spot .tag{padding:4px 8px;font-size:12px}#wegweiser .ort,#etage-spots .spot .tag,#wegweiser.sichtbar~#lernstand{display:none}#zimmer .zimmer-schild{bottom:20%}}@media (prefers-reduced-motion:reduce){.ebene,.fluegel,.szene{transition-duration:.2s!important}}#schirm .lektionen .lektion-auf{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;margin:0;padding:0;transition:color .2s,border-color .2s}#schirm .lektionen .lektion-auf:hover{color:#f6ecd9;border-bottom-color:var(--bronze-hell)}#schirm .lektionen .lektion-auf:disabled{opacity:.6;cursor:wait}#schirm .fehler{color:#e0a07a;margin-top:.6em;font-size:.85em}#zimmer.gross #schirm:has(.lesen){cursor:default}#schirm .lesen{flex-direction:column;gap:.7em;height:100%;min-height:0;display:flex}#schirm .lesen-kopf{flex:none;align-items:baseline;gap:1em;display:flex}#schirm .lesen-kopf .zurueck{font:inherit;color:var(--bronze-hell);cursor:pointer;letter-spacing:.04em;background:0 0;border:0;padding:0;font-size:.85em}#schirm .lesen-kopf .zurueck:hover{color:#f6ecd9}#schirm .lesen-kopf .zaehler{letter-spacing:.18em;text-transform:uppercase;color:#8f846c;margin-left:auto;font-size:.75em}#schirm .lesen h2{flex:none;font-size:1.5em}#schirm .lesen-text{overscroll-behavior:contain;color:#d6c9ae;flex:auto;min-height:0;padding-right:.8em;font-size:1em;line-height:1.66;overflow-y:auto}#schirm .lesen-text::-webkit-scrollbar{width:7px}#schirm .lesen-text::-webkit-scrollbar-thumb{background:#c9964e59;border-radius:4px}#schirm .lesen-text h2,#schirm .lesen-text h3{font-family:var(--serif);color:#f6ecd9;margin:1.5em 0 .4em;font-weight:500;line-height:1.2}#schirm .lesen-text h2{font-size:1.32em}#schirm .lesen-text h3{font-size:1.12em}#schirm .lesen-text p{color:#d6c9ae;margin:.75em 0;font-size:1em;display:block}#schirm .lesen-text ul,#schirm .lesen-text ol{margin:.75em 0;padding-left:1.4em}#schirm .lesen-text li{margin:.35em 0}#schirm .lesen-text strong{color:#f6ecd9}#schirm .lesen-text code{background:#c9964e1f;border-radius:2px;padding:.1em .35em;font-size:.92em}#schirm .lesen-text blockquote{border-left:2px solid var(--bronze);color:#b6a78d;margin:.9em 0;padding-left:1em}#schirm .lesen-text .tm-uebung{background:#c9964e12;border:1px solid #c9964e47;border-radius:3px;margin:1.2em 0;padding:1em 1.1em}#schirm .lesen-text .tm-uebung-marke{color:var(--bronze-hell);letter-spacing:.18em;text-transform:uppercase;font-size:.72em}#schirm .lesen-fuss{border-top:1px solid #c9964e33;flex:none;align-items:center;gap:1em;padding-top:.5em;display:flex}#schirm .lesen-fuss button{border:1px solid var(--bronze);color:#f6ecd9;font:inherit;cursor:pointer;background:#c9964e29;border-radius:2px;padding:.5em 1.2em;transition:background .2s}#schirm .lesen-fuss button:hover{background:#c9964e4d}#schirm .lesen-fuss button:disabled{opacity:.6;cursor:wait}#schirm .lesen-fuss .fertig{color:var(--bronze-hell)}@media (max-width:760px){#zimmer.gross #schirm{width:94vw;height:88vh;box-shadow:0 0 0 4px #3a2a0c,0 0 0 9px #8a6a24,0 0 0 11px #d9b45c,0 30px 80px #000000f2}#zimmer.gross #schirm .inhalt{padding:18px 16px 14px;font-size:15px}#schirm .lesen h2{font-size:1.3em}#schirm .lesen-text{padding-right:.4em;font-size:1em}}#schirm .einladung{color:#d6c9ae;background:#c9964e14;border:1px solid #c9964e59;border-radius:3px;flex-direction:column;gap:.7em;margin-top:.7em;padding:.7em .9em;font-size:.85em;line-height:1.5;display:flex}#schirm .einladung .wege{flex-wrap:wrap;gap:.6em;display:flex}#schirm .einladung button{border:1px solid var(--bronze);color:#f6ecd9;font:inherit;cursor:pointer;background:#c9964e33;border-radius:2px;padding:.45em 1em;font-size:.95em}#schirm .einladung button.leer{background:0 0}#schirm .einladung button:hover{background:#c9964e57}#fassade .wegweiser{z-index:4;text-align:center;background:linear-gradient(#0000 0%,#060504d1 45%,#060504ed 100%);flex-direction:column;align-items:center;gap:.85em;padding:clamp(14px,2vw,26px) clamp(16px,4vw,48px) clamp(16px,2.4vw,30px);display:flex;position:absolute;bottom:0;left:0;right:0}#fassade .wegweiser .satz{color:#e3d8c3;max-width:42em;margin:0;font-size:clamp(14px,1.35vw,19px);line-height:1.5}#fassade .wegweiser .satz b{color:#f6ecd9;white-space:nowrap;font-weight:600}#fassade .wegweiser .wege{flex-wrap:wrap;justify-content:center;gap:.6em .9em;display:flex}#fassade .wegweiser .wege a{color:#e3d8c3;border:1px solid #c9964e80;border-radius:2px;padding:.62em 1.15em;font-size:clamp(13px,1.1vw,16px);line-height:1.2;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-block}#fassade .wegweiser .wege a:hover{color:#f6ecd9;border-color:var(--bronze-hell);background:#c9964e33}#fassade .wegweiser .wege a.haupt{border-color:var(--bronze-hell);color:#fff5e4;background:#c9964e47}#fassade .wegweiser .wege a.haupt:hover{background:#c9964e6b}@media (max-width:760px){#fassade .wegweiser{gap:.7em;padding:14px 14px 18px}#fassade .wegweiser .satz{font-size:14px;line-height:1.45}#fassade .wegweiser .wege{flex-direction:column;gap:.5em;width:100%}#fassade .wegweiser .wege a{box-sizing:border-box;width:100%;min-height:44px;padding:.85em 1em}}