:root{--neon-cyan: #00ffff;--neon-purple: #6600ff;--coral: #ff007f}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--neon-cyan);text-shadow:0 0 3px var(--neon-purple),1px 1px 2px rgba(0,0,0,.8);min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}.bg-sunset{background-image:url(/sunset.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.bg-flowers{background-image:url(/flowers.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.water-sparkle{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;mix-blend-mode:screen;opacity:0;animation:sparkleFadeIn 6s ease-in 14s forwards}.header-sparkle{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;mix-blend-mode:screen;opacity:0}html.clouds-gone .header-sparkle{animation:sparkleFadeIn 2.2s ease 0s forwards}@keyframes sparkleFadeIn{0%{opacity:0}to{opacity:1}}.water-sparkle .star,.header-sparkle .star{position:absolute;border-radius:50%;background:radial-gradient(circle,#fff7d6,#ffe08a,#ffc85000 70%);box-shadow:0 0 6px 1px #ffd26eb3;opacity:0;animation:starTwinkle var(--sdur, 4s) ease-in-out infinite;animation-delay:var(--sdelay, 0s);will-change:opacity,transform}@keyframes starTwinkle{0%{opacity:0;transform:rotate(var(--rot, 0deg)) scale(.5)}40%{opacity:1;transform:rotate(var(--rot, 0deg)) scale(1)}60%{opacity:.85;transform:rotate(var(--rot, 0deg)) scale(1.1)}to{opacity:0;transform:rotate(var(--rot, 0deg)) scale(.5)}}header{position:relative;width:100%;background:#ffffff05;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-bottom:1px solid rgba(255,255,255,.05);padding:25px 0;display:flex;justify-content:center;align-items:center;z-index:10;margin-bottom:20px}nav{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;width:100%;max-width:100%;margin:0 auto;padding:0 40px;min-height:50px;background:transparent}.nav-links{grid-column:1;display:flex;justify-content:flex-start;gap:30px}nav a{color:var(--neon-cyan);text-decoration:none;font-weight:700;font-size:15px;font-family:Arial,sans-serif;transition:color .3s ease;text-shadow:0 0 6px rgba(0,0,0,.8)}.nav-links a:hover{color:var(--neon-purple)}.nav-socials{grid-column:3;display:flex;justify-content:flex-end;gap:15px;margin-left:0}.social-icon{width:20px;height:20px;fill:none;stroke:var(--neon-cyan);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease,transform .3s ease;filter:drop-shadow(0px 1px 2px rgba(0,0,0,.9))}.nav-socials a:hover .social-icon{stroke:var(--neon-purple);transform:scale(1.15)}header:before{content:"HUMBLEBEE";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Arial Black,sans-serif;font-size:clamp(2rem,6vw,4.5rem);font-weight:900;letter-spacing:12px;color:#5814a080;-webkit-text-stroke:2px var(--neon-cyan);pointer-events:none;z-index:11;filter:drop-shadow(0 0 8px rgba(0,255,255,.38));opacity:0;animation:ultravioletPulse 4s ease-in-out infinite}html.is-awake header:before{opacity:0;animation:ultravioletPulse 4s ease-in-out infinite,headerReveal 4.5s ease 1s both}html.clouds-gone-soft header:before{opacity:1;animation:dualGlow 4s ease-in-out infinite}@keyframes headerReveal{0%{opacity:0}to{opacity:1}}@keyframes ultravioletPulse{0%,to{text-shadow:0 0 10px rgba(0,255,255,.5),0 0 22px rgba(102,0,255,.45)}50%{text-shadow:0 0 17px rgba(0,255,255,.75),0 0 36px rgba(102,0,255,.6),0 0 58px rgba(102,0,255,.45)}}@keyframes dualGlow{0%,to{text-shadow:0 0 17px rgba(0,255,255,.8),0 0 36px rgba(102,0,255,.62),0 0 58px rgba(102,0,255,.48),0 0 0px rgba(255,205,100,0),0 0 0px rgba(255,185,40,0),0 0 0px rgba(255,170,20,0)}50%{text-shadow:0 0 9px rgba(0,255,255,.35),0 0 18px rgba(102,0,255,.3),0 0 26px rgba(255,230,150,.62),0 0 52px rgba(255,205,80,.48),0 0 78px rgba(255,190,45,.34)}}@keyframes fadeSequence{0%{opacity:0;transform:translate(-50%,-30%)}15%,85%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-70%)}}@keyframes finalFade{0%{opacity:0;transform:translate(-50%,-30%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes superSchwirren{0%{transform:translate(0) scaleX(var(--bee-dir, 1)) scale(var(--bee-scale, 1)) rotate(0)}12%{transform:translate(34px,-42px) scaleX(var(--bee-dir, 1)) scale(calc(var(--bee-scale, 1) * 1.06)) rotate(12deg)}24%{transform:translate(58px,-8px) scaleX(var(--bee-dir, 1)) scale(calc(var(--bee-scale, 1) * .94)) rotate(-8deg)}36%{transform:translate(22px,38px) scaleX(var(--bee-dir, 1)) scale(var(--bee-scale, 1)) rotate(18deg)}48%{transform:translate(-30px,12px) scaleX(var(--bee-dir, 1)) scale(calc(var(--bee-scale, 1) * 1.05)) rotate(-14deg)}60%{transform:translate(-52px,-34px) scaleX(var(--bee-dir, 1)) scale(calc(var(--bee-scale, 1) * .96)) rotate(6deg)}72%{transform:translate(-18px,-58px) scaleX(var(--bee-dir, 1)) scale(var(--bee-scale, 1)) rotate(-10deg)}84%{transform:translate(26px,-30px) scaleX(var(--bee-dir, 1)) scale(calc(var(--bee-scale, 1) * 1.04)) rotate(9deg)}to{transform:translate(0) scaleX(var(--bee-dir, 1)) scale(var(--bee-scale, 1)) rotate(0)}}@keyframes hummelSchwirren{0%{transform:translate(0) scaleX(var(--bumble-dir, 1)) scale(var(--bumble-scale, 1)) rotate(0)}15%{transform:translate(-46px,34px) scaleX(var(--bumble-dir, 1)) scale(calc(var(--bumble-scale, 1) * 1.04)) rotate(-14deg)}30%{transform:translate(-12px,58px) scaleX(var(--bumble-dir, 1)) scale(calc(var(--bumble-scale, 1) * .95)) rotate(10deg)}45%{transform:translate(44px,30px) scaleX(var(--bumble-dir, 1)) scale(var(--bumble-scale, 1)) rotate(-16deg)}60%{transform:translate(58px,-22px) scaleX(var(--bumble-dir, 1)) scale(calc(var(--bumble-scale, 1) * 1.03)) rotate(8deg)}75%{transform:translate(20px,-52px) scaleX(var(--bumble-dir, 1)) scale(calc(var(--bumble-scale, 1) * .97)) rotate(-6deg)}90%{transform:translate(-34px,-28px) scaleX(var(--bumble-dir, 1)) scale(var(--bumble-scale, 1)) rotate(12deg)}to{transform:translate(0) scaleX(var(--bumble-dir, 1)) scale(var(--bumble-scale, 1)) rotate(0)}}@keyframes sachteSchwingen{0%{transform:translateY(15px) translate(-25px) rotate(calc(var(--bf-rot, 0deg) - 3deg))}to{transform:translateY(-20px) translate(25px) rotate(calc(var(--bf-rot, 0deg) + 3deg))}}@keyframes fluegelschlagLinks{0%{transform:scaleX(1)}to{transform:scaleX(.12)}}@keyframes fluegelschlagRechts{0%{transform:scaleX(-1)}to{transform:scaleX(-.12)}}@keyframes rumpfVibe{0%{transform:scaleY(1)}to{transform:scaleY(.97) translateY(1px)}}@keyframes rayMultiGluehen{0%{opacity:.02;transform:scaleX(.7) translateY(0)}50%{opacity:.65}to{opacity:.05;transform:scaleX(1.2)}}main{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5;padding:20px}.text-container{position:relative;text-align:center;width:100%;min-height:150px;display:flex;justify-content:center;align-items:center}.animated-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--neon-cyan);font-size:clamp(1.8rem,6vw,3rem);font-weight:700;text-shadow:none;opacity:0;width:90%;pointer-events:none}.txt-1{animation:fadeSequence 4s ease-in-out 1.7s forwards}.txt-2{animation:fadeSequence 4s ease-in-out 5.7s forwards}.txt-3{animation:fadeSequence 4s ease-in-out 9.7s forwards}.txt-4{animation:fadeSequence 4s ease-in-out 13.7s forwards}.txt-5{animation:fadeSequence 4s ease-in-out 17.7s forwards}.story-page{display:none;position:relative;flex-direction:column;align-items:center;justify-content:center;max-width:75%;margin:0 auto;text-align:center;line-height:1.6;font-family:Arial,sans-serif;color:var(--neon-cyan);font-size:clamp(.95rem,2.5vw,1.25rem);text-shadow:none}.story-page.active-page{display:flex;opacity:1}.story-page p{margin:0;text-shadow:3px 3px 6px rgba(0,0,0,.92)}.story-btn{margin-top:25px;padding:12px 26px;background:#00ffff0d;border:2px solid var(--neon-cyan);color:var(--neon-cyan);font-weight:700;font-size:.95rem;font-family:Arial,sans-serif;border-radius:30px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-shadow:none;box-shadow:0 0 5px #0ff3}.story-btn:hover{background:#9900ff1f;color:var(--neon-cyan);text-shadow:-1px -1px 0 var(--neon-purple),1px -1px 0 var(--neon-purple),-1px 1px 0 var(--neon-purple),1px 1px 0 var(--neon-purple),0 0 6px var(--neon-purple);box-shadow:0 0 15px #90f6;transform:scale(1.05)}.close-btn{border-color:var(--neon-purple);color:var(--neon-purple);background:#6600ff0d}.close-btn:hover{background:#00ffff1f;color:var(--neon-cyan);text-shadow:-1px -1px 0 var(--neon-purple),1px -1px 0 var(--neon-purple),-1px 1px 0 var(--neon-purple),1px 1px 0 var(--neon-purple),0 0 6px var(--neon-purple);box-shadow:0 0 15px #00ffff59}.story-controls{display:flex;gap:20px;justify-content:center;width:100%}#skip-intro-btn{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);padding:8px 18px;background:#00ffff0d;border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-weight:700;font-size:.85rem;border-radius:20px;cursor:pointer;z-index:100;transition:all .3s ease;text-shadow:none}#skip-intro-btn:hover{background:#9900ff1f;color:var(--neon-cyan);text-shadow:-1px -1px 0 var(--neon-purple),1px -1px 0 var(--neon-purple),-1px 1px 0 var(--neon-purple),1px 1px 0 var(--neon-purple),0 0 6px var(--neon-purple);box-shadow:0 0 10px #9900ff59}.insect-layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.bee,.bumblebee,.butterfly{position:absolute;pointer-events:none;display:inline-block}@keyframes superSchwirren{0%{transform:translate(0) scaleX(var(--bee-dir, 1)) scale(var(--bee-scale, 1)) rotate(0)}25%{transform:translate(40px,-50px) scaleX(var(--bee-dir, 1)) scale(calc(var(--bee-scale, 1) * 1.05)) rotate(5deg)}50%{transform:translate(-30px,-20px) scaleX(var(--bee-dir, 1)) scale(calc(var(--bee-scale, 1) * .95)) rotate(-10deg)}75%{transform:translate(50px,30px) scaleX(var(--bee-dir, 1)) scale(var(--bee-scale, 1)) rotate(8deg)}to{transform:translate(-15px,-60px) scaleX(var(--bee-dir, 1)) scale(calc(var(--bee-scale, 1) * 1.02)) rotate(-5deg)}}@keyframes hummelSchwirren{0%{transform:translate(0) scaleX(var(--bumble-dir, 1)) scale(var(--bumble-scale, 1))}33%{transform:translate(-50px,40px) scaleX(var(--bumble-dir, 1)) scale(calc(var(--bumble-scale, 1) * 1.03)) rotate(-8deg)}66%{transform:translate(40px,-40px) scaleX(var(--bumble-dir, 1)) scale(calc(var(--bumble-scale, 1) * .97)) rotate(6deg)}to{transform:translate(-15px,-25px) scaleX(var(--bumble-dir, 1)) scale(var(--bumble-scale, 1))}}.bee,.bumblebee{left:var(--x);top:var(--y)}.bee{font-size:clamp(20px,4vw,30px);animation:superSchwirren 6s infinite ease-in-out alternate}.bumblebee{font-size:clamp(28px,5vw,42px);animation:hummelSchwirren 8s infinite ease-in-out alternate}.butterfly{width:clamp(80px,16vw,120px);height:clamp(80px,16vw,120px);z-index:2;left:40%;top:40%;transform:rotate(var(--bf-rot, 0deg))}.butterfly svg{width:100%;height:100%}.butterfly--enter{animation:falterEintritt 15s ease-in-out forwards}@keyframes falterEintritt{0%{opacity:0;transform:translate(75vw,-62vh) rotate(-14deg) scale(.7)}20%{opacity:.5;transform:translate(48vw,-34vh) rotate(-6deg) scale(.8)}45%{opacity:.85;transform:translate(20vw,6vh) rotate(4deg) scale(.92)}52%{opacity:1;transform:translate(20vw,6vh) rotate(4deg) scale(.92)}70%{opacity:1;transform:translate(-4vw,22vh) rotate(-3deg) scale(.97)}to{opacity:1;transform:translateY(34vh) rotate(0) scale(1)}}.falter-schweben{animation:sachteSchwingen 6s ease-in-out infinite alternate;transform-origin:200px 200px}.links{animation:fluegelschlagLinks .23s ease-in-out infinite alternate;transform-origin:200px 200px}.rechts{animation:fluegelschlagRechts .23s ease-in-out infinite alternate;transform-origin:200px 200px}.falter-rumpf{animation:rumpfVibe .23s ease-in-out infinite alternate;transform-origin:200px 200px}.content-section~.butterfly{width:clamp(350px,70vw,750px);height:clamp(350px,70vw,750px);z-index:2;margin-top:20px;position:relative;display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;top:0}.sun-rays-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.ray{position:absolute;top:-200px;width:0;height:0;border-left:450px solid transparent;border-right:450px solid transparent;border-bottom:160vh solid rgba(255,150,20,.1);filter:blur(60px);transform-origin:top center;opacity:0;left:calc(var(--i) * 11% - 5%);transform:rotate(calc(var(--i) * 11deg - 45deg));border-bottom-color:rgba(255,calc(255 - (var(--i) * 20)),0,.13);animation:rayMultiGluehen 18s infinite ease-in-out alternate;animation-delay:calc(var(--i) * .7s)}.cloud-volume{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;mix-blend-mode:normal;opacity:1}.fog-layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:2}.fog-band{position:absolute;transform:translate(-30%,-50%);border-radius:50%;background:radial-gradient(60% 60% at 50% 50%,#dce6ffd9,#c8d7f580 45%,#b9cdf000 75%),radial-gradient(80% 50% at 50% 50%,#ebf0ff99,#d2e1fa00 70%);filter:blur(22px);will-change:transform;animation:fogFlow var(--fdur, 36s) ease-in-out infinite}@keyframes fogFlow{0%{transform:translate(-30%,-50%) translate(0) scaleX(1);opacity:.55}50%{transform:translate(-30%,-50%) translate(-26px,10px) scaleX(1.12);opacity:1}to{transform:translate(-30%,-50%) translate(0) scaleX(1);opacity:.55}}.fog-front{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden}.fog-front-bank{position:absolute;left:50%;bottom:-8%;width:140%;height:38%;transform:translate(-50%);border-radius:50%;background:radial-gradient(60% 70% at 50% 100%,#e1ebffe6,#cddef88c 45%,#b9cdf000 75%),radial-gradient(85% 60% at 50% 100%,#eef3ffa6,#d2e1fa00 72%);filter:blur(26px);will-change:transform,bottom,opacity,border-radius;animation:fogFrontIn 48s ease-in-out forwards,fogFrontSway 18s ease-in-out infinite,fogFrontWarp 23s ease-in-out infinite,fogFrontBreathe 14s ease-in-out infinite}.fog-front-bank--2{bottom:-14%;width:165%;height:30%;opacity:.7;animation:fogFrontIn2 58s ease-in-out forwards,fogFrontSway2 22s ease-in-out infinite,fogFrontWarp2 27s ease-in-out infinite,fogFrontBreathe2 17s ease-in-out infinite;animation-delay:0s,-6s,-11s,-4s}@keyframes fogFrontIn{0%{bottom:-45%;opacity:0}to{bottom:-8%;opacity:1}}@keyframes fogFrontIn2{0%{bottom:-50%;opacity:0}to{bottom:-14%;opacity:.7}}@keyframes fogFrontSway{0%{transform:translate(-50%) scaleX(1) skewY(0)}50%{transform:translate(-53%) scaleX(1.06) skewY(.6deg)}to{transform:translate(-50%) scaleX(1) skewY(0)}}@keyframes fogFrontSway2{0%{transform:translate(-50%) scaleX(1.04) skewY(0)}50%{transform:translate(-47%) scaleX(1) skewY(-.5deg)}to{transform:translate(-50%) scaleX(1.04) skewY(0)}}@keyframes fogFrontWarp{0%{border-radius:50%;scale:1 1}25%{border-radius:48% 52% 50% 50%/62% 58% 70% 70%;scale:1 1.04}50%{border-radius:54% 46% 52% 48%/56% 64% 60% 70%;scale:1 .97}75%{border-radius:46% 54% 48% 52%/66% 56% 72% 62%;scale:1 1.03}to{border-radius:50%;scale:1 1}}@keyframes fogFrontWarp2{0%{border-radius:50%;scale:1.02 1}30%{border-radius:52% 48% 50% 50%/60% 66% 64% 68%;scale:1.02 1.05}60%{border-radius:46% 54% 52% 48%/68% 58% 66% 60%;scale:1.02 .96}to{border-radius:50%;scale:1.02 1}}@keyframes fogFrontBreathe{0%,to{opacity:.85}50%{opacity:1}}@keyframes fogFrontBreathe2{0%,to{opacity:.6}45%{opacity:.78}70%{opacity:.55}}.fog-fall{position:absolute;pointer-events:none;filter:blur(3px);transform-origin:50% 0;animation:fogFallIn 40s linear forwards}@keyframes fogFallIn{0%{transform:translateY(-50%) scale(.5,.35);opacity:.3}50%{transform:translateY(0) scale(1);opacity:.85}to{transform:translateY(0) scale(1);opacity:1}}.fog-net{position:absolute;left:0;right:0;bottom:0;height:32%;pointer-events:none;transform-origin:60% 100%;opacity:0;animation:fogNetSpread 40s ease-in-out forwards}@keyframes fogNetSpread{0%{transform:scale(.12,.3);opacity:.3}40%{transform:scale(.5,.7);opacity:.8}70%{transform:scaleX(.85);opacity:1}to{transform:scale(1);opacity:1}}.fog-net svg{width:100%;height:100%;display:block;overflow:visible}.fog-vein{fill:none;stroke:url(#veinGrad);stroke-linecap:round;stroke-linejoin:round;filter:blur(4px);animation:fogVeinBreathe 18s ease-in-out infinite}@keyframes fogVeinBreathe{0%,to{opacity:.82}50%{opacity:1}}.fog-strand{position:absolute;top:0;height:78%;background-image:radial-gradient(60% 42% at 50% 12%,rgba(248,252,255,calc(var(--op,.8)*.9)),#e2eeff00 70%),radial-gradient(70% 50% at 35% 40%,rgba(236,244,255,calc(var(--op,.8)*.7)),#d8eafc00 72%),radial-gradient(70% 50% at 65% 58%,rgba(230,240,255,calc(var(--op,.8)*.6)),#d2e6fc00 74%),radial-gradient(80% 60% at 50% 100%,rgba(240,248,255,calc(var(--op,.8)*.85)),#cde2fa00 78%),linear-gradient(to top,#f8fcff00,rgba(226,238,255,calc(var(--op, .8) * .5)) 22%,rgba(214,232,252,calc(var(--op, .8) * .65)) 60%,#cde2fa00);background-size:100% 70px,100% 70px,100% 70px,100% 70px,100% 70px;background-repeat:repeat-y;border-radius:55% 55% 45% 45%/14% 14% 26% 26%;opacity:var(--op, .8);filter:blur(4px);animation:fogStrandFall var(--dur, 2.6s) linear infinite,fogGhost var(--ghost, 1.8s) ease-in-out infinite;animation-delay:var(--delay, 0s),var(--gphase, 0s);box-shadow:0 0 14px 4px #e1f0ff66}@keyframes fogStrandFall{0%{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:0 70px,0 70px,0 70px,0 70px,0 70px}}@keyframes fogGhost{0%,to{opacity:var(--op, .8)}50%{opacity:calc(var(--op, .8) * .45)}}.fog-cushion{position:absolute;left:-30%;right:-30%;top:74%;height:26%;background:radial-gradient(50% 70% at 30% 50%,#ebf5ff8c,#d4e6fc33 55%,#bed4f500 80%),radial-gradient(55% 75% at 65% 50%,#f0f8ff99,#d8eafc38 55%,#bed4f500 82%);filter:blur(6px);animation:fogCushion 4s ease-in-out infinite}@keyframes fogCushion{0%,to{opacity:.55;transform:scaleY(1) translateY(0)}50%{opacity:.9;transform:scaleY(1.18) translateY(2px)}}.fog-swirl{position:absolute;pointer-events:none;filter:blur(3px);opacity:var(--op, .5);animation:fogSwirl var(--rot, 24s) linear infinite;animation-delay:var(--delay, 0s);transform-origin:50% 50%}.fog-swirl .puff{position:absolute;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(240,248,255,calc(var(--op, .5) * .9)),#d2e6fc00 72%)}.fog-swirl .p1{left:20%;top:20%;width:55%;height:55%}.fog-swirl .p2{left:50%;top:38%;width:44%;height:44%}.fog-swirl .p3{left:34%;top:52%;width:40%;height:40%}@keyframes fogSwirl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cloud-spread{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(calc(var(--tx, 0vw) * -.33),calc(var(--ty, 0vh) * -.33));animation:cloudSpread 110s linear forwards}.cloud-spread--vanish{transform:translate(0);animation:cloudSpreadUp 110s linear forwards,cloudVanish 110s linear forwards}@keyframes cloudSpreadUp{0%{transform:translate(0);opacity:1}to{transform:translate(var(--tx, 0vw),var(--ty, 0vh));opacity:var(--fade, 1)}}@keyframes cloudVanish{0%,28%{opacity:1}to{opacity:0}}@keyframes cloudSpread{0%{transform:translate(calc(var(--tx, 0vw) * -.33),calc(var(--ty, 0vh) * -.33));opacity:1}to{transform:translate(var(--tx, 0vw),var(--ty, 0vh));opacity:var(--fade, 1)}}.cloud-group{position:absolute;will-change:transform,opacity;opacity:var(--op, .7);animation:cloudDrift var(--dur, 260s) linear infinite,cloudPulse var(--pdur, 12s) ease-in-out infinite;--lila: 150, 110, 214;--tuerkis: 60, 200, 190;--bluroff: 0px;--shade: 0}@keyframes cloudPulse{0%,to{opacity:calc(var(--op) * .9)}50%{opacity:calc(var(--op) * 1)}}.puff{position:absolute;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(34% 30% at 38% 30%,#ffe896d9,#ffc84659 38%,#ffd70000 64%),radial-gradient(60% 60% at 50% 44%,rgba(255,224,130,calc(var(--gold, 0) * .55)),rgba(255,198,60,calc(var(--gold, 0) * .35)) 45%,#ffbe2800 72%),radial-gradient(80% 80% at 50% 52%,rgba(200,172,244,calc(var(--shade, 0) * .55)),#c8acf400 72%),radial-gradient(80% 80% at 50% 52%,rgba(118,168,212,calc(var(--shade, 0) * -.55)),#76a8d400 72%),radial-gradient(78% 78% at 52% 56%,color-mix(in srgb,rgba(var(--lila),.97) calc((1 - var(--tint)) * 100%),rgba(var(--tuerkis),.97)) 0%,color-mix(in srgb,rgba(var(--lila),.55) calc((1 - var(--tint)) * 100%),rgba(var(--tuerkis),.55)) 58%,transparent 80%),radial-gradient(70% 55% at 50% 24%,#ffd26e47,#ffbe2800 60%);filter:blur(calc(8px + var(--bluroff, 0px)));mix-blend-mode:normal;box-shadow:0 5px 14px rgba(46,26,71,calc(.22 + (var(--depth, .5) * .26)))}.puff--body{filter:blur(5px);mix-blend-mode:normal;box-shadow:inset calc(-9px - var(--depth, .5) * 12px) calc(-11px - var(--depth, .5) * 14px) calc(16px + var(--depth, .5) * 20px) color-mix(in srgb,rgba(var(--lila),.7) calc((1 - var(--tint)) * 100%),rgba(var(--tuerkis),.55)),inset calc(11px + var(--depth, .5) * 14px) calc(13px + var(--depth, .5) * 16px) calc(20px + var(--depth, .5) * 26px) rgba(255,226,140,calc(.5 + var(--depth, .5) * .32)),0 calc(7px + var(--depth, .5) * 12px) calc(18px + var(--depth, .5) * 24px) rgba(46,26,71,calc(.34 + var(--depth, .5) * .32))}@keyframes cloudDrift{0%{transform:translate(0) translateY(0) scale(1)}50%{transform:translate(8vw) translateY(-2vh) scale(1.06)}to{transform:translate(0) translateY(0) scale(1)}}.content-section{text-align:center;width:100%;max-width:600px;padding:25px;background:#000000bf;border:2px solid var(--neon-purple);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin:20px 0;z-index:6;box-shadow:0 4px 20px #6600ff4d}.content-section h1,.content-section h2,.content-section h3{color:var(--neon-cyan);text-shadow:0 0 6px var(--neon-purple);margin-top:0}.content-section p{line-height:1.6}.gallery-container{max-width:1000px;width:95%}.gallery-subtitle{margin-bottom:30px;color:#a5f3fc}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;width:100%}.gallery-item{position:relative;background:#111;border:2px solid #002233;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0009;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .4s ease,box-shadow .4s ease}.gallery-item img{width:100%;height:200px;object-fit:cover;display:block;transition:opacity .4s ease}.gallery-item:hover{transform:scale(1.04) translateY(-4px);border-color:var(--neon-cyan);box-shadow:0 0 15px #00ffff80,0 10px 20px #000000b3}.image-caption{padding:12px;background:#050505d9;font-size:.95rem;font-weight:700;color:var(--neon-cyan);border-top:1px solid rgba(0,255,255,.2);text-align:center;transition:background .3s ease,color .3s ease}.gallery-item:hover .image-caption{background:var(--neon-cyan);color:#000}.gofundme-button,.link-button{display:inline-block;margin-top:20px;padding:12px 28px;background-color:#00ffff0d;color:var(--neon-cyan);font-weight:700;text-decoration:none;border:2px solid var(--neon-cyan);border-radius:30px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 5px #0ff3;font-family:Arial,sans-serif}.gofundme-button:hover,.link-button:hover{background-color:var(--neon-cyan);color:#000;box-shadow:0 0 15px var(--neon-cyan);transform:scale(1.05)}.shop-grid{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px;width:100%;max-width:1200px;z-index:6;margin:40px 0}.product-card{background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--neon-purple);padding:25px;border-radius:16px;text-align:center;width:100%;max-width:290px;box-shadow:0 4px 20px #6600ff4d;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 0 25px var(--neon-purple);border-color:var(--neon-cyan)}.product-img-wrapper{width:100%;height:240px;overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#111;display:flex;justify-content:center;align-items:center}.product-img{width:100%;height:100%;object-fit:contain;padding:12px;display:block;transition:transform .3s ease}.product-card:hover .product-img{transform:scale(1.05)}.product-title{font-size:1.25rem;margin:15px 0 8px;color:var(--neon-cyan);text-shadow:0 0 3px var(--neon-purple);font-weight:700}.product-price{font-weight:700;font-size:1.2rem;color:#fff;margin-bottom:20px}.buy-btn{background:#00ffff0d;color:var(--neon-cyan);border:2px solid var(--neon-cyan);padding:12px 20px;border-radius:30px;width:100%;font-weight:700;cursor:pointer;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 5px #0ff3}.buy-btn:hover{background:var(--neon-cyan);color:#000;box-shadow:0 0 15px var(--neon-cyan)}div.bottom-banner{position:relative;width:100%;background:#ffffff05;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-top:1px solid rgba(255,255,255,.05);padding:25px 0;display:flex;justify-content:center;align-items:center;z-index:10;margin-top:auto}div.bottom-banner div.bottom-links{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;width:100%;max-width:100%;margin:0 auto;padding:0 40px}div.bottom-banner div.bottom-links a:first-child{grid-column:1;justify-self:start}#footer-datenschutz{grid-column:2;justify-self:center}div.bottom-banner div.bottom-links a:last-child{grid-column:3;justify-self:end}div.bottom-banner div.bottom-links a{color:var(--neon-cyan);text-decoration:none;font-weight:700;font-size:15px;font-family:Arial,sans-serif;text-shadow:0 0 6px rgba(0,0,0,.8)}div.bottom-banner div.bottom-links a:hover{color:var(--neon-purple)}.trailing-bee-cursor{position:fixed;top:0;left:0;width:111px;height:111px;background-image:url(/CursorBee.png);background-size:contain;background-repeat:no-repeat;pointer-events:none;z-index:99999999;will-change:transform;transform:translate3d(var(--bee-x, 0px),var(--bee-y, 0px),0)}@keyframes beeAlertBlink{0%{transform:translate3d(var(--bee-x),var(--bee-y),0) scale(1.15);filter:brightness(1.3)}to{transform:translate3d(var(--bee-x),var(--bee-y),0) scale(.85);filter:brightness(.8)}}.trailing-bee-cursor.bee-hovering{animation:beeAlertBlink .2s infinite alternate ease-in-out}.mobile-hummel{display:block;width:85px;height:85px;background-image:url(/CursorBee.png);background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:9999999;position:fixed;will-change:left,top;animation:hummelSchwirren 6s infinite ease-in-out alternate}@media (max-width: 960px){header:before{font-size:1.8rem!important;letter-spacing:4px!important;top:25px!important;transform:translate(-50%)!important;animation:none!important;opacity:1!important;text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-purple),2px 2px 4px rgba(0,0,0,1)!important}header{height:auto;padding:70px 10px 20px}nav{display:flex!important;flex-direction:column;gap:12px;padding:0;margin-top:10px}.nav-links{flex-wrap:wrap;justify-content:center;gap:12px 20px;width:100%}nav a{padding:6px 10px}.nav-socials{justify-content:center;width:100%;margin-top:5px}.trailing-bee-cursor{width:75px;height:75px}div.bottom-banner{padding:20px 10px}div.bottom-banner div.bottom-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px}div.bottom-banner div.bottom-links a{padding:5px 10px}body{background-attachment:scroll;min-height:100dvh}}:root{--snipcart-cart-bg: transparent;--snipcart-color-default: #ffffff;--snipcart-color-muted: #a5f3fc;--snipcart-color-button-primary: #00ffff;--snipcart-color-button-primary-hover: #ffffff;--snipcart-color-button-primary-text: #000000;--snipcart-color-button-primary-hover-text: #000000;--snipcart-color-link: #00ffff;--snipcart-color-icon: #00ffff;--snipcart-border-color: rgba(0, 255, 255, .2);--snipcart-radius: 16px}#snipcart .snipcart-layout,#snipcart .snipcart-cart__content,#snipcart .snipcart-modal__container{background-image:url(/sunset.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:transparent;color:#fff;font-family:Arial,sans-serif}#snipcart .snipcart-cart-header,#snipcart .snipcart-item-line,#snipcart .snipcart-textbox,#snipcart .snipcart-input{background-color:transparent;background-image:none}#snipcart .snipcart-modal,#snipcart .snipcart-overlay,#snipcart .snipcart-lightbox,div.snipcart-modal,div.snipcart-overlay-slideout{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}#snipcart .snipcart-cart__content{border:2px solid #00ffff;box-shadow:0 4px 20px #00ffff4d}#snipcart .snipcart-item-line__title,#snipcart .snipcart-cart-summary-fees__amount,#snipcart .snipcart-cart-summary-title,#snipcart .snipcart-item-line__price,#snipcart .snipcart-cart-summary__total,#snipcart .snipcart-modal__title,#snipcart .snipcart-cart-header__title{color:#0ff!important;font-weight:700;text-shadow:0 0 4px rgba(0,255,255,.6),1px 1px 2px rgba(0,0,0,.9)}.wake-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}.wake-intro .eyelid{position:absolute;left:0;width:100%;height:52vh;background:#000;will-change:transform}.wake-intro .eyelid--top{top:0;transform-origin:top;animation:eyelidTop 5.2s ease-in-out forwards}.wake-intro .eyelid--bottom{bottom:0;transform-origin:bottom;animation:eyelidBottom 5.2s ease-in-out forwards}.wake-intro .wake-blur{position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(14px) brightness(.7);-webkit-backdrop-filter:blur(14px) brightness(.7);animation:wakeClear 5.2s ease-in-out forwards}@keyframes eyelidTop{0%{transform:translateY(0)}12%{transform:translateY(-38%)}34%{transform:translateY(-55%)}44%{transform:translateY(-8%)}70%{transform:translateY(-80%)}88%{transform:translateY(0)}to{transform:translateY(-102%)}}@keyframes eyelidBottom{0%{transform:translateY(0)}12%{transform:translateY(38%)}34%{transform:translateY(55%)}44%{transform:translateY(8%)}70%{transform:translateY(80%)}88%{transform:translateY(0)}to{transform:translateY(102%)}}@keyframes wakeClear{0%{opacity:1;backdrop-filter:blur(16px) brightness(.55);-webkit-backdrop-filter:blur(16px) brightness(.55)}70%{opacity:.8;backdrop-filter:blur(6px) brightness(.85);-webkit-backdrop-filter:blur(6px) brightness(.85)}to{opacity:0;backdrop-filter:blur(0) brightness(1);-webkit-backdrop-filter:blur(0) brightness(1)}}@media (prefers-reduced-motion: reduce){.wake-intro{display:none}}.cloud-group,.fog-vein,.water-sparkle,.water-sparkle .star,.trailing-bee-cursor,.mobile-hummel{animation-play-state:paused}.trailing-bee-cursor,.mobile-hummel{opacity:0}html.is-awake .cloud-group,html.is-awake .fog-vein,html.is-awake .water-sparkle,html.is-awake .water-sparkle .star,html.is-awake .trailing-bee-cursor,html.is-awake .mobile-hummel{animation-play-state:running}html.is-awake .trailing-bee-cursor,html.is-awake .mobile-hummel{opacity:1}.bottom-banner{display:flex;justify-content:center;width:100%;padding:26px 16px 34px;border-top:1px solid rgba(255,255,255,.05);background:#00000040;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:6}.bottom-banner .bottom-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px}.bottom-banner .bottom-links a{color:var(--neon-cyan);text-decoration:none;font-weight:700;font-size:.95rem;font-family:Arial,sans-serif;text-shadow:0 0 6px rgba(0,0,0,.8);transition:color .3s ease}.bottom-banner .bottom-links a:hover{color:var(--neon-purple)}.nav-links,.nav-socials,.bottom-banner{opacity:0;pointer-events:none;transition:opacity 1s ease}html.ui-ready .nav-links,html.ui-ready .nav-socials,html.ui-ready .bottom-banner{opacity:1;pointer-events:auto}