/*
================================================================================
TURFSPORT – Fotografen Einzelbild / Bildanfrage Magazine V670
Nur klassische Laptops und Desktop mit Maus/Trackpad.
Mobil/Touch bleibt unverändert.

Referenz: Fotografen-Startseite V669 / neue Portal-Paper-Optik
================================================================================
*/

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

  html body.rc-photographer-image-page{
    background:#f4f5f7!important;
    color:#333333!important;
  }

  /* gleiche Breite wie Fotografen-Startseite */
  html body.rc-photographer-image-page .rc-shell.rc-photographers-shell.rc-photo-area-shell{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
  }

  html body.rc-photographer-image-page .rc-main.rc-photographers-main.rc-photo-area-main{
    display:grid!important;
    gap:22px!important;
    width:100%!important;
    max-width:none!important;
    margin:20px auto 0!important;
    padding:18px 22px 34px!important;
    background:#fff!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  /* Fotografen-Subnav nur noch als leichte Werkzeugzeile */
  html body.rc-photographer-image-page .rc-photo-subnav{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    margin:0!important;
    padding:0 0 12px!important;
    border:0!important;
    border-bottom:1px solid #eeeeee!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.rc-photographer-image-page .rc-photo-subnav a{
    min-height:29px!important;
    padding:0 9px!important;
    border:1px solid #e4e8e6!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#315247!important;
    font-size:10px!important;
    font-weight:720!important;
    box-shadow:none!important;
  }

  html body.rc-photographer-image-page .rc-photo-subnav a:hover{
    background:#f3f7f5!important;
    color:#0f5138!important;
  }

  /* Zurück / Fotograf: keine eigene Kartenzeile mehr */
  html body.rc-photographer-image-page .rc-photo-detail-topline{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0!important;
    padding:0 0 10px!important;
    border:0!important;
    border-bottom:1px solid #eeeeee!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.rc-photographer-image-page .rc-photo-detail-topline .rc-photo-back{
    margin:0!important;
    color:#315247!important;
    font-size:10.5px!important;
    font-weight:720!important;
  }

  html body.rc-photographer-image-page .rc-photo-detail-topline > span{
    color:#8a6a2c!important;
    font-size:10px!important;
    font-weight:760!important;
  }

  /* Bild + Daten freistehend auf weißem Papier */
  html body.rc-photographer-image-page .rc-photo-detail-card.rc-photo-detail-card-compact{
    display:grid!important;
    grid-template-columns:minmax(420px,1.15fr) minmax(320px,.85fr)!important;
    gap:28px!important;
    align-items:start!important;
    margin:0!important;
    padding:0 0 24px!important;
    border:0!important;
    border-bottom:1px solid #eeeeee!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.rc-photographer-image-page .rc-photo-detail-card-compact .rc-photo-detail-image{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border:0!important;
    border-radius:9px!important;
    overflow:hidden!important;
    background:#f1f3f2!important;
    box-shadow:none!important;
  }

  html body.rc-photographer-image-page .rc-photo-detail-card-compact .rc-photo-detail-image img{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    aspect-ratio:4 / 3!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#f1f3f2!important;
  }

  html body.rc-photographer-image-page .rc-photo-detail-meta-table{
    min-width:0!important;
    padding:4px 0 0!important;
  }

  html body.rc-photographer-image-page .rc-photo-detail-meta-table > span{
    display:inline-block!important;
    margin:0 0 5px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#8a6a2c!important;
    font-size:9px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
  }

  html body.rc-photographer-image-page .rc-photo-detail-meta-table h1{
    margin:0 0 14px!important;
    color:#17382d!important;
    font-size:23px!important;
    line-height:1.1!important;
    font-weight:820!important;
    letter-spacing:-.018em!important;
  }

  /* Bilddaten: nur Linien statt Innenkarte */
  html body.rc-photographer-image-page .rc-photo-data-table{
    display:grid!important;
    gap:0!important;
    margin:0 0 14px!important;
    border:0!important;
    border-top:1px solid #eeeeee!important;
    border-bottom:1px solid #eeeeee!important;
    border-radius:0!important;
    overflow:visible!important;
    background:transparent!important;
  }

  html body.rc-photographer-image-page .rc-photo-data-table div{
    display:grid!important;
    grid-template-columns:110px minmax(0,1fr)!important;
    gap:12px!important;
    padding:9px 2px!important;
    border:0!important;
    border-bottom:1px solid #eeeeee!important;
  }

  html body.rc-photographer-image-page .rc-photo-data-table div:last-child{
    border-bottom:0!important;
  }

  html body.rc-photographer-image-page .rc-photo-data-table dt{
    color:#737b77!important;
    font-size:8.5px!important;
    font-weight:780!important;
    letter-spacing:.045em!important;
  }

  html body.rc-photographer-image-page .rc-photo-data-table dd{
    color:#24443a!important;
    font-size:11.5px!important;
    font-weight:720!important;
  }

  html body.rc-photographer-image-page .rc-photo-caption-text{
    margin:0 0 10px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#626b67!important;
    font-size:11px!important;
    line-height:1.45!important;
  }

  html body.rc-photographer-image-page .rc-photo-detail-card-compact .rc-photo-protect-note{
    margin:10px 0 0!important;
    padding:10px 12px!important;
    border:0!important;
    border-left:3px solid #d4a64a!important;
    border-radius:0 7px 7px 0!important;
    background:#f8f9fa!important;
    color:#5e645f!important;
    font-size:10.5px!important;
    line-height:1.4!important;
  }

  /* Bildnavigation: kein breiter Balken und keine fetten Pfeile */
  html body.rc-photographer-image-page .rc-photo-image-switch{
    display:grid!important;
    grid-template-columns:1fr auto 1fr!important;
    align-items:center!important;
    gap:12px!important;
    margin:0!important;
    padding:0 0 18px!important;
    border:0!important;
    border-bottom:1px solid #eeeeee!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.rc-photographer-image-page .rc-photo-image-switch span{
    color:#8a6a2c!important;
    font-size:10px!important;
    font-weight:760!important;
  }

  html body.rc-photographer-image-page .rc-photo-image-switch a{
    display:inline-flex!important;
    align-items:center!important;
    min-height:28px!important;
    padding:0 8px!important;
    border:1px solid #e4e8e6!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#315247!important;
    font-size:9.5px!important;
    font-weight:720!important;
    box-shadow:none!important;
  }

  html body.rc-photographer-image-page .rc-photo-image-switch > div:last-child{
    text-align:right!important;
  }

  /* Anfragebereich: keine große Beige-Karte mehr */
  html body.rc-photographer-image-page .rc-photo-contact-card{
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.rc-photographer-image-page .rc-photo-contact-card > span{
    display:inline-block!important;
    margin:0 0 5px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#8a6a2c!important;
    font-size:9px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
  }

  html body.rc-photographer-image-page .rc-photo-contact-card h2{
    margin:0 0 10px!important;
    color:#1a1a1a!important;
    font-size:21px!important;
    line-height:1.12!important;
    font-weight:820!important;
  }

  html body.rc-photographer-image-page .rc-photo-request-context{
    margin:0 0 14px!important;
    padding:10px 12px!important;
    border:0!important;
    border-left:3px solid rgba(15,81,56,.24)!important;
    border-radius:0 7px 7px 0!important;
    background:#f8f9fa!important;
    color:#59635e!important;
    font-size:10.5px!important;
    font-weight:600!important;
  }

  html body.rc-photographer-image-page .rc-photo-contact-form{
    gap:11px!important;
    padding:16px!important;
    border:0!important;
    border-radius:9px!important;
    background:#f8f9fa!important;
  }

  html body.rc-photographer-image-page .rc-photo-form-grid{
    gap:10px!important;
  }

  html body.rc-photographer-image-page .rc-photo-contact-form label{
    gap:5px!important;
    color:#315247!important;
    font-size:9.5px!important;
    font-weight:720!important;
  }

  html body.rc-photographer-image-page .rc-photo-contact-form input,
  html body.rc-photographer-image-page .rc-photo-contact-form textarea{
    padding:9px 10px!important;
    border:1px solid #dfe5e2!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#333!important;
    font-size:11px!important;
    box-shadow:none!important;
  }

  html body.rc-photographer-image-page .rc-photo-contact-form textarea{
    min-height:92px!important;
  }

  html body.rc-photographer-image-page .rc-photo-contact-form button{
    min-height:32px!important;
    padding:0 11px!important;
    border-radius:7px!important;
    background:#0f5138!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:760!important;
    box-shadow:none!important;
  }
}

@media (min-width:1760px) and (hover:hover) and (pointer:fine){
  html body.rc-photographer-image-page .rc-shell.rc-photographers-shell.rc-photo-area-shell{
    width:calc(100vw - 96px)!important;
    max-width:1780px!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}

@media (min-width:1100px) and (max-width:1399px) and (hover:hover) and (pointer:fine){
  html body.rc-photographer-image-page .rc-main.rc-photographers-main.rc-photo-area-main{
    padding:16px 18px 30px!important;
  }

  html body.rc-photographer-image-page .rc-photo-detail-card.rc-photo-detail-card-compact{
    grid-template-columns:minmax(360px,1.08fr) minmax(300px,.92fr)!important;
    gap:20px!important;
  }

  html body.rc-photographer-image-page .rc-photo-detail-meta-table h1{
    font-size:21px!important;
  }
}


/* ==========================================================================
   V671 – Einzelbild kompakter
   Das Foto bleibt vollständig sichtbar, nimmt aber deutlich weniger Raum ein.
   ========================================================================== */
@media (min-width:1100px) and (hover:hover) and (pointer:fine){

  html body.rc-photographer-image-page .rc-photo-detail-card.rc-photo-detail-card-compact{
    grid-template-columns:minmax(320px,42%) minmax(0,1fr)!important;
    gap:26px!important;
  }

  html body.rc-photographer-image-page .rc-photo-detail-card-compact .rc-photo-detail-image{
    max-width:520px!important;
    justify-self:start!important;
  }

  html body.rc-photographer-image-page .rc-photo-detail-card-compact .rc-photo-detail-image img{
    aspect-ratio:auto!important;
    max-height:390px!important;
    object-fit:contain!important;
  }
}

@media (min-width:1760px) and (hover:hover) and (pointer:fine){
  html body.rc-photographer-image-page .rc-photo-detail-card-compact .rc-photo-detail-image{
    max-width:560px!important;
  }

  html body.rc-photographer-image-page .rc-photo-detail-card-compact .rc-photo-detail-image img{
    max-height:420px!important;
  }
}

@media (min-width:1100px) and (max-width:1399px) and (hover:hover) and (pointer:fine){
  html body.rc-photographer-image-page .rc-photo-detail-card.rc-photo-detail-card-compact{
    grid-template-columns:minmax(300px,40%) minmax(0,1fr)!important;
    gap:20px!important;
  }

  html body.rc-photographer-image-page .rc-photo-detail-card-compact .rc-photo-detail-image{
    max-width:440px!important;
  }

  html body.rc-photographer-image-page .rc-photo-detail-card-compact .rc-photo-detail-image img{
    max-height:330px!important;
  }
}


/* ==========================================================================
   V675 – Fotografen Einzelbild: Typografie deutlich lesbarer
   Fokus: obere Subnavigation, Bilddaten, Bildnavigation und Anfrageformular.
   ========================================================================== */
@media (min-width:1100px) and (hover:hover) and (pointer:fine){

  /* Obere Fotografen-Navigation */
  html body.rc-photographer-image-page .rc-photo-subnav a{
    min-height:34px!important;
    padding:0 12px!important;
    font-size:13.5px!important;
    line-height:1.25!important;
    font-weight:650!important;
  }

  /* Zurück-Link / Fotografenname */
  html body.rc-photographer-image-page .rc-photo-detail-topline .rc-photo-back{
    font-size:13px!important;
    line-height:1.3!important;
    font-weight:650!important;
  }

  html body.rc-photographer-image-page .rc-photo-detail-topline > span{
    font-size:12.5px!important;
    line-height:1.3!important;
    font-weight:650!important;
  }

  /* BILDDATEN + Haupttitel */
  html body.rc-photographer-image-page .rc-photo-detail-meta-table > span{
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:.045em!important;
  }

  html body.rc-photographer-image-page .rc-photo-detail-meta-table h1{
    font-size:25px!important;
    line-height:1.12!important;
    font-weight:720!important;
  }

  /* Tabelle der Bildinformationen */
  html body.rc-photographer-image-page .rc-photo-data-table dt{
    font-size:11px!important;
    line-height:1.3!important;
    font-weight:650!important;
    letter-spacing:.025em!important;
  }

  html body.rc-photographer-image-page .rc-photo-data-table dd{
    font-size:13.5px!important;
    line-height:1.35!important;
    font-weight:650!important;
  }

  html body.rc-photographer-image-page .rc-photo-caption-text,
  html body.rc-photographer-image-page .rc-photo-detail-card-compact .rc-photo-protect-note{
    font-size:12.5px!important;
    line-height:1.5!important;
  }

  /* Vorheriges / Nächstes Bild + Positionsanzeige */
  html body.rc-photographer-image-page .rc-photo-image-switch span{
    font-size:12.5px!important;
    font-weight:650!important;
  }

  html body.rc-photographer-image-page .rc-photo-image-switch a{
    min-height:32px!important;
    padding:0 10px!important;
    font-size:12px!important;
    font-weight:650!important;
  }

  /* Anfragebereich */
  html body.rc-photographer-image-page .rc-photo-contact-card > span{
    font-size:11px!important;
    font-weight:700!important;
  }

  html body.rc-photographer-image-page .rc-photo-contact-card h2{
    font-size:23px!important;
    font-weight:720!important;
  }

  html body.rc-photographer-image-page .rc-photo-request-context{
    font-size:12.5px!important;
    line-height:1.45!important;
    font-weight:500!important;
  }

  html body.rc-photographer-image-page .rc-photo-contact-form label{
    font-size:12.5px!important;
    line-height:1.3!important;
    font-weight:650!important;
  }

  html body.rc-photographer-image-page .rc-photo-contact-form input,
  html body.rc-photographer-image-page .rc-photo-contact-form textarea{
    font-size:13.5px!important;
    line-height:1.4!important;
  }

  html body.rc-photographer-image-page .rc-photo-contact-form button{
    min-height:34px!important;
    padding:0 12px!important;
    font-size:12.5px!important;
    font-weight:650!important;
  }
}

@media (min-width:1760px) and (hover:hover) and (pointer:fine){
  html body.rc-photographer-image-page .rc-photo-subnav a{
    font-size:14px!important;
  }

  html body.rc-photographer-image-page .rc-photo-detail-topline .rc-photo-back,
  html body.rc-photographer-image-page .rc-photo-detail-topline > span{
    font-size:13.5px!important;
  }

  html body.rc-photographer-image-page .rc-photo-data-table dd{
    font-size:14px!important;
  }

  html body.rc-photographer-image-page .rc-photo-contact-form label{
    font-size:13px!important;
  }
}