/**
  CSS for the linkedmap TYPO3 extension for the herzsprung.ch and mindmatters.ch websites.
*/
.linkedmap-map-container {
  position: relative;
}
.linkedmap-map-container p {
  margin: 0;
}
.linkedmap-map-container .linkedmap-map-wrapper {
  position: relative;
  height: 0;
  width: 100%;
  padding: 0;
}
.linkedmap-map-container .linkedmap-map-wrapper svg.linkedmap-map {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: 880px;
  height: 100%;
  margin-bottom: 2rem;
}
.linkedmap-map-container .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area-group.linkedmap-area-link-enabled .linkedmap-area,
.linkedmap-map-container .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area-group.linkedmap-area-link-enabled .linkedmap-area-label {
  display: inline;
  transition: fill 300ms ease 100ms;
}
.linkedmap-map-container .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area-group.linkedmap-area-link-enabled.coordination-type-cantonal .linkedmap-area {
  fill: #61b9c2;
}
.linkedmap-map-container .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area-group.linkedmap-area-link-enabled.coordination-type-national .linkedmap-area {
  fill: #9acad2;
}
.linkedmap-map-container .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area-group.linkedmap-area-link-enabled.coordination-type-none .linkedmap-area {
  fill: transparent;
}
.linkedmap-map-container .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area-group.linkedmap-area-link-enabled a:hover,
.linkedmap-map-container .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area-group.linkedmap-area-link-enabled a.active {
  cursor: pointer;
}
.linkedmap-map-container .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area-group.linkedmap-area-link-enabled a:hover .linkedmap-area,
.linkedmap-map-container .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area-group.linkedmap-area-link-enabled a.active .linkedmap-area {
  fill: #d06764;
}
.linkedmap-map-container .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area-group.linkedmap-area-link-enabled a:hover .linkedmap-area-label,
.linkedmap-map-container .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area-group.linkedmap-area-link-enabled a.active .linkedmap-area-label {
  fill: #fff;
}
.linkedmap-map-container .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area-group.linkedmap-area-link-disabled a:hover {
  cursor: default;
}
.linkedmap-map-container .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area-group.linkedmap-area-link-disabled.coordination-type-none .linkedmap-area {
  fill: transparent;
}
.linkedmap-map-container .linkedmap-color-legend-container {
  position: absolute;
  top: 0.5em;
  left: 0;
}
.linkedmap-map-container .linkedmap-color-legend-container .linkedmap-color-label {
  position: relative;
}
.linkedmap-map-container .linkedmap-color-legend-container .linkedmap-color-label span.label-color {
  display: block;
  position: absolute;
  top: 0.125em;
  left: 0;
  width: 1em;
  height: 1em;
}
.linkedmap-map-container .linkedmap-color-legend-container .linkedmap-color-label span.label-color.color-1 {
  background-color: #9acad2;
}
.linkedmap-map-container .linkedmap-color-legend-container .linkedmap-color-label span.label-color.color-2 {
  background-color: #61b9c2;
}
.linkedmap-map-container .linkedmap-color-legend-container .linkedmap-color-label span.label-text {
  display: inline-block;
  padding-left: 1.5em;
}
.linkedmap-map-container.context-mindmatters .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area {
  stroke: #92b7dc;
}
.linkedmap-map-container.context-mindmatters .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area-label {
  fill: #0050a5;
}
.linkedmap-map-container.context-mindmatters .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area-group.linkedmap-area-link-enabled .linkedmap-area {
  fill: #c6d9eb;
}
.linkedmap-map-container.context-mindmatters .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area-group.linkedmap-area-link-enabled.coordination-type-cantonal .linkedmap-area {
  fill: #c6d9eb;
}
.linkedmap-map-container.context-mindmatters .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area-group.linkedmap-area-link-enabled.coordination-type-national .linkedmap-area {
  fill: #e1eaf4;
}
.linkedmap-map-container.context-mindmatters .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area-group.linkedmap-area-link-enabled a:hover .linkedmap-area,
.linkedmap-map-container.context-mindmatters .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area-group.linkedmap-area-link-enabled a.active .linkedmap-area {
  fill: #f60;
}
.linkedmap-map-container.context-mindmatters .linkedmap-map-wrapper svg.linkedmap-map .linkedmap-area-group.linkedmap-area-link-disabled .linkedmap-area {
  fill: #fff;
}
.linkedmap-map-container.context-mindmatters .linkedmap-map-wrapper svg.linkedmap-map #Seen {
  stroke: #92b7dc;
}
.linkedmap-map-container.context-mindmatters .linkedmap-color-legend-container .linkedmap-color-label span.label-color.color-1 {
  background-color: #e1eaf4;
}
.linkedmap-map-container.context-mindmatters .linkedmap-color-legend-container .linkedmap-color-label span.label-color.color-2 {
  background-color: #c6d9eb;
}
@media (max-width: 600px) {
  .linkedmap-map-container {
    padding-top: 4em;
  }
}