/* Lunardon Werbung TEST – flowing cinematic aurora background, no circles/grid */
html{background:#020403;overflow-x:hidden}
body{position:relative;isolation:isolate;background:transparent!important;overflow-x:hidden}
.deep-bg{position:fixed;inset:-18vh -18vw;z-index:0;pointer-events:none;overflow:hidden;background:linear-gradient(145deg,#020403 0%,#071009 28%,#030705 58%,#0a140b 78%,#020403 100%)}
.deep-bg:before,.deep-bg:after{content:"";position:absolute;inset:-28%;will-change:transform;filter:blur(54px);transform-origin:center}
.deep-bg:before{background:linear-gradient(118deg,transparent 12%,rgba(197,255,48,.04) 25%,rgba(210,255,61,.55) 34%,rgba(82,255,137,.22) 41%,transparent 53%),linear-gradient(148deg,transparent 30%,rgba(51,255,139,.08) 41%,rgba(121,255,78,.38) 49%,rgba(218,255,62,.12) 56%,transparent 66%),linear-gradient(102deg,transparent 48%,rgba(218,255,62,.12) 57%,rgba(70,255,143,.3) 65%,transparent 76%);transform:rotate(-8deg) skewY(-5deg) scale(1.25);animation:auroraFlowA 18s ease-in-out infinite alternate}
.deep-bg:after{background:linear-gradient(132deg,transparent 5%,rgba(59,255,141,.04) 24%,rgba(78,255,142,.3) 33%,rgba(218,255,62,.24) 41%,transparent 55%),linear-gradient(164deg,transparent 34%,rgba(216,255,56,.08) 44%,rgba(216,255,56,.42) 51%,rgba(64,255,145,.16) 58%,transparent 69%);filter:blur(78px);transform:rotate(7deg) skewX(6deg) scale(1.3);opacity:.9;animation:auroraFlowB 25s ease-in-out infinite alternate}
.deep-bg span{position:absolute;display:block;left:-25%;width:150%;height:24vh;border-radius:0;filter:blur(58px);mix-blend-mode:screen;will-change:transform;opacity:.75}
.deep-bg span:nth-child(1){top:4%;background:linear-gradient(100deg,transparent 8%,rgba(216,255,56,.05) 20%,rgba(216,255,56,.55) 39%,rgba(72,255,142,.25) 57%,transparent 78%);transform:rotate(-12deg) skewX(-18deg);animation:ribbonOne 17s ease-in-out infinite alternate}
.deep-bg span:nth-child(2){top:45%;background:linear-gradient(78deg,transparent 12%,rgba(58,255,144,.08) 26%,rgba(78,255,140,.42) 43%,rgba(215,255,61,.48) 58%,transparent 82%);transform:rotate(10deg) skewX(16deg);animation:ribbonTwo 22s ease-in-out infinite alternate}
.deep-bg span:nth-child(3){top:78%;background:linear-gradient(112deg,transparent 8%,rgba(216,255,56,.05) 28%,rgba(194,255,52,.38) 45%,rgba(59,255,143,.36) 61%,transparent 84%);transform:rotate(-7deg) skewX(-12deg);animation:ribbonThree 27s ease-in-out infinite alternate}
body:before,body:after{content:"";position:fixed;left:-15vw;width:130vw;height:18vh;pointer-events:none;z-index:0;filter:blur(70px);mix-blend-mode:screen;will-change:transform}
body:before{top:24vh;background:linear-gradient(90deg,transparent 4%,rgba(216,255,56,.08) 23%,rgba(216,255,56,.28) 45%,rgba(69,255,143,.16) 63%,transparent 91%);transform:rotate(-8deg);animation:lightBandA 20s ease-in-out infinite alternate}
body:after{bottom:12vh;background:linear-gradient(90deg,transparent 8%,rgba(66,255,145,.06) 24%,rgba(66,255,145,.25) 46%,rgba(216,255,56,.2) 65%,transparent 90%);transform:rotate(9deg);animation:lightBandB 24s ease-in-out infinite alternate}
main,.footer-pro{position:relative;z-index:2}.site-header{z-index:100!important}.cursor-aura,.cursor-dot{z-index:200!important}
/* No global dark veil over the friendly aurora. Content floats directly over it. */
main:before,main:after,.section-pad:before{display:none!important;content:none!important}.dark-panel{background:transparent!important;box-shadow:none!important}
@keyframes auroraFlowA{0%{transform:translate3d(-5%,-3%,0) rotate(-10deg) skewY(-5deg) scale(1.2)}50%{transform:translate3d(4%,3%,0) rotate(-3deg) skewY(3deg) scale(1.32)}100%{transform:translate3d(-1%,7%,0) rotate(4deg) skewY(-2deg) scale(1.25)}}
@keyframes auroraFlowB{0%{transform:translate3d(5%,-5%,0) rotate(8deg) skewX(6deg) scale(1.25)}50%{transform:translate3d(-4%,5%,0) rotate(1deg) skewX(-3deg) scale(1.38)}100%{transform:translate3d(3%,8%,0) rotate(-5deg) skewX(4deg) scale(1.3)}}
@keyframes ribbonOne{0%{transform:translate3d(-7vw,-3vh,0) rotate(-12deg) skewX(-18deg) scaleY(.8)}100%{transform:translate3d(11vw,8vh,0) rotate(-5deg) skewX(13deg) scaleY(1.45)}}
@keyframes ribbonTwo{0%{transform:translate3d(8vw,3vh,0) rotate(10deg) skewX(16deg) scaleY(1.1)}100%{transform:translate3d(-12vw,-8vh,0) rotate(2deg) skewX(-15deg) scaleY(.72)}}
@keyframes ribbonThree{0%{transform:translate3d(-5vw,4vh,0) rotate(-7deg) skewX(-12deg) scaleY(.9)}100%{transform:translate3d(13vw,-7vh,0) rotate(4deg) skewX(15deg) scaleY(1.35)}}
@keyframes lightBandA{0%{transform:translate3d(-10vw,0,0) rotate(-8deg) scaleY(.8)}100%{transform:translate3d(12vw,10vh,0) rotate(-2deg) scaleY(1.4)}}
@keyframes lightBandB{0%{transform:translate3d(10vw,0,0) rotate(9deg) scaleY(1.15)}100%{transform:translate3d(-13vw,-9vh,0) rotate(2deg) scaleY(.75)}}
@media(max-width:650px){.deep-bg{inset:-10vh -20vw}.deep-bg:before,.deep-bg:after{inset:-18% -28%}.deep-bg span{left:-30%;width:160%;height:18vh}.deep-bg span:nth-child(1){top:8%}.deep-bg span:nth-child(2){top:48%}.deep-bg span:nth-child(3){top:80%}body:before,body:after{left:-25vw;width:150vw}}
@media(prefers-reduced-motion:reduce){.deep-bg:before,.deep-bg:after,.deep-bg span,body:before,body:after{animation:none!important}}