/*
================================================================================
TURFSPORT – Zentrale Portal-Typografie V672
Gilt fuer die bereits modernisierten und alle kommenden normalen Portalseiten.

Ziele:
- keine Serifenschrift im UI / Content
- groessere, ruhigere Grundschrift
- keine Mikrotexte unter ca. 10px
- weniger uebertriebene 800/900er Gewichte
- gemeinsame Hierarchie fuer Startseite, News, Experten, Tippspiel, Statistik,
  Live & Podcast, Rennbahnen und Fotografen

Mobil/Touch bleibt unveraendert.
================================================================================
*/

@media (min-width:1100px){

  :root{
    --ts-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif;
    --ts-type-text: 16px;
    --ts-type-small: 12px;
    --ts-type-meta: 11.5px;
    --ts-type-nav: 14px;
    --ts-type-h1: 34px;
    --ts-type-h2: 26px;
    --ts-type-h3: 20px;
    --ts-line-text: 1.52;
  }

  /* ----------------------------------------------------------------------
     Zentrale Schriftfamilie
     ---------------------------------------------------------------------- */
  html body,
  html body button,
  html body input,
  html body select,
  html body textarea,
  html body option{
    font-family:var(--ts-font-sans)!important;
    font-synthesis:none;
  }

  html body h1,
  html body h2,
  html body h3,
  html body h4,
  html body h5,
  html body h6,
  html body p,
  html body a,
  html body span,
  html body strong,
  html body small,
  html body em,
  html body label,
  html body th,
  html body td{
    font-family:var(--ts-font-sans)!important;
  }

  /* ----------------------------------------------------------------------
     Grundtext auf den modernisierten Hauptseiten
     ---------------------------------------------------------------------- */
  html body:is(
    .rc-home-page,
    .rc-news-page,
    .rc-page-experten-tipps,
    .rc-tippspiel-body,
    .rc-stats-page,
    .rc-live-podcast-page,
    .rc-page-rennbahnen,
    .rc-page-rennbahn-detail,
    .rc-photographers-page,
    .rc-photographer-image-page
  ){
    font-size:var(--ts-type-text)!important;
    line-height:var(--ts-line-text)!important;
    color:#333333;
  }

  html body:is(
    .rc-home-page,
    .rc-news-page,
    .rc-page-experten-tipps,
    .rc-tippspiel-body,
    .rc-stats-page,
    .rc-live-podcast-page,
    .rc-page-rennbahnen,
    .rc-page-rennbahn-detail,
    .rc-photographers-page,
    .rc-photographer-image-page
  ) p{
    font-size:15.5px!important;
    line-height:1.52!important;
    font-weight:400!important;
  }

  /* ----------------------------------------------------------------------
     Ueberschriften: gleiche Hierarchie
     ---------------------------------------------------------------------- */
  html body:is(
    .rc-home-page,
    .rc-news-page,
    .rc-page-experten-tipps,
    .rc-tippspiel-body,
    .rc-stats-page,
    .rc-live-podcast-page,
    .rc-page-rennbahnen,
    .rc-page-rennbahn-detail,
    .rc-photographers-page,
    .rc-photographer-image-page
  ) h1{
    font-size:var(--ts-type-h1)!important;
    line-height:1.12!important;
    font-weight:750!important;
    letter-spacing:-.018em!important;
  }

  html body:is(
    .rc-home-page,
    .rc-news-page,
    .rc-page-experten-tipps,
    .rc-tippspiel-body,
    .rc-stats-page,
    .rc-live-podcast-page,
    .rc-page-rennbahnen,
    .rc-page-rennbahn-detail,
    .rc-photographers-page,
    .rc-photographer-image-page
  ) h2{
    font-size:var(--ts-type-h2)!important;
    line-height:1.16!important;
    font-weight:720!important;
    letter-spacing:-.012em!important;
  }

  html body:is(
    .rc-home-page,
    .rc-news-page,
    .rc-page-experten-tipps,
    .rc-tippspiel-body,
    .rc-stats-page,
    .rc-live-podcast-page,
    .rc-page-rennbahnen,
    .rc-page-rennbahn-detail,
    .rc-photographers-page,
    .rc-photographer-image-page
  ) h3{
    font-size:var(--ts-type-h3)!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:-.006em!important;
  }

  /* ----------------------------------------------------------------------
     Meta, Kicker, Labels – klein, aber nicht mehr krisselig
     ---------------------------------------------------------------------- */
  html body:is(
    .rc-home-page,
    .rc-news-page,
    .rc-page-experten-tipps,
    .rc-tippspiel-body,
    .rc-stats-page,
    .rc-live-podcast-page,
    .rc-page-rennbahnen,
    .rc-page-rennbahn-detail,
    .rc-photographers-page,
    .rc-photographer-image-page
  ) :is(
    .rc-kicker,
    [class*="kicker"],
    [class*="meta"] small,
    [class*="meta"] em,
    [class*="badge"],
    [class*="chip"]
  ){
    font-size:12.5px!important;
    line-height:1.25!important;
    font-weight:650!important;
  }

  html body:is(
    .rc-home-page,
    .rc-news-page,
    .rc-page-experten-tipps,
    .rc-tippspiel-body,
    .rc-stats-page,
    .rc-live-podcast-page,
    .rc-page-rennbahnen,
    .rc-page-rennbahn-detail,
    .rc-photographers-page,
    .rc-photographer-image-page
  ) small{
    font-size:12px!important;
    line-height:1.35!important;
  }

  /* ----------------------------------------------------------------------
     Formulare / Buttons
     ---------------------------------------------------------------------- */
  html body:is(
    .rc-home-page,
    .rc-news-page,
    .rc-page-experten-tipps,
    .rc-tippspiel-body,
    .rc-stats-page,
    .rc-live-podcast-page,
    .rc-page-rennbahnen,
    .rc-page-rennbahn-detail,
    .rc-photographers-page,
    .rc-photographer-image-page
  ) :is(input,select,textarea,button){
    font-size:16px!important;
    line-height:1.3!important;
    font-weight:400!important;
  }

  html body:is(
    .rc-home-page,
    .rc-news-page,
    .rc-page-experten-tipps,
    .rc-tippspiel-body,
    .rc-stats-page,
    .rc-live-podcast-page,
    .rc-page-rennbahnen,
    .rc-page-rennbahn-detail,
    .rc-photographers-page,
    .rc-photographer-image-page
  ) label{
    font-size:12.5px!important;
    line-height:1.3!important;
    font-weight:650!important;
  }

  html body:is(
    .rc-home-page,
    .rc-news-page,
    .rc-page-experten-tipps,
    .rc-tippspiel-body,
    .rc-stats-page,
    .rc-live-podcast-page,
    .rc-page-rennbahnen,
    .rc-page-rennbahn-detail,
    .rc-photographers-page,
    .rc-photographer-image-page
  ) :is(
    a[class*="button"],
    a[class*="btn"],
    button,
    input[type="submit"]
  ){
    font-weight:650!important;
  }

  /* ----------------------------------------------------------------------
     Tabellen
     ---------------------------------------------------------------------- */
  html body:is(
    .rc-stats-page,
    .rc-tippspiel-body
  ) table td{
    font-size:12px!important;
    line-height:1.38!important;
    font-weight:400!important;
  }

  html body:is(
    .rc-stats-page,
    .rc-tippspiel-body
  ) table th{
    font-size:12px!important;
    line-height:1.3!important;
    font-weight:700!important;
    letter-spacing:.025em!important;
  }

  /* ----------------------------------------------------------------------
     Linke Portalnavigation ebenfalls gut lesbar, aber kompakt
     ---------------------------------------------------------------------- */
  html body .rc-portal-sidebar .rc-portal-nav-group > strong{
    font-family:var(--ts-font-sans)!important;
    font-size:12px!important;
    font-weight:750!important;
    letter-spacing:.075em!important;
  }

  html body .rc-portal-sidebar .rc-portal-nav-group > a{
    font-family:var(--ts-font-sans)!important;
    font-size:16px!important;
    line-height:1.28!important;
    font-weight:650!important;
  }

  html body .rc-portal-sidebar .rc-portal-box-head h3,
  html body .rc-portal-sidebar .rc-portal-misc-box h3{
    font-size:16px!important;
    font-weight:720!important;
    letter-spacing:.018em!important;
  }

  html body .rc-portal-sidebar .rc-portal-misc-box a{
    font-size:12.5px!important;
    line-height:1.3!important;
    font-weight:600!important;
  }

  /* ----------------------------------------------------------------------
     Spezifische alte Mikro-Schriften der bereits modernisierten Seiten
     ---------------------------------------------------------------------- */
  html body.rc-news-page :is(
    .rc-news-meta,
    .rc-news-card-meta,
    .rc-news-detail-meta-seo,
    .rc-news-right-item,
    .rc-news-left-nav
  ){
    font-size:12px!important;
  }

  html body.rc-page-experten-tipps :is(
    .rc-expert-race-subtitle,
    .rc-expert-overview-meta,
    .rc-expert-overview-potential
  ){
    font-size:12.5px!important;
    line-height:1.38!important;
  }

  html body.rc-tippspiel-body :is(
    .rc-tippspiel-race-title,
    .rc-tippspiel-race-pick-preview,
    .rc-tippspiel-race-actions em
  ){
    font-size:12.5px!important;
    line-height:1.35!important;
  }

  html body.rc-stats-page :is(
    .rc-stats-compact-row strong,
    .rc-stats-form-row strong,
    .rc-stats-table td
  ){
    font-size:12.5px!important;
  }

  html body.rc-page-rennbahnen :is(
    .rc-rennbahn-card-body p,
    .rc-rennbahn-card-meta strong
  ){
    font-size:12.5px!important;
    line-height:1.4!important;
  }

  html body.rc-page-rennbahn-detail :is(
    .rc-rennbahn-text-card p,
    .rc-rennbahn-address-card p,
    .rc-track-renntag-card strong
  ){
    font-size:12.5px!important;
    line-height:1.42!important;
  }

  html body.rc-photographers-page :is(
    .rc-photo-entry-photo-card h3,
    .rc-photo-entry-photo-card p,
    .rc-photographer-card-mini h3
  ),
  html body.rc-photographer-image-page :is(
    .rc-photo-data-table dd,
    .rc-photo-caption-text,
    .rc-photo-contact-form input,
    .rc-photo-contact-form textarea
  ){
    font-size:12.5px!important;
    line-height:1.4!important;
  }
}

