.map-marker {
    top: -16px;
    left: -16px;
    position: absolute;
    width: 35px;
    height: 35px;
}

    .map-marker:hover .marker-dot-text {
        visibility: visible;
    }

.marker-dot {
    position: absolute;
    background: blue;
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-color: var(--accent);
    border-radius: 50%;
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
}


    .marker-dot:before {
        content: "";
        position: absolute;
        width: 24px;
        height: 24px;
        top: 4px;
        left: 4px;
        background-repeat: no-repeat;
    }

    .marker-dot.school:before {
        background-image: url("/Images/icons/map/school_white.svg");
    }

    .marker-dot.kindergarten:before {
        background-image: url("/Images/icons/map/ToyBear_white.svg");
    }

    .marker-dot.medicine:before {
        background-image: url("/Images/icons/map/Aid_white.svg");
    }

    .marker-dot.shop:before {
        background-image: url("/Images/icons/map/Shopping_cart_white.svg");
    }

    .marker-dot.park:before {
        background-image: url("/Images/icons/map/Leaf_white.svg");
    }

    .marker-dot.cafe:before {
        background-image: url("/Images/icons/map/Dish_white.svg");
    }

    .marker-dot.gasstation:before {
        background-image: url("/Images/icons/map/Gas_Station_white.svg");
    }

    .marker-dot.metro:before {
        background-image: url("/Images/icons/map/Metro_white.svg");
    }

    .marker-dot.mail:before {
        background-image: url("/Images/icons/map/Mail_white.svg");
    }

    .marker-dot.bank:before {
        background-image: url("/Images/icons/map/Bank_white.svg");
    }

    .marker-dot.sport:before {
        background-image: url("/Images/icons/map/Gym_white.svg");
    }

.marker-dot-text {
    visibility: hidden;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translate(-50%,0);
    background-color: #FFFFFF;
    padding: 10px;
    text-align: center;
    font-family: 'Geologica';
    color: #000000;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    border-radius: 16px;
    display: inline-block;
    border: 1px solid #D0D0D0;
}

.antverpen-marker {
    z-index: 1;
    position: absolute;
    bottom: 12px;
    height: 28px;
    background-size: auto !important;
    background-position: 0 -60px;
    background-repeat: repeat-x;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTAwIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9Ii44IiBkPSJNMCAxMy41QzAgNiA2IDAgMTMuNSAwUzI3IDYgMjcgMTMuNSAyMC45NiAyNyAxMy41IDI3IDAgMjEgMCAxMy41em0yMiAwYTguNSA4LjUgMCAxIDAtMTYuOTktLjAxQTguNSA4LjUgMCAwIDAgMjIgMTMuNXoiLz48Y2lyY2xlIGN4PSIxMy41IiBjeT0iMTMuNSIgcj0iMTEuNSIgZmlsbD0iIzE3N2JjOSIvPjxjaXJjbGUgY3g9IjEzLjUiIGN5PSIxMy41IiByPSI4LjUiIGZpbGw9IiNmZmYiLz48Zz48bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSItMzQwIiB4Mj0iLTMzOS4xIiB5MT0iMzkxLjkiIHkyPSIzOTIuNyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMjEuMjE2MSAwIDAgLTIxLjc4NzkgNzI2Mi4wNCA4NTc1LjExKSI+PHN0b3Agb2Zmc2V0PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik00OC43MiAzOS43YzQuNzEtMi40IDE3LjgyLTExLjUyIDE4LjMtMTEuOTguNTYtLjUyIDEuMDctMS4wNiAxLjUtMS42MiAzLTQgMS4xMS03LjYyLTQuNDQtOC4wMy0uNDctLjAzLTEuMDYtLjEtMS42OC0uMTYtLjk2IDMuNDMtMy4yMiA3LjYtNi40MyAxMi4zM2ExMTQuMTIgMTE0LjEyIDAgMCAxLTYuMTQgOC4ybC0uNTQuNjdjLS4xMi4xNS0uMjcuMzItLjQ3LjUtLjAzLS4wMS0uMDItLjAxLS4xMi4wNmguMDJ6IiBvcGFjaXR5PSIuNSIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjgiIGQ9Ik0zNiAxMy41QzM2IDYgNDIgMCA0OS41IDBhMTMuNDQgMTMuNDQgMCAwIDEgMTMuMyAxNS44MmwuMDIuMTYtLjA0LjIzYy0uNiAzLjctMy4wNiA4LjQ3LTYuOCAxNGExMTguMzQgMTE4LjM0IDAgMCAxLTYuMTQgOC4yMmMtLjI1LjMtLjQ0LjUyLS41NS43YTMuNTkgMy41OSAwIDAgMS0xLjIuOTdjLS40LjItLjg2LjI3LTEuNC4ybC0uMjEtLjA0YTIuMjkgMi4yOSAwIDAgMS0xLjY2LTEuNjggMi40IDIuNCAwIDAgMSAwLTEuMTljMC0uMDcuMDItLjEzLjA0LS4xOWwyLjc3LTEwLjI2QTEzLjYxIDEzLjYxIDAgMCAxIDM2IDEzLjV6Ii8+PHBhdGggZmlsbD0iIzE3N2JjOSIgZD0iTTM4IDEzLjVDMzggNy4xIDQzLjEgMiA0OS41IDJhMTEuNDQgMTEuNDQgMCAwIDEgMTEuMjggMTMuN3YuMTVDNTkuNSAyMy44NSA0Ny43IDM3LjggNDcuNyAzNy44cy0uMzguNTItLjczLjRjLS4zNy0uMS0uMi0uNTYtLjItLjU2bDMuNDItMTIuNzFjLS4yMS4wNy0uNDkuMDctLjY5LjA3QzQzLjE1IDI1IDM4IDE5LjkgMzggMTMuNXoiLz48Y2lyY2xlIGN4PSI0OS41IiBjeT0iMTMuNSIgcj0iOC41IiBmaWxsPSIjZmZmIi8+PC9nPjxnPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjgiIGQ9Ik0wIDYwaDEyMHYySDB6TTAgODVoMTIwdjJIMHoiLz48cGF0aCBmaWxsPSIjMTc3YmM5IiBkPSJNMCA2MmgxMjB2M0gwek0wIDgyaDEyMHYzSDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgNjVoMTIwdjE3SDB6Ii8+PC9nPjwvc3ZnPg==);
}

