.kb-demo{display:grid;gap:var(--sp-6);align-items:center;margin-top:var(--sp-8)}.kb-demo-fenster{background:var(--paper);border:1.5px solid var(--ink);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md)}.kb-demo-leiste{height:32px;background:var(--linen);border-bottom:1px solid var(--mist);display:flex;align-items:center;gap:6px;padding:0 var(--sp-3);font-size:var(--text-caption);color:var(--charcoal)}.kb-demo-leiste i{width:9px;height:9px;border-radius:50%;background:var(--mist)}.kb-demo-url{flex:1;background:var(--paper);border:1px solid var(--mist);border-radius:6px;padding:3px var(--sp-2);margin-left:var(--sp-2)}.kb-demo-bilder{position:relative;min-height:300px}.kb-demo-bild{padding:var(--sp-6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);min-height:300px}html.kb-js .kb-demo-bild{position:absolute;inset:0;opacity:0;transition:opacity .45s}html.kb-js .kb-demo[data-aktiv=tunnel] [data-kb-schritt=tunnel],html.kb-js .kb-demo[data-aktiv=remotedesktop] [data-kb-schritt=remotedesktop],html.kb-js .kb-demo[data-aktiv=browser] [data-kb-schritt=browser]{opacity:1;position:relative}html.kb-js .kb-demo[data-aktiv=remotedesktop] .kb-demo-url{visibility:hidden}.kb-demo-netz{display:grid;grid-template-columns:76px 1fr 76px 1fr 90px;align-items:center;width:100%}.kb-demo-knoten{border:1.5px solid var(--ink);border-radius:8px;background:var(--paper);padding:var(--sp-2) var(--sp-1);font-size:var(--text-caption);text-align:center;color:var(--charcoal)}.kb-demo-knoten b{display:block;color:var(--ink);font-weight:500}.kb-demo-knoten--box{border-color:var(--accent)}.kb-demo-linie{border-top:2px dashed var(--accent);position:relative;height:0}.kb-demo-linie:after{content:"";position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--accent);animation:kb-demo-lauf 1.4s linear infinite}.kb-demo-linie--innen{border-color:var(--mist)}.kb-demo-linie--innen:after{display:none}@keyframes kb-demo-lauf{to{left:calc(100% - 8px)}}.kb-demo-schloss{margin:0;font-size:var(--text-sm);color:var(--accent);font-weight:500}.kb-demo-desktop{width:100%;height:100%;min-height:240px;background:var(--mist);border-radius:8px;position:relative;overflow:hidden}.kb-demo-rdpleiste{position:absolute;left:50%;top:0;transform:translate(-50%);background:var(--ink);color:var(--paper);font-size:10px;padding:2px var(--sp-3);border-radius:0 0 6px 6px}.kb-demo-desktop--browser{border:1px solid var(--ash)}.kb-demo-app{position:absolute;left:8%;top:12%;width:68%;height:62%;background:var(--paper);border:1px solid var(--ash);border-radius:6px;padding:var(--sp-2);display:grid;gap:6px;align-content:start}.kb-demo-app-titel{font-size:10px;color:var(--charcoal);border-bottom:1px solid var(--mist);padding-bottom:4px}.kb-demo-app i{display:block;height:8px;background:var(--mist);border-radius:3px}.kb-demo-app i:nth-of-type(2){width:70%}.kb-demo-app i:nth-of-type(3){width:45%}.kb-demo-task{position:absolute;left:0;right:0;bottom:0;height:22px;background:var(--linen);border-top:1px solid var(--mist)}.kb-demo-text{display:grid;gap:var(--sp-5)}.kb-demo-schritt h3{margin:var(--sp-1) 0 var(--sp-2);font-weight:300;font-size:var(--text-sub)}html.kb-js .kb-demo-schritt{display:none}html.kb-js .kb-demo[data-aktiv=tunnel] [data-kb-schritt-text=tunnel],html.kb-js .kb-demo[data-aktiv=remotedesktop] [data-kb-schritt-text=remotedesktop],html.kb-js .kb-demo[data-aktiv=browser] [data-kb-schritt-text=browser]{display:block}.kb-demo-geraete{list-style:none;padding:0;margin:var(--sp-3) 0 0;display:grid;gap:var(--sp-1);font-size:var(--text-sm)}.kb-demo-geraete li{display:flex;justify-content:space-between;gap:var(--sp-3);border-bottom:1px solid var(--mist);padding:4px 0}.kb-demo-geraete small{color:var(--accent);font-weight:500}.kb-demo-geraete li.is-aus,.kb-demo-geraete li.is-aus small{color:var(--charcoal)}.kb-demo-steuerung{display:none;align-items:center;gap:var(--sp-4)}html.kb-js .kb-demo-steuerung{display:flex}.kb-demo-punkte{list-style:none;padding:0;margin:0;display:flex;gap:0}.kb-demo-punkte button{position:relative;display:grid;place-items:center;width:24px;height:24px;border:0;background:none;padding:0;cursor:pointer}.kb-demo-punkte button:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--mist)}.kb-demo-punkte button[aria-pressed=true]:before{background:var(--accent)}.kb-demo-punkte button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(min-width:900px){.kb-demo{grid-template-columns:1.4fr 1fr}}@media(prefers-reduced-motion:reduce){html.kb-js .kb-demo-bild{transition:none}.kb-demo-linie:after{animation:none}}.kb-demo .kb-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--sp-2)}.kb-demo .kb-chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:4px 12px;border:1px solid var(--mist);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink);text-decoration:none;font-size:var(--text-sm);transition:border-color .15s,background .15s}.kb-demo .kb-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}.kb-zwei[data-astro-cid-v3tgbbjm]{display:grid;gap:var(--sp-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.kb-ablauf[data-astro-cid-v3tgbbjm]{padding-left:1.2em;display:grid;gap:var(--sp-3)}.kb-checkliste[data-astro-cid-v3tgbbjm]{padding-left:1.2em;display:grid;gap:var(--sp-2)}