.demo-themen{max-width:900px;margin:28px auto 0;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.demo-themen button{border:1px solid var(--rand2);background:#11151c99;color:var(--leise);font:500 12px/1.5 Inter,sans-serif;border-radius:999px;padding:8px 13px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.demo-themen button:hover{background:#ffffff0d;color:var(--text);border-color:#e3ad4f66}.demo-themen button[aria-pressed=true]{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#21160a;border-color:transparent}.demo-themen button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.demo-themen+.demo{margin-top:22px}.demo [hidden]{display:none!important}.demo-medien{margin:0 0 22px;border:1px solid var(--rand2);border-radius:16px;background:#080c1270;overflow:hidden}.demo-medien>img{display:block;width:100%;max-height:360px;object-fit:contain}.demo-medien>img.demo-icon{width:112px;height:112px;margin:28px auto;image-rendering:auto}.demo-medien model-viewer{display:block;width:100%;height:300px;--poster-color:transparent;background:radial-gradient(ellipse,#29435544,transparent 70%)}.demo-medien audio{display:block;width:calc(100% - 28px);margin:14px;max-width:100%}.demo-klickkarte{all:unset;display:block;box-sizing:border-box;position:relative;width:100%;cursor:crosshair;aspect-ratio:1.4995;overflow:hidden}.demo-klickkarte>img{display:block;width:100%;height:100%;object-fit:fill}.demo-klickkarte:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}.demo-aim,.demo-ziel{position:absolute;display:block;width:15px;height:15px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 1px 10px #000}.demo-aim{background:#e3ad4f}.demo-ziel{background:#37d98b;box-shadow:0 0 0 6px #37d98b33,0 1px 10px #000}.demo-medien-hilfe{font-size:11px;color:var(--leise);padding:10px 14px;margin:0;line-height:1.7}.demo .fuss{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.demo .fuss button{border:0;padding:0;background:none;color:var(--gold2);font:600 13px Inter,sans-serif;text-decoration:underline;cursor:pointer}.demo .fuss span{font-size:11px;color:var(--matt)}@media(max-width:520px){.demo-themen{justify-content:flex-start;gap:7px}.demo-themen button{padding:7px 11px}.demo-medien model-viewer{height:240px}}@media(prefers-reduced-motion:reduce){.demo-themen button{transition:none}}
.demo #demoHinweise:empty{display:none}.demo:has(.demo-klickkarte) .meldung:empty{display:none}.demo:has(.demo-klickkarte) .fuss{margin-top:12px}

.demo-overlay-modus{max-width:1180px;padding:16px;margin-top:22px}.demo-stream{width:100%;aspect-ratio:1600/900;overflow:hidden;border-radius:15px;background:radial-gradient(ellipse at 50% 20%,#24465522,transparent 70%)}.demo-stream iframe{display:block;width:100%;height:100%;border:0}.demo-overlay-modus>.kopf,.demo-overlay-modus>.balken,.demo-overlay-modus>.frage,.demo-overlay-modus>.maske,.demo-overlay-modus>#demoHinweise{display:none!important}.demo-overlay-modus #demoMedien:not(:has(audio)){display:none!important}.demo-overlay-modus #demoMedien:has(audio){max-width:650px;margin:12px auto}.demo-overlay-modus .eingabe{max-width:780px;margin:18px auto 0}.demo-overlay-modus .meldung,.demo-overlay-modus .fuss{max-width:780px;margin:16px auto 0}.demo-overlay-modus .meldung:empty{display:none}.demo-overlay-modus .fuss{padding-bottom:5px}@media(max-width:620px){.demo-overlay-modus{padding:6px}.demo-overlay-modus .eingabe,.demo-overlay-modus .meldung,.demo-overlay-modus .fuss{margin-left:12px;margin-right:12px}.demo-overlay-modus .eingabe{flex-wrap:wrap}.demo-overlay-modus .eingabe input{flex-basis:160px}}

#demo{scroll-margin-top:0}#demoThemen{position:sticky;top:var(--demo-kopf-abstand,140px);z-index:80;width:fit-content;max-width:100%;padding:8px 10px;border:1px solid var(--rand2);border-radius:22px;background:#11151cf5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);scroll-margin-top:var(--demo-kopf-abstand,140px)}.demo-overlay-modus{max-width:min(100%,var(--demo-maxbreite,1180px));margin-top:14px}.demo-overlay-modus .eingabe{margin-top:12px}.demo-overlay-modus .meldung,.demo-overlay-modus .fuss{margin-top:10px}.demo-overlay-modus .meldung:empty{display:none}@media(max-width:620px){#demoThemen{padding:7px;border-radius:18px;gap:5px}#demoThemen button{padding:6px 9px;font-size:11px}}

.demo-arena{scroll-margin-top:var(--demo-kopf-abstand,140px)}

.demo-overlay-modus #demoMedien audio{display:none}.demo-audio{display:flex;align-items:center;gap:12px;padding:14px 16px;color:var(--text);font:500 12px Inter,sans-serif}.demo-audio-play{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--gold);background:linear-gradient(135deg,var(--gold2),var(--gold));color:#21160a;font-size:17px;cursor:pointer}.demo-audio-zeit{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:82px}.demo-audio input[type=range]{accent-color:var(--gold);cursor:pointer;height:20px;min-width:0}.demo-audio-fortschritt{flex:1;width:100px}.demo-audio-laut{display:flex;align-items:center;gap:6px;font-size:0}.demo-audio-laut input{width:70px}.demo-audio-laut output{font-size:11px;min-width:34px}.demo-audio button:focus-visible,.demo-audio input:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}@media(max-width:520px){.demo-audio{flex-wrap:wrap;gap:8px;padding:10px}.demo-audio-fortschritt{flex-basis:calc(100% - 150px)}.demo-audio-laut{margin-left:auto}}