@font-face{font-family:Pfad Tusche;src:url(/pfad/assets/pfad-tusche-Dyv8NZNz.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pfad Mincho;src:url(/pfad/assets/pfad-mincho-CnDB_5tY.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--tusche: rgba(28, 28, 28, .88);--tusche-schwach: rgba(28, 28, 28, .45);--tusche-hauch: rgba(28, 28, 28, .24);--grund: #1a1d22;color-scheme:light}.rahmen{--bx: .5;--by: .5}@media(orientation:portrait){.rahmen{--bx: .5;--by: .7}}html,body{margin:0;height:100%;overflow:hidden;background:var(--grund)}body{font-family:Pfad Tusche,Pfad Mincho,Hiragino Mincho ProN,Yu Mincho,"Noto Serif JP",serif;font-weight:500;color:var(--tusche);-webkit-font-smoothing:antialiased}.rahmen{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;container-type:size}.bilder,.bild,.bild img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bild img{display:block;object-fit:cover;object-position:calc(var(--bx) * 100%) calc(var(--by) * 100%)}.bild-nebel{opacity:0;transition:opacity 1.5s ease}.bild-nebel.sichtbar{opacity:1}.buehne{--breite: max(100cqw, calc(100cqh * 2752 / 1536));--hoehe: calc(var(--breite) * 1536 / 2752);position:absolute;left:calc((100cqw - var(--breite)) * var(--bx));top:calc((100cqh - var(--hoehe)) * var(--by));width:var(--breite);height:var(--hoehe);container-type:inline-size}.wachruf,.tegata,.umkehren{position:absolute;box-sizing:border-box}.wachruf{left:33%;top:38%;width:27%;height:30%}.tegata{left:23%;top:35%;width:8%;height:17%;min-width:44px;min-height:44px}.plaettchen{left:30%;top:20%;width:36.25%;height:65.3%}.umkehren{left:66%;top:78%;width:24%;height:20%}@media(orientation:portrait){.buehne{--breite: max(100cqw, calc(100cqh * 1536 / 2752));--hoehe: calc(var(--breite) * 2752 / 1536)}.wachruf{left:8%;top:64%;width:82%;height:24%}.tegata{left:31%;top:26%;width:11%;height:11%}.plaettchen{left:34.5%;top:26.4%;width:34.5%;height:49.1%}.umkehren{left:72%;top:56%;width:26%;height:18%}}.wachruf{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;text-align:center}.wachruf[hidden]{display:none}.frage{margin:0;min-height:1.3em;font-size:clamp(40px,3cqw,72px);line-height:1.2;letter-spacing:.04em;white-space:nowrap;transition:opacity .6s ease,filter .6s ease}.frage.ruf{animation:aufsteigen .9s ease-out both}.frage.verweht{opacity:0;filter:blur(5px)}@keyframes aufsteigen{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}.feldzeile{position:relative;display:flex;align-items:center;gap:.4em;width:100%}.feld{flex:1;min-width:0;padding:.15em .2em .1em;border:0 solid transparent;border-bottom-width:12px;border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M1 7 Q 30 3.5 55 6 T 99 5' fill='none' stroke='%231c1c1c' stroke-opacity='.42' stroke-width='1.6' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 0 0 100% 0 stretch;border-radius:0;background:transparent;color:var(--tusche);font:inherit;font-size:clamp(20px,1.3cqw,34px);text-align:center;caret-color:var(--tusche);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.feld[hidden]{display:none}.feld:autofill,.feld:-webkit-autofill{-webkit-text-fill-color:#1c1c1c;caret-color:var(--tusche);-webkit-background-clip:text;background-clip:text}.verborgen{position:absolute;width:1px;height:1px;padding:0;opacity:0;pointer-events:none;clip-path:inset(50%)}.zeichen{flex:none;width:1.4em;padding:0;border:0;background:none;color:var(--tusche-schwach);font:inherit;font-size:max(26px,1.8cqw);line-height:1;cursor:pointer}.zeichen[hidden]{visibility:hidden;display:inline-block}.zeichen:hover,.zeichen:focus-visible{color:var(--tusche)}.fehler{margin:0;min-height:1.3em;font-size:max(18px,1.2cqw);color:var(--tusche)}.fehler.glimmt{animation:fehler-glimmt 6s ease both}.fehler.glimmt.technisch{animation:fehler-glimmt-bleibt 1.2s ease both}@keyframes fehler-glimmt{0%{opacity:0;filter:blur(0);text-shadow:none}8%,75%{opacity:1;filter:blur(0);text-shadow:0 0 10px rgba(255,186,100,.75),0 0 22px rgba(255,186,100,.45)}to{opacity:0;filter:blur(4px);text-shadow:none}}@keyframes fehler-glimmt-bleibt{0%{opacity:0;text-shadow:none}to{opacity:1;text-shadow:0 0 10px rgba(255,186,100,.75),0 0 22px rgba(255,186,100,.45)}}.namenlos{border:0;background:none;padding:.2em .4em;color:var(--tusche-hauch);font:inherit;font-size:max(15px,.95cqw);cursor:pointer}.namenlos[hidden]{display:none}.namenlos:hover,.namenlos:focus-visible{color:var(--tusche-schwach)}button:focus-visible{outline:1px solid var(--tusche-hauch);outline-offset:3px}.tegata{padding:0;border:0;background:none;cursor:pointer}.tegata:disabled{cursor:default;pointer-events:none}.plaettchen{position:absolute;border-radius:2px;transform-origin:50% 0;transition:box-shadow .4s ease,background-color .4s ease}.tegata:hover .plaettchen,.tegata:focus-visible .plaettchen{background-color:#ffc4781f;box-shadow:0 0 14px 4px #ffba6466;animation:schwingen 2.4s ease-in-out infinite}.tegata:focus-visible{outline:none}.tegata:focus-visible .plaettchen{outline:1px solid rgba(255,220,170,.35);outline-offset:2px}@keyframes schwingen{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.umkehren{display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;cursor:pointer;animation:erscheinen 2s ease 3s both}.umkehren[hidden]{display:none}.umkehren-wort{font-size:max(20px,1.4cqw);letter-spacing:.08em;color:var(--tusche);opacity:.22;transition:opacity .4s ease}.umkehren:hover .umkehren-wort,.umkehren:focus-visible .umkehren-wort{opacity:.65}@keyframes erscheinen{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.frage,.bild-nebel,.plaettchen,.umkehren-wort{transition:none}.frage.ruf,.tegata:hover .plaettchen,.tegata:focus-visible .plaettchen{animation:none}.frage.verweht{filter:none}.fehler.glimmt{animation-name:fehler-steht;animation-timing-function:steps(1,end)}.fehler.glimmt.technisch{animation:none;text-shadow:0 0 10px rgba(255,186,100,.75),0 0 22px rgba(255,186,100,.45)}.umkehren{animation:erscheinen .01s linear 3s both}}@keyframes fehler-steht{0%{text-shadow:0 0 10px rgba(255,186,100,.75),0 0 22px rgba(255,186,100,.45)}to{opacity:0}}