@font-face{font-family:Great Vibes;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/great-vibes-latin-400-normal-q5-78SH_.woff2)format("woff2"),url(/assets/great-vibes-latin-400-normal-BAZ173uY.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/montserrat-latin-700-normal-BdjcYUrC.woff2)format("woff2"),url(/assets/montserrat-latin-700-normal-BWkrl476.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/montserrat-latin-800-normal-axpkC1rd.woff2)format("woff2"),url(/assets/montserrat-latin-800-normal-C3dfDxXV.woff)format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/open-sans-latin-400-normal-Bk63H6sG.woff2)format("woff2"),url(/assets/open-sans-latin-400-normal-DKniycaP.woff)format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/open-sans-latin-600-normal-Cp4N6AwT.woff2)format("woff2"),url(/assets/open-sans-latin-600-normal-C3dWW5mx.woff)format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/open-sans-latin-700-normal-CceUhp2e.woff2)format("woff2"),url(/assets/open-sans-latin-700-normal-CZCQA30i.woff)format("woff")}:root{--bg:#050506;--karte:#110e0bcc;--text:#f6f1ea;--text2:#b9ad9c;--linie:#d4a35a3d;--gold:#d4a35a;--lila:#f5821f;--lila-dunkel:#c9651a;--lila-hell:#f5821f26;--akzent-rgb:245 130 31;--verlauf-ende:#d4a35a;--auf-akzent:#160d05;--gut:#4ade80;--warn:#fbbf24;--schlecht:#f87171;--schatten:0 10px 30px #00000073;--radius:16px;--titel:"Montserrat", "Arial Black", system-ui, sans-serif;--text-schrift:"Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-welt=w]{--lila:#e9967f;--lila-dunkel:#c06f5b;--lila-hell:#e9967f29;--akzent-rgb:233 150 127}*{box-sizing:border-box}html{background:var(--bg)}html,body{color:var(--text);margin:0}body{font-family:var(--text-schrift);-webkit-font-smoothing:antialiased;background:0 0;font-size:16px;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3{line-height:1.15;font-family:var(--titel);text-wrap:balance;margin:0 0 .5rem}h1{text-transform:uppercase;letter-spacing:.01em;font-size:1.7rem;font-weight:800}h2{font-size:1.2rem;font-weight:750}h3{font-size:1rem;font-weight:700}p{margin:0 0 .75rem}a{color:var(--lila)}.app{min-height:100vh;display:flex}.seitenleiste{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--linie);width:240px;color:var(--text);background:#050506d1;flex-direction:column;flex-shrink:0;gap:.25rem;height:100vh;padding:1.25rem .9rem;display:flex;position:sticky;top:0}.marke{align-items:center;gap:.6rem;padding:.25rem .5rem 1.25rem;display:flex}.marke img{border:1px solid var(--linie);object-fit:cover;background:#ffffff26;border-radius:8px;width:40px;height:40px}.marke b{font-size:1.05rem;font-family:var(--titel);letter-spacing:.02em;display:block}.marke small{opacity:.75;font-size:.75rem}.navknopf{width:100%;color:var(--text);cursor:pointer;text-align:left;opacity:.85;background:0 0;border:0;border-radius:12px;align-items:center;gap:.7rem;padding:.7rem .8rem;font-weight:600;display:flex}.navknopf:hover{opacity:1;background:#ffffff0f}.navknopf.aktiv{background:var(--lila-hell);color:var(--lila);opacity:1}.navknopf svg{flex-shrink:0;width:20px;height:20px}.seitenleiste .unten{margin-top:auto}.inhalt{flex:1;width:100%;min-width:0;max-width:960px;margin:0 auto;padding:2rem}.unterleiste{display:none}.demo-band{color:var(--gold);z-index:2;text-align:center;background:#d4a35a2e;padding:.45rem 1rem;font-size:.85rem;position:relative}@media (width<=768px){.seitenleiste{display:none}.inhalt{padding:1rem 16px calc(84px + env(safe-area-inset-bottom))}.unterleiste{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--linie);padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));z-index:20;background:#050506f0;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.unterleiste button{color:var(--text2);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:.3rem 0;font-size:.68rem;font-weight:600;display:flex}.unterleiste button.aktiv{color:var(--lila)}.unterleiste svg{width:22px;height:22px}h1{font-size:1.35rem}}.karte{background:var(--karte);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius);box-shadow:var(--schatten);border:1px solid var(--linie);margin-bottom:1rem;padding:1.25rem}.held{background:linear-gradient(135deg, rgb(var(--akzent-rgb) / .22), #110e0be0 70%);color:var(--text);border:1px solid rgb(var(--akzent-rgb) / .45)}.held p{opacity:.92}.raster{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.raster>.karte{margin-bottom:0}.zeile{align-items:center;gap:.75rem;display:flex}.zwischen{justify-content:space-between}.leise{color:var(--text2);font-size:.9rem}.klein{font-size:.8rem}.etikett{text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-bottom:.35rem;font-size:.72rem;font-weight:700;display:inline-block}.held .etikett{color:var(--gold)}.knopf{background:var(--lila);color:var(--auf-akzent);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.1rem;font-weight:700;display:inline-flex}.knopf:hover{background:var(--lila-dunkel)}.knopf:disabled{opacity:.5;cursor:default}.knopf.zweit{background:var(--lila-hell);color:var(--lila)}.knopf.zweit:hover{filter:brightness(.97)}.knopf.weiss{background:var(--text);color:#120c06}.knopf.gefahr{color:var(--schlecht);background:#f8717124}.knopf.voll{width:100%}.textlink{color:var(--lila);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],textarea,select{border:1px solid var(--linie);background:#ffffff0d;border-radius:12px;outline:none;width:100%;padding:.7rem .85rem}input:focus,textarea:focus,select:focus{border-color:var(--lila);box-shadow:0 0 0 3px rgb(var(--akzent-rgb) / .15)}label.feld{margin-bottom:.8rem;display:block}label.feld span{color:var(--text2);margin-bottom:.3rem;font-size:.85rem;font-weight:600;display:block}.fehler{color:#fecaca;background:#f8717124;border-radius:10px;margin-bottom:.8rem;padding:.6rem .8rem;font-size:.9rem}.erfolg{color:#bbf7d0;background:#4ade8021;border-radius:10px;margin-bottom:.8rem;padding:.6rem .8rem;font-size:.9rem}.check{border-bottom:1px solid var(--linie);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.8rem;padding:.75rem .3rem;display:flex}.check:last-child{border-bottom:0}.kasten{border:2px solid var(--linie);border-radius:8px;flex-shrink:0;place-items:center;width:26px;height:26px;transition:all .15s;display:grid}.check.an .kasten{background:var(--lila);border-color:var(--lila);color:var(--auf-akzent)}.check.an .ctext{color:var(--text2);text-decoration:line-through;-webkit-text-decoration-color:rgb(var(--akzent-rgb) / .4);text-decoration-color:rgb(var(--akzent-rgb) / .4)}.ctext{flex:1}.punkt{border-radius:50%;flex-shrink:0;width:8px;height:8px}.tage{grid-template-columns:repeat(14,1fr);gap:4px;display:grid}.tag{aspect-ratio:1;background:var(--lila-hell);border-radius:6px}.balken{background:var(--lila-hell);border-radius:99px;height:8px;overflow:hidden}.balken>i{background:var(--lila);border-radius:99px;height:100%;display:block}.kapitelliste{gap:.6rem;display:grid}.kapitelzeile{background:var(--karte);border:1px solid var(--linie);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:.9rem;width:100%;padding:.9rem 1rem;display:flex}.kapitelzeile:hover{border-color:var(--lila)}.nr{background:var(--lila-hell);width:34px;height:34px;color:var(--lila);border-radius:10px;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:800;display:grid}.nr.fertig{background:var(--lila);color:var(--auf-akzent)}.schritt{border:2px solid var(--lila);border-radius:var(--radius);background:var(--karte);margin-bottom:1rem;padding:1.1rem}.schritt.gesperrt{border-style:dashed;border-color:var(--linie);opacity:.6}.aufgabe{border-bottom:1px solid var(--linie);cursor:pointer;gap:.8rem;padding:.9rem 0;display:flex}.aufgabe:last-child{border-bottom:0}.aufgabe .ctext b{margin-bottom:.2rem;display:block}.aufgabe .ctext em{color:var(--text2);font-size:.92rem}.zurueck{color:var(--lila);cursor:pointer;background:0 0;border:0;margin-bottom:1rem;padding:0;font-weight:700;display:block}.regler{margin-bottom:1.1rem}.regler input[type=range]{width:100%;accent-color:var(--lila)}.wert{text-align:right;min-width:2ch;font-size:1.1rem;font-weight:800}.tabelle{border-collapse:collapse;width:100%;font-size:.9rem}.tabelle th{text-align:left;color:var(--text2);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--linie);padding:.5rem;font-size:.78rem;font-weight:600}.tabelle td{border-bottom:1px solid var(--linie);padding:.65rem .5rem}.tabelle tr.klick{cursor:pointer}.tabelle tr.klick:hover td{background:var(--lila-hell)}.scroll{overflow-x:auto}.reiter{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.reiter button{border:1px solid var(--linie);background:var(--karte);color:var(--text);cursor:pointer;border-radius:99px;padding:.5rem .9rem;font-size:.9rem;font-weight:600}.reiter button.aktiv{background:var(--lila);color:var(--auf-akzent);border-color:var(--lila)}.kpi{color:var(--lila);font-size:1.8rem;font-weight:800;line-height:1;font-family:var(--titel);font-variant-numeric:tabular-nums}.loginseite{place-items:center;min-height:100vh;padding:16px;display:grid}.loginbox{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--linie);background:#0a0806db;border-radius:22px;width:100%;max-width:420px;padding:1.75rem;box-shadow:0 20px 60px #00000040}.loginbox .buchcover{aspect-ratio:950/1438;object-fit:cover;border-radius:6px;width:130px;height:auto;margin:0 auto 1rem;display:block;box-shadow:0 10px 30px #0009}.mitte{text-align:center}.ueberlagerung{z-index:50;background:#000000b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ueberlagerung .karte{max-width:560px;max-height:85vh;margin:0;overflow:auto}.ladend{min-height:60vh;color:var(--text2);place-items:center;display:grid}.aufgabe.an .kasten{background:var(--lila);border-color:var(--lila);color:var(--auf-akzent)}.aufgabe.an b{color:var(--text2);text-decoration:line-through;-webkit-text-decoration-color:rgb(var(--akzent-rgb) / .4);text-decoration-color:rgb(var(--akzent-rgb) / .4)}.schritt.gesperrt .aufgabe{cursor:default}.rund{border:1px solid var(--linie);background:var(--karte);cursor:pointer;width:40px;height:40px;color:var(--text2);border-radius:50%;place-items:center;display:grid}.rund svg{width:20px;height:20px}.rund.an{background:var(--lila);color:var(--auf-akzent);border-color:var(--lila)}.experten{scrollbar-width:none;gap:.4rem;margin:0 -2px;padding:.25rem 0 .75rem;display:flex;overflow-x:auto}.experten::-webkit-scrollbar{display:none}.experten button{border:1px solid var(--linie);background:var(--karte);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:99px;flex:none;padding:.45rem .8rem;font-size:.85rem;font-weight:600}.experten button.aktiv{background:var(--lila);border-color:var(--lila);color:var(--auf-akzent)}.verlauf{flex-direction:column;gap:.75rem;min-height:40vh;padding-bottom:1rem;display:flex}.blase{background:var(--karte);border:1px solid var(--linie);white-space:pre-wrap;max-width:85%;box-shadow:var(--schatten);border-radius:18px 18px 18px 6px;padding:.75rem 1rem}.blase.ich{background:var(--lila);color:var(--auf-akzent);border-color:var(--lila);box-shadow:none;border-radius:18px 18px 6px;align-self:flex-end}.antwort{flex-direction:column;align-items:flex-start;gap:.4rem;max-width:100%;display:flex}.antwort .blase{max-width:92%}.absender{color:var(--lila);letter-spacing:.02em;font-size:.75rem;font-weight:700}.vorlesen{color:var(--text2);align-items:center;gap:.3rem;margin-top:.5rem;font-weight:500;display:flex}.aktion{background:var(--lila-hell);border-radius:14px;flex-direction:column;gap:.15rem;max-width:92%;padding:.7rem .9rem;font-size:.92rem;display:flex}.aktion .knopf.klein,.knopf.klein{border-radius:10px;padding:.4rem .75rem;font-size:.82rem}.entwurftext{background:var(--karte);white-space:pre-wrap;border:1px solid var(--linie);border-radius:10px;margin:.35rem 0 .5rem;padding:.6rem .75rem;font-size:.9rem}.beispiele{flex-wrap:wrap;gap:.5rem;display:flex}.beispiele button{border:1px dashed var(--lila);color:var(--lila);cursor:pointer;text-align:left;background:0 0;border-radius:14px;padding:.5rem .8rem;font-size:.88rem}.beispiele button:hover{background:var(--lila-hell)}.eingabe{background:linear-gradient(#0000,#050506eb 30%);align-items:flex-end;gap:.5rem;padding:.6rem 0 .2rem;display:flex;position:sticky;bottom:0}.eingabe textarea{resize:none;border-radius:24px;min-height:48px;max-height:140px;padding:.75rem 1rem}.mikro{background:var(--lila);width:52px;height:52px;color:var(--auf-akzent);cursor:pointer;box-shadow:0 6px 18px rgb(var(--akzent-rgb) / .35);border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.mikro svg{width:24px;height:24px}.mikro.hoert{background:var(--schlecht);animation:1.2s ease-in-out infinite puls}.knopf.senden{border-radius:50%;flex-shrink:0;width:48px;height:48px;padding:0}.knopf.senden svg{width:20px;height:20px}@keyframes puls{0%,to{box-shadow:0 0 #dc262673}50%{box-shadow:0 0 0 12px #dc262600}}.punkte{gap:4px;display:inline-flex}.punkte i{background:var(--lila);opacity:.3;border-radius:50%;width:7px;height:7px;animation:1s infinite blink}.punkte i:nth-child(2){animation-delay:.15s}.punkte i:nth-child(3){animation-delay:.3s}@keyframes blink{50%{opacity:1}}@media (prefers-reduced-motion:reduce){.mikro.hoert,.punkte i{animation:none}}@media (width<=768px){.eingabe{bottom:calc(68px + env(safe-area-inset-bottom))}}.pille{background:var(--lila-hell);white-space:nowrap;border-radius:99px;padding:.15rem .55rem;font-size:.75rem;font-weight:700}.welt{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.9rem;display:grid}.welt button{border:2px solid var(--linie);background:var(--karte);cursor:pointer;border-radius:12px;padding:.65rem;font-weight:700}.welt button.aktiv{border-color:var(--lila);background:var(--lila-hell);color:var(--lila)}.kacheln{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.kachel{background:var(--karte);border:1px solid var(--linie);cursor:pointer;text-align:left;border-radius:16px;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem;font-weight:700;display:flex}.kachel svg{width:26px;height:26px;color:var(--lila)}.kachel{color:var(--text)}.kachel small{color:var(--text2);font-weight:400}.unterleiste button.mitteknopf svg{background:var(--lila);width:30px;height:30px;color:var(--auf-akzent);box-sizing:content-box;box-shadow:0 6px 16px rgb(var(--akzent-rgb) / .4);border-radius:50%;margin-top:-14px;padding:4px}.badge{background:var(--schlecht);color:#fff;border-radius:99px;margin-left:.3rem;padding:0 .4rem;font-size:.7rem}.butlerstart{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;align-items:center;gap:1rem;display:flex}.butlerstart:hover{border-color:var(--lila)}.butlerseite{padding-bottom:1rem}.vorschlaege{flex-direction:column;gap:.5rem;width:100%;max-width:92%;display:flex}.vorschlag{background:var(--karte);border:1px solid var(--linie);border-radius:12px;flex-direction:column;gap:.15rem;padding:.75rem .9rem;font-size:.92rem;display:flex}@media (width<=768px){.vorschlaege,.antwort .blase,.aktion{max-width:100%}}@media (width>=769px){.experten{flex-wrap:wrap;overflow:visible}}@media (width<=768px){.experten{-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}}.buchgrund{z-index:-1;background-color:var(--bg);background-position:50%;background-size:cover;position:fixed;inset:0}.buchgrund:after{content:"";background:linear-gradient(#05050659,#050506b3);position:absolute;inset:0}.app,.loginseite{position:relative}.inhalt{background:0 0}.cover{flex-direction:column;gap:1.6rem;max-width:720px;margin:0 auto;padding-top:1rem;display:flex}.cover-kopf{text-align:center;padding:1rem 0 .25rem}.cover-titel{font-family:var(--titel);text-transform:uppercase;letter-spacing:.01em;color:#fff;text-shadow:0 2px 10px #00000059;margin:0;font-size:clamp(2.1rem,7vw,3.6rem);font-weight:800;line-height:1.04}.cover-zeile{font-family:var(--titel);text-transform:uppercase;color:var(--lila);letter-spacing:.04em;margin-top:.6rem;font-size:clamp(1.1rem,3.6vw,1.7rem);font-weight:800}.cover-unter{color:#ece4d8;max-width:30ch;margin:.8rem auto 0;font-size:clamp(.95rem,2.6vw,1.15rem);line-height:1.45}.cover-butler{text-align:left;cursor:pointer;width:100%;color:var(--text);background:rgb(var(--akzent-rgb) / .14);border:1px solid rgb(var(--akzent-rgb) / .55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.cover-butler:hover{background:rgb(var(--akzent-rgb) / .22)}.cover-butler b{font-family:var(--titel);font-size:1.1rem;display:block}.cover-butler small{color:var(--text2)}.cover-etikett{font-family:var(--titel);text-transform:uppercase;letter-spacing:.14em;color:var(--gold);text-align:center;margin-bottom:.6rem;font-size:.75rem;font-weight:700}.saeulen-raster{grid-template-columns:repeat(5,1fr);gap:.6rem;display:grid}.saeule{border:1px solid var(--linie);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);cursor:pointer;text-align:center;background:#0a080699;border-radius:14px;flex-direction:column;align-items:center;gap:.3rem;min-width:0;padding:1rem .4rem .8rem;display:flex}.saeule:hover{border-color:var(--gold)}.saeule b{font-family:var(--titel);overflow-wrap:anywhere;font-size:.88rem}.saeule small{color:var(--text2);font-size:.72rem}.saeule-nr{font-family:var(--titel);color:var(--gold);font-size:1.5rem;font-weight:800;line-height:1}.saeule-balken{background:#ffffff1a;border-radius:9px;width:70%;height:3px;margin-top:.25rem;overflow:hidden}.saeule-balken i{background:var(--lila);height:100%;display:block}.tag-raster{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.tagkachel{text-align:left;border:1px solid var(--linie);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);cursor:pointer;background:#0a080699;border-radius:14px;flex-direction:column;align-items:flex-start;gap:.3rem;min-width:0;padding:.9rem;display:flex}.tagkachel:hover{border-color:var(--gold)}.tagkachel svg{width:22px;height:22px;color:var(--lila)}.tagkachel small{color:var(--text2);font-size:.78rem}.cover-fuss{justify-content:center;align-items:center;gap:1.2rem;padding:.5rem 0 1rem;display:flex}.cover-autor{font-family:var(--titel);text-transform:uppercase;color:#fff;letter-spacing:.03em;font-size:1.6rem;font-weight:800}.cover-logo{mix-blend-mode:screen;opacity:.9;width:58px;height:58px}@media (width<=640px){.saeulen-raster{grid-template-columns:repeat(6,1fr)}.saeule{grid-column:span 2}.saeule:nth-child(4){grid-column:2/span 2}.tag-raster{grid-template-columns:repeat(2,1fr)}}.kapitelbild{border-radius:var(--radius);border:1px solid var(--linie);max-height:360px;margin-bottom:1rem;position:relative;overflow:hidden}.kapitelbild img{object-fit:cover;object-position:center 30%;width:100%;height:360px;display:block}.kapitelbild:after{content:"";background:linear-gradient(#0000 45%,#050506eb);position:absolute;inset:0}.kapitelbild .ueber{z-index:1;position:absolute;bottom:1rem;left:1.1rem;right:1.1rem}.kapitelbild h1{color:#fff;margin:0}.intro{z-index:1000;cursor:pointer;background:radial-gradient(at 50% 55%,#1a120a 0%,#050506 65%);place-items:center;transition:opacity .9s;display:grid;position:fixed;inset:0;overflow:hidden}.intro.phase-zerfallen{opacity:0;transition-delay:.5s}.intro-buch{aspect-ratio:950/1438;perspective:1600px;width:min(62vw,300px);transform-style:preserve-3d;transition:transform 1.4s,opacity 1.2s;animation:.9s ease-out backwards buch-rein;position:relative}.intro-seite{background:radial-gradient(at 40% 45%,#3a2812,#140d06 70%);border-radius:3px 8px 8px 3px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 6px 0 18px #000000b3,0 30px 60px #0009}.intro-licht{aspect-ratio:1;opacity:0;background:radial-gradient(circle,#ffdc96f2,#f5821f59 45%,#0000 70%);border-radius:50%;width:10%;transition:width 1.6s,opacity 1.2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-deckel{transform-origin:0;transform-style:preserve-3d;transition:transform 1.3s cubic-bezier(.55,.05,.3,1);position:absolute;inset:0;transform:rotateY(0)}.intro-vorne,.intro-hinten{backface-visibility:hidden;border-radius:3px 8px 8px 3px;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 30px 60px #0009}.intro-vorne{object-fit:cover}.intro-hinten{background:radial-gradient(at 60% 45%,#3a2812,#140d06 75%);border-radius:8px 3px 3px 8px;place-items:center;display:grid;transform:rotateY(180deg);box-shadow:inset -8px 0 20px #000000b3}.intro-hinten span{color:#d4a35a;opacity:.7;font-family:Great Vibes,cursive;font-size:clamp(1.4rem,6vw,2.2rem)}.phase-auf .intro-deckel,.phase-schreiben .intro-deckel,.phase-zerfallen .intro-deckel{transform:rotateY(-178deg)}.phase-auf .intro-buch{transform:translate(50%)}.phase-auf .intro-licht,.phase-schreiben .intro-licht,.phase-zerfallen .intro-licht{opacity:1;width:180%}.phase-schreiben .intro-buch,.phase-zerfallen .intro-buch{opacity:.32;transform:translate(50%)scale(.86)}.intro-schrift{pointer-events:none;width:min(1100px,150vw);max-width:none;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.intro-text{fill:url(#gold);fill-opacity:0;stroke:#f7d58b;stroke-width:1.1px;stroke-dasharray:3200;stroke-dashoffset:3200px;opacity:0;font-family:Great Vibes,Brush Script MT,Segoe Script,cursive;font-size:104px}.intro-spur{stroke-dasharray:1400;stroke-dashoffset:1400px;opacity:0}.intro-schrift.bereit .intro-text{opacity:1}.phase-schreiben .intro-text,.phase-zerfallen .intro-text{animation:2.3s ease-in-out forwards schreiben}.phase-schreiben .intro-spur,.phase-zerfallen .intro-spur{animation:2.3s ease-in-out forwards spur}.phase-zerfallen .intro-schrift{animation:1.1s ease-in forwards zerfallen}.intro-staub{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.intro-tipp{bottom:calc(18px + env(safe-area-inset-bottom,0px));text-align:center;color:#d4a35a8c;letter-spacing:.08em;font-size:.75rem;position:absolute;left:0;right:0}.intro.ruhig .intro-deckel,.intro.ruhig .intro-buch{transform:none}.intro.ruhig .intro-text{stroke-dashoffset:0;fill-opacity:1}@keyframes buch-rein{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes schreiben{0%{stroke-dashoffset:3200px;fill-opacity:0}65%{fill-opacity:.15}to{stroke-dashoffset:0;fill-opacity:1}}@keyframes spur{0%{stroke-dashoffset:1400px;opacity:.7}70%{opacity:.55}to{stroke-dashoffset:0;opacity:0}}@keyframes zerfallen{0%{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}to{opacity:0;filter:blur(14px);transform:translate(-36%,-62%)scale(1.15)rotate(-4deg)}}@media (width<=768px){.intro-schrift{width:122vw}.intro-buch{width:min(44vw,220px)}}.rechtstext{max-width:68ch}.rechtstext h1{font-size:1.4rem}.rechtstext h2{color:var(--gold);margin-top:1.4rem;font-size:1.02rem}.rechtstext h3{margin-top:1.1rem;font-size:.95rem}.rechtstext ul{margin:0 0 .75rem;padding-left:1.2rem}.rechtstext li{margin-bottom:.4rem}.rechtsfenster{background:#0d0a08!important;max-width:720px!important}.experte-karte{border-color:rgb(var(--akzent-rgb) / .5);order:-1}.experte-emoji{font-size:2.2rem;line-height:1}