.antverpen-marker-content {
    margin-top: 6px;
    font: 13px Arial,sans-serif;
    z-index: 5;
    margin-right: -9px;
    display: block;
    color: black;
    position: relative;
    white-space: nowrap;
}

.antverpen-marker-left {
    position: absolute;
    left: -13px;
    width: 13px;
    height: 27px;
    z-index: 4;
    display: block;
    background-position: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTAwIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9Ii44IiBkPSJNMCAxMy41QzAgNiA2IDAgMTMuNSAwUzI3IDYgMjcgMTMuNSAyMC45NiAyNyAxMy41IDI3IDAgMjEgMCAxMy41em0yMiAwYTguNSA4LjUgMCAxIDAtMTYuOTktLjAxQTguNSA4LjUgMCAwIDAgMjIgMTMuNXoiLz48Y2lyY2xlIGN4PSIxMy41IiBjeT0iMTMuNSIgcj0iMTEuNSIgZmlsbD0iIzE3N2JjOSIvPjxjaXJjbGUgY3g9IjEzLjUiIGN5PSIxMy41IiByPSI4LjUiIGZpbGw9IiNmZmYiLz48Zz48bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSItMzQwIiB4Mj0iLTMzOS4xIiB5MT0iMzkxLjkiIHkyPSIzOTIuNyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMjEuMjE2MSAwIDAgLTIxLjc4NzkgNzI2Mi4wNCA4NTc1LjExKSI+PHN0b3Agb2Zmc2V0PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik00OC43MiAzOS43YzQuNzEtMi40IDE3LjgyLTExLjUyIDE4LjMtMTEuOTguNTYtLjUyIDEuMDctMS4wNiAxLjUtMS42MiAzLTQgMS4xMS03LjYyLTQuNDQtOC4wMy0uNDctLjAzLTEuMDYtLjEtMS42OC0uMTYtLjk2IDMuNDMtMy4yMiA3LjYtNi40MyAxMi4zM2ExMTQuMTIgMTE0LjEyIDAgMCAxLTYuMTQgOC4ybC0uNTQuNjdjLS4xMi4xNS0uMjcuMzItLjQ3LjUtLjAzLS4wMS0uMDItLjAxLS4xMi4wNmguMDJ6IiBvcGFjaXR5PSIuNSIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjgiIGQ9Ik0zNiAxMy41QzM2IDYgNDIgMCA0OS41IDBhMTMuNDQgMTMuNDQgMCAwIDEgMTMuMyAxNS44MmwuMDIuMTYtLjA0LjIzYy0uNiAzLjctMy4wNiA4LjQ3LTYuOCAxNGExMTguMzQgMTE4LjM0IDAgMCAxLTYuMTQgOC4yMmMtLjI1LjMtLjQ0LjUyLS41NS43YTMuNTkgMy41OSAwIDAgMS0xLjIuOTdjLS40LjItLjg2LjI3LTEuNC4ybC0uMjEtLjA0YTIuMjkgMi4yOSAwIDAgMS0xLjY2LTEuNjggMi40IDIuNCAwIDAgMSAwLTEuMTljMC0uMDcuMDItLjEzLjA0LS4xOWwyLjc3LTEwLjI2QTEzLjYxIDEzLjYxIDAgMCAxIDM2IDEzLjV6Ii8+PHBhdGggZmlsbD0iIzE3N2JjOSIgZD0iTTM4IDEzLjVDMzggNy4xIDQzLjEgMiA0OS41IDJhMTEuNDQgMTEuNDQgMCAwIDEgMTEuMjggMTMuN3YuMTVDNTkuNSAyMy44NSA0Ny43IDM3LjggNDcuNyAzNy44cy0uMzguNTItLjczLjRjLS4zNy0uMS0uMi0uNTYtLjItLjU2bDMuNDItMTIuNzFjLS4yMS4wNy0uNDkuMDctLjY5LjA3QzQzLjE1IDI1IDM4IDE5LjkgMzggMTMuNXoiLz48Y2lyY2xlIGN4PSI0OS41IiBjeT0iMTMuNSIgcj0iOC41IiBmaWxsPSIjZmZmIi8+PC9nPjxnPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjgiIGQ9Ik0wIDYwaDEyMHYySDB6TTAgODVoMTIwdjJIMHoiLz48cGF0aCBmaWxsPSIjMTc3YmM5IiBkPSJNMCA2MmgxMjB2M0gwek0wIDgyaDEyMHYzSDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgNjVoMTIwdjE3SDB6Ii8+PC9nPjwvc3ZnPg==);
}

