/* ---------- Leistungen (#leistungen): Themen-Tabs mit animierten Bento-Kacheln ----------
   Grundzustand (ohne JS): alle vier Themen untereinander. home-leis.js setzt .lx--tabs (Tabs aktiv),
   dazu .lx--scene (Desktop: gepinnter Einstieg mit Lichtsäulen), .lx--mob (Mobil) oder .lx--static (reduzierte Bewegung).
   Kachel = .lx-t__base (dunkler Grund, bleibt beim Wechsel kurz stehen) + .lx-t__face (Farbe, Visual, Text; wird gewischt). */
.lx{position:relative;z-index:2;padding-block:clamp(88px,11vw,150px);color:var(--ink)}
.lx-sprite{position:absolute;width:0;height:0;overflow:hidden}
.lx svg use{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lx__pin{position:relative;width:min(1320px,100% - 48px);margin-inline:auto}
.lx-fx{display:none}
.lx-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- Kopf ---------- */
.lx__head{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:24px 48px}
.lx__head>div{display:grid;gap:14px;justify-items:start}
.lx h2{margin:0;font-weight:500;font-size:clamp(30px,3.1vw,46px);line-height:1.04;letter-spacing:-.035em;text-wrap:balance}
.lx h2 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--ink-2)}
.lx__l{display:inline-block}
.lx__lede{margin:0 0 4px;max-width:38ch;font-size:14px;line-height:1.5;color:var(--muted);text-wrap:pretty}

/* ---------- Themen-Leiste ---------- */
.lx-tabs{position:relative;z-index:3;display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:clamp(20px,2.6vh,30px)}
.lx--tabs .lx-tabs{display:grid}
.lx-tab{position:relative;appearance:none;-webkit-appearance:none;margin:0;border:0;background:none;color:var(--ink-2);font:inherit;text-align:left;cursor:pointer;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"dot name no" ". sub sub";align-items:center;column-gap:11px;row-gap:4px;
  padding:clamp(12px,1.6vh,16px) 18px clamp(13px,1.7vh,17px);border-radius:16px;-webkit-tap-highlight-color:transparent;transition:color .4s var(--ease)}
.lx-tab>*{position:relative;z-index:1}
.lx-tab__surf{position:absolute!important;z-index:0!important;inset:0;border-radius:inherit;pointer-events:none;overflow:hidden;
  background:linear-gradient(180deg,rgba(22,22,30,.74),rgba(12,12,17,.86));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  transition:border-color .5s var(--ease),box-shadow .6s var(--ease),background .6s}
.lx-tab__surf::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .6s var(--ease);
  background:radial-gradient(70% 140% at 50% -20%,rgba(var(--tc),.42),rgba(var(--tc),.1) 55%,transparent 80%)}
.lx-tab__surf::after{content:"";position:absolute;left:18%;right:18%;top:0;height:1px;opacity:0;transition:opacity .6s;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent)}
.lx-tab__dot{grid-area:dot;width:8px;height:8px;border-radius:50%;background:rgb(var(--tc));opacity:.55;box-shadow:0 0 0 3px rgba(var(--tc),.1);transition:opacity .4s,box-shadow .5s}
.lx-tab__name{grid-area:name;font-weight:600;font-size:clamp(16px,1.3vw,19px);letter-spacing:-.02em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx-tab__no{grid-area:no;font:500 11px/1 var(--mono);letter-spacing:.1em;color:var(--muted);transition:color .4s}
.lx-tab__sub{grid-area:sub;font-size:12.5px;line-height:1.3;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx-tab:hover{color:var(--ink)}
.lx-tab:hover .lx-tab__surf{border-color:rgba(255,255,255,.16)}
.lx-tab:hover .lx-tab__dot{opacity:.9}
.lx-tab[aria-selected="true"]{color:var(--ink)}
.lx-tab[aria-selected="true"] .lx-tab__surf{border-color:rgba(var(--tc),.5);background:linear-gradient(180deg,rgba(var(--tc),.09),rgba(12,12,17,.88));
  box-shadow:0 0 0 1px rgba(var(--tc),.1),0 22px 50px -26px rgba(var(--tc),.85),inset 0 1px 0 rgba(255,255,255,.1)}
.lx-tab[aria-selected="true"] .lx-tab__surf::before,.lx-tab[aria-selected="true"] .lx-tab__surf::after{opacity:1}
.lx-tab[aria-selected="true"] .lx-tab__dot{opacity:1;box-shadow:0 0 0 3px rgba(var(--tc),.18),0 0 14px 2px rgba(var(--tc),.9)}
.lx-tab[aria-selected="true"] .lx-tab__no{color:rgb(var(--tc))}
.lx-tab:focus-visible{outline:2px solid rgb(var(--tc));outline-offset:3px;border-radius:16px}
.lx-tabs__ind{position:absolute;z-index:4;left:0;bottom:-1px;width:0;height:2px;border-radius:2px;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,transparent,rgb(var(--ic,91,140,255)) 22%,#fff 50%,rgb(var(--ic,91,140,255)) 78%,transparent);box-shadow:0 0 14px 2px rgba(var(--ic,91,140,255),.75)}
.lx--tabs .lx-tabs__ind{opacity:1}

/* ---------- Bühne und Raster ---------- */
.lx-stage{position:relative;margin-top:clamp(12px,1.6vh,16px)}
.lx-spot{position:absolute;left:0;top:0;width:680px;height:680px;margin:-340px 0 0 -340px;border-radius:50%;pointer-events:none;z-index:0;opacity:0;
  background:radial-gradient(closest-side,rgba(var(--sc,91,140,255),.22),rgba(var(--sc,91,140,255),.07) 45%,transparent 72%);transition:opacity .6s var(--ease);will-change:transform}
.lx-stage.is-spot .lx-spot{opacity:1}
.lx-panel{position:relative;z-index:1;display:grid;gap:12px;outline:none}
.lx-panel+.lx-panel{margin-top:56px}
.lx--tabs .lx-panel+.lx-panel{margin-top:0}
.lx-panel__cap{grid-column:1/-1;margin:0 0 4px;font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--tc))}
.lx--tabs .lx-panel__cap{display:none}
.lx-panel:focus-visible{outline:2px solid rgba(var(--tc),.6);outline-offset:6px;border-radius:24px}
@media (min-width:861px){
  .lx-panel{grid-template-rows:repeat(2,310px)}
  .lx-panel__cap{grid-row:auto}
  .lx:not(.lx--tabs) .lx-panel{grid-template-rows:auto repeat(2,310px)}
  .lx-panel--web{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.94fr) minmax(0,1fr);grid-template-areas:"a b c d" "a e c f"}
  .lx-panel--ki{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"b a c d" "e a f d"}
  .lx-panel--os{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr);grid-template-areas:"b b c a" "d e f a"}
  .lx-panel--care{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"b b a c" "d e a f"}
  .lx:not(.lx--tabs) .lx-panel--web{grid-template-areas:"cap cap cap cap" "a b c d" "a e c f"}
  .lx:not(.lx--tabs) .lx-panel--ki{grid-template-areas:"cap cap cap cap" "b a c d" "e a f d"}
  .lx:not(.lx--tabs) .lx-panel--os{grid-template-areas:"cap cap cap cap" "b b c a" "d e f a"}
  .lx:not(.lx--tabs) .lx-panel--care{grid-template-areas:"cap cap cap cap" "b b a c" "d e a f"}
  .lx:not(.lx--tabs) .lx-panel__cap{grid-area:cap}
}

/* ---------- Kachel ---------- */
.lx-t{--r:22px;--p:clamp(16px,1.5vw,22px);position:relative;min-width:0;min-height:0;border-radius:var(--r);will-change:transform}
.lx-t__base{position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(17,17,23,.94),rgba(10,10,14,.96));border:1px solid rgba(255,255,255,.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 40px 80px -56px rgba(0,0,0,.95)}
/* Kachel-Oberfläche: Grund je Behandlung (--lx-bg) + feines Korn darüber */
.lx-t{--lx-bg:linear-gradient(180deg,rgba(var(--tc),.04),rgba(var(--tc),.012) 60%,rgba(5,5,8,.2))}
.lx-t__face{position:absolute;inset:0;z-index:1;border-radius:inherit;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;
  background:url(assets/home/leis/grain.webp) 0 0/128px 128px,var(--lx-bg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -60px 70px -50px rgba(0,0,0,.6)}
/* Muster-Ebene (Punktraster, Ringe, Schliff) */
.lx-t__face::before{content:"";position:absolute;z-index:-1;pointer-events:none}
/* Haarlinie mit Verlauf: oben heller, unten fast unsichtbar */
.lx-t__face::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1px;pointer-events:none;
  background:var(--lx-bd,linear-gradient(180deg,rgba(255,255,255,.2),rgba(var(--tc),.16) 24%,rgba(255,255,255,.045) 62%,rgba(var(--tc),.09)));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
/* Licht in der Kachel */
.lx-t__glow{position:absolute;inset:0;z-index:-1;pointer-events:none}
.lx-t__glow::before,.lx-t__glow::after{content:"";position:absolute;pointer-events:none}

/* ---------- Behandlungen (7): je Thema nie zweimal nebeneinander, die Hauptkachel trägt den Lichtkegel ---------- */
/* 1 Lichtkegel von oben (Hauptkachel, hellste Fläche), Punktraster nur im Licht */
.lx-t[data-l^="beam"]{--lx-bg:radial-gradient(120% 62% at 50% 0%,rgba(var(--tc),.14),transparent 64%),linear-gradient(180deg,rgba(var(--tc),.06),rgba(var(--tc),.018) 55%,rgba(5,5,8,.18));
  --lx-bd:radial-gradient(46% 30% at 50% 0%,rgba(255,255,255,.62),transparent 100%),linear-gradient(180deg,rgba(var(--tc),.3),rgba(var(--tc),.12) 30%,rgba(255,255,255,.05) 64%,rgba(var(--tc),.12))}
.lx-t[data-l^="beam"] .lx-t__face::before{left:12%;right:12%;top:0;height:86%;opacity:.7;
  background-image:radial-gradient(rgba(255,255,255,.34) .8px,transparent 1.3px);background-size:13px 13px;background-position:center top;
  clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);-webkit-mask:radial-gradient(70% 90% at 50% 0%,#000 10%,transparent 78%);mask:radial-gradient(70% 90% at 50% 0%,#000 10%,transparent 78%)}
.lx-t[data-l^="beam"] .lx-t__glow{background:radial-gradient(52% 40% at 50% -4%,rgba(var(--tc),.5),rgba(var(--tc),.13) 52%,transparent 100%)}
.lx-t[data-l^="beam"] .lx-t__glow::before{left:50%;top:-6%;width:70%;height:80%;transform:translateX(-50%);filter:blur(16px);opacity:.78;
  background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(var(--tc),.32) 26%,rgba(var(--tc),.06) 64%,transparent);clip-path:polygon(41% 0,59% 0,100% 100%,0 100%)}
.lx-t[data-l^="beam"] .lx-t__glow::after{left:50%;top:-14px;width:44%;height:28px;transform:translateX(-50%);border-radius:50%;background:rgba(255,255,255,.58);filter:blur(14px)}
.lx-t[data-l="beam-warm"] .lx-t__glow{background:radial-gradient(48% 46% at 50% -6%,rgba(255,226,196,.42),rgba(var(--tc),.22) 40%,rgba(var(--tc),.05) 72%,transparent 100%)}
.lx-t[data-l="beam-warm"] .lx-t__glow::before{width:64%;height:84%;top:-8%;filter:blur(18px);opacity:.8;
  background:linear-gradient(180deg,rgba(255,236,214,.62),rgba(244,160,108,.3) 30%,rgba(var(--tc),.06) 70%,transparent);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%)}
.lx-t[data-l="beam-warm"] .lx-t__glow::after{width:40%;height:26px;background:rgba(255,240,224,.6)}

