.ol-box{box-sizing:border-box;
border-radius:2px;border:2px solid #00f}
.ol-mouse-position{bottom:3px;left:320px;position:absolute}
.ol-scale-line{background:rgba(0,60,136,.3);
border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}
.ol-scale-line-inner{border:1px solid #eee;border-top:none;color:#eee;font-size:10px;text-align:center;margin:1px;will-change:contents,width}
.ol-overlay-container{will-change:left,right,top,bottom}.ol-unsupported{display:none}
.ol-viewport .ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.ol-control{position:absolute;background-color:rgba(255,255,255, 0.1);border-radius:4px;padding:2px;}
.ol-control:hover{background-color:rgba(255,255,255,.6)}
.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}@media print{.ol-control{display:none}}
.ol-control button
{
display:block;margin:1px;padding:0;color:#fff;
font-size:1.14em;font-weight:700;text-decoration:none;text-align:center;height:1.375em;width:1.375em;line-height:.4em;
background-color:rgba(0,60,136,.3);
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;font-size:1.2em;will-change:transform}
.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}
.ol-control button:focus{text-decoration:none;background-color:rgba(0,136,136,.7); border: 1px solid black;}
.ol-control button:hover{text-decoration:none;background-color:rgba(0,60,136,.9)}
.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0; font-size:2em;}
.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px; font-size:2em;}

.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em)}
.ol-attribution ul{margin:0;padding:0 .5em;font-size:.7rem;line-height:1.375em;color:#000;text-shadow:0 0 2px #fff}
.ol-attribution li{display:inline;list-style:none;line-height:inherit}.ol-attribution li:not(:last-child):after{content:" "}
.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button,.ol-attribution ul{display:inline-block}
.ol-attribution.ol-collapsed ul{display:none}.ol-attribution.ol-logo-only ul{display:block}
.ol-attribution:not(.ol-collapsed){background:rgba(255,255,255, 1); z-index:999;}
.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0;height:1.1em;line-height:1em}.ol-attribution.ol-logo-only{background:0 0;bottom:.4em;height:1.1em;line-height:1em}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-logo-only button,.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:inline-block}.ol-overviewmap .ol-overviewmap-map{border:1px solid #7b98bc;height:150px;margin:2px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:1px;left:2px;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:rgba(255,255,255,.8)}.ol-overviewmap-box{border:2px dotted rgba(0,60,136,.7)}

body { min-height:500px;}

#map 
{
 position: relative;
 height: 100%;
 width: calc(100% - 1px); 
}

.map:-moz-full-screen { height: 100%; }
.map:-webkit-full-screen { height: 100%; }
.map:-ms-fullscreen { height: 100%; }
.map:fullscreen { height: 100%; }

.ol-rotate { top: 3em; }

.ol-control
{
 background: transparent;	padding:0;
}

.ol-zoom 
{
 transition-property:all;
 transition-duration:2s; 
 border-radius: 12px!important;
 box-shadow: 2px 2px 2px rgba(0,0,100, .4);
 border: 1px outset gray;
}


.ol-zoom:hover 
{
 box-shadow: none;
 border: 1px inset lightgray;
}

      

.ol-zoomslider {
    position: absolute; 
    top: 80px!important;
    left: 8px;;
    width:30px;
    height:260px; /*  height: 40%;    height: /* calc(100% - 230px); // Schieber ändert sich nicht mit beim Ändern der Größe */
    border: 1px lightgray solid; 
    box-shadow: 3px 3px 6px rgba(0,0,0, .3);
    cursor: crosshair;
    
     background: linear-gradient(to bottom, rgba(0,60,136, .4) 0%, rgba(0,60,136, .4) 5%,  rgba(180, 180, 220, 0.01) 15%,  rgba(180, 180, 220, 0.01) 85%, rgba(0,60,136, .4) 95%,  rgba(0,60,136,.4) 100%); 
}
  
button.ol-zoom-in {
    border-radius: 12px 12px 0 0!important;
    width:30px;
    height:30px;
    cursor: zoom-in;
}
button.ol-zoom-out {
    border-radius: 0 0 12px 12px!important;
    width:30px;
    height:30px;
    cursor: zoom-out;
}


.ol-zoomslider-thumb 
{
	cursor: move; width:38px!important; border-radius:10px; box-shadow: 3px 3px 6px rgba(0,0,0, .6); border: 1px outset gray;
}


.ol-scale-line { left: auto; right:35px; bottom: 6px; z-index:1;}

.ol-scale-line:hover {
    background: rgba(0,60,136,.9);  
}

.ol-full-screen-false { width:40px!important; height:40px!important; font-size:28px!important; }

#centerziel
{
 display:table-cell; 
 position: absolute;
 left:9px;top:360px;
 height:30px;
 width:30px;
 font-size:14px;
 text-align:center; vertical-align: middle;
 background-color: rgba(0,60,136,.5); color: white; border-radius:10px;
 opacity: 0.7;
 cursor: pointer;
 z-index:2;
}

#centerziel:hover
{
 opacity: 1;
}

@media print {
   #centerziel  { display: none; }
}


#jargonfeld
{
 z-index:1;	
 position: absolute; bottom: 0; left: 40px; 
 width:calc(100% - 100px);
 width: intrinsic;           /* Safari/WebKit verwendet einen nicht standardisierten Namen */
 width: -moz-max-content;    /* Firefox/Gecko */
 width: -webkit-max-content; /* Chrome */
 padding: 5px 15px; 
 font-size: 12px; 
 color: rgba(0,0,0, .6);
 font-family: "liberation_serifbold_italic";
 text-align:center; 
 background: rgba(255,255,255, .8);
 background: linear-gradient(
  to right, 
  rgba(255,255, 255, 0) 0%, rgba(255,255,255, 0.6) 5%, rgba(255,255,255, 0.8) 10%, rgba(255,255,255,0.8) 90%, rgba(255,255,255, 0.6) 95%, rgba(255, 255, 255, 0)   100%
  );
 white-space: nowrap; overflow: hidden;
 text-overflow: ellipsis;
 opacity: 1;
 cursor: crosshair;
}

#jargonfeld:hover
{
 color: black;
 text-shadow: 3px 3px 6px white;
}

#jargonfeld span:first-of-type
{
	font-size: 14px;
}


#ors
{
 z-index:1;	
 position: absolute; bottom: 0; right: 120px; 
 width:100px;
 width: intrinsic;           /* Safari/WebKit verwendet einen nicht standardisierten Namen */
 width: -moz-max-content;    /* Firefox/Gecko */
 width: -webkit-max-content; /* Chrome */
 padding: 5px; 
 font-size: 12px; 
}