.antverpen-marker-right {
    top: 0;
    z-index: 4;
    display: block;
    position: absolute;
    right: -26px;
    width: 26px;
    height: 41px;
    background-position: -80px 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTAwIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9Ii44IiBkPSJNMCAxMy41QzAgNiA2IDAgMTMuNSAwUzI3IDYgMjcgMTMuNSAyMC45NiAyNyAxMy41IDI3IDAgMjEgMCAxMy41em0yMiAwYTguNSA4LjUgMCAxIDAtMTYuOTktLjAxQTguNSA4LjUgMCAwIDAgMjIgMTMuNXoiLz48Y2lyY2xlIGN4PSIxMy41IiBjeT0iMTMuNSIgcj0iMTEuNSIgZmlsbD0iIzE3N2JjOSIvPjxjaXJjbGUgY3g9IjEzLjUiIGN5PSIxMy41IiByPSI4LjUiIGZpbGw9IiNmZmYiLz48Zz48bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSItNjA4LjQiIHgyPSItNjA3LjQiIHkxPSIzNTQuMSIgeTI9IjM1NC45IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgyMS4yMTYxIDAgMCAtMjEuNzg3OSAxMjk5MS4xNiA3NzUyLjY0KSI+PHN0b3Agb2Zmc2V0PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik04NC43MiAzOS43YzQuNy0yLjQgMTcuODItMTEuNTIgMTguMy0xMS45OGExMy44IDEzLjggMCAwIDAgMS41LTEuNjJjMy00IDEuMTEtNy42Mi00LjQ0LTguMDMtLjQ3LS4wMy0xLjA2LS4xLTEuNjgtLjE2LS45NiAzLjQzLTMuMjIgNy42LTYuNDMgMTIuMzNhMTE2Ljc5IDExNi43OSAwIDAgMS02LjE0IDguMmwtLjU1LjY3Yy0uMTEuMTUtLjI3LjMyLS40Ni41LS4wMy0uMDEtLjAyLS4wMS0uMTIuMDZoLjAyeiIgb3BhY2l0eT0iLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9Ii44IiBkPSJNODAgMjV2MmgzLjZsLTIuNzQgMTAuMTNhMi41MyAyLjUzIDAgMCAwLS4wNSAxLjM4Yy4yLjguOCAxLjUgMS43IDEuNjhoLjJjLjU0LjEgMSAwIDEuNC0uMTdhMy40IDMuNCAwIDAgMCAxLjE5LS45OGwuNTUtLjY1Yy40Ni0uNTcuOTgtMS4yIDEuNTItMS45IDEuNTctMi4wMiAzLjE1LTQuMTUgNC42Mi02LjMyIDMuNzUtNS41MiA2LjIxLTEwLjMgNi44LTE0bC4wNC0uMjMtLjAzLS4xMkExMy40NCAxMy40NCAwIDAgMCA4NS41IDBIODB2MiIvPjxwYXRoIGZpbGw9IiMxNzdiYzkiIGQ9Ik04MCAyMnYzaDUuNWMuMjQgMCAuNDggMCAuNzEtLjAybC0zLjQzIDEyLjdzLS4xNi41LjIuNmMuMzUuMS43My0uNC43My0uNFM5NS41MSAyMy45IDk2LjggMTUuODlsLS4wMi0uMTVBMTEuNDQgMTEuNDQgMCAwIDAgODUuNSAySDgwdjMiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNODUuNSA1SDgwdjE3aDUuNWE4LjUgOC41IDAgMCAwIDAtMTd6Ii8+PC9nPjxnPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjgiIGQ9Ik0wIDYwaDEyMHYySDB6TTAgODVoMTIwdjJIMHoiLz48cGF0aCBmaWxsPSIjMTc3YmM5IiBkPSJNMCA2MmgxMjB2M0gwek0wIDgyaDEyMHYzSDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgNjVoMTIwdjE3SDB6Ii8+PC9nPjwvc3ZnPg==);
}