/* Turnverein 1860 Triberg e. V. – Termine auf der Startseite
   Ergänzt tvt.css, nutzt deren Farb- und Schriftvariablen. */

.termine{display:flex;flex-direction:column;gap:14px}
.termine__titel{margin:0;font-family:var(--body);font-size:.85rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}

.termin{border:1.5px solid rgba(255,255,255,.55);border-radius:16px;background:rgba(70,0,0,.18)}
.termin__kopf{padding:20px;display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px}
.termin__datum{width:84px;height:92px;flex-shrink:0;border-radius:12px;background:var(--card);color:var(--accent);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.termin__datum span{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.termin__datum strong{font-family:var(--display);font-weight:700;font-size:2.6rem}
.termin__text{flex:1 1 260px;display:flex;flex-direction:column;gap:4px;min-width:0}
.termin__name{font-family:var(--display);font-weight:700;font-size:clamp(1.6rem,6vw,2rem);line-height:1.05;text-transform:uppercase;overflow-wrap:break-word;hyphens:auto}
.termin__meta{font-size:1.05rem}

/* aufklappbare Termine */
.termin summary{cursor:pointer;list-style:none;border-radius:14px}
.termin summary::-webkit-details-marker{display:none}
.termin summary:focus-visible{outline:3px solid #fff;outline-offset:4px}
.termin__knopf{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;gap:10px;border-radius:10px;background:var(--card);color:var(--accent);font-weight:600}
.termin summary:hover .termin__knopf{text-decoration:underline;text-underline-offset:3px}
.termin__pfeil{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.termin__auf{display:none}
.termin[open] .termin__auf{display:inline}
.termin[open] .termin__zu{display:none}
.termin[open] .termin__pfeil{transform:rotate(180deg)}
.termin__details{padding:0 20px 24px;display:flex;flex-direction:column;gap:12px;font-size:1.05rem;line-height:1.55;max-width:68ch}
.termin__details p{margin:0}
.termin__links{display:flex;flex-wrap:wrap;gap:8px 20px}
.termin__links a{min-height:44px;display:inline-flex;align-items:center;font-weight:600;text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){.termin__pfeil{transition:none}}