.legend-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 6px;
    background-size: contain;
    background-repeat: no-repeat;
}
.legend-reichsstadt {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='5' fill='%23C62828' stroke='%23C62828' stroke-width='4' /%3E%3C/svg%3E");
}
.legend-kirchengut {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='6' fill='white' fill-opacity='0.01' stroke='%23A347FF' stroke-width='3' /%3E%3C/svg%3E");
}
.legend-koenigsgut {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='6' fill='white' fill-opacity='0.01' stroke='%231FAE4A' stroke-width='3' /%3E%3C/svg%3E");
}
.legend-reichsvogtei {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='6' fill='white' fill-opacity='0.01' stroke='%232A4FFF' stroke-width='3' /%3E%3C/svg%3E");
}
.legend-ser {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='6' fill='white' fill-opacity='0.01' stroke='%23D2831F' stroke-width='3' /%3E%3C/svg%3E");
}
.legend-freie-stadt {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='6' fill='white' fill-opacity='0.01' stroke='%23F5C400' stroke-width='3' /%3E%3C/svg%3E");
}
.legend-quelle {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Ccircle cx='6' cy='6' r='3' fill='%23000' stroke='%23000' stroke-width='2' /%3E%3C/svg%3E");
}
.legend-orientierungspunkt {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle cx='6' cy='6' r='2' fill='%239A9A9A' stroke='%239A9A9A' stroke-width='0' /%3E%3C/svg%3E");
}
.legend-reichsgebiet {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23555555' fill-opacity='0.1' /%3E%3C/svg%3E");
}

.legend-hr {
  border: 0;
  height: 1px;
  background: rgba(0,0,0,0.12);
  margin: 6px 8px;
}