/*===================================================== */
/* Maps                                                 */
/*===================================================== */

/* ======================================================= Wrapper for each map */

.map-wrapper{
  position: relative;
  -webkit-box-shadow: 0px 0px 0.5vw 0.5vw rgba(0,0,0,0.7);
  -moz-box-shadow: 0px 0px 0.5vw 0.5vw rgba(0,0,0,0.7);
  box-shadow: 0px 0px 0.5vw 0.5vw rgba(0,0,0,0.7);
  background-color: white;
  overflow: hidden;
  transition: 1s;
  /* border: 1px solid red; */
}
.map-wrapper > div{
  position: relative;
}

/* ======================================================= Map img */

img.map{
  width: 100vw;
  display: block;
  position: absolute;
  z-index: 0;

  /*https://stackoverflow.com/questions/37906602/blurry-downscaled-images-in-chrome*/
  /*will-change: transform;
  image-rendering: -webkit-optimize-contrast;*/
  transform: translateZ(0);

  /* Karte im Div zentrieren */
  /*margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;*/
}

/* ======================================================= SVG Route */

svg.route{
  position: absolute;
  top: 0px;
  width: 100vw;
  z-index: 1;

  /* Routen-SVG im Div zentrieren */
  /*margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;*/
}

path.route, path.manualRoute{
  /*stroke: #CC0000;*/
  stroke-width: 0.12px;
  fill: none;
  stroke: #AA0000;
  transition: 0.15s;
  /*filter: drop-shadow(0px 0.05px 0.07px #888);
  -webkit-filter: drop-shadow(0px 0.05px 0.07px #888);*/
}

path.long-non-cyc{
  stroke-width: 0.06px;
}

/*path.evenSegment{
  stroke: #880000;
}*/

path.markedRoute, path.reportIconMarkedRoute{
  stroke-width: 0.24px;
  stroke: var(--TourColor);
  /*filter: drop-shadow(0px 0px 0.1px #444);
  -webkit-filter: drop-shadow(0px 0px 0.1px #444);*/
}

path.activeRoute{
  stroke-width: 0.3px;/*0.24px;*/
  stroke: #AA0000;
}

path.dashed{stroke-dasharray: 0.1,0.1;}

path.statSec-dist_unpaved_2,
path.statSec-scenic{
  display: none;
  fill: none;
  stroke-width: 0.5px;
  transition: 0.2s;
}
path.statSec-dist_unpaved_2{stroke: rgb(192, 133, 0);}
path.statSec-scenic.s{stroke: #70AD47;}
path.statSec-scenic.h{stroke: #3A7811;}

/* ======================================================= Overnight Points */

circle.overnightPoint{
  r: 0.175%;
  fill: #AA0000;
  transition: 0.1s;
}

circle.activeCircle{
  /*fill: var(--TourColor);*/
  r: 0.25%;
}

circle.activeIllustration{
  fill: #500;
}

/* ======================================================= Milestones */

text.milestoneText{
  position: absolute;
  font-size: 0.5pt;
  font-family: var(--SerifFont);
  fill: #AA0000;
  font-weight: bold;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white, -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
  transition: 0.2s;
}

text.green{
  fill: green;
}

/* ======================================================= Tooltip */

/* Used by both Tooltip types */

div.tooltip{
  padding: 5px;
  position: fixed;
  opacity: 0;
  z-index: 100000;
  transition: opacity 0.2s;
  font-weight: 300;
  font-size: 10pt;
  background-color: rgba(255, 255, 255, 0.95);
}

td#ttip-stat-fromTo img, div#ttip-rep-lang img{
  display: inline-block;
  height: 10px;
  margin-right: 4px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
}

/* Route Segment Tooltip */

div#ttip-stat, div#ttip-sec{
  -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
}

div#ttip-stat table{
  min-width: 200px;
  border-collapse: collapse;
}

div#ttip-stat-image{
  position: relative;
  top: -5px;
  left: -5px;
  width: calc(100% + 10px);
  height: 75px;
  background-size: cover;
  background-position: center;
}

td#ttip-stat-day{
  color: var(--TourColor);
  font-weight: 400;
}
td#ttip-stat-date{
  text-align: right;
  padding-left: 20px;
  font-weight: 400;
  color: var(--TourColor);
}
td#ttip-stat-fromTo{text-align: center;}
td#ttip-stat-stat{text-align: center;}

span#ttip-stat-statQuant{padding-right: 3px;}
span#ttip-stat-statNum{padding-left: 3px;}

img.weatherIcon{
  height: 20px;
  vertical-align: middle;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Report Tooltip */

div#ttip-rep{
  width: 250px;
  color: #555555;
  -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2);
}
div#ttip-rep-banner{
  position: relative;
  top: -5px;
  left: -5px;
  width: calc(100% + 10px);
  height: 90px;
  background-size: cover;
  background-position: center;
}
div#ttip-rep-lang{
  display: inline-block;
}
p#ttip-rep-publication{
  float: right;
  text-align: right;
  font-size: 9pt;
}
div#ttip-rep-titles{
  position: relative;
  padding-top: 5px;
  text-align: left;
}
/*p#ttip-rep-subtitle{}*/
p#ttip-rep-title{
  font-size: 11pt;
  font-weight: 400;
  color: var(--TourColor);
}
p#ttip-rep-subtitle{
  overflow-x: hidden;
  text-overflow: ellipsis;
}
p#ttip-rep-subtitle span{
  background-position: 0px -5px;
  background-size: auto 140%;
  background-repeat: no-repeat;
  padding-left: 20px;
  color: currentColor;
  white-space: nowrap;
}

