/* Teamevent-Finder – baut auf den Klassen des Anfrage-Ablaufs auf (wahlknopf, schrittleiste, zaehlwerk) */
.finder{background:var(--creme-hoch); border:1px solid var(--gravur); border-radius:calc(var(--radius) + 6px);
  padding:clamp(20px,3.4vw,40px); margin-top:clamp(22px,3vw,34px); scroll-margin-top:90px}
.finder-kopf{display:flex; align-items:center; gap:18px; margin-bottom:clamp(18px,2.4vw,26px)}
.finder-kopf .schrittleiste{flex:1}
.finder-vu{flex:none; width:74px; height:46px; background:var(--dunkel); border-radius:6px; position:relative; overflow:hidden;
  box-shadow:inset 0 -6px 10px -6px rgba(0,0,0,.8)}
.finder-vu::before{content:""; position:absolute; left:9px; right:9px; top:10px; height:34px; border-radius:40px 40px 0 0;
  border:2px solid var(--creme); border-bottom:0; opacity:.55}
.finder-vu::after{content:""; position:absolute; right:11px; top:12px; width:14px; height:10px; border-top:3px solid var(--rot-hell);
  border-radius:0 30px 0 0}
.finder-nadel{position:absolute; left:50%; bottom:4px; width:2px; height:32px; margin-left:-1px; background:var(--rot-hell);
  transform-origin:50% 100%; transform:rotate(-48deg); transition:transform .5s cubic-bezier(.2,1.6,.4,1)}
.finder-frage{font-size:clamp(1.55rem,3.8vw,2.2rem); margin:0 0 .3em; max-width:22ch}
.finder-frage:focus{outline:none}
.finder .wahlliste{grid-template-columns:1fr}
@media (min-width:700px){ .finder .wahlliste{grid-template-columns:1fr 1fr} }
.finder .wahlknopf[aria-pressed="true"]{border-color:var(--rot-flae); background:#fff}
.finder .wahlknopf[aria-pressed="true"] b::before{content:"✓ "; color:var(--rot-text)}
.finder-nav{display:flex; flex-wrap:wrap; gap:12px; margin-top:22px}
.finder-ergebnisse{display:grid; gap:16px; margin-top:22px}
@media (min-width:900px){ .finder-ergebnisse{grid-template-columns:repeat(3,1fr)} }
.finder-karte{background:#fff; border:2px solid var(--gravur-stark); border-radius:var(--radius); padding:20px 20px 18px;
  display:flex; flex-direction:column; opacity:0; animation:finder-ein .5s ease forwards}
.finder-karte:first-child{border-color:var(--rot-flae)}
.finder-karte.eigen{background:var(--sand)}
.finder-karte h3{margin:.35em 0 .45em; font-size:1.15rem}
.finder-karte p{font-size:.95rem; margin:0 0 .8em}
.finder-warum{color:var(--rot-text); font-weight:600; font-size:.9rem !important}
.finder-karte .pfeil{margin-top:auto; font-size:.88rem; font-weight:700; color:var(--rot-text)}
.finder-aktion{display:flex; flex-wrap:wrap; gap:12px; margin-top:24px}
@keyframes finder-ein{from{opacity:0; transform:translateY(12px)} to{opacity:1; transform:none}}
@media (prefers-reduced-motion:reduce){ .finder-karte{animation:none; opacity:1} .finder-nadel{transition:none} }
.finder noscript p{margin:0}
.finder-liste li b{display:block}
.finder-liste li span{display:block; margin-top:2px}
.finder-liste li span.klein{color:var(--grau); font-size:.84rem}
/* Album-Finder */
.af-jahr{display:flex; flex-wrap:wrap; gap:12px; margin-top:22px}
.af-jahr input{font:inherit; font-size:1.6rem; font-weight:700; width:8ch; padding:10px 16px; border:2px solid var(--gravur-stark);
  border-radius:var(--radius); background:#fff; color:var(--dunkel); letter-spacing:.08em}
.af-jahr input:focus{outline:none; border-color:var(--rot-flae)}
.af-karte img,.af-platzhalter{display:block; width:100%; aspect-ratio:1; object-fit:cover; border-radius:calc(var(--radius) - 6px); margin-bottom:14px; background:var(--dunkel)}
.af-kuenstler{font-weight:600; margin-top:-.3em !important}
.af-knopf{margin-top:14px; text-align:center}
.af-hinweis{margin-top:18px; max-width:62ch}
/* Jahrgangsseiten */
.jg-jahr{margin-top:2.4em}
.jg-jahr h2{display:flex; align-items:baseline; gap:.5em}
.jg-liste{display:grid; gap:16px; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); margin-top:1em}
.jg-album{display:flex; flex-direction:column; text-decoration:none; color:var(--dunkel); background:var(--creme-hoch);
  border:1px solid var(--gravur); border-radius:var(--radius); padding:12px 12px 16px; transition:transform .12s ease, border-color .12s ease}
.jg-album:hover{transform:translateY(-2px); border-color:var(--dunkel)}
.jg-album img{width:100%; aspect-ratio:1; object-fit:cover; border-radius:calc(var(--radius) - 8px); background:var(--dunkel)}
.jg-album b{margin-top:.7em; line-height:1.25}
.jg-album span{font-size:.88rem; color:var(--grau)}
.jg-album small{font-size:.84rem; margin-top:.5em; line-height:1.4}
.jg-dekaden{display:flex; flex-wrap:wrap; gap:8px; margin:1.2em 0 0; padding:0; list-style:none}
.jg-dekaden a{display:inline-block; padding:7px 14px; border:2px solid var(--gravur-stark); border-radius:99px; text-decoration:none; color:var(--dunkel); font-weight:700; font-size:.9rem}
.jg-dekaden a[aria-current="page"],.jg-dekaden a:hover{border-color:var(--rot-flae); color:var(--rot-text)}