/* ============ BI IM EINSATZ (demo.js) ============
   Zwei vereinfachte App-Ansichten nebeneinander auf dem dunklen Seitenanfang (Produkte: Kombi-Analyse, Asset Library: Filter).
   Innen gilt eine eigene Einheit: --dp = 1/640 der Bildschirmbreite, alles skaliert wie ein Bild mit.
   Farben und Schriften wie die BI-App (Geist / Geist Mono, #FBFAF8, Linien #E8E5DF). Beispieldaten. */
/* Bühne wie Basic/Dept (Webby-Case „Account Creation“, gemessen): schwarzer 16:9-Rahmen über die volle Inhaltsbreite,
   darin zwei Screens mittig — auf Arturs Wunsch etwas größer als bei Basic (dort 34,5 %): je 40 % der Rahmenbreite, 1,25 % Abstand. Alle Ecken hart (Artur 11.10.), nur Kreise bleiben rund */
.bi-demo{padding-top:calc(160 * var(--u))}
.bi-demo-buehne{display:flex;align-items:center;justify-content:center;gap:1.25%;aspect-ratio:16/9;background:#000;border-radius:0}
.bi-app{position:relative;flex:none;width:40%;aspect-ratio:16/10;overflow:hidden;background:#FBFAF8;color:#0E0E0C;container-type:inline-size;--dp:calc(100cqw / 640);font-family:'Geist','Inter',sans-serif;-webkit-font-smoothing:antialiased}
.ba{position:absolute;inset:0;display:grid;grid-template-columns:calc(118 * var(--dp)) minmax(0,1fr);font-size:calc(8.5 * var(--dp));line-height:1.3;text-align:left}
.ba *{box-sizing:border-box}
.ba p{margin:0}
.ba img{display:block;width:100%;height:100%;object-fit:cover}

/* Seitenleiste */
.ba-side{display:flex;flex-direction:column;padding:calc(12 * var(--dp)) calc(8 * var(--dp)) calc(11 * var(--dp));border-right:calc(1 * var(--dp)) solid #E8E5DF;background:#F6F5F1}
.ba-logo{display:flex;align-items:center;gap:calc(5 * var(--dp));padding:0 calc(4 * var(--dp));font-size:calc(9.5 * var(--dp));font-weight:500;letter-spacing:-.01em}
.ba-logo b{display:grid;place-items:center;width:calc(13 * var(--dp));height:calc(13 * var(--dp));border-radius:0;background:#0E0E0C;color:#fff;font-size:calc(7.5 * var(--dp));font-weight:500}
.ba-logo small{font-size:calc(5.5 * var(--dp));font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#8A867E}
.ba-nav{display:grid;gap:calc(1.5 * var(--dp));margin-top:calc(16 * var(--dp))}
.ba-nav span{display:flex;align-items:center;gap:calc(6 * var(--dp));height:calc(19 * var(--dp));padding:0 calc(6 * var(--dp));border-radius:0;font-size:calc(8 * var(--dp));color:#3A3833}
.ba-nav i{width:calc(6.5 * var(--dp));height:calc(6.5 * var(--dp));border:calc(1 * var(--dp)) solid currentColor;border-radius:0;opacity:.55}
.ba-nav .aktiv{background:#0E0E0C;color:#fff}
.ba-nav .aktiv i{opacity:.9}
.ba-user{display:flex;align-items:center;gap:calc(6 * var(--dp));margin-top:auto;padding:0 calc(4 * var(--dp));font-size:calc(7.5 * var(--dp));color:#3A3833}
.ba-user i{display:grid;place-items:center;width:calc(14 * var(--dp));height:calc(14 * var(--dp));border-radius:50%;background:#0E0E0C;color:#fff;font-style:normal;font-size:calc(6.5 * var(--dp))}

/* Kopfleiste */
.ba-main{position:relative;display:grid;grid-template-rows:calc(30 * var(--dp)) minmax(0,1fr);min-width:0}
.ba-top{display:flex;align-items:center;justify-content:space-between;padding:0 calc(14 * var(--dp));border-bottom:calc(1 * var(--dp)) solid #E8E5DF}
.ba-kunde,.ba-zeitraum{display:flex;align-items:center;gap:calc(5 * var(--dp));height:calc(19 * var(--dp));padding:0 calc(8 * var(--dp));border:calc(1 * var(--dp)) solid #E8E5DF;border-radius:0;background:#fff;font-size:calc(7.5 * var(--dp));white-space:nowrap}
.ba-kunde i{width:calc(5 * var(--dp));height:calc(5 * var(--dp));border-radius:50%;background:#E5484D}
.ba-kunde b,.ba-zeitraum b,.ba-dd b{margin-left:calc(3 * var(--dp));font-size:calc(5.5 * var(--dp));font-weight:400;color:#9A968E}
.ba-icons{display:flex;gap:calc(8 * var(--dp))}
.ba-icons i{width:calc(8 * var(--dp));height:calc(8 * var(--dp));border:calc(1 * var(--dp)) solid #9A968E;border-radius:0}

/* Seitenkopf + Filter */
.ba-inhalt{position:relative;overflow:hidden;padding:calc(13 * var(--dp)) calc(16 * var(--dp)) 0}
.ba-kopfzeile{display:flex;align-items:flex-end;justify-content:space-between}
.ba-kopfzeile > span:first-child{display:grid;gap:calc(3 * var(--dp))}
.ba-label{font-size:calc(6 * var(--dp));font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#6E6A63}
.ba-titel{font-size:calc(14 * var(--dp));font-weight:500;letter-spacing:-.015em}
.ba-titel span{color:#8A867E}
.ba-filter{display:flex;gap:calc(5 * var(--dp));margin-top:calc(10 * var(--dp))}
.ba-suche{display:flex;align-items:center;flex:0 0 calc(128 * var(--dp));height:calc(19 * var(--dp));padding:0 calc(7 * var(--dp));border:calc(1 * var(--dp)) solid #E8E5DF;border-radius:0;background:#fff;font-size:calc(7.5 * var(--dp));color:#A19D95}
.ba-dd{display:flex;align-items:center;height:calc(19 * var(--dp));padding:0 calc(7 * var(--dp));border:calc(1 * var(--dp)) solid #E8E5DF;border-radius:0;background:#fff;font-size:calc(7.5 * var(--dp));white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s}
.ba-dd em{font-style:normal}
.ba-dd.hover{background:#F4F2EE}
.ba-dd.aktiv{border-color:#0E0E0C;background:#0E0E0C;color:#fff}

/* Produkte: Tabelle */
.ba-tabelle{margin-top:calc(10 * var(--dp));overflow:hidden;border:calc(1 * var(--dp)) solid #E8E5DF;border-radius:0;background:#fff}
.ba-tz{display:grid;grid-template-columns:calc(22 * var(--dp)) calc(30 * var(--dp)) minmax(0,1fr) calc(56 * var(--dp)) calc(62 * var(--dp)) calc(54 * var(--dp)) calc(40 * var(--dp));align-items:center;height:calc(29 * var(--dp));padding-right:calc(10 * var(--dp));border-top:calc(1 * var(--dp)) solid #EFECE6;font-family:'Geist Mono',monospace;font-size:calc(7.5 * var(--dp));font-weight:500;transition:background-color .2s}
.ba-tz > span{white-space:nowrap}
.ba-tz > span:nth-child(n+4){text-align:right}
.ba-tz > span:first-child{display:grid;place-items:center}
.ba-tkopf{height:calc(19 * var(--dp));border-top:0;background:#FBFAF8;font-family:inherit;font-size:calc(5.5 * var(--dp));letter-spacing:.08em;text-transform:uppercase;color:#8A867E}
.ba-tsumme{height:calc(21 * var(--dp));background:#F7F5F1;color:#3A3833}
.ba-thumb{width:calc(21 * var(--dp));height:calc(21 * var(--dp));overflow:hidden;border-radius:0;background:#EBEBEB}
.ba-name{display:grid;gap:calc(1 * var(--dp));padding-left:calc(6 * var(--dp));overflow:hidden;text-overflow:ellipsis}
.ba-name small{font-size:calc(6 * var(--dp));color:#9A968E}
.ba-check{display:grid;place-items:center;width:calc(9 * var(--dp));height:calc(9 * var(--dp));border:calc(1 * var(--dp)) solid #CFCAC0;border-radius:0;background:#fff;font-style:normal;transition:background-color .12s,border-color .12s}
.ba-tz.gewaehlt{background:#F4F2EE}
.ba-tz.gewaehlt .ba-check{border-color:#0E0E0C;background:#0E0E0C}
.ba-tz.gewaehlt .ba-check::after{content:"";width:calc(2.6 * var(--dp));height:calc(4.8 * var(--dp));margin-top:calc(-1 * var(--dp));border:solid #fff;border-width:0 calc(1.2 * var(--dp)) calc(1.2 * var(--dp)) 0;transform:rotate(45deg)}

/* Produkte: Auswahlleiste (wie .pk-bulkbar) */
.ba-bulk{position:absolute;left:50%;bottom:calc(12 * var(--dp));display:flex;align-items:center;gap:calc(7 * var(--dp));height:calc(27 * var(--dp));padding:0 calc(6 * var(--dp)) 0 calc(11 * var(--dp));border:calc(1 * var(--dp)) solid #2C2A25;border-radius:0;background:#1A1916;color:#F2EEE5;font-size:calc(7.5 * var(--dp));white-space:nowrap;box-shadow:0 calc(10 * var(--dp)) calc(26 * var(--dp)) rgba(0,0,0,.22);transform:translate(-50%,170%);transition:transform .38s cubic-bezier(.2,.8,.2,1)}
.ba-bulk.offen{transform:translate(-50%,0)}
.ba-bulk-n b{font-family:'Geist Mono',monospace;font-weight:600}
.ba-bulk > i{width:calc(1 * var(--dp));height:calc(14 * var(--dp));background:#3A3833}
.ba-bbtn{padding:calc(4 * var(--dp)) calc(8 * var(--dp));border:calc(1 * var(--dp)) solid #38362F;border-radius:0;color:#ECE7DC;transition:background-color .15s}
.ba-bbtn.primaer{border-color:#F2EEE5;background:#F2EEE5;color:#0E0E0C}
.ba-bbtn.primaer.hover{background:#fff}

/* Produkte: Kombi-Analyse als Panel rechts (wie .pk-combo-drawer) */
.ba-schleier{position:absolute;inset:0;background:rgba(14,14,12,.12);opacity:0;transition:opacity .3s;pointer-events:none}
.ba-schleier.offen{opacity:1}
.ba-drawer{position:absolute;top:calc(8 * var(--dp));right:calc(8 * var(--dp));bottom:calc(8 * var(--dp));width:calc(270 * var(--dp));padding:calc(11 * var(--dp)) calc(12 * var(--dp));border:calc(1 * var(--dp)) solid #E8E5DF;border-radius:0;background:#fff;box-shadow:0 calc(16 * var(--dp)) calc(40 * var(--dp)) rgba(0,0,0,.16);transform:translateX(calc(100% + calc(16 * var(--dp))));transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.ba-drawer.offen{transform:none}
.ba-dkopf{display:flex;align-items:center;gap:calc(8 * var(--dp))}
.ba-stapel{position:relative;flex:none;width:calc(46 * var(--dp));height:calc(21 * var(--dp))}
.ba-stapel img{position:absolute;top:0;width:calc(21 * var(--dp));height:calc(21 * var(--dp));border:calc(1.5 * var(--dp)) solid #fff;border-radius:50%;background:#EBEBEB}
.ba-stapel img:nth-child(2){left:calc(12 * var(--dp))}
.ba-stapel img:nth-child(3){left:calc(24 * var(--dp))}
.ba-dname{display:grid;gap:calc(1 * var(--dp));font-size:calc(9 * var(--dp));font-weight:500}
.ba-dname small{font-size:calc(6.5 * var(--dp));font-weight:400;color:#8A867E}
.ba-x{display:grid;place-items:center;width:calc(15 * var(--dp));height:calc(15 * var(--dp));margin-left:auto;border:calc(1 * var(--dp)) solid #E8E5DF;border-radius:0;font-size:calc(6.5 * var(--dp));color:#6E6A63;transition:background-color .15s}
.ba-x.hover{background:#F4F2EE}
.ba-dttl{display:flex;align-items:center;gap:calc(4 * var(--dp));margin-top:calc(11 * var(--dp)) !important;font-size:calc(5.5 * var(--dp));font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#8A867E}
.ba-dttl span{font-family:'Geist Mono',monospace;color:#3A3833}
.ba-chips{display:flex;flex-wrap:wrap;gap:calc(4 * var(--dp));margin-top:calc(6 * var(--dp))}
.ba-chips span{display:flex;align-items:center;gap:calc(4 * var(--dp));height:calc(15 * var(--dp));padding:0 calc(6 * var(--dp)) 0 calc(2 * var(--dp));border:calc(1 * var(--dp)) solid #E8E5DF;border-radius:0;background:#F7F5F1;font-size:calc(6.5 * var(--dp));color:#3A3833}
.ba-chips img{width:calc(11 * var(--dp));height:calc(11 * var(--dp));border-radius:50%}
.ba-kpis{display:grid;grid-template-columns:1fr 1fr;gap:calc(5 * var(--dp));margin-top:calc(6 * var(--dp))}
.ba-kpis div{display:grid;gap:calc(3 * var(--dp));padding:calc(6 * var(--dp)) calc(7 * var(--dp));border:calc(1 * var(--dp)) solid #E8E5DF;border-radius:0}
.ba-kpis small{font-size:calc(5.5 * var(--dp));font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#8A867E}
.ba-kpis b{font-family:'Geist Mono',monospace;font-size:calc(11 * var(--dp));font-weight:500;letter-spacing:-.01em}
.ba-leg{display:inline-block;width:calc(9 * var(--dp));margin:0 calc(6 * var(--dp)) 0 calc(1 * var(--dp));border-top:calc(1.4 * var(--dp)) solid #0E0E0C}
.ba-leg-a{border-top-color:#3B6FD8}
.ba-plot{position:relative;margin-top:calc(5 * var(--dp))}
.ba-plot svg{display:block;width:100%;height:auto;overflow:visible}
.ba-flaeche{fill:rgba(14,14,12,.06);opacity:0;transition:opacity .6s .5s}
.ba-linie-u,.ba-linie-a{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
.ba-linie-u{stroke:#0E0E0C;stroke-width:1.3}
.ba-linie-a{stroke:#3B6FD8;stroke-width:1.1}
.ba-chart.gezeichnet .ba-linie-u,.ba-chart.gezeichnet .ba-linie-a{stroke-dashoffset:0;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}
.ba-chart.gezeichnet .ba-linie-a{transition-delay:.15s}
.ba-chart.gezeichnet .ba-flaeche{opacity:1}
.ba-achse{stroke:#E8E5DF;stroke-width:1}
.ba-guide{stroke:#BDB8AE;stroke-width:.7;stroke-dasharray:2 2;opacity:0;transition:opacity .2s}
.ba-punkt{fill:#0E0E0C;stroke:#fff;stroke-width:1;opacity:0;transition:opacity .2s}
.ba-tip{position:absolute;top:0;display:grid;gap:calc(2 * var(--dp));padding:calc(5 * var(--dp)) calc(7 * var(--dp));border-radius:0;background:#1A1916;color:#F2EEE5;font-size:calc(6.5 * var(--dp));white-space:nowrap;opacity:0;transform:translate(calc(-100% - calc(8 * var(--dp))),calc(4 * var(--dp)));transition:opacity .2s,transform .2s;pointer-events:none}
.ba-tip b{font-weight:500}
.ba-tip em{margin-left:calc(4 * var(--dp));font-family:'Geist Mono',monospace;font-style:normal}
.ba-chart.tipp .ba-guide,.ba-chart.tipp .ba-punkt,.ba-chart.tipp .ba-tip{opacity:1}
.ba-chart.tipp .ba-tip{transform:translate(calc(-100% - calc(8 * var(--dp))),0)}

/* Trend Explorer: zwei KPIs mit eigener Y-Achse, Korrelations-Badge (wie .te-chart-corr), KPI-Farben wie TE_COLORS */
.te{display:grid;grid-template-columns:minmax(0,1fr) calc(124 * var(--dp));gap:calc(10 * var(--dp));margin-top:calc(10 * var(--dp))}
.te-summen{display:grid;grid-template-columns:1fr 1fr;gap:calc(8 * var(--dp))}
.te-summen > div{display:grid;gap:calc(2 * var(--dp));padding:calc(7 * var(--dp)) calc(9 * var(--dp));border:calc(1 * var(--dp)) solid #E8E5DF;border-radius:0;background:#fff}
.te-summen small{display:flex;align-items:center;gap:calc(5 * var(--dp));font-size:calc(5.5 * var(--dp));font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#8A867E}
.te-summen b{font-family:'Geist Mono',monospace;font-size:calc(12 * var(--dp));font-weight:500;letter-spacing:-.01em}
.te-summen span{font-size:calc(6 * var(--dp));color:#9A968E}
.te-m{display:inline-block;flex:none;width:calc(10 * var(--dp));height:calc(2 * var(--dp));border-radius:0;background:#1D4ED8}
.te-m2{background:#C2410C}
.te-karte{margin-top:calc(8 * var(--dp));padding:calc(9 * var(--dp)) calc(10 * var(--dp)) calc(8 * var(--dp));border:calc(1 * var(--dp)) solid #E8E5DF;border-radius:0;background:#fff}
.te-karte .ba-dttl{margin-top:0 !important}
.te-periode{font-family:'Geist Mono',monospace;font-size:calc(6.5 * var(--dp));letter-spacing:0;text-transform:none;color:#3A3833 !important}
.te-plot{position:relative;margin-top:calc(6 * var(--dp))}
.te-plot svg{display:block;width:100%;height:auto;overflow:visible}
.te-grid line{stroke:#EFECE6;stroke-width:.6}
.te-lage{transition:opacity .35s}
.te-lage.weg{opacity:0}
.te-lage path{fill:none;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.te-lage.dicht path{stroke-width:.8}
.te-lage .te-l1{stroke:#1D4ED8}
.te-lage .te-l2{stroke:#C2410C}
.te-lage circle{fill:#fff;stroke-width:1.2;opacity:0}
.te-lage .te-p1{stroke:#1D4ED8}
.te-lage .te-p2{stroke:#C2410C}
.te-lage.zeichnen path{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1)}
.te-lage.zeichnen .te-l2{transition-delay:.12s}
.te-lage.zeichnen circle{opacity:1;transition:opacity .3s .8s}
.te-x{position:relative;height:calc(9 * var(--dp));margin-top:calc(3 * var(--dp));font-family:'Geist Mono',monospace;font-size:calc(5.5 * var(--dp));color:#9A968E}
.te-x span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.te-legende{display:flex;align-items:center;gap:calc(10 * var(--dp));margin-top:calc(7 * var(--dp));padding-top:calc(7 * var(--dp));border-top:calc(1 * var(--dp)) solid #EFECE6;font-size:calc(6.5 * var(--dp));color:#3A3833}
.te-legende > span{display:flex;align-items:center;gap:calc(5 * var(--dp))}
.te-korr{margin-left:auto;padding:calc(2.5 * var(--dp)) calc(7 * var(--dp));border:calc(1 * var(--dp)) solid #B4D8C3;border-radius:0;background:#E6F3EC;color:#1F5A3A;font-family:'Geist Mono',monospace;font-size:calc(6.5 * var(--dp));white-space:nowrap}
.te-korr b{font-weight:600}
.te-tip{position:absolute;display:grid;gap:calc(2 * var(--dp));padding:calc(5 * var(--dp)) calc(7 * var(--dp));border-radius:0;background:#1A1916;color:#F2EEE5;font-size:calc(6.5 * var(--dp));white-space:nowrap;opacity:0;transform:translate(calc(8 * var(--dp)),-50%);transition:opacity .2s;pointer-events:none}
.te-tip.links{transform:translate(calc(-100% - calc(8 * var(--dp))),-50%)}
.te-tip b{font-weight:500}
.te-tip em{margin-left:calc(4 * var(--dp));font-family:'Geist Mono',monospace;font-style:normal}
.te-plot.tipp .te-tip{opacity:1}
.te-panel{display:grid;align-content:start;gap:calc(5 * var(--dp));padding:calc(9 * var(--dp));border:calc(1 * var(--dp)) solid #E8E5DF;border-radius:0;background:#fff}
.te-pttl{display:flex;justify-content:space-between;margin-top:calc(5 * var(--dp)) !important;font-size:calc(7 * var(--dp));font-weight:500}
.te-pttl:first-child{margin-top:0 !important}
.te-pttl span{font-family:'Geist Mono',monospace;font-size:calc(6 * var(--dp));font-weight:500;color:#8A867E}
.te-metric{display:flex;align-items:center;gap:calc(5 * var(--dp));height:calc(17 * var(--dp));padding:0 calc(6 * var(--dp));border:calc(1 * var(--dp)) solid #E8E5DF;border-radius:0;font-size:calc(7 * var(--dp))}
.te-select{display:flex;align-items:center;justify-content:space-between;height:calc(18 * var(--dp));padding:0 calc(6 * var(--dp));border:calc(1 * var(--dp)) solid #E8E5DF;border-radius:0;font-size:calc(7 * var(--dp));transition:background-color .15s}
.te-select em,.ba-zeitraum em{font-style:normal}
.te-select b{font-size:calc(5.5 * var(--dp));font-weight:400;color:#9A968E}
.te-select.hover,.ba-zeitraum.hover{background:#F4F2EE}
.ba-zeitraum{transition:background-color .15s}

/* Auswahlmenüs (Position setzt demo.js unter den Knopf) */
.ba-menue{position:absolute;z-index:5;display:grid;min-width:calc(96 * var(--dp));padding:calc(4 * var(--dp));border:calc(1 * var(--dp)) solid #E8E5DF;border-radius:0;background:#fff;box-shadow:0 calc(12 * var(--dp)) calc(30 * var(--dp)) rgba(0,0,0,.14);font-size:calc(7.5 * var(--dp));opacity:0;transform:translateY(calc(-4 * var(--dp)));transition:opacity .18s,transform .18s;pointer-events:none}
.ba-menue.offen{opacity:1;transform:none}
.ba-menue > span{display:flex;align-items:center;gap:calc(6 * var(--dp));height:calc(18 * var(--dp));padding:0 calc(6 * var(--dp));border-radius:0;white-space:nowrap;transition:background-color .12s}
.ba-menue > span.hover{background:#F4F2EE}
.ba-menue > span.gewaehlt::after{content:"✓";margin-left:auto;padding-left:calc(12 * var(--dp));font-size:calc(6.5 * var(--dp));color:#3A3833}

/* Zeiger (runder Punkt wie im Referenzvideo), Klick = kurz kleiner + Welle */
.ba-cursor{position:absolute;z-index:9;left:86%;top:84%;width:calc(17 * var(--dp));height:calc(17 * var(--dp));margin:calc(-8.5 * var(--dp)) 0 0 calc(-8.5 * var(--dp));border-radius:50%;background:rgba(14,14,12,.86);box-shadow:0 0 0 calc(1.5 * var(--dp)) rgba(255,255,255,.95),0 calc(4 * var(--dp)) calc(12 * var(--dp)) rgba(0,0,0,.28);transition:left var(--zeit,.6s) cubic-bezier(.45,.05,.2,1),top var(--zeit,.6s) cubic-bezier(.45,.05,.2,1),transform .12s ease;pointer-events:none}
.ba-cursor.klick{transform:scale(.78)}
.ba-cursor::after{content:"";position:absolute;inset:calc(-1.5 * var(--dp));border:calc(1.5 * var(--dp)) solid rgba(14,14,12,.45);border-radius:50%;opacity:0}
.ba-cursor.welle::after{animation:ba-welle .55s ease-out}
@keyframes ba-welle{from{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}

/* Ohne Bewegung: demo.js setzt den Endzustand, hier nur Übergänge und Zeiger aus */
@media (prefers-reduced-motion:reduce){
  .ba *,.ba-cursor{transition:none !important;animation:none !important}
  .ba-cursor{display:none}
}

@media (max-width:1100px){
  .bi-demo{padding-top:100px}
  .bi-demo-buehne{flex-direction:column;gap:16px;aspect-ratio:auto;padding:40px 24px}
  .bi-app{width:100%}
}