.areoxa-glass-panel,.areoxa-glass-panel *,.areoxa-glass-panel *:before,.areoxa-glass-panel *:after{box-sizing:border-box}
.areoxa-glass-panel{width:100%;min-height:600px;color:#fff;font-family:Inter,Arial,sans-serif;font-weight:300}
.areoxa-glass-panel .areoxa-glass-caption{flex:1}
.areoxa-glass-panel .areoxa-glass-caption p{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;line-height:1.15}
.areoxa-glass-panel .areoxa-glass-eyebrow{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#c7b49e;display:flex;gap:14px;align-items:center}
.areoxa-glass-panel .areoxa-glass-eyebrow:after{content:"";width:38px;height:1px;background:#b6a18a}
.areoxa-glass-panel .areoxa-glass-areoxa-glass-steps{display:grid}
.areoxa-glass-panel .areoxa-glass-step{padding:11px 0;border-top:1px solid rgba(255,255,255,.18);display:grid}
.areoxa-glass-panel .areoxa-glass-step span{color:#c7b49e}
/* A quiet, dimensional accent for the approach section. */
.areoxa-glass-panel{background:radial-gradient(ellipse at 48% 30%,#22333e 0%,#101e29 48%,#08131e 85%);display:flex;flex-direction:column;min-width:0;overflow:hidden}
.areoxa-glass-panel:after{display:none}
.areoxa-glass-scene{height:360px;position:relative;display:grid;place-items:center;perspective:950px;isolation:isolate}
.areoxa-glass-scene:after{content:'';position:absolute;bottom:30px;width:210px;height:28px;background:#02080d;filter:blur(20px);opacity:.5;border-radius:50%}
.areoxa-glass-tilt{width:210px;height:210px;transform-style:preserve-3d;transform:rotateX(var(--areoxa-glass-x,0deg)) rotateY(var(--areoxa-glass-y,0deg));transition:transform 1s ease-out}
.areoxa-glass-assembly{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-34deg);animation:areoxa-glass-drift 16s ease-in-out infinite;animation-play-state:paused}
.areoxa-glass-scene.areoxa-glass-active .areoxa-glass-assembly{animation-play-state:running}
.areoxa-glass-plate{position:absolute;inset:0;border:1px solid rgba(218,207,186,.55);border-radius:9px;background:linear-gradient(135deg,rgba(223,234,231,.24),rgba(126,155,168,.06) 42%,rgba(153,172,178,.16));box-shadow:inset 0 0 24px rgba(192,214,217,.06),2px 3px 0 rgba(164,181,186,.28);backface-visibility:visible}
.areoxa-glass-plate:after{content:'';position:absolute;inset:12px;border:1px solid rgba(210,220,216,.13);border-radius:3px}
.areoxa-glass-plate--top{transform:translateZ(62px)}
.areoxa-glass-plate--middle{transform:translateZ(0)}
.areoxa-glass-plate--bottom{transform:translateZ(-62px)}
.areoxa-glass-chip{position:absolute;inset:71px;transform-style:preserve-3d;transform:translateZ(25px)}
.areoxa-glass-chip span{position:absolute;inset:0;border:1px solid #c5b59d;background:linear-gradient(135deg,#d7cbb8,#8b7c68 48%,#c6b499);box-shadow:inset 0 0 0 7px rgba(17,31,40,.25)}
.areoxa-glass-chip span:nth-child(1){transform:translateZ(12px)}
.areoxa-glass-chip span:nth-child(2){transform:rotateX(90deg) translateZ(34px);height:24px;top:22px;background:#817768}
.areoxa-glass-chip span:nth-child(3){transform:rotateY(90deg) translateZ(34px);width:24px;left:22px;background:#a69983}
.areoxa-glass-panel .areoxa-glass-caption{position:relative;right:auto;bottom:auto;width:100%;min-width:0;padding:28px 36px 32px;background:transparent;border-top:1px solid rgba(255,255,255,.13)}
.areoxa-glass-panel .areoxa-glass-caption p{max-width:470px;font-size:25px;margin:18px 0 24px}
.areoxa-glass-panel .areoxa-glass-areoxa-glass-steps{grid-template-columns:repeat(3,1fr);gap:20px}
.areoxa-glass-panel .areoxa-glass-step{font-size:12px;grid-template-columns:28px 1fr}
@keyframes areoxa-glass-drift{0%,100%{transform:translateY(0) rotateX(58deg) rotateZ(-34deg)}50%{transform:translateY(-10px) rotateX(63deg) rotateZ(-26deg)}}
@media(max-width:760px){.areoxa-glass-scene{height:300px}.areoxa-glass-tilt{scale:.86;transform:none}.areoxa-glass-assembly{animation:none}.areoxa-glass-panel .areoxa-glass-caption{padding:26px 24px}.areoxa-glass-panel .areoxa-glass-areoxa-glass-steps{gap:10px}.areoxa-glass-panel .areoxa-glass-step{display:flex;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){.areoxa-glass-assembly{animation:none}.areoxa-glass-tilt{transform:none;transition:none}}
/* Restrained illumination across the glass and metal surfaces. */
.areoxa-glass-plate{overflow:hidden}
.areoxa-glass-plate:before{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 38%,rgba(203,225,242,.03) 43%,rgba(225,239,247,.3) 49%,rgba(201,222,237,.07) 55%,transparent 61%);transform:translateX(-65%);animation:areoxa-glass-light-sweep 9s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.areoxa-glass-plate--middle:before{animation-delay:.45s}
.areoxa-glass-plate--bottom:before{animation-delay:.9s}
.areoxa-glass-chip span:first-child{animation:areoxa-glass-metal-glow 9s ease-in-out infinite;animation-play-state:paused}
.areoxa-glass-scene.areoxa-glass-active .areoxa-glass-plate:before,.areoxa-glass-scene.areoxa-glass-active .areoxa-glass-chip span:first-child{animation-play-state:running}
@keyframes areoxa-glass-light-sweep{0%,15%{transform:translateX(-65%);opacity:0}25%{opacity:1}55%{opacity:1}70%,100%{transform:translateX(65%);opacity:0}}
@keyframes areoxa-glass-metal-glow{0%,15%,75%,100%{box-shadow:inset 0 0 0 7px rgba(17,31,40,.25),0 0 8px rgba(211,191,156,.08)}40%{box-shadow:inset 0 0 0 7px rgba(17,31,40,.18),0 0 22px rgba(211,191,156,.36)}}
@media(max-width:760px),(prefers-reduced-motion:reduce){.areoxa-glass-plate:before{animation:none;opacity:0}.areoxa-glass-chip span:first-child{animation:none}}

/* Place the decorative scene in the existing introduction's free space. */
#leistungen .services-intro{position:relative}
#leistungen .services-intro>.areoxa-glass-panel{position:absolute;right:0;top:0;bottom:0;width:calc(100% - 490px);min-height:0;background:transparent;overflow:visible;pointer-events:auto}
#leistungen .areoxa-glass-scene{height:100%;min-height:220px}
#leistungen .areoxa-glass-tilt{scale:.85}
@media(min-width:1100px){#leistungen .areoxa-glass-tilt{scale:1}}
@media(max-width:1099px){#leistungen .services-intro>.areoxa-glass-panel{position:relative;inset:auto;width:100%;max-width:100%;margin-top:24px;overflow:hidden}#leistungen .areoxa-glass-scene{height:280px}#leistungen .areoxa-glass-tilt{scale:.86;transform:none}#leistungen .areoxa-glass-assembly{animation:none}}
@media(max-width:760px){#leistungen .services-intro>.areoxa-glass-panel{margin-top:18px}#leistungen .areoxa-glass-scene{height:240px}}