/* ---------- Scaly (Maskottchen) in der System-Check-Sektion: Anflug + Schwebeflug ---------- */
.ss-page .scaly{position:absolute;left:-4%;bottom:2%;z-index:2;height:46%;aspect-ratio:1475/1919;pointer-events:none;will-change:transform,opacity;}
.ss-page .scaly-stage{position:absolute;inset:0;}
.ss-page .scaly-fly{position:absolute;inset:0;}
.ss-page .scaly img{position:absolute !important;bottom:0 !important;left:0 !important;right:0 !important;margin:0 auto !important;height:100% !important;width:auto !important;max-width:none !important;transform:none;transform-origin:50% 100%;filter:drop-shadow(0 18px 28px rgba(0,0,0,.55)) !important;animation:none !important;}
.ss-page .scaly-back{display:none;}
.ss-page .scaly-front{opacity:1;}
/* Antriebs-/Schwebeglow unter den Fuessen */
.ss-page .scaly-glow{position:absolute;left:50%;bottom:-6%;width:78%;height:22%;margin-left:-39%;border-radius:50%;background:radial-gradient(closest-side, rgba(56,182,255,.75), rgba(56,182,255,.28) 55%, rgba(56,182,255,0));filter:blur(10px);opacity:.55;transform-origin:50% 50%;}
/* Ruhezustand: schweben + Glow pulsieren */
.ss-page .scaly.is-idle .scaly-stage{animation:scalyHover 3.6s ease-in-out .2s infinite;}
.ss-page .scaly.is-idle .scaly-glow{animation:scalyGlow 3.6s ease-in-out .2s infinite;}
@keyframes scalyHover{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-14px) rotate(-1.5deg);}}
@keyframes scalyGlow{0%,100%{transform:scale(.9);opacity:.55;}50%{transform:scale(1.08);opacity:.75;}}
/* Ohne JS / reduzierte Bewegung: Vorderansicht ruhig stehend */
.ss-page .scaly.is-static .scaly-back{display:none;}
.ss-page .scaly.is-static .scaly-front{opacity:1 !important;}
/* Desktop: Workbook etwas nach rechts, damit Scaly weniger verdeckt */
@media (min-width:1200px){.ss-page .mockup-visual-desktop{justify-content:flex-end;margin-right:-72px;}.ss-page .mockup-visual-desktop .scaly{left:-10%;}}
@media (min-width:821px) and (max-width:1199px){.ss-page .mockup-visual-desktop{justify-content:flex-end;margin-right:-28px;}.ss-page .mockup-visual-desktop .scaly{left:-7%;}}
@media (max-width:820px){.ss-page .mockup-visual-mobile .scaly{left:0;height:50%;bottom:0;}}
@media (prefers-reduced-motion:reduce){.ss-page .scaly.is-idle .scaly-stage,.ss-page .scaly.is-idle .scaly-glow{animation:none;}}
/* ---------- Weiterflug: Scaly neben der Ueber-uns-Karte ---------- */
.ss-page{position:relative;}
.ss-page .scaly.is-anchor{visibility:hidden;}
.ss-page .scaly--page{left:0 !important;top:0 !important;bottom:auto !important;right:auto !important;height:auto;aspect-ratio:auto;z-index:5;}
.ss-page .scaly-path{position:absolute;inset:0;}
.ss-page .about-section .scaly{left:12px;bottom:0;height:300px;z-index:3;}
@media (min-width:1200px){.ss-page .about-content{margin-left:260px;}}
@media (min-width:821px) and (max-width:1199px){.ss-page .about-section .scaly{left:8px;height:240px;}.ss-page .about-content{margin-left:210px;}}
@media (max-width:820px){.ss-page .about-section{padding-bottom:190px;}.ss-page .about-section .scaly{left:12px;right:auto;top:auto;bottom:-160px;height:150px;}}