/* ============================================================================
   JUGENDMANNSCHAFT — TEMPLATE (Design V2, portiert aus mockups/team-c-jugend-v2.html)
   Baut auf design-v2.css, team-v2.css (.th-hero/.th-photo/.th-frame/.th-tabelle-Basis) und
   tickets-v2.css (.tk-hours/.tk-contact, wiederverwendet fuer den Kontakt-Block) auf.
   Unterschied zur 1.-Herren-Vorlage: KEIN Kader-Abschnitt, dafuer Kontakt + Trainingszeiten.
   Spielplan/Tabelle/Trainingszeiten zeigen einen ehrlichen Leerzustand, solange keine echten
   Daten hinterlegt sind (siehe template-team-jugend.php).
   ============================================================================ */
.jt-lead{margin-top:18px;max-width:56ch;font-size:16.5px;line-height:1.55;color:rgba(255,255,255,.88);}

/* ---------- Mannschaftsbild-Platzhalter (kein echtes Foto vorhanden) ----------
   .th-frame::before (die versetzte dunkle Rueckebene) malt sich bei isolation:isolate IMMER ueber
   die eigene Flaechenfarbe des Elements (Stacking-Reihenfolge: erst Hintergrund der Stacking-
   Context-Wurzel, danach ihre negativ-z-indizierten Kinder) -- ein einfaches background auf
   .jt-frame-empty selbst wuerde also von der dunklen Rueckebene komplett verdeckt. Deshalb hier
   eine echte "Vorderseite" (.jt-frame-face, normaler Fluss-Inhalt statt Hintergrund) wie sonst
   das <img> es waere. */
.jt-frame-empty{aspect-ratio:16/9;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;}
.jt-frame-face{position:absolute;inset:0;background:var(--surface-sunken);clip-path:var(--pshape);}
.jt-frame-empty .jt-crest-ghost{position:relative;width:90px;height:90px;opacity:.14;filter:grayscale(1) brightness(.3);clip-path:none;}
[data-theme="dark"] .jt-frame-empty .jt-crest-ghost{filter:none;opacity:.18;}
.jt-frame-note{position:relative;font-family:var(--font-label);font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);}

/* ---------- Kontakt + Trainingszeiten ---------- */
.jt-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
@media (max-width:700px){.jt-info-grid{grid-template-columns:1fr;}}
.jt-info h3{font-family:var(--font-impact);font-weight:400;text-transform:uppercase;font-size:24px;display:flex;align-items:center;gap:12px;}
.jt-info-note{font-size:14.5px;color:var(--ink-soft);margin-top:10px;line-height:1.5;}
.jt-info-note b{color:var(--ink);}
.jt-trainingszeiten{font-size:14.5px;color:var(--ink-soft);line-height:1.6;margin-top:14px;white-space:pre-line;}