.fragen-blase{scroll-snap-align:start;cursor:pointer;border:1px solid var(--color-border);border-radius:var(--blase-radius);background:var(--color-surface);width:15.5rem;color:var(--color-ink);transform:rotate(calc(var(--blase-rot) * .6));flex-shrink:0;padding:.9rem 1.2rem 1rem;font-size:1rem;line-height:1.4;transition:transform .45s cubic-bezier(.34,1.56,.64,1),background-color .2s,border-color .2s,box-shadow .2s;display:block;position:relative}@media (width>=64rem){.fragen-blase{--blase-weg:1.25rem;width:calc(100% - var(--blase-weg));transform:translateX(calc(var(--blase-dx) * .5)) rotate(var(--blase-rot));padding:1rem 1.35rem 1.1rem;font-size:1.0625rem}}@media (width>=80rem){.fragen-blase{--blase-weg:2.25rem;transform:translateX(var(--blase-dx)) rotate(var(--blase-rot))}}@media (width>=64rem){.fragen-spur{overscroll-behavior:contain;scrollbar-width:none;max-block-size:calc(100dvh - 6.5rem);padding:.5rem .5rem 1.5rem;scroll-padding-block:.5rem 1.5rem;overflow:hidden auto}.fragen-stapel{gap:clamp(1.125rem,4.5dvh - 1.5rem,1.75rem)}@supports (animation-timeline:scroll()){.fragen-spur{animation:linear both fragen-anschnitt scroll(self)}}}@property --fragen-anschnitt{syntax:"<percentage>";inherits:false;initial-value:0%}.fragen-spur{mask-image:linear-gradient(to bottom, black calc(100% - var(--fragen-anschnitt)), transparent)}@keyframes fragen-anschnitt{0%{--fragen-anschnitt:12%}to{--fragen-anschnitt:0%}}@media (width>=64rem) and (height<=50rem){.fragen-blase{padding:.75rem 1.1rem .8rem;font-size:1rem}.fragen-kreis-gross{width:.65rem;height:.65rem;bottom:-.45rem}.fragen-kreis-klein{width:.35rem;height:.35rem;bottom:-.9rem}}.fragen-blase:hover{border-color:var(--color-ink);--blase-rot:0deg}.fragen-blase:has(:focus-visible){outline:2px solid var(--color-ink);outline-offset:3px}.fragen-blase:has(:checked){--blase-rot:0deg;border-color:var(--color-ink);background:var(--color-base);box-shadow:inset 0 0 0 1px var(--color-ink), 4px 4px 0 0 var(--color-lime)}@media (width>=64rem){.fragen-blase:has(:checked){transform:translateX(var(--blase-weg)) rotate(0deg)}}.fragen-kreis{border:1px solid var(--color-border);background:var(--color-surface);border-radius:9999px;transition:left .45s cubic-bezier(.34,1.56,.64,1),border-color .2s,background-color .2s;position:absolute}.fragen-kreis-gross{width:.8rem;height:.8rem;bottom:-.55rem}.fragen-kreis-klein{width:.45rem;height:.45rem;bottom:-1.1rem}.fragen-kreis-links .fragen-kreis-gross{left:1.4rem}.fragen-kreis-links .fragen-kreis-klein{left:.85rem}.fragen-kreis-rechts .fragen-kreis-gross{left:calc(100% - 2.2rem)}.fragen-kreis-rechts .fragen-kreis-klein{left:calc(100% - 1.4rem)}.fragen-blase:hover .fragen-kreis{border-color:var(--color-ink)}.fragen-blase:has(:checked) .fragen-kreis{border-color:var(--color-ink);background:var(--color-base)}.fragen-blase:has(:checked) .fragen-kreis-gross{left:calc(100% - 2.2rem)}.fragen-blase:has(:checked) .fragen-kreis-klein{left:calc(100% - 1.4rem)}@media (prefers-reduced-motion:no-preference){@media (width>=64rem){.fragen-blase:not(:has(:checked)){animation:fragen-schweben var(--blase-dauer) ease-in-out var(--blase-verzug) infinite alternate}.fragen-blase:hover{animation-play-state:paused}}[data-bound] .fragen-blase:has(:checked){animation:.42s cubic-bezier(.34,1.56,.64,1) fragen-pop}.fragen-perspektive[data-gezeigt]{animation:.3s ease-out dialog-wort}}@keyframes fragen-schweben{0%{translate:0}to{translate:0 -6px}}@keyframes fragen-pop{0%{scale:.96}60%{scale:1.03}to{scale:1}}@media (prefers-reduced-motion:reduce){.fragen-blase,.fragen-kreis{transition:none}}.dialog-aufklapp-rest{transition:block-size .32s,margin-top .32s,opacity .24s;overflow:clip}.dialog-aufklapp-rest[data-zu]{opacity:0;block-size:0;margin-top:0}@media (prefers-reduced-motion:reduce){.dialog-aufklapp-rest{transition:none}}@keyframes dialog-wort{0%{opacity:0}}.dialog-tippt .dialog-wort,.dialog-tippt mark.kernsatz{animation:.18s ease-out backwards dialog-wort}.dialog-tippt>ol>li:first-child{animation:.3s ease-out backwards dialog-wort}.dialog-tippt .dialog-aufklapp{animation:.3s ease-out backwards dialog-wort;animation-delay:var(--nachlauf,0s)}@media (prefers-reduced-motion:reduce){.dialog-tippt .dialog-wort,.dialog-tippt mark.kernsatz,.dialog-tippt>ol>li:first-child,.dialog-tippt .dialog-aufklapp{animation:none}}@property --matrix-anschnitt{syntax:"<percentage>";inherits:false;initial-value:100%}.matrix-spur[data-astro-cid-7qqmpgdl]{-webkit-mask-image:linear-gradient(to right, #000 var(--matrix-anschnitt), transparent 100%);mask-image:linear-gradient(to right, #000 var(--matrix-anschnitt), transparent 100%);animation:linear both matrix-anschnitt scroll(self inline);animation-range:88% 100%}@keyframes matrix-anschnitt{0%{--matrix-anschnitt:88%}to{--matrix-anschnitt:100%}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.sg-welle-balken[data-astro-cid-qc3tuzjw]{transform-origin:50%;animation:linear both sg-welle-ausschlag view();animation-range:entry calc(var(--i) * 1.5%) cover 45%}}}@keyframes sg-welle-ausschlag{0%{opacity:.35;transform:scaleY(.12)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.sg-vorlage-zeile[data-astro-cid-uzr4nxes]{transform-origin:0;animation:linear both sg-vorlage-wachsen view();animation-range:entry calc(20% + var(--i) * 4%) cover 50%}}}@keyframes sg-vorlage-wachsen{0%{scale:0 1}}