.outer-zeitreise{min-height:0;padding:115px 0;background:var(--beige);position:relative}.outer-zeitreise .preheadline{text-align:center;margin-bottom:20px;color:#8f172a}.outer-zeitreise h2{text-align:center;margin:0 0 64px}.timeline-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-top:8px}.timeline-card{position:relative;flex:0 0 25%;min-width:0;border-top:2px solid #b8243a;padding:28px 24px 20px;scroll-snap-align:start}.timeline-card:before{content:"";width:14px;height:14px;border:3px solid var(--beige);background:#b8243a;border-radius:50%;position:absolute;top:-8px;left:24px}.archive-placeholder,.timeline-image{height:180px;width:100%;object-fit:cover;margin-bottom:22px}.archive-placeholder{position:relative;overflow:hidden;display:grid;place-items:center;background:#b8243a}.archive-placeholder:before{content:"";position:absolute;background:var(--orange);opacity:.55;transform:rotate(30deg);width:130px;height:220px}.archive-placeholder span{position:relative;border:1px solid var(--farbehell);padding:6px 9px;font:10px/16px Arimo,Arial,sans-serif;color:var(--farbehell);letter-spacing:1px;text-align:center;text-transform:uppercase}.timeline-card:nth-child(4n + 2) .archive-placeholder{background:var(--orange)}.timeline-card:nth-child(4n + 2) .archive-placeholder:before{background:#b8243a}.timeline-card:nth-child(4n + 3) .archive-placeholder{background:#e8938e}.timeline-card:nth-child(4n) .archive-placeholder{background:#8f172a}.timeline-year{font-size:26px;line-height:1.6;color:#b8243a;margin:0 0 5px}.timeline-card h3{min-height:26px;font:600 18px/25.6px var(--font-family);margin-bottom:10px}.timeline-text{font-size:14px;line-height:17px;color:#675e55;margin:0}.timeline-controls{display:flex;justify-content:space-between;position:absolute;top:250px;left:4%;right:4%;pointer-events:none}.timeline-controls button{pointer-events:auto}.timeline-controls[hidden]{display:none}
@media(max-width:900px){.timeline-card{flex-basis:50%}.timeline-controls{position:static;margin-top:25px}.outer-zeitreise{min-height:0;padding:85px 0}.outer-zeitreise h2{margin-bottom:45px}}@media(max-width:540px){.timeline-card{flex-basis:90%;padding-inline:18px}.timeline-card:before{left:18px}}

.seidl-slider-ready .timeline-viewport{overflow:hidden;padding-top:8px}
.seidl-slider-ready .timeline-track{overflow:visible;scroll-snap-type:none;padding-top:0;height:auto}
.seidl-slider-ready .timeline-card{flex:0 0 auto;height:auto;scroll-snap-align:none}


/* Four desktop columns; the row grows with the authored content. */
.timeline-card[data-timeline-color="0"] .archive-placeholder{background:#b8243a}
.timeline-card[data-timeline-color="1"] .archive-placeholder{background:var(--orange)}
.timeline-card[data-timeline-color="2"] .archive-placeholder{background:#e8938e}
.timeline-card[data-timeline-color="3"] .archive-placeholder{background:#8f172a}
.timeline-card:is([data-timeline-color="0"],[data-timeline-color="2"],[data-timeline-color="3"]) .archive-placeholder:before{background:var(--orange)}
.timeline-card[data-timeline-color="1"] .archive-placeholder:before{background:#b8243a}
@media(min-width:1024px){.outer-zeitreise{padding:100px 0;min-height:0}.outer-zeitreise>.s_container{max-width:1180px;position:relative;left:-4.5px}.outer-zeitreise .preheadline{min-height:66px;line-height:65.72px;margin:0;text-align:center}.outer-zeitreise h2{min-height:66px;line-height:65.72px;margin:0 0 64px}.seidl-slider-ready .timeline-viewport{padding-top:8px;padding-bottom:15px;margin-top:-8px}.outer-zeitreise .timeline-controls{position:absolute;top:219.617676px;left:55px;right:55px;margin:0;gap:0;height:63.715px;justify-content:space-between}}
@media(max-width:1023px){.timeline-controls{position:static;justify-content:center;gap:65px;margin-top:35px}}

/* Mobile Figma timeline: authored years stacked on one vertical rule. */
@media(max-width:760px){
 .outer-zeitreise{padding:80px 0 90px}
 .outer-zeitreise .preheadline{font-size:14px;line-height:1.4;margin:0 0 18px}
 .outer-zeitreise h2{font-size:45px;line-height:1.07;margin:0 0 50px}
 .timeline-viewport{overflow:visible}
 .timeline-track{display:flex;flex-direction:column;overflow:visible;scroll-snap-type:none;padding-top:0}
 .timeline-card{flex:none;width:100%;border-top:0;border-left:2px solid #b8243a;padding:28px 24px 32px}
 .timeline-card:before{left:-8px;top:0}
 .timeline-card h3{min-height:0}
 .timeline-text{line-height:1.5}
 .timeline-controls{display:none}
}
