.widgetMapPoint--wrapper {border:0px solid red; padding:10px; margin:10px 0; flex-direction: column;width:100%; height:100%;}
.widgetMapPoint--wrapper {display:none;}
.widgetMapPoint.activated .widgetMapPoint--wrapper {display:flex;}
.widgetMapPoint--title {padding: 5px 10px;font-weight: bold;font-size: 14px;}
.widgetMapPoint--hint {padding: 10px;font-size: 13px;color: #777;}
.widgetMapPoint--hint b {display: inline-block;background: #bd3b3b;padding: 4px;color: white;border-radius: 4px;font-weight:normal;}
.widgetMapPoint--map {width: 100%;}

.widgetMapPoint--debug {display:flex; flex-direction: row;justify-content: space-between;}
.widgetMapPoint--action {display: block;background: var(--color-menu-top-bg-hover);color: white;padding: 2px 10px;font-size: 12px;border-radius: 5px;border: 1px solid #aaa;margin: 5px;cursor: pointer;}
.widgetMapPoint--activatebutton {-webkit-appearance: none;border: none;color: var(--color-body-background-color);cursor: pointer;background-color: #d0282a;border-radius: 3px;padding: 5px 20px;margin: 20px auto;font-size: 12px;}

.widgetMapPoint[data-mode="view"] .widgetMapPoint--hint {display:none;}
.widgetMapPoint[data-label="0"] .widgetMapPoint--hint span[data-mode="exists"]{display:none;}
.widgetMapPoint[data-label="1"] .widgetMapPoint--hint span[data-mode="start"]{display:none;}
.widgetMapPoint[data-label="0"][data-hvie="1"][data-mode="view"] .widgetMapPoint--activatebutton {display:none;}
.widgetMapPoint[data-label="0"][data-hvie="1"][data-mode="view"] .widgetMapPoint--wrapper {display:none;}

.widgetMapPoint[data-label="0"] .widgetMapPoint--activatebutton span:nth-child(1) {display:none;}
.widgetMapPoint[data-label="1"] .widgetMapPoint--activatebutton span:nth-child(2) {display:none;}

.widgetMapPoint-one {
    width: 100%;
    height: 100%;
    min-height: 300px;
    min-width: 300px;
}