/* FCBinside – Desktop (ab 1024 px). Lädt als letztes Stylesheet.
   Inhalt max. 1200 px zentriert, farbige Flächen (Kopf, Seitenkopf, Fuß) volle Breite. */

@media (min-width: 1024px) {
	:root { --fi-gutter: 24px; --fi-header-h: 72px; }

	.admin-bar .fi-header { top: 32px; }

	/* Kopf: Logo links, Links + Suche rechts, Rubriken darunter */
	.fi-header-bar { grid-template-columns: auto auto 1fr; gap: 12px; }
	.fi-menu-toggle { margin-left: -10px; }
	.fi-logo { justify-self: start; }
	.fi-logo img { width: 190px; }
	.fi-header-link {
		display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 14px; border-radius: 999px;
		font: 600 15px/1 var(--fi-label); text-transform: uppercase; letter-spacing: .03em; color: var(--fi-ink);
	}
	.fi-header-link:hover { background: var(--fi-bg); color: var(--fi-red); }
	.fi-catbar-inner { gap: 28px; overflow: visible; flex-wrap: wrap; }
	.fi-catbar a { padding: 13px 0 12px; }

	/* Top-Bereich: Aufmacher 2/3, zwei Karten 1/3 – gleiche Höhe */
	.fi-top { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 20px; margin-top: 24px; }
	.fi-top-side { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; gap: 20px; min-height: 0; }
	.fi-top-side .fi-card a { flex-direction: column; }
	.fi-top-side .fi-card-img { aspect-ratio: auto; flex: 1 1 0; min-height: 0; }
	.fi-top-side .fi-card-body { flex: none; }
	.fi-top-side .fi-card-title { font-size: 16.5px; -webkit-line-clamp: 3; }
	.fi-hero, .fi-hero a, .fi-top-lead { height: 100%; }
	.fi-hero-img { aspect-ratio: 16 / 9.4; height: 100%; }
	.fi-hero-text { padding: 90px 28px 26px; }
	.fi-hero-title { font-size: 34px; max-width: 900px; }

	/* Zeilen mit zwei Spalten */
	.fi-row { gap: 20px; margin-top: 20px; }
	.fi-row--media { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
	.fi-row--split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.fi-box { padding: 20px; }

	/* Ticker neben dem Video: so hoch wie das Video, Rest scrollbar */
	.fi-row--media > .fi-box:last-child { position: relative; display: flex; flex-direction: column; min-height: 0; }
	.fi-row--media > .fi-box:last-child .fi-ticker { flex: 1 1 0; min-height: 0; overflow-y: auto; scrollbar-width: thin; }
	.fi-row--media { align-items: stretch; }
	.fi-row--media > .fi-box:last-child { height: 0; min-height: 100%; }

	.fi-section { margin-top: 36px; }
	.fi-grid { gap: 20px; }
	.fi-grid--3 .fi-card-title { font-size: 17px !important; }
	.fi-rail { grid-auto-flow: row; grid-template-columns: repeat(4, 1fr); grid-auto-columns: auto; gap: 20px; overflow: visible; margin-inline: 0; padding-inline: 0; }
	.fi-list-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; padding: 0 20px; }
	.fi-list-grid .fi-item + .fi-item { border-top: 0; }
	.fi-list-grid .fi-item { border-bottom: 1px solid var(--fi-line); }
	.fi-list-grid .fi-item:nth-last-child(-n+2):nth-child(odd),
	.fi-list-grid .fi-item:last-child { border-bottom: 0; }
	.fi-item-img { width: 168px; }
	.fi-item-title { font-size: 16.5px; }

	/* Seitenkopf */
	.fi-pagehead { padding: 36px 0 38px; }
	.fi-pagehead-title { font-size: 42px; }
	.fi-pagehead-inner > img { width: 88px; height: 88px; }
	.fi-archive-body { margin-top: 24px; }
	.fi-archive-body > .fi-list-grid { margin-top: 20px; }

	/* Artikel: Text 2/3, Seitenleiste 1/3 (mitlaufend) */
	.fi-article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: start; margin-top: 24px; }
	.fi-article { padding: 36px 48px 40px; }
	.fi-article-media { margin-inline: -48px; }
	.fi-article-media figcaption { padding-inline: 48px; }
	.fi-article-title { font-size: 38px; }
	.fi-article-dek { font-size: 20px; }
	.fi-content { font-size: 19px; }
	.fi-sidebar { position: sticky; top: calc(var(--fi-header-h) + 64px); margin-top: 0; }
	.admin-bar .fi-sidebar { top: calc(var(--fi-header-h) + 96px); }
	.fi-related { margin-top: 36px; }

	/* Seiten: Lesebreite */
	.fi-article--page { max-width: 860px; margin: 24px auto 0; }

	.fi-timeline, .fi-tickerpage .fi-dayhead { max-width: 860px; margin-inline: auto; }
	.fi-tickerpage .fi-pagination { max-width: 860px; margin-inline: auto; }
	.fi-timeline-img { width: 96px; aspect-ratio: 3 / 2; }

	/* Fuß: drei Spalten, keine App-Leiste */
	.fi-footer { padding: 48px 0 32px; }
	.fi-footer-top { grid-template-columns: 2fr 1fr 1fr; gap: 40px; }
	.fi-footer-col ul { grid-template-columns: 1fr; }
	.fi-appnav { display: none; }
	body.fi .jwplayer.jw-flag-floating .jw-wrapper, body.fi .jwplayer.jw-flag-floating .jw-wrapper.jw-float-to-top { bottom: 56px !important; right: 24px !important; width: 400px !important; }
}

@media (min-width: 1280px) {
	.fi-hero-title { font-size: 38px; }
}

/* Spielseite: Spielfeld nicht höher als nötig (bis ein Desktop-Entwurf vorliegt) */
@media (min-width: 1024px) {
	body.fi-matchpage .fi-pitch { max-width: 440px; margin-inline: auto; }
}