/* Silbermuschel Chakren – im Silbermuschel-Aussehen, überall Comic Sans MS.
   Grundgerüst wie Feng Shui und Ayurveda (von Gordon abgenommen): ein Kasten
   auf einen Bildschirm, Leiste unten, Musik-Knopf oben rechts, kräftige Abwehr
   gegen das Theme. Farben: zartes Lavendel und Perlmutt, die Figur auf einem
   Nachthimmel, die sieben Chakren in ihren Regenbogenfarben. */

.sch-w, .sch-box, .sch-druck{
  --w-creme:#fbf3e4; --w-perg:#fffdf8; --w-moos:#5b4a8b; --w-moos-tief:#3a2f63;
  --w-gold:#c9a24a; --w-safran:#e9b949; --w-lotus:#f2c4cc; --w-tinte:#352f45; --w-rand:#e2d8ee;
  --w-leise:#625a78;
}
.sch-w, .sch-w *, .sch-box, .sch-box *{
  font-family:"Comic Sans MS","Comic Neue","Comic Sans","Chalkboard SE","Segoe Print",cursive !important;
  box-sizing:border-box;
  letter-spacing:normal !important; hyphens:manual !important; -webkit-hyphens:manual !important;
  word-break:normal !important; overflow-wrap:break-word; text-transform:none !important;
}

