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

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

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

elevation-profile .grid, 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: 4px;
  stroke-linejoin: round;
}

elevation-profile .elevation[data-value="aboveground"] {
  stroke: #f2000c;
}

elevation-profile .elevation[data-value="stairs"] {
  stroke: #96c;
}

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 {
  fill: #000;
  height: 2px;
}

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: 1px;
  stroke-dasharray: 3 3;
}

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

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

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

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

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;
}