/* ALETHEIA VESTIGIUM 2.6.3 – Abschnitt 1: Orientierungsraum ohne Bildkarten
   Nur der rechte visuelle Bereich von 01 / ORIENTIERUNG wird ersetzt. */

.v263-orientation{
  position:relative;
  min-height:610px;
  padding:58px 54px 52px 72px;
  border:1px solid rgba(31,105,215,.13);
  border-radius:4px;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(rgba(31,105,215,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(31,105,215,.045) 1px,transparent 1px),
    linear-gradient(145deg,#fbfdff 0%,#f3f8ff 55%,#edf5ff 100%);
  background-size:72px 72px,72px 72px,auto;
  box-shadow:0 28px 70px rgba(22,64,118,.08);
}
.v263-orientation__glow{
  position:absolute;z-index:-1;width:430px;height:430px;right:-155px;top:-145px;
  border-radius:50%;background:radial-gradient(circle,rgba(31,105,215,.16),rgba(31,105,215,0) 68%);
}
.v263-orientation__line{
  position:absolute;left:104px;top:96px;bottom:91px;width:1px;
  background:linear-gradient(180deg,rgba(31,105,215,.18),#176fe8 35%,#176fe8 70%,rgba(31,105,215,.18));
}
.v263-step{
  position:relative;display:grid;grid-template-columns:34px 22px 1fr;gap:16px;align-items:start;
  min-height:124px;padding:10px 0 14px;color:#0b2445;
}
.v263-step__index{font:600 10px/1.2 Arial,sans-serif;letter-spacing:.14em;color:#7d91aa;padding-top:8px}
.v263-step__node{
  position:relative;width:13px;height:13px;margin-top:5px;border-radius:50%;background:#f7fbff;
  border:2px solid #176fe8;box-shadow:0 0 0 7px rgba(23,111,232,.07);z-index:2;
}
.v263-step--1 .v263-step__node{background:#176fe8}
.v263-step small{display:block;margin:0 0 8px;font:600 10px/1 Arial,sans-serif;letter-spacing:.18em;color:#176fe8}
.v263-step h3{margin:0 0 7px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(25px,2.15vw,34px);font-weight:400;line-height:1.03;letter-spacing:-.025em;color:#102d55}
.v263-step p{max-width:390px;margin:0;font:400 13px/1.5 Arial,sans-serif;color:#63758b}
.v263-step:not(:last-child)::after{
  content:"";position:absolute;left:72px;right:0;bottom:13px;height:1px;
  background:linear-gradient(90deg,rgba(23,111,232,.15),rgba(23,111,232,0));
}
.v263-step:hover .v263-step__node{background:#176fe8;transform:scale(1.08)}
.v263-step__node{transition:transform .25s ease,background-color .25s ease}

@media (max-width:980px){
  .v263-orientation{min-height:0;padding:46px 36px 36px 52px}
  .v263-orientation__line{left:84px;top:83px;bottom:75px}
  .v263-step{grid-template-columns:30px 20px 1fr;min-height:116px}
  .v263-step:not(:last-child)::after{left:66px}
}
@media (max-width:640px){
  .v263-orientation{padding:34px 22px 26px 28px;background-size:54px 54px,54px 54px,auto}
  .v263-orientation__line{left:58px;top:68px;bottom:60px}
  .v263-step{grid-template-columns:22px 18px 1fr;gap:10px;min-height:108px}
  .v263-step__index{font-size:9px}
  .v263-step h3{font-size:25px}
  .v263-step p{font-size:12px}
  .v263-step:not(:last-child)::after{left:50px}
}