/* LICHTERLEBNIS 0.6.0 – scoped cinematic, interactive hero. No theme-wide selectors. */
.lpx{--lpx-ink:#233969;--lpx-blue:#466cb9;--lpx-purple:#8346ae;--lpx-pink:#d6609e;--lpx-gold:#f3aa41;color:var(--lpx-ink);font-family:inherit;isolation:isolate;box-sizing:border-box;width:min(1120px,calc(100vw - 32px));max-width:none;margin:0;position:relative;left:50%;transform:translateX(-50%)}
.lpx *, .lpx *:before,.lpx *:after{box-sizing:border-box}
.lpx__shell{position:relative;isolation:isolate;overflow:hidden;min-width:0;border:1px solid rgba(224,218,242,.9);border-radius:30px;background:linear-gradient(125deg,#f9faff 0%,#f7f4ff 37%,#fff1f7 68%,#fff7ea 100%);box-shadow:0 24px 65px rgba(54,42,110,.13),0 3px 12px rgba(115,102,139,.08)}
.lpx__atmosphere{position:absolute;inset:-15%;z-index:-1;pointer-events:none;background-image:linear-gradient(115deg,rgba(247,250,255,.45),rgba(255,240,252,.38)),url('atmosphaere.webp');background-position:center;background-size:cover;opacity:.82}
.lpx__shell:before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-10%;right:-10%;bottom:-11%;height:39%;background:radial-gradient(ellipse at 50% 79%,rgba(255,224,145,.80),transparent 57%),radial-gradient(ellipse at 17% 70%,rgba(175,204,255,.48),transparent 52%),radial-gradient(ellipse at 83% 80%,rgba(238,178,237,.43),transparent 50%);filter:blur(24px)}
.lpx__shell:after{content:"";position:absolute;z-index:-1;pointer-events:none;bottom:4%;left:-4%;width:108%;height:24%;background:linear-gradient(174deg,transparent 42%,rgba(255,255,255,.56) 45%,rgba(255,238,195,.36) 48%,transparent 55%);filter:blur(16px);transform:rotate(-1.5deg)}
.lpx__intro{position:relative;text-align:center;padding:35px 20px 0;z-index:3}
.lpx__eyebrow{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 17px!important;font-size:clamp(.59rem,.95vw,.76rem)!important;font-weight:850;letter-spacing:.22em;color:#352776;line-height:1.5}
.lpx__eyebrow span{display:block;width:58px;height:1px;background:linear-gradient(90deg,transparent,rgba(70,73,130,.35))}.lpx__eyebrow span:last-child{transform:rotate(180deg)}
.lpx__intro h2{font-family:inherit;font-size:clamp(1.85rem,4.3vw,3.55rem)!important;font-weight:800!important;line-height:1.14!important;letter-spacing:-.038em;color:#243a71!important;text-wrap:balance;margin:0 0 12px!important;text-shadow:0 3px 18px rgba(255,255,255,.55)}
.lpx__intro h2 em{font-style:normal;background:linear-gradient(95deg,#f2c087 5%,#f6ab58 48%,#bc6c35 90%);background-clip:text;-webkit-background-clip:text;color:transparent}
.lpx__lead{font-size:clamp(.98rem,1.5vw,1.26rem)!important;line-height:1.5!important;font-weight:580!important;color:#273f72;margin:0 auto 9px!important;max-width:830px}
.lpx__sublead{font-size:clamp(.83rem,1.2vw,.99rem)!important;color:#66728e;line-height:1.6!important;margin:0 auto!important;max-width:850px}
.lpx__stage{position:relative;z-index:2;height:520px;margin:0 auto;isolation:isolate}
.lpx__connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none;filter:drop-shadow(0 0 2px rgba(255,255,255,.4))}
.lpx__path,.lpx__path-haze,.lpx__path-spark{stroke-dasharray:660;stroke-dashoffset:660;animation:lpx-draw 2.6s cubic-bezier(.21,.68,.32,1) forwards;transition:opacity .4s,filter .4s,stroke-width .4s}
.lpx__path-haze{animation-delay:.35s;opacity:.78}
.lpx__path{animation-delay:.55s;opacity:.96;filter:drop-shadow(0 0 5px rgba(255,190,129,.68))}
.lpx__path-spark{animation-delay:.75s;opacity:.9;stroke-dasharray:14 55;stroke-dashoffset:680;animation:lpx-spark-drift 8s linear infinite}
.lpx__path--garten{animation-delay:.9s}.lpx__path--gruppen{animation-delay:1.23s}.lpx__path--bruecke{animation-delay:1.5s}
.lpx__path-spark.lpx__path--garten{animation-delay:1.6s}.lpx__path-spark.lpx__path--gruppen{animation-delay:2.3s}.lpx__path-spark.lpx__path--bruecke{animation-delay:3.1s}
.lpx__orbital-rings circle{fill:none;stroke:#ffdb9f;stroke-width:1.3;opacity:.54;transform-origin:500px 251px;animation:lpx-orbit-rotate 38s linear infinite}
.lpx__orbital-rings circle:nth-child(2){animation-duration:48s;animation-direction:reverse;opacity:.4}
.lpx__orbital-rings circle:nth-child(3){animation-duration:67s;opacity:.55}
.lpx__orb-wrap{position:absolute;left:50%;top:47.3%;z-index:2;width:clamp(92px,13vw,155px);height:clamp(92px,13vw,155px);transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 0 15px rgba(255,196,97,.46));animation:lpx-heart-breathe 5s ease-in-out infinite}
.lpx__orb-wrap span{position:absolute;display:block;border-radius:50%;inset:0}
.lpx__orb-aurora{background:radial-gradient(circle,rgba(255,246,220,.65) 12%,rgba(255,209,124,.45) 25%,rgba(248,162,88,.23) 43%,transparent 72%);transform:scale(1.9);filter:blur(7px);animation:lpx-aurora 5.5s ease-in-out infinite}
.lpx__orb-corona{inset:-6%!important;border:1px solid rgba(255,224,158,.72);box-shadow:0 0 24px rgba(255,178,98,.5),inset 0 0 32px rgba(255,222,141,.36);animation:lpx-corona 9s linear infinite}
.lpx__orb{inset:16%!important;background:radial-gradient(circle at 44% 43%,#fff 0%,#fffff3 12%,#fff6bc 25%,#fbd26b 45%,#f5a642 61%,rgba(237,117,71,.53) 78%,transparent 94%);box-shadow:0 0 22px 8px rgba(255,219,119,.72),0 0 60px 21px rgba(255,182,97,.37),0 0 93px 40px rgba(255,191,112,.14)}
.lpx__orb-shine{inset:30%!important;background:radial-gradient(circle,rgba(255,255,255,1),rgba(255,255,238,.94) 35%,transparent 71%);filter:blur(3px);animation:lpx-heart-beat 3.8s ease-in-out infinite}
.lpx__motto{position:absolute;left:50%;top:67%;transform:translateX(-50%);width:200px;text-align:center;font-size:clamp(1rem,2vw,1.36rem)!important;font-weight:790;line-height:1.24!important;color:#273b71;margin:0!important;letter-spacing:-.025em;z-index:2;text-shadow:0 3px 12px rgba(255,255,255,.85)}
.lpx__links{position:absolute;inset:0;z-index:3;pointer-events:none}
.lpx__node{position:absolute;pointer-events:auto;display:flex;align-items:center;gap:14px;width:33%;max-width:350px;min-height:108px;padding:15px 17px!important;border:1px solid rgba(255,255,255,.91)!important;border-radius:24px!important;background:linear-gradient(125deg,rgba(255,255,255,.69),rgba(255,252,255,.83))!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 28px rgba(74,57,111,.12),inset 0 0 0 1px rgba(255,255,255,.49),0 0 16px rgba(255,255,255,.63);text-decoration:none!important;color:#21376f!important;line-height:1.23!important;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease,background .4s ease;animation:lpx-card-arrive .85s both}
.lpx__node:before{content:"";position:absolute;inset:-2px;pointer-events:none;border-radius:inherit;border:1px solid var(--node-edge);opacity:.6;box-shadow:0 0 16px var(--node-halo),inset 0 0 12px var(--node-halo);transition:opacity .3s,box-shadow .3s}
.lpx__node:hover,.lpx__node:focus-visible{transform:translateY(-7px) scale(1.027);box-shadow:0 18px 36px rgba(74,57,111,.18),0 0 25px var(--node-halo),inset 0 0 0 1px rgba(255,255,255,.65);border-color:var(--node-edge)!important;outline:0}
.lpx__node:focus-visible{outline:3px solid #b4740c;outline-offset:4px}
.lpx__node:hover:before,.lpx__node:focus-visible:before{opacity:1;box-shadow:0 0 26px var(--node-halo),inset 0 0 18px var(--node-halo)}
.lpx__node--kompass{--node-edge:#9fc5ff;--node-halo:rgba(90,146,255,.3);--node-start:#3d60af;--node-end:#9cc6fa;top:7%;left:4%;animation-delay:.65s}
.lpx__node--garten{--node-edge:#fac1e7;--node-halo:rgba(231,105,171,.3);--node-start:#c34b95;--node-end:#f3a9c8;top:7%;right:4%;animation-delay:.95s}
.lpx__node--gruppen{--node-edge:#d8b4fa;--node-halo:rgba(155,91,210,.3);--node-start:#9149c6;--node-end:#cb95e8;bottom:7%;left:4%;animation-delay:1.25s}
.lpx__node--bruecke{--node-edge:#f9d59f;--node-halo:rgba(247,172,83,.35);--node-start:#e28b19;--node-end:#f5c775;bottom:7%;right:4%;animation-delay:1.55s}
.lpx__node-icon{flex:none;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;color:#fff;background:radial-gradient(circle at 27% 20%,rgba(255,255,255,.42),transparent 38%),linear-gradient(135deg,var(--node-start),var(--node-end));box-shadow:0 0 0 5px rgba(255,255,255,.56),0 0 0 7px var(--node-edge),0 0 20px 6px var(--node-halo),inset 0 2px 4px rgba(255,255,255,.35);transition:transform .4s ease,box-shadow .4s ease}
.lpx__node:hover .lpx__node-icon,.lpx__node:focus-visible .lpx__node-icon{transform:scale(1.095);box-shadow:0 0 0 5px rgba(255,255,255,.72),0 0 0 7px var(--node-edge),0 0 26px 11px var(--node-halo),inset 0 2px 4px rgba(255,255,255,.35)}
.lpx__node-icon svg{width:31px;height:31px}
.lpx__node-copy{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
.lpx__node-copy strong{font-weight:800;font-size:clamp(.91rem,1.5vw,1.35rem);color:#26386e;letter-spacing:-.02em}
.lpx__node-copy small{color:#364b78;line-height:1.34;font-size:clamp(.74rem,1.08vw,.97rem)}
.lpx__node-arrow{align-self:center;font-size:2rem;color:#7c498d;font-weight:400;line-height:1}
.lpx__stage[data-lpx-active] .lpx__path:not(.lpx__path--none){opacity:.37}
.lpx__stage[data-lpx-active] .lpx__path-haze{opacity:.33}
.lpx__stage[data-lpx-active="kompass"] .lpx__path--kompass,.lpx__stage[data-lpx-active="garten"] .lpx__path--garten,.lpx__stage[data-lpx-active="gruppen"] .lpx__path--gruppen,.lpx__stage[data-lpx-active="bruecke"] .lpx__path--bruecke{opacity:1;filter:drop-shadow(0 0 8px rgba(255,196,105,.95));stroke-width:7}
.lpx__bottom{position:relative;z-index:4;display:flex;gap:12px;align-items:center;justify-content:center;padding:4px clamp(15px,7vw,95px) 22px}
.lpx__meaning{display:flex;align-items:center;gap:13px;min-height:65px;padding:14px 21px;border:1px solid rgba(255,255,255,.8);border-radius:99px;box-shadow:0 5px 26px rgba(255,177,108,.2),inset 0 0 17px rgba(255,255,255,.66);background:rgba(255,255,255,.67);backdrop-filter:blur(14px);font-size:clamp(.78rem,1vw,.88rem);line-height:1.5;color:#344367;flex:1}
.lpx__meaning-star{font-size:1.45rem;color:#f0aa44;text-shadow:0 0 8px rgba(243,161,45,.58)}
.lpx__pause{flex:none;border:1px solid rgba(159,151,185,.5)!important;border-radius:99px!important;background:rgba(255,255,255,.82)!important;padding:11px 14px!important;font-size:.73rem!important;color:#4b5681!important;cursor:pointer;min-height:42px;transition:background .2s}
.lpx__pause:hover{background:#fff!important}.lpx__pause:focus-visible{outline:3px solid #b4740c;outline-offset:3px}
.lpx__privacy{position:relative;z-index:3;font-size:.72rem!important;text-align:center;color:#62718d;margin:0!important;padding:0 14px 17px!important;line-height:1.6!important}
.lpx__particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.lpx__particle{position:absolute;width:var(--particle-size,4px);height:var(--particle-size,4px);left:var(--particle-x);top:var(--particle-y);border-radius:50%;background:var(--particle-color,#fff);box-shadow:0 0 9px 3px var(--particle-glow,rgba(247,201,124,.4));opacity:0;animation:lpx-float var(--particle-duration,7s) linear var(--particle-delay,0s) infinite}
.lpx[data-lpx-paused] *, .lpx[data-lpx-paused] *:before,.lpx[data-lpx-paused] *:after{animation-play-state:paused!important;transition:none!important}
@keyframes lpx-draw{to{stroke-dashoffset:0}}
@keyframes lpx-spark-drift{0%{stroke-dashoffset:690;opacity:0}15%{opacity:.8}85%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes lpx-orbit-rotate{to{transform:rotate(360deg)}}
@keyframes lpx-aurora{0%,100%{transform:scale(1.75);opacity:.65}50%{transform:scale(2.08);opacity:1}}
@keyframes lpx-heart-beat{0%,100%{transform:scale(.87)}50%{transform:scale(1.19)}}
@keyframes lpx-heart-breathe{0%,100%{filter:drop-shadow(0 0 12px rgba(255,189,96,.45))}50%{filter:drop-shadow(0 0 24px rgba(255,214,150,.95))}}
@keyframes lpx-corona{0%{transform:rotate(0) scale(.97)}50%{transform:rotate(180deg) scale(1.06)}100%{transform:rotate(360deg) scale(.97)}}
@keyframes lpx-card-arrive{from{opacity:0;transform:translateY(20px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes lpx-float{0%{opacity:0;transform:translate3d(0,14px,0) scale(.7)}25%{opacity:.65}78%{opacity:.75}100%{opacity:0;transform:translate3d(var(--particle-drift,16px),-50px,0) scale(1.6)}}
@media(max-width:880px){
 .lpx__stage{height:470px}.lpx__node{width:36%;padding:11px 13px!important;gap:11px;min-height:97px;border-radius:19px!important}.lpx__node-icon{width:49px;height:49px;box-shadow:0 0 0 3px #fff8,0 0 0 5px var(--node-edge),0 0 16px 4px var(--node-halo)}.lpx__node-icon svg{width:24px;height:24px}.lpx__node-copy small{font-size:.77rem}.lpx__node-arrow{font-size:1.35rem}.lpx__eyebrow span{width:24px}
}
@media(max-width:630px){
 .lpx{width:min(100%,calc(100vw - 16px))}.lpx__shell{border-radius:22px}
 .lpx__intro{padding:27px 17px 0}.lpx__intro h2{font-size:clamp(1.7rem,7vw,2.65rem)!important}.lpx__lead{font-size:.95rem!important}.lpx__sublead{font-size:.79rem!important}
 .lpx__eyebrow{font-size:.6rem!important;letter-spacing:.11em;gap:8px}.lpx__eyebrow span{width:15px}
 .lpx__stage{height:auto;min-height:0;padding:218px 13px 32px}
 .lpx__connections{top:0;bottom:auto;height:245px;opacity:.47}
 .lpx__links{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;inset:auto}
 .lpx__node,.lpx__node--kompass,.lpx__node--garten,.lpx__node--gruppen,.lpx__node--bruecke{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:100%;min-height:125px;max-width:none;display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:13px!important;border-radius:17px!important}
 .lpx__node-icon{width:42px;height:42px}.lpx__node-icon svg{width:22px;height:22px}.lpx__node-copy strong{font-size:.9rem}.lpx__node-copy small{font-size:.73rem}.lpx__node-arrow{position:absolute;top:15px;right:14px;font-size:1.35rem}
 .lpx__orb-wrap{top:99px;width:118px;height:118px}.lpx__motto{top:170px;font-size:1.03rem!important}
 .lpx__bottom{padding:2px 13px 12px;flex-direction:column;align-items:stretch}.lpx__meaning{border-radius:16px;min-height:72px;padding:12px 14px}.lpx__pause{align-self:flex-end}.lpx__privacy{font-size:.69rem!important;padding:0 13px 15px!important}
}
@media(max-width:335px){.lpx__links{grid-template-columns:1fr}.lpx__node{min-height:84px;flex-direction:row}.lpx__node-arrow{position:static;margin-left:auto}}
@media(prefers-reduced-motion:reduce){.lpx *, .lpx *:before,.lpx *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.lpx__path,.lpx__path-haze{stroke-dashoffset:0!important}.lpx__path-spark,.lpx__particle{display:none!important}.lpx__node{opacity:1!important;transform:none!important}}
/* Reference-image light treatment: source-derived orb and wave atmosphere; text stays real HTML. */
.lpx__orb{inset:-24%!important;background:transparent url('orb-real.webp') center/contain no-repeat;box-shadow:none}
.lpx__orb-shine{inset:32%!important;opacity:.26}
.lpx__path-haze{stroke-width:24;opacity:.93;filter:blur(6px)}
.lpx__path{stroke-width:6;filter:drop-shadow(0 0 9px rgba(255,201,125,.87))}
.lpx__shell:after{background:url('wellen.webp') center bottom /100% 100% no-repeat,radial-gradient(ellipse at center,rgba(255,226,164,.5),transparent 66%);height:29%;bottom:2%;filter:blur(10px);opacity:.6;transform:none}
@media(max-width:630px){.lpx__shell:after{height:20%;bottom:1%;opacity:.35}}

.lpx__traveler{fill:#fffef3;filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 8px #f6b15b);pointer-events:none}
@media(prefers-reduced-motion:reduce){.lpx__traveler{display:none!important}}


/* 1.5.0-rc2: dauerhaft sichtbare, anhaltbare Bewegung nach dem Einzeichnen. */
.lpx__orb-wrap {animation:lpx-heart-breathe 3.6s ease-in-out infinite}
.lpx__orb-aurora {animation:lpx-aurora 3.6s ease-in-out infinite;filter:blur(9px);opacity:.9}
.lpx__orb-corona {animation:lpx-corona 7s linear infinite;box-shadow:0 0 32px rgba(255,172,74,.65),inset 0 0 25px rgba(255,235,166,.63)}
.lpx__orb-shine {animation:lpx-visible-flare 2.7s ease-in-out infinite!important;opacity:.72!important}
.lpx__path-spark {stroke:#fffdf2;stroke-width:2.2;stroke-dasharray:9 26;stroke-dashoffset:0;opacity:.94;
  animation:lpx-energy-run 2.7s linear infinite!important;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 7px #ffd399)}
.lpx__orbital-rings circle:nth-child(2) {stroke-dasharray:7 15;opacity:.65;animation-duration:13s}
.lpx__orbital-rings circle:nth-child(3) {opacity:.55;animation-duration:21s}
.lpx__particle {animation-duration:var(--particle-duration,7s);filter:brightness(1.18)}
.lpx__traveler {r:7px;filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 12px #ffae3e)}
.lpx__pause {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px}
.lpx__pause[hidden] {display:none!important}
.lpx__pause-indicator {width:9px;height:9px;border-radius:50%;background:#26a26c;box-shadow:0 0 0 3px rgba(38,162,108,.12);animation:lpx-indicator 1.6s ease-in-out infinite}
.lpx[data-lpx-paused] .lpx__pause {background:#fff2dd!important;border-color:#dfba79!important;color:#533c26!important}
.lpx[data-lpx-paused] .lpx__pause-indicator {background:#b97830;box-shadow:none}
.lpx[data-lpx-paused] .lpx__particle {opacity:.25}
.lpx[data-lpx-paused] .lpx__traveler {filter:drop-shadow(0 0 2px #fff)}
@keyframes lpx-energy-run {to{stroke-dashoffset:-105}}
@keyframes lpx-visible-flare {0%,100%{transform:scale(.76);opacity:.38;filter:blur(7px)}50%{transform:scale(1.42);opacity:1;filter:blur(2px)}}
@keyframes lpx-indicator {0%,100%{box-shadow:0 0 0 2px rgba(38,162,108,.14)}50%{box-shadow:0 0 0 7px rgba(38,162,108,.08)}}
@media(prefers-reduced-motion:reduce){
 .lpx__orb-wrap,.lpx__orb-aurora,.lpx__orb-corona,.lpx__orb-shine,.lpx__pause-indicator,.lpx__path-spark{animation:none!important}
 .lpx__path-spark{display:none!important}
}


/* rc3: Bewegungsoption ist IMMER sichtbar, auch bei OS-Einstellung "Bewegung reduzieren". */
.lpx__pause{visibility:visible!important;opacity:1!important}
.lpx[data-lpx-motion-off] .lpx__pause-indicator{animation:none!important;background:#a17d49;box-shadow:none}
/* Bei reduzierter Bewegung die ruhenden Lichtspuren sichtbar lassen. */
@media(prefers-reduced-motion:reduce){
  .lpx:not([data-lpx-motion-optin]) .lpx__path-spark{display:none!important}
  .lpx:not([data-lpx-motion-optin]) .lpx__traveler{display:none!important}
  .lpx[data-lpx-motion-optin="true"] .lpx__orb-wrap{animation:lpx-heart-breathe 3.6s ease-in-out infinite!important}
  .lpx[data-lpx-motion-optin="true"] .lpx__orb-aurora{animation:lpx-aurora 3.6s ease-in-out infinite!important}
  .lpx[data-lpx-motion-optin="true"] .lpx__orb-corona{animation:lpx-corona 7s linear infinite!important}
  .lpx[data-lpx-motion-optin="true"] .lpx__orb-shine{animation:lpx-visible-flare 2.7s ease-in-out infinite!important}
  .lpx[data-lpx-motion-optin="true"] .lpx__path-spark{display:block!important;animation:lpx-energy-run 2.7s linear infinite!important}
  .lpx[data-lpx-motion-optin="true"] .lpx__particle{display:block!important;animation:lpx-float var(--particle-duration,7s) ease-in-out var(--particle-delay,0s) infinite!important}
  .lpx[data-lpx-motion-optin="true"] .lpx__traveler{display:block!important}
  .lpx[data-lpx-motion-optin="true"] .lpx__pause-indicator{animation:lpx-indicator 1.6s ease-in-out infinite!important}
  .lpx[data-lpx-motion-optin="true"] .lpx__orbital-rings circle{animation:lpx-orbit-rotate 38s linear infinite!important}
  .lpx[data-lpx-motion-optin="true"] .lpx__path, .lpx[data-lpx-motion-optin="true"] .lpx__path-haze{stroke-dashoffset:0!important}
}
/* Deutlicher, bewusst sichtbarer Effekt: Lichtkern atmet; Pausenknopf stoppt alle Effekte. */
.lpx__orb-wrap{animation:lpx-orb-surge 3.8s ease-in-out infinite}
@keyframes lpx-orb-surge{0%,100%{filter:drop-shadow(0 0 12px rgba(255,160,51,.65)) brightness(1)}50%{filter:drop-shadow(0 0 47px rgba(255,176,54,.98)) brightness(1.23)}}
@media(prefers-reduced-motion:reduce){
  .lpx[data-lpx-motion-optin="true"] .lpx__orb-wrap{animation:lpx-orb-surge 3.8s ease-in-out infinite!important}
}
/* Im selben mobilen Raster wie die restlichen LICHTPUNKT-Module. */
@media(max-width:520px){.lpx.lpx{width:calc(100vw - 20px)!important;max-width:none}}


/* 1.5.0-rc4 – organische LICHTWELT, visual reference: Lichtbahnen + sanfte Lichtwolken.
   WICHTIG: echte DOM-Links bleiben oben; dekorative Ebenen sind pointer-events:none. */
.lpx__shell {
 background-image:linear-gradient(110deg,rgba(252,252,255,.64),rgba(254,240,252,.38) 55%,rgba(255,249,237,.5)),url('lichtwelt-ambience.svg');
 background-size:cover,cover;background-position:center;
 box-shadow:0 27px 77px rgba(86,65,140,.18),0 0 36px rgba(221,155,223,.13),inset 0 0 0 1px rgba(255,255,255,.75);
 border-color:rgba(237,220,250,.9)
}
.lpx__atmosphere{background-image:radial-gradient(circle at 50% 53%,rgba(255,226,146,.33),transparent 38%),url('atmosphaere.webp');opacity:.68;mix-blend-mode:soft-light;animation:lpx-drift-cloud 24s ease-in-out infinite alternate}
.lpx__shell:before{opacity:.9}
.lpx__node{background:linear-gradient(120deg,rgba(255,255,255,.80),rgba(255,250,255,.72))!important;border-color:rgba(255,255,255,.97)!important;box-shadow:0 19px 44px rgba(70,48,120,.15),0 0 27px var(--node-halo),inset 0 1px 18px rgba(255,255,255,.8)}
.lpx__node-icon{box-shadow:0 0 0 5px rgba(255,255,255,.58),0 0 0 7px var(--node-edge),0 0 29px 11px var(--node-halo),inset 0 2px 4px rgba(255,255,255,.46)}
/* A layered beam: radiance, colored stream, pearly core, moving sheen */
.lpx__path-aura{opacity:.55;filter:blur(14px);pointer-events:none}
.lpx__path-haze{opacity:.84;filter:blur(7px);stroke-width:19}
.lpx__path{stroke-width:5.4;opacity:.92;filter:drop-shadow(0 0 10px rgba(255,233,172,.78));}
.lpx__path-silk{opacity:.75;filter:drop-shadow(0 0 4px #fff);stroke-dasharray:650;stroke-dashoffset:650;animation:lpx-draw 3s ease-out .8s forwards}
.lpx__path-spark{stroke-dasharray:50 420;stroke-width:3.6;stroke-dashoffset:0;opacity:.86;animation:lpx-energy-smooth 6.6s linear infinite!important;filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px #ffe3b5)}
.lpx__traveler{filter:none;pointer-events:none}
.lpx__traveler-halo{fill:rgba(255,244,192,.44);filter:blur(8px)}
.lpx__traveler-flare{fill:rgba(255,241,175,.87);filter:blur(3px)}
.lpx__traveler-core{fill:#fffef7;filter:drop-shadow(0 0 4px #fffef7) drop-shadow(0 0 12px #ffd47f)}
.lpx__traveler-tail{stroke-width:9;filter:blur(5px);pointer-events:none}
.lpx__orb-wrap{animation:lpx-soft-breathe 5.2s ease-in-out infinite;filter:drop-shadow(0 0 22px rgba(255,191,83,.85))}
.lpx__orb-aurora{background:radial-gradient(circle,rgba(255,247,212,.70),rgba(255,210,104,.48) 28%,rgba(249,177,102,.24) 44%,transparent 73%);transform:scale(2.25);filter:blur(14px)}
.lpx__orb{inset:-31%!important;filter:brightness(1.06) saturate(1.2);background-size:contain}
.lpx__orb-shine{opacity:.60!important;animation:lpx-visible-flare 4.1s ease-in-out infinite!important}
.lpx__meaning{background:rgba(255,255,255,.73);border-color:rgba(255,255,255,.90);box-shadow:0 8px 36px rgba(255,184,103,.2),inset 0 1px 14px rgba(255,255,255,.56)}
.lpx__particle{box-shadow:0 0 9px 2px var(--particle-glow,rgba(247,201,124,.4)),0 0 21px 4px var(--particle-glow,rgba(247,201,124,.4));filter:none}
@keyframes lpx-soft-breathe{0%,100%{filter:drop-shadow(0 0 17px rgba(255,190,92,.71)) brightness(1)}50%{filter:drop-shadow(0 0 32px rgba(255,173,57,.95)) brightness(1.13)}}
@keyframes lpx-energy-smooth{to{stroke-dashoffset:-470}}
@keyframes lpx-drift-cloud{to{transform:scale(1.04) translate3d(-1%,.75%,0)}}
/* All motion stops, including newly added light veils. */
.lpx[data-lpx-paused] .lpx__traveler-tail {transition:none}
/* Reduced motion is the default if requested by the visitor's system. Explicit opt-in restores motion. */
@media(prefers-reduced-motion:reduce){
 .lpx:not([data-lpx-motion-optin]) .lpx__traveler-tail{display:none!important}
 .lpx:not([data-lpx-motion-optin]) .lpx__path-silk{stroke-dashoffset:0!important}
 .lpx[data-lpx-motion-optin="true"] .lpx__orb-wrap{animation:lpx-soft-breathe 5.2s ease-in-out infinite!important}
 .lpx[data-lpx-motion-optin="true"] .lpx__atmosphere{animation:lpx-drift-cloud 24s ease-in-out infinite alternate!important}
 .lpx[data-lpx-motion-optin="true"] .lpx__path-silk{animation:lpx-draw 3s ease-out forwards!important}
 .lpx[data-lpx-motion-optin="true"] .lpx__path-spark{animation:lpx-energy-smooth 6.6s linear infinite!important}
 .lpx[data-lpx-motion-optin="true"] .lpx__traveler-tail{display:block!important}
}
@media(max-width:630px){.lpx__path-aura{opacity:.37}.lpx__orb{filter:brightness(1.04)}}
/* Finaler Farb-/Leuchtabgleich mit dem freigegebenen Premium-Entwurf. */
.lpx__path-aura{opacity:.82;filter:blur(12px)}
.lpx__path-haze{opacity:.93;filter:blur(5.5px)}
.lpx__path{stroke-width:7;filter:drop-shadow(0 0 9px rgba(255,243,186,.96)) drop-shadow(0 0 15px rgba(251,184,156,.68))}
.lpx__path-silk{stroke-width:2.7;opacity:.92;filter:drop-shadow(0 0 6px rgba(255,255,246,.95))}