/* IMAGEMAP */

.button.reset {
    position: absolute;
    left: var(--gap);
    bottom: var(--gap);
  }
  
  .zoom_map .imagemap-wrapper,
  .imagemap-wrapper-clone {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  
  .imagemap-wrapper:not(.zoom_map .imagemap-wrapper) {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
  }
  
  
  .container-content > .imagemap-wrapper-clone,
  .container-content > .imagemap-wrapper {
    /* pointer-events: none; */
  }
  
  .imagemap-wrapper-clone .marker,
  .imagemap-wrapper .marker {
    position: absolute;
    background-color: #fff;
    background-image: url("../images/icons/pin.png");
    background-size: cover;
    width: 5rem;
    height: 9rem;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
  }
  
  .imagemap-wrapper-clone .marker.clone {
    display: none;
  }
  
  .imagemap-wrapper.active_clicked .marker:not(.clicked) {
    filter: grayscale(1);
    opacity: 0.5;
  }
  
  
  div.imagemap-wrapper-clone > span,
  .imagemap-wrapper-content .marker.visible,
  .imagemap-wrapper .marker.visible {
    background-size: cover;
    background-position: center;
    height: 22.5rem;
    width: 22.5rem;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    bottom: 15% !important;
    right: calc(5rem + 55%) !important;
    top: auto !important;
    left: auto !important;
    position: absolute !important;
  }
  
  .imagemap-wrapper-clone .marker-content,
  .imagemap-wrapper .marker-content {
    display: none;
  
    position: absolute;
    bottom: var(--gap);
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
  
    z-index: 2;
  }
  
  body:not(.active_clicked) .marker-content,
  body:not(.active_clicked) .marker-content * {
    pointer-events: none !important;
  }
  
  body.active_clicked .marker-content {
    pointer-events: all;
  }
  
  .imagemap-wrapper-clone .marker-content.visible,
  .imagemap-wrapper .marker-content.visible {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
    width: 40rem;
    overflow: visible;
    /* pointer-events: none; */
}

.marker-content > * {
    width: 100%;
}

.news_title:first-child {
    padding-top: 1em;
}

.news_title strong {
    display: block;
}

.news_title:empty {
    display: none;
}

  
/* ZOOM MAP */


  
  .zoom-container .relative-container {
    height: 100vh;
    height: calc(100vh - 115px);
    width: 100%;
    max-width: 100vw;
    background-size: cover;
  }
  
  .zoom-container .relative-container img,
  .zoom-container .relative-container svg {
    width: 100%;
    max-width: 100vw;
  }
  
  #image-map {
    width: 100%;
    max-width: 100vw;
    padding-bottom: 100%;
  }
  
  .zoom-container {
    background-size: contain;
    /* background-size: cover; */
    background-repeat: no-repeat;
    overflow: hidden;
    background-position: center;
  }
  
  .zoom-container .imagemap-wrapper .marker {
    background-image: url("../images/icons/pin.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 5rem;
    height: 9rem;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
  }
  
  .quote-wrapper {
    color: #fff;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 600;
    font-size: 3rem;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  }
  
  .quote-wrapper .author {
    margin-top: 0;
    font-weight: 500;
    font-size: 2.5rem;
  }
  
  .quote-wrapper .quote::before {
    content: "\00BB";
  }
  
  .quote-wrapper .quote::after {
    content: "\00AB";
  }
  
  /* .members-wrapper{ */
  
  /* display: flex;
    flex-direction: row;
  } */
  
  .member-teaser {
    position: relative;
  }
  
  /* zoom */
  
  .zoom-container-content {
    position: relative;
    max-width: 100%;
    overflow: hidden;
  }
  
  #zoom_map_hover_0 {
    margin-top: 0 !important;
  }
  
  .zoom_map_hover:last-child {
    margin-bottom: 0;
  }
  
  .zoomed_image {
    position: absolute;
    pointer-events: none;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    height: 25vw;
    width: 25vw;
    min-height: 15rem;
    min-width: 15rem;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  }
  
  .zoomed_image img {
    position: absolute;
    max-width: 300vw;
  }

  @media screen and (min-width: 769px){
    .zoom_map {
      height: 90vh;
      height: calc(100vh - 115px);
      margin-top: 0;
      background-color: var(--primary);
      border-radius: var(--radius);
      overflow: hidden;
    }

    .zoom-container {
      height: calc(100vh - 115px);

    }
  }

  @media screen and (max-width: 768px){
    .zoom_map {
      height: 60vh;
      margin-top: 0;
      background-color: var(--primary);
      border-radius: var(--radius);
      overflow: hidden;
    }

    .zoom-container {
      height: 60vh;
    }

    .imagemap-wrapper-clone .marker-content, .imagemap-wrapper .marker-content {
      bottom: auto;
      top: var(--gap);
      padding: 0 var(--gap);

    }
  }