@import "node_modules/ol/ol.css";
@import "node_modules/ol-ext/dist/ol-ext.css";
@import "node_modules/ol-ext/overlay/Popup.css";
@import "node_modules/ol-ext/control/LayerSwitcher.css";
html, body {
  margin: 0;
  height: 100%;
  font-family:Verdana, Geneva, sans-serif;
    font-size: 1em;
}

h4 {
	font-size:0.85em;
}

a {
	    color: #000000;
    text-decoration: none;	
}

a:hover {
color: #ca9b52;
}	
	

#map {
  position: relative;
/* float:left; */
  top: 0;
  bottom: 0;
    height:70%;
  width: 100%;
}


.container{
	

}

.hinweis {

	float:left;
 
    top: 0; /* Ganz oben */
    left: 0; /* Ganz links */
	font-size:0.7em;
    width: 60%; /* Volle Breite */

}

#sonstiges {
	  position: absolute;
	  left:2px;
	  bottom: 10px;
	font-size:0.7em;
	    color: #000000;
    text-decoration: none;
}


.treffer {
	float: left;
    top: 0; /* Ganz oben */
    left: 0; /* Ganz links */
	font-size:0.9em;

    width: 30%; /* Volle Breite */	
	
}



.info {


  	float:left;
 
 
    left: 5px; /* Ganz links */
    height:1.4em;

}

#logo {
	 	float:left;
		  position: absolute;
}

#seitentext {
  margin-left:120px
}

#danke {
	font-size:0.9em;
	opacity: 0; 
	/*transition: opacity 3s ease-in-out;*/
  position: absolute;
    border-radius: 14px;
padding:6px;
/*display:none;*/
left:320px;
bottom:10px;
  width: 250px;
  height: 150px;
  background-color: white;
  z-index:1;
  border-width: 3px;
  border-style: solid;
  border-radius: 0.375rem;
  border-color: #dee2e6;


}

#koordinate{
	font-size:0.8em;
opacity: 0; 
	/*transition: opacity 3s ease-in-out;*/
  position: absolute;
    border-radius: 14px;
padding:6px;
/*display:none;*/
right:1px;
bottom:10px;
  width: 300px;
  height: 150px;
  background-color: white;
  z-index:1;
  border-width: 4px;
  border-style: solid;
  border-radius: 0.375rem;
  border-color: #dee2e6;


}

#digitalisierung {
	font-size:0.9em;

	/*transition: opacity 3s ease-in-out;*/
  position: absolute;
    border-radius: 14px;
padding:6px;
/*display:none;*/
left:10px;
bottom:260px;
  width: 280px;
  height: 250px;
  background-color: white;
  z-index:1;
  border-width: 3px;
  border-style: solid;
  border-radius: 0.375rem;
  border-color: #dee2e6;


}


#externswitcher {
	font-size:0.9em;
  position: absolute;
    border-radius: 14px;
padding:6px;

right:10px;
top:120px;
  width: 350px;
  height: 70%;
  background-color: white;
  z-index:1;
  border-width: 3px;
  border-style: solid;
  border-radius: 0.375rem;
  border-color: #dee2e6;


}

.digi_meldung{
	font-size:1.0em;	
	color:green;
}

.ol-okk {
  margin:10px !important;

}

.ol-control.ol-select
{
display:none  !important;
}


.ol-attribution
{
	/*display:none  !important;*/
right:50px !important;
}


   .ol-popup h1 {
      font-size: 1em;
      background-size: 2em;
      padding-left: 3em;
    }
	
	
	   #suche_auffrischen {
  
      background-color:#13c023;
  padding:5px;
    font-size:0.9em;
    }
	
		   #suche_auffrischen:hover {
  
      background-color:#5eb566;

    }
	
	   #suche_auffrischen2 {
  
      background-color:#13c023;
  padding:5px;
  font-size:0.9em;
    }
	
		   #suche_auffrischen2:hover {

      background-color:#5eb566;

    }
	
	#Digitalisier{
	display:none  !important;	
	}
	
		#Koordinatezeigen{
	display:none  !important;	
	}
	
			#Linienmessung{
	display:none  !important;	
	}
	
	
	     .ol-popup {
        position: absolute;
        background-color: white;
        box-shadow: 0 1px 4px rgba(0,0,0,0.2);
        padding: 15px;
        border-radius: 10px;
        border: 1px solid #cccccc;
        bottom: 12px;
        left: -50px;
        min-width: 400px;
      }
      .ol-popup:after, .ol-popup:before {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
      }
      .ol-popup:after {
        border-top-color: white;
        border-width: 10px;
        left: 48px;
        margin-left: -10px;
      }
      .ol-popup:before {
        border-top-color: #cccccc;
        border-width: 11px;
        left: 48px;
        margin-left: -11px;
      }
	  
	  
	     .ol-popupDigi {
			
        position: absolute;
        background-color: white;
        box-shadow: 0 1px 4px rgba(0,0,0,0.2);
        padding: 15px;
		   opacity: 1;  
			font-size:0.7em;
        border-radius: 10px;
        border: 1px solid #cccccc;
        bottom: 12px;
        left: -50px;
        min-width: 600px;
		min-height:600px;
      }
      .ol-popupDigi:after, .ol-popup:before {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
      }
      .ol-popupDigi:after {
        border-top-color: white;
        border-width: 10px;
        left: 48px;
        margin-left: -10px;
      }
      .ol-popupDigi:before {
        border-top-color: #cccccc;
        border-width: 11px;
        left: 48px;
        margin-left: -11px;
      }
	  
	  
	  
	  
	  .ol-layerswitcher{
		font-family:Verdana,Geneva,sans-serif !important;  
		  font-size:0.8em !important;

	  }
	  
	  
	  	  .panel{
		font-family:Verdana,Geneva,sans-serif !important; 


	  }
	  
	  
	  .ol-layerswitcher .panel li label {
		max-width:20em !important;  
	  }
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
      .ol-popup-closer {
        text-decoration: none;
        position: absolute;
        top: 12px;
        right: 8px;
      }
	  
	        .ol-popup-closer:after {
        content: "✖";
      }
	     
	 .ol-popup-closer2 {
        text-decoration: none;
        position: absolute;
        bottom: 12px;
        right: 8px;
      }
	  
	  	        .ol-popup-closer3 {
        text-decoration: none;
        position: absolute;
        bottom: 12px;
        right: 8px;
      }

	  
	        .ol-popup-closer2:after {
        content: "✖";
      }
	  	        .ol-popup-closer3:after {
        content: "✖";
      } 
	  
	  
	  .ol-print-param {
		  font-family:Verdana, Geneva, sans-serif;  
		      }



      .ol-tooltip {
        position: relative;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 4px;
        color: white;
        padding: 4px 8px;
        opacity: 0.85;
        white-space: nowrap;
        font-size: 12px;
        cursor: default;
        user-select: none;
      }
      .ol-tooltip-measure {
        opacity: 1;
        font-weight: bold;
      }
      .ol-tooltip-static {
        background-color: #ffcc33;
        color: black;
        border: 1px solid white;
      }
      .ol-tooltip-measure:before,
      .ol-tooltip-static:before {
        border-top: 6px solid rgba(0, 0, 0, 0.5);
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        content: "";
        position: absolute;
        bottom: -6px;
        margin-left: -7px;
        left: 50%;
      }
      .ol-tooltip-static:before {
        border-top-color: #ffcc33;
      }