/* PingPong Timeline – eigenständiger UAEL-Timeline-Ersatz */
.pp-timeline{position:relative;padding:20px 0;
  font-family:'Figtree','Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.pp-timeline__line{position:absolute;left:50%;top:0;bottom:0;width:2px;
  transform:translateX(-50%);background:transparent}                 /* Basislinie unsichtbar */
.pp-timeline__line::after{content:"";position:absolute;left:0;top:0;width:100%;
  height:var(--fillpx,0px);background:var(--accent,#E9495C)}          /* zeichnet sich beim Scrollen */

/* Karten füllen die halbe Spalte; innen bleibt Platz für das Icon auf der Linie */
.pp-timeline .pp-item{position:relative;width:50%;padding-bottom:72px}
.pp-timeline .pp-item--left{left:0;padding-left:8px;padding-right:110px;text-align:right}
.pp-timeline .pp-item--right{left:50%;padding-left:110px;padding-right:8px;text-align:left}

.pp-timeline .pp-card{display:block;width:100%;max-width:none;padding:30px 36px;
  border-radius:10px 10px 60px 10px;background:var(--card-bg,#2C1D40)}
.pp-timeline .pp-card__date{font-size:15px;letter-spacing:.04em;opacity:.75;margin:0 0 8px;color:var(--text)}
.pp-timeline .pp-item .pp-card .pp-card__heading{font-weight:500;font-size:23px !important;
  line-height:1.35 !important;color:var(--heading,#E9495C);margin:0}
.pp-timeline .pp-card__heading a{color:inherit;text-decoration:none}
.pp-timeline .pp-card__desc{margin:12px 0 0;font-size:16px;line-height:1.55;color:var(--text,#d8cfe6)}
.pp-timeline .pp-card__desc :first-child{margin-top:0}
.pp-timeline .pp-card__desc :last-child{margin-bottom:0}

/* Marker = großes Icon direkt auf der Linie, kein Kreis */
.pp-timeline .pp-item__marker{position:absolute;top:-6px;
  width:var(--icon-size,120px);height:var(--icon-size,120px);
  display:flex;align-items:center;justify-content:center;z-index:2}
.pp-timeline .pp-item--left .pp-item__marker{right:calc(-1 * var(--icon-size,120px) / 2)}
.pp-timeline .pp-item--right .pp-item__marker{left:calc(-1 * var(--icon-size,120px) / 2)}
.pp-timeline .pp-item__marker img{width:var(--icon-size,120px);height:var(--icon-size,120px);
  display:block;object-fit:contain}
.pp-timeline .pp-item__dot{width:16px;height:16px;border-radius:50%;background:var(--accent,#E9495C)}

/* Mobil: eine Spalte, Linie links, größere Icons (mittig auf der Linie) */
@media (max-width:781px){
  .pp-timeline__line{left:50px}                       /* = halbe Icon-Größe → Icon sitzt mittig */
  .pp-timeline .pp-item{width:100%;left:0!important;text-align:left!important;
    padding:0 0 60px 118px}
  .pp-timeline .pp-item__marker{width:100px!important;height:100px!important;left:0!important;right:auto!important}
  .pp-timeline .pp-item__marker img{width:100px!important;height:100px!important}
  .pp-timeline .pp-item .pp-card .pp-card__heading{font-size:20px !important}
}