@import url('root-variables.css');
.map-heading {
  font-size: 1.5em;
}
.map-subheading span{
  font-size: 0.8em;
}
span.track-start-time:before{
  content: 'Zeit von '
}
span.track-end-time:before{
  content: ' bis ' 
}
.map-container {
  position: relative;
}
#hover-target {
  max-height: 35vh;
  overflow-y: auto;
  background-color: #f0f0f0;
  padding: 0.5vh 0.5vh;
  border: 2px solid #ddd;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#hover-target:empty{
  display: none;
}
.statistic-container{
  text-align: center;
}
.statistic-date-times-container p:not(:last-child), .statistic-speeds-distances-container p:not(:last-child){
  margin-bottom: 0;
}
.statistic-date-times-container p:not(:nth-last-child(1)), .statistic-speeds-distances-container p:not(:nth-last-child(1)){
  margin-top: 0;
}
.statistic-container span[class*="-text"]{
  font-style: italic;
  /*font-weight: bolder;*/
  font-size: 95%
}
.statistic-container span[class*="-text"]:after{
  content: ': '
}
.statistic-container span[class*="-value"]:after{
  content: ' ' attr(unit)
}

#map-derived-infos h3{
  margin-top: 0;
  text-align: center;
}

#map-derived-infos {
  padding: var(--own-dynamic-padding);
}
#map-derived-infos [role].active{
  font-weight: bolder;
  text-decoration: underline;
  color:rgba(0,0,255,0.8);
}

.row.map-derived{
  margin-bottom: 1vh;
  display: flex; /*! */
  justify-content: center;
  align-content: center;
  flex-direction: row;
  align-items: center;  
}

@media only screen and (max-width: 990px) {
  .row.map-derived{
    display:inherit;
  }
}