@font-face{font-family:Rozha One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rozha-one-latin-400-normal-Dg3_0_Ac.woff2)format("woff2"),url(/assets/rozha-one-latin-400-normal-nilb3mDA.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2)format("woff2"),url(/assets/manrope-latin-400-normal-8tf8FM3T.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2)format("woff2"),url(/assets/manrope-latin-600-normal-BqgrALkZ.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2)format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff)format("woff")}:root{--weiss:#fbf8fb;--rosa:#fce6fb;--magenta:#b3127f;--magenta-tief:#8e0d65;--tinte:#3a2430;--tinte-leise:#6b4a5c;--perle:#ead9cb;--leiste:64px;--serif:"Rozha One", "Times New Roman", serif;--sans:"Manrope", system-ui, sans-serif;--ease:cubic-bezier(.23, 1, .32, 1);--rand:clamp(1rem, 4vw, 3.5rem)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--leiste) + 8px);overflow-x:clip}body{background:var(--weiss);color:var(--tinte);font:400 1.0625rem/1.6 var(--sans);margin:0;display:flow-root;overflow-x:clip}body:before{content:"";height:calc(100svh - var(--leiste));display:block}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:400;line-height:1.04}p{text-wrap:pretty}:focus-visible{outline:3px solid var(--magenta);outline-offset:3px}.kopf{z-index:50;height:var(--leiste);padding:0 var(--rand);background:var(--weiss);color:var(--tinte);border-bottom:1px solid #3a24301f;align-items:center;gap:2rem;margin-bottom:-100svh;display:flex;position:sticky;top:0}.marke{color:var(--magenta);--grund:var(--weiss);align-items:center;gap:.55rem;text-decoration:none;display:inline-flex}.marke svg{width:clamp(1.5rem,1.7vw,2.3rem);height:auto}.marke span{font:400 clamp(1.35rem, 1.5vw, 2.1rem)/1 var(--serif);letter-spacing:.005em}.daumen{display:none}.kopf-links{gap:1.6rem;margin-left:auto;display:flex}.kopf-links a,.ruf{font-size:clamp(.95rem,.9vw,1.15rem);font-weight:600;text-decoration:none}.kopf-links a{color:var(--tinte)}.ruf{color:var(--magenta);text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:2px}@media (hover:hover) and (pointer:fine){.kopf-links a{transition:color .15s var(--ease)}.kopf-links a:hover{color:var(--magenta)}}.vorne{position:relative}.einstieg{background:var(--magenta);z-index:0;height:100svh;position:sticky;top:0;overflow:hidden}.einstieg picture,.salon{width:100%;height:100%;position:absolute;inset:0}.salon{object-fit:cover;object-position:50% 42%}.vorhang-flaeche{background:var(--magenta);width:50.5%;display:none;position:absolute;top:0;bottom:0}.vorhang-flaeche.links{left:0}.vorhang-flaeche.rechts{right:0}.js .vorhang-flaeche{will-change:transform;display:block}.js .einstieg.fertig .vorhang-flaeche{display:none}.einstieg.fertig .perlen{opacity:0;transition:opacity .5s var(--ease)}.perlen{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.schild{left:var(--rand);bottom:calc(var(--leiste) + clamp(1.25rem, 4vh, 3rem));background:var(--weiss);border-radius:4px;max-width:min(36rem,46vw);padding:clamp(1.1rem,2vw,1.9rem) clamp(1.2rem,2.2vw,2.1rem) clamp(1rem,1.6vw,1.5rem);position:absolute;box-shadow:0 18px 40px -18px #3a0a2c73}.schild h1{color:var(--magenta);-webkit-hyphens:manual;hyphens:manual;font-size:min(4.6rem,4.4vw)}.schild p{color:var(--tinte);margin:.7rem 0 0;font-size:1.0625rem}.js .schild{transition:transform .6s var(--ease) .3s, opacity .6s var(--ease) .3s}.js .einstieg:not(.offen) .schild{opacity:0;transform:translateY(12px)}.js .einstieg.fertig .schild{opacity:1;transition:none;transform:none}.auftakt{z-index:2;background:var(--weiss);padding:clamp(4.5rem,12vh,9rem) 0 clamp(4.5rem,12vh,8rem);position:relative;overflow-x:clip}.perlkante{background:url(/perle.svg) 0/15px 18px repeat-x;height:18px;position:absolute;top:-9px;left:0;right:0}.innen{width:min(78rem, 100% - 2 * var(--rand));margin:0 auto}.zitatzeile{color:var(--magenta);font-size:clamp(2.6rem,7.2vw,7.4rem);line-height:1}.zitatzeile>span{display:block}.ell,.zitatzeile .ell{font-family:var(--sans);letter-spacing:.02em;font-size:.8em;font-weight:600}.zitatzeile .z2{padding-left:clamp(1.5rem,12vw,14rem)}.quelle{color:var(--tinte-leise);margin:1rem 0 0;font-size:.95rem}.auftakt-text{max-width:62ch;margin:clamp(2.5rem,6vh,4rem) 0 0 auto;font-size:clamp(1.0625rem,1.25vw,1.3rem)}.karten{background:var(--magenta);position:relative}.karten-buehne{padding:4rem var(--rand) 5rem;gap:2.5rem;display:grid;position:relative}.karte{background:var(--weiss);border-radius:6px;padding:clamp(1.4rem,3vw,3rem);position:relative;box-shadow:0 24px 50px -24px #28001e8c}.k-naegel{background:var(--rosa)}.k-termin{background:#fff}.reiter{top:-2.35rem;left:var(--reiter-x,1.5rem);background:inherit;height:2.4rem;font:400 1.25rem/1.4 var(--serif);color:var(--magenta);border-radius:6px 6px 0 0;margin:0;padding:.45rem 1.2rem 0;position:absolute}.k-naegel .reiter{--reiter-x:9.5rem}.k-termin .reiter{--reiter-x:17.5rem}.karte-innen{grid-template-columns:minmax(16rem,.7fr) 1.8fr;align-items:center;gap:clamp(1.5rem,3vw,3.5rem);display:grid}.k-termin .karte-innen{grid-template-columns:1fr 1fr}.terminkarte{border-top:2px solid var(--magenta);padding-top:1.4rem}.terminkarte .t-adresse{font:400 clamp(2rem, 3.4vw, 3.6rem)/1.1 var(--serif);color:var(--tinte);margin:0}.terminkarte p{color:var(--tinte-leise);margin:1rem 0 0}.karte h2{color:var(--tinte);font-size:clamp(2.1rem,3.6vw,3.6rem)}.karte-text p{max-width:42ch;margin:1rem 0 0;font-size:clamp(1.0625rem,1.2vw,1.3rem)}.karte blockquote{margin:1.6rem 0 0}.karte blockquote p{font:400 1.35rem/1.3 var(--serif);color:var(--magenta);margin:0}.karte blockquote footer,.stimme footer{color:var(--tinte-leise);margin-top:.5rem;font-size:.9rem}.serie{grid-template-columns:1fr 1fr;gap:clamp(.6rem,1vw,1rem);display:grid}.frame{aspect-ratio:1;background:var(--rosa);border-radius:3px;display:block;overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%}.knopf{background:var(--magenta);color:#fff;transition:transform .13s var(--ease);border-radius:999px;margin-top:1.6rem;padding:.95rem 1.5rem;font-weight:700;text-decoration:none;display:inline-block}.knopf:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.knopf:hover{background:var(--magenta-tief)}}.stand{color:var(--tinte-leise);font-size:.95rem}.k-termin h2{color:var(--magenta);font-size:clamp(2.6rem,5vw,5rem)}@media (width>=901px){.js .karten{height:300vh}.js .karten-buehne{top:var(--leiste);height:calc(100svh - var(--leiste));padding:0;display:block;position:sticky}.js .karte{left:var(--rand);right:var(--rand);position:absolute}.js .k-haare{top:9svh;bottom:7svh;transform:rotate(-.8deg)}.js .k-naegel{top:12svh;bottom:5svh;transform:rotate(.6deg)}.js .k-termin{min-height:52svh;top:15svh;bottom:auto;transform:rotate(-.4deg)}.js .k-termin .karte-innen{height:auto;min-height:44svh}.js .karte-innen{height:100%}.js .karte .serie{max-width:calc((100svh - var(--leiste)) * 1.15);width:100%;margin-left:auto}}.js .serie .frame{clip-path:inset(0 0 100%);transition:clip-path .8s var(--ease)}.js .serie .frame:nth-child(2){transition-delay:.12s}.js .karte.vorn .serie .frame{clip-path:inset(0)}.raum{background:var(--weiss);padding:clamp(4rem,10vh,7rem) 0 0}.raum-text{width:min(78rem, 100% - 2 * var(--rand));grid-template-columns:1.2fr 1fr;align-items:end;gap:2rem;margin:0 auto 2.2rem;display:grid}.raum-text h2{color:var(--magenta);font-size:clamp(2.4rem,5vw,5rem)}.raum-text p{max-width:40ch;margin:0}.film{background:#e9e1e8;height:min(78svh,56vw);position:relative;overflow:hidden}.film .still,.film canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film canvas{opacity:0;transition:opacity .4s var(--ease)}.film.is-live canvas{opacity:1}.stimme{background:var(--rosa);padding:clamp(4rem, 12vh, 8rem) var(--rand)}.stimme blockquote{text-align:center;max-width:56rem;margin:0 auto}.stimme .zweite{margin-top:clamp(2.5rem,6vh,4rem)}.stimme .zweite p{color:var(--magenta);font-size:clamp(1.4rem,2.2vw,2rem)}.weg-text{max-width:34ch;margin:1rem 0 0}.stimme blockquote p{font:400 clamp(1.9rem, 3.6vw, 3.4rem)/1.15 var(--serif);color:var(--tinte);text-wrap:balance;margin:0}.abschluss{background:var(--weiss);padding:clamp(4rem, 10vh, 6.5rem) var(--rand) clamp(3rem, 8vh, 5rem);grid-template-columns:minmax(18rem,.9fr) 1.4fr;align-items:center;gap:clamp(2rem,5vw,5rem);display:grid;position:relative}.abschluss:before{content:"";background:url(/perle.svg) 0/15px 18px repeat-x;height:18px;position:absolute;top:-9px;left:0;right:0}.abschluss h2{color:var(--magenta);font-size:clamp(2.4rem,4.4vw,4.4rem)}.adresse{margin:1.2rem 0 0;font-size:1.2rem}.ruf-gross{font:400 clamp(1.6rem, 2.4vw, 2.2rem)/1.2 var(--serif);color:var(--magenta);text-underline-offset:.2em;text-decoration-thickness:2px}.heute{margin:.4rem 0 0;font-weight:700}.haltung{color:var(--tinte-leise);margin:1.2rem 0 0}.fusslinks{flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem;margin:2.4rem 0 0;font-size:.95rem;display:flex}.fuss-marke{font:400 1.3rem/1 var(--serif);color:var(--magenta);align-items:center;gap:.4rem;display:inline-flex}.fuss-marke svg{width:1.3rem;height:auto}.fusslinks button{font:inherit;color:var(--tinte);text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;padding:.3rem 0;text-decoration:underline}.weg{margin:0}.weg svg{background:var(--rosa);border-radius:6px;width:100%;height:auto;display:block}.weg .str{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round}.weg .haupt{fill:none;stroke:var(--magenta);stroke-linecap:round;stroke-linejoin:round}.weg .name{font:600 13px var(--sans);fill:var(--tinte-leise)}.weg .name-haupt{font:400 19px var(--serif);fill:var(--magenta)}.weg .halt rect{fill:var(--tinte)}.weg .halt text{font:700 12px var(--sans);fill:#fff}.weg .halt-text{font:600 13px var(--sans);fill:var(--tinte)}.weg .ziel-hof{fill:var(--weiss);stroke:var(--magenta);stroke-width:3px}.weg .ziel-stein{fill:var(--magenta)}.weg .ziel-text{font:400 17px var(--serif);fill:var(--tinte)}.weg figcaption{color:var(--tinte-leise);margin-top:.5rem;font-size:.85rem}dialog.hinweis{max-width:min(36rem,92vw);color:var(--tinte);background:var(--weiss);border:0;border-radius:8px;padding:2rem;box-shadow:0 30px 60px -20px #28001e80}dialog.hinweis::backdrop{background:#3a24308c}dialog.hinweis h2{color:var(--magenta);font-size:2rem}dialog .zu{background:var(--magenta);color:#fff;font:700 1rem var(--sans);cursor:pointer;transition:transform .13s var(--ease);border:0;border-radius:999px;margin-top:1rem;padding:.7rem 1.3rem}dialog .zu:active{transform:scale(.97)}dialog[open]{animation:dlg-auf .32s var(--ease)}@keyframes dlg-auf{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@media (width<=900px){:root{--leiste:58px}body:before,.kopf{display:none}.daumen{z-index:50;height:calc(var(--leiste) + env(safe-area-inset-bottom));padding:0 1rem env(safe-area-inset-bottom);background:var(--weiss);border-top:1px solid #3a24301f;align-items:center;gap:1rem;display:flex;position:sticky;bottom:0}.daumen .ruf{background:var(--magenta);color:#fff;border-radius:999px;margin-left:auto;padding:.55rem 1rem;font-size:.95rem;text-decoration:none}.einstieg{height:100svh}.salon{object-position:40% 50%}.schild{max-width:none;left:1rem;right:1rem;bottom:calc(var(--leiste) + 1rem)}.schild h1{font-size:clamp(2.3rem,10.5vw,3rem)}.karte-innen{grid-template-columns:1fr}.serie{grid-template-columns:1fr 1fr}.k-termin .karte-innen{grid-template-columns:1fr}.reiter{background:0 0;height:auto;padding:0 0 .4rem;font-size:1.1rem;display:inline-block;position:static}.karten-buehne{padding-top:3rem;padding-bottom:3rem}.raum-text{grid-template-columns:1fr}.film{height:62svh}.abschluss{padding-bottom:calc(var(--leiste) + 3rem);grid-template-columns:1fr}}.still-modus .vorhang-flaeche{display:none}.still-modus .schild{opacity:1;transform:none}.still-modus .serie .frame{clip-path:none}
