@layer quartz-base{.magie{--mg-rand:color-mix(in srgb, var(--secondary) 35%, transparent);margin:.4rem 0 1.5rem}.magie .mg-titel{margin:2rem 0 .6rem;font-size:1.05rem;font-weight:600}.mg-buehne{border:1px solid var(--mg-rand);background:var(--light);border-radius:18px;padding:1.2rem;position:relative;overflow:hidden;container-type:inline-size}.mg-scan{display:none}.mg-raster{grid-template-columns:1fr;grid-template-areas:"kreis""start""inhalt";gap:1rem 1.6rem;display:grid;position:relative}.mg-kreisspalte{will-change:transform;grid-area:kreis;justify-self:center;width:min(27rem,92%)}.mg-kreis{aspect-ratio:1;width:100%}.mg-kreis svg{width:100%;height:100%;display:block;overflow:visible}.mg-start{text-align:center;grid-area:start}.mg-start p{opacity:.85;max-width:38rem;margin:0 auto .4rem;font-size:.92rem}.mg-inhalt{grid-area:inhalt;min-width:0}.mg-buehne.gewaehlt .mg-start{display:none}.mg-buehne[data-lage=unten] .mg-kreisspalte{width:min(13rem,60%)}.mg-buehne[data-lage=links] .mg-raster{grid-template-columns:minmax(0,1fr) 15rem;grid-template-areas:"inhalt kreis"}.mg-buehne[data-lage=rechts] .mg-raster{grid-template-columns:15rem minmax(0,1fr);grid-template-areas:"kreis inhalt"}.mg-buehne[data-lage=links] .mg-kreisspalte,.mg-buehne[data-lage=rechts] .mg-kreisspalte{align-self:start;width:100%;position:sticky;top:4.5rem}@container (max-width:680px){.mg-buehne[data-lage] .mg-raster{grid-template-columns:1fr;grid-template-areas:"kreis""inhalt"}.mg-buehne[data-lage] .mg-kreisspalte{justify-self:center;width:min(13rem,60%);position:static}}.mg-teil[hidden]{display:none}.mg-ring-dreh{transform-box:view-box;transform-origin:200px 200px;animation:40s linear infinite mg-drehen}.mg-ring-dreh.gegen{animation-duration:26s;animation-direction:reverse}@keyframes mg-drehen{to{transform:rotate(360deg)}}.mg-seg{cursor:pointer;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s,filter .4s}.mg-seg:hover{filter:drop-shadow(0 0 10px var(--mg-f))}.mg-seg:focus,.mg-seg:focus-visible{outline:none!important}.mg-seg:focus-visible{filter:drop-shadow(0 0 12px var(--mg-f))}.magie [tabindex]:focus,.magie [role=button]:focus,.magie svg:focus{outline:none!important}.magie{-webkit-tap-highlight-color:transparent}.mg-seg.aktiv{filter:drop-shadow(0 0 16px var(--mg-f))}.mg-buehne.gewaehlt .mg-seg:not(.aktiv){opacity:.45}.mg-seg text{font-family:var(--codeFont,monospace);letter-spacing:.18em;text-transform:uppercase;fill:#fff;pointer-events:none;paint-order:stroke;stroke:#00000038;stroke-width:3px;font-size:13px;font-weight:600}.mg-kern{animation:3.4s ease-in-out infinite mg-puls}@keyframes mg-puls{0%,to{opacity:.45}50%{opacity:.95}}.mg-mitte{font-family:var(--codeFont,monospace);letter-spacing:.18em;text-transform:uppercase;fill:var(--darkgray);font-size:12px}.magie .mg-teil h3{min-height:1.6em;margin:0 0 .15rem;font-size:1.4rem;color:var(--mg-f,inherit)!important}.magie .mg-teil h3:after{content:"▍";opacity:.6;animation:.8s step-end infinite mg-cursor}.magie .mg-teil h3.fertig:after{content:""}@keyframes mg-cursor{50%{opacity:0}}.mg-teil .zitat{opacity:.85;margin:0 0 .5rem;font-style:italic}.mg-ein{opacity:0;transform:translateY(10px)}.mg-teil.sichtbar .mg-ein{animation:.6s forwards mg-ein}@keyframes mg-ein{to{opacity:1;transform:none}}.mg-teil ul{margin:.3rem 0 .6rem;padding-left:1.1rem}.mg-szene{border:1px solid var(--mg-rand);background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--mg-f,var(--secondary)) 14%, transparent), transparent 70%), color-mix(in srgb, var(--light) 70%, transparent);border-radius:14px;margin:.6rem 0}.mg-szene svg{width:100%;height:auto;max-height:320px;display:block}.mg-boxen{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.6rem;margin:.7rem 0;display:grid}.mg-box{cursor:pointer;background:color-mix(in srgb, var(--light) 88%, transparent);border:1px solid color-mix(in srgb, var(--gray) 35%, transparent);border-radius:10px;padding:.6rem .8rem;font-size:.88rem;transition:opacity .25s,box-shadow .25s,transform .25s;position:relative}.mg-box:hover{transform:translateY(-2px)}.mg-box b{color:var(--mg-f,inherit);margin-bottom:.2rem;display:block}.mg-boxen.fokus .mg-box:not(.an){opacity:.35}.mg-box.an{box-shadow:0 0 0 1.5px var(--mg-f,var(--secondary)), 0 0 18px -4px var(--mg-f,var(--secondary))}.mg-abschnitt>:first-child{margin-top:.8rem}.mg-tafel{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}@container (max-width:760px){.mg-tafel{grid-template-columns:1fr}}.mg-feld{border:1px solid color-mix(in srgb, var(--mg-f,var(--secondary)) 40%, transparent);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.magie .mg-tafel .mg-feld>h4{letter-spacing:.02em;font-size:.98rem;color:#fff!important;background:linear-gradient(90deg, var(--mg-f,var(--secondary)), color-mix(in srgb, var(--mg-f,var(--secondary)) 55%, var(--light)))!important;border:0!important;border-radius:0!important;margin:0!important;padding:.65rem 1.4rem!important}.mg-feld-gitter{background:color-mix(in srgb, var(--mg-f,var(--secondary)) 25%, var(--light));flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.mg-feld-gitter>.mg-metall:last-child:nth-child(odd){grid-column:1/-1}.mg-metall{background:var(--light);padding:.75rem 1.4rem;font-size:.84rem;line-height:1.4}.mg-metall .kopfzeile{justify-content:space-between;align-items:center;gap:.3rem;margin-bottom:.15rem;display:flex}.mg-metall .name{color:var(--dark);font-size:.92rem;font-weight:600}.mg-metall .art{border:1px solid var(--mg-f,var(--secondary));color:var(--mg-f,var(--secondary));white-space:nowrap;border-radius:999px;padding:.05rem .4rem;font-size:.66rem}.mg-metall.extern .art{background:var(--mg-f,var(--secondary));color:#fff}.mg-metall .titel{opacity:.7;font-size:.72rem;font-style:italic;display:block}.mg-blob circle.form{animation:mg-wabern var(--d,9s) ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50%}@keyframes mg-wabern{0%{transform:translate(0)scale(1)}50%{transform:translate(var(--x1,6px), var(--y1,-5px)) scale(1.14)}to{transform:translate(var(--x2,-5px), var(--y2,6px)) scale(.9)}}.mg-szene [data-ziel]{cursor:pointer;transition:opacity .3s}.mg-szene .mg-strang{fill:none;stroke-width:2px;stroke-dasharray:5 6;opacity:.75;animation:2.2s linear infinite mg-fliessen}@keyframes mg-fliessen{to{stroke-dashoffset:-22px}}.mg-szene.fokus [data-ziel]:not(.an){opacity:.2}.mg-szene text.etikett{font-family:var(--bodyFont,inherit);fill:var(--darkgray);pointer-events:none;font-size:12px;font-weight:600}.mg-mote{animation:mg-schweben var(--d,6s) ease-in-out infinite alternate}@keyframes mg-schweben{to{transform:translate(var(--x1,20px), var(--y1,-20px));opacity:.2}}.mg-bohr{animation:14s ease-in-out infinite mg-bohr}.mg-orbitale{opacity:0;pointer-events:none;animation:14s ease-in-out infinite mg-orbitale}@keyframes mg-bohr{0%,62%,88%,to{opacity:1}68%,82%{opacity:.08}}@keyframes mg-orbitale{0%,62%,88%,to{opacity:0}68%,82%{opacity:.85}}.mg-elektron{filter:drop-shadow(0 0 4px)}.mg-spiegel{transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out infinite alternate mg-schwanken}@keyframes mg-schwanken{to{opacity:.45;transform:skew(10deg)scale(1.06)}}.mg-loch{animation:2.2s ease-in-out infinite mg-puls}.mg-karten{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.9rem;margin-top:.8rem;display:grid}.mg-karte{cursor:pointer;isolation:isolate;color:var(--darkgray);border:1px solid var(--mg-rand);border-radius:14px;padding:1rem 1.1rem;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;position:relative;overflow:hidden}.mg-karte:before{content:"";aspect-ratio:1;z-index:-2;pointer-events:none;background:conic-gradient(from 0deg, transparent 0deg, transparent 150deg, color-mix(in srgb, var(--secondary) 20%, transparent) 210deg, var(--secondary) 270deg, color-mix(in srgb, var(--secondary) 20%, transparent) 330deg, transparent 360deg);filter:blur(10px);opacity:0;width:180%;transition:opacity .5s;animation:5s linear infinite mg-drehen;position:absolute;top:50%;left:50%;translate:-50% -50%}.mg-karte:after{content:"";z-index:-1;pointer-events:none;background:color-mix(in srgb, var(--lightgray) 40%, var(--light));border-radius:12px;position:absolute;inset:2px}.mg-karte:hover{box-shadow:0 14px 34px -16px var(--secondary);transform:translateY(-3px)}.mg-karte:hover:before,.mg-karte.offen:before{opacity:1}.mg-karte .symbol{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--secondary) 45%, transparent));font-size:1.6rem;display:block}.mg-karte .name{font-family:var(--codeFont,monospace);text-transform:uppercase;letter-spacing:.14em;color:var(--dark);margin:.25rem 0;font-weight:700;display:block}.mg-karte .kurz{opacity:.8;font-size:.86rem;display:block}.mg-karte .lang{grid-template-rows:0fr;transition:grid-template-rows .5s;display:grid}.mg-karte.offen .lang{grid-template-rows:1fr}.mg-karte .lang>div{font-size:.88rem;overflow:hidden}.mg-karte .lang p{margin:.5rem 0 .3rem}@media (prefers-reduced-motion:reduce){.magie *,.magie :before{transition:none!important;animation:none!important}.mg-ein{opacity:1;transform:none}}}