/* Meilensteine */

/* Meilensteine: Zeitleiste in der Mitte, Einträge wechseln die Seite */
.tl2{list-style:none;margin:1.6em 0 0;padding:0;position:relative}
.tl2::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:14px;margin-left:-7px;border-radius:7px;background:linear-gradient(var(--c1),var(--c2))}
.tl2 li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:center;padding:14px 0}
.dot{grid-column:2;grid-row:1;justify-self:center;width:34px;height:34px;border-radius:50%;background:#fff;border:8px solid var(--c);box-sizing:border-box;z-index:1}
.tx{grid-column:1;grid-row:1;text-align:right;padding-right:22px}
.im{grid-column:3;grid-row:1;position:relative;display:flex;align-items:center;gap:22px;padding-left:36px}
.tl2 li:nth-child(even) .tx{grid-column:3;text-align:left;padding:0 0 0 22px}
.tl2 li:nth-child(even) .im{grid-column:1;justify-self:end;flex-direction:row-reverse;padding:0 36px 0 0}
.im.na{padding-left:52px}
.tl2 li:nth-child(even) .im.na{padding:0 52px 0 0}
.im::before{content:"";position:absolute;top:50%;left:0;width:36px;height:2px;margin-top:-1px;background:var(--ink)}
.tl2 li:nth-child(even) .im::before{left:auto;right:0}
.av{flex:none;width:110px;height:110px;border-radius:50%;border:6px solid var(--c);overflow:hidden;background:#fff}
.av{padding:0;cursor:zoom-in}
.av[data-model]:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 35%,transparent)}
.mv-img{min-width:min(80vw,380px);border-radius:6px;background:radial-gradient(circle at 50% 30%,#f7f4ff,#dcd4f4)}
.av .ph{height:100%;aspect-ratio:auto;padding:0;font-size:.7rem}
.av img{display:block;width:100%;height:100%;object-fit:cover}
.mo{font:italic 600 clamp(1.7rem,3vw,2.5rem)/1 var(--fd);color:var(--ink)}
.tx h2{margin:0;font-size:1.6rem;line-height:1.15;color:var(--ink)}
.tx time{display:block;margin-top:.25em;font-weight:700;font-size:.85rem;color:var(--soft)}
.tx p{margin:.6em 0 0;font-size:.92rem;line-height:1.55;color:var(--soft)}
@media(max-width:640px){
  .tiles li{width:92px}
  .tiles{gap:36px 24px}
  .tl2::before{left:17px}
  .tl2 li,.tl2 li:nth-child(even){grid-template-columns:34px minmax(0,1fr);column-gap:16px;align-items:start}
  .dot{grid-column:1;grid-row:1/3;align-self:start;margin-top:22px}
  .tl2 li .im,.tl2 li:nth-child(even) .im{grid-column:2;grid-row:1;justify-self:start;flex-direction:row;padding:0;gap:14px}
  .tl2 li .im.na,.tl2 li:nth-child(even) .im.na{padding:0 0 6px}
  .im::before,.tl2 li:nth-child(even) .im::before{display:none}
  .tl2 li .tx,.tl2 li:nth-child(even) .tx{grid-column:2;grid-row:2;text-align:left;padding:8px 0 0}
  .av{width:76px;height:76px;border-width:5px}
}


.av .model-thumb{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}