span.PA-subtitle-route{background-image: url("../../graphics/navigation/page-icons/MapIconBr.svg");}
span.PA-subtitle-bckgr{background-image: url("../../graphics/reports/cat-icons/background-b.svg");}
span.PA-subtitle-special{background-image: url("../../graphics/reports/cat-icons/special-b.svg");}
span.PA-subtitle-faq{background-image: url("../../graphics/navigation/page-icons/FaqIconBr.svg");}

/* ===================================================================== */
/* Bericht Icons                                                         */
/* ===================================================================== */

/* ======================================================= Allgemeine Icon-Eigenschaften */

a.MapIcon{
  position: absolute;
  display: block;
  height: 2vw;
  width: 1.492vw;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 8;
  /*border: 1px solid red;*/
}

/* ======================================================= Auswahl der eigentlichen Icons */

/* Normal: Beige */
a.ArtIcon{background-image: url('../../graphics/navigation/page-icons/ArtIconBr.svg');}
a.PodIcon{background-image: url('../../graphics/navigation/page-icons/PodIconBr.svg');}
a.BilIcon{background-image: url('../../graphics/navigation/page-icons/BilIconBr.svg');}
a.ArtPodIcon{background-image: url('../../graphics/navigation/page-icons/ArtPodIconBr.svg');}
a.ArtBilIcon{background-image: url('../../graphics/navigation/page-icons/ArtBilIconBr.svg');}
a.PodBilIcon{background-image: url('../../graphics/navigation/page-icons/PodBilIconBr.svg');}
a.ArtVidIcon{background-image: url('../../graphics/navigation/page-icons/ArtVidIconBr.svg');}
a.BilVidIcon{background-image: url('../../graphics/navigation/page-icons/BilVidIconBr.svg');}
a.PodVidIcon{background-image: url('../../graphics/navigation/page-icons/PodVidIconBr.svg');}
a.ArtPodBilIcon{background-image: url('../../graphics/navigation/page-icons/ArtPodBilIconBr.svg');}
a.ArtBilVidIcon{background-image: url('../../graphics/navigation/page-icons/ArtBilVidIconBr.svg');}
a.ArtPodVidIcon{background-image: url('../../graphics/navigation/page-icons/ArtPodVidIconBr.svg');}
a.PodBilVidIcon{background-image: url('../../graphics/navigation/page-icons/PodBilVidIconBr.svg');}
a.ArtPodBilVidIcon{background-image: url('../../graphics/navigation/page-icons/ArtPodBilVidIconBr.svg');}

/* Hover: Rot */
a.ArtIcon:Hover{background-image: url('../../graphics/navigation/page-icons/ArtIconRot.svg');}
a.PodIcon:Hover{background-image: url('../../graphics/navigation/page-icons/PodIconRot.svg');}
a.BilIcon:Hover{background-image: url('../../graphics/navigation/page-icons/BilIconRot.svg');}
a.ArtPodIcon:Hover{background-image: url('../../graphics/navigation/page-icons/ArtPodIconRot.svg');}
a.ArtBilIcon:Hover{background-image: url('../../graphics/navigation/page-icons/ArtBilIconRot.svg');}
a.PodBilIcon:Hover{background-image: url('../../graphics/navigation/page-icons/PodBilIconRot.svg');}
a.ArtVidIcon:Hover{background-image: url('../../graphics/navigation/page-icons/ArtVidIconRot.svg');}
a.BilVidIcon:Hover{background-image: url('../../graphics/navigation/page-icons/BilVidIconRot.svg');}
a.PodVidIcon:Hover{background-image: url('../../graphics/navigation/page-icons/PodVidIconRot.svg');}
a.ArtPodBilIcon:Hover{background-image: url('../../graphics/navigation/page-icons/ArtPodBilIconRot.svg');}
a.ArtBilVidIcon:Hover{background-image: url('../../graphics/navigation/page-icons/ArtBilVidIconRot.svg');}
a.ArtPodVidIcon:Hover{background-image: url('../../graphics/navigation/page-icons/ArtPodVidIconRot.svg');}
a.PodBilVidIcon:Hover{background-image: url('../../graphics/navigation/page-icons/PodBilVidIconRot.svg');}
a.ArtPodBilVidIcon:Hover{background-image: url('../../graphics/navigation/page-icons/ArtPodBilVidIconRot.svg');}


/* ======================================================= Positionen der Berichticons */

/* Balkan */
a#BA-002{left: 36.877vw; top: 32.228vw;}
a#BA-003{left: 46.725vw; top: 36.912vw;}
a#BA-004{left: 54.548vw; top: 48.194vw;}
a#BA-005{left: 91.515vw; top: 49.835vw;}
a#BA-006{left: 68.221vw; top: 40.273vw;}
/* PyMarkerNewBAIcon */

/* Vorderasien */
/* PyMarkerNewVAIcon */

/* Zentralasien */
/* PyMarkerNewZAIcon */