.klickdemo[data-astro-cid-dtzh2gox]{max-width:900px;margin-inline:auto}.klickdemo__frame[data-astro-cid-dtzh2gox]{position:relative;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.klickdemo__bar[data-astro-cid-dtzh2gox]{display:flex;align-items:center;gap:.45rem;padding:.6rem .9rem;background:var(--color-bg-soft);border-bottom:1px solid var(--color-border)}.klickdemo__dot[data-astro-cid-dtzh2gox]{width:11px;height:11px;border-radius:50%;background:#dcd2d8}.klickdemo__app[data-astro-cid-dtzh2gox]{margin-left:.5rem;font-family:var(--font-heading);font-weight:600;font-size:.82rem;color:var(--color-muted)}.stage[data-astro-cid-dtzh2gox]{display:grid;background:#fff}.shot[data-astro-cid-dtzh2gox]{grid-area:1 / 1;width:100%;aspect-ratio:4 / 3;position:relative;container-type:inline-size;opacity:0;visibility:hidden;transition:opacity .32s ease}.shot[data-astro-cid-dtzh2gox].is-active{opacity:1;visibility:visible}.shot[data-astro-cid-dtzh2gox] img{width:100%;height:100%;object-fit:cover}.spot[data-astro-cid-dtzh2gox]{position:absolute;border:3px solid var(--color-primary);border-radius:10px;box-shadow:0 0 0 9999px #ffffff57;opacity:0;transform:scale(.97);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.spot[data-astro-cid-dtzh2gox].is-on{opacity:1;transform:scale(1);animation:spotPuls 1.6s ease-in-out infinite}@keyframes spotPuls{0%,to{box-shadow:0 0 0 9999px #ffffff57,0 0 #e3088859}50%{box-shadow:0 0 0 9999px #ffffff57,0 0 0 12px #e3088800}}.typed[data-astro-cid-dtzh2gox]{position:absolute;background:#fff;display:flex;align-items:center;opacity:0;transition:opacity .2s ease;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:2.67cqw;color:#1b1b1f;white-space:nowrap}.typed[data-astro-cid-dtzh2gox].is-on{opacity:1}.typed[data-astro-cid-dtzh2gox] i[data-astro-cid-dtzh2gox]{display:inline-block;width:.07em;height:1.15em;background:#1b1b1f;margin-left:.06em;font-style:normal;animation:caret 1s step-end infinite}.typed[data-astro-cid-dtzh2gox] i[data-astro-cid-dtzh2gox][hidden]{display:none}@keyframes caret{0%,50%{opacity:1}51%,to{opacity:0}}.cursor[data-astro-cid-dtzh2gox]{position:absolute;left:88%;top:88%;width:3.6cqw;min-width:22px;z-index:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));transform:translate(-14%,-8%);pointer-events:none;transition:left .85s cubic-bezier(.42,0,.2,1),top .85s cubic-bezier(.42,0,.2,1),transform .12s ease}.cursor[data-astro-cid-dtzh2gox].is-down{transform:translate(-14%,-8%) scale(.86)}.ring[data-astro-cid-dtzh2gox]{position:absolute;width:4cqw;aspect-ratio:1;border-radius:50%;border:2px solid var(--color-primary);translate:-50% -50%;opacity:0;pointer-events:none;z-index:2}.ring[data-astro-cid-dtzh2gox].is-click{animation:ringRaus .55s ease-out}@keyframes ringRaus{0%{opacity:.9;scale:.25}to{opacity:0;scale:1.7}}.fertig[data-astro-cid-dtzh2gox]{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.9rem;text-align:center;background:#fffffff0;opacity:0;visibility:hidden;transition:opacity .35s ease;z-index:4}.fertig[data-astro-cid-dtzh2gox].is-on{opacity:1;visibility:visible}.fertig[data-astro-cid-dtzh2gox] b[data-astro-cid-dtzh2gox]{font-family:var(--font-heading);font-size:clamp(1.1rem,2.6vw,1.6rem);color:var(--color-heading)}.fertig[data-astro-cid-dtzh2gox] em[data-astro-cid-dtzh2gox]{font-style:normal;color:var(--color-muted);font-size:.95rem}.fertig__check[data-astro-cid-dtzh2gox]{width:64px;height:64px;border-radius:50%;background:var(--color-primary);color:#fff;display:grid;place-content:center;font-size:2rem}.klickdemo__steuerung[data-astro-cid-dtzh2gox]{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:1rem}.chip[data-astro-cid-dtzh2gox]{border:1px solid var(--color-border);background:#fff;border-radius:999px;padding:.4rem 1rem;font:inherit;font-size:.92rem;color:var(--color-muted);cursor:pointer}.chip[data-astro-cid-dtzh2gox][aria-current=true]{border-color:var(--color-primary);color:var(--color-primary-text);font-weight:600;background:var(--color-bg-soft)}.klickdemo__hinweis[data-astro-cid-dtzh2gox]{font-size:.9rem;color:var(--color-muted);margin:.9rem 0 0}.schritte[data-astro-cid-dtzh2gox]{counter-reset:s;list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:1rem}.schritte[data-astro-cid-dtzh2gox] li[data-astro-cid-dtzh2gox]{counter-increment:s;position:relative;padding:1.1rem 1.3rem 1.1rem 3.6rem;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius)}.schritte[data-astro-cid-dtzh2gox] li[data-astro-cid-dtzh2gox]:before{content:counter(s);position:absolute;left:1.1rem;top:1.05rem;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--color-primary);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:.95rem;display:grid;place-content:center}.schritte[data-astro-cid-dtzh2gox] b[data-astro-cid-dtzh2gox]{display:block;color:var(--color-heading);font-family:var(--font-heading)}@media(prefers-reduced-motion:reduce){.cursor[data-astro-cid-dtzh2gox]{transition:none}.spot[data-astro-cid-dtzh2gox].is-on,.typed[data-astro-cid-dtzh2gox] i[data-astro-cid-dtzh2gox]{animation:none}}@media print{.klickdemo__frame[data-astro-cid-dtzh2gox]{box-shadow:none}.klickdemo__bar[data-astro-cid-dtzh2gox],.klickdemo__steuerung[data-astro-cid-dtzh2gox],.cursor[data-astro-cid-dtzh2gox],.ring[data-astro-cid-dtzh2gox],.fertig[data-astro-cid-dtzh2gox]{display:none}.stage[data-astro-cid-dtzh2gox]{display:block}.shot[data-astro-cid-dtzh2gox]{opacity:1;visibility:visible;break-inside:avoid;margin-bottom:.6rem}.spot[data-astro-cid-dtzh2gox]{opacity:1;box-shadow:none;animation:none}.typed[data-astro-cid-dtzh2gox]{opacity:1}}.container--narrow[data-astro-cid-5ipwmdby]{max-width:820px}.section-lead[data-astro-cid-5ipwmdby]{font-size:1.1rem}.mt[data-astro-cid-5ipwmdby]{margin-top:2.2rem}.inhalt[data-astro-cid-5ipwmdby]{padding-block:0}.inhalt__inner[data-astro-cid-5ipwmdby]{padding-block:1.4rem 0}.inhalt__titel[data-astro-cid-5ipwmdby]{margin:0 0 .7rem;font-family:var(--font-heading);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted)}.inhalt__liste[data-astro-cid-5ipwmdby]{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.inhalt__liste[data-astro-cid-5ipwmdby] a[data-astro-cid-5ipwmdby]{display:inline-block;padding:.38rem .95rem;border:1px solid var(--color-border);border-radius:999px;background:#fff;font-size:.93rem;font-weight:600;text-decoration:none}.inhalt__liste[data-astro-cid-5ipwmdby] a[data-astro-cid-5ipwmdby]:hover{border-color:var(--color-primary);background:var(--color-bg-soft);text-decoration:none}.karten[data-astro-cid-5ipwmdby]{margin-top:1.5rem}.karten[data-astro-cid-5ipwmdby] h3[data-astro-cid-5ipwmdby]{margin-top:0}.btn--klein[data-astro-cid-5ipwmdby]{padding:.55rem 1.1rem;font-size:.95rem}.karten__stores[data-astro-cid-5ipwmdby]{display:grid;gap:.35rem}.haken[data-astro-cid-5ipwmdby]{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:.7rem}.haken[data-astro-cid-5ipwmdby] li[data-astro-cid-5ipwmdby]{position:relative;padding-left:1.9rem}.haken[data-astro-cid-5ipwmdby] li[data-astro-cid-5ipwmdby]:before{content:"✓";position:absolute;left:0;top:0;font-family:var(--font-heading);font-weight:700;color:var(--color-primary-text)}.haken--check[data-astro-cid-5ipwmdby] li[data-astro-cid-5ipwmdby]{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);padding:.85rem 1rem .85rem 2.6rem}.haken--check[data-astro-cid-5ipwmdby] li[data-astro-cid-5ipwmdby]:before{left:1rem;top:.85rem}.anleitung[data-astro-cid-5ipwmdby]{margin:1.4rem 0 0;padding-left:1.2rem;display:grid;gap:.6rem}.anleitung[data-astro-cid-5ipwmdby] li[data-astro-cid-5ipwmdby]{padding-left:.3rem}.tipp[data-astro-cid-5ipwmdby]{margin:1.8rem auto 0;padding:1.1rem 1.3rem;background:var(--color-bg-soft);border-left:4px solid var(--color-primary);border-radius:0 var(--radius) var(--radius) 0}.tipp[data-astro-cid-5ipwmdby] p[data-astro-cid-5ipwmdby]{margin:0}.tipp--kontakt[data-astro-cid-5ipwmdby]{background:#fff}.probleme[data-astro-cid-5ipwmdby]{display:grid;gap:1rem;margin-top:1.4rem}@media(min-width:720px){.probleme[data-astro-cid-5ipwmdby]{grid-template-columns:1fr 1fr}}.probleme[data-astro-cid-5ipwmdby] h3[data-astro-cid-5ipwmdby]{margin-top:0;font-size:1.05rem}.probleme[data-astro-cid-5ipwmdby] p[data-astro-cid-5ipwmdby]{margin-bottom:0}.hinweis[data-astro-cid-5ipwmdby]{margin-top:1.2rem;color:var(--color-muted);font-size:.95rem}.weiter__liste[data-astro-cid-5ipwmdby]{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:.6rem}.weiter__liste[data-astro-cid-5ipwmdby] a[data-astro-cid-5ipwmdby]{font-weight:600}@media print{.inhalt[data-astro-cid-5ipwmdby],.btn[data-astro-cid-5ipwmdby]{display:none}.section[data-astro-cid-5ipwmdby]{padding-block:1.2rem}.section--soft[data-astro-cid-5ipwmdby],.tipp[data-astro-cid-5ipwmdby],.haken--check[data-astro-cid-5ipwmdby] li[data-astro-cid-5ipwmdby]{background:transparent}.card[data-astro-cid-5ipwmdby],.haken--check[data-astro-cid-5ipwmdby] li[data-astro-cid-5ipwmdby],.probleme[data-astro-cid-5ipwmdby] .card[data-astro-cid-5ipwmdby]{break-inside:avoid;border-color:#ccc;box-shadow:none}h2[data-astro-cid-5ipwmdby]{break-after:avoid}a[data-astro-cid-5ipwmdby][href^="/"]:after{content:" (mymusicschool.de" attr(href) ")";font-size:.8em;color:#666}a[data-astro-cid-5ipwmdby][href^=http]:after{content:" (" attr(href) ")";font-size:.8em;color:#666}}