#ablauf.selected-process{background:radial-gradient(ellipse at 75% 90%,#253244,#070b12 67%);padding-bottom:80px}
#ablauf .selected-process-stairs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start;padding:0 0 84px;margin:40px 0 0;list-style:none}
#ablauf .selected-process-step{position:relative;min-width:0;padding:26px 24px 29px;border:1px solid #50627777;border-radius:7px;background:linear-gradient(135deg,#cfdef314,#627a9b07);box-shadow:inset 0 1px #dceaff22,0 24px 40px -25px #000;transform:translateY(calc(var(--step)*28px));min-height:245px;transition:border-color 450ms ease,box-shadow 450ms ease,background 450ms ease}
#ablauf .selected-process-number{display:block;color:#8799ad;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.1em;margin-bottom:22px}
#ablauf .selected-process-icon{position:absolute;display:grid;place-items:center;top:16px;right:17px;width:48px;height:48px;border:1px solid #415368;border-radius:10px;background:#bddef009;color:#d9e7f4;transition:transform 300ms cubic-bezier(.16,1,.3,1),background 300ms ease}
#ablauf .selected-process-icon svg{width:27px;height:27px}
#ablauf .selected-process-copy{padding-top:33px}
#ablauf .selected-process-copy h3{font-size:21px;letter-spacing:-.035em;font-weight:500;margin:0 0 15px;line-height:1.2}
#ablauf .selected-process-copy p{font-size:13px;line-height:1.7;color:#91a2b5;margin:0;max-width:245px}
#ablauf .selected-process-step.is-active{border-color:#bbd1e588;box-shadow:inset 0 1px #eff7ff66,0 0 35px -15px #b4d7ff55,0 24px 40px -25px #000;background:linear-gradient(135deg,#d7e9ff25,#627a9b0a)}
#ablauf .selected-process-step.is-active .selected-process-icon{transform:translateY(-4px);background:#bddef020}
@media(hover:hover){#ablauf .selected-process-step:hover{border-color:#dceeffaa;box-shadow:inset 0 1px #fff8,0 0 40px -18px #bbddff88}}
@media(max-width:900px){#ablauf .selected-process-stairs{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:25px}#ablauf .selected-process-step{transform:none;min-height:205px}#ablauf .selected-process-step:nth-child(even){transform:translateY(25px)}}
@media(max-width:600px){#ablauf.selected-process{padding-bottom:50px}#ablauf .selected-process-stairs{grid-template-columns:1fr;gap:14px;padding:0;margin-top:32px}#ablauf .selected-process-step,#ablauf .selected-process-step:nth-child(even){transform:none;min-height:166px;padding:21px 22px;margin-left:calc(var(--step)*5px);margin-right:calc((3 - var(--step))*5px)}#ablauf .selected-process-number{margin-bottom:16px}#ablauf .selected-process-copy{padding-top:9px}#ablauf .selected-process-icon{width:41px;height:41px;top:15px;right:16px}#ablauf .selected-process-icon svg{width:24px;height:24px}#ablauf .selected-process-copy h3{font-size:20px;margin-bottom:10px}#ablauf .selected-process-copy p{font-size:12px}}
@media(prefers-reduced-motion:reduce){#ablauf .selected-process-step,#ablauf .selected-process-icon{animation:none!important;transition:none!important}#ablauf .selected-process-icon{transform:none!important}}
/* Spatial glass steps: the surface settles gently as it enters view. */
#ablauf .selected-process-stairs{perspective:1200px;perspective-origin:50% 35%}
#ablauf .selected-process-step,#ablauf .selected-process-step *{cursor:default}
#ablauf .selected-process-step{--rise:calc(var(--step)*28px);transform-style:preserve-3d;transform:translateY(var(--rise)) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) translateZ(var(--card-z,0px));backface-visibility:hidden}
#ablauf .selected-process-step:before{content:'';position:absolute;inset:5px -6px -7px 6px;border:1px solid #91abc536;border-radius:inherit;background:linear-gradient(135deg,#91abc50d,transparent);transform:translateZ(-12px);pointer-events:none}
#ablauf .selected-process-step:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 15%,#e3efff15 42%,transparent 63%);background-size:250% 100%;background-position:var(--sheen,100%) 0;pointer-events:none}
#ablauf .selected-process-copy{transform:translateZ(14px)}
#ablauf .selected-process-icon{transform:translateZ(24px)}
#ablauf .selected-process-step.is-active .selected-process-icon{transform:translate3d(0,-4px,24px)}
@media(max-width:900px){#ablauf .selected-process-step{--rise:0px}#ablauf .selected-process-step:nth-child(even){--rise:25px;transform:translateY(var(--rise)) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) translateZ(var(--card-z,0px))}}
@media(max-width:600px){#ablauf .selected-process-step,#ablauf .selected-process-step:nth-child(even){--rise:0px;transform:rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg))}}
@media(prefers-reduced-motion:reduce){#ablauf .selected-process-step,#ablauf .selected-process-step:nth-child(even){transform:translateY(var(--rise))}#ablauf .selected-process-copy,#ablauf .selected-process-icon{transform:none!important}}

/* Match the original near-black site, keeping only restrained glass reflections. */
#ablauf.selected-process{background:radial-gradient(ellipse at 75% 90%,#101925,#060a10 68%)}
#ablauf .selected-process-step{background:linear-gradient(135deg,#b9cde90b,#070c1299);border-color:#71839742}
#ablauf .selected-process-step.is-active{background:linear-gradient(135deg,#c2d7ef12,#080c1388);border-color:#a3bdd65c;box-shadow:inset 0 1px #eff7ff30,0 0 28px -18px #b4d7ff35,0 24px 40px -25px #000}
#ablauf .selected-process-step.is-active .selected-process-icon{background:#bddef00d}
