#point-list .point-list-point {
  cursor: pointer; }

#point-list .point-list-point.active, #point-details .sitetitle, .sapmapssection a {
  color: #b7c9d3; }

#sitemap .point {
  cursor: pointer; }

#sitemap .point-label {
  font-family: 'KlavikaWebRegular';
  font-weight: 100; }

#point-details .point-detail {
  opacity: 0;
  display: none; }

#point-details .point-detail .point-detail-inner {
  border-top: 1px solid #b7c9d3;
  border-bottom: 1px solid #b7c9d3; }

#point-details .point-detail .point-detail-inner2 {
  border-top: 0px; }

#point-details .point-detail.active {
  opacity: 1;
  display: block; }

#point-details .person-img {
  border-radius: 50%;
  overflow: hidden;
  width: 7rem;
  height: 7rem;
  margin-right: 1rem;
  border: 1px solid #b7c9d3; }

#point-details .person-img img {
  position: absolute;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

#sitemap .point-img {
  width: 1rem;
  height: 1rem; }

#point-details .divider {
  width: 2rem;
  position: relative;
  flex-shrink: 0; }

#point-details .divider:after {
  content: "";
  width: 1px;
  display: block;
  background-color: #b7c9d3;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%; }

@media (min-width: 992px) {
  #point-details .divider {
    width: 1rem; }
  #point-details .point-detail.active .point-detail-inner {
    display: flex;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: start; }
  .point-detail .person {
    width: 30%;
    flex: 0 0 30%; } }

@media (min-width: 1200px) {
  #point-details .divider {
    width: 2rem; }
  .point-detail .address {
    width: 42.5%;
    flex: 0 0 42.5%; }
  .point-detail .person {
    width: 30%;
    flex: 0 0 30%; } }