elevation-profile {
  display: block;
  width: 100%;
  height: 100%;
}

elevation-profile text {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 14px;
}

elevation-profile line {
  shape-rendering: crispEdges;
}

elevation-profile .grid {
  display: none;
}

elevation-profile .axis.x .tick {
  display: none;
}

elevation-profile .axis.y .tick text {
  transform: translateX(-10px);
}

elevation-profile .elevation, elevation-profile .elevation.highlight {
  stroke: #000;
  stroke-width: 4;
  stroke-linejoin: round;
}

/* elevation-profile .elevation.highlight {
  stroke-width: 5;
  fill: #000;
} */

elevation-profile .elevation[data-value="aboveground"] {
  stroke: #f2000c;
}
elevation-profile .elevation[data-value="stairs"] {
  stroke: #9966cc;
}
elevation-profile .elevation[data-value="underground"] {
  stroke: #f2000c;
  stroke-dasharray: 4, 4;
}
elevation-profile .elevation[data-value="paved"] {
  stroke: #575756;
}
elevation-profile .elevation[data-value="unpaved"] {
  stroke: #b47d49;
}
elevation-profile .trail-band {
  height: 2px;
  fill: #000
}
elevation-profile .trail-band[data-value="wanderweg"] {
  fill: #FDC300;
}
elevation-profile .trail-band[data-value="bergwanderweg"] {
  fill: #DB0819;
}
elevation-profile .trail-band[data-value="alpinwanderweg"] {
  fill: #0077BA;
}

elevation-profile .area {
  fill: #E8E3DF;
}

elevation-profile .pointer-line {
  stroke: #fff;
  stroke-width: 1;
  stroke-dasharray: 3, 3;
}

elevation-profile .pointer-circle {
  fill: #F2000C;
  stroke: #fff;
  stroke-width: 2;
}

elevation-profile .pointer-circle-outline {
  display: none;
}

elevation-profile .stopover-circle {
  fill: #FBC200;
}

elevation-profile .stopover-first {
  fill: #FBC200;
  stroke: #fff;
  stroke-width: 1;
}

elevation-profile .stopover-last {
  fill: #F2000C;
}

elevation-profile .stopover-line {
  stroke: #000;
}

elevation-profile .stopover-text {
  text-anchor: middle;
  font-weight: 800;
}

elevation-profile .stopover-axis {
  text-anchor: middle;
}