/* 2 Onyx: fast schwarz, Korn, Haarlinie oben, winziger Glow am unteren Rand */
.lx-t[data-l="onyx"]{--lx-bg:radial-gradient(46% 16% at 50% 101%,rgba(var(--tc),.2),transparent 100%),linear-gradient(126deg,transparent 30%,rgba(255,255,255,.022) 44%,transparent 58%),linear-gradient(180deg,#0c0c11,#08080b 64%,#060609);
  --lx-bd:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.04) 26%,rgba(255,255,255,.025) 76%,rgba(var(--tc),.34))}
.lx-t[data-l="onyx"] .lx-t__face{box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 0 50px rgba(0,0,0,.7)}
.lx-t[data-l="onyx"] .lx-t__face::before{inset:0;opacity:.85;background:url(assets/home/leis/grain.webp) 37px 61px/128px 128px}
.lx-t[data-l="onyx"] .lx-t__glow{background:radial-gradient(44% 26% at 50% 0%,rgba(255,255,255,.05),transparent 100%)}
.lx-t[data-l="onyx"] .lx-t__glow::before{left:16%;right:16%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55) 38%,rgba(var(--tc),.75) 62%,transparent)}
.lx-t[data-l="onyx"] .lx-t__glow::after{left:32%;right:32%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--tc),.95),transparent);box-shadow:0 0 14px 1px rgba(var(--tc),.55)}

/* 3 Streiflicht: weicher Lichtfächer aus der Ecke, wie Licht durch ein Fenster */
.lx-t[data-l^="rake"]{--lx-bg:radial-gradient(90% 80% at 0% 0%,rgba(var(--tc),.11),transparent 62%),linear-gradient(160deg,rgba(var(--tc),.045),rgba(var(--tc),.01) 50%,rgba(5,5,8,.24));
  --lx-bd:linear-gradient(135deg,rgba(255,255,255,.34),rgba(var(--tc),.2) 18%,rgba(255,255,255,.05) 46%,rgba(255,255,255,.03) 80%,rgba(var(--tc),.08))}
.lx-t[data-l="rake-r"]{--lx-bg:radial-gradient(90% 80% at 100% 0%,rgba(var(--tc),.11),transparent 62%),linear-gradient(200deg,rgba(var(--tc),.045),rgba(var(--tc),.01) 50%,rgba(5,5,8,.24));
  --lx-bd:linear-gradient(225deg,rgba(255,255,255,.34),rgba(var(--tc),.2) 18%,rgba(255,255,255,.05) 46%,rgba(255,255,255,.03) 80%,rgba(var(--tc),.08))}
.lx-t[data-l="rake-r"] .lx-t__glow{transform:scaleX(-1)}
.lx-t[data-l^="rake"] .lx-t__glow{background:radial-gradient(58% 46% at 0% 0%,rgba(var(--tc),.26),rgba(var(--tc),.06) 56%,transparent 82%)}
.lx-t[data-l^="rake"] .lx-t__glow::before{inset:-2px;filter:blur(7px);
  background:conic-gradient(from 104deg at -4% -6%,transparent 0deg,rgba(var(--tc),.34) 5deg 13deg,transparent 17deg 21deg,rgba(255,255,255,.1) 24deg,rgba(var(--tc),.3) 26deg 35deg,transparent 39deg 43deg,rgba(var(--tc),.2) 46deg 53deg,transparent 57deg);
  -webkit-mask:radial-gradient(130% 110% at 0% 0%,#000,rgba(0,0,0,.42) 42%,transparent 78%);mask:radial-gradient(130% 110% at 0% 0%,#000,rgba(0,0,0,.42) 42%,transparent 78%)}
.lx-t[data-l^="rake"] .lx-t__glow::after{left:-70px;top:-60px;width:200px;height:150px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.3),rgba(var(--tc),.14) 55%,transparent);filter:blur(6px)}

/* 4 Horizont: Licht steigt hinter einer feinen Horizontlinie auf, Text liegt im Dunkeln darunter */
.lx-t[data-l="horizon"]{--hz:60%;--lx-bg:linear-gradient(180deg,rgba(var(--tc),.018),rgba(var(--tc),.05) 50%,rgba(5,5,8,.2));
  --lx-bd:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.04) 34%,rgba(var(--tc),.2) 60%,rgba(255,255,255,.03) 76%,rgba(var(--tc),.07))}
.lx-t[data-l="horizon"] .lx-t__glow{background:radial-gradient(64% 44% at 50% var(--hz),rgba(var(--tc),.3),rgba(var(--tc),.07) 58%,transparent 82%)}
.lx-t[data-l="horizon"] .lx-t__glow::before{left:-65%;right:-65%;top:var(--hz);height:160%;border-radius:50%;
  background:linear-gradient(180deg,#0b0b10,#09090c 30%,#08080b);border-top:1px solid rgba(255,255,255,.42);
  box-shadow:0 -14px 46px -14px rgba(var(--tc),.75),inset 0 22px 30px -22px rgba(var(--tc),.28)}
.lx-t[data-l="horizon"] .lx-t__glow::after{left:28%;right:28%;top:calc(var(--hz) - 1px);height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);box-shadow:0 0 16px 2px rgba(var(--tc),.65);filter:blur(.4px)}

/* 5 Konzentrische Ringe hinter dem Visual, oben angestrahlt */
.lx-t[data-l="rings"]{--ry:40%;--lx-bg:radial-gradient(60% 48% at 50% var(--ry),rgba(var(--tc),.1),transparent 72%),linear-gradient(180deg,rgba(var(--tc),.03),rgba(var(--tc),.01) 60%,rgba(5,5,8,.22))}
.lx-t[data-l="rings"] .lx-t__face::before{left:50%;top:var(--ry);width:max(150%,560px);aspect-ratio:1;transform:translate(-50%,-50%);opacity:.6;
  background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(var(--tc),.6) 34%,rgba(var(--tc),.16) 56%,transparent 74%);
  -webkit-mask:url(assets/home/leis/rings.svg) center/100% 100% no-repeat,radial-gradient(closest-side,#000 40%,transparent 96%);-webkit-mask-composite:source-in;
  mask:url(assets/home/leis/rings.svg) center/100% 100% no-repeat,radial-gradient(closest-side,#000 40%,transparent 96%);mask-composite:intersect}
.lx-t[data-l="rings"] .lx-t__glow{background:radial-gradient(26% 22% at 50% var(--ry),rgba(var(--tc),.2),transparent 100%)}

/* 6 Satin: gebürstete Fläche mit Glanzband, das beim Hover langsam weiterwandert */
.lx-t[data-l="satin"]{--lx-bg:linear-gradient(118deg,rgba(255,255,255,.04),rgba(var(--tc),.06) 22%,rgba(8,8,12,.12) 48%,rgba(var(--tc),.045) 72%,rgba(255,255,255,.022)),linear-gradient(180deg,rgba(var(--tc),.025),rgba(5,5,8,.26));
  --lx-bd:linear-gradient(118deg,rgba(255,255,255,.28),rgba(255,255,255,.06) 28%,rgba(var(--tc),.18) 52%,rgba(255,255,255,.04) 78%,rgba(255,255,255,.14))}
.lx-t[data-l="satin"] .lx-t__face::before{inset:0;opacity:.42;background:url(assets/home/leis/brushed.webp) 0 0/420px 192px;
  -webkit-mask:linear-gradient(180deg,#000,rgba(0,0,0,.35) 80%);mask:linear-gradient(180deg,#000,rgba(0,0,0,.35) 80%)}
.lx-t[data-l="satin"] .lx-t__glow::before{top:-30%;bottom:-30%;left:2%;width:42%;transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.025) 26%,rgba(var(--tc),.16) 46%,rgba(255,255,255,.1) 51%,rgba(var(--tc),.06) 58%,transparent 80%);
  transition:translate 3.4s cubic-bezier(.3,.1,.2,1)}
.lx-t[data-l="satin"]:hover .lx-t__glow::before{translate:125% 0}
@media (prefers-reduced-motion:reduce){.lx-t[data-l="satin"] .lx-t__glow::before{transition:none}.lx-t[data-l="satin"]:hover .lx-t__glow::before{translate:none}}
.lx-t[data-l="satin"] .lx-t__glow::after{left:6%;right:6%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5) 30%,rgba(255,255,255,.18) 70%,transparent)}

/* 7 Glas-Inset: dunkle Fläche, eingelassene Glasscheibe hinter dem Visual */
.lx-t[data-l="glass"]{--lx-bg:radial-gradient(70% 44% at 50% 34%,rgba(var(--tc),.08),transparent 72%),linear-gradient(180deg,rgba(9,9,13,.5),rgba(6,6,9,.62))}
.lx-t[data-l="glass"] .lx-t__vis::before{content:"";position:absolute;inset:-4px max(7px,calc(var(--p) - 15px)) 6px;border-radius:16px;pointer-events:none;
  background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.035) 44%,transparent 54%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01) 46%,rgba(var(--tc),.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.045),inset 0 -1px 0 rgba(var(--tc),.28),inset 0 16px 30px -20px rgba(0,0,0,.95),0 24px 40px -26px rgba(0,0,0,.95)}
.lx-t[data-l="glass"] .lx-t__glow{background:radial-gradient(46% 30% at 50% 40%,rgba(var(--tc),.16),transparent 100%)}

.lx-t__no{position:relative;flex:none;display:inline-flex;align-items:center;gap:8px;padding:var(--p) var(--p) 0;font:500 11px/1 var(--mono);letter-spacing:.12em;color:rgba(242,241,238,.5)}
.lx-t__no::before{content:"";width:5px;height:5px;border-radius:50%;background:rgb(var(--tc));box-shadow:0 0 10px rgba(var(--tc),.9)}
.lx-t__badge{position:absolute;z-index:3;top:calc(var(--p) - 7px);right:var(--p);display:inline-flex;align-items:center;gap:8px;height:26px;padding:0 11px;border-radius:999px;
  font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);border:1px solid rgba(255,255,255,.1);background:rgba(12,12,18,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lx-t__badge::before{content:"";width:5px;height:5px;border-radius:50%;background:rgb(var(--tc))}
.lx-t__vis{position:relative;flex:1 1 auto;min-height:0;margin:6px 0;container-type:size;transform-origin:50% 60%}
.lx-t__copy{position:relative;flex:none;padding:0 var(--p) var(--p)}
.lx-t__h{margin:0;font-weight:600;font-size:clamp(17px,1.35vw,20px);line-height:1.12;letter-spacing:-.025em;color:var(--ink);text-wrap:balance}
.lx-t__h .lx-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.lx-t__h .lx-ch{display:inline-block}
.lx-t__p{margin:6px 0 0;max-width:46ch;font-size:13.5px;line-height:1.45;color:var(--muted);text-wrap:pretty}
.lx-t__p b{font-weight:500;color:var(--ink)}
.lx-t__src{display:block;margin-top:7px;font:400 10px/1.3 var(--mono);letter-spacing:.03em;color:rgba(142,142,154,.72)}
.lx-t__link{position:relative;margin-top:14px;display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:var(--ink);border-radius:999px;outline-offset:4px}
.lx-t__link i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-style:normal;font-size:13px;border:1px solid rgba(var(--tc),.5);background:rgba(var(--tc),.08);transition:background .35s var(--ease),border-color .35s,color .35s,transform .5s var(--ease)}
.lx-t__link:hover i,.lx-t__link:focus-visible i{background:rgb(var(--tc));border-color:rgb(var(--tc));color:#0B0B10;transform:translateX(4px)}
.lx-t__link::after{content:"";position:absolute;left:0;right:42px;bottom:-3px;height:1px;background:rgba(var(--tc),.6);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--ease)}
.lx-t__link:hover::after{transform:scaleX(1)}
.lx-t__link:focus-visible{outline:2px solid rgb(var(--tc))}
.lx-t--main .lx-t__h{font-size:clamp(26px,2.4vw,36px);line-height:1.02;letter-spacing:-.04em}
.lx-t--main .lx-t__p{font-size:14px;max-width:40ch}

