/* Automatic intro. Scrolling never controls or pins this scene. */
.animation-test{background:#080f15}
.sky-intro{position:relative;isolation:isolate;background:#071017}
.sky-sticky{position:relative;min-height:100svh;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding:110px 5% 95px;overflow:hidden;background:radial-gradient(ellipse at 70% 55%,#123343 0%,#0b1b26 34%,#060c12 80%)}
.intro-toolbar{position:absolute;inset:0 0 auto;height:98px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:10}
.intro-toolbar>div{display:flex;align-items:center;font-size:13px}.skip-intro{border:1px solid #526470;padding:10px 16px;border-radius:4px;background:#0d1720a8}.intro-toolbar .official-brand{filter:drop-shadow(0 0 10px #26b4f72b)}
.sky-heading{position:relative;z-index:5;pointer-events:none}.sky-heading .eyebrow{font-size:11px;letter-spacing:1.7px;color:#9ac2d4;margin-bottom:24px}.sky-heading h2{font-size:clamp(56px,6.3vw,100px);line-height:.92;letter-spacing:-.7px;margin:0}.sky-heading em{color:var(--blue);font-style:normal;text-shadow:0 0 40px #28b5fa26}.sky-heading>p:last-child{font-size:15px;line-height:1.65;color:#a6bac8;margin:24px 0 0}
.scene-perspective{position:relative;height:clamp(400px,66svh,660px);min-width:0;perspective:1100px;perspective-origin:50% 48%}
.scene-world{position:absolute;left:50%;top:50%;width:1000px;height:600px;margin:-300px 0 0 -500px;transform-style:preserve-3d;transform:scale(var(--scene-scale,.6))}
.landing-floor{position:absolute;left:50px;top:185px;width:900px;height:600px;border-radius:50%;transform:rotateX(74deg);background:radial-gradient(ellipse,#1d718e38 10%,#09263240 56%,#06121c10 70%);border:1px solid #4bbadb42;box-shadow:0 0 100px #29b2ef10,inset 0 0 70px #38c4ff13;opacity:.7}
.floor-ring{position:absolute;inset:8%;border:1px solid #6cd5ff50;border-radius:50%}.ring-two{inset:23%;border-color:#4de0ff9c;box-shadow:0 0 24px #29bbff2c,inset 0 0 16px #29bbff30}.ring-three{inset:38%;border:2px solid #82e0ff;box-shadow:0 0 40px #22b8ff55}
.flying-logo{position:absolute;left:410px;top:245px;width:180px;height:110px;transform-style:preserve-3d;will-change:transform;opacity:0}
.card-rotator{position:absolute;inset:0;transform-style:preserve-3d}
.logo-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e4f5ff;border-radius:9px;box-shadow:0 9px 0 #456379,0 16px 35px #0009,0 0 24px #26b4f744,inset 0 0 0 4px #fff;overflow:hidden}
.logo-face img{width:146px;height:78px;object-fit:contain}.flying-koi .logo-face img{width:205px;height:205px;max-width:none;flex-shrink:0}.flying-watersoap .logo-face img{width:158px;height:158px;max-width:none;flex-shrink:0}.flying-lucky .logo-face img{width:88px;height:91px}.flying-ratschen .logo-face img{width:175px;height:108px}
.flight-aura{position:absolute;inset:-27px -45px;transform:translateZ(-15px);background:radial-gradient(ellipse at 15% 52%,#49c9ff65,transparent 47%),radial-gradient(ellipse at 85% 52%,#49c9ff65,transparent 47%),radial-gradient(ellipse,#28b3f522,transparent 70%);filter:blur(13px);opacity:.7;pointer-events:none}
.logo-shadow{position:absolute;left:8%;right:8%;height:28px;bottom:-35px;border-radius:50%;background:#0008;filter:blur(15px);transform:rotateX(60deg);opacity:.45}
.social-face{position:absolute;inset:0;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.social-orb{display:grid;place-items:center;width:91px;height:91px;border-radius:50%;border:1px solid #b7eaffad;background:radial-gradient(circle at 29% 19%,#91dcff44,#1c83b144 45%,#0b263b 80%);box-shadow:inset 2px 3px 4px #c9efff5e,inset -4px -5px 10px #0007,0 6px 0 #123e56,0 13px 26px #0008,0 0 25px #2cb9ff66;position:relative}.social-orb:after{content:'';position:absolute;inset:5px;border:1px solid #9bdcff24;border-radius:50%;pointer-events:none}.social-orb svg{width:44px;height:44px;fill:#f0fbff;filter:drop-shadow(0 0 6px #65cfff88)}.social-facebook .social-orb svg{width:48px;height:48px}.social-name{font:600 9px var(--font);letter-spacing:2.5px;color:#ceeafd;text-shadow:0 0 12px #2caaf9}
.sky-bottom{position:absolute;bottom:65px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:6}.scene-step,.intro-counter{font-size:10px;letter-spacing:1.8px;color:#9aaebd}.scroll-cue{display:flex;align-items:center;gap:12px;font-size:13px;color:#e1f1f9}.scroll-line{display:block;width:20px;height:32px;border:1px solid #617f94;border-radius:15px;position:relative}.scroll-line:after{content:'';position:absolute;width:3px;height:7px;border-radius:3px;top:6px;left:7px;background:#5dd1ff;animation:scroll-nudge 1.7s ease-in-out infinite}@keyframes scroll-nudge{50%{transform:translateY(9px);opacity:.4}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#startseite{scroll-margin-top:0;outline:none}
.site-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#071017b8,#08121975),linear-gradient(0deg,#080e16a8,#080e1635),url('assets/studio-background.jpg');background-size:cover;background-position:center;opacity:.6}
.animation-test header{background:#091119db;backdrop-filter:blur(12px)}.animation-test .hero{position:relative}.animation-test .hero-copy{text-shadow:0 2px 28px #000c}.animation-test .trust{background:#080f17b5;backdrop-filter:blur(6px)}.animation-test #arbeit,.animation-test .process,.animation-test .team,.animation-test .faq{position:relative}.animation-test .hero:before{content:'';position:absolute;z-index:-1;inset:0 -6%;background:linear-gradient(90deg,#0710177a,transparent);pointer-events:none}.animation-test .intro,.animation-test .hero-note{color:#cfdae2}.animation-test footer{background:#071017cf}.animation-test .hero h1 em{text-shadow:0 0 34px #26b4f735}.animation-test .button:not(.dark):not(.light){box-shadow:0 0 22px #26b4f729}.animation-test .button:hover{box-shadow:0 0 30px #26b4f74d}.animation-test .client-logo{box-shadow:0 0 15px #26b4f71b}
@media(max-width:850px){.sky-heading h2{font-size:60px}.sky-heading .eyebrow{font-size:9px;letter-spacing:.7px}.intro-counter{display:none}.sky-bottom{justify-content:space-between}.intro-toolbar .official-brand{width:145px;min-width:145px;height:45px}}
@media(max-width:600px){
 .sky-sticky{display:flex;flex-direction:column;min-height:100svh;padding:100px 5% 110px}
 .intro-toolbar{height:80px;padding:0 6%;gap:12px}.intro-toolbar .official-brand{width:115px;min-width:115px;height:36px}.intro-toolbar>div{font-size:12px}.skip-intro{padding:8px 13px}
 .sky-heading{text-align:center;width:100%}.sky-heading .eyebrow{justify-content:center;font-size:9px;letter-spacing:.7px;margin-bottom:16px}.sky-heading h2{font-size:clamp(46px,12.5vw,70px)}.sky-heading>p:last-child{font-size:12px;margin-top:16px}
 .scene-perspective{width:100%;height:clamp(235px,36svh,340px);min-height:235px;flex:1 0 auto;margin-top:12px}.flight-aura{opacity:.85}
 .sky-bottom{bottom:70px;justify-content:center}.scene-step{display:none}.scroll-cue{font-size:12px}.scroll-line{width:16px;height:25px}.scroll-line:after{left:5px;top:4px;height:5px}.site-atmosphere{background-position:64% center}
}
@media(prefers-reduced-motion:reduce){.sky-intro{display:none}.site-atmosphere{position:absolute;height:1400px}}
.landing-floor{transform:translateZ(-200px) rotateX(74deg)}

/* One navigation above the intro, with the complete opening fitting one screen. */
.sky-sticky{min-height:calc(100svh - 102px);padding:40px 5% 100px}
.scene-perspective{height:clamp(360px,58svh,560px)}
.sky-bottom{bottom:40px}
@media(max-width:850px){.sky-sticky{min-height:calc(100svh - 84px)}}
@media(max-width:600px){.sky-sticky{min-height:calc(100svh - 80px);padding:32px 5% 85px}.scene-perspective{height:clamp(220px,32svh,310px);min-height:220px}.sky-bottom{bottom:34px}}