html,body{height:100%;margin:0}#map{width:100%;position:absolute;top:0;bottom:0}div.toolbar{z-index:100;background-color:#0003;position:absolute;top:0;left:0}.ol-scale-line{font-family:Helvetica;font-weight:700}div.toolbar .toolbar-button{color:#fff;background:#0009;border:2px solid #f3f3f3;border-radius:10px;width:50px;height:30px;margin:10px;font-family:"Font Awesome 6 Free";font-size:20px;font-weight:900;display:block}@media (hover:hover){div.toolbar .toolbar-button:hover,div.layerswitcher .toolbar-button:hover,div.searcharea:hover{color:#85d332;outline:1px solid var(--ol-subtle-foreground-color)}}div.toolbar .button-on{color:#85d332}div.layerswitcher{z-index:100;background-color:#0003;margin-left:10px;transition:top .5s;display:block;position:absolute;top:-420px;left:70px}div.layerswitcher.show{top:0}div.layerswitcher.hide{top:-420px}div.layerswitcher .toolbar-button{color:#fff;text-align:left;background:#0009;border:2px solid #f3f3f3;border-radius:10px;width:140px;height:30px;margin:10px;padding-left:8px;font-family:"Font Awesome 6 Free";font-size:20px;font-weight:900;display:block}div.layerswitcher .button-on{color:#85d332}.layerswitcher-text{vertical-align:text-bottom;padding-left:3px;font-family:Helvetica;font-size:16px;font-weight:400}div.searcharea{background-color:#0003;width:250px;max-height:270px;margin-left:10px;transition:top .5s;display:block;position:absolute;top:-300px;left:70px}div.searcharea.show{top:0}div.searcharea.hide{top:-300px}#searcharea{background:#0009;border:2px solid #f3f3f3;border-radius:10px;margin:10px;padding:5px;display:block;overflow:hidden}#searchinput{border-radius:10px;width:94%;margin-bottom:0;padding:5px 0 5px 5px;font-size:16px}#responsearea{cursor:pointer;max-height:240px;overflow:auto}.searchresult{color:#fff;border-bottom:1px solid #aaa;padding:5px 0;font-family:Helvetica}@media (hover:hover){.searchresult:hover{color:#85d332}}div.searchresult b{color:#a1ff3d}div.searchresult i{color:#ccc}#routearea{background:#0009;border:2px solid #f3f3f3;border-radius:10px;margin:10px;padding:5px;display:block}div.routearea{background-color:#0003;width:250px;margin-left:10px;transition:top .5s;display:block;position:absolute;top:-530px;left:70px}div.routearea.show{top:0}div.routearea.hide{top:-530px}div.routearea button{color:#fff;text-align:left;cursor:pointer;background:#0009;border:2px solid #f3f3f3;border-radius:10px;width:40px;margin:3px;padding:5px;font-family:"Font Awesome 6 Free";font-size:20px;font-weight:900;display:inline-block;text-align:center!important}div.routearea button.button-on{color:#85d332}#route-mtb div{transform:rotate(-30deg)}#route-racingbike div{transform:skew(-20deg)}#routeresponsearea{cursor:pointer;max-height:350px;overflow:auto}@media (hover:hover){div.routearea button:hover{color:#85d332;outline:1px solid #000}}#startroute,#endroute{border-radius:10px;width:94%;margin-bottom:10px;padding:5px 0 5px 5px;font-size:16px}#route-summary{color:#fff}#route-summary table{font-family:"Font Awesome 6 Free";font-size:20px;font-weight:900}#route-summary table span{font-family:Helvetica;font-size:20px;font-weight:400}#route-help{color:#fff;font-family:Helvetica;font-size:20px;font-weight:400}div.profilearea{background-color:#0009;height:300px;margin-left:10px;transition:top .5s;display:block;position:absolute;top:-410px;left:70px;right:10px}div.profilearea.show{top:0}div.profilearea.hide{top:-410px}#profilearea{background:#0009;border:2px solid #f3f3f3;border-radius:10px;margin:10px;padding:5px;display:block}#route-elevation-chart{background:#fff;width:100%;height:100%;position:relative}div.popuparea{z-index:100;width:400px;margin-left:10px;transition:top .5s;display:block;position:absolute;top:-410px;left:70px;right:10px}@media only screen and (width<=480px){div.popuparea{width:inherit}}div.popuparea.show{top:0}div.popuparea.hide{top:-410px}#popuparea{background:#fff;border:2px solid #f3f3f3;border-radius:10px;margin:10px;padding:5px}#popuptitle{padding-right:20px;font-family:Helvetica;font-size:16px;font-weight:700}#popupcontent{max-height:280px;padding-right:20px;font-family:Helvetica;font-size:14px;overflow-y:scroll}#popupcontent>img{float:left;padding-top:10px;padding-right:5px}@media only screen and (width<=480px){#popupcontent>img{width:150px}}#popupcontent>button{width:40px;margin-right:5px}#popupcontent>span{color:#888}table.timetable{width:100%}td.timetable{vertical-align:top}td.timetable:nth-child(2){white-space:nowrap}table.timetable th{text-align:left}td.timetable:first-child{color:#fff;text-align:center;background-color:gray;font-weight:700}td.timetable.IC,td.timetable.EC,td.timetable.RJX,td.timetable.ICE{background-color:red;font-style:italic}td.timetable.S{background-color:#039}td.timetable.IR,td.timetable.RE,td.timetable.R,td.timetable.PE{background-color:green}td.timetable.B,td.timetable.default{background-color:gray}td.timetable.EXB{background-color:#fc0}.ol-attribution{font-family:Helvetica;font-weight:700}#loader{z-index:3;border:16px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:120px;height:120px;animation:2s linear infinite spin;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#counter{z-index:3;text-align:center;color:#3498db;-webkit-text-stroke:1px white;width:120px;height:120px;font-family:Arial;font-size:80px;font-weight:700;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}#overlay{z-index:2;-webkit-backdrop-filter:blur(2px)brightness(60%);backdrop-filter:blur(2px)brightness(60%);width:100%;height:100%;animation:.5s fadeIn;display:none;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#compasscontrol-container{width:124px;height:124px;margin:0 auto;display:block;position:absolute;top:50px;right:60px}#rotate{bbox-sizing:border-box;cursor:pointer;z-index:2;border:10px solid #000000b3;border-radius:50%;width:100%;height:100%;position:absolute}#rotate-outerring{cursor:pointer;border:1px solid #fff;border-radius:50%;width:146px;height:146px;position:absolute;top:-2px;left:-2px}#rotate-innerring{cursor:pointer;border:1px solid #fff;border-radius:50%;width:120px;height:120px;position:absolute;top:11px;left:11px}.pointer{text-align:center;transform-origin:9px 77px;cursor:pointer;z-index:2;background-color:#eee;border:1px solid #000;width:16px;height:20px;font-family:Courier New;font-size:18px;font-weight:700;position:absolute;top:-15px;left:53px}#pointer-nord{transform:rotate(0)}#pointer-east{transform:rotate(90deg)}#pointer-south{transform:rotate(180deg)}#pointer-west{transform:rotate(270deg)}.rot-handle{color:#fff;transform-origin:9px 77px;cursor:pointer;padding-top:1px;font-family:"Font Awesome 6 Free";font-size:16px;font-weight:900;position:absolute;top:-15px;left:53px}#rot-handle1{transform:rotate(45deg)}#rot-handle2{transform:rotate(135deg)}#rot-handle3{transform:rotate(225deg)}#rot-handle4{transform:rotate(315deg)}#nav{box-sizing:border-box;z-index:2;border:50px solid #000000b3;border-radius:50%;width:100px;height:100px;position:absolute;top:22px;left:22px}#nav-outerring{box-sizing:border-box;border:2px solid #fff;border-radius:50%;width:104px;height:104px;position:absolute;top:20px;left:20px}.nav-pointer{color:#fff;cursor:pointer;font-family:"Font Awesome 6 Free";font-size:20px;font-weight:900;position:absolute}#nav-forward{top:-50px;left:-8px}#nav-backward{top:30px;left:-8px}#nav-left{top:-10px;left:-45px}#nav-right{top:-10px;left:35px}#nav-center{top:-10px;left:-10px}#viewcontrol{width:160px;position:absolute;top:160px;left:1px}.viewcontrol-pointer{float:left;color:#fff;text-align:center;vertical-align:bottom;cursor:pointer;background-color:#000000b3;border:1px solid #fff;border-radius:5px;width:25px;height:25px;margin:0 2px 5px 0;font-family:"Font Awesome 6 Free";font-size:14px;font-weight:900;line-height:normal}.tiltup{margin-top:3px;transform:rotate(-30deg)}.tiltdown{margin-top:3px;transform:rotate(30deg)}.up,.down{margin-top:1px;font-size:18px}.ground,.flycontinue,.flystop,.flyfaster,.flyslower,.flystart{margin-top:4px}div.popup{padding-right:20px;font-family:Helvetica;font-size:12px}span.tag{color:#888;font-size:10px;font-style:italic}span.value{font-size:10px}td.timetable{vertical-align:top;white-space:nowrap}div.ol-popup{background-color:#fff;border:1px solid #ccc;border-radius:10px;min-width:100px;padding:15px;position:absolute;bottom:12px;left:-50px;box-shadow:0 1px 4px #0003}div.ol-popup:after,div.ol-popup:before{content:" ";pointer-events:none;border:solid #0000;width:0;height:0;position:absolute;top:100%}div.ol-popup:after{border-width:10px;border-top-color:#fff;margin-left:-10px;left:48px}div.ol-popup:before{border-width:11px;border-top-color:#ccc;margin-left:-11px;left:48px}a.ol-popup-closer{text-decoration:none;position:absolute;top:2px;right:8px}a.ol-popup-closer:after{content:"✖"}.evse-data{grid-template-columns:repeat(3,1fr);width:100%;padding-bottom:1rem;display:grid}.evse-overview{border-collapse:collapse;margin:.25rem}.evse-overview th{color:#fff;text-align:center;background-color:#828385;min-height:30px;padding:.25rem;font-size:11px}.evse-overview.status-available td{text-align:center;border:2px solid #31a950}.evse-overview.status-available th{background-color:#31a950;border:2px solid #31a950}.evse-overview.status-occupied td{text-align:center;border:2px solid #f5063a}.evse-overview.status-occupied th{background-color:#f5063a;border:2px solid #f5063a}.evse-overview.status-unknown td{text-align:center;border:2px solid #888}.evse-overview.status-unknown th{background-color:#888;border:2px solid #888}.cell-left{vertical-align:top}.maplibregl-popup-content{width:300px;max-height:300px;overflow-y:scroll}