/* Zahlen-Kachel */
.lx-n{margin:0 0 6px;display:flex;align-items:baseline;gap:6px;line-height:.86}
.lx-n__v{font-weight:600;font-size:clamp(46px,4.4vw,68px);letter-spacing:-.055em;font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,#fff 25%,rgba(var(--tc),1) 120%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(var(--tc),.25)}
.lx-n__u{font-weight:500;font-size:clamp(20px,1.7vw,26px);letter-spacing:-.03em;color:rgb(var(--tc))}
.lx-n__pre{font-size:15px;color:var(--muted);align-self:flex-end;margin-bottom:4px}
.lx-t--num .lx-t__p,.lx-t--price .lx-t__p{margin-top:4px}

/* Wisch-Kante beim Themenwechsel (setzt home-leis.js) */
.lx-t__sw{position:absolute;inset:0;z-index:4;border-radius:inherit;overflow:hidden;pointer-events:none}
.lx-t__sweep{position:absolute;inset:0;opacity:0}
.lx-t__sweep b{position:absolute;left:0;top:0;right:0;height:1px;margin-top:-.5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95) 30%,rgba(255,255,255,.95) 70%,transparent);
  box-shadow:0 0 10px 1px rgba(var(--tc),.9),0 0 34px 4px rgba(var(--tc),.35)}
