/* GPX2GM.css
   Lizenz CC BY-NC-SA 4.0
   Jürgen Berkemeier
   www.j-berkemeier.de
   10. 9. 2025 */
	 
.JBinfofenster { position: absolute; z-index: 1000; margin-top: 10px; margin-left: 10px; 
                border: 1px solid #aaa; border-radius: 3px; box-shadow: 1px 1px 5px #aaa; 
                background-color: white; padding: 0.5em; font-size: 0.8em; 
                line-height: 1.2em; max-width:50%; color: black } 
.JBinfofenster strong { font-size: 1.2em }

.JBinfofenster_gm { color: black !important }
.JBinfofenster_gm strong { white-space:nowrap }
.leaflet-popup-content { overflow: auto }

.JBmaphead { position: absolute; margin: 0; padding: 0; font-size: 16px; 
             line-height: 24px;z-index: 510; max-width:100%; color:aliceblue}
.JBmaphead * { margin:0;padding:0; }
.JBmaphead div { display:inline-block; }
.JBmaphead button { border: none; background-color: transparent; font: inherit; color: inherit; text-align: inherit; padding: 0; cursor: pointer; } 

.visually-hidden { position: absolute !important; clip: rect(1px, 1px, 1px, 1px) !important; padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden !important; white-space: nowrap !important; }

.JBcheckbox ol { position: absolute; }
.JBcheckbox li { list-style-type: none; white-space:nowrap; background-color: white; }
.JBcheckbox input { margin-right: 3px; margin-left: 3px; }
.JBcheckbox li input:hover ~ label, .JBcheckbox li label:hover, .JBcheckbox li button:hover,
.JBcheckbox li input:focus ~ label, .JBcheckbox li button:focus { outline: 1px dotted red; background-color: lightgray; }
.JBcheckbox [aria-pressed="false"]::after { content: " ▼" }
.JBcheckbox ol[aria-expanded="false"] { display: none }
.JBcheckbox [aria-pressed="true"]::after { content: " ▲" }
.JBcheckbox ol[aria-expanded="true"] { overflow-y:auto }
.JBcheckbox ol[aria-expanded="true"] li { padding-right: 1.5em }

.JBinfodiv { border: 3px solid black; background-color: white; padding: 30px; 
             font-size: 1.2em; line-height: 3em; text-align:center;  position: relative; 
             z-index: 1000; left: 20%; top: -80%; width: 60%; height: 60%; } 
.JBinfodiv img { position: absolute; top: 50%; left: 50%; 
                 transform: translateX(-50%) translateY(-50%); }
          
.JBmapdiv_map { width: 100%; height: 100%; color: black }
.JBmapdiv_map img { max-width: none }
.JBmapdiv { font-size:16px; position: relative }
.JBmapdiv img { image-orientation: from-image }

.JBfull { background-color:#eee; 
          -webkit-transition: left 1s, top 1s, height 1s, width 1s; 
                  transition: left 1s, top 1s, height 1s, width 1s;
          z-index: 2001}

/* .JBprofildiv  {  } */

/* div.JBcluster-icon {  } */
div.JBcluster-icon > div { display: flex; align-items: center; justify-content: center; font-weight: bold }
div.JBdirection-marker { width: auto !important; height: auto !important; }
div.JBdirection-marker > div { display: flex; align-items: center; justify-content: center; font-size: 2em; }

div.leaflet-top { z-index: 500 !important }

div.leaflet-bottom.leaflet-right { max-width: calc(100% - 9em); text-wrap: balance; text-align: right; }
div.leaflet-bottom.leaflet-right div.leaflet-control-attribution { float: none; display: inline; padding-block: .15em .15em; padding-inline: .2em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }