.ce-imagemap {
  position: relative; }
  .ce-imagemap button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: flex-end;
    color: var(--ce-imagemap-color, #0e2050); }
  .ce-imagemap .map > img {
    width: 100%;
    height: auto; }
  .ce-imagemap .poi {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    position: relative; }
    .ce-imagemap .poi .l-top {
      position: absolute;
      top: 0;
      left: -11px;
      transform: translateY(-100%); }
      .ce-imagemap .poi .l-top .titel {
        padding-left: 5px;
        position: relative;
        top: 3px;
        white-space: nowrap; }
    .ce-imagemap .poi .description {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      display: none;
      transition: opacity 0.2s ease, visibility 0s linear 0.2s;
      padding: 15px;
      background-color: rgba(255, 255, 255, 0.9);
      position: relative;
      top: 5px;
      border-radius: 5px;
      font-size: .85rem;
      max-width: 200px;
      position: relative;
      z-index: 1000;
      transform: translateX(-20%); }
      @media (min-width: 768px) {
        .ce-imagemap .poi .description {
          font-size: .8rem; } }
      @media (min-width: 992px) {
        .ce-imagemap .poi .description {
          font-size: .8rem;
          max-width: 275px; } }
      .ce-imagemap .poi .description p {
        margin-bottom: .5rem; }
    .ce-imagemap .poi.active .description {
      opacity: 1;
      visibility: visible;
      display: block;
      pointer-events: auto;
      transition: opacity 0.2s ease, visibility 0s; }
    .ce-imagemap .poi.layout-highlight {
      color: var(--ce-imagemap-highlight, #0e2050); }
      .ce-imagemap .poi.layout-highlight .l-top {
        z-index: 10; }
      .ce-imagemap .poi.layout-highlight button {
        color: var(--ce-imagemap-highlight, #0e2050); }
      .ce-imagemap .poi.layout-highlight button > img {
        width: 30px;
        height: auto; }
      .ce-imagemap .poi.layout-highlight .l-top {
        left: -15px; }
      .ce-imagemap .poi.layout-highlight svg.default {
        width: 30px;
        fill: var(--ce-imagemap-d-icon-color, #ffe600); }
  .ce-imagemap svg.default {
    width: 23px;
    height: auto;
    fill: var(--ce-imagemap-d-icon-color, #0e2050);
    flex-shrink: 0; }

/*# sourceMappingURL=NoCeImagemap.css.map */