/*
Race Result CSS
URL: https://www.stundenlaufserie.de/rrcss/raceresult.css
26.05.2023
*/
@font-face{
    font-family:"urw-din";
    src:url(/fonts/urwDin/urwDin_italic.woff2) format("woff2");
    font-display:auto;
    font-style:italic;
    font-weight:400
}
@font-face{
    font-family:"urw-din";
    src:url(/fonts/urwDin/urwDin_normal.woff2) format("woff2");
    font-display:auto;
    font-style:normal;
    font-weight:400
}
@font-face{
    font-family:"urw-din";
    src:url(/fonts/urwDin/urwDin_boldItalic.woff2) format("woff2");
    font-display:auto;
    font-style:italic;
    font-weight:600
}
@font-face{
    font-family:"urw-din";
    src:url(/fonts/urwDin/urwDin_bold.woff2) format("woff2");
    font-display:auto;
    font-style:normal;
    font-weight:600}

body .RRPublish {
    font-family:urw-din,Arial,Helvetica,sans-serif;
    font-size:15.5px;
    font-weight:normal;
}

.RRPublish > div.Tiles {
 display:flex;
 justify-content: center !important;
/* justify-content: space-evenly !important; */
}

.RRPublish > div.Tiles > div > table tr:hover {
 background-color: #ffe9e0 !important;
}

.RRPublish > div.Tiles > div > table tr.TilesList {
    height: 35px;
}

.RRPublish > div.Tiles > div > div {
  background-color: #9a2119 !important;
  font-weight: bold;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  /*! border-radius: 4px; */
}

.RRPublish > div.Tiles > div {
  border: 2px solid #9a2119 !important;
  border-radius: 4px;
}

/* Spacing Result-Boxes */

.RRPublish > div.Tiles > div {
  margin-bottom: 25px !important;
}
.RRPublish > div.Tiles {
  display: flex !important;
}

/* Hide Logo-Footline */

#divRRPublish div:nth-child(5),
#divRRPublish24 div:nth-child(5),
#divRRPublish25 div:nth-child(5) {
  visibility: hidden;
  height: 0;
}

/* 
#divRRPublish div:last-child div:last-child {
  display: none !important;
  visibility: hidden;
}

.RRPublish > div.ListHeaderFooter + div {
  visibility: hidden;
  height: 0;
}

*/

.attention_box {
  background-color: #fff;
  border: 1px solid #fff;
}

.RRPublish table.MainTable td.listGrouping {
  font-size: 18px !important;
  text-align: center;
}

.listGrouping {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center;
}


[id*="Spacer"] td {
    height: 30px !important;
}

/* Zeilenumbruch verhindern, aber das verhindert Responsivität der Tabelle
[id*="tb_"][id*="Data"] td {
    white-space: nowrap;
}
*/

.RRPublish div.ListControl {
  background-color:#fff !important;
}

.RRPublish > div.SelectorParent > div.SelectorMenu > div > div:nth-child(1) {
  background-color: #9a2119 !important;
}

.caution {
  background: #ffffff !important;
  border: 1px solid #ffffff;
}

.caution.attention_box {
  background-color: #ffffff !important;
  border: 1px solid #ffffff;
}

/*
.RRPublish {
  border: 2px solid #c27974;
  border-radius: 4px;
}
*/

/*
.RRPublish > div.Tiles > div:nth-child(2) {
  display: none;  
}
*/

.RRPublish > div.Tiles > div:nth-child(1) > div > div.TileHeadText {
    visibility: hidden;
    position: relative;
}

.RRPublish > div.Tiles > div:nth-child(1) > div > div.TileHeadText::before{
    visibility: visible;
    position: absolute;
    content: "Tageswertung";
}

.RRPublish > div.Tiles > div:nth-child(2) > div > div.TileHeadText {
    visibility: hidden;
    position: relative;
}

.RRPublish > div.Tiles > div:nth-child(2) > div > div.TileHeadText::before{
    visibility: visible;
    position: absolute;
    content: "Gesamtwertung";
}

/* Details-Box */

div.divDetailsResults > div > table > thead {
  background-color: #dc3b30;
  color: white;
}

table.divDetailsParent div.divDetailsInner {
  font-size: 90% !important;
}

.divDetailsSocial {
   display: none; 
}

.NoFavorite {
  display: none;
}

table.divDetailsParent div.divDetailsInner > div > div:first-child {
  color: #fff;
  background-color: #9a2119 !important;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

table.divDetailsParent div.divDetailsInner > div {
  border: 2px solid #9a2119 !important;
  border-radius: 4px;
}
table.divDetailsParent div.divDetailsResults > div > table td {
  border-top: 1px solid #fcd2d2 !important;
  border-bottom: 1px solid #fcd2d2 !important;
}

table.divDetailsParent div.divDetailsInner > div.Favorite {
  display: none;
}

/* Border-Color between Rows */
.RRPublish table.MainTable > tbody > tr.LastRecordLine > td {
  border-bottom: #fbcdc9 1px solid !important;
}

@media only screen and (max-width:640px) {
  .RRPublish a.aShowAll {
    background-color:#9a2119 !important;
    color:#fff !important;
  }
}
@media only screen and (min-width:641px) {
  .RRPublish tr.Hover:hover {
    background-color: #fef3e2 !important;
}
}