.ztl{--ztl-rot:#c00f23;--ztl-ink:#2b2b2d;--ztl-grau:#e4e4e8;--ztl-ease:cubic-bezier(.22,.61,.36,1);--ztl-font:"Jost","Futura","Century Gothic","Segoe UI",Arial,sans-serif;color:var(--ztl-ink);font-family:var(--ztl-font);margin:0;padding:0;width:100%}.ztl,.ztl *{box-sizing:border-box}.ztl h2,.ztl h3,.ztl p{font-family:var(--ztl-font)}.ztl-kopf{margin:0 auto clamp(36px,4.5vw,64px);max-width:760px;text-align:center}.ztl .ztl-ueberschrift{color:var(--ztl-ink);font-size:clamp(30px,3.2vw,46px);font-weight:600;letter-spacing:0;line-height:1.1;margin:0;text-transform:none}.ztl-einleitung{color:#55555b;font-size:17px;line-height:1.6;margin-top:16px}.ztl-einleitung p{margin:0 0 10px}.ztl-einleitung>:last-child{margin-bottom:0}.ztl-liste{display:grid;gap:clamp(24px,3vw,40px);list-style:none;margin:0;padding:0;position:relative}.ztl-linie{background:var(--ztl-grau);bottom:0;left:50%;list-style:none;margin:0 0 0 -2px;overflow:hidden;padding:0;width:4px}.ztl-linie,.ztl-linie span{border-radius:4px;position:absolute;top:0}.ztl-linie span{background:var(--ztl-rot);height:100%;left:0;transform:scaleY(var(--ztl-fortschritt,1));transform-origin:top;width:100%}.ztl-station{display:grid;gap:0 clamp(48px,6vw,88px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);list-style:none;margin:0;padding:0;position:relative}.ztl-station .ztl-karte{grid-column:1;grid-row:1}.ztl-station--rechts .ztl-karte{grid-column:2}.ztl-jahr-seite{align-self:start;color:var(--ztl-rot);font-size:clamp(44px,5vw,72px);font-weight:700;grid-column:2;grid-row:1;line-height:1;opacity:.18;padding-top:14px;transition:opacity .8s var(--ztl-ease)}.ztl-station--rechts .ztl-jahr-seite{grid-column:1;text-align:right}.ztl-station.ist-aktiv .ztl-jahr-seite{opacity:1}.ztl-station .ztl-jahr{display:none}.ztl-punkt{background:#fff;border:4px solid var(--ztl-rot);border-radius:50%;box-shadow:0 0 0 6px #fff;height:22px;left:50%;margin-left:-11px;position:absolute;top:30px;transition:background-color .5s var(--ztl-ease),transform .5s var(--ztl-ease);width:22px;z-index:1}.ztl-station.ist-aktiv .ztl-punkt{background:var(--ztl-rot);transform:scale(1.1)}.ztl-karte{background:#fff;border-radius:18px;box-shadow:0 2px 6px rgba(20,20,24,.05),0 16px 38px -16px rgba(20,20,24,.24);overflow:hidden;position:relative;transition:transform .8s var(--ztl-ease),box-shadow .8s var(--ztl-ease),opacity .8s var(--ztl-ease)}.ztl-karte:hover{box-shadow:0 4px 10px rgba(20,20,24,.06),0 24px 46px -18px rgba(20,20,24,.3);transform:translateY(-3px)}.ztl-karte:before{background:#fff;box-shadow:3px -3px 6px -3px rgba(20,20,24,.08);content:"";height:18px;position:absolute;right:-9px;top:36px;transform:rotate(45deg);width:18px}.ztl-station--rechts .ztl-karte:before{left:-9px;right:auto}.ztl-bild{aspect-ratio:16/9;background:#f3f3f5;margin:0;overflow:hidden;position:relative}.ztl-bild img{display:block;height:100%;inset:0;max-width:none;object-fit:cover;position:absolute;transition:transform 1.2s var(--ztl-ease);width:100%}.ztl-karte:hover .ztl-bild img{transform:scale(1.04)}.ztl-inhalt{padding:24px 28px 26px}.ztl .ztl-jahr{color:var(--ztl-rot);font-size:clamp(32px,3.4vw,46px);font-weight:700;letter-spacing:0;line-height:1;margin:0 0 6px}.ztl .ztl-titel{color:var(--ztl-ink);font-size:21px;font-weight:600;letter-spacing:0;line-height:1.25;margin:0 0 8px;text-transform:none}.ztl-text{color:#55555b;font-size:16px;line-height:1.6}.ztl-text p{margin:0 0 10px}.ztl-text>:last-child{margin-bottom:0}.ztl.ist-animiert .ztl-station:not(.ist-sichtbar) .ztl-karte{opacity:0;transform:translateX(-24px)}.ztl.ist-animiert .ztl-station--rechts:not(.ist-sichtbar) .ztl-karte{transform:translateX(24px)}@media (prefers-reduced-motion:reduce){.ztl *,.ztl :before{transition:none!important}.ztl.ist-animiert .ztl-station .ztl-karte{opacity:1!important;transform:none!important}}@media (max-width:760px){.ztl-kopf{margin-bottom:28px;text-align:left}.ztl .ztl-ueberschrift{font-size:28px}.ztl-einleitung{font-size:16px}.ztl-liste{gap:22px}.ztl-linie{left:10px;margin-left:-2px}.ztl-station,.ztl-station--rechts{grid-template-columns:minmax(0,1fr);padding-left:40px}.ztl-station .ztl-karte,.ztl-station--rechts .ztl-karte{grid-column:1}.ztl-jahr-seite{display:none}.ztl-station .ztl-jahr{display:block}.ztl-punkt{height:20px;left:10px;margin-left:-10px;top:26px;width:20px}.ztl-karte:before,.ztl-station--rechts .ztl-karte:before{height:16px;left:-8px;right:auto;top:29px;width:16px}.ztl.ist-animiert .ztl-station--rechts:not(.ist-sichtbar) .ztl-karte,.ztl.ist-animiert .ztl-station:not(.ist-sichtbar) .ztl-karte{transform:translateY(18px)}.ztl-inhalt{padding:20px 20px 22px}.ztl .ztl-jahr{font-size:32px}.ztl .ztl-titel{font-size:19px}.ztl-text{font-size:15px}}