.img-overlay-wrap {
  position: relative;
  display: inline-block;
  /* <= shrinks container to image size */
  transition: transform 150ms ease-in-out; }
  .img-overlay-wrap button {
    position: absolute;
    top: 2rem;
    right: 2rem; }
  .img-overlay-wrap img {
    /* <= optional, for responsiveness */
    display: block;
    max-width: 100%;
    height: auto; }
  .img-overlay-wrap svg {
    position: absolute;
    top: 0;
    left: 0; }
  .img-overlay-wrap .circle {
    transition: 0.1s;
    opacity: 0.2;
    position: relative; }
    .img-overlay-wrap .circle:hover {
      transition: 0.1s;
      transform: scale(1.05); }
  .img-overlay-wrap .bereiche {
    background: green; }
  .img-overlay-wrap .growOnHover:hover {
    transition: 0.1s;
    transform: scale(1.05); }
  .img-overlay-wrap polygon, .img-overlay-wrap circle {
    fill: var(--bg-primary);
    opacity: 0.7; }
  .img-overlay-wrap circle {
    fill: var(--bg-secondary); }
  .img-overlay-wrap .ausgebucht {
    fill: var(--bg-gray-2);
    stroke: var(--bg-gray-2); }

#platzPlan {
  margin: 0 auto; }
  #platzPlan div {
    color: var(--bg-primary); }
  #platzPlan .pills {
    background: var(--bg-secondary);
    padding: 1rem;
    color: white;
    display: inline-block;
    margin-right: 1rem;
    border-radius: 0.5rem; }
    #platzPlan .pills i {
      display: block; }
