: Monatsüberschrift mit Linie */ .lta-liste__month+.lta-liste__month{margin-top:48px} .lta-programm .lta-liste__head{display:flex;align-items:center;gap:16px;margin:0 0 24px;padding:0;font-size:20px;font-weight:600;line-height:1.3!important;color:var(--lta-accent)} .lta-programm .lta-liste__head::after{content:"";flex:1 1 auto;height:1px;background:#dcdcdc} .lta-liste__empty[hidden]{display:none} @media (max-width:860px){ .lta-card{flex-wrap:wrap;gap:14px} .lta-card__datebox{flex:0 0 100px;width:100px;height:100px} .lta-card__weekday{font-size:17px;margin-bottom:3px} .lta-card__day{font-size:36px} .lta-card__month{font-size:17px;margin-top:4px} .lta-card__imglink{flex:0 0 100px} .lta-card__img{width:100px;height:100px} .lta-card__credit{font-size:9px;padding:1px 4px} .lta-card__body{flex:1 1 calc(100% - 240px);min-width:0;overflow:hidden} /* Datum + Uhrzeit immer vollständig, notfalls Uhrzeit in zweiter Zeile */ .lta-card__meta{font-size:13px;gap:4px 12px;margin-bottom:6px;flex-wrap:wrap} .lta-card__meta svg{width:16px;height:16px;margin-right:5px} .lta-card__meta span{white-space:normal} /* Titel und Kategorie: eine Zeile, Rest wird mit … abgeschnitten */ .lta-programm .lta-card__title,.lta-card__cat{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} .lta-programm .lta-card__title{font-size:16px;line-height:1.4!important} .lta-card__title a{display:inline} .lta-card__cat{font-size:13px;margin-top:2px} .lta-card__actions{flex:0 0 100%;padding-left:0} .lta-btn-ticket{width:100%;text-align:center;box-sizing:border-box} .lta-programm .lta-liste__head{font-size:17px;margin-bottom:16px} .lta-liste__month+.lta-liste__month{margin-top:36px} } @media (max-width:480px){ .lta-card{gap:12px} .lta-card__datebox{flex:0 0 76px;width:76px;height:76px;border-radius:8px} .lta-card__weekday{font-size:14px;margin-bottom:1px} .lta-card__day{font-size:28px} .lta-card__month{font-size:14px;margin-top:2px} .lta-card__imglink{flex:0 0 76px} .lta-card__img{width:76px;height:76px} .lta-card__credit{display:none} /* bei 76px unleserlich */ .lta-card__body{flex-basis:calc(100% - 176px);padding-top:0} } @media (max-width:600px){ .lta-tabbar{gap:12px} .lta-programm ul.lta-tabs{overflow:hidden;justify-content:center} .lta-programm .lta-tabs li{display:none} /* Raster: aktueller Monat bleibt immer mittig, auch ohne Nachbarn */ .lta-programm ul.lta-tabs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px} .lta-programm .lta-tabs li.is-active,.lta-programm .lta-tabs li.is-prev,.lta-programm .lta-tabs li.is-next{display:block;min-width:0} .lta-programm .lta-tabs li.is-prev{grid-column:1;grid-row:1;text-align:left} .lta-programm .lta-tabs li.is-active{grid-column:2;grid-row:1} .lta-programm .lta-tabs li.is-next{grid-column:3;grid-row:1;text-align:right} /* aktueller Monat groß in der Mitte */ .lta-programm .lta-tab[aria-selected="true"]{background:transparent;color:var(--lta-accent);border-color:transparent;font-size:19px;padding:9px 2px;cursor:default} /* Nachbarmonate klein und antippbar: zeigt, dass man wechseln kann */ .lta-programm .is-prev .lta-tab,.lta-programm .is-next .lta-tab{border:none;background:transparent;color:var(--lta-muted);font-size:14px;font-weight:500;padding:9px 0} .lta-programm .is-prev .lta-tab__long,.lta-programm .is-next .lta-tab__long{display:none} .lta-programm .is-prev .lta-tab__short,.lta-programm .is-next .lta-tab__short{display:inline} } @media (prefers-reduced-motion:reduce){.lta-programm ul.lta-tabs{scroll-behavior:auto}}