.dbms-kaart{position:relative;width:100%;height:600px;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px rgb(0 0 0 / .2)}.maplibregl-canvas-container{overflow:visible!important}.dbms-legend{background:#fff;padding:6px;border-radius:8px;box-shadow:0 2px 6px rgb(0 0 0 / .3);font-size:13px;max-width:200px;position:relative;overflow-y:auto;max-height:calc(100% - 60px);margin-right:8px;margin-bottom:10px;box-sizing:border-box}.dbms-legend:before{content:"";position:absolute;bottom:0;left:0;height:5px;width:100%;background:linear-gradient(to right,#08BAEE 0%,#08BAEE 25%,#019839 25%,#019839 50%,#F18C00 50%,#F18C00 75%,#CD0637 75%,#CD0637 100%)}.dbms-legend-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:4px;padding:5px 0;cursor:pointer}.dbms-legend-toggle{background:none;border:none;font-size:15px;line-height:1;width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center}.dbms-legend-toggle span{font-weight:700;font-size:18px}.dbms-legend-list{max-height:500px;overflow:hidden;transition:max-height 0.3s ease}.dbms-legend-list.collapsed{max-height:0!important;overflow:hidden}.dbms-legend-item{display:flex;align-items:center;gap:6px;margin:3px 0;padding:2px 3px;border-radius:4px;transition:background 0.2s}.dbms-legend-item:hover{background:rgb(0 0 0 / .05);cursor:pointer}.dbms-legend-item.active{background:rgb(255 230 120 / .3);font-weight:700;box-shadow:inset 0 0 4px rgb(255 180 0 / .6)}.dbms-legend-cat-title{display:block;font-weight:700;margin:6px 0 3px;font-size:90%;color:#444;border-bottom:1px solid #ddd;padding-bottom:2px}.dbms-legend::-webkit-scrollbar{width:6px}.dbms-legend::-webkit-scrollbar-thumb{background:rgb(0 0 0 / .3);border-radius:3px}.dbms-legend::-webkit-scrollbar-thumb:hover{background:rgb(0 0 0 / .5)}.waypoint-icon{width:22px;height:22px;border:2px solid #333;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 0 4px rgb(0 0 0 / .2);transition:transform 0.2s}.waypoint-icon:hover{transform:scale(1.15)}.waypoint-icon.nearest-waypoint{background:#ffe600!important;border-color:#ff0000!important;animation:pulse 1.2s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 6px rgb(255 0 0 / .6)}50%{transform:scale(1.3);box-shadow:0 0 12px rgb(255 0 0 / .9)}100%{transform:scale(1);box-shadow:0 0 6px rgb(255 0 0 / .6)}}.waypoint-balloon,.flyover-balloon{position:absolute;transform:translate(-50%,-100%);min-width:160px;max-width:240px;padding:10px 14px;background:#fff;border:2px solid #333;border-radius:10px;box-shadow:0 2px 6px rgb(0 0 0 / .25);font-family:'Inter',sans-serif;font-size:13px;color:#222;text-align:left;line-height:1.4;z-index:9999;opacity:0;transition:opacity 0.3s ease;pointer-events:auto}.waypoint-balloon.show,.flyover-balloon.show{opacity:1}.waypoint-balloon::after,.flyover-balloon::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);border-left:8px solid #fff0;border-right:8px solid #fff0;border-top:10px solid #333}.waypoint-balloon::before,.flyover-balloon::before{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);border-left:7px solid #fff0;border-right:7px solid #fff0;border-top:9px solid #fff;z-index:1}.waypoint-balloon .balloon-text strong,.flyover-balloon .balloon-text strong{display:block;font-weight:600;margin-bottom:4px;font-size:14px}.distance-marker-html{background:rgb(255 255 255 / .9);border:1px solid #333;border-radius:4px;padding:2px 6px;font-size:11px;color:#111;box-shadow:0 1px 3px rgb(0 0 0 / .3);white-space:nowrap;pointer-events:none;user-select:none;text-align:center;transform:translateY(-3px)}.distance-marker-html::after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 4px 0 4px;border-style:solid;border-color:#333 #fff0 #fff0 #fff0}.waypoint-marker{width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid #222;color:#111;font-size:13px;font-weight:700;line-height:24px;text-align:center;box-shadow:0 1px 3px rgb(0 0 0 / .3);user-select:none;pointer-events:auto;transition:background 0.25s ease,color 0.25s ease,border 0.25s ease}.waypoint-marker:hover{background:#ff4b4b;color:#fff;border-color:#fff}.distance-marker-html{position:relative;display:inline-block;background:#fff;border:1.5px solid #333;border-radius:4px;padding:2px 6px;font-size:11px;font-family:"Inter","Open Sans",Arial,sans-serif;color:#111;box-shadow:0 1px 3px rgb(0 0 0 / .25);white-space:nowrap;pointer-events:none;user-select:none;line-height:1.2;text-align:center}.distance-marker-html::after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 4px 0 4px;border-style:solid;border-color:#333 #fff0 #fff0 #fff0}.flyover-balloon{position:absolute;transform:translate(-50%,-100%);min-width:180px;max-width:240px;padding:10px 14px;background:#fff;border:2px solid #333;border-radius:10px;box-shadow:0 2px 6px rgb(0 0 0 / .25);font-family:'Inter',sans-serif;font-size:13px;color:#222;text-align:left;line-height:1.4;z-index:9999;pointer-events:auto;opacity:0;display:none;transition:opacity 0.4s ease}.flyover-balloon.show{opacity:1;display:block}.flyover-balloon::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid #fff0;border-right:8px solid #fff0;border-top:10px solid #333}.flyover-balloon::before{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:7px solid #fff0;border-right:7px solid #fff0;border-top:9px solid #fff;z-index:1}.flyover-controls{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:rgb(0 0 0 / .7);border-radius:12px;padding:8px 12px;display:flex;gap:8px;z-index:99999;box-shadow:0 2px 8px rgb(0 0 0 / .4)}.flyover-controls button{background:rgb(255 255 255 / .25);color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:16px;transition:background 0.25s}.flyover-controls button:hover{background:rgb(255 255 255 / .4)}.flyover-controls button.active{background:#007bff;color:#fff}.dbms-map-fullscreen .dbms-kaart{position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important;z-index:9999}.dbms-map-fullscreen .dbms-legend{z-index:10000}.dbms-map-fullscreen header,.dbms-map-fullscreen #wpadminbar{display:none!important}@media (max-width:768px){.dbms-legend{max-width:80%;font-size:14px;max-height:50%}.flyover-controls{bottom:10px;padding:6px 8px}.flyover-controls button{font-size:14px;padding:4px 8px}}