.kb-inseln{display:grid;gap:var(--sp-4);grid-template-columns:1fr}.kb-insel{background:#ffffff8c;border:1px solid #e3e0df;border-radius:var(--radius-card);padding:var(--sp-4) var(--sp-5)}.kb-insel-titel{margin:0 0 var(--sp-3);font-size:var(--text-caption)}.kb-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--sp-2)}.kb-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;font-size:var(--text-sm);font-weight:500;color:var(--ink);text-decoration:none;background:var(--paper);border:1px solid var(--mist);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);transition:border-color .15s,background .15s,color .15s}.kb-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}.kb-chip:hover,.kb-chip:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.kb-chip.is-open{background:var(--accent);color:#fff;border-color:var(--accent)}.kb-chip.is-open:before{background:#fff}.kb-insel--mitte{display:flex;justify-content:center;order:-1}.kb-server{margin:0;display:grid;justify-items:center;gap:var(--sp-2);color:var(--ink)}.kb-server svg{filter:drop-shadow(var(--shadow-sm))}.kb-server-label{font-family:var(--font-label);font-size:var(--text-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:500}@media(min-width:1050px){.kb-inseln{grid-template-columns:repeat(3,1fr);grid-template-areas:"r1c1 r1c2 r1c3" "r2c1 mitte r2c3" "r3c1 r3c2 r3c3";align-items:stretch}.kb-insel--mitte{grid-area:mitte;order:0;align-items:center}.kb-insel--r1c1{grid-area:r1c1}.kb-insel--r1c2{grid-area:r1c2}.kb-insel--r1c3{grid-area:r1c3}.kb-insel--r2c1{grid-area:r2c1}.kb-insel--r2c3{grid-area:r2c3}.kb-insel--r3c1{grid-area:r3c1}.kb-insel--r3c2{grid-area:r3c2}.kb-insel--r3c3{grid-area:r3c3}}.kb-module-liste{margin-top:var(--section-gap);display:grid;gap:var(--sp-4)}.kb-module-liste-h{font-size:var(--text-h);letter-spacing:var(--tracking-h)}.kb-modul h3{font-size:26px;font-weight:300;margin:0 0 var(--sp-2);scroll-margin-top:90px}.kb-modul-kurz{color:var(--charcoal);font-size:var(--text-sub)}.kb-modul-bilder{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:var(--sp-4) 0}.kb-modul-bilder figure{margin:0}.kb-modul-bilder img{border-radius:12px;border:1px solid var(--mist)}.kb-modul-bilder figcaption{font-size:var(--text-caption);color:var(--charcoal);margin-top:4px}.kb-modul-nutzen ul{margin:0;padding-left:1.2em;display:grid;gap:4px}.kb-modul-hilfe{margin:var(--sp-4) 0 0;font-weight:500}.kb-dialog{border:0;padding:0;background:transparent;max-width:min(720px,calc(100vw - 32px));width:100%}.kb-dialog::backdrop{background:#18171773}.kb-dialog[open]{animation:kb-dialog-in .2s ease-out}@keyframes kb-dialog-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.kb-dialog-inner{background:var(--paper);border-radius:var(--radius-card);box-shadow:var(--shadow-md);padding:var(--sp-6);position:relative;max-height:calc(100vh - 48px);overflow:auto}.kb-dialog-inner .kb-modul{box-shadow:none;padding:0}.kb-dialog-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:1px solid var(--mist);background:var(--paper);cursor:pointer;font-size:20px;line-height:1}.kb-dialog-close:hover{border-color:var(--accent);color:var(--accent)}.kb-dialog-nav{display:flex;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--canvas)}.kb-dialog-nav button{background:none;border:0;cursor:pointer;color:var(--charcoal);font-size:var(--text-sm);padding:6px 8px;border-radius:var(--radius-btn)}.kb-dialog-nav button:hover{color:var(--accent);background:var(--accent-soft)}@media(max-width:720px){.kb-dialog{max-width:100vw;max-height:100vh}.kb-dialog-inner{border-radius:0;max-height:100vh;min-height:100vh}}@media(prefers-reduced-motion:reduce){.kb-dialog[open]{animation:none}}.kb-fortschritt-gross{display:grid;justify-items:center;gap:var(--sp-1);text-align:center}.kb-fortschritt-gross-zahl{font-size:var(--text-display);font-weight:300;letter-spacing:var(--tracking-display);line-height:1;color:var(--accent)}.kb-fortschritt-gross-text{font-family:var(--font-label);font-size:var(--text-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--charcoal)}.kb-insel.is-markiert{outline:2px solid var(--accent);outline-offset:2px}.kb-chip.is-entdeckt:after{content:" ✓";color:var(--accent)}