/* Groesserer Monitor: minimal mehr Ruhe und Lesbarkeit */
@media (min-width:1760px){
  :root{
    --ts-type-text:17px;
    --ts-type-small:12.5px;
    --ts-type-nav:14.5px;
    --ts-type-h1:36px;
    --ts-type-h2:27px;
    --ts-type-h3:21px;
  }

  html body:is(
    .rc-home-page,
    .rc-news-page,
    .rc-page-experten-tipps,
    .rc-tippspiel-body,
    .rc-stats-page,
    .rc-live-podcast-page,
    .rc-page-rennbahnen,
    .rc-page-rennbahn-detail,
    .rc-photographers-page,
    .rc-photographer-image-page
  ) p{
    font-size:16px!important;
  }

  html body .rc-portal-sidebar .rc-portal-nav-group > a{
    font-size:14.5px!important;
  }
}


/* ==========================================================================
   V673 – Lesbarkeit deutlich angehoben
   Die erste globale Typografie war noch zu klein. Dieser Block ist bewusst
   klarer dimensioniert und bildet ab jetzt die neue Mindestbasis.
   ========================================================================== */
@media (min-width:1100px){

  html body:is(
    .rc-home-page,
    .rc-news-page,
    .rc-page-experten-tipps,
    .rc-tippspiel-body,
    .rc-stats-page,
    .rc-live-podcast-page,
    .rc-page-rennbahnen,
    .rc-page-rennbahn-detail,
    .rc-photographers-page,
    .rc-photographer-image-page
  ){
    font-size:16px!important;
  }

  html body:is(
    .rc-home-page,
    .rc-news-page,
    .rc-page-experten-tipps,
    .rc-tippspiel-body,
    .rc-stats-page,
    .rc-live-podcast-page,
    .rc-page-rennbahnen,
    .rc-page-rennbahn-detail,
    .rc-photographers-page,
    .rc-photographer-image-page
  ) p{
    font-size:15.5px!important;
    line-height:1.56!important;
  }

  html body:is(
    .rc-home-page,
    .rc-news-page,
    .rc-page-experten-tipps,
    .rc-tippspiel-body,
    .rc-stats-page,
    .rc-live-podcast-page,
    .rc-page-rennbahnen,
    .rc-page-rennbahn-detail,
    .rc-photographers-page,
    .rc-photographer-image-page
  ) small{
    font-size:12px!important;
  }

  html body .rc-portal-sidebar .rc-portal-nav-group > strong{
    font-size:11.5px!important;
    font-weight:750!important;
  }

  html body .rc-portal-sidebar .rc-portal-nav-group > a{
    font-size:14px!important;
    line-height:1.3!important;
    font-weight:650!important;
  }

  html body .rc-portal-sidebar .rc-portal-box-head h3,
  html body .rc-portal-sidebar .rc-portal-misc-box h3{
    font-size:15px!important;
  }

  html body .rc-portal-sidebar .rc-portal-misc-box a{
    font-size:13px!important;
  }

  html body:is(
    .rc-home-page,
    .rc-news-page,
    .rc-page-experten-tipps,
    .rc-tippspiel-body,
    .rc-stats-page,
    .rc-live-podcast-page,
    .rc-page-rennbahnen,
    .rc-page-rennbahn-detail,
    .rc-photographers-page,
    .rc-photographer-image-page
  ) :is(input,select,textarea,button){
    font-size:13.5px!important;
  }

  html body:is(
    .rc-home-page,
    .rc-news-page,
    .rc-page-experten-tipps,
    .rc-tippspiel-body,
    .rc-stats-page,
    .rc-live-podcast-page,
    .rc-page-rennbahnen,
    .rc-page-rennbahn-detail,
    .rc-photographers-page,
    .rc-photographer-image-page
  ) label{
    font-size:12.5px!important;
  }
}

@media (min-width:1760px){
  html body:is(
    .rc-home-page,
    .rc-news-page,
    .rc-page-experten-tipps,
    .rc-tippspiel-body,
    .rc-stats-page,
    .rc-live-podcast-page,
    .rc-page-rennbahnen,
    .rc-page-rennbahn-detail,
    .rc-photographers-page,
    .rc-photographer-image-page
  ){
    font-size:17px!important;
  }

  html body:is(
    .rc-home-page,
    .rc-news-page,
    .rc-page-experten-tipps,
    .rc-tippspiel-body,
    .rc-stats-page,
    .rc-live-podcast-page,
    .rc-page-rennbahnen,
    .rc-page-rennbahn-detail,
    .rc-photographers-page,
    .rc-photographer-image-page
  ) p{
    font-size:16px!important;
  }

  html body .rc-portal-sidebar .rc-portal-nav-group > a{
    font-size:14.5px!important;
  }
}