/* Abschnitt «Demo-Labor» auf der Startseite */
.ld-box { border: 1px solid var(--line-strong); border-radius: 18px; background: rgba(17, 20, 24, .86); overflow: hidden; box-shadow: 0 60px 120px -60px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.04); }
.ld-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px 10px 10px; border-bottom: 1px solid var(--line); background: rgba(11,13,16,.6); flex-wrap: wrap; }
.ld-tabs { display: flex; gap: 4px; flex-wrap: wrap; }
.ld-tabs button { font: 500 14px var(--sans); color: var(--chalk-2); background: none; border: 1px solid transparent; border-radius: 999px; padding: 9px 16px; cursor: pointer; transition: color .2s, background .2s, border-color .2s; min-height: 40px; }
.ld-tabs button:hover { color: var(--chalk); }
.ld-tabs button[aria-selected="true"] { color: var(--ink); background: var(--chalk); }
.ld-voll { font-size: 13.5px; color: var(--chalk-2); padding: 8px 14px; border: 1px solid var(--line-strong); border-radius: 999px; white-space: nowrap; transition: border-color .2s, color .2s; }
.ld-voll:hover { color: var(--chalk); border-color: var(--glacier); }
.ld-info { padding: 16px clamp(16px, 2.4vw, 28px); border-bottom: 1px solid var(--line); display: grid; gap: 4px; }
.ld-info p:first-child { font-size: clamp(17px, 1.6vw, 20px); letter-spacing: -.01em; line-height: 1.35; color: var(--chalk); max-width: 70ch; }
.ld-info p:last-child { font-size: 14px; color: var(--chalk-3); }
.ld-stage { position: relative; min-height: 560px; background: var(--ink); }
.ld-stage iframe { display: block; width: 100%; height: 640px; border: 0; background: var(--ink); }
.ld-stage iframe[hidden] { display: none; }
.ld-lade { position: absolute; inset: 0; display: grid; place-items: center; color: var(--chalk-3); font-size: 14px; pointer-events: none; }
.ld-mehr { margin-top: clamp(28px, 4vw, 48px); display: grid; gap: 16px; }
.ld-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ld-chips a { padding: 10px 16px; border: 1px solid var(--line-strong); border-radius: 999px; font-size: 14.5px; color: var(--chalk-2); transition: border-color .2s, background .2s, color .2s; }
.ld-chips a:hover { border-color: var(--glacier); background: rgba(95,212,207,.08); color: var(--chalk); }
.ld-alle { justify-self: start; display: inline-flex; align-items: center; gap: 10px; padding: 15px 24px; border-radius: 999px; background: var(--glacier); color: var(--ink); font-weight: 600; font-size: 16px; transition: transform .3s var(--ease), background .2s; }
.ld-alle:hover { transform: translateY(-1px); background: #7fe3de; }
@media (max-width: 700px) { .ld-tabs button { padding: 8px 12px; font-size: 13.5px; } .ld-stage iframe { height: 700px; } }