/*
================================================================================
TURFSPORT – Galopp-Links Magazine / Endless Paper V681
Nur klassische Laptops und Desktop mit Maus/Trackpad.
Mobil/Touch bleibt unverändert.

Ziele:
- gleiche Gesamtbreite wie Startseite / Wissen / Rennbahnen
- keine schmale Mittelspalte mit leerem rechten Bildschirmbereich
- weniger Karten-in-Karten
- Links als ruhiges, gut lesbares Verzeichnis
- zentrale Portale etwas hervorgehoben, Rennbahnen leichter dargestellt
================================================================================
*/

@media (min-width:1100px) and (hover:hover) and (pointer:fine){

  html body.rc-links-page{
    background:#f4f5f7!important;
    color:#333333!important;
    font-size:16px!important;
  }

  html body.rc-links-page .rc-shell{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:14px!important;
    padding-right:14px!important;
    box-sizing:border-box!important;
  }

  /* Linke Portalnavigation + volle Inhaltsbreite */
  html body.rc-links-page .rc-page-grid.rc-links-grid{
    display:grid!important;
    grid-template-columns:225px minmax(0,1fr)!important;
    gap:18px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:20px auto 0!important;
    align-items:start!important;
  }

  html body.rc-links-page .rc-links-main{
    display:grid!important;
    gap:28px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:18px 22px 34px!important;
    background:#fff!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  /* ----------------------------------------------------------------------
     Kopf kompakt
     ---------------------------------------------------------------------- */
  html body.rc-links-page .rc-links-hero{
    margin:0!important;
    padding:14px 16px!important;
    border:0!important;
    border-radius:9px!important;
    background:#fffaf0!important;
    box-shadow:none!important;
  }

  html body.rc-links-page .rc-links-hero > span{
    display:inline-block!important;
    min-height:0!important;
    margin:0 0 5px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#8a6a2c!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:.045em!important;
  }

  html body.rc-links-page .rc-links-hero h1{
    margin:0 0 5px!important;
    color:#17382d!important;
    font-size:30px!important;
    line-height:1.1!important;
    font-weight:720!important;
    letter-spacing:-.018em!important;
  }

  html body.rc-links-page .rc-links-hero p{
    max-width:980px!important;
    margin:0!important;
    color:#626b67!important;
    font-size:14.5px!important;
    line-height:1.5!important;
    font-weight:400!important;
  }

  /* ----------------------------------------------------------------------
     Sektionen ohne schwere Außenkarten
     ---------------------------------------------------------------------- */
  html body.rc-links-page .rc-links-section{
    margin:0!important;
    padding:0 0 26px!important;
    border:0!important;
    border-bottom:1px solid #eeeeee!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.rc-links-page .rc-links-section:last-child{
    border-bottom:0!important;
  }

  html body.rc-links-page .rc-links-section-head{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin:0 0 14px!important;
    padding:0 0 9px!important;
    border-bottom:1px solid #eeeeee!important;
  }

  html body.rc-links-page .rc-links-section-head > span{
    display:inline-block!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#8a6a2c!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:.04em!important;
  }

  html body.rc-links-page .rc-links-section-head h2{
    margin:0!important;
    color:#1a1a1a!important;
    font-size:23px!important;
    line-height:1.14!important;
    font-weight:720!important;
    letter-spacing:-.012em!important;
  }

  /* ----------------------------------------------------------------------
     Zentrale Portale: 2 breite Informationsblöcke pro Reihe
     ---------------------------------------------------------------------- */
  html body.rc-links-page .rc-links-card-grid-portals{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }

  html body.rc-links-page .rc-link-card-portal{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "copy link"
      "address link"
      "contact link"!important;
    column-gap:18px!important;
    row-gap:7px!important;
    align-items:start!important;
    min-height:150px!important;
    margin:0!important;
    padding:15px!important;
    border:1px solid #eeeeee!important;
    border-radius:8px!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  html body.rc-links-page .rc-link-card-portal:nth-child(4n+2),
  html body.rc-links-page .rc-link-card-portal:nth-child(4n+3){
    background:#fafbfb!important;
  }

  html body.rc-links-page .rc-link-card-portal > div{
    grid-area:copy!important;
    min-width:0!important;
  }

  html body.rc-links-page .rc-link-card-portal address{
    grid-area:address!important;
  }

  html body.rc-links-page .rc-link-card-portal ul{
    grid-area:contact!important;
  }

  html body.rc-links-page .rc-link-card-portal > a{
    grid-area:link!important;
    align-self:end!important;
    justify-self:end!important;
  }

  html body.rc-links-page .rc-link-card strong{
    display:block!important;
    color:#17382d!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:700!important;
  }

  html body.rc-links-page .rc-link-card p{
    margin:4px 0 0!important;
    color:#626b67!important;
    font-size:13px!important;
    line-height:1.48!important;
    font-weight:400!important;
  }

  html body.rc-links-page .rc-link-card address{
    color:#626b67!important;
    font-size:12.5px!important;
    line-height:1.45!important;
    font-style:normal!important;
    font-weight:400!important;
  }

  html body.rc-links-page .rc-link-card ul{
    display:grid!important;
    gap:2px!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
    color:#737a76!important;
    font-size:11.5px!important;
    line-height:1.4!important;
    font-weight:400!important;
  }

  html body.rc-links-page .rc-link-card-portal > a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:31px!important;
    margin:0!important;
    padding:0 9px!important;
    border:1px solid #e4e8e6!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#315247!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:650!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }

  html body.rc-links-page .rc-link-card-portal > a:hover{
    border-color:#cfdad4!important;
    background:#f3f7f5!important;
    color:#0f5138!important;
  }

  /* ----------------------------------------------------------------------
     Rennbahnen: ruhiges 2-Spalten-Verzeichnis statt Kartenwand
     ---------------------------------------------------------------------- */
  html body.rc-links-page .rc-links-card-grid:not(.rc-links-card-grid-portals){
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 22px!important;
  }

  html body.rc-links-page .rc-link-card-course{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "title domain"
      "address domain"!important;
    column-gap:14px!important;
    row-gap:3px!important;
    align-items:center!important;
    min-height:76px!important;
    margin:0!important;
    padding:12px 3px!important;
    border:0!important;
    border-bottom:1px solid #eeeeee!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.rc-links-page .rc-links-card-grid:not(.rc-links-card-grid-portals)
  .rc-link-card-course:nth-child(4n+2),
  html body.rc-links-page .rc-links-card-grid:not(.rc-links-card-grid-portals)
  .rc-link-card-course:nth-child(4n+3){
    background:#fafbfb!important;
  }

  html body.rc-links-page .rc-link-card-course > strong{
    grid-area:title!important;
    min-width:0!important;
    padding-right:8px!important;
    font-size:14px!important;
    line-height:1.28!important;
    font-weight:680!important;
  }

  html body.rc-links-page .rc-link-card-course address{
    grid-area:address!important;
    min-width:0!important;
    font-size:11.5px!important;
    line-height:1.35!important;
    color:#707773!important;
  }

  html body.rc-links-page .rc-link-card-course > a{
    grid-area:domain!important;
    align-self:center!important;
    justify-self:end!important;
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    min-height:29px!important;
    margin:0!important;
    padding:0 17px 0 8px!important;
    border:1px solid #e4e8e6!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#315247!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:650!important;
    text-decoration:none!important;
    box-shadow:none!important;
    white-space:nowrap!important;
  }

  html body.rc-links-page .rc-link-card-course > a::after{
    content:"▸"!important;
    position:absolute!important;
    right:6px!important;
    color:#b68a32!important;
    font-size:9px!important;
  }

  html body.rc-links-page .rc-link-card-course > a:hover{
    border-color:#cfdad4!important;
    background:#f3f7f5!important;
    color:#0f5138!important;
  }
}

@media (min-width:1760px) and (hover:hover) and (pointer:fine){

  html body.rc-links-page .rc-shell{
    width:100%!important;
    max-width:none!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  html body.rc-links-page .rc-page-grid.rc-links-grid{
    width:calc(100vw - 96px)!important;
    max-width:1780px!important;
    grid-template-columns:255px minmax(0,1fr)!important;
    gap:30px!important;
    margin:26px auto 0!important;
  }

  html body.rc-links-page .rc-links-hero h1{
    font-size:32px!important;
  }

  html body.rc-links-page .rc-link-card strong{
    font-size:15.5px!important;
  }
}

@media (min-width:1100px) and (max-width:1399px) and (hover:hover) and (pointer:fine){

  html body.rc-links-page .rc-links-main{
    padding:16px 18px 30px!important;
  }

  html body.rc-links-page .rc-links-hero h1{
    font-size:27px!important;
  }

  html body.rc-links-page .rc-link-card-portal{
    min-height:145px!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:
      "copy"
      "address"
      "contact"
      "link"!important;
  }

  html body.rc-links-page .rc-link-card-portal > a{
    justify-self:start!important;
  }

  html body.rc-links-page .rc-link-card-course{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:
      "title"
      "address"
      "domain"!important;
  }

  html body.rc-links-page .rc-link-card-course > a{
    justify-self:start!important;
    margin-top:4px!important;
  }
}