.endtoend-page .process-hero{position:relative;min-height:560px;display:flex;align-items:flex-end;padding:82px 0 72px;border-bottom:1px solid var(--line);overflow:hidden;isolation:isolate;background:#08111c;color:#fff}.endtoend-page .process-hero:before{content:"";position:absolute;inset:-3%;z-index:-2;background:url('../img/logistik.png') center 54%/cover no-repeat;transform:scale(1.035)}.endtoend-page .process-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,9,16,.94) 0%,rgba(4,9,16,.76) 42%,rgba(4,9,16,.28) 72%,rgba(4,9,16,.44) 100%),linear-gradient(180deg,rgba(4,9,16,.08),rgba(4,9,16,.42));pointer-events:none}.endtoend-page .process-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:end}.endtoend-page .process-hero h1{max-width:760px;font-size:clamp(48px,6vw,82px);color:#fff}.endtoend-page .process-hero-copy p{color:rgba(255,255,255,.82);max-width:600px}.endtoend-page .process-hero-pills span{border-color:rgba(255,255,255,.25);background:rgba(6,12,20,.42);color:rgba(255,255,255,.84);backdrop-filter:blur(10px)}.endtoend-page .process-index{display:none!important}.endtoend-page .process-intro{display:none!important}
.endtoend-journey{padding:64px 0 22px}.endtoend-journey-head{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;margin-bottom:34px}.endtoend-journey-head h2{margin:10px 0 0;font-size:clamp(34px,4.2vw,54px);line-height:1.03;letter-spacing:-.045em}.endtoend-journey-head p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}.endtoend-track{position:relative;padding:34px 4px 16px}.endtoend-track-line{position:absolute;left:6.5%;right:6.5%;top:72px;height:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--fabs-magenta) 70%,var(--line)),color-mix(in srgb,var(--fabs-yellow) 78%,var(--line)),color-mix(in srgb,var(--fabs-green) 72%,var(--line)));opacity:.42;z-index:0}.endtoend-track-dot{position:absolute;top:66px;left:6.5%;width:14px;height:14px;border-radius:50%;background:var(--detail);box-shadow:0 0 0 6px color-mix(in srgb,var(--detail) 12%,transparent),0 0 24px color-mix(in srgb,var(--detail) 55%,transparent);transform:translateX(-50%);z-index:1;will-change:left}.endtoend-steps{position:relative;z-index:2;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.endtoend-step{appearance:none;border:0;background:none!important;box-shadow:none!important;padding:0 4px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;min-width:0;color:inherit;font:inherit;outline:none}.endtoend-step-icon{position:relative;z-index:3;width:76px;height:76px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid color-mix(in srgb,var(--detail) 28%,var(--line));box-shadow:0 16px 34px rgba(0,0,0,.10),inset 0 1px 0 color-mix(in srgb,#fff 8%,transparent);backdrop-filter:blur(10px);transition:transform .3s cubic-bezier(.2,.75,.2,1),border-color .3s ease,box-shadow .3s ease,background .3s ease}.endtoend-step-icon svg{width:29px;height:29px;stroke:var(--detail);stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:filter .2s ease,transform .2s ease}.endtoend-step strong{display:block;margin-top:18px;font-size:12px;line-height:1.2;color:var(--text);transition:color .25s ease}.endtoend-step>span:last-child{display:block;margin-top:6px;max-width:135px;font-size:10px;line-height:1.45;color:var(--muted)}.endtoend-step:hover .endtoend-step-icon,.endtoend-step:focus-visible .endtoend-step-icon{transform:translateY(-6px) scale(1.025);border-color:color-mix(in srgb,var(--detail) 72%,var(--line));background:color-mix(in srgb,var(--detail) 7%,var(--surface));box-shadow:0 20px 42px color-mix(in srgb,var(--detail) 14%,rgba(0,0,0,.14))}.endtoend-step:focus-visible .endtoend-step-icon{outline:2px solid var(--detail);outline-offset:5px}.endtoend-step:hover strong,.endtoend-step:focus-visible strong,.endtoend-step.is-active strong{color:var(--detail)}.endtoend-step.is-active .endtoend-step-icon{transform:translateY(-4px);border-color:var(--detail);background:color-mix(in srgb,var(--detail) 11%,var(--surface));box-shadow:0 0 0 4px color-mix(in srgb,var(--detail) 10%,transparent),0 18px 42px color-mix(in srgb,var(--detail) 20%,rgba(0,0,0,.12)),inset 0 1px 0 color-mix(in srgb,#fff 10%,transparent)}.endtoend-step.is-active .endtoend-step-icon svg{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--detail) 55%,transparent));transform:scale(1.05)}.endtoend-step.is-active>span:last-child{color:color-mix(in srgb,var(--text) 72%,var(--muted))}.endtoend-step.is-hit .endtoend-step-icon{animation:endtoendNodeTouch .7s cubic-bezier(.2,.75,.2,1)}.endtoend-autoplay-state{margin-top:18px;padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10.5px}.endtoend-autoplay-state b{color:var(--text)}.endtoend-state-label{white-space:nowrap}.endtoend-state-label.is-paused{color:var(--fabs-yellow)}.endtoend-page .process-slideshow{padding-top:18px}.endtoend-page .process-final{padding-top:50px}html[data-theme="light"] .endtoend-step-icon{background:rgba(255,255,255,.98);box-shadow:0 14px 30px rgba(20,31,48,.08)}html[data-theme="light"] .endtoend-step.is-active .endtoend-step-icon{background:color-mix(in srgb,var(--detail) 9%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--detail) 8%,transparent),0 16px 36px color-mix(in srgb,var(--detail) 16%,rgba(20,31,48,.10))}
@keyframes endtoendNodeTouch{0%{transform:none;border-color:color-mix(in srgb,var(--detail) 28%,var(--line));box-shadow:0 16px 34px rgba(0,0,0,.10),inset 0 1px 0 color-mix(in srgb,#fff 8%,transparent);background:color-mix(in srgb,var(--surface) 94%,transparent)}30%{transform:translateY(-3px) scale(1.035);border-color:var(--detail);box-shadow:0 0 0 4px color-mix(in srgb,var(--detail) 12%,transparent),0 0 28px color-mix(in srgb,var(--detail) 45%,transparent),0 18px 38px rgba(0,0,0,.14);background:color-mix(in srgb,var(--detail) 10%,var(--surface))}100%{transform:translateY(-4px);border-color:var(--detail);box-shadow:0 0 0 4px color-mix(in srgb,var(--detail) 10%,transparent),0 18px 42px color-mix(in srgb,var(--detail) 20%,rgba(0,0,0,.12)),inset 0 1px 0 color-mix(in srgb,#fff 10%,transparent);background:color-mix(in srgb,var(--detail) 11%,var(--surface))}}
@media(max-width:1100px){.endtoend-track{overflow-x:auto;padding-bottom:22px}.endtoend-steps{min-width:980px}.endtoend-track-line{left:68px;right:auto;width:844px}.endtoend-track-dot{display:none}}
@media(max-width:800px){.endtoend-page .process-hero{min-height:650px}.endtoend-page .process-hero-grid,.endtoend-journey-head{grid-template-columns:1fr;gap:28px}.endtoend-page .process-hero:after{background:linear-gradient(180deg,rgba(4,9,16,.46),rgba(4,9,16,.92) 74%)}.endtoend-journey{padding-top:46px}.endtoend-autoplay-state{display:none}}
@media(prefers-reduced-motion:reduce){.endtoend-track-dot{transition:none}.endtoend-step.is-hit .endtoend-step-icon{animation:none}}