/* Sportforum – Startseite. Nur Layout; alle Werte aus tokens.css. */

/* Hero: etwas ruhiger, Foto nach unten ausgerichtet */
.sf-hero--home{min-height:clamp(480px,72vh,720px)}
.sf-hero--home .sf-hero__img{object-position:50% 70%}

/* Einstieg: Text links, Eckdaten rechts */
.sf-intro{display:grid;gap:var(--space-7);align-items:start}
.sf-intro__text .sf-h2{margin:var(--space-3) 0 var(--space-4);max-width:18ch}
.sf-intro__text p{margin:0;max-width:var(--container-text)}
.sf-intro__text p+p{margin-top:var(--space-4);color:var(--ink-muted)}
.sf-facts{display:grid;gap:0;margin:0;padding:0;list-style:none}
.sf-facts li{display:grid;grid-template-columns:minmax(96px,auto) 1fr;gap:var(--space-4);align-items:baseline;padding:var(--space-4) 0;border-top:1px solid var(--line)}
.sf-facts li:last-child{border-bottom:1px solid var(--line)}
.sf-facts strong{font:700 clamp(48px,7vw,64px)/1 var(--font-display);letter-spacing:.01em;color:var(--ink)}
.sf-facts span{font-size:15px;line-height:22px;color:var(--ink-muted);max-width:30ch}
@media (min-width:1024px){.sf-intro{grid-template-columns:1.1fr .9fr;gap:var(--space-9)}}

/* Abschnittskopf mit Link rechts */
.sf-sechead{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-3) var(--space-5);margin-bottom:var(--space-6)}
.sf-sechead .sf-eyebrow{margin-bottom:var(--space-2)}

/* Karten etwas luftiger und flacher */
.sf-cards{display:grid;gap:var(--space-5);grid-template-columns:1fr}
@media (min-width:720px){.sf-cards{grid-template-columns:repeat(3,1fr)}}
.sf-cards .sf-card{box-shadow:none}
.sf-cards .sf-card:hover{box-shadow:var(--shadow-md)}

/* Galerie-Streifen */
.sf-gallery--home{grid-template-columns:repeat(2,1fr)}
@media (min-width:720px){.sf-gallery--home{grid-template-columns:repeat(4,1fr)}}

/* Vision */
.sf-vision{display:grid;gap:var(--space-5);max-width:var(--container-text);margin-inline:auto}

/* Callout im Seitenfluss */
.sf-section--tight{padding-block:var(--space-7)}

/* Dekorative Balken dürfen den Viewport nicht verbreitern */
.sf-hero{overflow:hidden}