/* SchalkeTOTAL – SEO-Themenseiten (Kader, Verletzte, Spielplan, Tabelle, Torschützen, Titel, Trainer, Veltins-Arena).
 * Königsblau, Karten in Tiefblau, Trennlinien statt Schatten, eckig. Vorlage: FCBinside fi-themen.css. */

.st-th { max-width: 980px; }

/* Kopf */
.st-th-head { padding: var(--st-page-top) 0 20px; border-bottom: 1px solid var(--st-line); }
.st .st-th-kicker { margin: 0 0 6px; font-size: 11.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--st-text-soft); }
.st .st-th-head h1 { margin: 0; font-size: clamp(28px, 7vw, 44px); font-weight: 800; line-height: 1.06; letter-spacing: -.01em; }
.st .st-th-intro { max-width: 46em; margin: 12px 0 0; font-size: 16.5px; line-height: 1.55; color: var(--st-text-soft); }

/* Kennzahlen */
.st-th-cells { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 20px 0 0; background: var(--st-line); border: 1px solid var(--st-line); }
.st-th-cell { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 14px 16px; background: var(--st-blue-deep); }
.st-th-cell span { font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--st-text-soft); }
.st-th-cell b { font-size: 26px; font-weight: 800; line-height: 1.05; letter-spacing: -.01em; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
@media (min-width: 700px) { .st-th-cells { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* Abschnitte */
.st-th-group { margin-top: 30px; }
.st .st-th-h2 { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; margin: 0 0 14px; font-size: 22px; font-weight: 800; line-height: 1.2; }
.st .st-th-h2 small { font-size: 13px; font-weight: 700; color: var(--st-text-soft); }
.st-th-live { padding: 2px 8px; background: var(--st-live); color: #fff; font-size: 11px; font-style: normal; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.st .st-th-note { margin: 10px 0 0; font-size: 13.5px; line-height: 1.5; color: var(--st-text-soft); }
.st .st-th-empty, .st .st-th-none { margin: 24px 0; padding: 18px; background: var(--st-blue-deep); color: var(--st-text-soft); }
.st .st-th-stand { margin: 18px 0 0; font-size: 12.5px; color: var(--st-text-soft); }
.st-th-fit { margin: 24px 0 0; padding: 16px 18px; background: #fff; color: #0b1f3a; font-size: 15px; }
.st-th-fit b { margin-right: 8px; color: #1db954; }

/* Ausfälle */
.st-th-list { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; background: var(--st-line); border: 1px solid var(--st-line); }
.st .st-th-out { display: flex; align-items: center; gap: 14px; padding: 12px 14px; background: var(--st-blue-deep); color: #fff; }
.st .st-th-out:hover { background: var(--st-blue-deeper); }
.st-th-photo { position: relative; flex: none; display: grid; place-items: center; width: 52px; height: 64px; overflow: hidden; background: #fff; }
.st-th-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.st-th-photo i { position: absolute; left: 0; bottom: 0; min-width: 18px; padding: 1px 4px; background: #0b1f3a; color: #fff; font-size: 10.5px; font-style: normal; font-weight: 800; text-align: center; }
.st-th-ini { color: var(--st-blue); font-size: 22px; font-weight: 800; }
.st-th-who { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0; }
.st-th-who b { font-size: 16px; font-weight: 800; line-height: 1.2; }
.st-th-who small { font-size: 12.5px; color: var(--st-text-soft); }
.st-th-why { padding: 2px 7px; background: #e5283a; color: #fff; font-size: 11.5px; font-style: normal; font-weight: 800; }
.is-ban .st-th-why { background: #ffd400; color: #0b1f3a; }
.st-th-when { display: flex; flex: none; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; }
.st-th-when small { font-size: 11.5px; color: var(--st-text-soft); }
.st-th-when b { font-size: 15px; font-weight: 800; white-space: nowrap; }
@media (max-width: 560px) {
	.st .st-th-out { flex-wrap: wrap; row-gap: 6px; }
	.st-th-when { flex-basis: calc(100% - 66px); min-width: 0; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; margin-left: 66px; text-align: left; }
}

/* Nächstes Spiel (weiße Insel) */
.st .st-th-next { display: block; margin-top: 22px; padding: 14px 16px 18px; background: #fff; color: #0b1f3a; }
.st-th-next-top { display: flex; justify-content: space-between; gap: 12px; font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--st-blue); }
.st-th-next-top span + span { color: #5b6b82; }
.st-th-next-match { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 10px; margin-top: 12px; }
.st-th-next-team { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; }
.st-th-next-team img { width: 52px; height: 52px; object-fit: contain; }
.st-th-next-team b { font-size: 14.5px; font-weight: 800; line-height: 1.2; }
.st-th-next-mid { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.st-th-next-mid small { font-size: 12px; color: #5b6b82; white-space: nowrap; }
.st-th-next-mid b { font-size: 26px; font-weight: 800; }

/* News */
.st-th-news { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; background: var(--st-line); border: 1px solid var(--st-line); }
.st .st-th-news a { display: flex; align-items: center; gap: 12px; padding: 10px 12px; background: var(--st-blue-deep); color: #fff; }
.st .st-th-news a:hover { background: var(--st-blue-deeper); }
.st-th-news img { flex: none; width: 72px; height: 54px; object-fit: cover; }
.st-th-news span { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.st-th-news b { font-size: 14.5px; font-weight: 700; line-height: 1.3; }
.st-th-news small { font-size: 12px; color: var(--st-text-soft); }
@media (min-width: 800px) { .st-th-news { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Texte */
.st-th-text { margin-top: 36px; padding-top: 6px; border-top: 1px solid var(--st-line); }
.st .st-th-text .st-th-h2 { margin-top: 24px; }
.st .st-th-text p { max-width: 46em; margin: 0 0 1em; font-size: 16.5px; line-height: 1.65; color: rgba(255, 255, 255, .88); }

/* Weitere Themen */
.st-th-more { display: grid; gap: 1px; margin-top: 30px; background: var(--st-line); border: 1px solid var(--st-line); }
.st .st-th-more a { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px 12px; padding: 14px 16px; background: var(--st-blue-deep); color: #fff; }
.st .st-th-more a:hover { background: var(--st-blue-deeper); }
.st-th-more b { font-size: 15.5px; font-weight: 800; }
.st-th-more small { grid-row: 2; font-size: 12.5px; color: var(--st-text-soft); }
.st-th-more span { grid-row: 1 / span 2; grid-column: 2; font-size: 20px; font-weight: 700; }
@media (min-width: 700px) { .st-th-more { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Spielplan */
.st-th-filter { display: flex; flex-direction: column; gap: 8px; margin-top: 22px; }
.st-th-chips { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }
.st-th-chips::-webkit-scrollbar { display: none; }
.st .st-th-chips button { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px; border: 1.5px solid rgba(255, 255, 255, .3); background: none; color: rgba(255, 255, 255, .9); font-size: 13.5px; font-weight: 700; white-space: nowrap; cursor: pointer; }
.st .st-th-chips button:hover { border-color: #fff; }
.st .st-th-chips button.is-on { border-color: #fff; background: #fff; color: var(--st-blue); }
.st-th-chips img { width: 16px; height: 16px; object-fit: contain; }
.st-sp-list { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; background: var(--st-line); border: 1px solid var(--st-line); }
.st-sp-list li[hidden], .st-sp-month[hidden] { display: none; }
.st .st-sp-row { display: flex; align-items: center; gap: 12px; padding: 11px 14px; background: var(--st-blue-deep); color: #fff; }
.st a.st-sp-row:hover { background: var(--st-blue-deeper); }
.st-sp-row.is-live { box-shadow: inset 3px 0 0 var(--st-live); }
.st-sp-date { display: flex; flex: none; flex-direction: column; gap: 2px; width: 84px; }
.st-sp-date b { font-size: 13.5px; font-weight: 800; }
.st-sp-date small { font-size: 12px; color: var(--st-text-soft); }
.st-sp-logo { flex: none; width: 32px; height: 32px; object-fit: contain; }
.st-sp-who { display: flex; flex: 1; flex-direction: column; gap: 3px; min-width: 0; }
.st-sp-who b { font-size: 15px; font-weight: 800; line-height: 1.2; }
.st-sp-who small { display: flex; align-items: center; gap: 5px; font-size: 12px; color: var(--st-text-soft); }
.st-sp-who small img { flex: none; width: 14px; height: 14px; object-fit: contain; }
.st-sp-score { flex: none; font-size: 18px; font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
.st-sp-res { flex: none; display: grid; place-items: center; width: 26px; height: 26px; color: #fff; font-size: 12px; font-weight: 800; }
.st-sp-res.is-s { background: #1db954; }
.st-sp-res.is-u { background: #8fa3bf; }
.st-sp-res.is-n { background: #e5283a; }
.st-sp-res.is-live { width: auto; padding: 0 8px; background: var(--st-live); text-transform: uppercase; letter-spacing: .06em; }
@media (max-width: 480px) { .st-sp-date { width: 62px; } .st-sp-logo { width: 26px; height: 26px; } }

/* Torschützen */
.st-th-tablewrap { overflow-x: auto; }
.st-th-table-scorers { width: 100%; border-collapse: collapse; background: var(--st-blue-deep); font-variant-numeric: tabular-nums; }
.st-th-table-scorers th { padding: 10px 8px; border-bottom: 1px solid var(--st-line); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-align: center; text-transform: uppercase; color: var(--st-text-soft); }
.st-th-table-scorers th:nth-child(2) { text-align: left; }
.st-th-table-scorers td { padding: 9px 8px; border-bottom: 1px solid var(--st-line); font-size: 14.5px; text-align: center; }
.st-th-table-scorers td:first-child { width: 34px; color: var(--st-text-soft); font-weight: 800; }
.st-th-table-scorers td:nth-child(2) { text-align: left; }
.st-th-table-scorers .is-strong { font-size: 17px; font-weight: 800; }
.st .st-th-sc { display: flex; align-items: center; gap: 10px; color: #fff; }
.st-th-sc img { flex: none; width: 32px; height: 32px; object-fit: cover; background: #fff; }
.st-th-sc span { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.st-th-sc b { font-size: 14.5px; font-weight: 800; }
.st-th-sc small { font-size: 12px; color: var(--st-text-soft); }
@media (max-width: 480px) { .st-th-hide-s { display: none; } }
.st-th-top { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; background: var(--st-line); border: 1px solid var(--st-line); }
.st-th-top li { display: flex; align-items: center; gap: 12px; padding: 10px 14px; background: var(--st-blue-deep); }
.st-th-top li.is-own { background: #fff; color: #0b1f3a; }
.st-th-top li.is-own small, .st-th-top li.is-own .st-th-top-pos { color: #5b6b82; }
.st-th-top img { flex: none; width: 22px; height: 22px; object-fit: contain; }
.st-th-top-pos { flex: none; width: 22px; color: var(--st-text-soft); font-weight: 800; text-align: center; }
.st-th-top-who { display: flex; flex: 1; flex-direction: column; gap: 1px; min-width: 0; }
.st-th-top-who b { font-size: 15px; font-weight: 800; }
.st-th-top-who small { font-size: 12px; color: var(--st-text-soft); }
.st-th-top-n { flex: none; min-width: 34px; font-size: 22px; font-weight: 800; text-align: right; font-variant-numeric: tabular-nums; }

/* Titel */
.st-tt-list { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; background: var(--st-line); border: 1px solid var(--st-line); }
.st-tt-comp { padding: 16px; background: var(--st-blue-deep); }
.st-tt-head { display: flex; align-items: center; gap: 12px; }
.st-tt-n { flex: none; min-width: 54px; font-size: 34px; font-weight: 800; line-height: 1; letter-spacing: -.02em; }
.st-tt-name { flex: 1; font-size: 17px; font-weight: 800; line-height: 1.25; }
.st-tt-head img { flex: none; width: 36px; height: 36px; object-fit: contain; padding: 3px; background: #fff; }
.st-tt-years { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0; padding: 0; list-style: none; }
.st-tt-years li { padding: 4px 9px; border: 1px solid rgba(255, 255, 255, .28); font-size: 13.5px; font-weight: 700; font-variant-numeric: tabular-nums; }
.st-tt-years li.is-new { background: #fff; border-color: #fff; color: var(--st-blue); }
.st .st-tt-note { margin: 10px 0 0; font-size: 13px; line-height: 1.5; color: var(--st-text-soft); }
.st-tt-list.is-small .st-tt-n { font-size: 26px; }
@media (min-width: 800px) { .st-tt-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Trainer */
.st-th-now { display: flex; flex-direction: column; gap: 4px; margin-top: 22px; padding: 16px 18px; background: #fff; color: #0b1f3a; }
.st-th-now-kick { font-size: 11.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--st-blue); }
.st-th-now b { font-size: 24px; font-weight: 800; }
.st-th-now small { font-size: 13.5px; color: #5b6b82; }
.st-th-coach-best { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; background: var(--st-line); border: 1px solid var(--st-line); }
.st-th-coach-best li { display: flex; flex-direction: column; gap: 3px; padding: 14px 16px; background: var(--st-blue-deep); }
.st-th-coach-best b { font-size: 17px; font-weight: 800; }
.st-th-coach-best small { font-size: 12.5px; color: var(--st-text-soft); }
.st-th-coach-best span { font-size: 14px; font-weight: 700; color: #9cc3f0; }
@media (min-width: 700px) { .st-th-coach-best { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.st-th-coaches { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; background: var(--st-line); border: 1px solid var(--st-line); }
.st-th-coaches li { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 11px 14px; background: var(--st-blue-deep); }
.st-th-coaches li.is-interim { background: var(--st-blue-deeper); }
.st-th-coach-when { font-size: 12.5px; font-weight: 700; color: var(--st-text-soft); font-variant-numeric: tabular-nums; }
.st-th-coach-who { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
.st-th-coach-who b { font-size: 16px; font-weight: 800; }
.st-th-coach-who small { font-size: 12.5px; color: var(--st-text-soft); }
.st-th-coach-titles { font-size: 13.5px; font-weight: 700; color: #9cc3f0; }
@media (min-width: 760px) {
	.st-th-coaches li { grid-template-columns: 210px minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 14px; }
	.st-th-coach-titles { text-align: right; }
}

/* Arena */
.st-th-facts { display: grid; gap: 1px; margin: 0; background: var(--st-line); border: 1px solid var(--st-line); }
.st-th-facts div { display: grid; grid-template-columns: minmax(0, 140px) minmax(0, 1fr); gap: 12px; padding: 11px 14px; background: var(--st-blue-deep); }
.st-th-facts dt { font-size: 13px; font-weight: 800; color: var(--st-text-soft); }
.st-th-facts dd { margin: 0; font-size: 15px; line-height: 1.45; }
@media (min-width: 600px) { .st-th-facts div { grid-template-columns: 200px minmax(0, 1fr); } }
.st-th-ways, .st-th-events { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; background: var(--st-line); border: 1px solid var(--st-line); }
.st-th-ways li, .st-th-events li { display: flex; flex-direction: column; gap: 4px; padding: 13px 16px; background: var(--st-blue-deep); }
.st-th-ways b, .st-th-events b { font-size: 15.5px; font-weight: 800; }
.st-th-ways span, .st-th-events span { font-size: 14.5px; line-height: 1.5; color: rgba(255, 255, 255, .85); }
@media (min-width: 700px) {
	.st-th-events li { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 14px; }
}

/* Tabelle: volle Breite auf der Themenseite */
.st-th-table .st-table-wrap { margin: 0; }

@media (max-width: 767px) {
	.st-th-head, .st-th-group > .st-th-h2, .st-th-text, .st-th-stand, .st-th-note, .st-th-filter { padding-left: var(--st-gutter); padding-right: var(--st-gutter); }
	.st-th-head { margin: 0; }
	.st-th-cells, .st-th-next, .st-th-now { margin-left: 0; margin-right: 0; }
}

/* Veltins-Arena: Titelbild und Galerie */
.st-arena-hero { margin: 0 0 22px; }
.st-arena-hero img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.st-arena-hero figcaption, .st-arena-gallery figcaption { margin-top: 8px; color: var(--st-text-soft); font-size: 13px; line-height: 1.4; }
.st-arena-hero figcaption small, .st-arena-gallery figcaption small { display: block; margin-top: 2px; font-size: 11px; opacity: .75; }
.st-arena-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
.st-arena-gallery figure { margin: 0; }
.st-arena-gallery img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; background: var(--st-blue-deep); }
@media (min-width: 768px) { .st-arena-gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px 14px; } }