.mg_MapView  {
    padding: 0 !important;
  }
  
  .h-map {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  @media only screen and (min-width: 768px) {
    /* .h-map {
      left: auto;
      right: 0;
      width: 60%;
    } */
  }

  .ChosenPlace_GB {
    /* margin: 10px 10px; */
    padding: 16px 24px;

    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    width: 90%;
    min-width: 300px;


    background: #fff;

    border-radius: .62em;
    z-index: 20;
  }

  @media (min-width: 768px) {
    .ChosenPlace_GB {
      bottom: 10%;
      left: 10%;
    }
  }

  .ChosenPlace_Namn p {
    font-size: 24px;
    font-weight: 600;
    color: #000;
  }


  /* Temporary hide the place overview */
  /* .pcKarta_3 {
    display: none !important;
  } */

  .h-map__loading {
    position: fixed;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);

    background: grey;
    color: #000;
  }

.marker {
  position: relative;
  transform: scale(0.8);
  transition: transform 120ms ease-out;
}

.marker__icon {
  transform: scale(0.9);
}

.marker:hover {
  cursor: pointer;
}

.marker--scaled {
  transform: scale(1);
  transition: transform 100ms ease-in;
}

.marker--favorite::after {
  content: '/e87d';
  font-family: 'Material Icons';
  color:orange;
}


.marker::after {
  content: '\e87d';
  
  position: absolute;
  top: -10px;
  right: -9px;

  font-family: "Material Icons";
  font-size: 1.7rem;
  color: #FF9933;

  transform: scale(0);
  opacity: 0;

  transition: transform 100ms ease-in,
              opacity 100ms ease-in;
}

.marker--favorite::after {
  transition: transform 100ms ease-out,
              opacity 100ms ease-out;
  transform: scale(1);
  opacity: 1;
}