/* =============================================================================
   Inhalte der Geomap, 28.05.2020
   ========================================================================== */  
   ul.form-control{height:auto;min-height:calc(1.5em + .75rem + 2px);margin-bottom:0}ul.form-control input{color:#495057}ul.form-control.disabled{background-color:#e9ecef}ul.form-control .badge{padding-left:0;line-height:1.5em}ul.form-control .badge button.close{font-size:1.5em;line-height:.9em}ul.form-control .badge span.disabled{opacity:.65}ul.form-control.focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}ul.form-control.form-control-sm{min-height:calc(1.5em + .5rem + 2px)}ul.form-control.form-control-sm input{font-size:.875rem}ul.form-control.form-control-lg{min-height:calc(1.5em + 1rem + 2px)}ul.form-control.form-control-lg input{font-size:1.25rem}.was-validated ul.form-control:valid,ul.form-control.is-valid{border-color:#28a745}.was-validated ul.form-control:valid.focus,ul.form-control.is-valid.focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated ul.form-control:invalid,ul.form-control.is-invalid{border-color:#dc3545}.was-validated ul.form-control:invalid.focus,ul.form-control.is-invalid.focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}ul.dropdown-menu li .custom-control-input.disabled~.custom-control-label{color:#6c757d}

      
#geomap {}
#geomap .step { display: none; } 
#geomap .step.active { display: block; }    
#geomap #mapupdate { display: none; } 
#geomap #mapupdate.active { display: block; }       
#geomap #legende { display: none; } 
#geomap #legende.active { display: block; }     
#geomap #markerdetails { display: none; } 
body.mitmaplib #geomap #markerdetails { display: block; }    

#marker-rating { display: none; }
#marker-editbutton  { display: none; }
#marker-newcomment  { display: none; }
#marker-allcomments { display: none; }
#maplibinner.single #marker-rating { display: block; }   
#maplibinner.single #marker-editbutton { display: block; }  
#maplibinner.single #marker-newcomment { display: block; }  
#maplibinner.single #marker-allcomments { display: block; }  

                                                             
#maplibinner.single.nopublic #marker-rating { display: none; }  
#maplibinner.single.nopublic #marker-editbutton { display: none; }  
#maplibinner.single.nopublic #marker-newcomment { display: none; }    
#maplibinner.single.nopublic #marker-allcomments { display: none; }      

#legende { border-top: 1px solid rgba(0,0,0,0.3);  font-size: 0.9rem; line-height: 1.2; }
.leg_bereich { display: block; position: relative; background: rgba(255,255,255,0.4); padding: 8px; margin: 1px 0; min-height: 45px; border-bottom: 1px solid rgba(0,0,0,0.3); }       
.leg_bereich img { display: block; position: absolute; top: 8px; left: 8px; width: 18px; height: auto; }       
.leg_bereich span { display: block; padding-left: 30px; }

#map, #legende { }        

/* Ergänzung 23.05.2020 */
#legende .leg_bereich { cursor: pointer; position: relative; }      
#legende .leg_bereich.ls-noklick { cursor: auto;  }     
#legende .leg_bereich > .ls-gm-remove { display: none; }   
#legende .leg_bereich.active { background: rgba(0,0,0,0.1); }         
#legende .leg_bereich.active > .ls-gm-remove { display: block; position: absolute; top: -6px; right: -4px; font-size: 22px; line-height: 22px; cursor: pointer; color: red; }    
.ls-gm-legendenbutton { font-size: 0.8rem; line-height: 1.1; }

.geokat-stark { background: #278947 !important; border-color: #278947 !important; color: #fff !important; }   
.geokat-schwach { background: #B20005 !important; border-color: #B20005 !important; color: #fff !important;  }
.geokat-idee { background: #F5B80A !important; border-color: #F5B80A !important; color: #000 !important;  }     
.ls-control-outline.geokat-stark { background: rgba(39,137,71, 0.2) !important; border-color: #278947 !important; color: #000 !important; }   
.ls-control-outline.geokat-schwach { background: rgba(178,0,5, 0.2) !important; border-color: #B20005 !important; color: #000 !important;  }
.ls-control-outline.geokat-idee { background: rgba(245,184,10, 0.2) !important; border-color: #F5B80A !important; color: #000 !important;  }
/* ENDE Ergänzung 23.05.2020 */

.alert_area alert { margin-bottom: 1px; }

.step.alert p { margin: 0 0 1rem 0; }

label + small.text-muted { margin-top: -0.5rem; margin-bottom: 1rem; }   
h3 + small.text-muted { margin-top: -24px; margin-bottom: 1rem;  }
.input-group-text.daily { min-width: 6rem; }
 .input-group-sm > .input-group-text { font-size: 0.875rem; }
 .leaflet-top, .leaflet-bottom { z-index: 699; }
 .alert small { display: inline-block; font-size: 0.75rem; line-height: 1rem; }
 
 .blogitem {
	position: relative;
	background: #f5f5f5;
	border-radius: .4em;  
  margin: 1rem 0 1rem 20px;  
  padding: 15px; 
}

 .blogitem:after {
	content: '';
	position: absolute;
	left: 0;
	top: 30px;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right-color: #f5f5f5;
	border-left: 0;
	margin-top: -20px;
	margin-left: -20px;
}
                     
 .blogitem.ownone { background: #b8d8ce;}    
 .blogitem.ownone:after { border-right-color: #b8d8ce;}
 
 .blogautor { font-weight: bold; color: #000; font-size: 0.8rem; }    
 .blogitem p { margin-bottom: 12px; }         
                                                                      
 .blogitem .row { padding-right: 15px; } 
 .blogitem .row .col {  white-space: nowrap; padding-right: 5px; } 
 .blogitem .row .col .badge { margin-left: 5px; }
 .blogitem i { font-size: 1.1rem;}
                                         
 #marker-rating .row .col { position: relative; padding: 0.3rem 0.5rem 0 0; } 
 .ls-circle-btn i { color: #fff; }
 .ls-circle-btn.ls-positiv  { background: #28a745; }       
 .ls-circle-btn.ls-neutral  { background: #fff; }      
 .ls-circle-btn.ls-neutral  i { font-size: 2rem; color: #ffc107; }
 .ls-circle-btn.ls-negativ  { background: #dc3545; }
 
 #mapformcover fieldset { border-bottom: 0px solid #00619c; } 
 #mapformcover fieldset legend { color: #00619c; font-size: 0.9rem; text-transform: uppercase; padding: 1rem 0; border-top: 3px solid #00619c; }          
 #mapformcover input, #mapformcover textarea, #mapformcover select { background: rgba(0, 97, 156, 0.09); }  
 #mapformcover .form-text { font-size: 0.9rem; line-height: 1.3; }      
 #mapformcover .form-check-label { font-size: 0.9rem; line-height: 1.3; } 
 
 .ratinginfo { text-align: right; }
 
 .progress { background: rgba(255,255,255,0.7); height: 1.1rem; }                                      
 .badge-primary { background: #007085; font-weight: normal; font-size: 1rem; margin: 0.2rem 0;  }
 .badge-secondary { background: #ee7600; font-weight: normal; font-size: 1rem; margin: 0.2rem 0;  }
 
 form.ls-fragebogen .form-text { font-size: 0.9rem; line-height: 1.3rem; }   
 form.ls-fragebogen .form-check-inline { display: flex; }                  
 /* .ls-fragen-row .form-check-inline .custom-control label { white-space: nowrap; }    */
 .ls-fragen-row .ls-control-outline { padding: 0.2rem 1rem 0.2rem 0.5rem; background: rgba(266,255,255,0.3); border-radius: 5px; margin-bottom: 0.2rem; border: 1px solid rgba(0,0,0,0.1); }        
 form.ls-fragebogen .form-check-inline .ls-control-outline { margin-right: 1rem; }        
 form.ls-fragebogen .form-check { padding-left: 0; }
 
 .ls-fragen-row  + .ls-fragen-row { margin-top: 0.7rem; padding-top: 0.7rem; border-top: 1px solid rgba(0,0,0,0.2); }
 
/* =============================================================================   Lightbox   ===================================================================== */

#maplibcover { display: none; }
html.mitmaplib, body.mitmaplib { /*height: 100%; overflow-x: hidden; overflow-y: visible; */ }
body.mitmaplib #maplibcover { display: block; }  


#mapformcover { display: none; }
html.mitmapform, body.mitmapform { /*height: 100%; overflow-x: hidden; overflow-y: visible; */ }
body.mitmapform #mapformcover { display: block; }  
                              
/* =============================================================================   Responsive   ===================================================================== */
@media only screen and (min-width:992px){    

/* #myselfpos { position: absolute; bottom: 15px; left: 20px; right: 20px; width: calc(100% - 40px); } */ 

}      
@media only screen and (max-width: 575.98px) {    
/* XS */  
 form.ls-fragebogen .form-check-inline { display: block; }        
 form.ls-fragebogen .form-check-inline .ls-control-outline { margin-right: 0; }                      
}

/* NEU: Fullscreenfunktion */
body.geomapfullscreen { width: 100%; height: 100vH; overflow: hidden;}
body.geomapfullscreen #geomap { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 799; background: #fff; }
body.geomapfullscreen #geomap #map { height: 100vH !important; }


@media only screen and (max-width: 767.98px) {  
body.geomapfullscreen #geomap .row .greyedout {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 900;
	box-shadow: 0 0 20px 20px rgba(0,0,0,0.4);
}
}