@font-face {   font-family: "Noto Sans";   src: url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Regular.eot");   src: local("Noto Sans Regular"), local("NotoSans-Regular"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Regular.woff2") format("woff2"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Regular.woff") format("woff"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Regular.ttf") format("truetype"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Regular.svg#NotoSans-Regular") format("svg");   font-weight: 400;   font-style: normal; }  @font-face {   font-family: "Noto Sans";   src: url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Italic.eot");   src: local("Noto Sans Italic"), local("NotoSans-Italic"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Italic.eot?#iefix") format("embedded-opentype"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Italic.woff2") format("woff2"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Italic.woff") format("woff"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Italic.ttf") format("truetype"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Italic.svg#NotoSans-Italic") format("svg");   font-weight: 400;   font-style: italic; }  @font-face {   font-family: "Noto Sans";   src: url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Bold.eot");   src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Bold.woff2") format("woff2"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Bold.woff") format("woff"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Bold.ttf") format("truetype"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-Bold.svg#NotoSans-Bold") format("svg");   font-weight: 700;   font-style: normal; } @font-face {   font-family: "Noto Sans";   src: url("https://www.maps42.com/mapserver/fonts/web/NotoSans-BoldItalic.eot");   src: local("Noto Sans BoldItalic"), local("NotoSans-BoldItalic"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-BoldItalic.woff2") format("woff2"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-BoldItalic.woff") format("woff"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-BoldItalic.ttf") format("truetype"), url("https://www.maps42.com/mapserver/fonts/web/NotoSans-BoldItalic.svg#NotoSans-BoldItalic") format("svg");   font-weight: 700;   font-style: italic; }  @font-face {   font-family: "Roboto";   src: url("https://www.maps42.com/mapserver/fonts/web/Roboto-Regular.ttf") format("truetype");   font-weight: 200;   font-style: italic; } @font-face {   font-family: "Roboto";   src: url("https://www.maps42.com/mapserver/fonts/web/Roboto-Italic.ttf") format("truetype");   font-weight: 200;   font-style: italic; } @font-face {   font-family: "Roboto";   src: url("https://www.maps42.com/mapserver/fonts/web/Roboto-Bold.ttf") format("truetype");   font-weight: 200;   font-style: italic; } @font-face {   font-family: "Roboto";   src: url("https://www.maps42.com/mapserver/fonts/web/Roboto-BoldItalic.ttf") format("truetype");   font-weight: 200;   font-style: italic; }  #MapsContainer { position:relative; width:100%; height:100%; background:var(--surface); padding:0 !important; min-height:30em; }  .olMap { position:relative; } .olLegend { position:relative; z-index:1111; float:right; background: #ffffff; min-width:250px; max-width:500px; } #legend { opacity: 0.8; font-family: Arial, Helvetica; color:#000000 !important; } #legend #legendContent { width: 100%; }  #legend #legendTree { width: 100%; font-size: 0.8em; } #legend #legendTree td { font-size: 0.9em; line-height: 1em; vertical-align: middle; } #legend #legendTree td:first-child { white-space:nowrap; } #legend #legendTree .legendTitle { font-weight: bold } #legend #legendTree span.indenter { } #legend #legendTree .bgcolor { height:20px; width:20px; padding:0; display:inline-block !important; } #legend #legendContent { border: 1px solid var(--line-strong); border-right: 1px solid black; border-bottom: 1px solid black; background-color: #FFFFFF; } #legend #slider { position:relative; height: 20px; width:100%; text-align:center; cursor:pointer; color:#000000; background:#CCCCCC; } #legend #sliderDirection { position:absolute; top:0; right:0; }  #legend #sliderDirection.maps-legend-arrow {   width: 16px;   height: 16px;   background: currentColor;   -webkit-mask: var(--nlf-chevron) center / 9px 9px no-repeat;   mask: var(--nlf-chevron) center / 9px 9px no-repeat; } #legend #sliderDirection.maps-legend-arrow--down { transform: rotate(90deg); } #legend #sliderDirection.maps-legend-arrow--up   { transform: rotate(-90deg); } #legend table.treetable { margin:0; }   .olControlPanel {  position:relative; z-index:1111; float:left; min-width:200px; max-width:700px;  background: var(--ui-surface, #ffffff);  background: color-mix(in srgb, var(--ui-surface, #ffffff) 78%, transparent);  border-radius: var(--nlf-map-radius, 6px); }   :root {   --nlf-map-radius: var(--radius, 6px); }  .olControlPanel .nlf-mapbtn {   border-radius: var(--nlf-map-radius, 6px);   margin: auto;   display: inline-block;   position: relative;   cursor: pointer;   vertical-align: middle;   text-align: center;   line-height: normal;   overflow: visible;   user-select: none;   border: 1px solid var(--ui-border, #ddd);   background: var(--ui-surface, #fff);   color: var(--ui-text-strong, #000);   font-weight: normal; }  .olControlPanel .nlf-mapbtn {   transition: background var(--motion, 160ms) var(--ease, ease),               border-color var(--motion, 160ms) var(--ease, ease); }  .olControlPanel .nlf-mapbtn:hover, .olControlPanel .nlf-mapbtn:focus-visible {   border: 1px solid var(--ui-hover-border, #0233ff);   background: var(--ui-hover-bg, #5b6b7a);   color: var(--ui-hover-text, #fff); }   .olControlPanel .nlf-mapbtn:focus-visible, .nlf-slider__handle:focus-visible, .nlf-mapdlg__close:focus-visible {   outline: none;   box-shadow: var(--ring, 0 0 0 3px rgb(2 51 255 / 0.28)); }  @media (prefers-reduced-motion: reduce) {   .olControlPanel .nlf-mapbtn { transition: none; } }  .olControlPanel .nlf-mapbtn--disabled {   opacity: 0.35;   pointer-events: none;   cursor: default; }  .olControlPanel .ui-btn { position:absolute; padding:0; margin:0; } .olControlPanel .ui-input-btn input {  -khtml-opacity:1;  -moz-opacity:1;  -ms-filter:"alpha(opacity=100)";  -opera-opacity:1;  filter:alpha(opacity=100);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);  opacity:1; }  .olControlPanel div { float:left; padding:2px; min-width:26px; height:26px; border:0; color:var(--ui-text-strong, #000000); background:var(--ui-surface, #ffffff);} .olControlPanel div.imgbutton { border:1px solid var(--line-strong); height:26px !important; width:26px !important;} .olControlPanel div.imgbutton > span { display:block; width:100%; height:100%; margin: 0 auto; } .olControlPanel div.textbutton { border: 1px solid var(--line-strong); text-align:center !important; height:26px !important; min-width:26px; line-height:24px; font-size:0.9em; vertical-align: middle; } .olControlPanel div.textbutton span.nlf-mapbtn__text { padding:0; margin:0; line-height:24px; vertical-align: middle; }  #routing { width:100%; height:inherit; } #routing #routing-variants #routing-variants-head { font-size: 1.1em; } #routing #routing-variants #routing-variants-head .selected { color:white; background:green; } #routing #routing-variants #routing-variants-head > .routing-route { padding: 1em 0.5em; } #routing #routing-variants #routing-variants-head > .routing-route:hover { color:white; background:blue; } #routing #routing-details .routing-route > .routing-route-step {} #routing #routing-details .routing-route > .routing-route-step:hover { color:white; background:blue; }  #routing #routing-type { display:inline-block; } #routing #routing-type > .button { float:none; border-radius:0; } #routing #routing-type > .button:first-child { border-radius:3px 0 0 3px; } #routing #routing-type > .button:last-child { border-radius:0 3px 3px 0; } #routing #routing-type .selected { color:white; background:blue; }  #routing #route { font-size: 0.9em }  #mapCopyright { font-size: 0.8em; } #mapCopyright * { color:#444444; } #mapCopyright.mapCopyrightInside { position:absolute;left:1em;bottom:4em;z-index:999; }  .fullsize { width:100%; height:100%; }  .feature_container table tr:nth-child(even){background-color:#DDDDDD;} .feature_container table tr:nth-child(odd){background-color:#FFFFFF;} .feature_container table tr th{color:#FFFFFF;background-color:#000000;font-weight:700;} .feature_container td,.feature_container th{vertical-align:top;padding:2px;} .feature_container a{color:blue;text-decoration:none;cursor:pointer;} .feature_container a:hover{color:red;text-decoration:underline;} .feature_table {border-collapse:collapse; width:100%;} .feature_table th{font-weight:bold;} .feature_table td,.feature_table th{border:1px solid black} .feature_container th,.feature_container td{text-align:left !important} .feature_container table,.feature_table{width:100%;border:1px solid #000000;text-align:left;border-spacing:0;}  ul.dynatree-container{font-family:tahoma, arial, helvetica;font-size:1em;white-space:prewrap;padding:0;} span.dynatree-selected a{font-style:normal;color:#000000;}    .nlf-maptip {   position: absolute;   z-index: 9999;   padding: 0.6em 0.75em;   max-width: 300px;   border: 1px solid var(--ui-border, #ddd);   border-radius: var(--nlf-map-radius, 6px);   box-shadow: var(--shadow-2, 0 4px 12px rgb(31 45 58 / 0.1));   background: var(--ui-surface, #fff);   color: var(--ui-text, #444);   pointer-events: none; } .dialogMap { z-index: 9998 !important }  .nlf-mapdlg {      position: fixed;   inset: 0;   margin: auto;   max-width: 95vw;   max-height: 90vh;   padding: 0;      overflow: hidden;   border: 1px solid var(--ui-border, #ddd);   border-radius: calc(var(--nlf-map-radius, 6px) + 4px);   box-shadow: var(--shadow-2, 0 4px 12px rgb(31 45 58 / 0.1));   background: var(--ui-surface, #fff);   color: var(--ui-text, #444); } .nlf-mapdlg::backdrop { background: rgba(0, 0, 0, 0.35); } .nlf-mapdlg__head {   display: flex; align-items: center; justify-content: space-between; gap: 0.5em;   padding: 0.55em 0.6em 0.55em 0.9em;   border-bottom: 1px solid var(--ui-border, #ddd);   background: var(--ui-surface-header, #ddd);   cursor: move; touch-action: none;      user-select: none; }  .nlf-mapdlg__title {   font-weight: 600;   color: var(--ui-text-strong, #222); } .nlf-mapdlg__close {   display: grid;   place-items: center;   flex: 0 0 auto;   width: 28px;   height: 28px;   border: 0;   border-radius: 50%;   background: transparent;   color: inherit;   font-size: 1.2em;   line-height: 1;   cursor: pointer; }  .nlf-mapdlg__close:hover, .nlf-mapdlg__close:focus-visible {   background: var(--ui-hover-bg, rgba(0, 0, 0, 0.08));   color: var(--ui-hover-text, inherit); }  .nlf-mapdlg__content {      overflow: auto; } .nlf-mapdlg__content { padding: 0.6em; }  .dialogMap .nlf-mapdlg__content { padding: 0; } .dialogMap .olControlPanel div.nlf-mapbtn { border:0; color:#000000; background: #FFFFFF; } .dialogInfo, .dialogFeature, .dialogWait { z-index: 1112 !important }    .nlf-mapdlg.dialogInfo[open] {   display: flex;   flex-direction: column; }  .nlf-mapdlg.dialogInfo {   width: 27rem;   height: 31rem;      max-width: calc(100vw - 2rem);   max-height: calc(100vh - 3rem); }  .nlf-mapdlg.dialogInfo .nlf-mapdlg__head {   flex: 0 0 auto; }  .nlf-mapdlg.dialogInfo .nlf-mapdlg__content {   flex: 1 1 auto;   min-height: 0;   overflow: auto; }   .olPopup--einfach {   display: flex;   flex-direction: column;   gap: 0.2em; }   .nlf-poi__heading {   margin: 0.9em 0 0.4em;   padding-top: 0.7em;   border-top: 1px solid var(--ui-border, #ddd);   font-size: 0.95em;   font-weight: 700;   color: var(--ui-text-strong, #222);      text-transform: uppercase;   letter-spacing: 0.04em; }  input[type="radio"].toggle {     display: none; }  input[type="radio"].toggle:checked + label {     background-image: -moz-linear-gradient(bottom,#969696,#727272);     background-image: -webkit-gradient(linear,0 0,0 100%,from(#969696),#727272);     background-image: -webkit-linear-gradient(bottom,#969696,#727272);     background-image: -o-linear-gradient(bottom,#969696,#727272);     background-image: linear-gradient(to top,#969696,#727272);     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff969696',endColorstr='#ff727272',GradientType=0);     filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);     -webkit-box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),0 1px 2px rgba(0,0,0,0.05);     -moz-box-shadow: inset 0 1px 6px 0 rgba(41, 41, 41, 0.2),0 1px 2px rgba(0,0,0,0.05);     box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);     cursor: default;     color: #E6E6E6;     border-color: transparent;     text-shadow: 0 1px 1px rgba(40, 40, 40, 0.75); }  input[type="radio"].toggle + label {     display: block; }  input[type="radio"].toggle:checked + label.btn:hover {     background-color: inherit;     background-position: 0 0;     -webkit-transition: none;     -moz-trainsition: none;     transition: none; }  input[type="radio"].toggle-left + label {     border-right: 0;     -webkit-border-top-right-radius: 0;     -webkit-border-bottom-right-radius: 0;     -moz-border-top-right-radius: 0;     -moz-border-bottom-right-radius: 0;     border-top-right-radius: 0;     border-bottom-right-radius: 0; }  input[type="radio"].toggle-right + label {     -webkit-border-top-left-radius: 0;     -webkit-border-bottom-left-radius: 0;     -moz-border-top-left-radius: 0;     -moz-border-bottom-left-radius: 0;     border-top-left-radius: 0;     border-bottom-left-radius: 0; }  @font-face {   font-family: "Roboto Condensed";   src: url("https://www.maps42.com/mapserver/fonts/web/RobotoCondensed-Regular.ttf") format("truetype");   font-weight: 400;   font-style: normal; } @font-face {   font-family: "Roboto Condensed";   src: url("https://www.maps42.com/mapserver/fonts/web/RobotoCondensed-Italic.ttf") format("truetype");   font-weight: 400;   font-style: italic; } @font-face {   font-family: "Roboto Condensed";   src: url("https://www.maps42.com/mapserver/fonts/web/RobotoCondensed-Bold.ttf") format("truetype");   font-weight: 700;   font-style: normal; }    .nlf-slider__handle {   border-radius: var(--nlf-map-radius, 6px); }  .nlf-slider__handle:hover, .nlf-slider__handle:focus-visible {   border-color: var(--ui-hover-border, #0233ff); }  .nlf-poi__address {      margin: 0 0 0.6em;   line-height: 1.45; }  .nlf-poi__facts {   margin: 0;   padding: 0;   list-style: none; }  .nlf-poi__fact {   display: flex;   align-items: center;   gap: 0.6em;   padding: 0.3em 0; }  .nlf-poi__fact + .nlf-poi__fact {   border-top: 1px solid var(--ui-border, #eee); }  .nlf-poi__icon {   flex: 0 0 auto;   width: 24px;   height: 24px;   display: block; }   .nlf-poi__label {   flex: 1 1 auto;   min-width: 0; }  .nlf-poi__value {   flex: 0 0 auto;   font-weight: 600;   color: var(--ui-text-strong, #222); }   .nlf-poi__fact--na .nlf-poi__value {   font-weight: 400;   opacity: 0.7; }   .nlf-poi__teams {   margin: 0;   padding: 0;   list-style: none; }  .nlf-poi__team {   display: flex;   align-items: center;   gap: 0.6em;   padding: 0.4em 0; }  .nlf-poi__team + .nlf-poi__team {   border-top: 1px solid var(--ui-border, #eee); }   .nlf-poi__teamname {   flex: 1 1 auto;   min-width: 0;   font-weight: 600;   color: var(--accent, #0233ff);   text-decoration: none; }  .nlf-poi__teamname:hover, .nlf-poi__teamname:focus-visible {   text-decoration: underline; }   .nlf-poi__league {   flex: 0 0 auto;   padding: 0.15em 0.7em;   border-radius: var(--radius-pill, 999px);   background: var(--accent-quiet, #eef2ff);   color: var(--accent, #0233ff);   font-size: 0.85em;   text-decoration: none;   white-space: nowrap;   transition: background var(--motion, 160ms) var(--ease, ease),               color var(--motion, 160ms) var(--ease, ease); }  .nlf-poi__league:hover, .nlf-poi__league:focus-visible {   background: var(--accent, #0233ff);   color: var(--on-accent, #ffffff); }  .nlf-poi__teamname:focus-visible, .nlf-poi__league:focus-visible {   outline: none;   box-shadow: var(--ring, 0 0 0 3px rgb(2 51 255 / 0.28)); }  .nlf-poi__empty {   margin: 0;   color: var(--text-muted, #5b6b7a); }  @media (prefers-reduced-motion: reduce) {   .nlf-poi__league { transition: none; } }   .nlf-mapdlg .nlf-tabs__panel {   border: 0;   border-radius: 0;   padding-left: 0;   padding-right: 0; }    :host,:root{--ol-background-color:white;--ol-accent-background-color:#F5F5F5;--ol-subtle-background-color:rgba(128, 128, 128, 0.25);--ol-partial-background-color:rgba(255, 255, 255, 0.75);--ol-foreground-color:#333333;--ol-subtle-foreground-color:#666666;--ol-brand-color:#00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-unselectable,.ol-viewport{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:focus,.ol-control button:hover{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}    .ol-overviewmap{left:auto;right:.5em;z-index:1000;}  .ol-rotate { position:absolute; top: 2.5em; left: .5em; right: auto; width:64px; height:64px; } .ol-rotate.ol-hidden { display:block; } .ol-rotate>button { background:transparent; width:64px; height:64px; } .ol-rotate>button:hover { background:#FFF; cursor:pointer; } .ol-rotate>button>.ol-compass { background: transparent url(imgs/ol/ol-rotate.png) no-repeat center center; width:64px; height:64px; }  @media print {.ol-control{display:none;}}  .ol-fullscreen { } .ol-mouseposition { } .ol-projection { } .ol-search { } .ol-scale { } .ol-scaleline { position:absolute; left:1em; bottom:2em; color:#000; z-index:888; } .ol-scaleline-inner { border:1px solid #000; border-top:none; color:#000; font-size:10px; text-align:center; will-change:contents,width; } .ol-zoom-out { } .ol-zoom-in { } .ol-zoomslider { color:#000; width:100px; top:auto; left:auto; height:8px !important; margin:8px 0 !important; border:1px solid var(--line-strong) !important; }  .ol-zoomslider.nlf-slider { position:relative; } .nlf-slider .nlf-slider__handle {   position:absolute; top:50%; width:1.2em; height:1em; margin-left:-0.6em;   transform:translateY(-50%);   border:1px solid var(--ui-border, #ddd); background:var(--ui-surface, #fff);   cursor:pointer; touch-action:none; } .ol-zoomslider.nlf-slider .nlf-slider__handle { height:1em !important; } .ol-zoom-extent { }  .ol-icon-toolbar-maximize { background: url(imgs/ol/ol-maximize.png) center center no-repeat !important; } .ol-icon-toolbar-minimize { background: url(imgs/ol/ol-minimize.png) center center no-repeat !important; } .ol-icon-toolbar-zoomin { background: url(imgs/ol/ol-zoomin.png) center center no-repeat !important; } .ol-icon-toolbar-zoomout { background: url(imgs/ol/ol-zoomout.png) center center no-repeat !important; } .ol-icon-toolbar-rectzoom-in { background: url(imgs/ol/ol-zoom-boxin.png) center center no-repeat !important; } .ol-icon-toolbar-rectzoom-out { background: url(imgs/ol/ol-zoom-boxout.png) center center no-repeat !important; } .ol-icon-toolbar-pan { background: url(imgs/ol/ol-pan.png) center center no-repeat !important; } .ol-icon-toolbar-info { background: url(imgs/ol/ol-info.png) center center no-repeat !important; } .ol-icon-toolbar-measure1 { background: url(imgs/ol/ol-measure1.png) center center no-repeat !important; } .ol-icon-toolbar-measure2 { background: url(imgs/ol/ol-measure2.png) center center no-repeat !important; } .ol-icon-toolbar-back { background: url(imgs/ol/ol-prev.png) center center no-repeat !important; } .ol-icon-toolbar-forward { background: url(imgs/ol/ol-next.png) center center no-repeat !important; } .ol-icon-toolbar-graticule { background: url(imgs/ol/ol-graticule.png) center center no-repeat !important; } .ol-icon-toolbar-graticule-inactive { background: url(imgs/ol/ol-graticule-inactive.png) center center no-repeat !important; }