/* ---------- Übersicht: Filmstreifen der Ausstellungen ---------- */
.film { margin: 48px calc(-1 * var(--pad)) 0; }
.film__band {
  --h: clamp(320px, 56vh, 560px);
  background: var(--burgund); padding: clamp(40px, 7vh, 72px) 0; overflow: hidden;
}
.film__spur { display: flex; gap: 14px; height: var(--h); will-change: transform; }
.film__streifen {
  flex: 0 0 auto; display: block; height: 100%; width: calc(var(--h) * .42); overflow: hidden;
  transition: width .9s cubic-bezier(.65,0,.25,1);
}
.film__streifen.ist-offen { width: calc(var(--h) * .75); }
.film__streifen img { display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; transition: filter .9s ease; filter: saturate(.85); }
.film__streifen.ist-offen img { filter: none; }
.film__streifen:focus-visible { outline: 3px solid var(--limette); outline-offset: -3px; }

.film__unter { text-align: center; padding: 28px var(--pad) 0; min-height: 120px; }
.film__status { margin: 0 0 6px; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; }
.film__titel { margin: 0; font-size: clamp(26px, 2.6vw, 38px); font-weight: 500; line-height: 1.15; }
.film__zeit { margin: 8px 0 0; font-size: 15px; }

/* Schlichte Liste */
.archiv__liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(71,20,35,.3); }
.archiv__zeile {
  display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 2fr) minmax(0, 1.2fr); gap: 8px 24px; align-items: baseline;
  padding: 18px 0; border-bottom: 1px solid rgba(71,20,35,.3); text-decoration: none;
}
.archiv__zeile:hover .archiv__name { text-decoration: underline; }
.archiv__name { font-size: 22px; font-weight: 500; }
.archiv__wer, .archiv__wann { font-size: 15px; }
.archiv__wann { text-align: right; font-variant-numeric: tabular-nums; }
@media (max-width: 700px) {
  .archiv__zeile { grid-template-columns: 1fr; }
  .archiv__wann { text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  .film__band { overflow-x: auto; }
  .film__streifen { transition: none; }
}

/* Kacheln ohne Rahmen, Beschriftung immer unter dem Bild */
.film__band { --txt: calc(var(--h) * .25); }
.film__streifen { position: relative; display: grid; grid-template-rows: minmax(0, 1fr) var(--txt); gap: 12px; text-decoration: none; }
.film__streifen img { min-height: 0; }
.film__text { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; overflow: hidden; }
.film__chip {
  max-width: 100%; padding: 3px 10px; background: var(--rosa); color: var(--burgund); overflow-wrap: anywhere;
  font-family: 'Beautique', Georgia, serif; font-size: clamp(15px, calc(var(--h) * .045), 26px); line-height: 1.1;
}
.film__streifen[data-f="1"] .film__chip { background: var(--limette); }
.film__streifen[data-f="2"] .film__chip { background: var(--creme); }
.film__info { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--creme); font-size: 13px; line-height: 1.35; }
.film__schild {
  position: absolute; top: 14px; left: 10px; z-index: 1; padding: 5px 14px; border-radius: 8px;
  background: var(--rosa); color: var(--burgund); font-size: 15px; font-weight: 600; white-space: nowrap; transform: rotate(-4deg);
  box-shadow: 0 2px 0 rgba(71, 20, 35, .25);
}
.film__unter { position: absolute; width: 1px; height: 1px; min-height: 0; padding: 0; overflow: hidden; clip: rect(0 0 0 0); }
/* größere Kacheln, Kästchen nur beim geöffneten Plakat */
.film__band { --h: clamp(380px, 70vh, 720px); --txt: calc(var(--h) * .2); }
.film__streifen { width: calc(var(--h) * .45); }
.film__streifen.ist-offen { width: calc(var(--h) * .8); }
.film__text { opacity: 0; transform: translateY(-8px); transition: opacity .3s ease, transform .3s ease; }
.film__streifen.ist-offen .film__text { opacity: 1; transform: none; transition-delay: .25s; }
/* geöffnetes Plakat im eigenen Format (nichts abgeschnitten), kleinere Kästchen */
.film__streifen { width: calc(var(--h) * .3); }
.film__streifen.ist-offen { width: calc((var(--h) - var(--txt) - 12px) * var(--ratio, .7)); }
.film__chip { padding: 2px 9px; font-size: clamp(14px, calc(var(--h) * .038), 23px); }
.film__info { max-width: 100%; padding: 3px 8px; background: #fff; color: var(--burgund); font-size: 12px; }

/* Ausstellungen-Unterseite: Slider wie „Fotos“ auf der Startseite */
.aus-slider { margin: 48px 0 96px; }
.aus-slider .slide::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(28, 8, 16, .75), rgba(28, 8, 16, 0) 55%); }
.aus-slider .slide figcaption { z-index: 1; }
.aus-slider .film__schild { z-index: 3; top: 24px; left: 24px; }
.slide__link { position: absolute; inset: 0; z-index: 2; }
.slide__link:focus-visible { outline: 3px solid var(--limette); outline-offset: -6px; }
.aus-slider .arrow { z-index: 4; width: 56px; height: 56px; background: var(--creme); color: var(--burgund); }
.aus-slider .arrow:hover { background: var(--limette); }

/* Titel-Kästchen im Ausstellungsband: Montserrat Medium */
.film__chip { font-family: Montserrat, sans-serif; font-weight: 500; font-size: clamp(13px, calc(var(--h) * .03), 19px); line-height: 1.25; padding: 4px 10px; }
.film__chip em { font-style: normal; }

/* Ausstellungen-Unterseite: kleinere Kästchen, nur Montserrat */
.aus-slider .chip { font-family: Montserrat, sans-serif; font-weight: 500; font-size: clamp(18px, 1.7vw, 24px); line-height: 1.25; letter-spacing: 0; padding: 6px 12px; }
.aus-slider .chip em { font-family: inherit; font-style: normal; }
.aus-slider .slide figcaption, .aus-slider .slide figcaption span { font-family: Montserrat, sans-serif; }