.lx-t__sweep.is-v b{right:auto;bottom:0;width:1px;height:auto;margin:0 0 0 -.5px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.95) 30%,rgba(255,255,255,.95) 70%,transparent)}
/* Hover: Rand leuchtet am Cursor, Funken */
.lx-t::after{content:"";position:absolute;inset:0;z-index:5;border-radius:inherit;pointer-events:none;padding:1.5px;
  background:radial-gradient(var(--gr,420px) circle at var(--gx,-500px) var(--gy,-500px),rgba(var(--tc),var(--gi,0)),rgba(var(--tc),calc(var(--gi,0) * .45)) 30%,transparent 70%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.lx-t__fx{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;border-radius:inherit}
.lx-t__fx i{position:absolute;left:0;top:0;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:rgb(var(--tc));box-shadow:0 0 6px 1px rgba(var(--tc),.9),0 0 16px 3px rgba(var(--tc),.35)}

/* ---------- gemeinsame UI-Bausteine ---------- */
.lx-t__vis svg{width:14px;height:14px}
.lx-ui,.lxa-chat,.lxa-doc,.lxa-push__n,.lxo-inv,.lxc-job,.lxc-me__call,.lxw-se__q{background:linear-gradient(180deg,rgba(30,30,40,.78),rgba(16,16,22,.86));border:1px solid rgba(255,255,255,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 24px 46px -24px rgba(0,0,0,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* Raster-Spalten und Flex-Texte dürfen schrumpfen (sonst schieben nowrap-Texte die Karten breiter) */
.lxa-chat,.lxa-doc,.lxo-inv,.lxc-job,.lxo-inbox,.lxa-doc__rows,.lxo-team ul,.lxc-host ul{grid-template-columns:minmax(0,1fr)}
.lxa-doc__hd b,.lxo-inv__hd b,.lxc-job__hd b,.lxa-doc__rows li span,.lxw-se__t{min-width:0}
.lxa-doc__rows li span{flex:1 1 auto}

/* ===================== Websites ===================== */
/* 01 Browser baut die Demo, echte Kundenseiten wischen herein */
.lxw-br{position:absolute;left:50%;top:50%;width:min(calc(100cqw - 2 * var(--p)),calc((100cqh - 34px) * 1.6));transform:translate(-50%,-52%);border-radius:12px;overflow:hidden;background:#111117;
  border:1px solid rgba(255,255,255,.14);box-shadow:0 50px 90px -40px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.03),0 0 120px -30px rgba(var(--tc),.8)}
.lxw-br__bar{display:flex;align-items:center;gap:5px;height:26px;padding:0 11px;background:#17171d;border-bottom:1px solid rgba(255,255,255,.07)}
.lxw-br__bar>i{width:7px;height:7px;border-radius:50%;background:#34343c}
.lxw-br__url{position:relative;margin:0 auto;width:62%;height:16px;border-radius:5px;background:#0c0c10;display:flex;align-items:center;justify-content:center;font:400 9.5px/1 var(--mono);color:var(--muted);white-space:nowrap;overflow:hidden}
.lxw-br__url em{font-style:normal;color:rgb(var(--tc))}
.lxw-br__dom{display:inline-grid}
.lxw-br__dom span{grid-area:1/1;opacity:0}
.lxw-br__dom span:first-child{opacity:1}
.lxw-br__view{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0d0e14}
.lxw-br__wire{position:absolute;inset:0;padding:6% 7%;display:grid;grid-template-rows:auto 1fr auto;gap:9%}
.lxw-br__wire i{display:block;border-radius:4px;background:rgba(var(--tc),.16);transform-origin:0 50%}
.lxw-br__nav{display:flex;align-items:center;gap:5%}
.lxw-br__nav i{height:6px;width:9%}
.lxw-br__nav .w-logo{width:15%;height:9px;margin-right:auto;background:rgba(255,255,255,.22)}
.lxw-br__nav .w-btn{width:12%;height:14px;border-radius:999px;background:rgba(var(--tc),.55)}
.lxw-br__hero{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center}
.lxw-br__hero>div{display:grid;gap:8px}
.lxw-br__hero .w-l1,.lxw-br__hero .w-l2{height:13px;background:rgba(255,255,255,.2)}
.lxw-br__hero .w-l1{width:94%}.lxw-br__hero .w-l2{width:70%}
.lxw-br__hero .w-l3{height:6px;width:82%;margin-top:3px}
.lxw-br__hero .w-cta{height:15px;width:40%;border-radius:999px;margin-top:5px;background:rgba(var(--tc),.6)}
.lxw-br__hero .w-img{height:100%;min-height:50px;border-radius:8px;background:linear-gradient(160deg,rgba(var(--tc),.38),rgba(var(--tc),.08))}
.lxw-br__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:5%}
.lxw-br__cards i{height:26px;border-radius:7px}
.lxw-br__shot{position:absolute;inset:0;margin:0;overflow:hidden;clip-path:inset(100% 0 0 0)}
.lxw-br__shot:nth-of-type(1){clip-path:inset(0)}
.lxw-br__shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.lxw-br__scan{position:absolute;left:0;right:0;top:0;height:2px;margin-top:-1px;opacity:0;background:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent);box-shadow:0 0 14px 2px rgba(var(--tc),.9),0 0 40px 6px rgba(var(--tc),.45)}
.lxw-chip{position:absolute;z-index:2;left:calc(var(--p) + 4px);bottom:2px;display:inline-flex;align-items:center;gap:9px;height:32px;padding:0 13px;border-radius:999px;
  font:500 11px/1 var(--mono);letter-spacing:.04em;color:var(--ink);white-space:nowrap;background:rgba(12,12,18,.78);border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 36px -16px rgba(0,0,0,.85)}
.lxw-chip i{width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 10px var(--brand)}

/* 02 Handschrift: Schrift und Farben wechseln */
.lxw-type{position:absolute;inset:0 var(--p);display:flex;align-items:center;justify-content:center;gap:clamp(14px,6cqw,26px)}
.lxw-type__aa{position:relative;display:grid;place-items:center;width:min(42cqw,46cqh * 1.6,150px);aspect-ratio:1.25;border-radius:16px;
  background:linear-gradient(180deg,rgba(var(--tc),.14),rgba(var(--tc),.03));border:1px solid rgba(var(--tc),.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 50px -16px rgba(var(--tc),.7)}
.lxw-type__aa i{grid-area:1/1;font-style:normal;font-size:min(16cqw,30cqh,58px);line-height:1;color:#fff;opacity:0;text-shadow:0 0 30px rgba(var(--tc),.6)}
.lxw-type__aa i:first-child{opacity:1}
.lxw-type__sw{display:grid;gap:8px}
.lxw-type__sw i{display:block;width:min(9cqh,22px);height:min(9cqh,22px);border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 3px rgba(255,255,255,.03)}
.lxw-type__sw i:nth-child(1){background:#5B8CFF}.lxw-type__sw i:nth-child(2){background:#C9D7FF}.lxw-type__sw i:nth-child(3){background:#1E2A4A}
.lxw-type__ms{position:absolute;right:0;top:0;display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font:500 10px/1 var(--mono);letter-spacing:.06em;color:rgb(var(--tc));border:1px solid rgba(var(--tc),.35);background:rgba(var(--tc),.08)}
.lxw-type__ms::before{content:"";width:5px;height:5px;border-radius:50%;background:rgb(var(--tc));box-shadow:0 0 8px rgb(var(--tc))}

/* 03 Handy mit scrollender Kundenseite */
.lxw-ph{position:absolute;left:50%;top:50%;height:min(100cqh - 8px,440px);aspect-ratio:9/18.6;transform:translate(-50%,-50%) perspective(900px) rotateY(-16deg) rotateX(6deg) rotateZ(3deg);
  border-radius:clamp(20px,9cqw,30px);padding:5px;background:linear-gradient(150deg,#2a2a33,#0b0b10 40%,#1b1b22);border:1px solid rgba(255,255,255,.16);
  box-shadow:0 50px 80px -30px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.14),0 0 90px -20px rgba(var(--tc),.65)}
.lxw-ph__scr{position:relative;height:100%;border-radius:clamp(15px,7.4cqw,25px);overflow:hidden;background:#000}
.lxw-ph__scr img{display:block;width:100%;height:auto}
.lxw-ph__isl{position:absolute;left:50%;top:11px;width:30%;height:11px;margin-left:-15%;border-radius:999px;background:#000}
.lxw-ph__note{position:absolute;z-index:2;left:-14%;right:-14%;top:16%;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:13px;
  background:rgba(24,24,32,.82);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 40px -16px rgba(0,0,0,.9);
  transform:rotateZ(-3deg) rotateY(16deg);opacity:1}
.lxw-ph__note>i{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgb(var(--tc));color:#06101f}
.lxw-ph__note>span{display:grid;min-width:0}
.lxw-ph__note b{font-size:11.5px;font-weight:600}
.lxw-ph__note small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 04 In der Region gefunden */
.lxw-se{position:absolute;inset:0 var(--p);display:flex;flex-direction:column;justify-content:center;gap:8px}
.lxw-se__q{display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;font-size:12px;color:var(--ink);flex:none}
.lxw-se__q svg{color:rgb(var(--tc))}
.lxw-se__t{position:relative;white-space:nowrap;overflow:hidden}
.lxw-se__t::after{content:"";display:inline-block;width:1.5px;height:13px;margin-left:2px;vertical-align:-2px;background:rgb(var(--tc))}
.lxw-se__r{position:relative;margin:0;padding:0;list-style:none;height:94px;flex:none;width:calc(100% - 64px)}
.lxw-se__r li{position:absolute;left:0;right:0;top:calc(var(--i) * 32px);height:27px;display:flex;align-items:center;gap:8px;padding:0 8px;border-radius:9px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.lxw-se__r li:nth-child(1){--i:0}.lxw-se__r li:nth-child(2){--i:1}.lxw-se__r li:nth-child(3){--i:2}
.lxw-se__r li>i{flex:none;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.18)}
.lxw-se__r li>span{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.lxw-se__r s{display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.12);width:70%}
.lxw-se__r s+s{width:46%;background:rgba(255,255,255,.07)}
.lxw-se__r .is-you{background:linear-gradient(90deg,rgba(var(--tc),.2),rgba(var(--tc),.06));border-color:rgba(var(--tc),.5);box-shadow:0 0 24px -6px rgba(var(--tc),.7);z-index:1}
.lxw-se__r .is-you>i{background:rgb(var(--tc));box-shadow:0 0 10px rgb(var(--tc))}
.lxw-se__r .is-you>span{flex-direction:row;align-items:baseline;gap:7px}
.lxw-se__r .is-you b{font-size:11.5px;font-weight:600;white-space:nowrap}
.lxw-se__r .is-you small{font:400 9.5px/1 var(--mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lxw-se__r .is-you em{font:600 10px/1 var(--mono);font-style:normal;color:#06101f;background:rgb(var(--tc));border-radius:5px;padding:3px 5px}
.lxw-se__pin{position:absolute;right:2px;top:calc(50% + 2px);display:grid;justify-items:center;gap:5px;width:56px;color:rgb(var(--tc))}
.lxw-se__pin svg{width:22px;height:22px;position:relative;z-index:1;filter:drop-shadow(0 0 8px rgba(var(--tc),.9))}
.lxw-se__pin>i{position:absolute;left:50%;top:22px;width:46px;height:16px;margin:-8px 0 0 -23px;border-radius:50%;border:1px solid rgba(var(--tc),.5)}
.lxw-se__pin>i+i{width:76px;height:26px;margin:-13px 0 0 -38px;border-color:rgba(var(--tc),.22)}
.lxw-se__pin small{font:500 9.5px/1 var(--mono);letter-spacing:.06em;color:var(--ink-2)}

/* 05 Ladezeit */
.lxw-load{position:absolute;inset:0 var(--p);display:flex;flex-direction:column;justify-content:center;gap:9px}
.lxw-load__bar{position:relative;height:8px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);overflow:hidden}
.lxw-load__bar i{position:absolute;inset:0;border-radius:inherit;transform-origin:0 50%;background:linear-gradient(90deg,rgba(var(--tc),.25),rgb(var(--tc)) 85%,#fff);box-shadow:0 0 16px rgba(var(--tc),.8)}
.lxw-load__ax{display:flex;justify-content:space-between;font:400 9.5px/1 var(--mono);color:var(--muted)}
.lxw-load__ax .is-x{color:var(--ink);position:relative}
.lxw-load__ax .is-x::after{content:"";position:absolute;right:3px;bottom:calc(100% + 15px);width:1px;height:22px;background:linear-gradient(rgba(255,255,255,.7),transparent)}

/* 06 Livegang */
.lxw-tl{position:absolute;inset:0 var(--p);display:flex;flex-direction:column;justify-content:center}
.lxw-tl__on{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;margin-bottom:auto;border-radius:999px;font:500 10.5px/1 var(--mono);letter-spacing:.03em;color:var(--ink);border:1px solid rgba(var(--tc),.45);background:rgba(var(--tc),.1);box-shadow:0 0 26px -6px rgba(var(--tc),.8)}
.lxw-tl__on i{width:6px;height:6px;border-radius:50%;background:rgb(var(--tc));box-shadow:0 0 10px rgb(var(--tc))}
.lxw-tl__ax{margin-bottom:auto;display:flex;flex-direction:column}
.lxw-tl__span{align-self:flex-end;width:67%;display:flex;justify-content:center;padding-bottom:9px;margin-bottom:10px;border-bottom:1px dashed rgba(var(--tc),.45);font:500 10px/1 var(--mono);letter-spacing:.06em;color:rgb(var(--tc));position:relative}
.lxw-tl__line{position:relative;height:2px;margin:0 6px;border-radius:2px;background:rgba(255,255,255,.08)}
.lxw-tl__line i{position:absolute;inset:0;transform-origin:0 50%;border-radius:inherit;background:linear-gradient(90deg,rgba(var(--tc),.3),rgb(var(--tc)));box-shadow:0 0 12px rgba(var(--tc),.8)}
.lxw-tl__st{display:flex;justify-content:space-between;margin:-7px 0 0;padding:0;list-style:none}
.lxw-tl__st li{display:grid;justify-items:center;gap:8px;font-size:11px;color:var(--ink-2);width:12px;white-space:nowrap}
.lxw-tl__st li:first-child{justify-items:start}.lxw-tl__st li:last-child{justify-items:end}
.lxw-tl__st li>i{width:12px;height:12px;border-radius:50%;background:#16161d;border:2px solid rgb(var(--tc))}
.lxw-tl__st .is-live{color:var(--ink);font-weight:600}
.lxw-tl__st .is-live>i{background:rgb(var(--tc));box-shadow:0 0 0 4px rgba(var(--tc),.18),0 0 18px rgb(var(--tc))}

/* ===================== KI-Agenten ===================== */
.lxa-chat{position:absolute;left:50%;top:50%;width:min(calc(100cqw - 2 * var(--p)),380px);transform:translate(-50%,-50%);border-radius:18px;padding:12px;display:grid;gap:8px}
.lxa-chat__hd{display:flex;align-items:center;gap:9px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.07)}
.lxa-chat__hd>i{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:600 10px/1 var(--font);font-style:normal;color:#fff;background:linear-gradient(135deg,#3a3a46,#1d1d25);border:1px solid rgba(255,255,255,.12)}
.lxa-chat__hd>span{display:grid;flex:1;min-width:0}
.lxa-chat__hd b{font-size:12.5px;font-weight:600}
.lxa-chat__hd small{font:400 10px/1.3 var(--mono);color:var(--muted)}
.lxa-chat__hd em{font:500 9.5px/1 var(--mono);font-style:normal;letter-spacing:.05em;color:rgb(var(--tc));display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.lxa-chat__hd em::before{content:"";width:6px;height:6px;border-radius:50%;background:rgb(var(--tc));box-shadow:0 0 8px rgb(var(--tc))}
.lxa-chat__in,.lxa-chat__out{max-width:88%;padding:9px 12px 10px;border-radius:14px;font-size:12.5px;line-height:1.42}
.lxa-chat__in{justify-self:start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:5px;color:var(--ink-2)}
.lxa-chat__out{grid-row:3;grid-column:1;justify-self:end;background:linear-gradient(180deg,rgba(var(--tc),.26),rgba(var(--tc),.1));border:1px solid rgba(var(--tc),.42);border-bottom-right-radius:5px;color:var(--ink);box-shadow:0 0 40px -14px rgba(var(--tc),.8)}
.lxa-chat__out small{display:block;margin-bottom:4px;font:500 9.5px/1.2 var(--mono);letter-spacing:.04em;color:rgb(var(--tc))}
.lxa-chat__typ{grid-row:3;grid-column:1;justify-self:end;align-self:start;display:inline-flex;gap:4px;padding:10px 12px;border-radius:13px;border-bottom-right-radius:5px;background:rgba(var(--tc),.12);border:1px solid rgba(var(--tc),.3);opacity:0}
.lxa-chat__typ i{width:5px;height:5px;border-radius:50%;background:rgb(var(--tc))}
.lxa-chat__qr{display:flex;justify-content:flex-end;gap:6px}
.lxa-chat__qr span{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 11px;border-radius:999px;font-size:11.5px;color:var(--ink-2);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03)}
.lxa-chat__qr svg{width:12px;height:12px}
.lxa-chat__qr .is-on{color:#04201c;background:rgb(var(--tc));border-color:rgb(var(--tc));box-shadow:0 0 18px -2px rgba(var(--tc),.8)}

.lxa-cmp{position:absolute;inset:0 var(--p);display:flex;flex-direction:column;justify-content:center;gap:12px}
.lxa-cmp__r{display:grid;gap:6px}
.lxa-cmp__r small{font:400 10px/1 var(--mono);letter-spacing:.04em;color:var(--muted)}
.lxa-cmp__r i{display:block;height:10px;border-radius:99px;background:rgba(255,255,255,.05)}
.lxa-cmp__r b{display:block;height:100%;width:calc(var(--w) * 100%);border-radius:inherit;background:rgba(255,255,255,.22);transform-origin:0 50%}
.lxa-cmp__r.is-hi small{color:var(--ink)}
.lxa-cmp__r.is-hi b{background:linear-gradient(90deg,rgba(var(--tc),.35),rgb(var(--tc)) 80%,#fff);box-shadow:0 0 18px rgba(var(--tc),.75)}

.lxa-doc{position:absolute;left:var(--p);right:var(--p);top:50%;transform:translateY(-50%);border-radius:14px;padding:11px 12px;display:grid;gap:8px}
.lxa-doc__hd{display:flex;align-items:center;gap:7px;font-size:11.5px}
.lxa-doc__hd svg{color:rgb(var(--tc))}
.lxa-doc__hd b{font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lxa-doc__hd em{font:500 9px/1 var(--mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;padding:4px 6px;border-radius:999px;color:rgb(var(--tc));border:1px solid rgba(var(--tc),.45)}
.lxa-doc__rows{margin:0;padding:0;list-style:none;display:grid;gap:5px}
.lxa-doc__rows li{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--ink-2);white-space:nowrap}
.lxa-doc__rows li span{overflow:hidden;text-overflow:ellipsis}
.lxa-doc__rows b{font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink)}
.lxa-doc__rows .is-sum{padding-top:6px;border-top:1px solid rgba(255,255,255,.08);color:var(--ink)}
.lxa-doc__rows .is-sum b{color:rgb(var(--tc))}
.lxa-doc__btn{justify-self:end;display:inline-flex;align-items:center;height:24px;padding:0 11px;border-radius:999px;font-size:11px;font-weight:600;color:#04201c;background:rgb(var(--tc));box-shadow:0 0 22px -3px rgba(var(--tc),.85)}

.lxa-fu{position:absolute;inset:0 var(--p);margin:0;padding:0;list-style:none;display:flex;flex-direction:column;justify-content:center;gap:10px}
.lxa-fu::before{content:"";position:absolute;left:15px;top:calc(50% - 96px);height:192px;width:1px;background:linear-gradient(transparent,rgba(var(--tc),.5) 12%,rgba(var(--tc),.5) 88%,transparent)}
.lxa-fu li{position:relative;display:flex;align-items:center;gap:10px}
.lxa-fu li>i{flex:none;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:rgb(var(--tc));background:#0f1514;border:1px solid rgba(var(--tc),.4)}
.lxa-fu li>span{flex:1;min-width:0;display:grid;padding:8px 11px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);transition:none}
.lxa-fu b{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lxa-fu small{font:400 9.5px/1.4 var(--mono);color:var(--muted)}
.lxa-fu li:nth-child(2)>span{background:linear-gradient(90deg,rgba(var(--tc),.16),rgba(var(--tc),.04));border-color:rgba(var(--tc),.45);box-shadow:0 0 26px -8px rgba(var(--tc),.8)}
.lxa-fu .is-end>i{background:rgb(var(--tc));color:#04201c;box-shadow:0 0 18px -2px rgb(var(--tc))}

.lxa-push{position:absolute;inset:0 var(--p);display:flex;flex-direction:column;justify-content:center;gap:7px}
.lxa-push__bg{position:absolute;left:8%;right:8%;top:6%;bottom:-30%;border-radius:26px 26px 0 0;border:1px solid rgba(255,255,255,.1);border-bottom:0;
  background:radial-gradient(80% 60% at 50% 0%,rgba(var(--tc),.22),transparent 70%),linear-gradient(180deg,#141a1a,#0b0d0d);-webkit-mask:linear-gradient(#000 55%,transparent);mask:linear-gradient(#000 55%,transparent)}
.lxa-push__n{position:relative;display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:14px}
.lxa-push__n>i{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#0B0B10;border:1px solid rgba(255,255,255,.14)}
.lxa-push__n>i img{width:15px;height:auto}
.lxa-push__n>span{flex:1;min-width:0;display:grid}
.lxa-push__n b{font-size:12px;font-weight:600}
.lxa-push__n small{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lxa-push__n time{align-self:flex-start;font:400 9.5px/1 var(--mono);color:var(--muted)}
.lxa-push__act{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.lxa-push__act>span{display:grid;place-items:center;height:28px;border-radius:10px;font-size:11.5px;font-weight:500;color:var(--ink-2);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.lxa-push__ok{position:relative;overflow:hidden;color:#04201c!important;background:rgb(var(--tc))!important;border-color:rgb(var(--tc))!important;box-shadow:0 0 22px -4px rgba(var(--tc),.9)}
.lxa-push__ok em{grid-area:1/1;font-style:normal;display:inline-flex;align-items:center;gap:5px;font-weight:600}
.lxa-push__ok em:first-child{opacity:0}
.lxa-push__ok svg{width:12px;height:12px}
.lxa-push__tap{position:absolute;right:22%;bottom:calc(50% - 46px);width:26px;height:26px;margin:-13px;border-radius:50%;border:1.5px solid rgba(255,255,255,.8);background:rgba(255,255,255,.18);opacity:0;pointer-events:none}

.lxa-cal{position:absolute;left:var(--p);right:var(--p);top:50%;transform:translateY(-58%);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:5px}
.lxa-cal__d{display:grid;gap:5px;padding:6px 5px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}
.lxa-cal__d b{font:500 9.5px/1 var(--mono);letter-spacing:.05em;color:var(--muted);text-align:center;padding:2px 0 3px}
.lxa-cal__d>i{display:block;height:30px;border-radius:6px;border:1px dashed rgba(255,255,255,.08)}
.lxa-cal__d>i.is-busy{border:0;background:rgba(255,255,255,.07)}
.lxa-cal__d.is-on{border-color:rgba(var(--tc),.45);background:rgba(var(--tc),.07)}
.lxa-cal__d.is-on b{color:rgb(var(--tc))}
.lxa-cal__new{border:0!important;display:grid!important;align-content:center;padding:0 5px;font-style:normal;font-size:9.5px;font-weight:600;color:#04201c;background:rgb(var(--tc));box-shadow:0 0 18px -2px rgba(var(--tc),.9);overflow:hidden;white-space:nowrap}
.lxa-cal__new small{font:500 8.5px/1.1 var(--mono);opacity:.8}
.lxa-cal__tel{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font:500 9.5px/1 var(--mono);letter-spacing:.04em;color:var(--ink-2);border:1px solid rgba(255,255,255,.1);background:rgba(10,12,12,.7);white-space:nowrap}
.lxa-cal__tel svg{width:11px;height:11px;color:rgb(var(--tc))}

/* ===================== Kernflow OS ===================== */
.lxo-hub{position:absolute;left:0;right:0;top:0;height:56%;container-type:size}
.lxo-hub__rings{position:absolute;left:50%;top:76%;width:0;height:0}
.lxo-hub__rings i{position:absolute;left:0;top:0;width:var(--d);height:var(--d);margin:calc(var(--d) / -2);border-radius:50%;border:1px solid rgba(255,255,255,.07);
  background:radial-gradient(closest-side,transparent 92%,rgba(var(--tc),.05))}
.lxo-hub__rings i:nth-child(1){--d:62cqh}.lxo-hub__rings i:nth-child(2){--d:112cqh}.lxo-hub__rings i:nth-child(3){--d:166cqh;border-color:rgba(255,255,255,.045)}
.lxo-hub__arc{position:absolute;inset:0;width:100%!important;height:100%!important;overflow:visible}
.lxo-hub__arc path{fill:none;stroke:rgba(var(--tc),.45);stroke-width:1.2;stroke-dasharray:4 6;vector-effect:non-scaling-stroke}
.lxo-hub__ch{position:absolute;left:var(--x);top:var(--y);width:36px;height:36px;margin:-18px;border-radius:11px;display:grid;place-items:center;color:var(--ink);
  background:linear-gradient(160deg,#2b2a36,#121218);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 24px -10px rgba(0,0,0,.9),0 0 22px -8px rgba(var(--tc),.8);transform:rotate(-10deg)}
.lxo-hub__ch:nth-of-type(n+3){transform:rotate(10deg)}
.lxo-hub__ch svg{width:16px!important;height:16px!important}
.lxo-hub__core{position:absolute;left:50%;top:76%;width:68px;height:68px;margin:-34px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(closest-side,#1d1830 60%,#120f1c);border:1px solid rgba(var(--tc),.5);box-shadow:0 0 0 6px rgba(var(--tc),.06),0 0 40px -4px rgba(var(--tc),.9),inset 0 0 18px rgba(var(--tc),.45)}
.lxo-hub__core::before{content:"";position:absolute;inset:-9px;border-radius:50%;border:1.5px solid transparent;border-top-color:rgba(var(--tc),.95);border-right-color:rgba(var(--tc),.35);filter:drop-shadow(0 0 6px rgb(var(--tc)))}
.lxo-hub__core img{width:26px;height:auto}
.lxo-hub__dot{position:absolute;left:calc(var(--xn) * 1%);top:calc(var(--yn) * 1%);width:6px;height:6px;margin:-3px;border-radius:50%;background:#fff;box-shadow:0 0 10px 2px rgb(var(--tc));opacity:0}
.lxo-inbox{position:absolute;left:var(--p);right:var(--p);bottom:6px;margin:0;padding:0;list-style:none;display:grid;gap:6px}
.lxo-inbox li{display:flex;align-items:center;gap:9px;height:36px;padding:0 10px 0 6px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.lxo-inbox li:first-child{background:linear-gradient(90deg,rgba(var(--tc),.14),rgba(255,255,255,.03));border-color:rgba(var(--tc),.36)}
.lxo-inbox li>i{flex:none;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:#fff;background:var(--k)}
.lxo-inbox li>i svg{width:13px;height:13px}
.lxo-inbox li>span{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;white-space:nowrap;overflow:hidden}
.lxo-inbox b{font-size:12px;font-weight:600}
.lxo-inbox small{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.lxo-inbox em{flex:none;font:500 9px/1 var(--mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;padding:4px 6px;border-radius:999px;color:rgb(var(--tc));border:1px solid rgba(var(--tc),.4)}

.lxo-pipe{position:absolute;inset:0 var(--p);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-content:center}
.lxo-pipe__c{position:relative;display:grid;align-content:start;gap:6px;padding:8px;border-radius:11px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);min-height:112px}
.lxo-pipe__c small{display:flex;justify-content:space-between;font:500 9.5px/1 var(--mono);letter-spacing:.05em;color:var(--muted);padding:1px 2px 3px}
.lxo-pipe__c small b{color:var(--ink-2);font-weight:500}
.lxo-pipe__c>i{display:block;height:24px;border-radius:7px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.06)}
.lxo-pipe__mv{position:relative;z-index:2;height:auto!important;display:grid!important;gap:4px;padding:6px 8px;font-style:normal;background:linear-gradient(180deg,rgba(var(--tc),.3),rgba(var(--tc),.12))!important;border-color:rgba(var(--tc),.6)!important;box-shadow:0 0 24px -4px rgba(var(--tc),.85),0 14px 24px -12px #000}
.lxo-pipe__mv b{font-size:10.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lxo-pipe__mv s{display:block;height:3px;width:60%;border-radius:2px;background:rgba(255,255,255,.35)}

.lxo-ring{position:absolute;left:50%;top:50%;width:min(100cqh - 6px,130px);aspect-ratio:1;transform:translate(-50%,-50%)}
.lxo-ring svg{width:100%!important;height:100%!important;transform:rotate(-90deg);overflow:visible}
.lxo-ring circle{fill:none;stroke:rgba(255,255,255,.07);stroke-width:7}
.lxo-ring .lxo-ring__v{stroke:rgb(var(--tc));stroke-linecap:round;stroke-dasharray:28 100;filter:drop-shadow(0 0 6px rgba(var(--tc),.95))}
.lxo-ring>i{position:absolute;inset:24%;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--tc),.5),rgba(var(--tc),.12) 60%,transparent);box-shadow:inset 0 0 0 1px rgba(var(--tc),.25)}

.lxo-mx{position:absolute;left:0;right:0;top:-10%;height:70%;overflow:hidden;font:500 10px/1.6 var(--mono);letter-spacing:.5em;color:rgba(var(--tc),.75);text-align:center;word-break:break-all;white-space:normal;
  -webkit-mask:radial-gradient(60% 80% at 50% 0%,#000,transparent 80%);mask:radial-gradient(60% 80% at 50% 0%,#000,transparent 80%);text-shadow:0 0 8px rgba(var(--tc),.8)}
.lxo-inv{position:absolute;left:var(--p);right:var(--p);bottom:4px;border-radius:14px;padding:11px 12px;display:grid;gap:7px}
.lxo-inv__hd{display:flex;align-items:center;justify-content:space-between;gap:8px}
.lxo-inv__hd b{font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lxo-inv__st{display:inline-grid;flex:none}
.lxo-inv__st em{grid-area:1/1;justify-self:end;font:500 9px/1 var(--mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:var(--ink-2);opacity:0}
.lxo-inv__st em:last-child{opacity:1;color:#13092a;background:rgb(var(--tc));border-color:rgb(var(--tc));box-shadow:0 0 16px -2px rgb(var(--tc))}
.lxo-inv>s{display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.1);width:80%}
.lxo-inv>s+s{width:55%;background:rgba(255,255,255,.06)}
.lxo-inv__sum{display:flex;justify-content:space-between;align-items:baseline;padding-top:6px;border-top:1px solid rgba(255,255,255,.07)}
.lxo-inv__sum small{font-size:10.5px;color:var(--muted)}
.lxo-inv__sum b{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}

.lxo-team{position:absolute;inset:0 var(--p);display:flex;flex-direction:column;justify-content:center;gap:9px}
.lxo-team__av{display:flex;padding-left:4px}
.lxo-team__av i{width:30px;height:30px;margin-left:-7px;border-radius:50%;display:grid;place-items:center;font:600 10px/1 var(--font);font-style:normal;color:#fff;border:2px solid #121218;background:linear-gradient(135deg,rgb(var(--tc)),#4a2f86)}
.lxo-team__av i:nth-child(2){background:linear-gradient(135deg,#7d5ad0,#2c1d52)}
.lxo-team__av i:nth-child(3){background:linear-gradient(135deg,#d6b9ff,#6a46b8);color:#1a0f33}
.lxo-team ul{margin:0;padding:0;list-style:none;display:grid;gap:5px}
.lxo-team li{display:flex;align-items:center;gap:8px;height:27px;padding:0 8px 0 6px;border-radius:9px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);font-size:11.5px;color:var(--ink-2)}
.lxo-team li>i{flex:none;width:15px;height:15px;border-radius:5px;display:grid;place-items:center;border:1.5px solid rgba(var(--tc),.6);color:#13092a}
.lxo-team li>i svg{width:10px!important;height:10px!important;stroke-width:3}
.lxo-team li>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lxo-team li>em{font:500 9px/1 var(--mono);font-style:normal;color:var(--muted)}
.lxo-team li.is-done>i,.lxo-team li:nth-child(-n+2)>i{background:rgb(var(--tc));border-color:rgb(var(--tc));box-shadow:0 0 10px rgba(var(--tc),.8)}
.lxo-team li:nth-child(-n+2)>span{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.25)}

.lxo-chart{position:absolute;inset:0 var(--p);display:flex;flex-direction:column}
.lxo-chart small{font:500 9.5px/1 var(--mono);letter-spacing:.05em;color:var(--muted);padding:2px 0 8px}
.lxo-chart svg{flex:1;width:100%!important;height:auto!important;min-height:0;overflow:visible;
  background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/100% 25%}
.lxo-chart__a{fill:url(#lxoFill)}
.lxo-chart__l{fill:none;stroke:rgb(var(--tc));stroke-width:1.8;vector-effect:non-scaling-stroke;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(var(--tc),.9))}
.lxo-chart__dot{position:absolute;left:77.5%;top:calc(18px + (100% - 18px) * .12);width:9px;height:9px;margin:-4.5px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(var(--tc),.25),0 0 16px 3px rgb(var(--tc))}

/* ===================== Betreuung ===================== */
.lxc-me{position:absolute;left:var(--p);right:var(--p);top:0;bottom:0;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:center;gap:9px}
.lxc-me__rings{position:absolute;left:50%;top:calc(50% - 74px);width:0;height:0}
.lxc-me__rings i{position:absolute;width:var(--d);height:var(--d);margin:calc(var(--d) / -2);border-radius:50%;border:1px solid rgba(var(--tc),.22)}
.lxc-me__rings i:nth-child(1){--d:118px}.lxc-me__rings i:nth-child(2){--d:180px;border-color:rgba(var(--tc),.12)}.lxc-me__rings i:nth-child(3){--d:250px;border-color:rgba(255,255,255,.05)}
.lxc-me__av{position:relative;width:84px;height:84px;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,rgba(var(--tc),.2),rgb(var(--tc)),#ffd7b8,rgba(var(--tc),.2));box-shadow:0 0 50px -8px rgba(var(--tc),.9)}
.lxc-me__av img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:52% 22%;border:2px solid #120d0a}
.lxc-me__call{display:flex;align-items:center;gap:12px;width:min(100%,290px);padding:8px 8px 8px 14px;border-radius:16px;margin-top:6px}
.lxc-me__call>span{flex:1;min-width:0;display:grid}
.lxc-me__call small{font:400 9.5px/1.3 var(--mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lxc-me__call b{font-size:13px;font-weight:600}
.lxc-me__call time{font:400 11px/1 var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums}
.lxc-me__call>i{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,var(--brand-2),var(--brand));box-shadow:0 0 22px -3px rgba(var(--tc),.95)}
.lxc-me__q,.lxc-me__a{max-width:88%;padding:8px 12px;border-radius:13px;font-size:12px;line-height:1.35}
.lxc-me__q{justify-self:start;color:var(--ink-2);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:4px}
.lxc-me__a{justify-self:end;display:inline-flex;align-items:center;gap:7px;color:var(--ink);background:linear-gradient(180deg,rgba(var(--tc),.26),rgba(var(--tc),.1));border:1px solid rgba(var(--tc),.42);border-bottom-right-radius:4px}
.lxc-me__a svg{width:13px!important;height:13px!important;color:rgb(var(--tc))}

.lxc-job{position:absolute;left:var(--p);right:var(--p);top:50%;transform:translateY(-50%);border-radius:15px;padding:13px 14px;display:grid;gap:11px}
.lxc-job__hd{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lxc-job__hd b{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lxc-job__fp{flex:none;font:500 9.5px/1 var(--mono);letter-spacing:.05em;padding:5px 8px;border-radius:999px;color:rgb(var(--tc));border:1px solid rgba(var(--tc),.45);background:rgba(var(--tc),.08);white-space:nowrap}
.lxc-job__bar{position:relative;height:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.lxc-job__bar i{position:absolute;inset:0;transform-origin:0 50%;border-radius:inherit;background:linear-gradient(90deg,rgba(var(--tc),.35),rgb(var(--tc)) 80%,#ffd9bd);box-shadow:0 0 14px rgba(var(--tc),.8)}
.lxc-job__ft{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lxc-job__st{display:inline-grid}
.lxc-job__st em{grid-area:1/1;display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:11.5px;font-weight:600;white-space:nowrap}
.lxc-job__st em:first-child{opacity:0;color:var(--ink-2)}
.lxc-job__st em:last-child{color:rgb(var(--tc))}
.lxc-job__st svg{width:13px!important;height:13px!important}
.lxc-job__ft small{font:400 9.5px/1 var(--mono);color:var(--muted);white-space:nowrap}

.lxc-87{position:absolute;inset:0 var(--p);display:flex;flex-direction:column;justify-content:center;gap:8px}
.lxc-87 span{position:relative;display:block;height:10px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);overflow:hidden}
.lxc-87 span i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--w) * 100%);transform-origin:0 50%;border-radius:inherit;background:linear-gradient(90deg,rgba(var(--tc),.35),rgb(var(--tc)) 80%,#ffd9bd);box-shadow:0 0 16px rgba(var(--tc),.8)}
.lxc-87 small{font:400 10px/1.3 var(--mono);letter-spacing:.03em;color:var(--ink-2)}

.lxc-host{position:absolute;inset:0 var(--p);display:flex;flex-direction:column;justify-content:center;gap:10px}
.lxc-host__p{width:100%!important;height:42px!important;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.lxc-host__p path{fill:none;stroke:rgb(var(--tc));stroke-width:1.6;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(var(--tc),.9))}
.lxc-host ul{margin:0;padding:0;list-style:none;display:grid;gap:5px}
.lxc-host li{display:flex;align-items:center;gap:8px;height:28px;padding:0 10px 0 5px;border-radius:9px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.lxc-host li>i{flex:none;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;color:rgb(var(--tc));border:1px solid rgba(var(--tc),.4)}
.lxc-host li>i svg{width:12px;height:12px}
.lxc-host b{flex:1;font-size:11.5px;font-weight:500;white-space:nowrap}
.lxc-host em{font-style:normal;font-size:11px;color:rgb(var(--tc))}

.lxc-sh{position:absolute;inset:0 var(--p);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.lxc-sh__ic{position:relative;width:min(64px,46cqh);height:min(64px,46cqh);border-radius:50%;display:grid;place-items:center;color:rgb(var(--tc));
  background:radial-gradient(closest-side,rgba(var(--tc),.28),rgba(var(--tc),.06) 70%,transparent);border:1px solid rgba(var(--tc),.3)}
.lxc-sh__ic svg{grid-area:1/1;width:52%!important;height:52%!important;filter:drop-shadow(0 0 6px rgba(var(--tc),.8))}
.lxc-sh__ic .lxc-sh__ok{width:24%!important;height:24%!important;color:#fff;stroke-width:3}
.lxc-sh__scan{position:absolute;left:50%;top:calc(50% - 18px);width:min(96px,70cqh);height:min(96px,70cqh);transform:translate(-50%,-50%);border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0 70%,rgba(var(--tc),.55) 96%,#fff 100%);-webkit-mask:radial-gradient(closest-side,transparent 86%,#000 88%,#000 98%,transparent);mask:radial-gradient(closest-side,transparent 86%,#000 88%,#000 98%,transparent)}
.lxc-sh__chips{display:flex;gap:6px}
.lxc-sh__chips em{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;font-style:normal;font-size:10.5px;color:var(--ink-2);border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);white-space:nowrap}
.lxc-sh__chips svg{width:11px!important;height:11px!important;color:rgb(var(--tc))}

.lxc-orb{position:absolute;left:50%;top:50%;width:min(100cqh - 4px,120px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:conic-gradient(from 210deg,#3a1c0c,#f7c9a6 12%,#7a3412 26%,#1a0c06 40%,#e98a4c 55%,#fff0e0 62%,#8c3d14 72%,#230f07 86%,#3a1c0c);
  -webkit-mask:radial-gradient(closest-side,transparent 52%,#000 54%,#000 99%,transparent);mask:radial-gradient(closest-side,transparent 52%,#000 54%,#000 99%,transparent);
  filter:drop-shadow(0 0 24px rgba(var(--tc),.55))}
.lxc-orb i{position:absolute;inset:0;border-radius:50%;background:radial-gradient(60% 40% at 50% 10%,rgba(255,255,255,.65),transparent 70%)}

/* ---------- Animationen der Visuals: nur im sichtbaren, aktiven Thema (.is-live) ---------- */
@media (prefers-reduced-motion:no-preference){
  .lx-panel.is-live .lx-t__glow{animation:lxBreath 6s ease-in-out infinite}
  /* Websites */
  .lx-panel.is-live .lxw-br__wire i{animation:lxWire 12s var(--ease) infinite}
  .lx-panel.is-live .lxw-br__wire .lxw-br__hero i,.lx-panel.is-live .lxw-br__cards i{animation-delay:.12s}
  .lx-panel.is-live .lxw-br__shot:nth-of-type(1){animation:lxShot1 12s infinite}
  .lx-panel.is-live .lxw-br__shot:nth-of-type(2){animation:lxShot2 12s infinite}
  .lx-panel.is-live .lxw-br__shot:nth-of-type(3){animation:lxShot3 12s infinite}
  .lx-panel.is-live .lxw-br__shot img{animation:lxShotZ 4s cubic-bezier(.2,.7,.2,1) infinite}
  .lx-panel.is-live .lxw-br__scan{animation:lxScan 4s infinite}
  .lx-panel.is-live .lxw-br__dom span:nth-child(1){animation:lxDom1 12s infinite}
  .lx-panel.is-live .lxw-br__dom span:nth-child(2){animation:lxDom2 12s infinite}
  .lx-panel.is-live .lxw-br__dom span:nth-child(3){animation:lxDom3 12s infinite}
  .lx-panel.is-live .lxw-chip{animation:lxFloat 5s ease-in-out infinite}
  .lx-panel.is-live .lxw-type__aa i{animation:lxType 8s infinite}
  .lx-panel.is-live .lxw-type__aa i:nth-child(2){animation-delay:-6s}
  .lx-panel.is-live .lxw-type__aa i:nth-child(3){animation-delay:-4s}
  .lx-panel.is-live .lxw-type__aa i:nth-child(4){animation-delay:-2s}
  .lx-panel.is-live .lxw-type__sw i:nth-child(1){animation:lxSw1 8s infinite}
  .lx-panel.is-live .lxw-type__sw i:nth-child(2){animation:lxSw2 8s infinite}
  .lx-panel.is-live .lxw-type__sw i:nth-child(3){animation:lxSw3 8s infinite}
  .lx-panel.is-live .lxw-ph__scr img{animation:lxPhone 14s cubic-bezier(.45,0,.2,1) infinite}
  .lx-panel.is-live .lxw-ph__note{animation:lxNote 7s var(--ease) infinite}
  .lx-panel.is-live .lxw-se__t{animation:lxTypeW 7s steps(18) infinite}
  .lx-panel.is-live .lxw-se__t::after{animation:lxCaret .8s steps(1) infinite}
  .lx-panel.is-live .lxw-se__r .is-you{animation:lxRankY 7s var(--ease) infinite}
  .lx-panel.is-live .lxw-se__r li:not(.is-you){animation:lxRankO 7s var(--ease) infinite}
  .lx-panel.is-live .lxw-se__pin>i{animation:lxRing 2.4s ease-out infinite}
  .lx-panel.is-live .lxw-se__pin>i+i{animation-delay:.6s}
  .lx-panel.is-live .lxw-load__bar i{animation:lxLoad 4.5s cubic-bezier(.4,0,.6,1) infinite}
  .lx-panel.is-live .lxw-tl__line i{animation:lxTl 6s var(--ease) infinite}
  .lx-panel.is-live .lxw-tl__st .is-live>i{animation:lxPulse 2s ease-out infinite}
  .lx-panel.is-live .lxw-tl__on{animation:lxOn 6s var(--ease) infinite}
  /* KI-Agenten */
  .lx-panel.is-live .lxa-chat__in{animation:lxMsgIn 10s var(--ease) infinite}
  .lx-panel.is-live .lxa-chat__typ{animation:lxTyp 10s infinite}
  .lx-panel.is-live .lxa-chat__typ i{animation:lxDot 1s var(--ease) infinite}
  .lx-panel.is-live .lxa-chat__typ i:nth-child(2){animation-delay:.15s}
  .lx-panel.is-live .lxa-chat__typ i:nth-child(3){animation-delay:.3s}
  .lx-panel.is-live .lxa-chat__out{animation:lxMsgOut 10s var(--ease) infinite}
  .lx-panel.is-live .lxa-chat__qr{animation:lxQr 10s var(--ease) infinite}
  .lx-panel.is-live .lxa-chat__qr .is-on{animation:lxQrOn 10s infinite}
  .lx-panel.is-live .lxa-cmp__r b{animation:lxGrow 6s var(--ease) infinite}
  .lx-panel.is-live .lxa-cmp__r+.lxa-cmp__r b{animation-delay:.25s}
  .lx-panel.is-live .lxa-doc__rows li{animation:lxRow 8s var(--ease) infinite}
  .lx-panel.is-live .lxa-doc__rows li:nth-child(2){animation-delay:.35s}
  .lx-panel.is-live .lxa-doc__rows li:nth-child(3){animation-delay:.7s}
  .lx-panel.is-live .lxa-doc__btn{animation:lxBtn 8s var(--ease) infinite}
  .lx-panel.is-live .lxa-fu li>span{animation:lxFu 8s infinite}
  .lx-panel.is-live .lxa-fu li:nth-child(2)>span{animation-delay:2s}
  .lx-panel.is-live .lxa-fu li:nth-child(3)>span{animation-delay:4s}
  .lx-panel.is-live .lxa-fu li:nth-child(4)>span{animation-delay:6s}
  .lx-panel.is-live .lxa-push__n{animation:lxPushN 7s var(--ease) infinite}
  .lx-panel.is-live .lxa-push__act{animation:lxPushA 7s var(--ease) infinite}
  .lx-panel.is-live .lxa-push__tap{animation:lxTap 7s var(--ease) infinite}
  .lx-panel.is-live .lxa-push__ok em:first-child{animation:lxOk1 7s infinite}
  .lx-panel.is-live .lxa-push__ok em:last-child{animation:lxOk2 7s infinite}
  .lx-panel.is-live .lxa-cal__new{animation:lxCal 7s var(--ease) infinite}
  /* Kernflow OS */
  .lx-panel.is-live .lxo-hub__core::before{animation:lxSpin 5s linear infinite}
  .lx-panel.is-live .lxo-hub__core{animation:lxCore 3s ease-in-out infinite}
  .lx-panel.is-live .lxo-hub__dot{animation:lxFly 3s cubic-bezier(.55,0,.35,1) infinite}
  .lx-panel.is-live .lxo-hub__rings i{animation:lxRings 6s ease-in-out infinite}
  .lx-panel.is-live .lxo-hub__rings i:nth-child(2){animation-delay:-2s}
  .lx-panel.is-live .lxo-hub__rings i:nth-child(3){animation-delay:-4s}
  .lx-panel.is-live .lxo-inbox li{animation:lxInbox 9s var(--ease) infinite}
  .lx-panel.is-live .lxo-inbox li:nth-child(2){animation-delay:.2s}
  .lx-panel.is-live .lxo-inbox li:nth-child(3){animation-delay:.4s}
  .lx-panel.is-live .lxo-pipe__mv{animation:lxPipe 9s cubic-bezier(.65,0,.25,1) infinite}
  .lx-panel.is-live .lxo-ring__v{animation:lxRingV 6s var(--ease) infinite}
  .lx-panel.is-live .lxo-mx{animation:lxMx 9s linear infinite}
  .lx-panel.is-live .lxo-inv__st em:nth-child(1){animation:lxSt1 9s infinite}
  .lx-panel.is-live .lxo-inv__st em:nth-child(2){animation:lxSt2 9s infinite}
  .lx-panel.is-live .lxo-inv__st em:nth-child(3){animation:lxSt3 9s infinite}
  .lx-panel.is-live .lxo-team li>i{animation:lxChk 8s infinite}
  .lx-panel.is-live .lxo-team li:nth-child(2)>i{animation-delay:1s}
  .lx-panel.is-live .lxo-team li:nth-child(3)>i{animation-delay:2s}
  .lx-panel.is-live .lxo-chart__l{animation:lxDraw 7s var(--ease) infinite}
  .lx-panel.is-live .lxo-chart__a{animation:lxArea 7s var(--ease) infinite}
  .lx-panel.is-live .lxo-chart__dot{animation:lxDotP 7s var(--ease) infinite}
  /* Betreuung */
  .lx-panel.is-live .lxc-me__rings i{animation:lxRings 5s ease-in-out infinite}
  .lx-panel.is-live .lxc-me__rings i:nth-child(2){animation-delay:-1.6s}
  .lx-panel.is-live .lxc-me__rings i:nth-child(3){animation-delay:-3.2s}
  .lx-panel.is-live .lxc-me__call{animation:lxCallIn 9s var(--ease) infinite}
  .lx-panel.is-live .lxc-me__call>i{animation:lxRingBtn 1.8s ease-out infinite}
  .lx-panel.is-live .lxc-me__q{animation:lxQ 9s var(--ease) infinite}
  .lx-panel.is-live .lxc-me__a{animation:lxA 9s var(--ease) infinite}
  .lx-panel.is-live .lxc-job__bar i{animation:lxJob 7s cubic-bezier(.5,0,.3,1) infinite}
  .lx-panel.is-live .lxc-job__st em:first-child{animation:lxJ1 7s infinite}
  .lx-panel.is-live .lxc-job__st em:last-child{animation:lxJ2 7s infinite}
  .lx-panel.is-live .lxc-87 span i{animation:lxGrow 6s var(--ease) infinite}
  .lx-panel.is-live .lxc-host__p g{animation:lxPulseX 6s linear infinite}
  .lx-panel.is-live .lxc-host li{animation:lxRow 8s var(--ease) infinite}
  .lx-panel.is-live .lxc-host li+li{animation-delay:.4s}
  .lx-panel.is-live .lxc-sh__scan{animation:lxSpin 3.2s linear infinite}
  .lx-panel.is-live .lxc-sh__ok{animation:lxShOk 3.2s var(--ease) infinite}
  .lx-panel.is-live .lxc-orb{animation:lxSpin 14s linear infinite}
}
@keyframes lxBreath{0%,100%{opacity:1}50%{opacity:.72}}
@keyframes lxWire{0%{transform:scaleX(0);opacity:0}6%,100%{transform:scaleX(1);opacity:1}}
@keyframes lxShot1{0%,8%{clip-path:inset(100% 0 0 0);opacity:1}15%{clip-path:inset(0 0 0 0)}93%{opacity:1;clip-path:inset(0)}98%,100%{opacity:0;clip-path:inset(0)}}
@keyframes lxShot2{0%,41.3%{clip-path:inset(100% 0 0 0);opacity:1}48.3%{clip-path:inset(0 0 0 0)}93%{opacity:1;clip-path:inset(0)}98%,100%{opacity:0;clip-path:inset(0)}}
@keyframes lxShot3{0%,74.7%{clip-path:inset(100% 0 0 0);opacity:1}81.7%{clip-path:inset(0 0 0 0)}93%{opacity:1;clip-path:inset(0)}98%,100%{opacity:0;clip-path:inset(0)}}
@keyframes lxShotZ{0%,24%{transform:scale(1.12)}100%{transform:scale(1)}}
@keyframes lxScan{0%,24%{top:100%;opacity:0}25%{opacity:1}45%{top:0;opacity:1}50%,100%{top:0;opacity:0}}
@keyframes lxDom1{0%,41.3%{opacity:1}43%,100%{opacity:0}}
@keyframes lxDom2{0%,41.3%{opacity:0}43%,74.7%{opacity:1}76%,100%{opacity:0}}
@keyframes lxDom3{0%,74.7%{opacity:0}76%,96%{opacity:1}98%,100%{opacity:0}}
@keyframes lxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes lxType{0%{opacity:0;filter:blur(8px);transform:scale(.92)}5%,22%{opacity:1;filter:blur(0);transform:none}27%,100%{opacity:0;filter:blur(8px);transform:scale(1.06)}}
@keyframes lxSw1{0%,22%{background:#5B8CFF}27%,47%{background:#E8C9A0}52%,72%{background:#8FD3C2}77%,100%{background:#5B8CFF}}
@keyframes lxSw2{0%,22%{background:#C9D7FF}27%,47%{background:#2B2420}52%,72%{background:#F2EFE8}77%,100%{background:#C9D7FF}}
@keyframes lxSw3{0%,22%{background:#1E2A4A}27%,47%{background:#B5653A}52%,72%{background:#16302B}77%,100%{background:#1E2A4A}}
@keyframes lxPhone{0%,12%{transform:translateY(0)}46%,56%{transform:translateY(-34%)}86%,100%{transform:translateY(0)}}
@keyframes lxNote{0%,20%{opacity:0;transform:translateY(-18px) rotateZ(-3deg) rotateY(16deg) scale(.96)}28%,80%{opacity:1;transform:rotateZ(-3deg) rotateY(16deg)}88%,100%{opacity:0;transform:translateY(-10px) rotateZ(-3deg) rotateY(16deg)}}
@keyframes lxTypeW{0%{max-width:0}30%,100%{max-width:150px}}
@keyframes lxCaret{50%{opacity:0}}
@keyframes lxRankY{0%,36%{transform:translateY(64px)}52%,100%{transform:translateY(0)}}
@keyframes lxRankO{0%,36%{transform:translateY(-32px)}52%,100%{transform:translateY(0)}}
@keyframes lxRing{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.5);opacity:0}}
@keyframes lxLoad{0%{transform:scaleX(0)}66%,86%{transform:scaleX(1);opacity:1}96%,100%{transform:scaleX(1);opacity:0}}
@keyframes lxTl{0%,4%{transform:scaleX(0)}36%,94%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes lxOn{0%,34%{opacity:0;transform:translateY(8px) scale(.96)}42%,93%{opacity:1;transform:none}100%{opacity:0}}
@keyframes lxPulse{0%{box-shadow:0 0 0 0 rgba(var(--tc),.6),0 0 18px rgb(var(--tc))}100%{box-shadow:0 0 0 12px rgba(var(--tc),0),0 0 18px rgb(var(--tc))}}
@keyframes lxMsgIn{0%,3%{opacity:0;transform:translateY(12px) scale(.97)}9%,92%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes lxTyp{0%,12%{opacity:0}15%,27%{opacity:1}29%,100%{opacity:0}}
@keyframes lxDot{0%,100%{transform:translateY(0);opacity:.45}40%{transform:translateY(-3px);opacity:1}}
@keyframes lxMsgOut{0%,28%{opacity:0;transform:translateY(12px) scale(.97)}34%,92%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes lxQr{0%,40%{opacity:0;transform:translateY(8px)}46%,92%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes lxQrOn{0%,54%{color:var(--ink-2);background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.12);box-shadow:none}58%,100%{color:#04201c;background:rgb(var(--tc));border-color:rgb(var(--tc));box-shadow:0 0 18px -2px rgba(var(--tc),.8)}}
@keyframes lxGrow{0%,6%{transform:scaleX(0)}40%,100%{transform:scaleX(1)}}
@keyframes lxRow{0%,4%{opacity:0;transform:translateX(-8px)}14%,90%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes lxBtn{0%,26%{opacity:0;transform:scale(.9)}34%,90%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes lxFu{0%,3%{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08);box-shadow:none}8%,24%{background:rgba(var(--tc),.14);border-color:rgba(var(--tc),.5);box-shadow:0 0 26px -8px rgba(var(--tc),.85)}30%,100%{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08);box-shadow:none}}
@keyframes lxPushN{0%,4%{opacity:0;transform:translateY(-14px) scale(.97)}12%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes lxPushA{0%,14%{opacity:0;transform:translateY(-6px)}22%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes lxTap{0%,36%{opacity:0;transform:scale(1.6)}42%{opacity:1;transform:scale(1)}48%{opacity:1;transform:scale(.8)}56%,100%{opacity:0;transform:scale(1.4)}}
@keyframes lxOk1{0%,47%{opacity:1}49%,100%{opacity:0}}
@keyframes lxOk2{0%,47%{opacity:0}49%,100%{opacity:1}}
@keyframes lxCal{0%,18%{opacity:0;transform:scale(.6)}26%{opacity:1;transform:scale(1.08)}30%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes lxSpin{to{transform:rotate(1turn)}}
@keyframes lxCore{0%,100%{box-shadow:0 0 0 6px rgba(var(--tc),.06),0 0 40px -4px rgba(var(--tc),.9),inset 0 0 18px rgba(var(--tc),.45)}50%{box-shadow:0 0 0 10px rgba(var(--tc),.1),0 0 60px 0 rgba(var(--tc),1),inset 0 0 22px rgba(var(--tc),.6)}}
@keyframes lxFly{0%{opacity:0;translate:0 0}10%{opacity:1}85%{opacity:1}100%{opacity:0;translate:calc((50 - var(--xn)) * 1cqw) calc((76 - var(--yn)) * 1cqh)}}
@keyframes lxRings{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes lxInbox{0%,3%{opacity:0;transform:translateY(-10px)}11%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes lxPipe{0%,18%{transform:translate(0,0)}30%,50%{transform:translate(calc(25cqw - 8px),-60px)}62%,88%{transform:translate(calc(50cqw - 16px),-60px)}95%{opacity:1}100%{opacity:0;transform:translate(calc(50cqw - 16px),-60px)}}
@keyframes lxRingV{0%,4%{stroke-dashoffset:28}36%,100%{stroke-dashoffset:0}}
@keyframes lxMx{from{transform:translateY(-16px)}to{transform:translateY(16px)}}
@keyframes lxSt1{0%,30%{opacity:1}33%,100%{opacity:0}}
@keyframes lxSt2{0%,30%{opacity:0}33%,63%{opacity:1}66%,100%{opacity:0}}
@keyframes lxSt3{0%,63%{opacity:0;transform:scale(.8)}67%{opacity:1;transform:scale(1.1)}70%,100%{opacity:1;transform:none}}
@keyframes lxChk{0%,10%{background:transparent;box-shadow:none;border-color:rgba(var(--tc),.6)}16%,92%{background:rgb(var(--tc));border-color:rgb(var(--tc));box-shadow:0 0 10px rgba(var(--tc),.8)}100%{background:transparent}}
@keyframes lxDraw{0%{stroke-dasharray:0 100}50%,92%{stroke-dasharray:100 0;opacity:1}100%{stroke-dasharray:100 0;opacity:0}}
@keyframes lxArea{0%,20%{opacity:0}55%,92%{opacity:1}100%{opacity:0}}
@keyframes lxDotP{0%,36%{opacity:0;transform:scale(.3)}44%{opacity:1;transform:scale(1.3)}50%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes lxCallIn{0%,3%{opacity:0;transform:translateY(12px)}10%,93%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes lxRingBtn{0%{box-shadow:0 0 0 0 rgba(var(--tc),.6),0 0 22px -3px rgba(var(--tc),.95)}100%{box-shadow:0 0 0 10px rgba(var(--tc),0),0 0 22px -3px rgba(var(--tc),.95)}}
@keyframes lxQ{0%,18%{opacity:0;transform:translateY(10px)}25%,93%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes lxA{0%,38%{opacity:0;transform:translateY(10px)}45%,93%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes lxJob{0%,8%{transform:scaleX(0)}60%,92%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes lxJ1{0%,58%{opacity:1}61%,100%{opacity:0}}
@keyframes lxJ2{0%,58%{opacity:0;transform:translateY(4px)}62%,100%{opacity:1;transform:none}}
@keyframes lxPulseX{to{transform:translateX(-400px)}}
@keyframes lxShOk{0%,40%{opacity:0;transform:scale(.4)}55%{opacity:1;transform:scale(1.15)}62%,100%{opacity:1;transform:none}}

/* ---------- Szene (Desktop, gepinnt) ---------- */
.lx--scene{padding:0;margin-top:var(--lx-mt,0px)}
.lx--scene .lx__pin{width:100%;height:100vh;min-height:640px;display:flex;flex-direction:column;
  padding:clamp(84px,10.4vh,104px) max(24px,calc((100vw - 1320px)/2)) clamp(16px,2.6vh,28px)}
.lx--scene .lx-stage{flex:1 1 auto;min-height:0}
.lx--scene .lx-panel{height:100%;grid-template-rows:repeat(2,minmax(0,1fr))}
.lx--scene .lx-fx{display:block;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:6}
@media (min-width:861px) and (max-height:820px){
  .lx--scene .lx__lede{display:none}
  .lx--scene .lx-tab__sub{font-size:12px}
  .lx--scene .lx-t__src{margin-top:5px}
}
/* schmale Kacheln: nur der fette Einstieg bleibt stehen */
@media (min-width:861px) and (max-width:1240px){
  .lx-t:not(.lx-t--main):not(.lx-t--wide):not(.lx-t--num) .lx-t__p span{display:none}
  .lx-t{--r:18px}
  .lx-t__p{font-size:12.5px}
  .lx-t__h{font-size:16px}
  .lx-n__v{font-size:44px}
  .lx-tab{padding-inline:14px}
}
@media (min-width:861px) and (max-height:780px){
  .lx--scene .lx-t:not(.lx-t--main):not(.lx-t--num) .lx-t__p span{display:none}
  .lx--scene .lx-t--num .lx-t__src{display:none}
}
/* knappe Visual-Flächen */
@container (max-height:150px){
  .lxw-tl__on{display:none}
  .lxw-tl__ax{margin:0}
  .lxw-se__r{height:84px}.lxw-se__r li{top:calc(var(--i) * 28px);height:24px}
  .lxw-se{gap:6px}.lxw-se__q{height:28px}
  .lxa-doc__rows li:nth-child(2){display:none}
  .lxa-doc{gap:6px;padding:9px 10px}
  .lxa-cal__d>i{height:22px}
  .lxo-pipe__c{min-height:86px}.lxo-pipe__c>i{height:18px}
  .lxo-team__av{display:none}
  .lxc-host__p{height:30px!important}
  .lxc-sh__chips{display:none}
  .lxa-push__bg{display:none}
}
@container (max-height:110px){
  .lxw-se__pin,.lxa-cal__tel,.lxo-inv>s{display:none}
  .lxo-team li:nth-child(3),.lxc-host li+li{display:none}
  .lxa-doc__btn{display:none}
}
@container (max-height:96px){
  .lxa-cmp__r+.lxa-cmp__r{display:none}
  .lxc-87 small{display:none}
}
@container (max-height:58px){
  .lxa-cmp,.lxc-87,.lxw-load{display:none}
}
@container (max-height:330px){
  .lxo-inbox li:nth-child(3){display:none}
  .lxa-chat__qr{display:none}
}
@container (max-height:260px){
  .lxa-chat__in{display:none}
  .lxc-me__rings{display:none}
}
@container (max-width:250px){
  .lxa-chat__hd em{display:none}
  .lxw-se__r{width:100%}
  .lxw-se__pin{display:none}
}

/* ---------- Statisch (reduzierte Bewegung) auf dem Desktop ---------- */
.lx--static .lx-panel{transition:none}

/* ---------- Mobil: Themen als wischbare Chips, Kacheln untereinander ---------- */
@media (max-width:860px){
  .lx{padding-block:96px 80px}
  .lx__pin{width:auto;margin:0;padding-inline:16px}
  .lx__head{flex-direction:column;align-items:flex-start;gap:16px}
  .lx h2{font-size:clamp(30px,8vw,38px)}
  .lx__lede{font-size:14.5px}
  .lx-tabs{position:sticky;top:72px;z-index:6;display:none;gap:8px;margin:22px -16px 0;padding:10px 16px 12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
    background:linear-gradient(180deg,rgba(10,10,14,.94),rgba(10,10,14,.86) 72%,rgba(10,10,14,0))}
  .lx-tabs::-webkit-scrollbar{display:none}
  .lx--tabs .lx-tabs{display:flex}
  .lx-tab{flex:none;scroll-snap-align:start;grid-template-columns:auto auto auto;grid-template-areas:"dot name no";padding:10px 14px;border-radius:999px;column-gap:8px}
  .lx-tab__surf{border-radius:999px}
  .lx-tab__name{font-size:15px}
  .lx-tab__sub{display:none}
  .lx-tab:focus-visible{border-radius:999px}
  .lx-tabs__ind{display:none}
  .lx-stage{margin-top:8px}
  .lx-panel{grid-template-columns:minmax(0,1fr);gap:12px}
  .lx-panel>.lx-t{grid-area:auto!important;height:340px}
  .lx-panel>.lx-t--main{height:540px}
  .lx-panel>.lx-t--tall{height:440px}
  .lx-panel>.lx-t--num,.lx-panel>.lx-t--price{height:300px}
  .lx-t{--p:20px}
  .lx-t__h{font-size:20px}
  .lx-t--main .lx-t__h{font-size:32px}
  .lx-t::after{display:none}
  .lxo-hub__ch{width:32px;height:32px;margin:-16px}
}
@media (max-width:380px){
  .lxa-chat__in,.lxa-chat__out{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  .lx-panel *{animation:none!important}
}

/* Mobil: hereinwischende Kacheln dürfen die Seite nicht verbreitern */
@media (max-width:860px){#leistungen{overflow-x:clip}}

/* ---------- Lichtstudio: eigener Hintergrund der Sektion ----------
   Solange #leistungen aktiv ist (body.in-lx, setzt home-leis.js), blendet der globale Nebel/Hügel-Hintergrund aus.
   Statt dessen: tiefes Kernflow-Blau, vier feine Lichtfäden (die Stränge aus dem Einstieg), ein dunkler, leicht spiegelnder
   Studio-Boden mit perspektivischem Raster und ein weicher Horizont-Glow in der aktiven Themenfarbe (zwei 2D-Canvas).
   Desktop (gepinnt): fixe Ebene, Ein-/Ausblendung über den Einstieg bzw. den Auslauf. Mobil/statisch: klebt in der Sektion. */
body.in-lx .bgfx{opacity:0}
.lx-room{display:none;position:absolute;inset:0;z-index:0;pointer-events:none}
.lx--tabs .lx-room{display:block}
.lx-room__view{--lx-hz:80%;position:sticky;top:0;height:100vh;height:100lvh;opacity:0;will-change:opacity,transform;
  background:radial-gradient(85% 55% at 50% var(--lx-hz),#0c1120 0%,#0a0d18 38%,rgba(9,10,16,0) 72%),
    linear-gradient(180deg,#06070b 0%,#07080d 42%,#090b14 calc(var(--lx-hz) - 2%),#080a11 calc(var(--lx-hz) + 1%),#06070a 100%)}
/* weiche Vorderkante oben (steigt beim Einstieg aus dem Ablauf herauf) */
.lx-room__view::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:28vh;background:linear-gradient(180deg,rgba(6,7,11,0),rgba(6,7,11,.75) 60%,#06070b)}
/* Korn und Vignette über beiden Ebenen */
.lx-room__view::after{content:"";position:absolute;inset:0;
  background:url(assets/home/leis/grain.webp) 0 0/128px 128px,url(assets/home/leis/grain.webp) 61px 37px/128px 128px,
    radial-gradient(120% 95% at 50% 46%,transparent 52%,rgba(2,2,4,.55) 100%)}
.lx-room__glow,.lx-room__line{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.lx-room__edge{position:absolute;left:0;right:0;top:100%;height:30vh;background:linear-gradient(180deg,#06070a,rgba(6,7,10,.7) 40%,rgba(6,7,10,0))}
.lx--scene .lx-room{position:fixed;inset:0}
.lx--scene .lx-room__view{position:absolute;inset:0;height:auto}
.lx--scene .lx-room__edge{display:none}
@media (max-width:860px){.lx-room__view{--lx-hz:86%}}