.code-example[data-v-00d6ee48]{display:grid;gap:.9rem;padding:1rem;border:1px solid var(--border);border-radius:1.2rem;background:#08101d99;box-shadow:var(--shadow)}.code-example__header[data-v-00d6ee48]{display:flex;align-items:start;justify-content:space-between;gap:1rem}.code-example__actions[data-v-00d6ee48]{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.code-example__eyebrow[data-v-00d6ee48]{margin:0 0 .2rem;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--accent-cool)}.code-example__title[data-v-00d6ee48]{margin:0;font-size:1.05rem}.code-example__filename[data-v-00d6ee48]{margin:.15rem 0 0;font-size:.8rem;color:var(--muted);font-family:SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.code-example__language[data-v-00d6ee48]{display:inline-flex;align-items:center;padding:.35rem .65rem;border-radius:999px;border:1px solid var(--border);background:#ffffff0d;color:var(--text);font-size:.8rem;white-space:nowrap}.code-example__copy[data-v-00d6ee48]{display:inline-flex;align-items:center;justify-content:center;padding:.42rem .8rem;border-radius:999px;border:1px solid var(--border);background:#ffffff14;color:var(--text);font:inherit;font-size:.8rem;cursor:pointer}.code-example__copy[data-v-00d6ee48]:hover{background:#ffffff24}.code-example__copy[data-v-00d6ee48]:focus-visible{outline:2px solid var(--accent-cool);outline-offset:2px}.code-example__block[data-v-00d6ee48]{margin:0;padding:.5rem 0;border-radius:.95rem;overflow:auto;background:#010712d1;border:1px solid rgba(200,220,255,.12);color:#dfe7f5;font-size:.92rem;line-height:1.55;white-space:normal}.code-example__line[data-v-00d6ee48]{display:flex;align-items:stretch}.code-example__line+.code-example__line[data-v-00d6ee48]{margin-top:0}.code-example__gutter[data-v-00d6ee48]{flex:0 0 auto;min-width:2.6rem;padding:0 .85rem;text-align:right;white-space:nowrap;color:var(--muted);opacity:.55;-webkit-user-select:none;user-select:none;border-right:1px solid rgba(200,220,255,.12);font-family:SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.code-example__text[data-v-00d6ee48]{flex:1;padding:0 .85rem;white-space:pre;font-family:SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}@media(max-width:640px){.code-example__header[data-v-00d6ee48]{flex-direction:column}}.demo-knopf[data-v-05b7068b]{display:inline-block;padding:.7rem 1.1rem;border-radius:999px;background:#475569;color:#fff;font-weight:700;cursor:pointer;transition:background 1.2s ease}.demo-knopf[data-v-05b7068b]:hover{background:#2f6fdb}.demo-einblendung[data-v-05b7068b]{display:inline-block;padding:.9rem 1.2rem;border:1px solid rgba(200,220,255,.25);border-radius:1rem;background:#7fd1ff1f;color:var(--text);animation:demo-einblendung-05b7068b 1.8s ease-in-out infinite}@keyframes demo-einblendung-05b7068b{0%{opacity:0}to{opacity:1}}.demo-dreh[data-v-05b7068b]{display:inline-grid;place-items:center;width:9rem;height:9rem;padding:.6rem;border:1px solid rgba(200,220,255,.25);border-radius:1rem;background:#ff9f681f;color:var(--text);text-align:center;animation:demo-spin-05b7068b 1s linear infinite}@keyframes demo-spin-05b7068b{to{transform:rotate(360deg)}}:root{--bg: #025;--bg-soft: rgba(12, 22, 38, .84);--surface: rgba(12, 22, 38, .72);--surface-strong: rgba(16, 28, 48, .95);--border: rgba(200, 220, 255, .12);--text: #DDD;--muted: #a8b7d2;--accent-warm: #ff9f68;--accent-cool: #7fd1ff;--accent-lime: #86f7c6;--shadow: 0 28px 80px rgba(2, 8, 20, .5);color-scheme:dark;font-family:Avenir Next,Segoe UI,Trebuchet MS,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:#025;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100vh;background:#025}html,body{overflow-x:clip}a{color:inherit;text-decoration:none}p>a{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}.app-shell{position:relative;min-height:100vh;overflow:visible}.ambient{position:absolute;border-radius:999px;filter:blur(70px);opacity:.55;pointer-events:none}.ambient-one{top:-6rem;left:-4rem;width:20rem;height:20rem;background:#7fd1ff2e}.ambient-two{right:-3rem;top:12rem;width:24rem;height:24rem;background:#ff9f6824}.topbar,.page-frame{width:min(1180px,calc(100% - 2rem));margin:0 auto;position:relative}.topbar{z-index:20;gap:1rem;padding:1.25rem 0 1rem}.topbar-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem}.page-frame{z-index:1}.brand{display:inline-flex;align-items:center;gap:.9rem}.brand-mark{display:block;width:2.75rem;height:2.75rem;border-radius:.9rem;object-fit:cover;background:#08101d99;box-shadow:var(--shadow)}.brand strong,.brand small{display:block}.brand strong{font-size:1rem}.brand small{color:var(--muted);font-size:.84rem}.nav-bar{display:none;position:absolute;top:calc(100% + .75rem);right:0;width:min(34rem,calc(100vw - 2rem));max-height:min(70vh,42rem);overflow:auto;gap:.7rem;padding:.8rem;border:1px solid var(--border);border-radius:1.2rem;background:#08101df5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);z-index:30}.burger-button{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:.34rem;width:3rem;height:3rem;border:1px solid var(--border);border-radius:.9rem;background:#08101da6;color:var(--text);box-shadow:var(--shadow)}.burger-button span{display:block;width:1.25rem;height:2px;border-radius:999px;background:currentColor;transition:transform .18s ease,opacity .18s ease}.burger-button.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger-button.open span:nth-child(2){opacity:0}.burger-button.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-pill{display:inline-flex;align-items:center;justify-content:center;padding:.7rem .95rem;border-radius:.95rem;color:var(--muted);transition:transform .18s ease,background .18s ease,color .18s ease}.nav-pill:hover,.nav-pill:focus-visible{transform:translateY(-1px);color:var(--text)}.nav-pill.active{color:#06101c;background:linear-gradient(135deg,var(--accent-cool),var(--accent-lime));font-weight:700}.nav-home,.nav-section-title{width:100%;justify-content:flex-start;font-weight:700}.nav-section{display:grid;gap:.5rem;padding-top:.3rem;border-top:1px solid rgba(200,220,255,.08)}.nav-section-items{display:grid;gap:.45rem;padding-left:.3rem}.subnav-pill{padding:.65rem .9rem;border-radius:.85rem;border:1px solid var(--border);background:#08101da6;color:var(--muted);transition:transform .18s ease,background .18s ease,color .18s ease}.subnav-pill:hover{transform:translateY(-1px);color:var(--text)}.subnav-pill.active{color:#06101c;background:linear-gradient(305deg,var(--accent-cool),var(--accent-lime));font-weight:700}.nav-bar.open{display:grid}.page-frame{padding:0 0 3rem}.page{display:grid;gap:1.5rem;animation:lift-in .42s ease both}.hero,.panel,.card,.metric,.summary-tile,.chapter,.station,.profile,.notice{border:1px solid var(--border);background:linear-gradient(180deg,#0e1828eb,#0a111ed1);box-shadow:var(--shadow)}.hero{border-radius:2rem;padding:2rem;display:grid;gap:1.6rem}.hero-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:1.25rem;align-items:start}.kicker{margin:0 0 .65rem;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;color:var(--accent-cool)}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.5rem,5vw,5rem);line-height:.95;letter-spacing:-.05em;max-width:30ch}.lead{margin-top:1rem;max-width:62ch;color:var(--muted);font-size:1.05rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.45rem}.cta,.ghost,.chip,.segment button,.station button{border:0;border-radius:999px;transition:transform .18s ease,opacity .18s ease,background .18s ease}.cta,.ghost{padding:.85rem 1.1rem;font-weight:700}.cta{color:#06101c;background:linear-gradient(135deg,var(--accent-cool),var(--accent-lime))}.ghost{color:var(--text);background:#ffffff0f;border:1px solid var(--border)}.cta:hover,.ghost:hover,.chip:hover,.segment button:hover,.station button:hover,.nav-home-pill:hover,.nav-group-title:hover,.subnav-pill:hover,.link-block:hover{transform:translateY(-1px)}.link-block{display:inline-flex;width:fit-content;margin-top:1rem}.hero-aside{display:grid;gap:1rem}.panel{border-radius:1.5rem;padding:1.1rem}.panel-note{border:1px solid var(--border);border-radius:1.2rem;background:#ffffff0a;padding:1rem 1.1rem}.panel h3,.card h3,.metric strong,.station h3,.summary-tile strong{letter-spacing:-.03em}.panel p,.card p,.station p,.notice p,.helper,.meta,.summary-tile span{color:var(--muted)}.signature{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.chip{padding:.45rem .7rem;color:var(--text);background:#ffffff0f;border:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.metric,.summary-tile{border-radius:1.2rem;padding:1rem}.metric strong,.summary-tile strong{display:block;font-size:1.45rem;margin-top:.2rem}.metric span,.summary-tile span,.meta{font-size:.92rem}.section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card,.chapter,.station,.profile,.notice{border-radius:1.5rem;padding:1.25rem}.card{min-height:100%}.card:before,.panel:before,.hero:before,.station:before,.chapter:before,.profile:before,.notice:before{content:"";display:block;height:.15rem;width:4.5rem;margin-bottom:1rem;border-radius:999px;background:linear-gradient(90deg,var(--accent-cool),transparent);opacity:.8}.stack{display:grid;gap:1rem}.chapter-rail{display:flex;flex-wrap:wrap;gap:.6rem}.segment{display:inline-flex;gap:.5rem;padding:.35rem;border-radius:999px;border:1px solid var(--border);background:#ffffff0a}.segment button{padding:.68rem .95rem;color:var(--muted);background:transparent}.segment button.active{color:#06101c;background:linear-gradient(135deg,var(--accent-lime),var(--accent-cool));font-weight:700}.chapter-list{display:grid;gap:.7rem;margin-top:1rem}.chapter-list li{color:var(--muted)}.explorer-grid,.analysis-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem}.toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem}input[type=search],select{width:100%;padding:.8rem .95rem;border-radius:.95rem;border:1px solid var(--border);color:var(--text);background:#060f1cd9}input[type=search]::placeholder{color:#7d8daa}.station-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.station.active{border-color:#7fd1ff73;background:linear-gradient(180deg,#101e30f5,#0b1321f0)}.station .row,.summary-row{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.station strong,.summary-row strong{font-size:1.1rem}.station button{margin-top:1rem;width:100%;padding:.7rem .9rem;color:var(--text);background:#ffffff0d;border:1px solid var(--border)}.detail-box,.chart-box{border-radius:1.5rem;border:1px solid var(--border);background:linear-gradient(180deg,#0c1626e6,#080f1cf2);padding:1.25rem}.detail-value{display:flex;gap:1rem;align-items:flex-end;margin:1.2rem 0}.detail-value strong{font-size:clamp(2.5rem,4vw,4rem);line-height:1}.detail-value span{color:var(--muted)}.notice{border-style:dashed}.chart-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.chart-legend{display:flex;flex-wrap:wrap;gap:.55rem}.legend-dot{width:.65rem;height:.65rem;border-radius:999px;background:var(--accent-cool);box-shadow:0 0 0 .35rem #7fd1ff1f}svg{width:100%;display:block}.route-fade-enter-active,.route-fade-leave-active{transition:opacity .18s ease,transform .18s ease}.route-fade-enter-from,.route-fade-leave-to{opacity:0;transform:translateY(10px)}@keyframes lift-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:920px){.topbar,.hero-grid,.explorer-grid,.analysis-grid{grid-template-columns:1fr}.topbar{display:grid;gap:.8rem;justify-items:start}.topbar-row{width:100%}.stats-grid,.section-grid,.station-grid{grid-template-columns:1fr}}@media(max-width:640px){.topbar,.page-frame{width:min(100%,calc(100% - 1rem))}.summary-row{flex-direction:column;align-items:stretch;gap:1rem}.summary-row .ghost{width:100%;text-align:center}.hero,.card,.panel,.chapter,.station,.profile,.notice,.detail-box,.chart-box{border-radius:1.1rem}.segment{width:100%;justify-content:space-between}.nav-pill,.segment button{flex:1;text-align:center}.nav-bar.open .nav-pill,.nav-bar.open .subnav-pill,.subnav-pill{width:100%;text-align:left}h1{max-width:none}}html{scroll-behavior:smooth}.lesson-flow{max-width:880px;margin:0 auto;display:grid;gap:1.25rem}.lesson-flow__hero{text-align:left}.lesson-flow__breadcrumb{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:1rem;color:var(--accent-cool);font-weight:600;font-size:.95rem}.lesson-flow__breadcrumb:hover{text-decoration:underline;text-underline-offset:3px}.lesson-flow__meta{margin-top:1rem;display:inline-flex;padding:.5rem .9rem;border-radius:999px;border:1px solid var(--border);background:#ffffff0d;color:var(--muted);font-size:.9rem}.lesson-flow__nav{display:flex;flex-wrap:wrap;gap:.55rem;padding:.75rem;border:1px solid var(--border);border-radius:1.1rem;background:#08101db3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lesson-flow__nav-pill{padding:.5rem .8rem;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--muted);font-size:.85rem;white-space:nowrap;transition:color .16s ease,background .16s ease}.lesson-flow__nav-pill:hover{color:var(--text);background:#ffffff1a}.lesson-body{display:grid;gap:1.25rem}.lesson-block,.lesson-step{border:1px solid var(--border);border-radius:1.4rem;padding:1.5rem;background:linear-gradient(180deg,#0e1828eb,#0a111ed1);box-shadow:var(--shadow);scroll-margin-top:1.5rem}.lesson-block h2,.lesson-step__title{letter-spacing:-.03em;font-size:1.4rem}.lesson-block--objectives{background:linear-gradient(180deg,#101e30f5,#0b1321f0);border-color:#7fd1ff66}.lesson-block--exercise{border-style:dashed;border-color:#86f7c673}.lesson-block__body{margin-top:1rem}.lesson-step{display:grid;gap:1rem;padding:0;overflow:hidden}.lesson-step__heading{display:flex;align-items:center;gap:.85rem;padding:1.1rem 1.4rem;border-bottom:1px solid var(--border);background:#ffffff08}.lesson-step__badge{display:grid;place-items:center;flex:0 0 auto;width:2rem;height:2rem;border-radius:999px;color:#06101c;background:linear-gradient(135deg,var(--accent-cool),var(--accent-lime));font-weight:800;font-size:.95rem}.lesson-step__body{padding:.2rem 1.4rem 1.4rem;display:grid;gap:1rem}.lesson-step__body p,.lesson-block p{color:var(--text);max-width:68ch}.lesson-step__body code,.lesson-block code,.lesson-list code{padding:.1rem .35rem;border-radius:.4rem;background:#ffffff14;font-family:SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em}.lesson-list{margin:0;padding-left:1.25rem;display:grid;gap:.5rem;color:var(--muted)}.lesson-list li::marker{color:var(--accent-cool)}.lesson-tip{margin:auto;margin-top:1rem;padding:.85rem 1rem;border:1px solid rgba(134,247,198,.4);border-radius:1rem;background:#86f7c614;color:var(--text)!important;font-weight:600}.attribute-beispiel-bild{width:100%;max-width:14rem;padding:1rem;border:1px solid var(--border);border-radius:1.2rem;background:#ffffff0a}.lesson-disclaimer{padding:1rem 1.2rem;border:1px dashed var(--border);border-radius:1.2rem;background:#ffffff0a;color:var(--muted);font-size:.9rem}.lesson-next{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.lesson-next__link{display:grid;gap:.3rem;padding:1.1rem 1.25rem;border:1px solid var(--border);border-radius:1.2rem;background:#08101db3;transition:transform .16s ease,border-color .16s ease}.lesson-next__link:hover{transform:translateY(-2px);border-color:#7fd1ff80}.lesson-next__link--next{border-color:#7fd1ff66;text-align:right;justify-items:end}.lesson-next__label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.lesson-next__text{color:var(--text);font-weight:700}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.lesson-card{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;border:1px solid var(--border);border-radius:1.3rem;background:linear-gradient(180deg,#0e1828eb,#0a111ed1);box-shadow:var(--shadow);transition:transform .16s ease,border-color .16s ease}.lesson-card:hover{transform:translateY(-2px);border-color:#7fd1ff80}.lesson-card__number{display:grid;place-items:center;flex:0 0 auto;width:2.1rem;height:2.1rem;border-radius:50%;color:#06121c;background:linear-gradient(135deg,var(--accent-cool),var(--accent-lime));font-weight:800;font-size:.95rem}.lesson-card__title{flex:1;font-size:1.1rem;letter-spacing:-.02em}.lesson-card__arrow{color:var(--muted);font-size:1.2rem}@media(max-width:920px){.lesson-next{grid-template-columns:1fr}.lesson-next__link--next{text-align:left;justify-items:start}.lesson-grid{grid-template-columns:1fr}}@media(max-width:640px){.lesson-flow__nav{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.lesson-flow__nav::-webkit-scrollbar{display:none}.lesson-block,.lesson-step{border-radius:1.1rem}.lesson-step__heading,.lesson-step__body{padding-left:1rem;padding-right:1rem}}.os-toggle{display:inline-flex;gap:.25rem;padding:.25rem;border-radius:999px;border:1px solid var(--border);background:#ffffff0d}.os-toggle--page{margin-top:1rem}.os-toggle__btn{padding:.45rem .85rem;border:0;border-radius:999px;color:var(--muted);background:transparent;font-weight:600;font-size:.85rem;transition:color .16s ease,background .16s ease,transform .16s ease}.os-toggle__btn:hover{color:var(--text)}.os-toggle__btn.active{color:#06101c;background:linear-gradient(135deg,var(--accent-cool),var(--accent-lime));font-weight:700}.os-block{display:grid;gap:1rem;border:1px solid var(--border);border-radius:1.2rem;padding:1.1rem;background:#08101d8c;box-shadow:var(--shadow)}.os-block__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem}.os-block__label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.os-block__content{display:grid;gap:.9rem}.os-block__content p,.os-block__content ul{max-width:68ch}.os-block__content p{margin:0;color:var(--text)}.shortcut{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.7rem;margin:.4rem 0;padding:.55rem .8rem;border:1px solid var(--border);border-radius:.95rem;background:#ffffff0a}.shortcut__label{color:var(--muted);font-size:.95rem;font-weight:600}.shortcut__keys{display:inline-flex;gap:.3rem;flex-wrap:wrap;justify-content:flex-end}.shortcut__key{display:inline-grid;place-items:center;min-width:1.9rem;padding:.28rem .5rem;border:1px solid rgba(200,220,255,.35);border-bottom-width:2px;border-radius:.5rem;background:#060f1ce6;color:var(--text);font-family:SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;box-shadow:0 1px #0006}.term{color:var(--accent-cool);border-bottom:1px dotted rgba(127,209,255,.7);text-decoration:none;cursor:help}.referenz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.referenz-karte{display:grid;gap:.75rem;padding:1.25rem;border:1px solid var(--border);border-radius:1.4rem;background:linear-gradient(180deg,#0e1828eb,#0a111ed1);box-shadow:var(--shadow);align-content:start}.referenz-karte__titel{font-size:1.2rem;letter-spacing:-.02em}.referenz-karte__titel code{padding:.1rem .45rem;border-radius:.4rem;background:#ffffff14;font-family:SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.referenz-karte__text{color:var(--muted)}@media(max-width:640px){.referenz-grid{grid-template-columns:1fr}}@media(max-width:640px){.shortcut{grid-template-columns:1fr;justify-items:start}.shortcut__keys{justify-content:flex-start;flex-wrap:wrap}}