/* --- Der Kasten ------------------------------------------------------ */
.sch-w{
  position:relative; overflow:hidden; isolation:isolate;
  max-width:1000px; margin:12px auto !important; border-radius:22px;
  border:1px solid var(--w-rand); color:var(--w-tinte); text-align:left;
  background:
    radial-gradient(110% 70% at 50% 0%, rgba(167,127,216,.22) 0%, rgba(167,127,216,0) 60%),
    radial-gradient(80% 70% at 100% 100%, rgba(62,155,217,.14) 0%, rgba(62,155,217,0) 70%),
    radial-gradient(70% 60% at 0% 100%, rgba(238,138,60,.14) 0%, rgba(238,138,60,0) 70%),
    linear-gradient(180deg,#fdfaff 0%,#f8f2fb 60%,#f3f1f8 100%);
  box-shadow:0 18px 40px -24px rgba(90,70,40,.55), inset 0 0 0 4px rgba(255,255,255,.6);
  height:calc(100vh - 24px); height:calc(100svh - 24px); max-height:860px; min-height:520px;
  display:flex; flex-direction:column;
}
.sch-w-licht{position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none}
.sch-w-buehne{position:relative; z-index:1; flex:1 1 auto; min-height:0; display:flex; flex-direction:column; overflow:auto; padding:14px 22px 8px}
.sch-szene{flex:1 1 auto; min-height:0; display:flex; flex-direction:column; animation:schRein .55s cubic-bezier(.2,.7,.2,1) both}
.sch-szene.raus{animation:schRaus .24s ease both}
@keyframes schRein{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
@keyframes schRaus{to{opacity:0;transform:translateY(-8px)}}
@keyframes schAuf{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes schPop{0%{transform:scale(0)}70%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes schVonRechts{from{opacity:0; transform:translateX(36px)}to{opacity:1; transform:none}}
@keyframes schVonLinks{from{opacity:0; transform:translateX(-36px)}to{opacity:1; transform:none}}
@keyframes schSchweben{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes schWelle{to{transform:translateX(60px)}}
@keyframes schAtmen{0%,100%{opacity:.45}50%{opacity:.75}}

.sch-w h2,.sch-w h3,.sch-w h4{color:var(--w-moos-tief); margin:0; line-height:1.22; font-weight:700; padding:0; border:0; background:none; text-align:left}
.sch-w h2:focus,.sch-w h3:focus{outline:none}
.sch-w h2{font-size:clamp(1.3rem,2.4vw,1.8rem)}
.sch-w h3{font-size:1.15rem}
.sch-w h4{font-size:1rem}
.sch-w p{margin:0; line-height:1.5}
.sch-w ul,.sch-w ol{margin:0; padding:0}
.sch-w li{margin:0}
.sch-w a{opacity:1 !important}
.sch-w svg{overflow:visible; max-width:100%}
.sch-w img{border:0 !important; box-shadow:none !important; margin:0 !important; max-width:100%}
.sch-w .sch-ic{width:1.1em; height:1.1em; display:inline-block; vertical-align:-.16em; flex:0 0 auto}
.sch-unter{color:var(--w-leise); font-size:.93rem}
.sch-klein-hinweis{font-size:.8rem !important; color:var(--w-leise); line-height:1.4 !important}
.sch-hinweis-text{font-size:.9rem !important; color:var(--w-leise)}
.sch-feldname{font-weight:700; color:var(--w-moos-tief); font-size:.92rem !important; margin:0 0 5px !important}

/* --- Knöpfe: Abwehr gegen das Theme ------------------------------------ */
.sch-w button, .sch-w select, .sch-w input{margin:0 !important; box-shadow:none !important; text-shadow:none !important; letter-spacing:normal !important; max-width:100%}
.sch-w button{cursor:pointer; width:auto !important; flex:0 0 auto; gap:0 !important; font-weight:400; min-height:0; line-height:1.2; border-radius:0}
.sch-w button:disabled{cursor:default; opacity:.4}
.sch-w button:focus{outline:none !important}
.sch-w button:focus-visible{outline:2px solid #b79a48 !important; outline-offset:2px}
.sch-w button::before,.sch-w button::after,.sch-box a::before,.sch-box a::after,.sch-w a::before,.sch-w a::after{content:none !important; display:none !important}

.sch-w .sch-knopf{
  display:inline-flex !important; align-items:center; justify-content:center; gap:7px !important;
  font-size:.95rem !important; padding:7px 16px !important; min-height:38px !important; line-height:1.15 !important; text-decoration:none !important; white-space:nowrap;
  border:1px solid #c9a24a !important; border-radius:999px !important;
  background:linear-gradient(180deg,#fff8ea 0%,#f4e3c2 100%) !important; color:#3a2f1c !important;
  transition:background .25s, color .25s, transform .2s}
.sch-w .sch-knopf:not(:disabled):hover,.sch-w .sch-knopf:focus-visible{background:var(--w-moos) !important; color:#f3effa !important; border-color:var(--w-moos-tief) !important; transform:translateY(-1px)}
.sch-w .sch-knopf.haupt{background:var(--w-moos) !important; color:#f6f2fc !important; border-color:var(--w-moos-tief) !important}
.sch-w .sch-knopf.haupt:not(:disabled):hover{background:var(--w-moos-tief) !important}
.sch-w .sch-klein{padding:5px 13px !important; min-height:34px !important; font-size:.88rem !important}
.sch-w .sch-gross{font-size:1.05rem !important; padding:10px 22px !important; min-height:46px !important}
.sch-w .sch-pfeil-knopf{width:44px !important; padding:0 !important}
.sch-w .sch-link{display:inline-flex !important; align-items:center; gap:6px !important; background:none !important; border:0 !important;
  color:var(--w-moos) !important; text-decoration:underline !important; text-underline-offset:3px; padding:4px 2px !important; font-size:.9rem !important}
.sch-w .sch-link:hover{color:var(--w-moos-tief) !important}
.sch-w .sch-mini-knopf{display:inline-flex !important; align-items:center; justify-content:center; width:34px !important; height:34px !important; padding:0 !important;
  border-radius:50% !important; border:1px solid #c9a24a !important; background:#fffdf8 !important; color:var(--w-moos-tief) !important; font-size:1.05rem !important}
.sch-w .sch-mini-knopf:hover{background:var(--w-moos) !important; color:#fff !important}
.sch-knopfzeile{display:flex !important; gap:8px; align-items:center; flex-wrap:wrap; flex:0 0 auto; margin-top:8px}
.sch-knopfzeile.sch-mitte{justify-content:center}
.sch-zaehler{font-size:.85rem; color:var(--w-leise); min-width:54px; text-align:center}

.sch-w .sch-nav{display:flex !important; gap:10px; align-items:center; margin:0 0 8px; flex:0 0 auto}
.sch-w .sch-zurueck-knopf{display:inline-flex !important; align-items:center; height:32px !important; padding:0 14px !important; white-space:nowrap;
  border-radius:999px !important; border:1px solid #c9a24a !important; background:rgba(255,253,248,.92) !important; color:#3b3427 !important; font-size:.86rem !important; transition:background .2s,color .2s,transform .2s}
.sch-w .sch-zurueck-knopf:hover{background:var(--w-moos) !important; color:#fff !important; transform:translateX(-2px)}
.sch-nav-kat{font-size:.82rem; color:var(--w-leise); margin-left:auto}

.sch-kopf{display:flex; gap:12px; align-items:center; flex:0 0 auto; margin:0 0 10px}
.sch-kopf-ic{flex:0 0 44px; width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.35rem;
  color:#8a6a1f; background:radial-gradient(circle at 35% 30%,#fff,#fbe6b8 75%); border:1px solid #ecd59a}
.sch-kopf-text{min-width:0}
.sch-kopf .sch-unter{font-size:.88rem; line-height:1.38}

.sch-sek{flex:1 1 auto; min-height:0; display:flex; flex-direction:column}
.sch-rumpf{flex:1 1 auto; min-height:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:20px; align-items:stretch}
.sch-rumpf > *{min-height:0; min-width:0}

/* --- Fußleiste --------------------------------------------------------- */
.sch-w .sch-fussleiste{position:relative; z-index:5; flex:0 0 auto; display:flex !important; justify-content:center; gap:2px; flex-wrap:nowrap;
  padding:7px 8px 9px; border-top:1px solid rgba(234,219,191,.9); background:rgba(255,253,248,.6); margin:0}
.sch-w .sch-leisten-knopf{display:inline-flex !important; align-items:center; justify-content:center; gap:5px !important;
  height:34px !important; padding:0 9px !important; border-radius:999px !important; font-size:.78rem !important; white-space:nowrap;
  border:1px solid transparent !important; background:transparent !important; color:#5a5140 !important; transition:background .2s,color .2s,border-color .2s; min-width:0}
.sch-w .sch-leisten-knopf span{overflow:hidden; text-overflow:ellipsis; max-width:130px}
.sch-w .sch-leisten-knopf:hover{background:#fffdf8 !important; border-color:var(--w-rand) !important; color:var(--w-moos-tief) !important}
.sch-w .sch-leisten-knopf[aria-current="page"]{background:var(--w-moos) !important; color:#f6f2fc !important; border-color:var(--w-moos-tief) !important}
.sch-w .sch-musik-knopf{margin-left:6px !important; border-color:#e2cf9e !important; background:rgba(255,253,248,.9) !important}
.sch-w .sch-musik-knopf[aria-pressed="false"]{color:#9a9277 !important}
.sch-w .sch-leisten-knopf.nur-klein{display:none !important}
/* 1.0.1: Die Leiste misst selbst (JS) – Stufen statt fester Bildschirmbreiten. */
.sch-w .sch-fussleiste{justify-content:safe center}
.sch-w .sch-leisten-knopf{flex-shrink:0}
.sch-w .sch-musik-knopf span{max-width:150px}
.sch-w .sch-fussleiste.eng .sch-leisten-knopf:not(.sch-musik-knopf):not([aria-current="page"]) span{display:none}
.sch-w .sch-fussleiste.eng .sch-leisten-knopf:not(.sch-musik-knopf){padding:0 9px !important; font-size:.95rem !important}
.sch-w .sch-fussleiste.enger .sch-leisten-knopf:not(.sch-musik-knopf) span{display:none}
.sch-w .sch-fussleiste.enger .sch-musik-knopf span{max-width:90px}
.sch-w .sch-fussleiste.mit-mehr .sch-leisten-knopf.nur-klein{display:inline-flex !important}
.sch-w .sch-leisten-knopf.ausgelagert{display:none !important}
.sch-w .sch-fussleiste.knapp .sch-musik-knopf span{display:none}
.sch-w .sch-fussleiste.knapp .sch-musik-knopf{margin-left:2px !important}

/* --- Fenster ------------------------------------------------------------ */
.sch-overlay{position:absolute; inset:0; z-index:20; background:rgba(60,50,30,.32); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
  display:flex; align-items:center; justify-content:center; padding:14px; animation:schRein .3s both}
.sch-overlay-kasten{position:relative; max-width:700px; width:100%; max-height:100%; overflow:auto; background:#fffdf8; border-radius:18px;
  border:1px solid var(--w-rand); padding:14px 20px 18px; box-shadow:0 20px 40px -20px rgba(0,0,0,.5); color:var(--w-tinte); scrollbar-color:#c9a24a #f3ead2}
.sch-overlay-kasten.klein{max-width:520px}
.sch-overlay-kasten h3{margin:2px 40px 10px 0 !important}
.sch-overlay-kasten p{margin:0 0 8px !important; font-size:.95rem}
.sch-w .sch-overlay-zu{position:absolute; top:10px; right:10px; z-index:2; display:flex !important; align-items:center; justify-content:center;
  width:38px !important; height:34px !important; padding:0 !important; border-radius:999px !important; border:1px solid #c9a24a !important; background:#fff !important;
  color:var(--w-moos-tief) !important; font-size:1.35rem !important; line-height:1 !important}
.sch-w .sch-overlay-zu:hover{background:var(--w-moos) !important; color:#fff !important}
.sch-quellen{list-style:disc !important; margin:0 0 10px 20px !important}
.sch-quellen li{margin:0 0 4px !important; font-size:.9rem}
.sch-quellen a{color:var(--w-moos) !important}
.sch-mehr-raster{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px}
.sch-w .sch-mehr-kachel span{min-width:0; white-space:normal; line-height:1.2}
.sch-w .sch-mehr-kachel{display:flex !important; align-items:center; gap:10px !important; width:100% !important; padding:10px 12px !important; border-radius:14px !important;
  border:1px solid var(--w-rand) !important; background:#fffaf0 !important; color:var(--w-tinte) !important; font-size:.92rem !important; text-align:left}
.sch-w .sch-mehr-kachel .sch-ic{font-size:1.3rem; color:#8a6a1f}
.sch-w .sch-mehr-kachel.an{background:var(--w-moos) !important; color:#fff !important}
.sch-w .sch-mehr-kachel.an .sch-ic{color:#fff}

/* --- Chips, Reiter, Felder ---------------------------------------------- */
.sch-chips{display:flex !important; flex-wrap:wrap; gap:6px; align-items:center}
.sch-w .sch-chip{display:inline-flex !important; align-items:center; gap:6px !important; padding:5px 13px !important; border-radius:999px !important; font-size:.88rem !important;
  border:1px solid var(--w-rand) !important; background:rgba(255,253,248,.92) !important; color:var(--w-tinte) !important; transition:background .2s,border-color .2s,transform .2s}
.sch-w .sch-chip:hover{border-color:var(--w-gold) !important; transform:translateY(-1px)}
.sch-w .sch-chip.farbig::before{content:"" !important; display:inline-block !important; width:10px; height:10px; border-radius:50%; background:var(--d)}
.sch-w .sch-chip[aria-pressed="true"]{background:var(--w-moos) !important; color:#fff !important; border-color:var(--w-moos-tief) !important}
.sch-w .sch-chip.farbig[aria-pressed="true"]{background:var(--d) !important; color:#2b2416 !important; border-color:rgba(0,0,0,.25) !important}
.sch-w .sch-chip.farbig[aria-pressed="true"]::before{background:#fffdf8}
.sch-chips.klein .sch-chip{padding:3px 10px !important; font-size:.82rem !important}
.sch-mitte-chips{justify-content:center; flex:0 0 auto; margin:0 0 8px}
.sch-reiter{display:flex !important; gap:3px; border-bottom:2px solid var(--w-rand); flex:0 0 auto; margin:4px 0 0; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none}
.sch-reiter::-webkit-scrollbar{display:none}
.sch-w .sch-reiter-knopf{display:inline-flex !important; align-items:center; padding:7px 11px !important; font-size:.88rem !important; white-space:nowrap;
  border:0 !important; border-bottom:3px solid transparent !important; margin-bottom:-2px !important; background:transparent !important; color:var(--w-leise) !important; border-radius:8px 8px 0 0 !important}
.sch-w .sch-reiter-knopf:hover{color:var(--w-moos-tief) !important; background:rgba(255,253,248,.7) !important}
.sch-w .sch-reiter-knopf[aria-selected="true"]{color:var(--w-moos-tief) !important; border-bottom-color:var(--w-safran) !important; font-weight:700; background:rgba(255,253,248,.85) !important}
.sch-tafel{flex:1 1 auto; min-height:0; overflow:auto; padding:10px 6px 4px 0; scrollbar-color:#c9a24a #f3ead2}
.sch-tafel.neu > *{animation:schAuf .4s both}
.sch-w .sch-eingabe, .sch-w .sch-auswahl{font-size:.95rem !important; padding:6px 12px !important; height:38px !important; border-radius:12px !important; border:1px solid #c9a24a !important;
  background:#fffdf8 !important; color:var(--w-tinte) !important; width:100% !important; outline:none; min-width:0; line-height:1.2 !important}
.sch-w .sch-eingabe:focus,.sch-w .sch-auswahl:focus{border-color:var(--w-moos) !important}
.sch-w .sch-auswahl{cursor:pointer; padding-right:6px !important; width:auto !important}

/* ============ 1. START ============ */
.sch-start{display:grid !important; grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr); gap:20px}
.sch-start-bild{position:relative; border-radius:22px; overflow:hidden; border:1px solid var(--w-rand); min-height:0; background:#fbe6d4}
.sch-landschaft{position:absolute; inset:0; width:100%; height:100%; display:block; max-width:none !important}
.sch-sonne{animation:schAtmen 6s ease-in-out infinite}
.sch-wellen path{animation:schWelle 7s linear infinite}
.sch-wellen path:nth-child(2){animation-duration:9s; animation-direction:reverse}
.sch-wellen path:nth-child(3){animation-duration:11s}
.sch-schwebe{animation:schSchweben 6s ease-in-out infinite}
.sch-lotus{animation:schAuf 1.2s .2s both}
.sch-start-panel{display:flex; flex-direction:column; justify-content:center; gap:10px; min-height:0}
.sch-w .sch-seitentitel{font-size:clamp(1.7rem,3.2vw,2.4rem) !important}
.sch-einleitung{font-size:.98rem !important}
.sch-start-zeile{display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:8px}
.sch-w .sch-typ-knopf,.sch-w .sch-heute{display:flex !important; align-items:center; gap:10px !important; width:100% !important; text-align:left;
  padding:8px 10px !important; border-radius:16px !important; border:1px solid #ecd59a !important; background:linear-gradient(90deg,#fdf1d4,#fffdf8) !important;
  color:var(--w-tinte) !important; font-size:.88rem !important; line-height:1.3 !important; transition:transform .25s,border-color .25s; animation:schAuf .6s .1s both}
.sch-w .sch-typ-knopf:hover,.sch-w .sch-heute:hover{transform:translateY(-2px); border-color:var(--w-gold) !important}
.sch-w .sch-typ-knopf small,.sch-w .sch-heute small{display:block; font-size:.72rem; color:#8a6a1f; font-weight:700}
.sch-w .sch-typ-knopf > span:last-child,.sch-heute-text{display:block; min-width:0}
.sch-typ-punkte{flex:0 0 auto; display:flex; gap:3px}
.sch-typ-punkte i{width:16px; height:30px; border-radius:8px; display:block; border:1px solid rgba(0,0,0,.12)}
.sch-typ-punkte.leer{width:36px; height:36px; border-radius:50%; align-items:center; justify-content:center; background:#fffdf8; border:1px dashed #c9a24a; color:#8a6a1f; font-size:1.1rem}
.sch-heute-ic{flex:0 0 36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.15rem; background:#fffdf8; border:1px solid #ecd59a; color:#8a6a1f}
.sch-kacheln{display:grid; grid-template-columns:repeat(2,1fr); gap:7px}
.sch-w .sch-kachel{display:flex !important; align-items:center; gap:9px !important; width:100% !important; text-align:left;
  padding:7px 9px !important; border-radius:14px !important; border:1px solid var(--w-rand) !important; background:rgba(255,253,248,.9) !important;
  color:var(--w-tinte) !important; line-height:1.22 !important; transition:transform .25s,border-color .25s; animation:schAuf .5s both}
.sch-w .sch-kachel:hover{transform:translateY(-2px); border-color:var(--w-gold) !important; background:#fffdf8 !important}
.sch-kachel-ic{flex:0 0 34px; width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.1rem;
  background:radial-gradient(circle at 35% 30%,#fff,#fbe6b8 80%); border:1px solid #ecd59a; color:#8a6a1f}
.sch-kachel-text{display:block; min-width:0}
.sch-kachel-text b{display:block; font-size:.93rem; color:var(--w-moos-tief)}
.sch-kachel-text small{display:block; font-size:.74rem; color:var(--w-leise)}

/* ============ 2. TEST ============ */
.sch-test{align-items:stretch}
.sch-fortschritt{display:flex; gap:12px; align-items:center; flex:0 0 auto; margin:0 0 6px}
.sch-fortschritt-text{font-size:.82rem; color:var(--w-leise); white-space:nowrap}
.sch-fortschritt-balken{flex:1 1 auto; height:10px; border-radius:6px; background:#f1e6cc; overflow:hidden}
.sch-fortschritt-balken i{display:block; height:100%; border-radius:6px; background:linear-gradient(90deg,#9fb3d9,#eba27c,#9cc59a); transition:width .5s cubic-bezier(.3,1,.4,1)}
.sch-frage-buehne{flex:1 1 auto; min-height:0; display:flex; align-items:center; justify-content:center; overflow:hidden}
.sch-frage{width:100%; max-width:640px; display:flex; flex-direction:column; gap:12px}
.sch-frage.von-rechts{animation:schVonRechts .45s cubic-bezier(.2,.8,.2,1) both}
.sch-frage.von-links{animation:schVonLinks .45s cubic-bezier(.2,.8,.2,1) both}
.sch-frage-kat{align-self:flex-start; font-size:.78rem; padding:2px 12px; border-radius:999px; background:#fbe6b8; color:#6b4f12; font-weight:700}
.sch-w .sch-frage h3{font-size:clamp(1.2rem,2.4vw,1.55rem) !important}
.sch-antworten{display:flex; flex-direction:column; gap:8px}
.sch-w .sch-antwort{display:flex !important; align-items:center; gap:12px !important; width:100% !important; text-align:left; padding:11px 14px !important;
  border-radius:16px !important; border:1px solid var(--w-rand) !important; background:rgba(255,253,248,.95) !important; color:var(--w-tinte) !important;
  font-size:1rem !important; line-height:1.35 !important; transition:transform .2s,border-color .2s,background .2s; animation:schAuf .4s both}
.sch-w .sch-antwort i{flex:0 0 30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-style:normal; font-weight:700; background:#fbe6b8; color:#6b4f12}
.sch-w .sch-antwort:hover{transform:translateX(3px); border-color:var(--w-gold) !important}
.sch-w .sch-antwort.gewaehlt{background:#efe9fa !important; border-color:var(--w-moos) !important}
.sch-w .sch-antwort.gewaehlt i{background:var(--w-moos); color:#fff}
/* ============ 9. GESCHICHTE ============ */
.sch-zeitleiste{position:relative; display:flex !important; flex:0 0 auto; overflow-x:auto; scrollbar-width:none; margin:0 0 10px; padding:2px 0}
.sch-zeitleiste::-webkit-scrollbar{display:none}
.sch-zeitleiste::before{content:""; position:absolute; left:18px; right:18px; top:12px; height:2px; background:#eadbbf}
.sch-w .sch-zeitpunkt{position:relative; flex:1 0 84px !important; display:flex !important; flex-direction:column; align-items:center; gap:4px !important; padding:4px 2px !important;
  border:0 !important; background:transparent !important; color:var(--w-leise) !important; font-size:.7rem !important; line-height:1.15 !important; text-align:center}
.sch-zeitpunkt i{width:14px; height:14px; border-radius:50%; background:#fffdf8; border:2px solid #d8bf86; transition:transform .3s, background .3s}
.sch-zeitpunkt.vorbei i{background:#f0d58f}
.sch-zeitpunkt.an i{background:var(--w-moos); border-color:var(--w-moos); transform:scale(1.35)}
.sch-w .sch-zeitpunkt.an{color:var(--w-moos-tief) !important; font-weight:700}
.sch-hist-buehne{flex:1 1 auto; min-height:0; position:relative; overflow:hidden}
.sch-hist-karte{position:absolute; inset:0; display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:22px; align-items:center;
  background:rgba(255,253,248,.88); border:1px solid var(--w-rand); border-radius:20px; padding:16px 20px}
.sch-hist-karte.von-rechts{animation:schVonRechts .5s cubic-bezier(.2,.8,.2,1) both}
.sch-hist-karte.von-links{animation:schVonLinks .5s cubic-bezier(.2,.8,.2,1) both}
.sch-hist-bild{margin:0; height:100%; min-height:0; display:flex; flex-direction:column; align-items:center; justify-content:center}
.sch-hist-bild img{display:block; max-width:100%; max-height:100%; min-height:0; object-fit:contain; border-radius:14px; background:#fbf6ea; border:1px solid var(--w-rand) !important}
.sch-hist-bild.ist-foto img{object-fit:cover}
.sch-hist-bild figcaption{font-size:.72rem; color:var(--w-leise); margin-top:4px; text-align:center; font-style:italic}
.sch-hist-text{min-height:0; max-height:100%; overflow:auto; padding-right:4px}
.sch-hist-jahr{display:inline-block; font-size:.8rem; padding:2px 12px; border-radius:999px; background:#f0d58f; color:#5a4a1a; font-weight:700; margin:0 0 6px}
.sch-hist-text h3{font-size:1.3rem !important; margin:0 0 8px !important}
.sch-hist-text p{font-size:.96rem !important; line-height:1.6 !important}
.sch-w .sch-quellen-knopf{margin-left:14px !important; font-size:.82rem !important}

/* ============ 10. IMPULS ============ */
.sch-impuls{align-items:center; justify-content:center; gap:10px}
.sch-impuls-karte{position:relative; max-width:640px; width:100%; text-align:center; padding:26px 30px 22px; border-radius:26px; overflow:hidden;
  background:radial-gradient(90% 70% at 50% 0%,var(--dh),#fffdf8 75%); border:1px solid var(--d); box-shadow:0 16px 34px -24px rgba(90,70,40,.6); animation:schAuf .7s both}
.sch-impuls-zeichen{width:84px; height:84px; margin:0 auto 10px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:2.6rem;
  background:radial-gradient(circle at 35% 30%,#fff,var(--dh) 55%,var(--d) 125%); color:var(--dt); border:2px solid var(--d); animation:schSchweben 5s ease-in-out infinite}
.sch-impuls-datum{font-size:.85rem !important; color:var(--w-leise); margin:0 0 2px !important}
.sch-w .sch-impuls-titel{text-align:center !important; font-size:1.1rem !important; color:var(--dt) !important; margin:0 0 10px !important}
.sch-impuls-text{margin:0 0 14px !important; padding:0 !important; border:0 !important; background:none !important; font-size:clamp(1.15rem,2.4vw,1.5rem) !important; line-height:1.5 !important;
  color:var(--w-moos-tief); font-style:normal !important; quotes:none}
.sch-impuls-text::before,.sch-impuls-text::after{content:none !important}
.sch-impuls-d{font-size:.88rem !important; color:var(--w-leise)}
.sch-passt{display:inline-block; margin-left:6px; font-size:.76rem; padding:1px 10px; border-radius:999px; background:var(--w-moos); color:#fff}

/* ============ Box ============ */
.sch-box{display:flex; gap:20px; align-items:center; max-width:760px; margin:20px auto; padding:18px 22px; border-radius:22px;
  border:1px solid #eadbbf; background:linear-gradient(135deg,#fdfaff,#f6eefb 55%,#eef3fb); box-shadow:0 12px 28px -20px rgba(90,70,40,.6); color:#3b3427; text-align:left}
.sch-box-bild{flex:0 0 130px; width:130px; height:130px; display:block; border:0 !important; box-shadow:none !important; border-radius:0 !important; margin:0 !important}
.sch-box-text{min-width:0}
.sch-box h3{margin:0 0 4px !important; padding:0 !important; color:#3a2f63; font-size:1.25rem; line-height:1.25; border:0; background:none}
.sch-box p{margin:0 0 12px !important; line-height:1.5; font-size:1rem}
.sch-box a.sch-box-knopf,.sch-box a.sch-box-knopf:visited{display:inline-flex !important; align-items:center; padding:9px 22px !important; border-radius:999px !important;
  background:#5b4a8b !important; color:#f6f2fc !important; border:1px solid #3a2f63 !important; text-decoration:none !important; opacity:1 !important; font-size:1rem; box-shadow:none !important; transition:background .2s}
.sch-box a.sch-box-knopf:hover,.sch-box a.sch-box-knopf:focus{background:#3a2f63 !important; color:#fff !important}
.sch-w a.sch-knopf,.sch-w a.sch-knopf:visited{color:#3a2f1c !important}
@media (max-width:560px){ .sch-box{flex-direction:column; text-align:center} .sch-box-bild{width:110px; height:110px; flex-basis:auto} }

/* ============ Drucken ============ */
.sch-druck{display:none}
@media print{
  html.sch-drucken body > *:not(.sch-druck){display:none !important}
  html.sch-drucken .sch-druck{display:block !important; font-family:"Comic Sans MS","Comic Neue",cursive; color:#222; padding:8mm}
  .sch-druck h1{font-size:20pt; margin:0 0 1mm; color:#3a2f63}
  .sch-druck h2{font-size:13pt; margin:5mm 0 2mm; color:#3a2f63}
  .sch-druck-unter{color:#666; margin:0 0 4mm}
  .sch-druck-zwei{display:flex; gap:8mm}
  .sch-druck-zwei > div:first-child{flex:0 0 65mm}
  .sch-druck li{margin:0 0 1.5mm}
  .sch-druck-fuss{margin-top:6mm; color:#777; font-size:9pt}
}

/* ============ Niedrige Bildschirme am Rechner ============ */
@media (min-width:761px) and (max-height:820px){
  .sch-w-buehne{padding:12px 20px 6px}
  .sch-kopf{margin-bottom:6px}
  .sch-kopf-ic{flex-basis:38px; width:38px; height:38px}
  .sch-impuls-karte{padding:18px 24px 16px}
  .sch-impuls-zeichen{width:70px; height:70px; font-size:2.2rem}
}

/* ============ Handy ============ */
@media (max-width:760px){
  .sch-w{max-height:none; border-radius:16px; margin:8px auto !important}
  .sch-w-buehne{padding:10px 12px 6px}
  .sch-w .sch-fussleiste{padding:5px 4px 7px; gap:4px; justify-content:space-around}
  .sch-w .sch-leisten-knopf{width:44px !important; height:40px !important; padding:0 !important; font-size:1.15rem !important; flex:0 0 44px !important}
  .sch-w .sch-leisten-knopf span{display:none}
  .sch-w .sch-leisten-knopf.nur-gross{display:none !important}
  .sch-w .sch-leisten-knopf.nur-klein{display:inline-flex !important}
  .sch-w .sch-musik-knopf{margin-left:0 !important}
  .sch-w h2{font-size:1.18rem}
  .sch-kopf{gap:9px; margin-bottom:6px}
  .sch-kopf-ic{flex-basis:32px; width:32px; height:32px; font-size:1.05rem}
  .sch-kopf .sch-unter{font-size:.74rem; line-height:1.3}
  .sch-rumpf{grid-template-columns:1fr !important; gap:8px}
  .sch-w .sch-knopf{font-size:.84rem !important; padding:5px 11px !important; min-height:34px !important; gap:5px !important}
  .sch-knopfzeile{margin-top:6px; gap:6px}
  .sch-w .sch-reiter-knopf{padding:5px 8px !important; font-size:.78rem !important}
  .sch-w .sch-chip{padding:4px 10px !important; font-size:.8rem !important}
  .sch-w .sch-zurueck-knopf{height:28px !important; padding:0 10px !important; font-size:.76rem !important}

  .sch-start{grid-template-columns:1fr; grid-template-rows:minmax(90px,1fr) auto; gap:8px}
  .sch-start-panel{justify-content:flex-start; gap:6px}
  .sch-w .sch-seitentitel{font-size:1.35rem !important; text-align:center !important}
  .sch-einleitung{font-size:.78rem !important; line-height:1.35 !important; text-align:center}
  .sch-start-zeile{grid-template-columns:1fr; gap:5px}
  .sch-w .sch-typ-knopf,.sch-w .sch-heute{font-size:.78rem !important; padding:5px 8px !important}
  .sch-heute-ic{flex-basis:30px; height:30px}
  .sch-typ-punkte i{height:24px; width:13px}
  .sch-kacheln{grid-template-columns:repeat(2,1fr); gap:5px}
  .sch-w .sch-kachel{padding:5px 6px !important; gap:6px !important}
  .sch-kachel-ic{flex-basis:28px; width:28px; height:28px; font-size:.95rem}
  .sch-kachel-text b{font-size:.8rem}
  .sch-kachel-text small{font-size:.68rem}
  .sch-w .sch-frage h3{font-size:1.12rem !important}
  .sch-w .sch-antwort{padding:8px 10px !important; font-size:.88rem !important; gap:9px !important}
  .sch-w .sch-antwort i{flex-basis:26px; height:26px}
  .sch-frage{gap:8px}
  .sch-zeitleiste{margin-bottom:6px}
  .sch-w .sch-zeitpunkt{flex:0 0 72px !important; font-size:.68rem !important}
  .sch-hist-karte{grid-template-columns:1fr; grid-template-rows:minmax(90px,34%) minmax(0,1fr); gap:8px; padding:10px 12px; align-items:stretch}
  .sch-hist-text h3{font-size:1.05rem !important; margin-bottom:4px !important}
  .sch-hist-text p{font-size:.82rem !important; line-height:1.48 !important}

  .sch-impuls-karte{padding:18px 16px 16px; border-radius:20px}
  .sch-impuls-zeichen{width:64px; height:64px; font-size:2rem; margin-bottom:6px}
  .sch-impuls-text{font-size:1.08rem !important}
  .sch-mehr-raster{gap:6px}
}
@media (max-width:380px){
  .sch-w .sch-leisten-knopf{width:40px !important; flex:0 0 40px !important}
}
@media (prefers-reduced-motion:reduce){
  .sch-w *, .sch-box *{animation:none !important; transition:none !important}
}

/* --- „Ton erlauben" (14.10.2026), im Stil des Zauberwalds --- */
.sch-tonfrage{position:fixed !important; inset:0 !important; z-index:2147483000 !important; display:flex !important; align-items:center; justify-content:center;
  padding:16px; background:rgba(10,20,14,.35); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); opacity:0; transition:opacity .4s ease; margin:0 !important}
.sch-tonfrage.offen{opacity:1}
.sch-tonfrage-kasten{max-width:460px; width:100%; box-sizing:border-box; padding:22px 26px 24px; border-radius:16px; text-align:center;
  background:#1d3326 !important; color:#e9f1e6 !important; box-shadow:0 18px 50px -12px rgba(0,0,0,.55); border:1px solid rgba(160,200,170,.22);
  font-family:"Comic Sans MS","Comic Neue","Comic Sans","Chalkboard SE",cursive !important; transform:translateY(8px) scale(.98); transition:transform .4s ease}
.sch-tonfrage.offen .sch-tonfrage-kasten{transform:none}
.sch-tonfrage-kasten h3{margin:0 0 8px !important; padding:0 !important; border:0 !important; background:none !important; color:#f3f8f1 !important;
  font:400 1.25rem/1.3 "Comic Sans MS","Comic Neue",cursive !important; text-align:center !important; text-transform:none !important; letter-spacing:0 !important}
.sch-tonfrage-kasten p{margin:0 0 16px !important; color:#d6e3d3 !important; font:400 .95rem/1.5 "Comic Sans MS","Comic Neue",cursive !important; text-align:center !important}
.sch-tonfrage-reihe{display:flex; gap:14px; justify-content:center; flex-wrap:wrap}
.sch-tonfrage-reihe button{appearance:none; cursor:pointer; min-width:120px; padding:9px 20px !important; border-radius:999px !important; margin:0 !important;
  font:400 1rem/1.2 "Comic Sans MS","Comic Neue",cursive !important; letter-spacing:.04em; box-shadow:none !important; text-transform:none !important;
  border:2px solid #e9f1e6 !important; background:transparent !important; color:#f3f8f1 !important; width:auto !important}
.sch-tonfrage-reihe .sch-tonfrage-ja{background:#6f9c80 !important; border-color:#cfe6d6 !important}
.sch-tonfrage-reihe button:hover,.sch-tonfrage-reihe button:focus-visible{background:#86b496 !important; outline:none}
@media (prefers-reduced-motion:reduce){.sch-tonfrage,.sch-tonfrage-kasten{transition:none}}

/* --- 14.10.2026: Musik-Knopf oben rechts im Kasten --- */
.sch-w.mit-musik .sch-w-buehne{padding-right:58px}
.sch-w .sch-musik-oben{position:absolute !important; top:12px; right:12px; z-index:6; width:38px !important; height:38px !important; min-width:0 !important;
  padding:0 !important; margin:0 !important; border-radius:50% !important; display:inline-flex !important; align-items:center; justify-content:center;
  border:1px solid #e2cf9e !important; background:rgba(255,253,248,.95) !important; color:var(--w-moos-tief) !important; box-shadow:0 4px 12px -6px rgba(90,70,40,.5) !important; cursor:pointer}
.sch-w .sch-musik-oben .sch-ic{width:20px; height:20px}
.sch-w .sch-musik-oben.laeuft{background:#5b4a8b !important; color:#fff !important; border-color:#3a2f63 !important; animation:schMusikPuls 2.6s ease-in-out infinite}
.sch-w .sch-musik-oben.aus{color:#9a9277 !important}
.sch-w .sch-musik-oben.aus::after{content:""; position:absolute; left:8px; right:8px; top:50%; height:2px; background:currentColor; transform:rotate(-40deg); border-radius:2px}
@keyframes schMusikPuls{0%,100%{box-shadow:0 0 0 0 rgba(91,74,139,.35)}50%{box-shadow:0 0 0 6px rgba(91,74,139,0)}}
@media (max-width:700px){ .sch-w.mit-musik .sch-w-buehne{padding-right:48px} .sch-w .sch-musik-oben{top:8px; right:8px; width:34px !important; height:34px !important} }
@media (prefers-reduced-motion:reduce){ .sch-w .sch-musik-oben.laeuft{animation:none} }
/* 14.10.2026: auch am Handy mit Beschriftung – Symbol oben, Wort darunter. */
@media (max-width:760px){
  .sch-w .sch-leisten-knopf{flex:1 1 0 !important; width:auto !important; min-width:0 !important; height:46px !important; flex-direction:column !important; gap:1px !important; padding:2px 2px 3px !important; font-size:1.05rem !important}
  .sch-w .sch-leisten-knopf span{display:block !important; font-size:.62rem !important; line-height:1.1; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  .sch-w .sch-fussleiste.eng .sch-leisten-knopf span, .sch-w .sch-fussleiste.enger .sch-leisten-knopf span{display:block !important}
}

/* =====================================================================
   CHAKREN – eigene Teile
   ===================================================================== */
.sch-w .sch-ic{width:1.1em; height:1.1em}
.sch-flut{position:absolute; inset:0; z-index:0; pointer-events:none; opacity:0; color:#e8d7a8;
  background:radial-gradient(75% 85% at 26% 50%, currentColor 0%, rgba(255,255,255,0) 72%);
  transition:opacity 1.8s ease, color 2.4s ease}
.sch-w.flutet .sch-flut{opacity:.46}

/* --- Bühne mit der Lichtgestalt --------------------------------------- */
.sch-fbuehne{position:relative; min-height:0; height:100%; border-radius:20px; overflow:hidden; isolation:isolate;
  background:radial-gradient(110% 85% at 50% 38%, #3d3170 0%, #262052 52%, #15143a 100%); border:1px solid #cbbde6;
  box-shadow:inset 0 0 40px rgba(10,8,30,.45)}
.sch-sterne{position:absolute; inset:0; pointer-events:none; opacity:.8;
  background-image:radial-gradient(1.2px 1.2px at 12% 18%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 82% 12%, #fff 50%, transparent 51%),
    radial-gradient(1.4px 1.4px at 70% 34%, #ffeccf 50%, transparent 51%), radial-gradient(1px 1px at 22% 62%, #fff 50%, transparent 51%),
    radial-gradient(1.2px 1.2px at 90% 72%, #e3dbff 50%, transparent 51%), radial-gradient(1px 1px at 8% 86%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 46% 8%, #fff 50%, transparent 51%), radial-gradient(1.3px 1.3px at 60% 90%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 33% 30%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 95% 40%, #fff 50%, transparent 51%);
  animation:schFunkeln 6s ease-in-out infinite}
@keyframes schFunkeln{0%,100%{opacity:.75}50%{opacity:.35}}
.sch-w svg.sch-figur{position:absolute; inset:6px 4px; width:calc(100% - 8px); height:calc(100% - 12px); display:block; max-width:none}
.sch-fig-aura{transform-box:fill-box; transform-origin:center; animation:schAura 7s ease-in-out infinite}
@keyframes schAura{0%,100%{opacity:.85; transform:scale(1)}50%{opacity:1; transform:scale(1.04)}}
.sch-fig-strahlen{opacity:.16; transform-origin:200px 232px; animation:schDreh 120s linear infinite}
@keyframes schDreh{to{transform:rotate(360deg)}}
.sch-fig-glut{opacity:.5; animation:schGlut 6s ease-in-out infinite}
@keyframes schGlut{0%,100%{opacity:.4}50%{opacity:.62}}
.sch-fig-koerper{opacity:.88}
.sch-fig-kanal{opacity:.4; stroke-dasharray:2 7; animation:schFluss 2.6s linear infinite}
@keyframes schFluss{to{stroke-dashoffset:-18}}
.sch-ck{cursor:pointer; outline:none}
.sch-ck-in{transform-box:fill-box; transform-origin:center; transition:transform .6s cubic-bezier(.3,1.3,.5,1), opacity .6s}
.sch-ck-hof{transform-box:fill-box; transform-origin:center; opacity:.8; animation:schPuls 3.2s ease-in-out infinite; animation-delay:calc(var(--i) * -.45s)}
@keyframes schPuls{0%,100%{transform:scale(.82); opacity:.62}50%{transform:scale(1.08); opacity:.95}}
.sch-ck-ring{opacity:0; transform-box:fill-box; transform-origin:center}
.sch-ck:hover .sch-ck-in,.sch-ck:focus-visible .sch-ck-in{transform:scale(1.22)}
.sch-ck:focus-visible .sch-ck-ring{opacity:.9}
.sch-ck.aktiv .sch-ck-in{transform:scale(1.5)}
.sch-ck.aktiv .sch-ck-hof{animation:schPulsStark 2.4s ease-in-out infinite}
@keyframes schPulsStark{0%,100%{transform:scale(1.05); opacity:.85}50%{transform:scale(1.45); opacity:1}}
.sch-ck.aktiv .sch-ck-ring{animation:schRing 2.4s ease-out infinite}
@keyframes schRing{0%{transform:scale(.9); opacity:.95}100%{transform:scale(2.8); opacity:0}}
.sch-ck-lotus{transform-box:fill-box; transform-origin:center}
.sch-ck.aktiv .sch-ck-lotus{animation:schDreh 24s linear infinite}
/* Start: die Chakren leuchten nacheinander auf, von der Wurzel zur Krone */
.sch-figur.folge .sch-ck-in{animation:schFolge 10s ease-in-out infinite; animation-delay:calc(var(--i) * .9s + .6s)}
@keyframes schFolge{0%,22%,100%{transform:scale(1); opacity:.72}5%{transform:scale(1.55); opacity:1}12%{transform:scale(1.15); opacity:.95}}
/* Testergebnis: Helligkeit nach dem Wert */
.mit-werten .sch-ck-in{opacity:calc(.25 + .75 * var(--w)); transform:scale(calc(.7 + .6 * var(--w)))}
.mit-werten .sch-ck:hover .sch-ck-in{transform:scale(calc(.9 + .6 * var(--w)))}
/* Meditation: nur das aktive Chakra strahlt, besuchte glimmen weiter */
.in-meditation .sch-ck:not(.aktiv) .sch-ck-in{opacity:.42; transform:scale(.82)}
.in-meditation .sch-ck.besucht:not(.aktiv) .sch-ck-in{opacity:.9; transform:scale(1)}
.in-meditation .sch-fig-glut{animation:none; opacity:calc(.3 + .45 * var(--atem, 0))}
.in-meditation .sch-fig-aura{animation:none; transform-box:fill-box; transform-origin:center; transform:scale(calc(.96 + .08 * var(--atem, 0)))}
.alle-an .sch-ck .sch-ck-in,.in-meditation.alle-an .sch-ck:not(.aktiv) .sch-ck-in{opacity:1; transform:scale(1.25)}
.alle-an .sch-fig-kanal{opacity:.85; stroke-width:3}
.sch-figur.mit-bild .sch-fig-kanal{opacity:.25}

/* Hinweis – sanft, aber gut sichtbar */
.sch-w .sch-hinweis{display:flex !important; gap:8px; align-items:flex-start; margin:6px 0 0 !important; padding:7px 11px; border-radius:12px;
  background:rgba(255,253,248,.85); border:1px solid #d9cdea; color:#4f466a; font-size:.82rem !important; line-height:1.4 !important; flex:0 0 auto}
.sch-w .sch-hinweis .sch-ic{flex:0 0 auto; color:#7a64b5; margin-top:1px; width:1.15em; height:1.15em}
.sch-w .sch-hinweis.kurz{font-size:.76rem !important; padding:5px 9px}

/* --- Start --------------------------------------------------------------- */
.sch-start-bild{height:auto}
.sch-w .sch-heute-ic{background:radial-gradient(circle at 35% 30%,#fff,var(--d,#fbe6b8) 140%)}

/* --- Die sieben Chakren --------------------------------------------------- */
.sch-c-links{display:flex; gap:8px; min-height:0}
.sch-c-links .sch-fbuehne{flex:1 1 auto}
.sch-c-liste{flex:0 0 auto; display:flex; flex-direction:column; gap:4px; justify-content:center}
.sch-w .sch-c-eintrag{display:flex !important; align-items:center; gap:7px !important; padding:6px 10px !important; border-radius:999px !important; font-size:.84rem !important;
  border:1px solid var(--w-rand) !important; background:rgba(255,253,248,.92) !important; color:var(--w-tinte) !important; white-space:nowrap; transition:transform .2s, border-color .2s}
.sch-w .sch-c-eintrag:hover{transform:translateX(2px); border-color:#b9a5dc !important}
.sch-w .sch-c-eintrag[aria-selected="true"]{background:var(--w-moos) !important; color:#fff !important; border-color:var(--w-moos-tief) !important}
.sch-punkt{display:inline-block; width:12px; height:12px; border-radius:50%; background:var(--d); box-shadow:0 0 6px var(--d); flex:0 0 auto; vertical-align:-1px}
.sch-c-panel{display:flex; flex-direction:column; min-height:0}
.sch-c-karte{flex:1 1 auto; min-height:0; display:flex; flex-direction:column; border-radius:18px; padding:10px 14px 8px;
  background:linear-gradient(165deg,var(--dh,#f6f0fb),#fffdf8 60%); border:1px solid var(--d,#e4d9ee)}
.sch-c-karte.neu .sch-c-kopf{animation:schAuf .45s both}
.sch-c-kopf{display:flex; gap:12px; align-items:center; flex:0 0 auto}
.sch-w .sch-lotus-gross{flex:0 0 74px; width:74px; height:74px; filter:drop-shadow(0 3px 6px rgba(60,40,90,.25)); animation:schDreh 80s linear infinite}
.sch-c-titel{flex:1 1 auto; min-width:0}
.sch-c-nr{font-size:.74rem; font-weight:700; color:var(--dt); letter-spacing:.02em}
.sch-w .sch-c-titel h3{font-size:1.35rem !important; color:var(--dt) !important}
.sch-c-titel p{font-size:.86rem !important; color:var(--w-leise)}
.sch-c-pfeile{display:flex; gap:6px; flex:0 0 auto}
.sch-fakten{display:grid; grid-template-columns:1fr 1fr; gap:7px 14px; font-size:.9rem; margin:0 0 8px}
.sch-fakten > div{min-width:0}
.sch-fakten .breit{grid-column:1 / -1; display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.sch-fakten i,.sch-themen i{display:flex; align-items:center; gap:4px; font-style:normal; font-size:.74rem; font-weight:700; color:var(--dt,#4a3a7a)}
.sch-fakten .breit i{width:100%}
.sch-farbfeld{display:inline-block; width:14px; height:14px; border-radius:4px; background:var(--d); vertical-align:-2px; margin-right:5px; border:1px solid rgba(0,0,0,.15)}
.sch-bija{font-size:1.3rem; letter-spacing:.06em !important; color:var(--dt)}
.sch-klein{font-size:.8rem; color:var(--w-leise)}
.sch-w .sch-anhoeren.klingt{background:var(--d) !important; color:#fff !important; border-color:var(--dt) !important; animation:schPochen 1s ease-in-out infinite}
@keyframes schPochen{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.sch-symbol{font-size:.86rem !important; font-style:italic; color:var(--w-leise); margin:0 0 6px !important}
.sch-tafel p{margin:0 0 7px !important; font-size:.92rem}
.sch-themen{display:flex; flex-wrap:wrap; gap:5px; align-items:center}
.sch-themen i{width:100%}
.sch-themen span{font-size:.82rem; padding:2px 10px; border-radius:999px; background:#fffdf8; border:1px solid var(--d)}
.sch-steinliste{list-style:none !important; display:flex; flex-direction:column; gap:6px; margin:0 0 8px !important}
.sch-steinliste li{display:flex; gap:10px; align-items:center; font-size:.9rem}
.sch-w .sch-stein{flex:0 0 34px; width:34px; height:29px; filter:drop-shadow(0 2px 2px rgba(0,0,0,.15))}
.sch-steinliste.klein li{font-size:.86rem}
.sch-duefte .sch-ic,.sch-s-karte p .sch-ic{color:var(--dt,#4a3a7a); margin-right:3px}
.sch-waage{display:flex; flex-direction:column; gap:7px}
.sch-waage > div{border-radius:12px; padding:7px 11px; border-left:4px solid var(--d)}
.sch-waage b{display:block; font-size:.86rem; color:var(--dt)}
.sch-waage p{margin:2px 0 0 !important; font-size:.9rem}
.sch-waage .gleich{background:linear-gradient(110deg,var(--dh),rgba(255,253,248,.7))}
.sch-waage .zuviel{background:rgba(255,246,232,.85); border-left-style:dashed}
.sch-waage .zuwenig{background:rgba(243,240,250,.85); border-left-style:dotted}
.sch-aff,.sch-w blockquote.sch-aff{margin:8px 0 12px !important; padding:10px 14px !important; border:0 !important; border-radius:14px; text-align:center;
  background:radial-gradient(90% 120% at 50% 0%,var(--dh),#fffdf8 80%); color:var(--dt); font-size:1.15rem !important; font-style:normal !important; box-shadow:0 0 0 1px var(--d) inset}
.sch-aff::before,.sch-aff::after{content:none !important}

/* --- Test-Ergebnis -------------------------------------------------------- */
.sch-erg-links{display:flex; flex-direction:column; gap:6px; min-height:0}
.sch-erg-links .sch-fbuehne{flex:1 1 auto}
.sch-erg-balken{display:flex; flex-direction:column; gap:3px; flex:0 0 auto}
.sch-zeile-balken{display:grid; grid-template-columns:110px 1fr 42px; gap:8px; align-items:center; font-size:.82rem}
.sch-zeile-balken b{display:flex; align-items:center; gap:6px; font-weight:400; white-space:nowrap}
.sch-zeile-balken span{height:10px; border-radius:7px; background:#ece5f4; overflow:hidden}
.sch-zeile-balken span i{display:block; height:100%; width:var(--w); border-radius:7px; animation:schBalken 1.2s cubic-bezier(.3,1,.4,1) both}
@keyframes schBalken{from{width:0}}
.sch-zeile-balken em{font-style:normal; text-align:right}
.sch-erg-panel{display:flex; flex-direction:column; min-height:0}
.sch-erg-satz{border-radius:14px; padding:10px 13px; background:linear-gradient(150deg,var(--dh),#fffdf8 75%); border:1px solid var(--d); margin:0 0 8px}
.sch-erg-satz > b{display:block; color:var(--w-moos-tief); margin:0 0 4px}
.sch-aff-klein{font-size:1rem !important; color:var(--w-moos-tief); text-align:center; font-weight:700}
.sch-erg-stark{display:flex; gap:8px; align-items:flex-start; font-size:.9rem !important}
.sch-erg-stark .sch-punkt{margin-top:4px}
.sch-erg-block{border-left:4px solid var(--d); background:linear-gradient(120deg,var(--dh),rgba(255,253,248,.85) 70%); border-radius:12px; padding:6px 11px; margin:0 0 6px}
.sch-erg-block.markiert{box-shadow:0 0 0 2px var(--d)}
.sch-erg-block h4{display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin:0 0 2px !important; font-size:.95rem !important}
.sch-erg-block h4 small{font-weight:400; color:var(--w-leise); font-size:.78rem}
.sch-erg-block p{font-size:.86rem !important; margin:0 !important}

/* --- Meditation ---------------------------------------------------------- */
.sch-m-links{display:flex; min-height:0}
.sch-m-links .sch-fbuehne{flex:1 1 auto}
.sch-m-panel{display:flex; flex-direction:column; justify-content:center; gap:6px; min-height:0; overflow:auto}
.sch-w .sch-feldname{font-weight:700; color:var(--w-moos-tief); font-size:.92rem !important; margin:4px 0 2px !important}
.sch-m-tipp{font-size:.86rem !important}
.sch-schalter{display:flex; flex-wrap:wrap; gap:6px; margin:6px 0 0}
.sch-w .sch-schalt{display:inline-flex !important; align-items:center; gap:6px !important; padding:5px 12px !important; border-radius:999px !important; font-size:.84rem !important;
  border:1px dashed #b9a5dc !important; background:rgba(255,253,248,.85) !important; color:var(--w-leise) !important}
.sch-w .sch-schalt[aria-pressed="true"]{border-style:solid !important; background:#efe8fa !important; color:var(--w-moos-tief) !important; border-color:#9b86d0 !important}
.sch-w .sch-schalt[aria-pressed="false"] .sch-ic{opacity:.5}
.sch-schalter.klein{justify-content:center; margin-top:4px}
.sch-schalter.klein .sch-schalt{font-size:.78rem !important; padding:3px 10px !important}
.sch-m-ablauf{display:flex; flex-direction:column; align-items:center; gap:6px; min-height:0; text-align:center}
.sch-m-ablauf .sch-atem{margin-top:auto}
.sch-m-ablauf .sch-m-text{margin-bottom:auto}
.sch-m-titel h2{text-align:center !important; color:var(--dt,#3a2f63) !important; transition:color 1s}
.sch-m-titel p{font-size:.84rem !important; color:var(--w-leise); text-align:center}
.sch-m-zeile{display:flex; justify-content:space-between; width:100%; font-size:.78rem; color:var(--w-leise)}
.sch-w .sch-m-balken{flex:0 0 10px; width:100%; display:block}
.sch-w .sch-m-balken i{background:var(--d,#9b86d0); transition:background 1.4s}
.sch-atem{position:relative; flex:0 0 auto; width:176px; height:176px; display:flex; align-items:center; justify-content:center; margin:2px 0}
.sch-atem .ring{position:absolute; inset:0; border-radius:50%; border:2px dashed var(--d,#9b86d0); opacity:.55; animation:schDreh 40s linear infinite; transition:border-color 1.4s}
.sch-atem .kugel{position:absolute; inset:8px; border-radius:50%; background:radial-gradient(circle at 36% 30%,#fff 0%,var(--dh,#efe9fb) 30%,var(--d,#9b86d0) 100%);
  box-shadow:0 0 34px var(--d,#9b86d0), inset 0 0 18px rgba(255,255,255,.5); transform:scale(.55); transition:background 1.4s, box-shadow 1.4s; will-change:transform}
.sch-atem .wort{position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; color:#2a2340; text-shadow:0 0 8px rgba(255,255,255,.9)}
.sch-atem .wort em{font-style:normal; font-weight:700; font-size:1rem}
.sch-atem .wort span{font-size:.85rem; opacity:.8}
.sch-w .sch-m-text{flex:0 1 auto; min-height:0; overflow:auto; font-size:1.16rem !important; line-height:1.55 !important; color:var(--w-tinte); max-width:520px; padding:0 4px}
.sch-m-text.wechsel{animation:schAuf .9s both}
.sch-med.pausiert .sch-atem .kugel{opacity:.55}
.sch-steuer{display:flex; gap:6px; flex-wrap:wrap; justify-content:center; flex:0 0 auto}
.sch-ende{display:grid !important; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:20px; align-items:stretch}
.sch-ende-text{display:flex; flex-direction:column; justify-content:center; gap:10px}

/* --- Farben & Steine ----------------------------------------------------- */
.sch-steine .sch-rumpf{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.sch-steine .sch-rumpf.ganz{grid-template-columns:1fr}
.sch-steine .sch-rumpf.ganz .sch-s-links{display:none}
.sch-s-links{min-height:0; overflow:auto}
.sch-wuensche{display:grid; grid-template-columns:1fr 1fr; gap:6px}
.sch-w .sch-wunsch{display:flex !important; align-items:center; gap:8px !important; width:100% !important; text-align:left; padding:7px 10px !important; border-radius:14px !important;
  border:1px solid var(--w-rand) !important; background:rgba(255,253,248,.92) !important; color:var(--w-tinte) !important; font-size:.86rem !important; line-height:1.25 !important; transition:transform .2s, border-color .2s, background .2s}
.sch-w .sch-wunsch:hover{transform:translateY(-1px); border-color:var(--d) !important}
.sch-w .sch-wunsch.an{background:linear-gradient(120deg,var(--dh),#fffdf8) !important; border-color:var(--d) !important; box-shadow:0 0 0 1px var(--d) inset !important}
.sch-s-panel{min-height:0; display:flex; flex-direction:column}
.sch-s-karte{flex:1 1 auto; min-height:0; overflow:auto; border-radius:18px; padding:12px 15px; background:linear-gradient(160deg,var(--dh),#fffdf8 65%); border:1px solid var(--d)}
.sch-s-karte.neu{animation:schAuf .45s both}
.sch-s-karte p{font-size:.9rem !important; margin:0 0 8px !important}
.sch-s-kopf{display:flex; gap:12px; align-items:center; margin:0 0 8px}
.sch-s-kopf small{display:block; font-size:.76rem; color:var(--dt); font-weight:700}
.sch-s-kopf h3{color:var(--dt) !important}
.sch-s-kopf p{font-size:.84rem !important; color:var(--w-leise); margin:0 !important}
.sch-s-farbe{flex:0 0 52px; width:52px; height:52px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#fff,var(--d) 60%); box-shadow:0 0 18px var(--d); border:3px solid #fffdf8; animation:schPochen 4s ease-in-out infinite}
.sch-s-farbe.klein{flex-basis:22px; width:22px; height:22px; border-width:2px; animation:none; box-shadow:0 0 8px var(--d)}
.sch-ritual{background:rgba(255,253,248,.8); border-radius:12px; padding:7px 10px; border:1px dashed var(--d)}
.sch-s-leer{flex:1 1 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; text-align:center; color:var(--w-leise); padding:10px}
.sch-w .sch-s-leer svg{width:110px; height:110px; animation:schDreh 60s linear infinite; opacity:.85}
.sch-s-leer p{max-width:340px; font-size:.92rem}
.sch-uebersicht{display:flex; flex-direction:column; gap:6px; padding-right:4px}
.sch-ue-zeile{display:grid; grid-template-columns:140px 1fr minmax(0,.8fr); gap:10px; align-items:center; padding:6px 10px; border-radius:14px; background:linear-gradient(110deg,var(--dh),rgba(255,253,248,.8) 60%); border-left:4px solid var(--d)}
.sch-ue-name{display:flex; align-items:center; gap:7px; flex-wrap:wrap}
.sch-ue-name small{width:100%; font-size:.74rem; color:var(--w-leise); padding-left:29px; margin-top:-4px}
.sch-ue-steine{display:flex; flex-wrap:wrap; gap:3px 10px; font-size:.82rem}
.sch-ue-steine span{display:inline-flex; align-items:center; gap:4px}
.sch-w .sch-ue-steine .sch-stein{width:18px; height:15px; flex:0 0 18px}
.sch-ue-duft{font-size:.8rem; color:var(--w-leise); display:flex; gap:5px; align-items:flex-start}

/* --- Tagesimpuls: Lotus als Zeichen ------------------------------------- */
.sch-w .sch-impuls-zeichen svg{width:100%; height:100%; animation:schDreh 90s linear infinite}
.sch-impuls-zeichen{background:radial-gradient(circle at 50% 50%,#2a2356 0%,#3d3170 60%,var(--d) 140%) !important; padding:6px}
.sch-impuls-c{font-size:.88rem !important; color:var(--w-leise)}

/* Lavendel statt Gold für Zeichen und Startknöpfe */
.sch-kopf-ic,.sch-kachel-ic{color:#6a54a8 !important; background:radial-gradient(circle at 35% 30%,#fff,#e6dcf6 80%) !important; border-color:#d6c8ee !important}
.sch-w .sch-typ-knopf,.sch-w .sch-heute{background:linear-gradient(90deg,#efe7fa,#fffdf8) !important; border-color:#d6c8ee !important}
.sch-w .sch-typ-knopf small,.sch-w .sch-heute small{color:#6a54a8 !important}
.sch-w .sch-typ-knopf:hover,.sch-w .sch-heute:hover,.sch-w .sch-kachel:hover{border-color:#9b86d0 !important}
.sch-typ-punkte.leer{color:#6a54a8 !important; border-color:#9b86d0 !important}
.sch-heute-ic{color:#5a3f8a !important}
.sch-w .sch-mehr-kachel .sch-ic{color:#6a54a8}
.sch-frage-kat{background:#e9e0f7 !important; color:#4a3a7a !important; display:inline-flex; gap:5px; align-items:center}
.sch-w .sch-antwort i{background:#e9e0f7 !important; color:#4a3a7a !important}
.sch-w .sch-antwort.gewaehlt i{background:var(--w-moos) !important; color:#fff !important}
.sch-fortschritt-balken i{background:linear-gradient(90deg,#d8434a,#ee8a3c,#f2c230,#4fb873,#3e9bd9,#5b54c4,#a77fd8) !important}
.sch-w .sch-m-balken i{background:var(--d,#9b86d0) !important}
.sch-hist-jahr{background:#e6dcf6 !important; color:#4a3a7a !important}
.sch-zeitpunkt.vorbei i{background:#cdb9ef !important}
.sch-zeitpunkt i{border-color:#b9a5dc !important}
.sch-zeitleiste::before{background:#e2d8ee !important}
.sch-w .sch-reiter-knopf[aria-selected="true"]{border-bottom-color:#9b86d0 !important}
/* Schmaler Kasten (z. B. 880 px): Figur bekommt mehr Platz, Steuerknöpfe ohne Wort */
.sch-chakren .sch-rumpf{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.sch-m-ablauf{container-type:inline-size}
@container (max-width:440px){
  .sch-steuer .sch-knopf:not(.haupt) span{display:none}
  .sch-w .sch-steuer .sch-knopf:not(.haupt){padding:6px 12px !important}
}

/* --- Niedrige Bildschirme am Rechner (Chakren-Teile) --- */
@media (min-width:761px) and (max-height:820px){
  .sch-atem{width:124px; height:124px}
  .sch-w .sch-m-text{font-size:1.05rem !important}
  .sch-w .sch-lotus-gross{flex-basis:62px; width:62px; height:62px}
  .sch-fakten{gap:5px 12px; font-size:.86rem}
}
/* --- Kasten schmaler als 900 px am Rechner --- */
@media (min-width:761px) and (max-width:980px){
  .sch-c-liste .sch-c-eintrag span{display:none}
  .sch-w .sch-c-eintrag{padding:7px !important}
  .sch-ue-zeile{grid-template-columns:120px 1fr}
  .sch-ue-duft{grid-column:2}
}

/* ============ Handy (Chakren-Teile) ============ */
@media (max-width:760px){
  .sch-start{grid-template-rows:minmax(130px,1fr) auto}
  .sch-w .sch-hinweis{font-size:.7rem !important; padding:4px 8px; margin-top:4px !important}
  .sch-w .sch-hinweis.kurz{font-size:.68rem !important}

  .sch-chakren .sch-rumpf{grid-template-rows:minmax(150px,36%) minmax(0,1fr); gap:6px}
  .sch-c-liste{gap:2px}
  .sch-w .sch-c-eintrag{padding:3px 8px !important; font-size:.72rem !important; gap:5px !important}
  .sch-punkt{width:9px; height:9px}
  .sch-c-karte{padding:7px 9px 5px}
  .sch-w .sch-lotus-gross{flex-basis:46px; width:46px; height:46px}
  .sch-w .sch-c-titel h3{font-size:1.05rem !important}
  .sch-c-titel p{font-size:.72rem !important}
  .sch-c-nr{font-size:.66rem}
  .sch-c-kopf{gap:8px}
  .sch-w .sch-c-pfeile .sch-mini-knopf{width:30px !important; height:30px !important}
  .sch-fakten{grid-template-columns:1fr 1fr; gap:4px 8px; font-size:.78rem}
  .sch-fakten i,.sch-themen i{font-size:.66rem}
  .sch-bija{font-size:1.05rem}
  .sch-tafel p,.sch-symbol{font-size:.8rem !important}
  .sch-steinliste li{font-size:.8rem}
  .sch-waage p{font-size:.8rem}
  .sch-w blockquote.sch-aff{font-size:.98rem !important; padding:7px 10px !important}
  .sch-themen span{font-size:.72rem; padding:1px 8px}

  .sch-ergebnis .sch-rumpf{grid-template-rows:minmax(150px,38%) minmax(0,1fr); gap:6px}
  .sch-erg-balken{display:none}
  .sch-erg-satz{padding:7px 9px}
  .sch-erg-satz p,.sch-erg-stark,.sch-erg-block p{font-size:.78rem !important}
  .sch-erg-block h4{font-size:.84rem !important}

  .sch-med-wahl .sch-rumpf{grid-template-rows:minmax(110px,24%) minmax(0,1fr); gap:6px}
  .sch-m-panel{justify-content:flex-start; gap:3px}
  .sch-w .sch-feldname{font-size:.8rem !important; margin:2px 0 1px !important}
  .sch-m-tipp{font-size:.74rem !important}
  .sch-w .sch-schalt{font-size:.76rem !important; padding:3px 9px !important}
  .sch-med .sch-rumpf{grid-template-rows:minmax(130px,30%) minmax(0,1fr); gap:4px}
  .sch-m-ablauf{gap:3px}
  .sch-m-titel h2{font-size:1.1rem !important}
  .sch-m-titel p{font-size:.72rem !important}
  .sch-atem{width:118px; height:118px}
  .sch-atem .wort em{font-size:.8rem}
  .sch-atem .wort span{font-size:.72rem}
  .sch-w .sch-m-text{font-size:.92rem !important; line-height:1.45 !important}
  .sch-steuer{gap:4px}
  .sch-steuer .sch-knopf span{display:none}
  .sch-w .sch-steuer .sch-knopf.haupt span{display:inline}
  .sch-ende{grid-template-columns:1fr; grid-template-rows:minmax(150px,1fr) auto; gap:8px}
  .sch-ende-text h2{text-align:center !important}
  .sch-ende-text .sch-unter{text-align:center; font-size:.8rem}

  .sch-steine .sch-rumpf{grid-template-columns:1fr !important; grid-template-rows:auto minmax(0,1fr); gap:6px}
  .sch-s-links{max-height:40vh}
  .sch-wuensche{gap:4px}
  .sch-w .sch-wunsch{padding:4px 7px !important; font-size:.72rem !important; gap:5px !important; border-radius:10px !important}
  .sch-s-karte{padding:8px 10px}
  .sch-s-karte p{font-size:.8rem !important}
  .sch-s-farbe{flex-basis:38px; width:38px; height:38px}
  .sch-s-leer svg{width:70px; height:70px}
  .sch-s-leer p{font-size:.8rem}
  .sch-ue-zeile{grid-template-columns:1fr; gap:3px; padding:5px 8px}
  .sch-ue-steine{font-size:.74rem}
  .sch-ue-duft{font-size:.72rem}
}
@media (prefers-reduced-motion:reduce){
  .sch-w svg *, .sch-sterne{animation:none !important}
}